@seahax/elemental 0.5.0 → 0.5.2

package/dist/index.js

@@ -1,18 +1,17 @@
-import { useRef as e } from "./hooks/ref.js";
-import { defineComponent as t } from "./component.js";
-import { useDisconnectCallback as n } from "./hooks/disconnect.js";
-import { useEffect as r } from "./hooks/effect.js";
-import { useAsync as i } from "./hooks/async.js";
-import { useHost as a } from "./hooks/host.js";
-import { useAttributes as o } from "./hooks/attributes.js";
-import { useChildEffect as s } from "./hooks/child.js";
-import { useDocument as c } from "./hooks/document.js";
-import { useForm as l, useFormDisabled as u, useFormResetCallback as d, useFormRestoreCallback as f } from "./hooks/form.js";
-import { useElementInternals as p } from "./hooks/internals.js";
-import { useParent as m } from "./hooks/parent.js";
-import { createStore as h } from "./store.js";
-import { getRouter as g } from "./router.js";
-import { useStore as _ } from "./hooks/store.js";
-import { useRoute as v } from "./hooks/route.js";
-import { html as y } from "./html.js";
-export { h as createStore, t as defineComponent, g as getRouter, y as h, y as html, i as useAsync, o as useAttributes, s as useChildEffect, n as useDisconnectCallback, c as useDocument, r as useEffect, p as useElementInternals, l as useForm, u as useFormDisabled, d as useFormResetCallback, f as useFormRestoreCallback, a as useHost, m as useParent, e as useRef, v as useRoute, _ as useStore };
+import { createStore as e } from "./createStore.js";
+import { useRef as t } from "./hooks/useRef.js";
+import { defineComponent as n } from "./defineComponent.js";
+import { useDisconnectCallback as r } from "./hooks/useDisconnect.js";
+import { useEffect as i } from "./hooks/useEffect.js";
+import { useAsync as a } from "./hooks/useAsync.js";
+import { useHost as o } from "./hooks/useHost.js";
+import { useAttributes as s } from "./hooks/useAttributes.js";
+import { useChildEffect as c } from "./hooks/useChildEffect.js";
+import { useDocument as l } from "./hooks/useDocument.js";
+import { useElementInternals as u } from "./hooks/useElementInternals.js";
+import { useForm as d, useFormDisabled as f, useFormResetCallback as p, useFormRestoreCallback as m } from "./hooks/useForm.js";
+import { useParent as h } from "./hooks/useParent.js";
+import { useStore as g } from "./hooks/useStore.js";
+import { useRoute as _ } from "./hooks/useRoute.js";
+import { html as v } from "./html.js";
+export { e as createStore, n as defineComponent, v as h, v as html, a as useAsync, s as useAttributes, c as useChildEffect, r as useDisconnectCallback, l as useDocument, i as useEffect, u as useElementInternals, d as useForm, f as useFormDisabled, p as useFormResetCallback, m as useFormRestoreCallback, o as useHost, h as useParent, t as useRef, _ as useRoute, g as useStore };

package/dist/internal/constants.d.ts

@@ -0,0 +1 @@
+export declare const $$ref: unique symbol;

package/dist/internal/constants.js

@@ -0,0 +1,6 @@
+//#region src/internal/constants.ts
+var e = Symbol();
+//#endregion
+export { e as $$ref };
+
+//# sourceMappingURL=constants.js.map

package/dist/internal/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":[],"sources":["../../src/internal/constants.ts"],"sourcesContent":["export const $$ref = Symbol();\n"],"mappings":";AAAA,IAAa,IAAQ,QAAQ"}

package/dist/internal/controllers.d.ts

@@ -0,0 +1,2 @@
+import type { Controller } from './createController.ts';
+export declare const controllers: Controller[];

package/dist/internal/controllers.js

@@ -0,0 +1,6 @@
+//#region src/internal/controllers.ts
+var e = [];
+//#endregion
+export { e as controllers };
+
+//# sourceMappingURL=controllers.js.map

package/dist/internal/controllers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controllers.js","names":[],"sources":["../../src/internal/controllers.ts"],"sourcesContent":["import type { Controller } from './createController.ts';\n\nexport const controllers: Controller[] = [];\n"],"mappings":";AAEA,IAAa,IAA4B,EAAE"}

package/dist/internal/{callbacks.js → createCallbacks.js}

