fix: use-id (#49)

.changeset/chilled-monkeys-wink.md

@@ -0,0 +1,5 @@
+---
+"paneforge": patch
+---
+
+fix: issue with useId causing duplicate IDs

package.json

@@ -33,7 +33,7 @@
 		"prettier": "^3.3.3",
 		"prettier-plugin-svelte": "^3.2.7",
 		"prettier-plugin-tailwindcss": "^0.6.5",
-		"svelte": "5.0.0-next.262",
+		"svelte": "^5.0.0-next.262",
 		"svelte-eslint-parser": "^0.41.1"
 	},
 	"type": "module",

packages/paneforge/package.json

@@ -43,7 +43,7 @@
 		"postcss": "^8.4.32",
 		"postcss-load-config": "^5.0.2",
 		"publint": "^0.2.8",
-		"svelte": "5.0.0-next.262",
+		"svelte": "^5.0.0-next.262",
 		"svelte-check": "^4.0.4",
 		"tailwindcss": "^3.4.1",
 		"tslib": "^2.6.3",
@@ -55,6 +55,6 @@
 	"types": "./dist/index.d.ts",
 	"type": "module",
 	"dependencies": {
-		"svelte-toolbelt": "^0.4.1"
+		"svelte-toolbelt": "^0.4.2"
 	}
 }

packages/paneforge/src/lib/internal/utils/useId.ts

@@ -4,6 +4,6 @@ let count = 0;
  * Generates a unique ID based on a global counter.
  */
 export function useId(prefix = "paneforge") {
-	count = count++;
+	count++;
 	return `${prefix}-${count}`;
 }

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

@@ -80,9 +80,9 @@ class PaneGroupState {
 	#keyboardResizeBy: PaneGroupStateProps["keyboardResizeBy"];
 	#onLayout: PaneGroupStateProps["onLayout"];
 	#storage: PaneGroupStateProps["storage"];
-	dragState = $state<DragState | null>(null);
-	layout = $state<number[]>([]);
-	paneDataArray = $state<PaneData[]>([]);
+	dragState = $state.raw<DragState | null>(null);
+	layout = $state.raw<number[]>([]);
+	paneDataArray = $state.raw<PaneData[]>([]);
 	paneDataArrayChanged = $state<boolean>(false);
 
 	paneIdToLastNotifiedSizeMap = $state<Record<string, number>>({});

sites/docs/package.json

@@ -42,7 +42,7 @@
 		"rehype-pretty-code": "^0.13.0",
 		"remark-gfm": "^4.0.0",
 		"shiki": "^1.1.3",
-		"svelte": "5.0.0-next.262",
+		"svelte": "^5.0.0-next.262",
 		"svelte-check": "^4.0.4",
 		"svelte-toolbelt": "^0.4.1",
 		"tailwind-merge": "^2.2.1",