@seahax/elemental 0.2.3 → 0.3.0

package/README.md

@@ -26,6 +26,7 @@ import {
   useLoading,
   useEffect,
   useChildEffect,
+  useHost,
   h,
 } from '@seahax/elemental';
 
@@ -45,18 +46,24 @@ export const MyComponent = defineComponent((shadow) => {
     ]),
   ]);
 
-  // Use reference (reactive state) hooks.
+  // Use a reference (reactive state) value.
   const localStateRef = useRef('initial value', (newValue) => {
     // Handle
   });
+
+  // Use a reference (reactive state) bound to a (shared) store.
   const globalStateRef = useStore(myStore, select, mutate);
+
+  // Use references (reactive state) bound to attributes.
   const [dataValueRef, ...] = useAttributes('data-value', ...);
+
+  // Use a reference (reactive state) bound to route matching.
   const routeMatchRef = useRoute('/path/', {
     match: 'prefix', // 'exact' | 'prefix' | RegExp
     source: 'pathname', // 'pathname' | 'hash'
   });
 
-  // Reactively load async data.
+  // Use a reference (reactive state) bound to an async loader function.
   const loadingStateRef = useLoading([
     // dependency references
   ], async (signal, ...dependencyValues) => {
@@ -96,6 +103,9 @@ export const MyComponent = defineComponent((shadow) => {
       // is disconnected from the document.
     };
   });
+
+  // Use the host element (generally only useful in reusable hooks).
+  const host = useHost();
 });
 ```
 

package/dist/component.d.ts

@@ -1,5 +1,4 @@
-import { type Callbacks } from './internal/callbacks.ts';
-import { $$ref, $$renderContextStack } from './internal/constants.ts';
+import { type Ref } from './hooks/ref.ts';
 type SafeProps<TProps> = any extends any ? {
     [P in keyof TProps as P extends keyof HTMLElement ? never : P]: TProps[P];
 } : never;
@@ -27,27 +26,6 @@ export type ComponentShadowRoot<TProps extends object> = Omit<ShadowRoot, 'host'
 export type ComponentPropRefs<TProps extends object> = {
     readonly [P in keyof SafeProps<TProps>]: Ref<TProps[P] | undefined>;
 };
-export interface Ref<T> extends ReadonlyRef<T> {
-    value: T;
-}
-export interface ReadonlyRef<T> {
-    /** @hidden */
-    [$$ref]: unknown;
-    readonly value: T;
-}
-export type RefValues<T> = T extends readonly any[] ? {
-    [K in keyof T]: T[K] extends ReadonlyRef<infer V> ? V : never;
-} : never;
-declare global {
-    interface Window {
-        readonly [$$renderContextStack]: {
-            readonly host: HTMLElement;
-            readonly onDisconnect: Callbacks;
-            readonly onSetRef: Callbacks;
-            readonly useRef: <T>(initialValue: T, onChange?: (value: T) => void) => Ref<T>;
-        }[];
-    }
-}
 /** Define a custom `HTMLElement` that is functional and reactive. */
-export declare function defineComponent<TProps extends object = {}>(render: (shadow: ComponentShadowRoot<TProps>, props: ComponentPropRefs<TProps>) => void, options?: ComponentOptions<TProps>): ComponentConstructor<TProps>;
+export declare function defineComponent<TProps extends object = {}>(render: (shadowRoot: ComponentShadowRoot<TProps>, props: ComponentPropRefs<TProps>) => void, options?: ComponentOptions<TProps>): ComponentConstructor<TProps>;
 export {};

package/dist/component.js

@@ -1,66 +1,34 @@
-import { createCallbacks as e } from "./internal/callbacks.js";
-import { $$ref as t, $$renderContextStack as n } from "./internal/constants.js";
+import { createContextController as e } from "./internal/context.js";
+import { useRef as t } from "./hooks/ref.js";
 //#region src/component.ts
-Object.assign(window, { [n]: [] });
-function r(r, i = {}) {
+function n(n, { props: r, shadow: i } = {}) {
 	return class extends HTMLElement {
-		#e = e();
-		#t = e();
-		#n = i;
-		#r;
-		#i = !1;
+		#e = {};
+		#t = e(this);
 		constructor() {
-			super();
-			let e = this.#r = {};
-			if (this.#n.props) {
-				let t = this.#n.props;
-				for (let [n, r] of Object.entries(t)) {
+			if (super(), r) {
+				let e = this.#e;
+				for (let [n, i] of Object.entries(r)) {
 					if (n in this) continue;
-					let t = r(e[n] = this.#a(void 0), this);
-					Object.defineProperty(this, n, t);
+					let r = i(e[n] = t(void 0), this);
+					Object.defineProperty(this, n, r);
 				}
 			}
 		}
 		connectedCallback() {
-			let e = this.attachShadow({
-				...this.#n.shadow,
-				mode: this.#n.shadow?.mode ?? "open"
+			this.#t.connect(() => {
+				n(this.attachShadow({
+					...i,
+					mode: i?.mode ?? "open"
+				}), this.#e);
 			});
-			try {
-				window[n].push({
-					host: this,
-					onDisconnect: this.#e,
-					onSetRef: this.#t,
-					useRef: this.#a
-				}), r(e, this.#r);
-			} finally {
-				window[n].pop();
-			}
-			this.#t.run();
 		}
 		disconnectedCallback() {
-			this.#t.clear(), this.#e.run({ clear: !0 });
+			this.#t.disconnect();
 		}
-		#a = (e, n) => {
-			let r = this.#o, i = e;
-			return {
-				[t]: !0,
-				get value() {
-					return i;
-				},
-				set value(e) {
-					e !== i && (i = e, n?.(i), r());
-				}
-			};
-		};
-		#o = () => {
-			this.#i || (this.#i = !0, queueMicrotask(() => {
-				this.#i = !1, this.#t.run();
-			}));
-		};
 	};
 }
 //#endregion
-export { r as defineComponent };
+export { n as defineComponent };
 
 //# sourceMappingURL=component.js.map

package/dist/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","names":["#onDisconnect","#onSetRef","#options","#refs","#useRef","#notify","#notifying"],"sources":["../src/component.ts"],"sourcesContent":["import { type Callbacks, createCallbacks } from './internal/callbacks.ts';\nimport { $$ref, $$renderContextStack } from './internal/constants.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  new (): ComponentWithProps<TProps>;\n}\n\nexport interface ComponentOptions<TProps extends object> {\n  readonly shadow?: Partial<ShadowRootInit>;\n  readonly props?: ComponentPropDescriptors<TProps>;\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\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\ndeclare global {\n  interface Window {\n    readonly [$$renderContextStack]: {\n      readonly host: HTMLElement;\n      readonly onDisconnect: Callbacks;\n      readonly onSetRef: Callbacks;\n      readonly useRef: <T>(initialValue: T, onChange?: (value: T) => void) => Ref<T>;\n    }[];\n  }\n}\n\nObject.assign(window, { [$$renderContextStack]: [] });\n\n/** Define a custom `HTMLElement` that is functional and reactive. */\nexport function defineComponent<TProps extends object = {}>(\n  render: (shadow: ComponentShadowRoot<TProps>, props: ComponentPropRefs<TProps>) => void,\n  options?: ComponentOptions<TProps>,\n): ComponentConstructor<TProps>;\nexport function defineComponent(\n  render: (\n    shadow: ComponentShadowRoot<Record<string, unknown>>,\n    props: ComponentPropRefs<Record<string, unknown>>,\n  ) => void,\n  options: ComponentOptions<Record<string, unknown>> = {},\n): new () => HTMLElement {\n  return class extends HTMLElement {\n    readonly #onDisconnect = createCallbacks();\n    readonly #onSetRef = createCallbacks();\n    readonly #options = options;\n    readonly #refs: ComponentPropRefs<Record<string, unknown>>;\n    #notifying = false;\n\n    constructor() {\n      super();\n      const refs: Record<string, Ref<unknown>> = (this.#refs = {});\n\n      if (this.#options.props) {\n        const descriptors = this.#options.props;\n\n        for (const [key, getDescriptor] of Object.entries(descriptors)) {\n          if (key in this) continue;\n          const ref = (refs[key] = this.#useRef<any>(undefined));\n          const descriptor = getDescriptor(ref, this);\n          Object.defineProperty(this, key, descriptor);\n        }\n      }\n    }\n\n    protected connectedCallback(): void {\n      const shadow = this.attachShadow({ ...this.#options.shadow, mode: this.#options.shadow?.mode ?? 'open' });\n\n      try {\n        window[$$renderContextStack].push({\n          host: this,\n          onDisconnect: this.#onDisconnect,\n          onSetRef: this.#onSetRef,\n          useRef: this.#useRef,\n        });\n\n        render(shadow as ComponentShadowRoot<Record<string, unknown>>, this.#refs);\n      } finally {\n        window[$$renderContextStack].pop();\n      }\n\n      this.#onSetRef.run();\n    }\n\n    protected disconnectedCallback(): void {\n      this.#onSetRef.clear();\n      this.#onDisconnect.run({ clear: true });\n    }\n\n    readonly #useRef = <T>(initialValue: T, onChange?: (value: T) => void): Ref<T> => {\n      const notify = this.#notify;\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          notify();\n        },\n      };\n    };\n\n    readonly #notify = (): void => {\n      if (this.#notifying) return;\n      this.#notifying = true;\n\n      queueMicrotask(() => {\n        this.#notifying = false;\n        this.#onSetRef.run();\n      });\n    };\n  };\n}\n"],"mappings":";;;AAmEA,OAAO,OAAO,QAAQ,GAAG,IAAuB,EAAE,EAAE,CAAC;AAOrD,SAAgB,EACd,GAIA,IAAqD,EAAE,EAChC;AACvB,QAAO,cAAc,YAAY;EAC/B,KAAyB,GAAiB;EAC1C,KAAqB,GAAiB;EACtC,KAAoB;EACpB;EACA,KAAa;EAEb,cAAc;AACZ,UAAO;GACP,IAAM,IAAsC,MAAA,IAAa,EAAE;AAE3D,OAAI,MAAA,EAAc,OAAO;IACvB,IAAM,IAAc,MAAA,EAAc;AAElC,SAAK,IAAM,CAAC,GAAK,MAAkB,OAAO,QAAQ,EAAY,EAAE;AAC9D,SAAI,KAAO,KAAM;KAEjB,IAAM,IAAa,EAAc,EADf,KAAO,MAAA,EAAkB,KAAA,EAAU,EACf,KAAK;AAC3C,YAAO,eAAe,MAAM,GAAK,EAAW;;;;EAKlD,oBAAoC;GAClC,IAAM,IAAS,KAAK,aAAa;IAAE,GAAG,MAAA,EAAc;IAAQ,MAAM,MAAA,EAAc,QAAQ,QAAQ;IAAQ,CAAC;AAEzG,OAAI;AAQF,IAPA,OAAO,GAAsB,KAAK;KAChC,MAAM;KACN,cAAc,MAAA;KACd,UAAU,MAAA;KACV,QAAQ,MAAA;KACT,CAAC,EAEF,EAAO,GAAwD,MAAA,EAAW;aAClE;AACR,WAAO,GAAsB,KAAK;;AAGpC,SAAA,EAAe,KAAK;;EAGtB,uBAAuC;AAErC,GADA,MAAA,EAAe,OAAO,EACtB,MAAA,EAAmB,IAAI,EAAE,OAAO,IAAM,CAAC;;EAGzC,MAAuB,GAAiB,MAA0C;GAChF,IAAM,IAAS,MAAA,GACX,IAAQ;AAEZ,UAAO;KACJ,IAAQ;IACT,IAAI,QAAQ;AACV,YAAO;;IAET,IAAI,MAAM,GAAU;AACd,WAAa,MACjB,IAAQ,GACR,IAAW,EAAM,EACjB,GAAQ;;IAEX;;EAGH,WAA+B;AACzB,SAAA,MACJ,MAAA,IAAkB,IAElB,qBAAqB;AAEnB,IADA,MAAA,IAAkB,IAClB,MAAA,EAAe,KAAK;KACpB"}
+{"version":3,"file":"component.js","names":["#propRefs","#contextController"],"sources":["../src/component.ts"],"sourcesContent":["import { type Ref, useRef } from './hooks/ref.ts';\nimport { createContextController } from './internal/context.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  new (): ComponentWithProps<TProps>;\n}\n\nexport interface ComponentOptions<TProps extends object> {\n  readonly shadow?: Partial<ShadowRootInit>;\n  readonly props?: ComponentPropDescriptors<TProps>;\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 }: ComponentOptions<Record<string, unknown>> = {},\n): ComponentConstructor<{}> {\n  return class extends HTMLElement {\n    readonly #propRefs: ComponentPropRefs<Record<string, unknown>> = {};\n    readonly #contextController = createContextController(this);\n\n    constructor() {\n      super();\n\n      if (props) {\n        const propRefs: Record<string, Ref<unknown>> = this.#propRefs;\n\n        for (const [key, getDescriptor] of Object.entries(props)) {\n          if (key in this) continue;\n          const ref = (propRefs[key] = useRef<any>(undefined));\n          const descriptor = getDescriptor(ref, this);\n          Object.defineProperty(this, key, descriptor);\n        }\n      }\n    }\n\n    protected connectedCallback(): void {\n      this.#contextController.connect(() => {\n        const shadowRoot = this.attachShadow({ ...shadow, mode: shadow?.mode ?? 'open' });\n        render(shadowRoot as ComponentShadowRoot<Record<string, unknown>>, this.#propRefs);\n      });\n    }\n\n    protected disconnectedCallback(): void {\n      this.#contextController.disconnect();\n    }\n  };\n}\n"],"mappings":";;;AA+CA,SAAgB,EACd,GAIA,EAAE,UAAO,cAAsD,EAAE,EACvC;AAC1B,QAAO,cAAc,YAAY;EAC/B,KAAiE,EAAE;EACnE,KAA8B,EAAwB,KAAK;EAE3D,cAAc;AAGZ,OAFA,OAAO,EAEH,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,EAAY,KAAA,EAAU,EACb,KAAK;AAC3C,YAAO,eAAe,MAAM,GAAK,EAAW;;;;EAKlD,oBAAoC;AAClC,SAAA,EAAwB,cAAc;AAEpC,MADmB,KAAK,aAAa;KAAE,GAAG;KAAQ,MAAM,GAAQ,QAAQ;KAAQ,CACzE,EAA4D,MAAA,EAAe;KAClF;;EAGJ,uBAAuC;AACrC,SAAA,EAAwB,YAAY"}

package/dist/hooks/attributes.d.ts

@@ -0,0 +1,5 @@
+import { type Ref } from './ref.ts';
+/** Use references (reactive state) bound to attributes. */
+export declare function useAttributes<const TNames extends string[]>(...names: TNames): {
+    -readonly [P in keyof TNames]: Ref<string | null>;
+};

package/dist/hooks/attributes.js

@@ -0,0 +1,25 @@
+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

@@ -0,0 +1 @@
+{"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-effect.d.ts

@@ -0,0 +1,2 @@
+/** React to child list changes (non-recursive). */
+export declare function useChildEffect(callback: () => (() => void) | void): void;

package/dist/hooks/child-effect.js

@@ -0,0 +1,14 @@
+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-effect.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-effect.js.map

package/dist/hooks/child-effect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"child-effect.js","names":[],"sources":["../../src/hooks/child-effect.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/context.d.ts

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

package/dist/hooks/context.js

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

package/dist/hooks/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../src/hooks/context.ts"],"sourcesContent":["import { type Context, contextStack } from '../internal/context.ts';\n\n/** @internal Get the context of the currently rendering component. */\nexport function useContext(): Context {\n  const context = contextStack.at(-1);\n  if (!context) throw new Error('hooks must be called inside a render function');\n  return context;\n}\n"],"mappings":";;AAGA,SAAgB,IAAsB;CACpC,IAAM,IAAU,EAAa,GAAG,GAAG;AACnC,KAAI,CAAC,EAAS,OAAU,MAAM,gDAAgD;AAC9E,QAAO"}

package/dist/hooks/effect.d.ts

@@ -0,0 +1,3 @@
+import type { ReadonlyRef, RefValues } from './ref.ts';
+/** React to observable (reference) changes. */
+export declare function useEffect<const TDeps extends readonly ReadonlyRef<any>[]>(deps: TDeps, callback: (...values: RefValues<TDeps>) => (() => void) | void): void;

package/dist/hooks/effect.js

@@ -0,0 +1,17 @@
+import { createCallbacks as e } from "../internal/callbacks.js";
+import { useContext as t } from "./context.js";
+//#region src/hooks/effect.ts
+function n(n, r) {
+	let { onNotify: i, onDisconnect: a } = t(), o = e(), s = () => o.runAndClear(), c;
+	i.push(() => {
+		let e = n.map((e) => e.value);
+		if (c?.length === e.length && c?.every((t, n) => t === e[n])) return;
+		c = e, s();
+		let t = r(...c);
+		t && o.push(() => t());
+	}), a.push(s);
+}
+//#endregion
+export { n as useEffect };
+
+//# sourceMappingURL=effect.js.map

package/dist/hooks/effect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"effect.js","names":[],"sources":["../../src/hooks/effect.ts"],"sourcesContent":["import { createCallbacks } from '../internal/callbacks.ts';\nimport { useContext } from './context.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  const { onNotify, onDisconnect } = useContext();\n  const cleanupCallback = createCallbacks();\n  const cleanup = (): void => cleanupCallback.runAndClear();\n  let values: any[] | undefined;\n\n  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    const maybeCleanup = callback(...(values as any));\n    if (maybeCleanup) cleanupCallback.push(() => maybeCleanup());\n  });\n\n  onDisconnect.push(cleanup);\n}\n"],"mappings":";;;AAKA,SAAgB,EACd,GACA,GACM;CACN,IAAM,EAAE,aAAU,oBAAiB,GAAY,EACzC,IAAkB,GAAiB,EACnC,UAAsB,EAAgB,aAAa,EACrD;AAWJ,CATA,EAAS,WAAiB;EACxB,IAAM,IAAY,EAAK,KAAK,MAAQ,EAAI,MAAM;AAC9C,MAAI,GAAQ,WAAW,EAAU,UAAU,GAAQ,OAAO,GAAO,MAAM,MAAU,EAAU,GAAG,CAAE;AAEhG,EADA,IAAS,GACT,GAAS;EACT,IAAM,IAAe,EAAS,GAAI,EAAe;AACjD,EAAI,KAAc,EAAgB,WAAW,GAAc,CAAC;GAC5D,EAEF,EAAa,KAAK,EAAQ"}

package/dist/hooks/host.d.ts

@@ -0,0 +1,2 @@
+/** Get the component host element. */
+export declare function useHost(): HTMLElement;

package/dist/hooks/host.js

@@ -0,0 +1,9 @@
+import { useContext as e } from "./context.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

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

package/dist/hooks/loading.d.ts

@@ -1,11 +1,11 @@
-import type { ReadonlyRef, Ref, RefValues } from '../component.ts';
+import { type ReadonlyRef, type Ref, type RefValues } from './ref.ts';
 export interface LoadingValue<TValue> {
-    readonly loading: boolean;
     readonly value: TValue | undefined;
     readonly error: unknown;
+    readonly isLoading: boolean;
 }
 export interface LoadingOptions {
     readonly debounceMs?: number;
 }
-/** Load data asynchronously. */
+/** Use a reference (reactive state) bound to an async loader function. */
 export declare function useLoading<const TDeps extends readonly ReadonlyRef<any>[], TValue>(deps: TDeps, callback: (signal: AbortSignal, ...values: RefValues<TDeps>) => Promise<TValue>, { debounceMs }?: LoadingOptions): Ref<LoadingValue<TValue>>;

package/dist/hooks/loading.js

@@ -1,29 +1,30 @@
-import { useEffect as e, useRef as t } from "./core.js";
+import { useRef as e } from "./ref.js";
+import { useEffect as t } from "./effect.js";
 //#region src/hooks/loading.ts
 function n(n, r, { debounceMs: i } = {}) {
-	let a = t({
-		loading: !0,
+	let a = e({
 		value: void 0,
-		error: void 0
+		error: void 0,
+		isLoading: !0
 	}), o = !0;
-	return e(n, () => (...e) => {
+	return t(n, () => (...e) => {
 		let t = new AbortController();
 		return Promise.race(o ? [Promise.resolve()] : [new Promise((e) => setTimeout(e, i)), new Promise((e) => t.signal.addEventListener("abort", e, { once: !0 }))]).then(() => {
 			if (!t.signal.aborted) return r(t.signal, ...e);
 		}).then((e) => {
 			t.signal.aborted || (a.value = {
-				loading: !1,
+				isLoading: !1,
 				value: e,
 				error: void 0
 			});
 		}).catch((e) => {
 			t.signal.aborted || (a.value = {
-				loading: !1,
+				isLoading: !1,
 				value: void 0,
 				error: e
 			});
 		}), o = !1, () => t.abort();
-	}), e([], () => () => o = !0), a;
+	}), t([], () => () => o = !0), a;
 }
 //#endregion
 export { n as useLoading };

package/dist/hooks/loading.js.map

@@ -1 +1 @@
-{"version":3,"file":"loading.js","names":[],"sources":["../../src/hooks/loading.ts"],"sourcesContent":["import type { ReadonlyRef, Ref, RefValues } from '../component.ts';\nimport { useEffect, useRef } from './core.ts';\n\nexport interface LoadingValue<TValue> {\n  readonly loading: boolean;\n  readonly value: TValue | undefined;\n  readonly error: unknown;\n}\n\nexport interface LoadingOptions {\n  readonly debounceMs?: number;\n}\n\n/** Load data asynchronously. */\nexport function useLoading<const TDeps extends readonly ReadonlyRef<any>[], TValue>(\n  deps: TDeps,\n  callback: (signal: AbortSignal, ...values: RefValues<TDeps>) => Promise<TValue>,\n  { debounceMs }: LoadingOptions = {},\n): Ref<LoadingValue<TValue>> {\n  const ref = useRef<LoadingValue<TValue>>({ loading: true, value: undefined, error: undefined });\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 = { loading: false, value, error: undefined };\n      })\n      .catch((error: unknown) => {\n        if (ac.signal.aborted) return;\n        ref.value = { loading: 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,kBAA+B,EAAE,EACR;CAC3B,IAAM,IAAM,EAA6B;EAAE,SAAS;EAAM,OAAO,KAAA;EAAW,OAAO,KAAA;EAAW,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,SAAS;IAAO;IAAO,OAAO,KAAA;IAAW;IACvD,CACD,OAAO,MAAmB;AACrB,KAAG,OAAO,YACd,EAAI,QAAQ;IAAE,SAAS;IAAO,OAAO,KAAA;IAAW;IAAO;IACvD,EAEJ,IAAe,UACF,EAAG,OAAO;GACvB,EAGF,EAAU,EAAE,cAAe,IAAe,GAAM,EAEzC"}
+{"version":3,"file":"loading.js","names":[],"sources":["../../src/hooks/loading.ts"],"sourcesContent":["import { useEffect } from './effect.ts';\nimport { type ReadonlyRef, type Ref, type RefValues, useRef } from './ref.ts';\n\nexport interface LoadingValue<TValue> {\n  readonly value: TValue | undefined;\n  readonly error: unknown;\n  readonly isLoading: boolean;\n}\n\nexport interface LoadingOptions {\n  readonly debounceMs?: number;\n}\n\n/** Use a reference (reactive state) bound to an async loader function. */\nexport function useLoading<const TDeps extends readonly ReadonlyRef<any>[], TValue>(\n  deps: TDeps,\n  callback: (signal: AbortSignal, ...values: RefValues<TDeps>) => Promise<TValue>,\n  { debounceMs }: LoadingOptions = {},\n): Ref<LoadingValue<TValue>> {\n  const ref = useRef<LoadingValue<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,kBAA+B,EAAE,EACR;CAC3B,IAAM,IAAM,EAA6B;EAAE,OAAO,KAAA;EAAW,OAAO,KAAA;EAAW,WAAW;EAAM,CAAC,EAC7F,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/ref.d.ts

@@ -0,0 +1,15 @@
+export interface Ref<T> extends ReadonlyRef<T> {
+    value: T;
+}
+export interface ReadonlyRef<T> {
+    /** @hidden */
+    [$$ref]: unknown;
+    readonly value: T;
+}
+export type RefValues<T> = T extends readonly any[] ? {
+    [K in keyof T]: T[K] extends ReadonlyRef<infer V> ? V : never;
+} : never;
+declare const $$ref: unique symbol;
+/** Use a reference (reactive state) value. */
+export declare function useRef<T>(initialValue: T, onChange?: (value: T) => void): Ref<T>;
+export {};

package/dist/hooks/ref.js

@@ -0,0 +1,19 @@
+import { useContext as e } from "./context.js";
+//#region src/hooks/ref.ts
+var t = Symbol();
+function n(n, r) {
+	let { notify: i } = e(), a = n;
+	return {
+		[t]: !0,
+		get value() {
+			return a;
+		},
+		set value(e) {
+			e !== a && (a = e, r?.(a), i());
+		}
+	};
+}
+//#endregion
+export { n as useRef };
+
+//# sourceMappingURL=ref.js.map

package/dist/hooks/ref.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ref.js","names":[],"sources":["../../src/hooks/ref.ts"],"sourcesContent":["import { useContext } from './context.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\nconst $$ref = Symbol();\n\n/** Use a reference (reactive state) value. */\nexport function useRef<T>(initialValue: T, onChange?: (value: T) => void): Ref<T> {\n  const { notify } = useContext();\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      notify();\n    },\n  };\n}\n"],"mappings":";;AAgBA,IAAM,IAAQ,QAAQ;AAGtB,SAAgB,EAAU,GAAiB,GAAuC;CAChF,IAAM,EAAE,cAAW,GAAY,EAC3B,IAAQ;AAEZ,QAAO;GACJ,IAAQ;EACT,IAAI,QAAQ;AACV,UAAO;;EAET,IAAI,MAAM,GAAU;AACd,SAAa,MACjB,IAAQ,GACR,IAAW,EAAM,EACjB,GAAQ;;EAEX"}

package/dist/hooks/route.d.ts

@@ -1,4 +1,4 @@
-import type { Ref } from '../component.ts';
+import { type Ref } from './ref.ts';
 export interface RouteOptions {
     readonly match?: 'prefix' | 'exact' | RegExp;
     readonly source?: 'pathname' | 'hash';
@@ -6,5 +6,5 @@ export interface RouteOptions {
 export type RouteMatchArray = readonly [string, ...string[]] & {
     readonly groups: Record<string, string>;
 };
-/** Observe route (window.history) changes. */
+/** Use a reference (reactive state) bound to route matching. */
 export declare function useRoute(path: string | readonly string[], { match, source }?: RouteOptions): Ref<RouteMatchArray | null>;

package/dist/hooks/route.js

@@ -1,10 +1,11 @@
-import { useEffect as e, useRef as t } from "./core.js";
+import { useRef as e } from "./ref.js";
+import { useEffect as t } from "./effect.js";
 import { getRouter as n } from "../router.js";
 import { useStore as r } from "./store.js";
 //#region src/hooks/route.ts
 function i(i, { match: a = "prefix", source: o = "pathname" } = {}) {
-	let s = a === "exact" ? /^$/u : a === "prefix" ? /^.*$/u : a, c = Array.isArray(i) ? i : [i], l = r(n(), (e) => e[o]), u = t(d(l.value));
-	return e([l], (e) => {
+	let s = a === "exact" ? /^$/u : a === "prefix" ? /^.*$/u : a, c = Array.isArray(i) ? i : [i], l = r(n(), (e) => e[o]), u = e(d(l.value));
+	return t([l], (e) => {
 		u.value = d(e);
 	}), u;
 	function d(e) {

package/dist/hooks/route.js.map

@@ -1 +1 @@
-{"version":3,"file":"route.js","names":[],"sources":["../../src/hooks/route.ts"],"sourcesContent":["import type { Ref } from '../component.ts';\nimport { getRouter } from '../router.ts';\nimport { useEffect, useRef } from './core.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 RouteMatchArray = readonly [string, ...string[]] & { readonly groups: Record<string, string> };\n\n/** Observe route (window.history) changes. */\nexport function useRoute(\n  path: string | readonly string[],\n  { match = 'prefix', source = 'pathname' }: RouteOptions = {},\n): Ref<RouteMatchArray | 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<RouteMatchArray | 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): RouteMatchArray | 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 RouteMatchArray | null;\n  }\n}\n"],"mappings":";;;;AAaA,SAAgB,EACd,GACA,EAAE,WAAQ,UAAU,YAAS,eAA6B,EAAE,EAC/B;CAC7B,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,EAA+B,EAAS,EAAS,MAAM,CAAC;AAMzE,QAJA,EAAU,CAAC,EAAS,GAAG,MAAU;AAC/B,IAAS,QAAQ,EAAS,EAAM;GAChC,EAEK;CAEP,SAAS,EAAS,GAAuC;EACvD,IAAM,IAAS,EAAM,MAAM,MAAS,EAAM,SAAS,EAAK,CAAC,IAAI;AAG7D,SAFI,KAAU,OAAa,QAC3B,IAAQ,EAAM,MAAM,EAAO,OAAO,EAC3B,EAAM,MAAM,EAAQ"}
+{"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 RouteMatchArray = 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<RouteMatchArray | 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<RouteMatchArray | 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): RouteMatchArray | 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 RouteMatchArray | null;\n  }\n}\n"],"mappings":";;;;;AAaA,SAAgB,EACd,GACA,EAAE,WAAQ,UAAU,YAAS,eAA6B,EAAE,EAC/B;CAC7B,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,EAA+B,EAAS,EAAS,MAAM,CAAC;AAMzE,QAJA,EAAU,CAAC,EAAS,GAAG,MAAU;AAC/B,IAAS,QAAQ,EAAS,EAAM;GAChC,EAEK;CAEP,SAAS,EAAS,GAAuC;EACvD,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.d.ts

@@ -1,5 +1,5 @@
-import type { ReadonlyRef, Ref } from '../component.ts';
 import type { Store } from '../store.ts';
-/** Observe store (external state) changes. */
+import { type ReadonlyRef, type Ref } from './ref.ts';
+/** Use a reference (reactive state) bound to a (shared) store. */
 export declare function useStore<TState, TValue = TState>(store: Store<TState>, select: (state: TState) => TValue, mutate: (store: Store<TState>, value: TValue) => void): Ref<TValue>;
 export declare function useStore<TState, TValue = TState>(store: Store<TState>, select?: (state: TState) => TValue): ReadonlyRef<TValue>;

package/dist/hooks/store.js

@@ -1,8 +1,9 @@
-import { useEffect as e, useRef as t } from "./core.js";
+import { useRef as e } from "./ref.js";
+import { useEffect as t } from "./effect.js";
 //#region src/hooks/store.ts
 function n(n, r = (e) => e, i) {
-	let a = t(r(n.state), i && ((e) => i(n, e)));
-	return e([], () => n.subscribe((e) => a.value = r(e))), a;
+	let a = e(r(n.state), i && ((e) => i(n, e)));
+	return t([], () => n.subscribe((e) => a.value = r(e))), a;
 }
 //#endregion
 export { n as useStore };

package/dist/hooks/store.js.map

@@ -1 +1 @@
-{"version":3,"file":"store.js","names":[],"sources":["../../src/hooks/store.ts"],"sourcesContent":["import type { ReadonlyRef, Ref } from '../component.ts';\nimport type { Store } from '../store.ts';\nimport { useEffect, useRef } from './core.ts';\n\n/** Observe store (external state) changes. */\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"}
+{"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/index.d.ts

@@ -1,6 +1,10 @@
 export * from './component.ts';
-export * from './hooks/core.ts';
+export * from './hooks/attributes.ts';
+export * from './hooks/child-effect.ts';
+export * from './hooks/effect.ts';
+export * from './hooks/host.ts';
 export * from './hooks/loading.ts';
+export * from './hooks/ref.ts';
 export * from './hooks/route.ts';
 export * from './hooks/store.ts';
 export * from './html.ts';

package/dist/index.js

@@ -1,9 +1,13 @@
-import { defineComponent as e } from "./component.js";
-import { useAttributes as t, useChildEffect as n, useEffect as r, useRef as i } from "./hooks/core.js";
-import { useLoading as a } from "./hooks/loading.js";
-import { createStore as o } from "./store.js";
-import { getRouter as s } from "./router.js";
-import { useStore as c } from "./hooks/store.js";
-import { useRoute as l } from "./hooks/route.js";
-import { html as u } from "./html.js";
-export { o as createStore, e as defineComponent, s as getRouter, u as h, u as html, t as useAttributes, n as useChildEffect, r as useEffect, a as useLoading, i as useRef, l as useRoute, c as useStore };
+import { useRef as e } from "./hooks/ref.js";
+import { defineComponent as t } from "./component.js";
+import { useEffect as n } from "./hooks/effect.js";
+import { useHost as r } from "./hooks/host.js";
+import { useAttributes as i } from "./hooks/attributes.js";
+import { useChildEffect as a } from "./hooks/child-effect.js";
+import { useLoading as o } from "./hooks/loading.js";
+import { createStore as s } from "./store.js";
+import { getRouter as c } from "./router.js";
+import { useStore as l } from "./hooks/store.js";
+import { useRoute as u } from "./hooks/route.js";
+import { html as d } from "./html.js";
+export { s as createStore, t as defineComponent, c as getRouter, d as h, d as html, i as useAttributes, a as useChildEffect, n as useEffect, r as useHost, o as useLoading, e as useRef, u as useRoute, l as useStore };

package/dist/internal/callbacks.d.ts

@@ -1,8 +1,7 @@
-export interface Callbacks {
-    readonly push: (callback: () => void) => () => void;
-    readonly run: (options?: {
-        readonly clear?: boolean;
-    }) => void;
+export interface Callbacks<TArgs extends unknown[] = []> {
+    readonly push: (callback: (...args: TArgs) => void) => () => void;
+    readonly run: (...args: TArgs) => void;
+    readonly runAndClear: (...args: TArgs) => void;
     readonly clear: () => void;
 }
-export declare function createCallbacks(): Callbacks;
+export declare function createCallbacks<TArgs extends unknown[] = []>(): Callbacks<TArgs>;

package/dist/internal/callbacks.js

@@ -2,17 +2,25 @@
 function e() {
 	let e = /* @__PURE__ */ new Set(), t = {
 		push: (t) => (e.add(t), () => e.delete(t)),
-		run: ({ clear: n = !1 } = {}) => {
-			let r = [], i = [...e];
-			for (let e of i) try {
-				e();
+		run: (...t) => {
+			let n = [], r = [...e];
+			for (let e of r) try {
+				e(...t);
 			} catch (e) {
-				r.push(e);
+				n.push(e);
 			}
-			if (n && e.clear(), r.length > 0) throw AggregateError(r);
-			return t;
+			if (n.length > 0) throw AggregateError(n);
 		},
-		clear: () => e.clear()
+		runAndClear: (...e) => {
+			try {
+				t.run(...e);
+			} finally {
+				t.clear();
+			}
+		},
+		clear: () => {
+			e.clear();
+		}
 	};
 	return t;
 }

package/dist/internal/callbacks.js.map

@@ -1 +1 @@
-{"version":3,"file":"callbacks.js","names":[],"sources":["../../src/internal/callbacks.ts"],"sourcesContent":["export interface Callbacks {\n  readonly push: (callback: () => void) => () => void;\n  readonly run: (options?: { readonly clear?: boolean }) => void;\n  readonly clear: () => void;\n}\n\nexport function createCallbacks(): Callbacks {\n  const callbacks = new Set<() => void>();\n\n  const self: Callbacks = {\n    push: (callback) => {\n      callbacks.add(callback);\n      return () => callbacks.delete(callback);\n    },\n    run: ({ clear = false } = {}) => {\n      const errors: unknown[] = [];\n      const callbacksCopy = [...callbacks];\n\n      for (const callback of callbacksCopy) {\n        try {\n          callback();\n        } catch (error: unknown) {\n          errors.push(error);\n        }\n      }\n\n      if (clear) callbacks.clear();\n      if (errors.length > 0) throw new AggregateError(errors);\n      return self;\n    },\n    clear: () => callbacks.clear(),\n  };\n\n  return self;\n}\n"],"mappings":";AAMA,SAAgB,IAA6B;CAC3C,IAAM,oBAAY,IAAI,KAAiB,EAEjC,IAAkB;EACtB,OAAO,OACL,EAAU,IAAI,EAAS,QACV,EAAU,OAAO,EAAS;EAEzC,MAAM,EAAE,WAAQ,OAAU,EAAE,KAAK;GAC/B,IAAM,IAAoB,EAAE,EACtB,IAAgB,CAAC,GAAG,EAAU;AAEpC,QAAK,IAAM,KAAY,EACrB,KAAI;AACF,OAAU;YACH,GAAgB;AACvB,MAAO,KAAK,EAAM;;AAKtB,OADI,KAAO,EAAU,OAAO,EACxB,EAAO,SAAS,EAAG,OAAU,eAAe,EAAO;AACvD,UAAO;;EAET,aAAa,EAAU,OAAO;EAC/B;AAED,QAAO"}
+{"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/context.d.ts

@@ -0,0 +1,13 @@
+import { type Callbacks } from './callbacks.ts';
+export interface Context {
+    readonly host: HTMLElement;
+    readonly onNotify: Callbacks;
+    readonly onDisconnect: Callbacks;
+    readonly notify: () => void;
+}
+export interface ContextController {
+    readonly connect: (callback: () => void) => void;
+    readonly disconnect: () => void;
+}
+export declare const contextStack: Context[];
+export declare function createContextController(host: HTMLElement): ContextController;

package/dist/internal/context.js

@@ -0,0 +1,32 @@
+import { createCallbacks as e } from "./callbacks.js";
+//#region src/internal/context.ts
+var t = [];
+function n(n) {
+	let r = !1, i = {
+		host: n,
+		onNotify: e(),
+		onDisconnect: e(),
+		notify: () => {
+			r || (r = !0, queueMicrotask(() => {
+				r = !1, i.onNotify.run();
+			}));
+		}
+	};
+	return {
+		connect: (e) => {
+			try {
+				t.push(i), e();
+			} finally {
+				t.pop();
+			}
+			i.onNotify.run();
+		},
+		disconnect: () => {
+			i.onNotify.clear(), i.onDisconnect.runAndClear();
+		}
+	};
+}
+//#endregion
+export { t as contextStack, n as createContextController };
+
+//# sourceMappingURL=context.js.map

package/dist/internal/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../src/internal/context.ts"],"sourcesContent":["import { type Callbacks, createCallbacks } from './callbacks.ts';\n\nexport interface Context {\n  readonly host: HTMLElement;\n  readonly onNotify: Callbacks;\n  readonly onDisconnect: Callbacks;\n  readonly notify: () => void;\n}\n\nexport interface ContextController {\n  readonly connect: (callback: () => void) => void;\n  readonly disconnect: () => void;\n}\n\nexport const contextStack: Context[] = [];\n\nexport function createContextController(host: HTMLElement): ContextController {\n  let notifying = false;\n\n  const context: Context = {\n    host,\n    onNotify: createCallbacks(),\n    onDisconnect: createCallbacks(),\n    notify: () => {\n      if (notifying) return;\n      notifying = true;\n\n      queueMicrotask(() => {\n        notifying = false;\n        context.onNotify.run();\n      });\n    },\n  };\n\n  return {\n    connect: (callback) => {\n      try {\n        contextStack.push(context);\n        callback();\n      } finally {\n        contextStack.pop();\n      }\n\n      context.onNotify.run();\n    },\n    disconnect: () => {\n      context.onNotify.clear();\n      context.onDisconnect.runAndClear();\n    },\n  };\n}\n"],"mappings":";;AAcA,IAAa,IAA0B,EAAE;AAEzC,SAAgB,EAAwB,GAAsC;CAC5E,IAAI,IAAY,IAEV,IAAmB;EACvB;EACA,UAAU,GAAiB;EAC3B,cAAc,GAAiB;EAC/B,cAAc;AACR,SACJ,IAAY,IAEZ,qBAAqB;AAEnB,IADA,IAAY,IACZ,EAAQ,SAAS,KAAK;KACtB;;EAEL;AAED,QAAO;EACL,UAAU,MAAa;AACrB,OAAI;AAEF,IADA,EAAa,KAAK,EAAQ,EAC1B,GAAU;aACF;AACR,MAAa,KAAK;;AAGpB,KAAQ,SAAS,KAAK;;EAExB,kBAAkB;AAEhB,GADA,EAAQ,SAAS,OAAO,EACxB,EAAQ,aAAa,aAAa;;EAErC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seahax/elemental",
-  "version": "0.2.3",
+  "version": "0.3.0",
   "description": "Functional, reactive, web component base library.",
   "repository": {
     "type": "git",
@@ -20,7 +20,7 @@
   ],
   "scripts": {
     "build": "vite build && tsc -b -f tsconfig.lib.json",
-    "prepare": "npm run build && npm test",
+    "prepublishOnly": "npm run build && npm test",
     "test": "eslint src"
   },
   "devDependencies": {

package/dist/hooks/core.d.ts

@@ -1,9 +0,0 @@
-import { type ReadonlyRef, type Ref, type RefValues } from '../component.ts';
-/** Create an observable value. */
-export declare function useRef<T>(initialValue: T, onChange?: (value: T) => void): Ref<T>;
-/** React to observable (reference) changes. */
-export declare function useEffect<const TDeps extends readonly ReadonlyRef<any>[]>(deps: TDeps, callback: (...values: RefValues<TDeps>) => (() => void) | void): void;
-/** React to child list changes (non-recursive). */
-export declare function useChildEffect(callback: () => (() => void) | void): void;
-/** Observe attribute changes. */
-export declare function useAttributes<TName extends string>(...names: TName[]): Readonly<Record<TName, Ref<string | null>>>;

package/dist/hooks/core.js

@@ -1,44 +0,0 @@
-import { createCallbacks as e } from "../internal/callbacks.js";
-import { $$renderContextStack as t } from "../internal/constants.js";
-import "../component.js";
-//#region src/hooks/core.ts
-function n(e, t) {
-	return o().useRef(e, t);
-}
-function r(t, n) {
-	let { onSetRef: r, onDisconnect: i } = o(), a = e(), s = () => a.run({ clear: !0 }), c;
-	r.push(() => {
-		let e = t.map((e) => e.value);
-		if (c?.length === e.length && c?.every((t, n) => t === e[n])) return;
-		c = e, s();
-		let r = n(...c);
-		r && a.push(() => r());
-	}), i.push(s);
-}
-function i(e) {
-	let { host: t } = o(), i = n(0), a = new MutationObserver((e) => {
-		e.some((e) => e.type === "childList") && (i.value = (i.value + 1) % (2 ** 53 - 1));
-	});
-	r([], () => (a.observe(t, { childList: !0 }), () => a.disconnect())), r([i], () => e());
-}
-function a(...e) {
-	if (e.length === 0) return {};
-	let { host: t } = o(), i = Object.fromEntries(e.map((e) => [e, n(t.getAttribute(e), (n) => {
-		n == null ? t.removeAttribute(e) : t.setAttribute(e, n);
-	})])), a = new MutationObserver((e) => {
-		for (let { attributeName: n } of e) n != null && Object.hasOwn(i, n) && (i[n].value = t.getAttribute(n));
-	});
-	return r([], () => (a.observe(t, {
-		attributeFilter: e,
-		attributes: !0
-	}), () => a.disconnect())), i;
-}
-function o() {
-	let e = window[t].at(-1);
-	if (!e) throw Error("hooks must be called inside a render function");
-	return e;
-}
-//#endregion
-export { a as useAttributes, i as useChildEffect, r as useEffect, n as useRef };
-
-//# sourceMappingURL=core.js.map

package/dist/hooks/core.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"core.js","names":[],"sources":["../../src/hooks/core.ts"],"sourcesContent":["import { type ReadonlyRef, type Ref, type RefValues } from '../component.ts';\nimport { createCallbacks } from '../internal/callbacks.ts';\nimport { $$renderContextStack } from '../internal/constants.ts';\n\n/** Create an observable value. */\nexport function useRef<T>(initialValue: T, onChange?: (value: T) => void): Ref<T> {\n  return getHookContext().useRef(initialValue, onChange);\n}\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  const { onSetRef, onDisconnect } = getHookContext();\n  const cleanupCallback = createCallbacks();\n  const cleanup = (): void => cleanupCallback.run({ clear: true });\n  let values: any[] | undefined;\n\n  onSetRef.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    const maybeCleanup = callback(...(values as any));\n    if (maybeCleanup) cleanupCallback.push(() => maybeCleanup());\n  });\n\n  onDisconnect.push(cleanup);\n}\n\n/** React to child list changes (non-recursive). */\nexport function useChildEffect(callback: () => (() => void) | void): void {\n  const { host } = getHookContext();\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\n/** Observe attribute changes. */\nexport function useAttributes<TName extends string>(...names: TName[]): Readonly<Record<TName, Ref<string | null>>> {\n  if (names.length === 0) return {} as any;\n  const { host } = getHookContext();\n\n  const refs = Object.fromEntries(\n    names.map((name) => [\n      name,\n      useRef(host.getAttribute(name), (value) => {\n        if (value == null) host.removeAttribute(name);\n        else host.setAttribute(name, value);\n      }),\n    ]),\n  );\n\n  const observer = new MutationObserver((mutation) => {\n    for (const { attributeName } of mutation) {\n      if (attributeName != null && Object.hasOwn(refs, attributeName)) {\n        refs[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 Readonly<Record<TName, Ref<string | null>>>;\n}\n\nfunction getHookContext(): (typeof window)[typeof $$renderContextStack][0] {\n  const context = window[$$renderContextStack].at(-1);\n  if (!context) throw new Error('hooks must be called inside a render function');\n  return context;\n}\n"],"mappings":";;;;AAKA,SAAgB,EAAU,GAAiB,GAAuC;AAChF,QAAO,GAAgB,CAAC,OAAO,GAAc,EAAS;;AAIxD,SAAgB,EACd,GACA,GACM;CACN,IAAM,EAAE,aAAU,oBAAiB,GAAgB,EAC7C,IAAkB,GAAiB,EACnC,UAAsB,EAAgB,IAAI,EAAE,OAAO,IAAM,CAAC,EAC5D;AAWJ,CATA,EAAS,WAAiB;EACxB,IAAM,IAAY,EAAK,KAAK,MAAQ,EAAI,MAAM;AAC9C,MAAI,GAAQ,WAAW,EAAU,UAAU,GAAQ,OAAO,GAAO,MAAM,MAAU,EAAU,GAAG,CAAE;AAEhG,EADA,IAAS,GACT,GAAS;EACT,IAAM,IAAe,EAAS,GAAI,EAAe;AACjD,EAAI,KAAc,EAAgB,WAAW,GAAc,CAAC;GAC5D,EAEF,EAAa,KAAK,EAAQ;;AAI5B,SAAgB,EAAe,GAA2C;CACxE,IAAM,EAAE,YAAS,GAAgB,EAC3B,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;;AAIJ,SAAgB,EAAoC,GAAG,GAA6D;AAClH,KAAI,EAAM,WAAW,EAAG,QAAO,EAAE;CACjC,IAAM,EAAE,YAAS,GAAgB,EAE3B,IAAO,OAAO,YAClB,EAAM,KAAK,MAAS,CAClB,GACA,EAAO,EAAK,aAAa,EAAK,GAAG,MAAU;AACzC,EAAI,KAAS,OAAM,EAAK,gBAAgB,EAAK,GACxC,EAAK,aAAa,GAAM,EAAM;GACnC,CACH,CAAC,CACH,EAEK,IAAW,IAAI,kBAAkB,MAAa;AAClD,OAAK,IAAM,EAAE,sBAAmB,EAC9B,CAAI,KAAiB,QAAQ,OAAO,OAAO,GAAM,EAAc,KAC7D,EAAK,GAAgB,QAAQ,EAAK,aAAa,EAAc;GAGjE;AAOF,QALA,EAAU,EAAE,SACV,EAAS,QAAQ,GAAM;EAAE,iBAAiB;EAAO,YAAY;EAAM,CAAC,QACvD,EAAS,YAAY,EAClC,EAEK;;AAGT,SAAS,IAAkE;CACzE,IAAM,IAAU,OAAO,GAAsB,GAAG,GAAG;AACnD,KAAI,CAAC,EAAS,OAAU,MAAM,gDAAgD;AAC9E,QAAO"}

package/dist/internal/constants.d.ts

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

package/dist/internal/constants.js

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

package/dist/internal/constants.js.map

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