mvc-kit 2.12.4 → 2.13.0

package/dist/react/use-model.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-model.cjs","sources":["../../src/react/use-model.ts"],"sourcesContent":["import { useRef, useEffect, useSyncExternalStore, useCallback } from 'react';\nimport type { Model } from '../Model';\nimport type { ValidationErrors } from '../types';\nimport type { StateOf } from './types';\nimport { isInitializable } from './guards';\n\n/** Return type of `useModel`, providing state, validation, and model access. */\nexport interface ModelHandle<S extends object, M extends Model<S>> {\n  state: S;\n  errors: ValidationErrors<S>;\n  valid: boolean;\n  dirty: boolean;\n  model: M;\n}\n\n/**\n * Bind to a component-scoped Model with validation and dirty state exposed.\n */\nexport function useModel<M extends Model<any>>(\n  factory: () => M\n): ModelHandle<StateOf<M>, M> {\n  const modelRef = useRef<M | null>(null);\n  const mountedRef = useRef(false);\n\n  if (!modelRef.current || modelRef.current.disposed) {\n    modelRef.current = factory();\n  }\n\n  const modelSubscribe = useCallback(\n    (onStoreChange: () => void) => modelRef.current!.subscribe(onStoreChange),\n    []\n  );\n  const modelSnapshot = useCallback(\n    () => modelRef.current!.state,\n    []\n  );\n  useSyncExternalStore(modelSubscribe, modelSnapshot, modelSnapshot);\n\n  useEffect(() => {\n    mountedRef.current = true;\n    if (isInitializable(modelRef.current)) {\n      modelRef.current.init();\n    }\n    return () => {\n      mountedRef.current = false;\n      setTimeout(() => {\n        if (!mountedRef.current) {\n          modelRef.current?.dispose();\n        }\n      }, 0);\n    };\n  }, []);\n\n  const model = modelRef.current;\n\n  return {\n    state: model.state,\n    errors: model.errors,\n    valid: model.valid,\n    dirty: model.dirty,\n    model,\n  };\n}\n\n/**\n * Create a component-scoped Model with lifecycle management (init + dispose)\n * but NO state subscription. The parent component never re-renders from\n * model state changes.\n *\n * Designed for the per-field isolation pattern: parent creates the model\n * via `useModelRef`, children subscribe to individual fields via `useField`.\n */\nexport function useModelRef<M extends Model<any>>(factory: () => M): M {\n  const modelRef = useRef<M | null>(null);\n  const mountedRef = useRef(false);\n\n  if (!modelRef.current || modelRef.current.disposed) {\n    modelRef.current = factory();\n  }\n\n  useEffect(() => {\n    mountedRef.current = true;\n    if (isInitializable(modelRef.current)) {\n      modelRef.current.init();\n    }\n    return () => {\n      mountedRef.current = false;\n      setTimeout(() => {\n        if (!mountedRef.current) {\n          modelRef.current?.dispose();\n        }\n      }, 0);\n    };\n  }, []);\n\n  return modelRef.current;\n}\n\n/** Return type of `useField`, providing a single field's value, error, and setter. */\nexport interface FieldHandle<V> {\n  value: V;\n  error: string | undefined;\n  set: (value: V) => void;\n}\n\n/**\n * Bind to a single Model field with surgical re-renders.\n */\nexport function useField<S extends object, K extends keyof S>(\n  model: Model<S>,\n  field: K\n): FieldHandle<S[K]> {\n  // Track the field value and error for comparison\n  const getSnapshot = useCallback(() => {\n    return {\n      value: model.state[field],\n      error: model.errors[field],\n    };\n  }, [model, field]);\n\n  // Use object comparison for subscription\n  const cachedRef = useRef(getSnapshot());\n\n  const subscribe = useCallback(\n    (onStoreChange: () => void) => {\n      return model.subscribe(() => {\n        const next = getSnapshot();\n        const current = cachedRef.current;\n\n        // Only trigger re-render if field value or error changed\n        if (next.value !== current.value || next.error !== current.error) {\n          cachedRef.current = next;\n          onStoreChange();\n        }\n      });\n    },\n    [model, getSnapshot]\n  );\n\n  const snapshot = useSyncExternalStore(\n    subscribe,\n    () => cachedRef.current,\n    () => cachedRef.current\n  );\n\n  const set = useCallback(\n    (value: S[K]) => {\n      // Access the protected set method through type assertion\n      // The Model subclass should expose a setter method\n      const partial: Partial<S> = { [field]: value } as unknown as Partial<S>;\n      (model as unknown as { set: (partial: Partial<S>) => void }).set(partial);\n    },\n    [model, field]\n  );\n\n  return {\n    value: snapshot.value,\n    error: snapshot.error,\n    set,\n  };\n}\n"],"names":["useRef","useCallback","useSyncExternalStore","useEffect","isInitializable"],"mappings":";;;;AAkBO,SAAS,SACd,SAC4B;AAC5B,QAAM,WAAWA,MAAAA,OAAiB,IAAI;AACtC,QAAM,aAAaA,MAAAA,OAAO,KAAK;AAE/B,MAAI,CAAC,SAAS,WAAW,SAAS,QAAQ,UAAU;AAClD,aAAS,UAAU,QAAA;AAAA,EACrB;AAEA,QAAM,iBAAiBC,MAAAA;AAAAA,IACrB,CAAC,kBAA8B,SAAS,QAAS,UAAU,aAAa;AAAA,IACxE,CAAA;AAAA,EAAC;AAEH,QAAM,gBAAgBA,MAAAA;AAAAA,IACpB,MAAM,SAAS,QAAS;AAAA,IACxB,CAAA;AAAA,EAAC;AAEHC,6BAAqB,gBAAgB,eAAe,aAAa;AAEjEC,QAAAA,UAAU,MAAM;AACd,eAAW,UAAU;AACrB,QAAIC,OAAAA,gBAAgB,SAAS,OAAO,GAAG;AACrC,eAAS,QAAQ,KAAA;AAAA,IACnB;AACA,WAAO,MAAM;AACX,iBAAW,UAAU;AACrB,iBAAW,MAAM;AACf,YAAI,CAAC,WAAW,SAAS;AACvB,mBAAS,SAAS,QAAA;AAAA,QACpB;AAAA,MACF,GAAG,CAAC;AAAA,IACN;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,QAAM,QAAQ,SAAS;AAEvB,SAAO;AAAA,IACL,OAAO,MAAM;AAAA,IACb,QAAQ,MAAM;AAAA,IACd,OAAO,MAAM;AAAA,IACb,OAAO,MAAM;AAAA,IACb;AAAA,EAAA;AAEJ;AAUO,SAAS,YAAkC,SAAqB;AACrE,QAAM,WAAWJ,MAAAA,OAAiB,IAAI;AACtC,QAAM,aAAaA,MAAAA,OAAO,KAAK;AAE/B,MAAI,CAAC,SAAS,WAAW,SAAS,QAAQ,UAAU;AAClD,aAAS,UAAU,QAAA;AAAA,EACrB;AAEAG,QAAAA,UAAU,MAAM;AACd,eAAW,UAAU;AACrB,QAAIC,OAAAA,gBAAgB,SAAS,OAAO,GAAG;AACrC,eAAS,QAAQ,KAAA;AAAA,IACnB;AACA,WAAO,MAAM;AACX,iBAAW,UAAU;AACrB,iBAAW,MAAM;AACf,YAAI,CAAC,WAAW,SAAS;AACvB,mBAAS,SAAS,QAAA;AAAA,QACpB;AAAA,MACF,GAAG,CAAC;AAAA,IACN;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,SAAO,SAAS;AAClB;AAYO,SAAS,SACd,OACA,OACmB;AAEnB,QAAM,cAAcH,MAAAA,YAAY,MAAM;AACpC,WAAO;AAAA,MACL,OAAO,MAAM,MAAM,KAAK;AAAA,MACxB,OAAO,MAAM,OAAO,KAAK;AAAA,IAAA;AAAA,EAE7B,GAAG,CAAC,OAAO,KAAK,CAAC;AAGjB,QAAM,YAAYD,aAAO,aAAa;AAEtC,QAAM,YAAYC,MAAAA;AAAAA,IAChB,CAAC,kBAA8B;AAC7B,aAAO,MAAM,UAAU,MAAM;AAC3B,cAAM,OAAO,YAAA;AACb,cAAM,UAAU,UAAU;AAG1B,YAAI,KAAK,UAAU,QAAQ,SAAS,KAAK,UAAU,QAAQ,OAAO;AAChE,oBAAU,UAAU;AACpB,wBAAA;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,CAAC,OAAO,WAAW;AAAA,EAAA;AAGrB,QAAM,WAAWC,MAAAA;AAAAA,IACf;AAAA,IACA,MAAM,UAAU;AAAA,IAChB,MAAM,UAAU;AAAA,EAAA;AAGlB,QAAM,MAAMD,MAAAA;AAAAA,IACV,CAAC,UAAgB;AAGf,YAAM,UAAsB,EAAE,CAAC,KAAK,GAAG,MAAA;AACtC,YAA4D,IAAI,OAAO;AAAA,IAC1E;AAAA,IACA,CAAC,OAAO,KAAK;AAAA,EAAA;AAGf,SAAO;AAAA,IACL,OAAO,SAAS;AAAA,IAChB,OAAO,SAAS;AAAA,IAChB;AAAA,EAAA;AAEJ;;;;"}
+{"version":3,"file":"use-model.cjs","names":[],"sources":["../../src/react/use-model.ts"],"sourcesContent":["import { useRef, useEffect, useSyncExternalStore, useCallback } from 'react';\nimport type { Model } from '../Model';\nimport type { ValidationErrors } from '../types';\nimport type { StateOf } from './types';\nimport { isInitializable } from './guards';\n\n/** Return type of `useModel`, providing state, validation, and model access. */\nexport interface ModelHandle<S extends object, M extends Model<S>> {\n  state: S;\n  errors: ValidationErrors<S>;\n  valid: boolean;\n  dirty: boolean;\n  model: M;\n}\n\n/**\n * Bind to a component-scoped Model with validation and dirty state exposed.\n */\nexport function useModel<M extends Model<any>>(\n  factory: () => M\n): ModelHandle<StateOf<M>, M> {\n  const modelRef = useRef<M | null>(null);\n  const mountedRef = useRef(false);\n\n  if (!modelRef.current || modelRef.current.disposed) {\n    modelRef.current = factory();\n  }\n\n  const modelSubscribe = useCallback(\n    (onStoreChange: () => void) => modelRef.current!.subscribe(onStoreChange),\n    []\n  );\n  const modelSnapshot = useCallback(\n    () => modelRef.current!.state,\n    []\n  );\n  useSyncExternalStore(modelSubscribe, modelSnapshot, modelSnapshot);\n\n  useEffect(() => {\n    mountedRef.current = true;\n    if (isInitializable(modelRef.current)) {\n      modelRef.current.init();\n    }\n    return () => {\n      mountedRef.current = false;\n      setTimeout(() => {\n        if (!mountedRef.current) {\n          modelRef.current?.dispose();\n        }\n      }, 0);\n    };\n  }, []);\n\n  const model = modelRef.current;\n\n  return {\n    state: model.state,\n    errors: model.errors,\n    valid: model.valid,\n    dirty: model.dirty,\n    model,\n  };\n}\n\n/**\n * Create a component-scoped Model with lifecycle management (init + dispose)\n * but NO state subscription. The parent component never re-renders from\n * model state changes.\n *\n * Designed for the per-field isolation pattern: parent creates the model\n * via `useModelRef`, children subscribe to individual fields via `useField`.\n */\nexport function useModelRef<M extends Model<any>>(factory: () => M): M {\n  const modelRef = useRef<M | null>(null);\n  const mountedRef = useRef(false);\n\n  if (!modelRef.current || modelRef.current.disposed) {\n    modelRef.current = factory();\n  }\n\n  useEffect(() => {\n    mountedRef.current = true;\n    if (isInitializable(modelRef.current)) {\n      modelRef.current.init();\n    }\n    return () => {\n      mountedRef.current = false;\n      setTimeout(() => {\n        if (!mountedRef.current) {\n          modelRef.current?.dispose();\n        }\n      }, 0);\n    };\n  }, []);\n\n  return modelRef.current;\n}\n\n/** Return type of `useField`, providing a single field's value, error, and setter. */\nexport interface FieldHandle<V> {\n  value: V;\n  error: string | undefined;\n  set: (value: V) => void;\n}\n\n/**\n * Bind to a single Model field with surgical re-renders.\n */\nexport function useField<S extends object, K extends keyof S>(\n  model: Model<S>,\n  field: K\n): FieldHandle<S[K]> {\n  // Track the field value and error for comparison\n  const getSnapshot = useCallback(() => {\n    return {\n      value: model.state[field],\n      error: model.errors[field],\n    };\n  }, [model, field]);\n\n  // Use object comparison for subscription\n  const cachedRef = useRef(getSnapshot());\n\n  const subscribe = useCallback(\n    (onStoreChange: () => void) => {\n      return model.subscribe(() => {\n        const next = getSnapshot();\n        const current = cachedRef.current;\n\n        // Only trigger re-render if field value or error changed\n        if (next.value !== current.value || next.error !== current.error) {\n          cachedRef.current = next;\n          onStoreChange();\n        }\n      });\n    },\n    [model, getSnapshot]\n  );\n\n  const snapshot = useSyncExternalStore(\n    subscribe,\n    () => cachedRef.current,\n    () => cachedRef.current\n  );\n\n  const set = useCallback(\n    (value: S[K]) => {\n      // Access the protected set method through type assertion\n      // The Model subclass should expose a setter method\n      const partial: Partial<S> = { [field]: value } as unknown as Partial<S>;\n      (model as unknown as { set: (partial: Partial<S>) => void }).set(partial);\n    },\n    [model, field]\n  );\n\n  return {\n    value: snapshot.value,\n    error: snapshot.error,\n    set,\n  };\n}\n"],"mappings":";;;;;;AAkBA,SAAgB,SACd,SAC4B;CAC5B,MAAM,YAAA,GAAA,MAAA,QAA4B,KAAK;CACvC,MAAM,cAAA,GAAA,MAAA,QAAoB,MAAM;AAEhC,KAAI,CAAC,SAAS,WAAW,SAAS,QAAQ,SACxC,UAAS,UAAU,SAAS;CAG9B,MAAM,kBAAA,GAAA,MAAA,cACH,kBAA8B,SAAS,QAAS,UAAU,cAAc,EACzE,EAAE,CACH;CACD,MAAM,iBAAA,GAAA,MAAA,mBACE,SAAS,QAAS,OACxB,EAAE,CACH;AACD,EAAA,GAAA,MAAA,sBAAqB,gBAAgB,eAAe,cAAc;AAElE,EAAA,GAAA,MAAA,iBAAgB;AACd,aAAW,UAAU;AACrB,MAAI,eAAA,gBAAgB,SAAS,QAAQ,CACnC,UAAS,QAAQ,MAAM;AAEzB,eAAa;AACX,cAAW,UAAU;AACrB,oBAAiB;AACf,QAAI,CAAC,WAAW,QACd,UAAS,SAAS,SAAS;MAE5B,EAAE;;IAEN,EAAE,CAAC;CAEN,MAAM,QAAQ,SAAS;AAEvB,QAAO;EACL,OAAO,MAAM;EACb,QAAQ,MAAM;EACd,OAAO,MAAM;EACb,OAAO,MAAM;EACb;EACD;;;;;;;;;;AAWH,SAAgB,YAAkC,SAAqB;CACrE,MAAM,YAAA,GAAA,MAAA,QAA4B,KAAK;CACvC,MAAM,cAAA,GAAA,MAAA,QAAoB,MAAM;AAEhC,KAAI,CAAC,SAAS,WAAW,SAAS,QAAQ,SACxC,UAAS,UAAU,SAAS;AAG9B,EAAA,GAAA,MAAA,iBAAgB;AACd,aAAW,UAAU;AACrB,MAAI,eAAA,gBAAgB,SAAS,QAAQ,CACnC,UAAS,QAAQ,MAAM;AAEzB,eAAa;AACX,cAAW,UAAU;AACrB,oBAAiB;AACf,QAAI,CAAC,WAAW,QACd,UAAS,SAAS,SAAS;MAE5B,EAAE;;IAEN,EAAE,CAAC;AAEN,QAAO,SAAS;;;;;AAalB,SAAgB,SACd,OACA,OACmB;CAEnB,MAAM,eAAA,GAAA,MAAA,mBAAgC;AACpC,SAAO;GACL,OAAO,MAAM,MAAM;GACnB,OAAO,MAAM,OAAO;GACrB;IACA,CAAC,OAAO,MAAM,CAAC;CAGlB,MAAM,aAAA,GAAA,MAAA,QAAmB,aAAa,CAAC;CAkBvC,MAAM,YAAA,GAAA,MAAA,uBAAA,GAAA,MAAA,cAfH,kBAA8B;AAC7B,SAAO,MAAM,gBAAgB;GAC3B,MAAM,OAAO,aAAa;GAC1B,MAAM,UAAU,UAAU;AAG1B,OAAI,KAAK,UAAU,QAAQ,SAAS,KAAK,UAAU,QAAQ,OAAO;AAChE,cAAU,UAAU;AACpB,mBAAe;;IAEjB;IAEJ,CAAC,OAAO,YAAY,CACrB,QAIO,UAAU,eACV,UAAU,QACjB;CAED,MAAM,OAAA,GAAA,MAAA,cACH,UAAgB;EAGf,MAAM,UAAsB,GAAG,QAAQ,OAAO;AAC7C,QAA4D,IAAI,QAAQ;IAE3E,CAAC,OAAO,MAAM,CACf;AAED,QAAO;EACL,OAAO,SAAS;EAChB,OAAO,SAAS;EAChB;EACD"}

package/dist/react/use-model.js

@@ -1,107 +1,91 @@
-import { useCallback, useRef, useSyncExternalStore, useEffect } from "react";
 import { isInitializable } from "./guards.js";
+import { useCallback, useEffect, useRef, useSyncExternalStore } from "react";
+//#region src/react/use-model.ts
+/**
+* Bind to a component-scoped Model with validation and dirty state exposed.
+*/
 function useModel(factory) {
-  const modelRef = useRef(null);
-  const mountedRef = useRef(false);
-  if (!modelRef.current || modelRef.current.disposed) {
-    modelRef.current = factory();
-  }
-  const modelSubscribe = useCallback(
-    (onStoreChange) => modelRef.current.subscribe(onStoreChange),
-    []
-  );
-  const modelSnapshot = useCallback(
-    () => modelRef.current.state,
-    []
-  );
-  useSyncExternalStore(modelSubscribe, modelSnapshot, modelSnapshot);
-  useEffect(() => {
-    mountedRef.current = true;
-    if (isInitializable(modelRef.current)) {
-      modelRef.current.init();
-    }
-    return () => {
-      mountedRef.current = false;
-      setTimeout(() => {
-        if (!mountedRef.current) {
-          modelRef.current?.dispose();
-        }
-      }, 0);
-    };
-  }, []);
-  const model = modelRef.current;
-  return {
-    state: model.state,
-    errors: model.errors,
-    valid: model.valid,
-    dirty: model.dirty,
-    model
-  };
+	const modelRef = useRef(null);
+	const mountedRef = useRef(false);
+	if (!modelRef.current || modelRef.current.disposed) modelRef.current = factory();
+	const modelSubscribe = useCallback((onStoreChange) => modelRef.current.subscribe(onStoreChange), []);
+	const modelSnapshot = useCallback(() => modelRef.current.state, []);
+	useSyncExternalStore(modelSubscribe, modelSnapshot, modelSnapshot);
+	useEffect(() => {
+		mountedRef.current = true;
+		if (isInitializable(modelRef.current)) modelRef.current.init();
+		return () => {
+			mountedRef.current = false;
+			setTimeout(() => {
+				if (!mountedRef.current) modelRef.current?.dispose();
+			}, 0);
+		};
+	}, []);
+	const model = modelRef.current;
+	return {
+		state: model.state,
+		errors: model.errors,
+		valid: model.valid,
+		dirty: model.dirty,
+		model
+	};
 }
+/**
+* Create a component-scoped Model with lifecycle management (init + dispose)
+* but NO state subscription. The parent component never re-renders from
+* model state changes.
+*
+* Designed for the per-field isolation pattern: parent creates the model
+* via `useModelRef`, children subscribe to individual fields via `useField`.
+*/
 function useModelRef(factory) {
-  const modelRef = useRef(null);
-  const mountedRef = useRef(false);
-  if (!modelRef.current || modelRef.current.disposed) {
-    modelRef.current = factory();
-  }
-  useEffect(() => {
-    mountedRef.current = true;
-    if (isInitializable(modelRef.current)) {
-      modelRef.current.init();
-    }
-    return () => {
-      mountedRef.current = false;
-      setTimeout(() => {
-        if (!mountedRef.current) {
-          modelRef.current?.dispose();
-        }
-      }, 0);
-    };
-  }, []);
-  return modelRef.current;
+	const modelRef = useRef(null);
+	const mountedRef = useRef(false);
+	if (!modelRef.current || modelRef.current.disposed) modelRef.current = factory();
+	useEffect(() => {
+		mountedRef.current = true;
+		if (isInitializable(modelRef.current)) modelRef.current.init();
+		return () => {
+			mountedRef.current = false;
+			setTimeout(() => {
+				if (!mountedRef.current) modelRef.current?.dispose();
+			}, 0);
+		};
+	}, []);
+	return modelRef.current;
 }
+/**
+* Bind to a single Model field with surgical re-renders.
+*/
 function useField(model, field) {
-  const getSnapshot = useCallback(() => {
-    return {
-      value: model.state[field],
-      error: model.errors[field]
-    };
-  }, [model, field]);
-  const cachedRef = useRef(getSnapshot());
-  const subscribe = useCallback(
-    (onStoreChange) => {
-      return model.subscribe(() => {
-        const next = getSnapshot();
-        const current = cachedRef.current;
-        if (next.value !== current.value || next.error !== current.error) {
-          cachedRef.current = next;
-          onStoreChange();
-        }
-      });
-    },
-    [model, getSnapshot]
-  );
-  const snapshot = useSyncExternalStore(
-    subscribe,
-    () => cachedRef.current,
-    () => cachedRef.current
-  );
-  const set = useCallback(
-    (value) => {
-      const partial = { [field]: value };
-      model.set(partial);
-    },
-    [model, field]
-  );
-  return {
-    value: snapshot.value,
-    error: snapshot.error,
-    set
-  };
+	const getSnapshot = useCallback(() => {
+		return {
+			value: model.state[field],
+			error: model.errors[field]
+		};
+	}, [model, field]);
+	const cachedRef = useRef(getSnapshot());
+	const snapshot = useSyncExternalStore(useCallback((onStoreChange) => {
+		return model.subscribe(() => {
+			const next = getSnapshot();
+			const current = cachedRef.current;
+			if (next.value !== current.value || next.error !== current.error) {
+				cachedRef.current = next;
+				onStoreChange();
+			}
+		});
+	}, [model, getSnapshot]), () => cachedRef.current, () => cachedRef.current);
+	const set = useCallback((value) => {
+		const partial = { [field]: value };
+		model.set(partial);
+	}, [model, field]);
+	return {
+		value: snapshot.value,
+		error: snapshot.error,
+		set
+	};
 }
-export {
-  useField,
-  useModel,
-  useModelRef
-};
-//# sourceMappingURL=use-model.js.map
+//#endregion
+export { useField, useModel, useModelRef };
+
+//# sourceMappingURL=use-model.js.map

package/dist/react/use-model.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-model.js","sources":["../../src/react/use-model.ts"],"sourcesContent":["import { useRef, useEffect, useSyncExternalStore, useCallback } from 'react';\nimport type { Model } from '../Model';\nimport type { ValidationErrors } from '../types';\nimport type { StateOf } from './types';\nimport { isInitializable } from './guards';\n\n/** Return type of `useModel`, providing state, validation, and model access. */\nexport interface ModelHandle<S extends object, M extends Model<S>> {\n  state: S;\n  errors: ValidationErrors<S>;\n  valid: boolean;\n  dirty: boolean;\n  model: M;\n}\n\n/**\n * Bind to a component-scoped Model with validation and dirty state exposed.\n */\nexport function useModel<M extends Model<any>>(\n  factory: () => M\n): ModelHandle<StateOf<M>, M> {\n  const modelRef = useRef<M | null>(null);\n  const mountedRef = useRef(false);\n\n  if (!modelRef.current || modelRef.current.disposed) {\n    modelRef.current = factory();\n  }\n\n  const modelSubscribe = useCallback(\n    (onStoreChange: () => void) => modelRef.current!.subscribe(onStoreChange),\n    []\n  );\n  const modelSnapshot = useCallback(\n    () => modelRef.current!.state,\n    []\n  );\n  useSyncExternalStore(modelSubscribe, modelSnapshot, modelSnapshot);\n\n  useEffect(() => {\n    mountedRef.current = true;\n    if (isInitializable(modelRef.current)) {\n      modelRef.current.init();\n    }\n    return () => {\n      mountedRef.current = false;\n      setTimeout(() => {\n        if (!mountedRef.current) {\n          modelRef.current?.dispose();\n        }\n      }, 0);\n    };\n  }, []);\n\n  const model = modelRef.current;\n\n  return {\n    state: model.state,\n    errors: model.errors,\n    valid: model.valid,\n    dirty: model.dirty,\n    model,\n  };\n}\n\n/**\n * Create a component-scoped Model with lifecycle management (init + dispose)\n * but NO state subscription. The parent component never re-renders from\n * model state changes.\n *\n * Designed for the per-field isolation pattern: parent creates the model\n * via `useModelRef`, children subscribe to individual fields via `useField`.\n */\nexport function useModelRef<M extends Model<any>>(factory: () => M): M {\n  const modelRef = useRef<M | null>(null);\n  const mountedRef = useRef(false);\n\n  if (!modelRef.current || modelRef.current.disposed) {\n    modelRef.current = factory();\n  }\n\n  useEffect(() => {\n    mountedRef.current = true;\n    if (isInitializable(modelRef.current)) {\n      modelRef.current.init();\n    }\n    return () => {\n      mountedRef.current = false;\n      setTimeout(() => {\n        if (!mountedRef.current) {\n          modelRef.current?.dispose();\n        }\n      }, 0);\n    };\n  }, []);\n\n  return modelRef.current;\n}\n\n/** Return type of `useField`, providing a single field's value, error, and setter. */\nexport interface FieldHandle<V> {\n  value: V;\n  error: string | undefined;\n  set: (value: V) => void;\n}\n\n/**\n * Bind to a single Model field with surgical re-renders.\n */\nexport function useField<S extends object, K extends keyof S>(\n  model: Model<S>,\n  field: K\n): FieldHandle<S[K]> {\n  // Track the field value and error for comparison\n  const getSnapshot = useCallback(() => {\n    return {\n      value: model.state[field],\n      error: model.errors[field],\n    };\n  }, [model, field]);\n\n  // Use object comparison for subscription\n  const cachedRef = useRef(getSnapshot());\n\n  const subscribe = useCallback(\n    (onStoreChange: () => void) => {\n      return model.subscribe(() => {\n        const next = getSnapshot();\n        const current = cachedRef.current;\n\n        // Only trigger re-render if field value or error changed\n        if (next.value !== current.value || next.error !== current.error) {\n          cachedRef.current = next;\n          onStoreChange();\n        }\n      });\n    },\n    [model, getSnapshot]\n  );\n\n  const snapshot = useSyncExternalStore(\n    subscribe,\n    () => cachedRef.current,\n    () => cachedRef.current\n  );\n\n  const set = useCallback(\n    (value: S[K]) => {\n      // Access the protected set method through type assertion\n      // The Model subclass should expose a setter method\n      const partial: Partial<S> = { [field]: value } as unknown as Partial<S>;\n      (model as unknown as { set: (partial: Partial<S>) => void }).set(partial);\n    },\n    [model, field]\n  );\n\n  return {\n    value: snapshot.value,\n    error: snapshot.error,\n    set,\n  };\n}\n"],"names":[],"mappings":";;AAkBO,SAAS,SACd,SAC4B;AAC5B,QAAM,WAAW,OAAiB,IAAI;AACtC,QAAM,aAAa,OAAO,KAAK;AAE/B,MAAI,CAAC,SAAS,WAAW,SAAS,QAAQ,UAAU;AAClD,aAAS,UAAU,QAAA;AAAA,EACrB;AAEA,QAAM,iBAAiB;AAAA,IACrB,CAAC,kBAA8B,SAAS,QAAS,UAAU,aAAa;AAAA,IACxE,CAAA;AAAA,EAAC;AAEH,QAAM,gBAAgB;AAAA,IACpB,MAAM,SAAS,QAAS;AAAA,IACxB,CAAA;AAAA,EAAC;AAEH,uBAAqB,gBAAgB,eAAe,aAAa;AAEjE,YAAU,MAAM;AACd,eAAW,UAAU;AACrB,QAAI,gBAAgB,SAAS,OAAO,GAAG;AACrC,eAAS,QAAQ,KAAA;AAAA,IACnB;AACA,WAAO,MAAM;AACX,iBAAW,UAAU;AACrB,iBAAW,MAAM;AACf,YAAI,CAAC,WAAW,SAAS;AACvB,mBAAS,SAAS,QAAA;AAAA,QACpB;AAAA,MACF,GAAG,CAAC;AAAA,IACN;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,QAAM,QAAQ,SAAS;AAEvB,SAAO;AAAA,IACL,OAAO,MAAM;AAAA,IACb,QAAQ,MAAM;AAAA,IACd,OAAO,MAAM;AAAA,IACb,OAAO,MAAM;AAAA,IACb;AAAA,EAAA;AAEJ;AAUO,SAAS,YAAkC,SAAqB;AACrE,QAAM,WAAW,OAAiB,IAAI;AACtC,QAAM,aAAa,OAAO,KAAK;AAE/B,MAAI,CAAC,SAAS,WAAW,SAAS,QAAQ,UAAU;AAClD,aAAS,UAAU,QAAA;AAAA,EACrB;AAEA,YAAU,MAAM;AACd,eAAW,UAAU;AACrB,QAAI,gBAAgB,SAAS,OAAO,GAAG;AACrC,eAAS,QAAQ,KAAA;AAAA,IACnB;AACA,WAAO,MAAM;AACX,iBAAW,UAAU;AACrB,iBAAW,MAAM;AACf,YAAI,CAAC,WAAW,SAAS;AACvB,mBAAS,SAAS,QAAA;AAAA,QACpB;AAAA,MACF,GAAG,CAAC;AAAA,IACN;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,SAAO,SAAS;AAClB;AAYO,SAAS,SACd,OACA,OACmB;AAEnB,QAAM,cAAc,YAAY,MAAM;AACpC,WAAO;AAAA,MACL,OAAO,MAAM,MAAM,KAAK;AAAA,MACxB,OAAO,MAAM,OAAO,KAAK;AAAA,IAAA;AAAA,EAE7B,GAAG,CAAC,OAAO,KAAK,CAAC;AAGjB,QAAM,YAAY,OAAO,aAAa;AAEtC,QAAM,YAAY;AAAA,IAChB,CAAC,kBAA8B;AAC7B,aAAO,MAAM,UAAU,MAAM;AAC3B,cAAM,OAAO,YAAA;AACb,cAAM,UAAU,UAAU;AAG1B,YAAI,KAAK,UAAU,QAAQ,SAAS,KAAK,UAAU,QAAQ,OAAO;AAChE,oBAAU,UAAU;AACpB,wBAAA;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,CAAC,OAAO,WAAW;AAAA,EAAA;AAGrB,QAAM,WAAW;AAAA,IACf;AAAA,IACA,MAAM,UAAU;AAAA,IAChB,MAAM,UAAU;AAAA,EAAA;AAGlB,QAAM,MAAM;AAAA,IACV,CAAC,UAAgB;AAGf,YAAM,UAAsB,EAAE,CAAC,KAAK,GAAG,MAAA;AACtC,YAA4D,IAAI,OAAO;AAAA,IAC1E;AAAA,IACA,CAAC,OAAO,KAAK;AAAA,EAAA;AAGf,SAAO;AAAA,IACL,OAAO,SAAS;AAAA,IAChB,OAAO,SAAS;AAAA,IAChB;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"use-model.js","names":[],"sources":["../../src/react/use-model.ts"],"sourcesContent":["import { useRef, useEffect, useSyncExternalStore, useCallback } from 'react';\nimport type { Model } from '../Model';\nimport type { ValidationErrors } from '../types';\nimport type { StateOf } from './types';\nimport { isInitializable } from './guards';\n\n/** Return type of `useModel`, providing state, validation, and model access. */\nexport interface ModelHandle<S extends object, M extends Model<S>> {\n  state: S;\n  errors: ValidationErrors<S>;\n  valid: boolean;\n  dirty: boolean;\n  model: M;\n}\n\n/**\n * Bind to a component-scoped Model with validation and dirty state exposed.\n */\nexport function useModel<M extends Model<any>>(\n  factory: () => M\n): ModelHandle<StateOf<M>, M> {\n  const modelRef = useRef<M | null>(null);\n  const mountedRef = useRef(false);\n\n  if (!modelRef.current || modelRef.current.disposed) {\n    modelRef.current = factory();\n  }\n\n  const modelSubscribe = useCallback(\n    (onStoreChange: () => void) => modelRef.current!.subscribe(onStoreChange),\n    []\n  );\n  const modelSnapshot = useCallback(\n    () => modelRef.current!.state,\n    []\n  );\n  useSyncExternalStore(modelSubscribe, modelSnapshot, modelSnapshot);\n\n  useEffect(() => {\n    mountedRef.current = true;\n    if (isInitializable(modelRef.current)) {\n      modelRef.current.init();\n    }\n    return () => {\n      mountedRef.current = false;\n      setTimeout(() => {\n        if (!mountedRef.current) {\n          modelRef.current?.dispose();\n        }\n      }, 0);\n    };\n  }, []);\n\n  const model = modelRef.current;\n\n  return {\n    state: model.state,\n    errors: model.errors,\n    valid: model.valid,\n    dirty: model.dirty,\n    model,\n  };\n}\n\n/**\n * Create a component-scoped Model with lifecycle management (init + dispose)\n * but NO state subscription. The parent component never re-renders from\n * model state changes.\n *\n * Designed for the per-field isolation pattern: parent creates the model\n * via `useModelRef`, children subscribe to individual fields via `useField`.\n */\nexport function useModelRef<M extends Model<any>>(factory: () => M): M {\n  const modelRef = useRef<M | null>(null);\n  const mountedRef = useRef(false);\n\n  if (!modelRef.current || modelRef.current.disposed) {\n    modelRef.current = factory();\n  }\n\n  useEffect(() => {\n    mountedRef.current = true;\n    if (isInitializable(modelRef.current)) {\n      modelRef.current.init();\n    }\n    return () => {\n      mountedRef.current = false;\n      setTimeout(() => {\n        if (!mountedRef.current) {\n          modelRef.current?.dispose();\n        }\n      }, 0);\n    };\n  }, []);\n\n  return modelRef.current;\n}\n\n/** Return type of `useField`, providing a single field's value, error, and setter. */\nexport interface FieldHandle<V> {\n  value: V;\n  error: string | undefined;\n  set: (value: V) => void;\n}\n\n/**\n * Bind to a single Model field with surgical re-renders.\n */\nexport function useField<S extends object, K extends keyof S>(\n  model: Model<S>,\n  field: K\n): FieldHandle<S[K]> {\n  // Track the field value and error for comparison\n  const getSnapshot = useCallback(() => {\n    return {\n      value: model.state[field],\n      error: model.errors[field],\n    };\n  }, [model, field]);\n\n  // Use object comparison for subscription\n  const cachedRef = useRef(getSnapshot());\n\n  const subscribe = useCallback(\n    (onStoreChange: () => void) => {\n      return model.subscribe(() => {\n        const next = getSnapshot();\n        const current = cachedRef.current;\n\n        // Only trigger re-render if field value or error changed\n        if (next.value !== current.value || next.error !== current.error) {\n          cachedRef.current = next;\n          onStoreChange();\n        }\n      });\n    },\n    [model, getSnapshot]\n  );\n\n  const snapshot = useSyncExternalStore(\n    subscribe,\n    () => cachedRef.current,\n    () => cachedRef.current\n  );\n\n  const set = useCallback(\n    (value: S[K]) => {\n      // Access the protected set method through type assertion\n      // The Model subclass should expose a setter method\n      const partial: Partial<S> = { [field]: value } as unknown as Partial<S>;\n      (model as unknown as { set: (partial: Partial<S>) => void }).set(partial);\n    },\n    [model, field]\n  );\n\n  return {\n    value: snapshot.value,\n    error: snapshot.error,\n    set,\n  };\n}\n"],"mappings":";;;;;;AAkBA,SAAgB,SACd,SAC4B;CAC5B,MAAM,WAAW,OAAiB,KAAK;CACvC,MAAM,aAAa,OAAO,MAAM;AAEhC,KAAI,CAAC,SAAS,WAAW,SAAS,QAAQ,SACxC,UAAS,UAAU,SAAS;CAG9B,MAAM,iBAAiB,aACpB,kBAA8B,SAAS,QAAS,UAAU,cAAc,EACzE,EAAE,CACH;CACD,MAAM,gBAAgB,kBACd,SAAS,QAAS,OACxB,EAAE,CACH;AACD,sBAAqB,gBAAgB,eAAe,cAAc;AAElE,iBAAgB;AACd,aAAW,UAAU;AACrB,MAAI,gBAAgB,SAAS,QAAQ,CACnC,UAAS,QAAQ,MAAM;AAEzB,eAAa;AACX,cAAW,UAAU;AACrB,oBAAiB;AACf,QAAI,CAAC,WAAW,QACd,UAAS,SAAS,SAAS;MAE5B,EAAE;;IAEN,EAAE,CAAC;CAEN,MAAM,QAAQ,SAAS;AAEvB,QAAO;EACL,OAAO,MAAM;EACb,QAAQ,MAAM;EACd,OAAO,MAAM;EACb,OAAO,MAAM;EACb;EACD;;;;;;;;;;AAWH,SAAgB,YAAkC,SAAqB;CACrE,MAAM,WAAW,OAAiB,KAAK;CACvC,MAAM,aAAa,OAAO,MAAM;AAEhC,KAAI,CAAC,SAAS,WAAW,SAAS,QAAQ,SACxC,UAAS,UAAU,SAAS;AAG9B,iBAAgB;AACd,aAAW,UAAU;AACrB,MAAI,gBAAgB,SAAS,QAAQ,CACnC,UAAS,QAAQ,MAAM;AAEzB,eAAa;AACX,cAAW,UAAU;AACrB,oBAAiB;AACf,QAAI,CAAC,WAAW,QACd,UAAS,SAAS,SAAS;MAE5B,EAAE;;IAEN,EAAE,CAAC;AAEN,QAAO,SAAS;;;;;AAalB,SAAgB,SACd,OACA,OACmB;CAEnB,MAAM,cAAc,kBAAkB;AACpC,SAAO;GACL,OAAO,MAAM,MAAM;GACnB,OAAO,MAAM,OAAO;GACrB;IACA,CAAC,OAAO,MAAM,CAAC;CAGlB,MAAM,YAAY,OAAO,aAAa,CAAC;CAkBvC,MAAM,WAAW,qBAhBC,aACf,kBAA8B;AAC7B,SAAO,MAAM,gBAAgB;GAC3B,MAAM,OAAO,aAAa;GAC1B,MAAM,UAAU,UAAU;AAG1B,OAAI,KAAK,UAAU,QAAQ,SAAS,KAAK,UAAU,QAAQ,OAAO;AAChE,cAAU,UAAU;AACpB,mBAAe;;IAEjB;IAEJ,CAAC,OAAO,YAAY,CACrB,QAIO,UAAU,eACV,UAAU,QACjB;CAED,MAAM,MAAM,aACT,UAAgB;EAGf,MAAM,UAAsB,GAAG,QAAQ,OAAO;AAC7C,QAA4D,IAAI,QAAQ;IAE3E,CAAC,OAAO,MAAM,CACf;AAED,QAAO;EACL,OAAO,SAAS;EAChB,OAAO,SAAS;EAChB;EACD"}

package/dist/react/use-singleton.cjs

@@ -1,26 +1,22 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const singleton = require("../singleton.cjs");
-const useInstance = require("./use-instance.cjs");
-const guards = require("./guards.cjs");
-const useSubscribeOnly = require("./use-subscribe-only.cjs");
+const require_singleton = require("../singleton.cjs");
+const require_use_instance = require("./use-instance.cjs");
+const require_guards = require("./guards.cjs");
+const require_use_subscribe_only = require("./use-subscribe-only.cjs");
+let react = require("react");
+//#region src/react/use-singleton.ts
 function useSingleton(Class, ...args) {
-  const instance = singleton.singleton(Class, ...args);
-  react.useEffect(() => {
-    if (guards.isInitializable(instance)) {
-      instance.init();
-    }
-  }, [instance]);
-  if (guards.isSubscribable(instance)) {
-    const state = useInstance.useInstance(instance);
-    return [state, instance];
-  }
-  if (guards.isSubscribeOnly(instance)) {
-    useSubscribeOnly.useSubscribeOnly(instance);
-    return instance;
-  }
-  return instance;
+	const instance = require_singleton.singleton(Class, ...args);
+	(0, react.useEffect)(() => {
+		if (require_guards.isInitializable(instance)) instance.init();
+	}, [instance]);
+	if (require_guards.isSubscribable(instance)) return [require_use_instance.useInstance(instance), instance];
+	if (require_guards.isSubscribeOnly(instance)) {
+		require_use_subscribe_only.useSubscribeOnly(instance);
+		return instance;
+	}
+	return instance;
 }
+//#endregion
 exports.useSingleton = useSingleton;
-//# sourceMappingURL=use-singleton.cjs.map
+
+//# sourceMappingURL=use-singleton.cjs.map

package/dist/react/use-singleton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-singleton.cjs","sources":["../../src/react/use-singleton.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport type { Subscribable, Disposable } from '../types';\nimport { singleton } from '../singleton';\nimport { useInstance } from './use-instance';\nimport { isSubscribable, isSubscribeOnly, isInitializable } from './guards';\nimport { useSubscribeOnly } from './use-subscribe-only';\nimport type { StateOf } from './types';\n\n/**\n * Get singleton Subscribable with DEFAULT_STATE — no constructor args needed.\n */\nexport function useSingleton<\n  T extends Subscribable<S> & Disposable, S = StateOf<T>,\n>(Class: (new (...args: any[]) => T) & { DEFAULT_STATE: unknown }): [S, T];\n\n/**\n * Get singleton Disposable with DEFAULT_STATE — no constructor args needed.\n */\nexport function useSingleton<T extends Disposable>(\n  Class: (new (...args: any[]) => T) & { DEFAULT_STATE: unknown },\n): T;\n\n/**\n * Get singleton Subscribable instance and subscribe to its state.\n * Returns [state, instance] tuple.\n */\nexport function useSingleton<\n  T extends Subscribable<S> & Disposable,\n  S = StateOf<T>,\n  Args extends unknown[] = unknown[]\n>(\n  Class: new (...args: Args) => T,\n  ...args: Args\n): [S, T];\n\n/**\n * Get singleton Disposable instance (non-Subscribable).\n * Returns the instance directly.\n */\nexport function useSingleton<T extends Disposable, Args extends unknown[] = unknown[]>(\n  Class: new (...args: Args) => T,\n  ...args: Args\n): T;\n\n// Implementation\nexport function useSingleton<T extends Disposable, S = StateOf<T>, Args extends unknown[] = unknown[]>(\n  Class: new (...args: Args) => T,\n  ...args: Args\n): [S, T] | T {\n  const instance = singleton(Class, ...args);\n\n  useEffect(() => {\n    if (isInitializable(instance)) {\n      instance.init();\n    }\n  }, [instance]);\n\n  if (isSubscribable(instance)) {\n    const state = useInstance(instance) as S;\n    return [state, instance];\n  }\n\n  if (isSubscribeOnly(instance)) {\n    useSubscribeOnly(instance);\n    return instance;\n  }\n\n  return instance;\n}\n"],"names":["singleton","useEffect","isInitializable","isSubscribable","useInstance","isSubscribeOnly","useSubscribeOnly"],"mappings":";;;;;;;AA6CO,SAAS,aACd,UACG,MACS;AACZ,QAAM,WAAWA,UAAAA,UAAU,OAAO,GAAG,IAAI;AAEzCC,QAAAA,UAAU,MAAM;AACd,QAAIC,OAAAA,gBAAgB,QAAQ,GAAG;AAC7B,eAAS,KAAA;AAAA,IACX;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,MAAIC,OAAAA,eAAe,QAAQ,GAAG;AAC5B,UAAM,QAAQC,YAAAA,YAAY,QAAQ;AAClC,WAAO,CAAC,OAAO,QAAQ;AAAA,EACzB;AAEA,MAAIC,OAAAA,gBAAgB,QAAQ,GAAG;AAC7BC,qBAAAA,iBAAiB,QAAQ;AACzB,WAAO;AAAA,EACT;AAEA,SAAO;AACT;;"}
+{"version":3,"file":"use-singleton.cjs","names":[],"sources":["../../src/react/use-singleton.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport type { Subscribable, Disposable } from '../types';\nimport { singleton } from '../singleton';\nimport { useInstance } from './use-instance';\nimport { isSubscribable, isSubscribeOnly, isInitializable } from './guards';\nimport { useSubscribeOnly } from './use-subscribe-only';\nimport type { StateOf } from './types';\n\n/**\n * Get singleton Subscribable with DEFAULT_STATE — no constructor args needed.\n */\nexport function useSingleton<\n  T extends Subscribable<S> & Disposable, S = StateOf<T>,\n>(Class: (new (...args: any[]) => T) & { DEFAULT_STATE: unknown }): [S, T];\n\n/**\n * Get singleton Disposable with DEFAULT_STATE — no constructor args needed.\n */\nexport function useSingleton<T extends Disposable>(\n  Class: (new (...args: any[]) => T) & { DEFAULT_STATE: unknown },\n): T;\n\n/**\n * Get singleton Subscribable instance and subscribe to its state.\n * Returns [state, instance] tuple.\n */\nexport function useSingleton<\n  T extends Subscribable<S> & Disposable,\n  S = StateOf<T>,\n  Args extends unknown[] = unknown[]\n>(\n  Class: new (...args: Args) => T,\n  ...args: Args\n): [S, T];\n\n/**\n * Get singleton Disposable instance (non-Subscribable).\n * Returns the instance directly.\n */\nexport function useSingleton<T extends Disposable, Args extends unknown[] = unknown[]>(\n  Class: new (...args: Args) => T,\n  ...args: Args\n): T;\n\n// Implementation\nexport function useSingleton<T extends Disposable, S = StateOf<T>, Args extends unknown[] = unknown[]>(\n  Class: new (...args: Args) => T,\n  ...args: Args\n): [S, T] | T {\n  const instance = singleton(Class, ...args);\n\n  useEffect(() => {\n    if (isInitializable(instance)) {\n      instance.init();\n    }\n  }, [instance]);\n\n  if (isSubscribable(instance)) {\n    const state = useInstance(instance) as S;\n    return [state, instance];\n  }\n\n  if (isSubscribeOnly(instance)) {\n    useSubscribeOnly(instance);\n    return instance;\n  }\n\n  return instance;\n}\n"],"mappings":";;;;;;AA6CA,SAAgB,aACd,OACA,GAAG,MACS;CACZ,MAAM,WAAW,kBAAA,UAAU,OAAO,GAAG,KAAK;AAE1C,EAAA,GAAA,MAAA,iBAAgB;AACd,MAAI,eAAA,gBAAgB,SAAS,CAC3B,UAAS,MAAM;IAEhB,CAAC,SAAS,CAAC;AAEd,KAAI,eAAA,eAAe,SAAS,CAE1B,QAAO,CADO,qBAAA,YAAY,SAAS,EACpB,SAAS;AAG1B,KAAI,eAAA,gBAAgB,SAAS,EAAE;AAC7B,6BAAA,iBAAiB,SAAS;AAC1B,SAAO;;AAGT,QAAO"}

package/dist/react/use-singleton.js

@@ -1,26 +1,22 @@
-import { useEffect } from "react";
 import { singleton } from "../singleton.js";
 import { useInstance } from "./use-instance.js";
 import { isInitializable, isSubscribable, isSubscribeOnly } from "./guards.js";
 import { useSubscribeOnly } from "./use-subscribe-only.js";
+import { useEffect } from "react";
+//#region src/react/use-singleton.ts
 function useSingleton(Class, ...args) {
-  const instance = singleton(Class, ...args);
-  useEffect(() => {
-    if (isInitializable(instance)) {
-      instance.init();
-    }
-  }, [instance]);
-  if (isSubscribable(instance)) {
-    const state = useInstance(instance);
-    return [state, instance];
-  }
-  if (isSubscribeOnly(instance)) {
-    useSubscribeOnly(instance);
-    return instance;
-  }
-  return instance;
+	const instance = singleton(Class, ...args);
+	useEffect(() => {
+		if (isInitializable(instance)) instance.init();
+	}, [instance]);
+	if (isSubscribable(instance)) return [useInstance(instance), instance];
+	if (isSubscribeOnly(instance)) {
+		useSubscribeOnly(instance);
+		return instance;
+	}
+	return instance;
 }
-export {
-  useSingleton
-};
-//# sourceMappingURL=use-singleton.js.map
+//#endregion
+export { useSingleton };
+
+//# sourceMappingURL=use-singleton.js.map

package/dist/react/use-singleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-singleton.js","sources":["../../src/react/use-singleton.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport type { Subscribable, Disposable } from '../types';\nimport { singleton } from '../singleton';\nimport { useInstance } from './use-instance';\nimport { isSubscribable, isSubscribeOnly, isInitializable } from './guards';\nimport { useSubscribeOnly } from './use-subscribe-only';\nimport type { StateOf } from './types';\n\n/**\n * Get singleton Subscribable with DEFAULT_STATE — no constructor args needed.\n */\nexport function useSingleton<\n  T extends Subscribable<S> & Disposable, S = StateOf<T>,\n>(Class: (new (...args: any[]) => T) & { DEFAULT_STATE: unknown }): [S, T];\n\n/**\n * Get singleton Disposable with DEFAULT_STATE — no constructor args needed.\n */\nexport function useSingleton<T extends Disposable>(\n  Class: (new (...args: any[]) => T) & { DEFAULT_STATE: unknown },\n): T;\n\n/**\n * Get singleton Subscribable instance and subscribe to its state.\n * Returns [state, instance] tuple.\n */\nexport function useSingleton<\n  T extends Subscribable<S> & Disposable,\n  S = StateOf<T>,\n  Args extends unknown[] = unknown[]\n>(\n  Class: new (...args: Args) => T,\n  ...args: Args\n): [S, T];\n\n/**\n * Get singleton Disposable instance (non-Subscribable).\n * Returns the instance directly.\n */\nexport function useSingleton<T extends Disposable, Args extends unknown[] = unknown[]>(\n  Class: new (...args: Args) => T,\n  ...args: Args\n): T;\n\n// Implementation\nexport function useSingleton<T extends Disposable, S = StateOf<T>, Args extends unknown[] = unknown[]>(\n  Class: new (...args: Args) => T,\n  ...args: Args\n): [S, T] | T {\n  const instance = singleton(Class, ...args);\n\n  useEffect(() => {\n    if (isInitializable(instance)) {\n      instance.init();\n    }\n  }, [instance]);\n\n  if (isSubscribable(instance)) {\n    const state = useInstance(instance) as S;\n    return [state, instance];\n  }\n\n  if (isSubscribeOnly(instance)) {\n    useSubscribeOnly(instance);\n    return instance;\n  }\n\n  return instance;\n}\n"],"names":[],"mappings":";;;;;AA6CO,SAAS,aACd,UACG,MACS;AACZ,QAAM,WAAW,UAAU,OAAO,GAAG,IAAI;AAEzC,YAAU,MAAM;AACd,QAAI,gBAAgB,QAAQ,GAAG;AAC7B,eAAS,KAAA;AAAA,IACX;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,MAAI,eAAe,QAAQ,GAAG;AAC5B,UAAM,QAAQ,YAAY,QAAQ;AAClC,WAAO,CAAC,OAAO,QAAQ;AAAA,EACzB;AAEA,MAAI,gBAAgB,QAAQ,GAAG;AAC7B,qBAAiB,QAAQ;AACzB,WAAO;AAAA,EACT;AAEA,SAAO;AACT;"}
+{"version":3,"file":"use-singleton.js","names":[],"sources":["../../src/react/use-singleton.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport type { Subscribable, Disposable } from '../types';\nimport { singleton } from '../singleton';\nimport { useInstance } from './use-instance';\nimport { isSubscribable, isSubscribeOnly, isInitializable } from './guards';\nimport { useSubscribeOnly } from './use-subscribe-only';\nimport type { StateOf } from './types';\n\n/**\n * Get singleton Subscribable with DEFAULT_STATE — no constructor args needed.\n */\nexport function useSingleton<\n  T extends Subscribable<S> & Disposable, S = StateOf<T>,\n>(Class: (new (...args: any[]) => T) & { DEFAULT_STATE: unknown }): [S, T];\n\n/**\n * Get singleton Disposable with DEFAULT_STATE — no constructor args needed.\n */\nexport function useSingleton<T extends Disposable>(\n  Class: (new (...args: any[]) => T) & { DEFAULT_STATE: unknown },\n): T;\n\n/**\n * Get singleton Subscribable instance and subscribe to its state.\n * Returns [state, instance] tuple.\n */\nexport function useSingleton<\n  T extends Subscribable<S> & Disposable,\n  S = StateOf<T>,\n  Args extends unknown[] = unknown[]\n>(\n  Class: new (...args: Args) => T,\n  ...args: Args\n): [S, T];\n\n/**\n * Get singleton Disposable instance (non-Subscribable).\n * Returns the instance directly.\n */\nexport function useSingleton<T extends Disposable, Args extends unknown[] = unknown[]>(\n  Class: new (...args: Args) => T,\n  ...args: Args\n): T;\n\n// Implementation\nexport function useSingleton<T extends Disposable, S = StateOf<T>, Args extends unknown[] = unknown[]>(\n  Class: new (...args: Args) => T,\n  ...args: Args\n): [S, T] | T {\n  const instance = singleton(Class, ...args);\n\n  useEffect(() => {\n    if (isInitializable(instance)) {\n      instance.init();\n    }\n  }, [instance]);\n\n  if (isSubscribable(instance)) {\n    const state = useInstance(instance) as S;\n    return [state, instance];\n  }\n\n  if (isSubscribeOnly(instance)) {\n    useSubscribeOnly(instance);\n    return instance;\n  }\n\n  return instance;\n}\n"],"mappings":";;;;;;AA6CA,SAAgB,aACd,OACA,GAAG,MACS;CACZ,MAAM,WAAW,UAAU,OAAO,GAAG,KAAK;AAE1C,iBAAgB;AACd,MAAI,gBAAgB,SAAS,CAC3B,UAAS,MAAM;IAEhB,CAAC,SAAS,CAAC;AAEd,KAAI,eAAe,SAAS,CAE1B,QAAO,CADO,YAAY,SAAS,EACpB,SAAS;AAG1B,KAAI,gBAAgB,SAAS,EAAE;AAC7B,mBAAiB,SAAS;AAC1B,SAAO;;AAGT,QAAO"}

package/dist/react/use-subscribe-only.cjs

@@ -1,25 +1,31 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const SERVER_SNAPSHOT = () => 0;
+let react = require("react");
+//#region src/react/use-subscribe-only.ts
+var SERVER_SNAPSHOT = () => 0;
+/**
+* Subscribe to a notification-only object (has subscribe() but no state).
+* Triggers React re-renders via version counter when the target notifies.
+* @internal
+*/
 function useSubscribeOnly(target) {
-  const ref = react.useRef(null);
-  if (!ref.current || ref.current.target !== target) {
-    const version = { current: ref.current?.version ?? 0 };
-    ref.current = {
-      target,
-      version: version.current,
-      subscribe: (onStoreChange) => {
-        return target.subscribe(() => {
-          version.current++;
-          ref.current.version = version.current;
-          onStoreChange();
-        });
-      },
-      getSnapshot: () => version.current
-    };
-  }
-  react.useSyncExternalStore(ref.current.subscribe, ref.current.getSnapshot, SERVER_SNAPSHOT);
+	const ref = (0, react.useRef)(null);
+	if (!ref.current || ref.current.target !== target) {
+		const version = { current: ref.current?.version ?? 0 };
+		ref.current = {
+			target,
+			version: version.current,
+			subscribe: (onStoreChange) => {
+				return target.subscribe(() => {
+					version.current++;
+					ref.current.version = version.current;
+					onStoreChange();
+				});
+			},
+			getSnapshot: () => version.current
+		};
+	}
+	(0, react.useSyncExternalStore)(ref.current.subscribe, ref.current.getSnapshot, SERVER_SNAPSHOT);
 }
+//#endregion
 exports.useSubscribeOnly = useSubscribeOnly;
-//# sourceMappingURL=use-subscribe-only.cjs.map
+
+//# sourceMappingURL=use-subscribe-only.cjs.map

package/dist/react/use-subscribe-only.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-subscribe-only.cjs","sources":["../../src/react/use-subscribe-only.ts"],"sourcesContent":["import { useSyncExternalStore, useRef } from 'react';\n\ninterface SubscribeOnlyRef {\n  target: { subscribe(cb: () => void): () => void };\n  version: number;\n  subscribe: (onStoreChange: () => void) => () => void;\n  getSnapshot: () => number;\n}\n\nconst SERVER_SNAPSHOT = () => 0;\n\n/**\n * Subscribe to a notification-only object (has subscribe() but no state).\n * Triggers React re-renders via version counter when the target notifies.\n * @internal\n */\nexport function useSubscribeOnly(\n  target: { subscribe(cb: () => void): () => void },\n): void {\n  const ref = useRef<SubscribeOnlyRef | null>(null);\n\n  if (!ref.current || ref.current.target !== target) {\n    const version = { current: ref.current?.version ?? 0 };\n    ref.current = {\n      target,\n      version: version.current,\n      subscribe: (onStoreChange: () => void) => {\n        return target.subscribe(() => {\n          version.current++;\n          ref.current!.version = version.current;\n          onStoreChange();\n        });\n      },\n      getSnapshot: () => version.current,\n    };\n  }\n\n  useSyncExternalStore(ref.current.subscribe, ref.current.getSnapshot, SERVER_SNAPSHOT);\n}\n"],"names":["useRef","useSyncExternalStore"],"mappings":";;;AASA,MAAM,kBAAkB,MAAM;AAOvB,SAAS,iBACd,QACM;AACN,QAAM,MAAMA,MAAAA,OAAgC,IAAI;AAEhD,MAAI,CAAC,IAAI,WAAW,IAAI,QAAQ,WAAW,QAAQ;AACjD,UAAM,UAAU,EAAE,SAAS,IAAI,SAAS,WAAW,EAAA;AACnD,QAAI,UAAU;AAAA,MACZ;AAAA,MACA,SAAS,QAAQ;AAAA,MACjB,WAAW,CAAC,kBAA8B;AACxC,eAAO,OAAO,UAAU,MAAM;AAC5B,kBAAQ;AACR,cAAI,QAAS,UAAU,QAAQ;AAC/B,wBAAA;AAAA,QACF,CAAC;AAAA,MACH;AAAA,MACA,aAAa,MAAM,QAAQ;AAAA,IAAA;AAAA,EAE/B;AAEAC,QAAAA,qBAAqB,IAAI,QAAQ,WAAW,IAAI,QAAQ,aAAa,eAAe;AACtF;;"}
+{"version":3,"file":"use-subscribe-only.cjs","names":[],"sources":["../../src/react/use-subscribe-only.ts"],"sourcesContent":["import { useSyncExternalStore, useRef } from 'react';\n\ninterface SubscribeOnlyRef {\n  target: { subscribe(cb: () => void): () => void };\n  version: number;\n  subscribe: (onStoreChange: () => void) => () => void;\n  getSnapshot: () => number;\n}\n\nconst SERVER_SNAPSHOT = () => 0;\n\n/**\n * Subscribe to a notification-only object (has subscribe() but no state).\n * Triggers React re-renders via version counter when the target notifies.\n * @internal\n */\nexport function useSubscribeOnly(\n  target: { subscribe(cb: () => void): () => void },\n): void {\n  const ref = useRef<SubscribeOnlyRef | null>(null);\n\n  if (!ref.current || ref.current.target !== target) {\n    const version = { current: ref.current?.version ?? 0 };\n    ref.current = {\n      target,\n      version: version.current,\n      subscribe: (onStoreChange: () => void) => {\n        return target.subscribe(() => {\n          version.current++;\n          ref.current!.version = version.current;\n          onStoreChange();\n        });\n      },\n      getSnapshot: () => version.current,\n    };\n  }\n\n  useSyncExternalStore(ref.current.subscribe, ref.current.getSnapshot, SERVER_SNAPSHOT);\n}\n"],"mappings":";;AASA,IAAM,wBAAwB;;;;;;AAO9B,SAAgB,iBACd,QACM;CACN,MAAM,OAAA,GAAA,MAAA,QAAsC,KAAK;AAEjD,KAAI,CAAC,IAAI,WAAW,IAAI,QAAQ,WAAW,QAAQ;EACjD,MAAM,UAAU,EAAE,SAAS,IAAI,SAAS,WAAW,GAAG;AACtD,MAAI,UAAU;GACZ;GACA,SAAS,QAAQ;GACjB,YAAY,kBAA8B;AACxC,WAAO,OAAO,gBAAgB;AAC5B,aAAQ;AACR,SAAI,QAAS,UAAU,QAAQ;AAC/B,oBAAe;MACf;;GAEJ,mBAAmB,QAAQ;GAC5B;;AAGH,EAAA,GAAA,MAAA,sBAAqB,IAAI,QAAQ,WAAW,IAAI,QAAQ,aAAa,gBAAgB"}

package/dist/react/use-subscribe-only.js

@@ -1,25 +1,31 @@
 import { useRef, useSyncExternalStore } from "react";
-const SERVER_SNAPSHOT = () => 0;
+//#region src/react/use-subscribe-only.ts
+var SERVER_SNAPSHOT = () => 0;
+/**
+* Subscribe to a notification-only object (has subscribe() but no state).
+* Triggers React re-renders via version counter when the target notifies.
+* @internal
+*/
 function useSubscribeOnly(target) {
-  const ref = useRef(null);
-  if (!ref.current || ref.current.target !== target) {
-    const version = { current: ref.current?.version ?? 0 };
-    ref.current = {
-      target,
-      version: version.current,
-      subscribe: (onStoreChange) => {
-        return target.subscribe(() => {
-          version.current++;
-          ref.current.version = version.current;
-          onStoreChange();
-        });
-      },
-      getSnapshot: () => version.current
-    };
-  }
-  useSyncExternalStore(ref.current.subscribe, ref.current.getSnapshot, SERVER_SNAPSHOT);
+	const ref = useRef(null);
+	if (!ref.current || ref.current.target !== target) {
+		const version = { current: ref.current?.version ?? 0 };
+		ref.current = {
+			target,
+			version: version.current,
+			subscribe: (onStoreChange) => {
+				return target.subscribe(() => {
+					version.current++;
+					ref.current.version = version.current;
+					onStoreChange();
+				});
+			},
+			getSnapshot: () => version.current
+		};
+	}
+	useSyncExternalStore(ref.current.subscribe, ref.current.getSnapshot, SERVER_SNAPSHOT);
 }
-export {
-  useSubscribeOnly
-};
-//# sourceMappingURL=use-subscribe-only.js.map
+//#endregion
+export { useSubscribeOnly };
+
+//# sourceMappingURL=use-subscribe-only.js.map

package/dist/react/use-subscribe-only.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-subscribe-only.js","sources":["../../src/react/use-subscribe-only.ts"],"sourcesContent":["import { useSyncExternalStore, useRef } from 'react';\n\ninterface SubscribeOnlyRef {\n  target: { subscribe(cb: () => void): () => void };\n  version: number;\n  subscribe: (onStoreChange: () => void) => () => void;\n  getSnapshot: () => number;\n}\n\nconst SERVER_SNAPSHOT = () => 0;\n\n/**\n * Subscribe to a notification-only object (has subscribe() but no state).\n * Triggers React re-renders via version counter when the target notifies.\n * @internal\n */\nexport function useSubscribeOnly(\n  target: { subscribe(cb: () => void): () => void },\n): void {\n  const ref = useRef<SubscribeOnlyRef | null>(null);\n\n  if (!ref.current || ref.current.target !== target) {\n    const version = { current: ref.current?.version ?? 0 };\n    ref.current = {\n      target,\n      version: version.current,\n      subscribe: (onStoreChange: () => void) => {\n        return target.subscribe(() => {\n          version.current++;\n          ref.current!.version = version.current;\n          onStoreChange();\n        });\n      },\n      getSnapshot: () => version.current,\n    };\n  }\n\n  useSyncExternalStore(ref.current.subscribe, ref.current.getSnapshot, SERVER_SNAPSHOT);\n}\n"],"names":[],"mappings":";AASA,MAAM,kBAAkB,MAAM;AAOvB,SAAS,iBACd,QACM;AACN,QAAM,MAAM,OAAgC,IAAI;AAEhD,MAAI,CAAC,IAAI,WAAW,IAAI,QAAQ,WAAW,QAAQ;AACjD,UAAM,UAAU,EAAE,SAAS,IAAI,SAAS,WAAW,EAAA;AACnD,QAAI,UAAU;AAAA,MACZ;AAAA,MACA,SAAS,QAAQ;AAAA,MACjB,WAAW,CAAC,kBAA8B;AACxC,eAAO,OAAO,UAAU,MAAM;AAC5B,kBAAQ;AACR,cAAI,QAAS,UAAU,QAAQ;AAC/B,wBAAA;AAAA,QACF,CAAC;AAAA,MACH;AAAA,MACA,aAAa,MAAM,QAAQ;AAAA,IAAA;AAAA,EAE/B;AAEA,uBAAqB,IAAI,QAAQ,WAAW,IAAI,QAAQ,aAAa,eAAe;AACtF;"}
+{"version":3,"file":"use-subscribe-only.js","names":[],"sources":["../../src/react/use-subscribe-only.ts"],"sourcesContent":["import { useSyncExternalStore, useRef } from 'react';\n\ninterface SubscribeOnlyRef {\n  target: { subscribe(cb: () => void): () => void };\n  version: number;\n  subscribe: (onStoreChange: () => void) => () => void;\n  getSnapshot: () => number;\n}\n\nconst SERVER_SNAPSHOT = () => 0;\n\n/**\n * Subscribe to a notification-only object (has subscribe() but no state).\n * Triggers React re-renders via version counter when the target notifies.\n * @internal\n */\nexport function useSubscribeOnly(\n  target: { subscribe(cb: () => void): () => void },\n): void {\n  const ref = useRef<SubscribeOnlyRef | null>(null);\n\n  if (!ref.current || ref.current.target !== target) {\n    const version = { current: ref.current?.version ?? 0 };\n    ref.current = {\n      target,\n      version: version.current,\n      subscribe: (onStoreChange: () => void) => {\n        return target.subscribe(() => {\n          version.current++;\n          ref.current!.version = version.current;\n          onStoreChange();\n        });\n      },\n      getSnapshot: () => version.current,\n    };\n  }\n\n  useSyncExternalStore(ref.current.subscribe, ref.current.getSnapshot, SERVER_SNAPSHOT);\n}\n"],"mappings":";;AASA,IAAM,wBAAwB;;;;;;AAO9B,SAAgB,iBACd,QACM;CACN,MAAM,MAAM,OAAgC,KAAK;AAEjD,KAAI,CAAC,IAAI,WAAW,IAAI,QAAQ,WAAW,QAAQ;EACjD,MAAM,UAAU,EAAE,SAAS,IAAI,SAAS,WAAW,GAAG;AACtD,MAAI,UAAU;GACZ;GACA,SAAS,QAAQ;GACjB,YAAY,kBAA8B;AACxC,WAAO,OAAO,gBAAgB;AAC5B,aAAQ;AACR,SAAI,QAAS,UAAU,QAAQ;AAC/B,oBAAe;MACf;;GAEJ,mBAAmB,QAAQ;GAC5B;;AAGH,sBAAqB,IAAI,QAAQ,WAAW,IAAI,QAAQ,aAAa,gBAAgB"}

package/dist/react/use-teardown.cjs

@@ -1,22 +1,23 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const singleton = require("../singleton.cjs");
+const require_singleton = require("../singleton.cjs");
+let react = require("react");
+//#region src/react/use-teardown.ts
+/**
+* Teardown singleton class(es) on unmount.
+* Uses deferred disposal to handle StrictMode's double-mount cycle.
+*/
 function useTeardown(...Classes) {
-  const mountedRef = react.useRef(false);
-  react.useEffect(() => {
-    mountedRef.current = true;
-    return () => {
-      mountedRef.current = false;
-      setTimeout(() => {
-        if (!mountedRef.current) {
-          for (const Class of Classes) {
-            singleton.teardown(Class);
-          }
-        }
-      }, 0);
-    };
-  }, []);
+	const mountedRef = (0, react.useRef)(false);
+	(0, react.useEffect)(() => {
+		mountedRef.current = true;
+		return () => {
+			mountedRef.current = false;
+			setTimeout(() => {
+				if (!mountedRef.current) for (const Class of Classes) require_singleton.teardown(Class);
+			}, 0);
+		};
+	}, []);
 }
+//#endregion
 exports.useTeardown = useTeardown;
-//# sourceMappingURL=use-teardown.cjs.map
+
+//# sourceMappingURL=use-teardown.cjs.map

package/dist/react/use-teardown.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-teardown.cjs","sources":["../../src/react/use-teardown.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport type { Disposable } from '../types';\nimport { teardown } from '../singleton';\n\n/**\n * Teardown singleton class(es) on unmount.\n * Uses deferred disposal to handle StrictMode's double-mount cycle.\n */\nexport function useTeardown(\n  ...Classes: Array<new (...args: unknown[]) => Disposable>\n): void {\n  const mountedRef = useRef(false);\n\n  useEffect(() => {\n    mountedRef.current = true;\n    return () => {\n      mountedRef.current = false;\n      setTimeout(() => {\n        if (!mountedRef.current) {\n          for (const Class of Classes) {\n            teardown(Class);\n          }\n        }\n      }, 0);\n    };\n  }, []);  // eslint-disable-line react-hooks/exhaustive-deps\n}\n"],"names":["useRef","useEffect","teardown"],"mappings":";;;;AAQO,SAAS,eACX,SACG;AACN,QAAM,aAAaA,MAAAA,OAAO,KAAK;AAE/BC,QAAAA,UAAU,MAAM;AACd,eAAW,UAAU;AACrB,WAAO,MAAM;AACX,iBAAW,UAAU;AACrB,iBAAW,MAAM;AACf,YAAI,CAAC,WAAW,SAAS;AACvB,qBAAW,SAAS,SAAS;AAC3BC,sBAAAA,SAAS,KAAK;AAAA,UAChB;AAAA,QACF;AAAA,MACF,GAAG,CAAC;AAAA,IACN;AAAA,EACF,GAAG,CAAA,CAAE;AACP;;"}
+{"version":3,"file":"use-teardown.cjs","names":[],"sources":["../../src/react/use-teardown.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport type { Disposable } from '../types';\nimport { teardown } from '../singleton';\n\n/**\n * Teardown singleton class(es) on unmount.\n * Uses deferred disposal to handle StrictMode's double-mount cycle.\n */\nexport function useTeardown(\n  ...Classes: Array<new (...args: unknown[]) => Disposable>\n): void {\n  const mountedRef = useRef(false);\n\n  useEffect(() => {\n    mountedRef.current = true;\n    return () => {\n      mountedRef.current = false;\n      setTimeout(() => {\n        if (!mountedRef.current) {\n          for (const Class of Classes) {\n            teardown(Class);\n          }\n        }\n      }, 0);\n    };\n  }, []);  // eslint-disable-line react-hooks/exhaustive-deps\n}\n"],"mappings":";;;;;;;AAQA,SAAgB,YACd,GAAG,SACG;CACN,MAAM,cAAA,GAAA,MAAA,QAAoB,MAAM;AAEhC,EAAA,GAAA,MAAA,iBAAgB;AACd,aAAW,UAAU;AACrB,eAAa;AACX,cAAW,UAAU;AACrB,oBAAiB;AACf,QAAI,CAAC,WAAW,QACd,MAAK,MAAM,SAAS,QAClB,mBAAA,SAAS,MAAM;MAGlB,EAAE;;IAEN,EAAE,CAAC"}