fix: deps dupped resolution mess (hf) + catalog + broken api

Co-authored-by: Copilot <copilot@github.com>

Author: JulianCataldo

example-app/package.json

@@ -16,23 +16,23 @@
     "@jsfe/engine": "workspace:^",
     "@jsfe/generics": "workspace:^",
     "@picocss/pico": "^2.1.1",
-    "@awesome.me/webawesome": "^3.6.0",
+    "@awesome.me/webawesome": "catalog:",
     "@sinclair/typebox": "^0.34.33",
     "@vitejs/plugin-react": "^4.4.1",
     "@vtaits/react-signals": "^1.0.2",
     "arktype": "^2.1.20",
     "hono": "^4.7.7",
-    "lit": "^3.3.2",
-    "react": "^19.1.0",
+    "lit": "catalog:",
+    "react": "catalog:",
     "react-dom": "^19.1.0",
     "vite": "^6.3.2"
   },
   "// use-signals": "^0.1.1",
   "devDependencies": {
-    "@types/node": "^22.14.1",
-    "@types/react": "^19.1.2",
+    "@types/node": "catalog:",
+    "@types/react": "catalog:",
     "@types/react-dom": "^19.1.2",
-    "typescript": "^6.0.2",
+    "typescript": "catalog:",
     "vite-plugin-static-copy": "^2.3.1"
   }
 }

package.json

@@ -38,7 +38,7 @@
   "devDependencies": {
     "@trivago/prettier-plugin-sort-imports": "^5.2.2",
     "@types/eslint": "^9.6.1",
-    "@types/node": "^22.14.1",
+    "@types/node": "catalog:",
     "@typescript-eslint/eslint-plugin": "^8.30.1",
     "@typescript-eslint/parser": "^8.30.1",
     "eslint": "^9.25.0",
@@ -67,7 +67,7 @@
     "turbo": "^2.5.0",
     "typedoc": "^0.28.2",
     "typedoc-plugin-markdown": "^4.6.2",
-    "typescript": "^6.0.2"
+    "typescript": "catalog:"
   },
   "packageManager": "pnpm@9.12.3",
   "engines": {
@@ -91,6 +91,9 @@
       "safer-buffer": "npm:@nolyfill/safer-buffer@^1",
       "string.prototype.trimend": "npm:@nolyfill/string.prototype.trimend@^1",
       "typedarray": "npm:@nolyfill/typedarray@^1"
+    },
+    "patchedDependencies": {
+      "@lit-labs/signals": "patches/@lit-labs__signals.patch"
     }
   }
 }

packages/engine/package.json

@@ -65,11 +65,11 @@
   "dependencies": {
     "@standard-schema/spec": "^1.0.0",
     "@types/json-schema": "^7.0.15",
-    "signal-polyfill": "^0.2.2"
+    "signal-polyfill": "0.2.2"
   },
   "devDependencies": {
     "sinon": "19.0.2",
-    "typescript": "^6.0.2"
+    "typescript": "catalog:"
   },
   "publishConfig": {
     "access": "public"

packages/generics/package.json

@@ -69,20 +69,20 @@
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-node-resolve": "^16.0.1",
     "@rollup/plugin-typescript": "^12.1.2",
-    "@types/react": "^19",
+    "@types/react": "catalog:",
     "@vue/babel-plugin-jsx": "^1.4.0",
     "babel-preset-solid": "^1.9.6",
     "preact-jsx-runtime": "^1.2.0",
     "rollup": "^4.40.1",
     "rollup-plugin-node-externals": "^8.0.0",
     "sass": "^1.86.3",
-    "typescript": "^6.0.2"
+    "typescript": "catalog:"
   },
   "peerDependencies": {
-    "@lit-labs/signals": "^0.1.2",
-    "lit": "^3.3.2",
-    "react": "^19",
-    "vue": "^3.5.13"
+    "@lit-labs/signals": "catalog:",
+    "lit": "catalog:",
+    "react": "catalog:",
+    "vue": "catalog:"
   },
   "peerDependenciesMeta": {
     "lit": {
@@ -102,6 +102,6 @@
     "access": "public"
   },
   "overrides": {
-    "signal-polyfill": "^0.2.2"
+    "signal-polyfill": "0.2.2"
   }
 }

packages/webawesome/package.json