@@ -1,4 +1,4 @@
-//#region src/internal/callbacks.ts
+//#region src/internal/createCallbacks.ts
 function e() {
 	let e = /* @__PURE__ */ new Set(), t = {
 		push: (t) => (e.add(t), () => e.delete(t)),
@@ -27,4 +27,4 @@ function e() {
 //#endregion
 export { e as createCallbacks };
 
-//# sourceMappingURL=callbacks.js.map
+//# sourceMappingURL=createCallbacks.js.map

package/dist/internal/createCallbacks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createCallbacks.js","names":[],"sources":["../../src/internal/createCallbacks.ts"],"sourcesContent":["export interface Callbacks<TArgs extends unknown[] = []> {\n  readonly push: (callback: (...args: TArgs) => void) => () => void;\n  readonly run: (...args: TArgs) => void;\n  readonly runAndClear: (...args: TArgs) => void;\n  readonly clear: () => void;\n}\n\nexport function createCallbacks<TArgs extends unknown[] = []>(): Callbacks<TArgs> {\n  const callbacks = new Set<(...args: TArgs) => void>();\n\n  const self: Callbacks<TArgs> = {\n    push: (callback) => {\n      callbacks.add(callback);\n      return () => callbacks.delete(callback);\n    },\n    run: (...args) => {\n      const errors: unknown[] = [];\n      const callbacksCopy = [...callbacks];\n\n      for (const callback of callbacksCopy) {\n        try {\n          callback(...args);\n        } catch (error: unknown) {\n          errors.push(error);\n        }\n      }\n\n      if (errors.length > 0) throw new AggregateError(errors);\n    },\n    runAndClear: (...args: TArgs) => {\n      try {\n        self.run(...args);\n      } finally {\n        self.clear();\n      }\n    },\n    clear: () => {\n      callbacks.clear();\n    },\n  };\n\n  return self;\n}\n"],"mappings":";AAOA,SAAgB,IAAkE;CAChF,IAAM,oBAAY,IAAI,KAA+B,EAE/C,IAAyB;EAC7B,OAAO,OACL,EAAU,IAAI,EAAS,QACV,EAAU,OAAO,EAAS;EAEzC,MAAM,GAAG,MAAS;GAChB,IAAM,IAAoB,EAAE,EACtB,IAAgB,CAAC,GAAG,EAAU;AAEpC,QAAK,IAAM,KAAY,EACrB,KAAI;AACF,MAAS,GAAG,EAAK;YACV,GAAgB;AACvB,MAAO,KAAK,EAAM;;AAItB,OAAI,EAAO,SAAS,EAAG,OAAU,eAAe,EAAO;;EAEzD,cAAc,GAAG,MAAgB;AAC/B,OAAI;AACF,MAAK,IAAI,GAAG,EAAK;aACT;AACR,MAAK,OAAO;;;EAGhB,aAAa;AACX,KAAU,OAAO;;EAEpB;AAED,QAAO"}

package/dist/internal/{controller.d.ts → createController.d.ts}

@@ -1,8 +1,9 @@
-import { type ReadonlyRef, type Ref } from '../hooks/ref.ts';
-import { type Callbacks } from './callbacks.ts';
+import { type ReadonlyRef, type Ref } from '../hooks/useRef.ts';
+import { type Callbacks } from './createCallbacks.ts';
 export interface Controller {
     readonly host: HTMLElement;
     readonly onNotify: Callbacks;
+    readonly onAfterRender: Callbacks;
     readonly onDisconnect: Callbacks;
     readonly refDocument: ReadonlyRef<Document>;
     readonly refParent: ReadonlyRef<ParentNode | null>;
@@ -22,12 +23,11 @@ export interface Controller {
     readonly formResetCallback: () => void;
     readonly formStateRestoreCallback: (state: string | File | FormData, reason: 'restore' | 'autocomplete') => void;
 }
-export interface ControllerConfig {
+interface ControllerConfig {
     readonly host: HTMLElement;
     readonly formAssociated: boolean;
     readonly render: (controller: Controller) => void;
     readonly attachInternals: () => ElementInternals;
 }
-export declare const $$ref: unique symbol;
-export declare function getController(): Controller | undefined;
 export declare function createController({ host, formAssociated, render, attachInternals }: ControllerConfig): Controller;
+export {};

package/dist/internal/{controller.js → createController.js}

@@ -1,19 +1,17 @@
-import { createCallbacks as e } from "./callbacks.js";
-//#region src/internal/controller.ts
-var t = Symbol(), n = [];
-function r() {
-	return n.at(-1);
-}
-function i({ host: r, formAssociated: i, render: a, attachInternals: o }) {
-	let s = !1, c = !1, l, u, d = e(), f = (e, n) => {
+import { createCallbacks as e } from "./createCallbacks.js";
+import { controllers as t } from "./controllers.js";
+import { $$ref as n } from "./constants.js";
+//#region src/internal/createController.ts
+function r({ host: r, formAssociated: i, render: a, attachInternals: o }) {
+	let s = !1, c = !1, l, u, d = e(), f = (e, t) => {
 		let r = e;
 		return {
-			[t]: !0,
+			[n]: !0,
 			get value() {
 				return r;
 			},
 			set value(e) {
-				e !== r && (r = e, n?.(r), !(!c || s) && (s = !0, queueMicrotask(() => {
+				e !== r && (r = e, t?.(r), !(!c || s) && (s = !0, queueMicrotask(() => {
 					s = !1, d.run();
 				})));
 			}
@@ -21,6 +19,7 @@ function i({ host: r, formAssociated: i, render: a, attachInternals: o }) {
 	}, p = {
 		host: r,
 		onNotify: d,
+		onAfterRender: e(),
 		onDisconnect: e(),
 		refDocument: f(r.ownerDocument),
 		refParent: f(r.parentNode),
@@ -33,19 +32,21 @@ function i({ host: r, formAssociated: i, render: a, attachInternals: o }) {
 		createRef: f,
 		attachInternals: () => l ??= o(),
 		connectedCallback: () => {
-			c = !0, p.refParent.value = r.parentNode;
-			try {
-				n.push(p), a(p);
-			} finally {
-				n.pop();
+			if (!c) {
+				c = !0, p.refParent.value = r.parentNode;
+				try {
+					t.push(p), a(p);
+				} finally {
+					t.pop();
+				}
+				p.onAfterRender.runAndClear(), u?.type === "reset" ? p.formAssociated?.onReset.run() : u?.type === "restore" && p.formAssociated?.onRestore.run(u.state, u.reason), p.onNotify.run();
 			}
-			u?.type === "reset" ? p.formAssociated?.onReset.run() : u?.type === "restore" && p.formAssociated?.onRestore.run(u.state, u.reason), p.onNotify.run();
 		},
 		connectedMoveCallback: () => {
-			p.refParent.value = r.parentNode, p.onNotify.run();
+			c && (p.refParent.value = r.parentNode, p.onNotify.run());
 		},
 		disconnectedCallback: () => {
-			p.onNotify.clear(), p.formAssociated?.onReset.clear(), p.formAssociated?.onRestore.clear(), p.onDisconnect.runAndClear();
+			c && (p.onNotify.clear(), p.formAssociated?.onReset.clear(), p.formAssociated?.onRestore.clear(), p.onDisconnect.runAndClear());
 		},
 		adoptedCallback: () => {
 			p.refDocument.value = r.ownerDocument, p.onNotify.run();
@@ -67,6 +68,6 @@ function i({ host: r, formAssociated: i, render: a, attachInternals: o }) {
 	return p;
 }
 //#endregion
-export { i as createController, r as getController };
+export { r as createController };
 
-//# sourceMappingURL=controller.js.map
+//# sourceMappingURL=createController.js.map

package/dist/internal/createController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createController.js","names":[],"sources":["../../src/internal/createController.ts"],"sourcesContent":["import { type ReadonlyRef, type Ref } from '../hooks/useRef.ts';\nimport { $$ref } from './constants.ts';\nimport { controllers } from './controllers.ts';\nimport { type Callbacks, createCallbacks } from './createCallbacks.ts';\n\nexport interface Controller {\n  readonly host: HTMLElement;\n  readonly onNotify: Callbacks;\n  readonly onAfterRender: Callbacks;\n  readonly onDisconnect: Callbacks;\n  readonly refDocument: ReadonlyRef<Document>;\n  readonly refParent: ReadonlyRef<ParentNode | null>;\n  readonly formAssociated:\n    | {\n        readonly refForm: ReadonlyRef<HTMLFormElement | null>;\n        readonly refDisabled: ReadonlyRef<boolean>;\n        readonly onReset: Callbacks;\n        readonly onRestore: Callbacks<[state: string | File | FormData, reason: 'restore' | 'autocomplete']>;\n      }\n    | undefined;\n  readonly createRef: <T>(value: T, onChange?: (value: T) => void) => Ref<T>;\n  readonly attachInternals: () => ElementInternals;\n  readonly connectedCallback: () => void;\n  readonly connectedMoveCallback: () => void;\n  readonly disconnectedCallback: () => void;\n  readonly adoptedCallback: () => void;\n  readonly formDisabledCallback: (disabled: boolean) => void;\n  readonly formResetCallback: () => void;\n  readonly formStateRestoreCallback: (state: string | File | FormData, reason: 'restore' | 'autocomplete') => void;\n}\n\ninterface ControllerConfig {\n  readonly host: HTMLElement;\n  readonly formAssociated: boolean;\n  readonly render: (controller: Controller) => void;\n  readonly attachInternals: () => ElementInternals;\n}\n\nexport function createController({ host, formAssociated, render, attachInternals }: ControllerConfig): Controller {\n  let notifying = false;\n  let connected = false;\n  let internals: ElementInternals | undefined;\n\n  let deferredFormUpdate:\n    | { readonly type: 'reset' }\n    | { readonly type: 'restore'; state: string | File | FormData; reason: 'restore' | 'autocomplete' }\n    | undefined;\n\n  const onNotify = createCallbacks();\n\n  const createRef = <T>(initialValue: T, onChange?: (value: T) => void): Ref<T> => {\n    let value = initialValue;\n\n    return {\n      [$$ref]: true,\n      get value() {\n        return value;\n      },\n      set value(newValue) {\n        if (newValue === value) return;\n        value = newValue;\n        onChange?.(value);\n        if (!connected || notifying) return;\n        notifying = true;\n\n        queueMicrotask(() => {\n          notifying = false;\n          onNotify.run();\n        });\n      },\n    };\n  };\n\n  const controller = {\n    host,\n    onNotify,\n    onAfterRender: createCallbacks(),\n    onDisconnect: createCallbacks(),\n    refDocument: createRef(host.ownerDocument),\n    refParent: createRef(host.parentNode),\n    formAssociated: formAssociated\n      ? {\n          refForm: createRef<HTMLFormElement | null>(null),\n          refDisabled: createRef(false),\n          onReset: createCallbacks(),\n          onRestore: createCallbacks(),\n        }\n      : undefined,\n    createRef,\n    attachInternals: () => {\n      return (internals ??= attachInternals());\n    },\n    connectedCallback: () => {\n      if (connected) return;\n      connected = true;\n      controller.refParent.value = host.parentNode;\n\n      try {\n        controllers.push(controller);\n        render(controller);\n      } finally {\n        controllers.pop();\n      }\n\n      controller.onAfterRender.runAndClear();\n\n      if (deferredFormUpdate?.type === 'reset') {\n        controller.formAssociated?.onReset.run();\n      } else if (deferredFormUpdate?.type === 'restore') {\n        controller.formAssociated?.onRestore.run(deferredFormUpdate.state, deferredFormUpdate.reason);\n      }\n\n      controller.onNotify.run();\n    },\n    connectedMoveCallback: () => {\n      if (!connected) return;\n      controller.refParent.value = host.parentNode;\n      controller.onNotify.run();\n    },\n    disconnectedCallback: () => {\n      if (!connected) return;\n      controller.onNotify.clear();\n      controller.formAssociated?.onReset.clear();\n      controller.formAssociated?.onRestore.clear();\n      controller.onDisconnect.runAndClear();\n    },\n    adoptedCallback: () => {\n      controller.refDocument.value = host.ownerDocument;\n      controller.onNotify.run();\n    },\n    formDisabledCallback: (disabled: boolean) => {\n      if (!controller.formAssociated) return;\n      controller.formAssociated.refDisabled.value = disabled;\n      controller.onNotify.run();\n    },\n    formResetCallback: () => {\n      if (!controller.formAssociated) return;\n      if (connected) controller.formAssociated.onReset.run();\n      else deferredFormUpdate = { type: 'reset' };\n    },\n    formStateRestoreCallback: (state, reason) => {\n      if (!controller.formAssociated) return;\n      if (connected) controller.formAssociated.onRestore.run(state, reason);\n      else deferredFormUpdate = { type: 'restore', state, reason };\n    },\n  } satisfies Controller;\n\n  return controller;\n}\n"],"mappings":";;;;AAsCA,SAAgB,EAAiB,EAAE,SAAM,mBAAgB,WAAQ,sBAAiD;CAChH,IAAI,IAAY,IACZ,IAAY,IACZ,GAEA,GAKE,IAAW,GAAiB,EAE5B,KAAgB,GAAiB,MAA0C;EAC/E,IAAI,IAAQ;AAEZ,SAAO;IACJ,IAAQ;GACT,IAAI,QAAQ;AACV,WAAO;;GAET,IAAI,MAAM,GAAU;AACd,UAAa,MACjB,IAAQ,GACR,IAAW,EAAM,EACb,GAAC,KAAa,OAClB,IAAY,IAEZ,qBAAqB;AAEnB,KADA,IAAY,IACZ,EAAS,KAAK;MACd;;GAEL;IAGG,IAAa;EACjB;EACA;EACA,eAAe,GAAiB;EAChC,cAAc,GAAiB;EAC/B,aAAa,EAAU,EAAK,cAAc;EAC1C,WAAW,EAAU,EAAK,WAAW;EACrC,gBAAgB,IACZ;GACE,SAAS,EAAkC,KAAK;GAChD,aAAa,EAAU,GAAM;GAC7B,SAAS,GAAiB;GAC1B,WAAW,GAAiB;GAC7B,GACD,KAAA;EACJ;EACA,uBACU,MAAc,GAAiB;EAEzC,yBAAyB;AACnB,WAEJ;IADA,IAAY,IACZ,EAAW,UAAU,QAAQ,EAAK;AAElC,QAAI;AAEF,KADA,EAAY,KAAK,EAAW,EAC5B,EAAO,EAAW;cACV;AACR,OAAY,KAAK;;AAWnB,IARA,EAAW,cAAc,aAAa,EAElC,GAAoB,SAAS,UAC/B,EAAW,gBAAgB,QAAQ,KAAK,GAC/B,GAAoB,SAAS,aACtC,EAAW,gBAAgB,UAAU,IAAI,EAAmB,OAAO,EAAmB,OAAO,EAG/F,EAAW,SAAS,KAAK;;;EAE3B,6BAA6B;AACtB,SACL,EAAW,UAAU,QAAQ,EAAK,YAClC,EAAW,SAAS,KAAK;;EAE3B,4BAA4B;AACrB,SACL,EAAW,SAAS,OAAO,EAC3B,EAAW,gBAAgB,QAAQ,OAAO,EAC1C,EAAW,gBAAgB,UAAU,OAAO,EAC5C,EAAW,aAAa,aAAa;;EAEvC,uBAAuB;AAErB,GADA,EAAW,YAAY,QAAQ,EAAK,eACpC,EAAW,SAAS,KAAK;;EAE3B,uBAAuB,MAAsB;AACtC,KAAW,mBAChB,EAAW,eAAe,YAAY,QAAQ,GAC9C,EAAW,SAAS,KAAK;;EAE3B,yBAAyB;AAClB,KAAW,mBACZ,IAAW,EAAW,eAAe,QAAQ,KAAK,GACjD,IAAqB,EAAE,MAAM,SAAS;;EAE7C,2BAA2B,GAAO,MAAW;AACtC,KAAW,mBACZ,IAAW,EAAW,eAAe,UAAU,IAAI,GAAO,EAAO,GAChE,IAAqB;IAAE,MAAM;IAAW;IAAO;IAAQ;;EAE/D;AAED,QAAO"}

package/dist/internal/getOrInsert.d.ts

@@ -0,0 +1,4 @@
+type MapKey<T> = T extends Map<infer TKey, any> ? TKey : T extends WeakMap<infer TKey, any> ? TKey : never;
+type MapValue<T> = T extends Map<any, infer TValue> ? TValue : T extends WeakMap<any, infer TValue> ? TValue : never;
+export declare function getOrInsert<TMap extends Map<any, any> | WeakMap<any, any>>(map: TMap, key: MapKey<TMap>, createValue: (key: MapKey<TMap>) => MapValue<TMap>): MapValue<TMap>;
+export {};

package/dist/internal/getOrInsert.js

@@ -0,0 +1,10 @@
+//#region src/internal/getOrInsert.ts
+function e(e, t, n) {
+	if (e.has(t)) return e.get(t);
+	let r = n(t);
+	return e.set(t, r), r;
+}
+//#endregion
+export { e as getOrInsert };
+
+//# sourceMappingURL=getOrInsert.js.map

package/dist/internal/getOrInsert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getOrInsert.js","names":[],"sources":["../../src/internal/getOrInsert.ts"],"sourcesContent":["type MapKey<T> = T extends Map<infer TKey, any> ? TKey : T extends WeakMap<infer TKey, any> ? TKey : never;\ntype MapValue<T> = T extends Map<any, infer TValue> ? TValue : T extends WeakMap<any, infer TValue> ? TValue : never;\n\nexport function getOrInsert<TMap extends Map<any, any> | WeakMap<any, any>>(\n  map: TMap,\n  key: MapKey<TMap>,\n  createValue: (key: MapKey<TMap>) => MapValue<TMap>,\n): MapValue<TMap> {\n  if (map.has(key)) return map.get(key)!;\n  const value = createValue(key);\n  map.set(key, value);\n  return value;\n}\n"],"mappings":";AAGA,SAAgB,EACd,GACA,GACA,GACgB;AAChB,KAAI,EAAI,IAAI,EAAI,CAAE,QAAO,EAAI,IAAI,EAAI;CACrC,IAAM,IAAQ,EAAY,EAAI;AAE9B,QADA,EAAI,IAAI,GAAK,EAAM,EACZ"}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@seahax/elemental",
-  "version": "0.5.0",
+  "version": "0.5.2",
   "description": "Functional, reactive, web component base library.",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/seahax/elemental.git"
+    "url": "https://git.sr.ht/~seahax/elemental"
   },
   "license": "MIT-0",
   "type": "module",
@@ -20,22 +20,26 @@
   ],
   "scripts": {
     "build": "vite build && tsc -b -f tsconfig.lib.json",
+    "postinstall": "playwright install",
     "prepublishOnly": "npm run build && npm test",
-    "test": "eslint src"
+    "test": "eslint src && vitest run"
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
     "@seahax/eslint-progress": "^0.1.17",
     "@types/node": "^25.6.0",
+    "@vitest/browser-playwright": "^4.1.6",
     "eslint": "^10.3.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-prettier": "^5.5.5",
     "eslint-plugin-regexp": "^3.1.0",
     "eslint-plugin-simple-import-sort": "^13.0.0",
     "jiti": "^2.6.1",
+    "playwright": "^1.60.0",
     "typescript-eslint": "^8.59.1",
     "vite": "^8.0.10",
-    "vite-bundle-analyzer": "^1.3.8"
+    "vite-bundle-analyzer": "^1.3.8",
+    "vitest": "^4.1.6"
   },
   "publishConfig": {
     "access": "public"

package/dist/component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.js","names":["#shadow","#controller","#props"],"sources":["../src/component.ts"],"sourcesContent":["import { type Ref } from './hooks/ref.ts';\nimport { type Controller, createController } from './internal/controller.ts';\n\ntype SafeProps<TProps> = any extends any\n  ? { [P in keyof TProps as P extends keyof HTMLElement ? never : P]: TProps[P] }\n  : never;\n\nexport interface ComponentConstructor<TProps extends object> {\n  readonly formAssociated: boolean;\n  new (): ComponentWithProps<TProps>;\n}\n\nexport interface ComponentOptions<TProps extends object> {\n  /** Shadow root attachment options. */\n  readonly shadow?: Partial<ShadowRootInit>;\n  /** Component custom property descriptors. */\n  readonly props?: ComponentPropDescriptors<TProps>;\n  /** True to mark the component as form-associated. */\n  readonly formAssociated?: boolean;\n}\n\nexport type ComponentPropDescriptors<TProps extends object> = {\n  readonly [P in keyof SafeProps<TProps>]: ComponentPropDescriptorFactory<TProps[P]>;\n};\n\nexport type ComponentPropDescriptorFactory<TType> = (\n  ref: Ref<TType | undefined>,\n  host: HTMLElement,\n) => ComponentPropDescriptor<TType>;\n\nexport interface ComponentPropDescriptor<T> extends Omit<PropertyDescriptor, 'value' | 'get' | 'set'> {\n  get(): T;\n  set?(value: T): void;\n}\n\nexport type ComponentWithProps<TProps extends object> = HTMLElement & {\n  -readonly [P in keyof SafeProps<TProps>]: TProps[P];\n};\n\nexport type ComponentShadowRoot<TProps extends object> = Omit<ShadowRoot, 'host'> & {\n  readonly host: ComponentWithProps<TProps>;\n};\n\nexport type ComponentPropRefs<TProps extends object> = {\n  readonly [P in keyof SafeProps<TProps>]: Ref<TProps[P] | undefined>;\n};\n\n/** Define a custom `HTMLElement` that is functional and reactive. */\nexport function defineComponent<TProps extends object = {}>(\n  render: (shadowRoot: ComponentShadowRoot<TProps>, props: ComponentPropRefs<TProps>) => void,\n  options?: ComponentOptions<TProps>,\n): ComponentConstructor<TProps>;\nexport function defineComponent(\n  render: (\n    shadowRoot: ComponentShadowRoot<Record<string, unknown>>,\n    props: ComponentPropRefs<Record<string, unknown>>,\n  ) => void,\n  { props, shadow, formAssociated = false }: ComponentOptions<Record<string, unknown>> = {},\n): ComponentConstructor<{}> {\n  return class extends HTMLElement {\n    static readonly formAssociated = formAssociated;\n\n    readonly #shadow: ComponentShadowRoot<Record<string, unknown>>;\n    readonly #controller: Controller;\n    readonly #props: ComponentPropRefs<Record<string, unknown>> = {};\n\n    constructor() {\n      super();\n\n      this.#shadow = this.attachShadow({\n        ...shadow,\n        mode: shadow?.mode ?? 'open',\n      }) as ComponentShadowRoot<Record<string, unknown>>;\n\n      this.#controller = createController({\n        host: this,\n        formAssociated,\n        render: () => render(this.#shadow, this.#props),\n        attachInternals: () => super.attachInternals(),\n      });\n\n      if (props) {\n        const propRefs: Record<string, Ref<unknown>> = this.#props;\n\n        for (const [key, getDescriptor] of Object.entries(props)) {\n          if (key in this) continue;\n          const ref = (propRefs[key] = this.#controller.createRef<any>(undefined));\n          const descriptor = getDescriptor(ref, this);\n          Object.defineProperty(this, key, descriptor);\n        }\n      }\n\n      if (formAssociated) {\n        this.attachInternals();\n      }\n    }\n\n    override attachInternals(): ElementInternals {\n      return this.#controller.attachInternals();\n    }\n\n    protected connectedCallback(): void {\n      this.#controller.connectedCallback();\n    }\n\n    protected connectedMoveCallback(): void {\n      this.#controller.connectedMoveCallback();\n    }\n\n    protected disconnectedCallback(): void {\n      this.#controller.disconnectedCallback();\n    }\n\n    protected adoptedCallback(): void {\n      this.#controller.adoptedCallback();\n    }\n\n    protected formDisabledCallback(disabled: boolean): void {\n      this.#controller.formDisabledCallback(disabled);\n    }\n\n    protected formResetCallback(): void {\n      this.#controller.formResetCallback();\n    }\n\n    protected formStateRestoreCallback(state: string | File | FormData, reason: 'restore' | 'autocomplete'): void {\n      this.#controller.formStateRestoreCallback(state, reason);\n    }\n  };\n}\n"],"mappings":";;AAoDA,SAAgB,EACd,GAIA,EAAE,UAAO,WAAQ,oBAAiB,OAAqD,EAAE,EAC/D;AAC1B,QAAO,cAAc,YAAY;EAC/B,OAAgB,iBAAiB;EAEjC;EACA;EACA,KAA8D,EAAE;EAEhE,cAAc;AAeZ,OAdA,OAAO,EAEP,MAAA,IAAe,KAAK,aAAa;IAC/B,GAAG;IACH,MAAM,GAAQ,QAAQ;IACvB,CAAC,EAEF,MAAA,IAAmB,EAAiB;IAClC,MAAM;IACN;IACA,cAAc,EAAO,MAAA,GAAc,MAAA,EAAY;IAC/C,uBAAuB,MAAM,iBAAiB;IAC/C,CAAC,EAEE,GAAO;IACT,IAAM,IAAyC,MAAA;AAE/C,SAAK,IAAM,CAAC,GAAK,MAAkB,OAAO,QAAQ,EAAM,EAAE;AACxD,SAAI,KAAO,KAAM;KAEjB,IAAM,IAAa,EAAc,EADX,KAAO,MAAA,EAAiB,UAAe,KAAA,EAAU,EACjC,KAAK;AAC3C,YAAO,eAAe,MAAM,GAAK,EAAW;;;AAIhD,GAAI,KACF,KAAK,iBAAiB;;EAI1B,kBAA6C;AAC3C,UAAO,MAAA,EAAiB,iBAAiB;;EAG3C,oBAAoC;AAClC,SAAA,EAAiB,mBAAmB;;EAGtC,wBAAwC;AACtC,SAAA,EAAiB,uBAAuB;;EAG1C,uBAAuC;AACrC,SAAA,EAAiB,sBAAsB;;EAGzC,kBAAkC;AAChC,SAAA,EAAiB,iBAAiB;;EAGpC,qBAA+B,GAAyB;AACtD,SAAA,EAAiB,qBAAqB,EAAS;;EAGjD,oBAAoC;AAClC,SAAA,EAAiB,mBAAmB;;EAGtC,yBAAmC,GAAiC,GAA0C;AAC5G,SAAA,EAAiB,yBAAyB,GAAO,EAAO"}

package/dist/hooks/async.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"async.js","names":[],"sources":["../../src/hooks/async.ts"],"sourcesContent":["import { useEffect } from './effect.ts';\nimport { type ReadonlyRef, type Ref, type RefValues, useRef } from './ref.ts';\n\nexport interface AsyncValue<TValue> {\n  readonly value: TValue | undefined;\n  readonly error: unknown;\n  readonly isLoading: boolean;\n}\n\nexport interface AsyncOptions {\n  readonly debounceMs?: number;\n}\n\n/** Use a reference (reactive state) bound to an async loader function. */\nexport function useAsync<const TDeps extends readonly ReadonlyRef<any>[], TValue>(\n  deps: TDeps,\n  callback: (signal: AbortSignal, ...values: RefValues<TDeps>) => Promise<TValue>,\n  { debounceMs }: AsyncOptions = {},\n): Ref<AsyncValue<TValue>> {\n  const ref = useRef<AsyncValue<TValue>>({ value: undefined, error: undefined, isLoading: true });\n  let skipDebounce = true;\n\n  useEffect(deps, () => (...values) => {\n    const ac = new AbortController();\n\n    Promise.race(\n      skipDebounce\n        ? [Promise.resolve()]\n        : [\n            new Promise((resolve) => setTimeout(resolve, debounceMs)),\n            new Promise((resolve) => ac.signal.addEventListener('abort', resolve, { once: true })),\n          ],\n    )\n      .then(() => {\n        if (ac.signal.aborted) return;\n        return callback(ac.signal, ...(values as any));\n      })\n      .then((value) => {\n        if (ac.signal.aborted) return;\n        ref.value = { isLoading: false, value, error: undefined };\n      })\n      .catch((error: unknown) => {\n        if (ac.signal.aborted) return;\n        ref.value = { isLoading: false, value: undefined, error };\n      });\n\n    skipDebounce = false;\n    return () => ac.abort();\n  });\n\n  // Skip the debounce again if the component unmounts.\n  useEffect([], () => () => (skipDebounce = true));\n\n  return ref;\n}\n"],"mappings":";;;AAcA,SAAgB,EACd,GACA,GACA,EAAE,kBAA6B,EAAE,EACR;CACzB,IAAM,IAAM,EAA2B;EAAE,OAAO,KAAA;EAAW,OAAO,KAAA;EAAW,WAAW;EAAM,CAAC,EAC3F,IAAe;AAiCnB,QA/BA,EAAU,UAAa,GAAG,MAAW;EACnC,IAAM,IAAK,IAAI,iBAAiB;AAwBhC,SAtBA,QAAQ,KACN,IACI,CAAC,QAAQ,SAAS,CAAC,GACnB,CACE,IAAI,SAAS,MAAY,WAAW,GAAS,EAAW,CAAC,EACzD,IAAI,SAAS,MAAY,EAAG,OAAO,iBAAiB,SAAS,GAAS,EAAE,MAAM,IAAM,CAAC,CAAC,CACvF,CACN,CACE,WAAW;AACN,UAAG,OAAO,QACd,QAAO,EAAS,EAAG,QAAQ,GAAI,EAAe;IAC9C,CACD,MAAM,MAAU;AACX,KAAG,OAAO,YACd,EAAI,QAAQ;IAAE,WAAW;IAAO;IAAO,OAAO,KAAA;IAAW;IACzD,CACD,OAAO,MAAmB;AACrB,KAAG,OAAO,YACd,EAAI,QAAQ;IAAE,WAAW;IAAO,OAAO,KAAA;IAAW;IAAO;IACzD,EAEJ,IAAe,UACF,EAAG,OAAO;GACvB,EAGF,EAAU,EAAE,cAAe,IAAe,GAAM,EAEzC"}

package/dist/hooks/attributes.js

@@ -1,25 +0,0 @@
-import { useRef as e } from "./ref.js";
-import { useEffect as t } from "./effect.js";
-import { useHost as n } from "./host.js";
-//#region src/hooks/attributes.ts
-function r(...r) {
-	if (r.length === 0) return {};
-	let i = n(), a = [], o = /* @__PURE__ */ new Map();
-	for (let t of r) {
-		let n = e(i.getAttribute(t), (e) => {
-			e == null ? i.removeAttribute(t) : i.setAttribute(t, e);
-		});
-		a.push(n), o.set(t, n);
-	}
-	let s = new MutationObserver((e) => {
-		for (let { attributeName: t } of e) t != null && Object.hasOwn(a, t) && (o.get(t).value = i.getAttribute(t));
-	});
-	return t([], () => (s.observe(i, {
-		attributeFilter: r,
-		attributes: !0
-	}), () => s.disconnect())), a;
-}
-//#endregion
-export { r as useAttributes };
-
-//# sourceMappingURL=attributes.js.map

package/dist/hooks/attributes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"attributes.js","names":[],"sources":["../../src/hooks/attributes.ts"],"sourcesContent":["import { useEffect } from './effect.ts';\nimport { useHost } from './host.ts';\nimport { type Ref, useRef } from './ref.ts';\n\n/** Use references (reactive state) bound to attributes. */\nexport function useAttributes<const TNames extends string[]>(\n  ...names: TNames\n): { -readonly [P in keyof TNames]: Ref<string | null> } {\n  if (names.length === 0) return {} as any;\n  const host = useHost();\n  const refs: Ref<string | null>[] = [];\n  const refMap = new Map<string, Ref<string | null>>();\n\n  for (const name of names) {\n    const ref = useRef(host.getAttribute(name), (value) => {\n      if (value == null) host.removeAttribute(name);\n      else host.setAttribute(name, value);\n    });\n\n    refs.push(ref);\n    refMap.set(name, ref);\n  }\n\n  const observer = new MutationObserver((mutation) => {\n    for (const { attributeName } of mutation) {\n      if (attributeName != null && Object.hasOwn(refs, attributeName)) {\n        refMap.get(attributeName)!.value = host.getAttribute(attributeName);\n      }\n    }\n  });\n\n  useEffect([], () => {\n    observer.observe(host, { attributeFilter: names, attributes: true });\n    return () => observer.disconnect();\n  });\n\n  return refs as any;\n}\n"],"mappings":";;;;AAKA,SAAgB,EACd,GAAG,GACoD;AACvD,KAAI,EAAM,WAAW,EAAG,QAAO,EAAE;CACjC,IAAM,IAAO,GAAS,EAChB,IAA6B,EAAE,EAC/B,oBAAS,IAAI,KAAiC;AAEpD,MAAK,IAAM,KAAQ,GAAO;EACxB,IAAM,IAAM,EAAO,EAAK,aAAa,EAAK,GAAG,MAAU;AACrD,GAAI,KAAS,OAAM,EAAK,gBAAgB,EAAK,GACxC,EAAK,aAAa,GAAM,EAAM;IACnC;AAGF,EADA,EAAK,KAAK,EAAI,EACd,EAAO,IAAI,GAAM,EAAI;;CAGvB,IAAM,IAAW,IAAI,kBAAkB,MAAa;AAClD,OAAK,IAAM,EAAE,sBAAmB,EAC9B,CAAI,KAAiB,QAAQ,OAAO,OAAO,GAAM,EAAc,KAC7D,EAAO,IAAI,EAAc,CAAE,QAAQ,EAAK,aAAa,EAAc;GAGvE;AAOF,QALA,EAAU,EAAE,SACV,EAAS,QAAQ,GAAM;EAAE,iBAAiB;EAAO,YAAY;EAAM,CAAC,QACvD,EAAS,YAAY,EAClC,EAEK"}

package/dist/hooks/child.js

@@ -1,14 +0,0 @@
-import { useRef as e } from "./ref.js";
-import { useEffect as t } from "./effect.js";
-import { useHost as n } from "./host.js";
-//#region src/hooks/child.ts
-function r(r) {
-	let i = n(), a = e(0), o = new MutationObserver((e) => {
-		e.some((e) => e.type === "childList") && (a.value = (a.value + 1) % (2 ** 53 - 1));
-	});
-	t([], () => (o.observe(i, { childList: !0 }), () => o.disconnect())), t([a], () => r());
-}
-//#endregion
-export { r as useChildEffect };
-
-//# sourceMappingURL=child.js.map

package/dist/hooks/child.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"child.js","names":[],"sources":["../../src/hooks/child.ts"],"sourcesContent":["import { useEffect } from './effect.ts';\nimport { useHost } from './host.ts';\nimport { useRef } from './ref.ts';\n\n/** React to child list changes (non-recursive). */\nexport function useChildEffect(callback: () => (() => void) | void): void {\n  const host = useHost();\n  const ref = useRef(0);\n\n  const observer = new MutationObserver((mutation) => {\n    if (mutation.some((m) => m.type === 'childList')) {\n      ref.value = (ref.value + 1) % Number.MAX_SAFE_INTEGER;\n    }\n  });\n\n  useEffect([], () => {\n    observer.observe(host, { childList: true });\n    return () => observer.disconnect();\n  });\n\n  useEffect([ref], () => {\n    return callback();\n  });\n}\n"],"mappings":";;;;AAKA,SAAgB,EAAe,GAA2C;CACxE,IAAM,IAAO,GAAS,EAChB,IAAM,EAAO,EAAE,EAEf,IAAW,IAAI,kBAAkB,MAAa;AAClD,EAAI,EAAS,MAAM,MAAM,EAAE,SAAS,YAAY,KAC9C,EAAI,SAAS,EAAI,QAAQ;GAE3B;AAOF,CALA,EAAU,EAAE,SACV,EAAS,QAAQ,GAAM,EAAE,WAAW,IAAM,CAAC,QAC9B,EAAS,YAAY,EAClC,EAEF,EAAU,CAAC,EAAI,QACN,GAAU,CACjB"}

package/dist/hooks/controller.d.ts

@@ -1,3 +0,0 @@
-import { type Controller } from '../internal/controller.ts';
-/** @internal Get the controller of the currently rendering component. */
-export declare function useController(): Controller;

package/dist/hooks/controller.js

@@ -1,11 +0,0 @@
-import { getController as e } from "../internal/controller.js";
-//#region src/hooks/controller.ts
-function t() {
-	let t = e();
-	if (!t) throw Error("hooks must be called by a render function");
-	return t;
-}
-//#endregion
-export { t as useController };
-
-//# sourceMappingURL=controller.js.map

package/dist/hooks/controller.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"controller.js","names":[],"sources":["../../src/hooks/controller.ts"],"sourcesContent":["import { type Controller, getController } from '../internal/controller.ts';\n\n/** @internal Get the controller of the currently rendering component. */\nexport function useController(): Controller {\n  const controller = getController();\n  if (!controller) throw new Error('hooks must be called by a render function');\n  return controller;\n}\n"],"mappings":";;AAGA,SAAgB,IAA4B;CAC1C,IAAM,IAAa,GAAe;AAClC,KAAI,CAAC,EAAY,OAAU,MAAM,4CAA4C;AAC7E,QAAO"}

package/dist/hooks/disconnect.js

@@ -1,9 +0,0 @@
-import { useController as e } from "./controller.js";
-//#region src/hooks/disconnect.ts
-function t(t) {
-	e().onDisconnect.push(t);
-}
-//#endregion
-export { t as useDisconnectCallback };
-
-//# sourceMappingURL=disconnect.js.map

package/dist/hooks/disconnect.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"disconnect.js","names":[],"sources":["../../src/hooks/disconnect.ts"],"sourcesContent":["import { useController } from './controller.ts';\n\n/** Register a callback for disconnections. */\nexport function useDisconnectCallback(callback: () => void): void {\n  useController().onDisconnect.push(callback);\n}\n"],"mappings":";;AAGA,SAAgB,EAAsB,GAA4B;AAChE,IAAe,CAAC,aAAa,KAAK,EAAS"}

package/dist/hooks/document.js

@@ -1,9 +0,0 @@
-import { useController as e } from "./controller.js";
-//#region src/hooks/document.ts
-function t() {
-	return e().refDocument;
-}
-//#endregion
-export { t as useDocument };
-
-//# sourceMappingURL=document.js.map

package/dist/hooks/document.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"document.js","names":[],"sources":["../../src/hooks/document.ts"],"sourcesContent":["import { useController } from './controller.ts';\nimport type { ReadonlyRef } from './ref.ts';\n\n/** Use a reference (reactive state) bound to the owner document. */\nexport function useDocument(): ReadonlyRef<Document> {\n  return useController().refDocument;\n}\n"],"mappings":";;AAIA,SAAgB,IAAqC;AACnD,QAAO,GAAe,CAAC"}

package/dist/hooks/effect.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"effect.js","names":[],"sources":["../../src/hooks/effect.ts"],"sourcesContent":["import { useController } from './controller.ts';\nimport { useDisconnectCallback } from './disconnect.ts';\nimport type { ReadonlyRef, RefValues } from './ref.ts';\n\n/** React to observable (reference) changes. */\nexport function useEffect<const TDeps extends readonly ReadonlyRef<any>[]>(\n  deps: TDeps,\n  callback: (...values: RefValues<TDeps>) => (() => void) | void,\n): void {\n  let cleanupCallback: (() => void) | void;\n  let values: any[] | undefined;\n\n  const cleanup = () => {\n    const callback = cleanupCallback;\n    cleanupCallback = undefined;\n    callback?.();\n  };\n\n  useController().onNotify.push((): void => {\n    const newValues = deps.map((dep) => dep.value);\n    if (values?.length === newValues.length && values?.every((value, i) => value === newValues[i])) return;\n    values = newValues;\n    cleanup();\n    cleanupCallback = callback(...(values as any));\n  });\n\n  useDisconnectCallback(cleanup);\n}\n"],"mappings":";;;AAKA,SAAgB,EACd,GACA,GACM;CACN,IAAI,GACA,GAEE,UAAgB;EACpB,IAAM,IAAW;AAEjB,EADA,IAAkB,KAAA,GAClB,KAAY;;AAWd,CARA,GAAe,CAAC,SAAS,WAAiB;EACxC,IAAM,IAAY,EAAK,KAAK,MAAQ,EAAI,MAAM;AAC1C,KAAQ,WAAW,EAAU,UAAU,GAAQ,OAAO,GAAO,MAAM,MAAU,EAAU,GAAG,KAC9F,IAAS,GACT,GAAS,EACT,IAAkB,EAAS,GAAI,EAAe;GAC9C,EAEF,EAAsB,EAAQ"}

package/dist/hooks/form.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form.js","names":[],"sources":["../../src/hooks/form.ts"],"sourcesContent":["import type { Controller } from '../internal/controller.ts';\nimport { useController } from './controller.ts';\nimport type { ReadonlyRef } from './ref.ts';\n\n/** Use a reference (reactive state) bound to the associated form. */\nexport function useForm(): ReadonlyRef<HTMLFormElement | null> {\n  return useFormAssociated().refForm;\n}\n\n/** Use a reference (reactive state) bound to the form disabled state. */\nexport function useFormDisabled(): ReadonlyRef<boolean> {\n  return useFormAssociated().refDisabled;\n}\n\n/** Register a callback for form resets. */\nexport function useFormResetCallback(callback: () => void): void {\n  useFormAssociated().onReset.push(callback);\n}\n\n/** Register a callback for form restorations. */\nexport function useFormRestoreCallback(\n  callback: (state: string | File | FormData, reason: 'restore' | 'autocomplete') => void,\n): void {\n  useFormAssociated().onRestore.push(callback);\n}\n\nfunction useFormAssociated(): Controller['formAssociated'] & {} {\n  const { formAssociated } = useController();\n  if (!formAssociated) throw new Error('form hooks must be called in a form-associated component');\n  return formAssociated;\n}\n"],"mappings":";;AAKA,SAAgB,IAA+C;AAC7D,QAAO,GAAmB,CAAC;;AAI7B,SAAgB,IAAwC;AACtD,QAAO,GAAmB,CAAC;;AAI7B,SAAgB,EAAqB,GAA4B;AAC/D,IAAmB,CAAC,QAAQ,KAAK,EAAS;;AAI5C,SAAgB,EACd,GACM;AACN,IAAmB,CAAC,UAAU,KAAK,EAAS;;AAG9C,SAAS,IAAuD;CAC9D,IAAM,EAAE,sBAAmB,GAAe;AAC1C,KAAI,CAAC,EAAgB,OAAU,MAAM,2DAA2D;AAChG,QAAO"}

package/dist/hooks/host.js

@@ -1,9 +0,0 @@
-import { useController as e } from "./controller.js";
-//#region src/hooks/host.ts
-function t() {
-	return e().host;
-}
-//#endregion
-export { t as useHost };
-
-//# sourceMappingURL=host.js.map

package/dist/hooks/host.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"host.js","names":[],"sources":["../../src/hooks/host.ts"],"sourcesContent":["import { useController } from './controller.ts';\n\n/** Use the component host element. */\nexport function useHost(): HTMLElement {\n  return useController().host;\n}\n"],"mappings":";;AAGA,SAAgB,IAAuB;AACrC,QAAO,GAAe,CAAC"}

package/dist/hooks/internals.js

@@ -1,9 +0,0 @@
-import { useController as e } from "./controller.js";
-//#region src/hooks/internals.ts
-function t() {
-	return e().attachInternals();
-}
-//#endregion
-export { t as useElementInternals };
-
-//# sourceMappingURL=internals.js.map

package/dist/hooks/internals.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"internals.js","names":[],"sources":["../../src/hooks/internals.ts"],"sourcesContent":["import { useController } from './controller.ts';\n\n/** Use the element internals. */\nexport function useElementInternals(): ElementInternals {\n  return useController().attachInternals();\n}\n"],"mappings":";;AAGA,SAAgB,IAAwC;AACtD,QAAO,GAAe,CAAC,iBAAiB"}

package/dist/hooks/parent.js

@@ -1,9 +0,0 @@
-import { useController as e } from "./controller.js";
-//#region src/hooks/parent.ts
-function t() {
-	return e().refParent;
-}
-//#endregion
-export { t as useParent };
-
-//# sourceMappingURL=parent.js.map

package/dist/hooks/parent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"parent.js","names":[],"sources":["../../src/hooks/parent.ts"],"sourcesContent":["import { useController } from './controller.ts';\nimport type { ReadonlyRef } from './ref.ts';\n\n/** Use a reference (reactive state) bound to the parent node. */\nexport function useParent(): ReadonlyRef<ParentNode | null> {\n  return useController().refParent;\n}\n"],"mappings":";;AAIA,SAAgB,IAA4C;AAC1D,QAAO,GAAe,CAAC"}

package/dist/hooks/ref.js

@@ -1,9 +0,0 @@
-import { useController as e } from "./controller.js";
-//#region src/hooks/ref.ts
-function t(t, n) {
-	return e().createRef(t, n);
-}
-//#endregion
-export { t as useRef };
-
-//# sourceMappingURL=ref.js.map

package/dist/hooks/ref.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ref.js","names":[],"sources":["../../src/hooks/ref.ts"],"sourcesContent":["import type { $$ref } from '../internal/controller.ts';\nimport { useController } from './controller.ts';\n\nexport interface Ref<T> extends ReadonlyRef<T> {\n  value: T;\n}\n\nexport interface ReadonlyRef<T> {\n  /** @hidden */\n  [$$ref]: unknown;\n  readonly value: T;\n}\n\nexport type RefValues<T> = T extends readonly any[]\n  ? { [K in keyof T]: T[K] extends ReadonlyRef<infer V> ? V : never }\n  : never;\n\n/** Use a reference (reactive state) value. */\nexport function useRef<T>(initialValue: T, onChange?: (value: T) => void): Ref<T> {\n  return useController().createRef(initialValue, onChange);\n}\n"],"mappings":";;AAkBA,SAAgB,EAAU,GAAiB,GAAuC;AAChF,QAAO,GAAe,CAAC,UAAU,GAAc,EAAS"}

package/dist/hooks/route.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"route.js","names":[],"sources":["../../src/hooks/route.ts"],"sourcesContent":["import { getRouter } from '../router.ts';\nimport { useEffect } from './effect.ts';\nimport { type Ref, useRef } from './ref.ts';\nimport { useStore } from './store.ts';\n\nexport interface RouteOptions {\n  readonly match?: 'prefix' | 'exact' | RegExp;\n  readonly source?: 'pathname' | 'hash';\n}\n\nexport type RouteMatch = readonly [string, ...string[]] & { readonly groups: Record<string, string> };\n\n/** Use a reference (reactive state) bound to route matching. */\nexport function useRoute(\n  path: string | readonly string[],\n  { match = 'prefix', source = 'pathname' }: RouteOptions = {},\n): Ref<RouteMatch | null> {\n  const matchRx = match === 'exact' ? /^$/u : match === 'prefix' ? /^.*$/u : match;\n  const paths = Array.isArray(path) ? (path as readonly string[]) : [path as string];\n  const refRoute = useStore(getRouter(), (state) => state[source]);\n  const refMatch = useRef<RouteMatch | null>(getMatch(refRoute.value));\n\n  useEffect([refRoute], (route) => {\n    refMatch.value = getMatch(route);\n  });\n\n  return refMatch;\n\n  function getMatch(route: string): RouteMatch | null {\n    const prefix = paths.find((path) => route.endsWith(path)) ?? null;\n    if (prefix == null) return null;\n    route = route.slice(prefix.length);\n    return route.match(matchRx) as RouteMatch | null;\n  }\n}\n"],"mappings":";;;;;AAaA,SAAgB,EACd,GACA,EAAE,WAAQ,UAAU,YAAS,eAA6B,EAAE,EACpC;CACxB,IAAM,IAAU,MAAU,UAAU,QAAQ,MAAU,WAAW,UAAU,GACrE,IAAQ,MAAM,QAAQ,EAAK,GAAI,IAA6B,CAAC,EAAe,EAC5E,IAAW,EAAS,GAAW,GAAG,MAAU,EAAM,GAAQ,EAC1D,IAAW,EAA0B,EAAS,EAAS,MAAM,CAAC;AAMpE,QAJA,EAAU,CAAC,EAAS,GAAG,MAAU;AAC/B,IAAS,QAAQ,EAAS,EAAM;GAChC,EAEK;CAEP,SAAS,EAAS,GAAkC;EAClD,IAAM,IAAS,EAAM,MAAM,MAAS,EAAM,SAAS,EAAK,CAAC,IAAI;AAG7D,SAFI,KAAU,OAAa,QAC3B,IAAQ,EAAM,MAAM,EAAO,OAAO,EAC3B,EAAM,MAAM,EAAQ"}

package/dist/hooks/store.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"store.js","names":[],"sources":["../../src/hooks/store.ts"],"sourcesContent":["import type { Store } from '../store.ts';\nimport { useEffect } from './effect.ts';\nimport { type ReadonlyRef, type Ref, useRef } from './ref.ts';\n\n/** Use a reference (reactive state) bound to a (shared) store. */\nexport function useStore<TState, TValue = TState>(\n  store: Store<TState>,\n  select: (state: TState) => TValue,\n  mutate: (store: Store<TState>, value: TValue) => void,\n): Ref<TValue>;\nexport function useStore<TState, TValue = TState>(\n  store: Store<TState>,\n  select?: (state: TState) => TValue,\n): ReadonlyRef<TValue>;\nexport function useStore<TState, TValue = TState>(\n  store: Store<TState>,\n  select: (state: TState) => TValue = (state) => state as unknown as TValue,\n  mutate?: (store: Store<TState>, value: TValue) => void,\n): Ref<TValue> {\n  const ref = useRef(select(store.state), mutate && ((value) => mutate(store, value)));\n  useEffect([], () => store.subscribe((state) => (ref.value = select(state))));\n  return ref;\n}\n"],"mappings":";;;AAcA,SAAgB,EACd,GACA,KAAqC,MAAU,GAC/C,GACa;CACb,IAAM,IAAM,EAAO,EAAO,EAAM,MAAM,EAAE,OAAY,MAAU,EAAO,GAAO,EAAM,EAAE;AAEpF,QADA,EAAU,EAAE,QAAQ,EAAM,WAAW,MAAW,EAAI,QAAQ,EAAO,EAAM,CAAE,CAAC,EACrE"}

package/dist/internal/callbacks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"callbacks.js","names":[],"sources":["../../src/internal/callbacks.ts"],"sourcesContent":["export interface Callbacks<TArgs extends unknown[] = []> {\n  readonly push: (callback: (...args: TArgs) => void) => () => void;\n  readonly run: (...args: TArgs) => void;\n  readonly runAndClear: (...args: TArgs) => void;\n  readonly clear: () => void;\n}\n\nexport function createCallbacks<TArgs extends unknown[] = []>(): Callbacks<TArgs> {\n  const callbacks = new Set<(...args: TArgs) => void>();\n\n  const self: Callbacks<TArgs> = {\n    push: (callback) => {\n      callbacks.add(callback);\n      return () => callbacks.delete(callback);\n    },\n    run: (...args) => {\n      const errors: unknown[] = [];\n      const callbacksCopy = [...callbacks];\n\n      for (const callback of callbacksCopy) {\n        try {\n          callback(...args);\n        } catch (error: unknown) {\n          errors.push(error);\n        }\n      }\n\n      if (errors.length > 0) throw new AggregateError(errors);\n    },\n    runAndClear: (...args: TArgs) => {\n      try {\n        self.run(...args);\n      } finally {\n        self.clear();\n      }\n    },\n    clear: () => {\n      callbacks.clear();\n    },\n  };\n\n  return self;\n}\n"],"mappings":";AAOA,SAAgB,IAAkE;CAChF,IAAM,oBAAY,IAAI,KAA+B,EAE/C,IAAyB;EAC7B,OAAO,OACL,EAAU,IAAI,EAAS,QACV,EAAU,OAAO,EAAS;EAEzC,MAAM,GAAG,MAAS;GAChB,IAAM,IAAoB,EAAE,EACtB,IAAgB,CAAC,GAAG,EAAU;AAEpC,QAAK,IAAM,KAAY,EACrB,KAAI;AACF,MAAS,GAAG,EAAK;YACV,GAAgB;AACvB,MAAO,KAAK,EAAM;;AAItB,OAAI,EAAO,SAAS,EAAG,OAAU,eAAe,EAAO;;EAEzD,cAAc,GAAG,MAAgB;AAC/B,OAAI;AACF,MAAK,IAAI,GAAG,EAAK;aACT;AACR,MAAK,OAAO;;;EAGhB,aAAa;AACX,KAAU,OAAO;;EAEpB;AAED,QAAO"}

package/dist/internal/controller.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"controller.js","names":[],"sources":["../../src/internal/controller.ts"],"sourcesContent":["import { type ReadonlyRef, type Ref } from '../hooks/ref.ts';\nimport { type Callbacks, createCallbacks } from './callbacks.ts';\n\nexport interface Controller {\n  readonly host: HTMLElement;\n  readonly onNotify: Callbacks;\n  readonly onDisconnect: Callbacks;\n  readonly refDocument: ReadonlyRef<Document>;\n  readonly refParent: ReadonlyRef<ParentNode | null>;\n  readonly formAssociated:\n    | {\n        readonly refForm: ReadonlyRef<HTMLFormElement | null>;\n        readonly refDisabled: ReadonlyRef<boolean>;\n        readonly onReset: Callbacks;\n        readonly onRestore: Callbacks<[state: string | File | FormData, reason: 'restore' | 'autocomplete']>;\n      }\n    | undefined;\n  readonly createRef: <T>(value: T, onChange?: (value: T) => void) => Ref<T>;\n  readonly attachInternals: () => ElementInternals;\n  readonly connectedCallback: () => void;\n  readonly connectedMoveCallback: () => void;\n  readonly disconnectedCallback: () => void;\n  readonly adoptedCallback: () => void;\n  readonly formDisabledCallback: (disabled: boolean) => void;\n  readonly formResetCallback: () => void;\n  readonly formStateRestoreCallback: (state: string | File | FormData, reason: 'restore' | 'autocomplete') => void;\n}\n\nexport interface ControllerConfig {\n  readonly host: HTMLElement;\n  readonly formAssociated: boolean;\n  readonly render: (controller: Controller) => void;\n  readonly attachInternals: () => ElementInternals;\n}\n\nexport const $$ref = Symbol();\n\nconst controllers: Controller[] = [];\n\nexport function getController(): Controller | undefined {\n  return controllers.at(-1);\n}\n\nexport function createController({ host, formAssociated, render, attachInternals }: ControllerConfig): Controller {\n  let notifying = false;\n  let connected = false;\n  let internals: ElementInternals | undefined;\n\n  let deferredFormUpdate:\n    | { readonly type: 'reset' }\n    | { readonly type: 'restore'; state: string | File | FormData; reason: 'restore' | 'autocomplete' }\n    | undefined;\n\n  const onNotify = createCallbacks();\n\n  const createRef = <T>(initialValue: T, onChange?: (value: T) => void): Ref<T> => {\n    let value = initialValue;\n\n    return {\n      [$$ref]: true,\n      get value() {\n        return value;\n      },\n      set value(newValue) {\n        if (newValue === value) return;\n        value = newValue;\n        onChange?.(value);\n        if (!connected || notifying) return;\n        notifying = true;\n\n        queueMicrotask(() => {\n          notifying = false;\n          onNotify.run();\n        });\n      },\n    };\n  };\n\n  const controller = {\n    host,\n    onNotify,\n    onDisconnect: createCallbacks(),\n    refDocument: createRef(host.ownerDocument),\n    refParent: createRef(host.parentNode),\n    formAssociated: formAssociated\n      ? {\n          refForm: createRef<HTMLFormElement | null>(null),\n          refDisabled: createRef(false),\n          onReset: createCallbacks(),\n          onRestore: createCallbacks(),\n        }\n      : undefined,\n    createRef,\n    attachInternals: () => {\n      return (internals ??= attachInternals());\n    },\n    connectedCallback: () => {\n      connected = true;\n      controller.refParent.value = host.parentNode;\n\n      try {\n        controllers.push(controller);\n        render(controller);\n      } finally {\n        controllers.pop();\n      }\n\n      if (deferredFormUpdate?.type === 'reset') {\n        controller.formAssociated?.onReset.run();\n      } else if (deferredFormUpdate?.type === 'restore') {\n        controller.formAssociated?.onRestore.run(deferredFormUpdate.state, deferredFormUpdate.reason);\n      }\n\n      controller.onNotify.run();\n    },\n    connectedMoveCallback: () => {\n      controller.refParent.value = host.parentNode;\n      controller.onNotify.run();\n    },\n    disconnectedCallback: () => {\n      controller.onNotify.clear();\n      controller.formAssociated?.onReset.clear();\n      controller.formAssociated?.onRestore.clear();\n      controller.onDisconnect.runAndClear();\n    },\n    adoptedCallback: () => {\n      controller.refDocument.value = host.ownerDocument;\n      controller.onNotify.run();\n    },\n    formDisabledCallback: (disabled: boolean) => {\n      if (!controller.formAssociated) return;\n      controller.formAssociated.refDisabled.value = disabled;\n      controller.onNotify.run();\n    },\n    formResetCallback: () => {\n      if (!controller.formAssociated) return;\n      if (connected) controller.formAssociated.onReset.run();\n      else deferredFormUpdate = { type: 'reset' };\n    },\n    formStateRestoreCallback: (state, reason) => {\n      if (!controller.formAssociated) return;\n      if (connected) controller.formAssociated.onRestore.run(state, reason);\n      else deferredFormUpdate = { type: 'restore', state, reason };\n    },\n  } satisfies Controller;\n\n  return controller;\n}\n"],"mappings":";;AAmCA,IAAa,IAAQ,QAAQ,EAEvB,IAA4B,EAAE;AAEpC,SAAgB,IAAwC;AACtD,QAAO,EAAY,GAAG,GAAG;;AAG3B,SAAgB,EAAiB,EAAE,SAAM,mBAAgB,WAAQ,sBAAiD;CAChH,IAAI,IAAY,IACZ,IAAY,IACZ,GAEA,GAKE,IAAW,GAAiB,EAE5B,KAAgB,GAAiB,MAA0C;EAC/E,IAAI,IAAQ;AAEZ,SAAO;IACJ,IAAQ;GACT,IAAI,QAAQ;AACV,WAAO;;GAET,IAAI,MAAM,GAAU;AACd,UAAa,MACjB,IAAQ,GACR,IAAW,EAAM,EACb,GAAC,KAAa,OAClB,IAAY,IAEZ,qBAAqB;AAEnB,KADA,IAAY,IACZ,EAAS,KAAK;MACd;;GAEL;IAGG,IAAa;EACjB;EACA;EACA,cAAc,GAAiB;EAC/B,aAAa,EAAU,EAAK,cAAc;EAC1C,WAAW,EAAU,EAAK,WAAW;EACrC,gBAAgB,IACZ;GACE,SAAS,EAAkC,KAAK;GAChD,aAAa,EAAU,GAAM;GAC7B,SAAS,GAAiB;GAC1B,WAAW,GAAiB;GAC7B,GACD,KAAA;EACJ;EACA,uBACU,MAAc,GAAiB;EAEzC,yBAAyB;AAEvB,GADA,IAAY,IACZ,EAAW,UAAU,QAAQ,EAAK;AAElC,OAAI;AAEF,IADA,EAAY,KAAK,EAAW,EAC5B,EAAO,EAAW;aACV;AACR,MAAY,KAAK;;AASnB,GANI,GAAoB,SAAS,UAC/B,EAAW,gBAAgB,QAAQ,KAAK,GAC/B,GAAoB,SAAS,aACtC,EAAW,gBAAgB,UAAU,IAAI,EAAmB,OAAO,EAAmB,OAAO,EAG/F,EAAW,SAAS,KAAK;;EAE3B,6BAA6B;AAE3B,GADA,EAAW,UAAU,QAAQ,EAAK,YAClC,EAAW,SAAS,KAAK;;EAE3B,4BAA4B;AAI1B,GAHA,EAAW,SAAS,OAAO,EAC3B,EAAW,gBAAgB,QAAQ,OAAO,EAC1C,EAAW,gBAAgB,UAAU,OAAO,EAC5C,EAAW,aAAa,aAAa;;EAEvC,uBAAuB;AAErB,GADA,EAAW,YAAY,QAAQ,EAAK,eACpC,EAAW,SAAS,KAAK;;EAE3B,uBAAuB,MAAsB;AACtC,KAAW,mBAChB,EAAW,eAAe,YAAY,QAAQ,GAC9C,EAAW,SAAS,KAAK;;EAE3B,yBAAyB;AAClB,KAAW,mBACZ,IAAW,EAAW,eAAe,QAAQ,KAAK,GACjD,IAAqB,EAAE,MAAM,SAAS;;EAE7C,2BAA2B,GAAO,MAAW;AACtC,KAAW,mBACZ,IAAW,EAAW,eAAe,UAAU,IAAI,GAAO,EAAO,GAChE,IAAqB;IAAE,MAAM;IAAW;IAAO;IAAQ;;EAE/D;AAED,QAAO"}

package/dist/router.js

@@ -1,35 +0,0 @@
-import { createStore as e } from "./store.js";
-//#region src/router.ts
-function t() {
-	return n ??= r();
-}
-var n;
-function r() {
-	let t = e({
-		pathname: window.location.pathname,
-		hash: window.location.hash
-	}), n = () => {
-		let e = t.state;
-		t.state.pathname !== window.location.pathname && (e = {
-			...e,
-			pathname: window.location.pathname
-		}), t.state.hash !== window.location.hash && (e = {
-			...e,
-			hash: window.location.hash
-		}), t.state = e;
-	};
-	return Object.defineProperties(history, Object.fromEntries(["pushState", "replaceState"].map((e) => {
-		let t = history[e].bind(history);
-		return [e, {
-			value: (...e) => {
-				t(...e), n();
-			},
-			enumerable: !0,
-			configurable: !0
-		}];
-	}))), window.addEventListener("popstate", n), t;
-}
-//#endregion
-export { t as getRouter };
-
-//# sourceMappingURL=router.js.map

package/dist/router.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"router.js","names":[],"sources":["../src/router.ts"],"sourcesContent":["import { createStore, type Store } from './store.ts';\n\nexport interface RouterState {\n  readonly pathname: string;\n  readonly hash: string;\n}\n\n/**\n * Get a router {@link Store} that is updated when the client side route (aka:\n * `History`) changes. This method returns the same store every time it is\n * called (ie. a singleton).\n */\nexport function getRouter(): Store<RouterState> {\n  return (singleton ??= createRouter());\n}\n\nlet singleton: Store<RouterState> | undefined;\n\nfunction createRouter(): Store<RouterState> {\n  const store = createStore<RouterState>({\n    pathname: window.location.pathname,\n    hash: window.location.hash,\n  });\n\n  const onUpdate = (): void => {\n    let state = store.state;\n\n    if (store.state.pathname !== window.location.pathname) {\n      state = { ...state, pathname: window.location.pathname };\n    }\n\n    if (store.state.hash !== window.location.hash) {\n      state = { ...state, hash: window.location.hash };\n    }\n\n    store.state = state;\n  };\n\n  Object.defineProperties(\n    history,\n    Object.fromEntries(\n      (['pushState', 'replaceState'] as const).map((method: 'pushState' | 'replaceState') => {\n        const original = history[method].bind(history) as History['pushState'] & History['replaceState'];\n        const descriptor: PropertyDescriptor = {\n          value: (...args: Parameters<typeof original>) => {\n            original(...args);\n            onUpdate();\n          },\n          enumerable: true,\n          configurable: true,\n        };\n\n        return [method, descriptor];\n      }),\n    ),\n  );\n\n  window.addEventListener('popstate', onUpdate);\n\n  return store;\n}\n"],"mappings":";;AAYA,SAAgB,IAAgC;AAC9C,QAAQ,MAAc,GAAc;;AAGtC,IAAI;AAEJ,SAAS,IAAmC;CAC1C,IAAM,IAAQ,EAAyB;EACrC,UAAU,OAAO,SAAS;EAC1B,MAAM,OAAO,SAAS;EACvB,CAAC,EAEI,UAAuB;EAC3B,IAAI,IAAQ,EAAM;AAUlB,EARI,EAAM,MAAM,aAAa,OAAO,SAAS,aAC3C,IAAQ;GAAE,GAAG;GAAO,UAAU,OAAO,SAAS;GAAU,GAGtD,EAAM,MAAM,SAAS,OAAO,SAAS,SACvC,IAAQ;GAAE,GAAG;GAAO,MAAM,OAAO,SAAS;GAAM,GAGlD,EAAM,QAAQ;;AAwBhB,QArBA,OAAO,iBACL,SACA,OAAO,YACJ,CAAC,aAAa,eAAe,CAAW,KAAK,MAAyC;EACrF,IAAM,IAAW,QAAQ,GAAQ,KAAK,QAAQ;AAU9C,SAAO,CAAC,GAAQ;GARd,QAAQ,GAAG,MAAsC;AAE/C,IADA,EAAS,GAAG,EAAK,EACjB,GAAU;;GAEZ,YAAY;GACZ,cAAc;GAGA,CAAW;GAC3B,CACH,CACF,EAED,OAAO,iBAAiB,YAAY,EAAS,EAEtC"}

package/dist/store.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"store.js","names":[],"sources":["../src/store.ts"],"sourcesContent":["import { createCallbacks } from './internal/callbacks.ts';\n\nexport interface Store<TState> {\n  state: TState;\n  subscribe: (callback: (state: TState) => void) => () => void;\n}\n\n/** Create a new store containing an observable state. */\nexport function createStore<TState>(initialState: TState): Store<TState> {\n  const callbacks = createCallbacks();\n  let state = initialState;\n\n  return {\n    get state() {\n      return state;\n    },\n    set state(newState) {\n      if (newState === state) return;\n      state = newState;\n      callbacks.run();\n    },\n    subscribe: (callback) => callbacks.push(() => callback(state)),\n  };\n}\n"],"mappings":";;AAQA,SAAgB,EAAoB,GAAqC;CACvE,IAAM,IAAY,GAAiB,EAC/B,IAAQ;AAEZ,QAAO;EACL,IAAI,QAAQ;AACV,UAAO;;EAET,IAAI,MAAM,GAAU;AACd,SAAa,MACjB,IAAQ,GACR,EAAU,KAAK;;EAEjB,YAAY,MAAa,EAAU,WAAW,EAAS,EAAM,CAAC;EAC/D"}