fix: conditional issue (#58)

Author: huntabyte

.changeset/config.json

@@ -10,5 +10,5 @@
 	"access": "public",
 	"baseBranch": "main",
 	"updateInternalDependencies": "patch",
-	"ignore": []
+	"ignore": ["docs"]
 }

.changeset/pre.json

@@ -2,8 +2,7 @@
   "mode": "pre",
   "tag": "next",
   "initialVersions": {
-    "paneforge": "0.0.6",
-    "docs": "0.0.3"
+    "paneforge": "0.0.6"
   },
   "changesets": [
     "chilled-monkeys-wink",

.changeset/silent-rivers-sneeze.md

@@ -0,0 +1,5 @@
+---
+"paneforge": patch
+---
+
+fix: issue where conditional panes would increase size on show/hide

docs/package.json

@@ -1,5 +1,5 @@
 {
-	"name": "paneforge-docs",
+	"name": "docs",
 	"private": true,
 	"version": "0.0.0",
 	"type": "module",

docs/src/lib/components/demos/collapsible-demo.svelte

@@ -7,7 +7,7 @@
 	let collapsed = $state(false);
 </script>
 
-<div class="flex items-center gap-2">
+<div class="mt-4 flex items-center gap-2">
 	{#if collapsed}
 		<Button
 			variant="outline"

docs/src/lib/components/demos/conditional-demo.svelte

@@ -7,7 +7,7 @@
 	let showPaneThree = $state(true);
 </script>
 
-<div class="flex items-center gap-2">
+<div class="mt-4 flex items-center gap-2">
 	<Button
 		variant="outline"
 		onclick={() => {

docs/src/lib/components/demos/storage-demo.svelte

@@ -3,7 +3,7 @@
 	import DotsSixVertical from "phosphor-svelte/lib/DotsSixVertical";
 </script>
 
-<div>
+<div class="mt-4">
 	<PaneGroup direction="horizontal" class="w-full rounded-lg" autoSaveId="someGroupId">
 		<Pane defaultSize={50} class="bg-muted rounded-lg">
 			<div class="flex h-[400px] items-center justify-center p-6">

packages/paneforge/src/lib/paneforge.svelte.ts

@@ -319,6 +319,7 @@ class PaneGroupState {
 
 		if (index < 0) return;
 		paneDataArray.splice(index, 1);
+		this.paneDataArray = paneDataArray;
 		delete this.paneIdToLastNotifiedSizeMap[paneData.id];
 		this.paneDataArrayChanged = true;
 	};