@@ -56,16 +56,35 @@
     "css:lint": "stylelint \"src/**/*.css\" --cache"
   },
   "dependencies": {
-    "@awesome.me/webawesome": "^3.6.0",
+    "@awesome.me/webawesome": "catalog:",
     "@jsfe/engine": "workspace:*",
-    "@jsfe/generics": "workspace:*",
-    "lit": "^3.3.2"
+    "@jsfe/generics": "workspace:*"
+  },
+  "peerDependencies": {
+    "@lit-labs/signals": "catalog:",
+    "lit": "catalog:",
+    "react": "catalog:",
+    "vue": "catalog:"
+  },
+  "peerDependenciesMeta": {
+    "lit": {
+      "optional": true
+    },
+    "react": {
+      "optional": true
+    },
+    "@lit-labs/signals": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    }
   },
   "devDependencies": {
     "@lit/ts-transformers": "^2.0.2",
     "jsx-forge": "link:../../../../@gracile/gracile/packages/labs/jsx-forge",
     "ts-patch": "^3.3.0",
-    "typescript": "^6.0.2"
+    "typescript": "catalog:"
   },
   "publishConfig": {
     "access": "public"

packages/webawesome/src/widgets/array.ts

@@ -8,7 +8,9 @@ import * as widgets from './index.js';
 export const Arrayy: Widgets['Array'] = (options) => {
 	return html`
 		<fieldset
-			id=${options.id}
+			?disabled=${options.html.disabled}
+			id=${options.html.id}
+			name=${options.html.name}
 			class="theme-webawesome widget-array widget-fieldset level-${options.level}"
 			part="widget-array"
 		>
@@ -18,31 +20,31 @@ export const Arrayy: Widgets['Array'] = (options) => {
 				? html`<p class="widget-fieldset__description">${options.helpText}</p>`
 				: null}
 			<!--  -->
-			${options.items(
-				(index, widget, controls) => html`
+			${options.children.map(
+				(widget, index) => html`
 					<wa-card
 						class="widget-array__card"
-						@dragover=${controls.wrapper.dragover}
-						@dragenter=${controls.wrapper.dragenter}
-						@dragleave=${controls.wrapper.dragleave}
-						@drop=${controls.wrapper.drop}
+						@dragover=${widget.controls.wrapper.dragover}
+						@dragenter=${widget.controls.wrapper.dragenter}
+						@dragleave=${widget.controls.wrapper.dragleave}
+						@drop=${widget.controls.wrapper.drop}
 					>
 						<header slot="header" class="widget-array__header">
 							<div
 								class="widget-array__handle"
 								.draggable=${true}
-								@mousedown=${controls.handle.mousedown}
-								@dragstart=${controls.handle.dragstart}
+								@mousedown=${widget.controls.handle.mousedown}
+								@dragstart=${widget.controls.handle.dragstart}
 							>
-								<wa-tag size="small" pill>${index + 1}</wa-tag>
+								<wa-tag size="s" pill>${index + 1}</wa-tag>
 								<div class="widget-array__handle-grip">
 									<wa-icon name="grip-horizontal" label="Settings"></wa-icon>
 								</div>
 							</div>
 
 							<nav>
 								<wa-tooltip content="Delete">
-									<wa-button size="small" @click=${controls.delete.click}>
+									<wa-button size="s" @click=${widget.controls.delete.click}>
 										<wa-icon name="x-lg" label="Settings"></wa-icon>
 									</wa-button>
 								</wa-tooltip>
@@ -52,19 +54,19 @@ export const Arrayy: Widgets['Array'] = (options) => {
 								<wa-button-group>
 									<wa-tooltip content="Move item up">
 										<wa-button
-											size="small"
-											@click=${controls.up.click}
-											.disabled=${controls.up.disabled}
+											size="s"
+											@click=${widget.controls.up.click}
+											.disabled=${widget.controls.up.disabled}
 										>
 											<wa-icon name="arrow-up" label="Up"></wa-icon>
 										</wa-button>
 									</wa-tooltip>
 
 									<wa-tooltip content="Move item down">
 										<wa-button
-											size="small"
-											@click=${controls.down.click}
-											.disabled=${controls.down.disabled}
+											size="s"
+											@click=${widget.controls.down.click}
+											.disabled=${widget.controls.down.disabled}
 										>
 											<wa-icon name="arrow-down" label="Down"></wa-icon>
 										</wa-button>

patches/@lit-labs__signals.patch

@@ -0,0 +1,26 @@
+diff --git a/development/lib/signal-watcher.d.ts b/development/lib/signal-watcher.d.ts
+index ef66e229f372a7aad49e60b0456f987df9a1034a..e9440e5ba52cf1dcd7bd9e602bd739baaf4123e6 100644
+--- a/development/lib/signal-watcher.d.ts
++++ b/development/lib/signal-watcher.d.ts
+@@ -22,7 +22,7 @@ interface EffectOptions {
+      */
+     manualDispose?: boolean;
+ }
+-interface SignalWatcherApi {
++export interface SignalWatcherApi {
+     updateEffect(fn: () => void, options?: EffectOptions): () => void;
+ }
+ type Constructor<T = {}> = new (...args: any[]) => T;
+diff --git a/lib/signal-watcher.d.ts b/lib/signal-watcher.d.ts
+index ef66e229f372a7aad49e60b0456f987df9a1034a..e9440e5ba52cf1dcd7bd9e602bd739baaf4123e6 100644
+--- a/lib/signal-watcher.d.ts
++++ b/lib/signal-watcher.d.ts
+@@ -22,7 +22,7 @@ interface EffectOptions {
+      */
+     manualDispose?: boolean;
+ }
+-interface SignalWatcherApi {
++export interface SignalWatcherApi {
+     updateEffect(fn: () => void, options?: EffectOptions): () => void;
+ }
+ type Constructor<T = {}> = new (...args: any[]) => T;