@just-web/toolkits 1.0.0

package/dist/style/get-css-variable-value.d.cts

@@ -0,0 +1,22 @@
+import { CreateTuple } from "type-plus";
+
+//#region src/style/get-css-variable-value.d.ts
+
+/**
+ * Retrieves CSS custom property values from the specified element.
+ *
+ * @param element - The HTML element to get property values from
+ * @param props - CSS custom property names to retrieve, must be in the format `--property-name`
+ * @returns Array of property values corresponding to the requested custom properties
+ */
+declare function getCSSVariableValue<Props extends Array<`--${string}`>>(element: HTMLElement, ...props: Props): CreateTuple<Props['length'], string>;
+/**
+ * Retrieves CSS custom property values from `document.body`.
+ *
+ * @param props - CSS custom property names to retrieve, must be in the format `--property-name`
+ * @returns Array of property values corresponding to the requested custom properties
+ */
+declare function getCSSVariableValue<Props extends Array<`--${string}`>>(...props: Props): CreateTuple<Props['length'], string>;
+//#endregion
+export { getCSSVariableValue };
+//# sourceMappingURL=get-css-variable-value.d.cts.map

package/dist/style/get-css-variable-value.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-css-variable-value.d.cts","names":[],"sources":["../../src/style/get-css-variable-value.ts"],"sourcesContent":[],"mappings":";;;;;;AASA;;;;;AAGG,iBAHa,mBAGb,CAAA,cAH+C,KAG/C,CAAA,KAAA,MAAA,EAAA,CAAA,CAAA,CAAA,OAAA,EAFO,WAEP,EAAA,GAAA,KAAA,EADQ,KACR,CAAA,EAAA,WAAA,CAAY,KAAZ,CAAA,QAAA,CAAA,EAAA,MAAA,CAAA;;AAOH;;;;;AAEc,iBAFE,mBAEF,CAAA,cAFoC,KAEpC,CAAA,KAAA,MAAA,EAAA,CAAA,CAAA,CAAA,GAAA,KAAA,EADH,KACG,CAAA,EAAX,WAAW,CAAC,KAAD,CAAA,QAAA,CAAA,EAAA,MAAA,CAAA"}

package/dist/style/get-css-variable-value.d.mts

@@ -0,0 +1,22 @@
+import { CreateTuple } from "type-plus";
+
+//#region src/style/get-css-variable-value.d.ts
+
+/**
+ * Retrieves CSS custom property values from the specified element.
+ *
+ * @param element - The HTML element to get property values from
+ * @param props - CSS custom property names to retrieve, must be in the format `--property-name`
+ * @returns Array of property values corresponding to the requested custom properties
+ */
+declare function getCSSVariableValue<Props extends Array<`--${string}`>>(element: HTMLElement, ...props: Props): CreateTuple<Props['length'], string>;
+/**
+ * Retrieves CSS custom property values from `document.body`.
+ *
+ * @param props - CSS custom property names to retrieve, must be in the format `--property-name`
+ * @returns Array of property values corresponding to the requested custom properties
+ */
+declare function getCSSVariableValue<Props extends Array<`--${string}`>>(...props: Props): CreateTuple<Props['length'], string>;
+//#endregion
+export { getCSSVariableValue };
+//# sourceMappingURL=get-css-variable-value.d.mts.map

package/dist/style/get-css-variable-value.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-css-variable-value.d.mts","names":[],"sources":["../../src/style/get-css-variable-value.ts"],"sourcesContent":[],"mappings":";;;;;;AASA;;;;;AAGG,iBAHa,mBAGb,CAAA,cAH+C,KAG/C,CAAA,KAAA,MAAA,EAAA,CAAA,CAAA,CAAA,OAAA,EAFO,WAEP,EAAA,GAAA,KAAA,EADQ,KACR,CAAA,EAAA,WAAA,CAAY,KAAZ,CAAA,QAAA,CAAA,EAAA,MAAA,CAAA;;AAOH;;;;;AAEc,iBAFE,mBAEF,CAAA,cAFoC,KAEpC,CAAA,KAAA,MAAA,EAAA,CAAA,CAAA,CAAA,GAAA,KAAA,EADH,KACG,CAAA,EAAX,WAAW,CAAC,KAAD,CAAA,QAAA,CAAA,EAAA,MAAA,CAAA"}

package/dist/style/get-css-variable-value.mjs

@@ -0,0 +1,10 @@
+//#region src/style/get-css-variable-value.ts
+function getCSSVariableValue(element, ...props) {
+	if (typeof element === "string") return getCSSVariableValue(globalThis.document.body, element, ...props);
+	const style = globalThis.getComputedStyle(element);
+	return props.map((v) => style.getPropertyValue(v));
+}
+
+//#endregion
+export { getCSSVariableValue };
+//# sourceMappingURL=get-css-variable-value.mjs.map

package/dist/style/get-css-variable-value.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-css-variable-value.mjs","names":[],"sources":["../../src/style/get-css-variable-value.ts"],"sourcesContent":["import type { CreateTuple } from 'type-plus'\n\n/**\n * Retrieves CSS custom property values from the specified element.\n *\n * @param element - The HTML element to get property values from\n * @param props - CSS custom property names to retrieve, must be in the format `--property-name`\n * @returns Array of property values corresponding to the requested custom properties\n */\nexport function getCSSVariableValue<Props extends Array<`--${string}`>>(\n\telement: HTMLElement,\n\t...props: Props\n): CreateTuple<Props['length'], string>\n/**\n * Retrieves CSS custom property values from `document.body`.\n *\n * @param props - CSS custom property names to retrieve, must be in the format `--property-name`\n * @returns Array of property values corresponding to the requested custom properties\n */\nexport function getCSSVariableValue<Props extends Array<`--${string}`>>(\n\t...props: Props\n): CreateTuple<Props['length'], string>\nexport function getCSSVariableValue<Props extends Array<`--${string}`>>(\n\telement: unknown,\n\t...props: Props\n) {\n\tif (typeof element === 'string') {\n\t\treturn getCSSVariableValue(globalThis.document.body, element as `--${string}`, ...props)\n\t}\n\tconst style = globalThis.getComputedStyle(element as HTMLElement)\n\treturn props.map((v) => style.getPropertyValue(v)) as any\n}\n"],"mappings":";AAsBA,SAAgB,oBACf,SACA,GAAG,OACF;AACD,KAAI,OAAO,YAAY,SACtB,QAAO,oBAAoB,WAAW,SAAS,MAAM,SAA0B,GAAG,MAAM;CAEzF,MAAM,QAAQ,WAAW,iBAAiB,QAAuB;AACjE,QAAO,MAAM,KAAK,MAAM,MAAM,iBAAiB,EAAE,CAAC"}

package/dist/style/just-style.d.cts

@@ -0,0 +1,44 @@
+import { CSSProperties } from "./css-properties.cjs";
+import { AnyRecord } from "type-plus";
+
+//#region src/style/just-style.d.ts
+type DefaultLength = 0 | (string & {});
+type DefaultTime = string & {};
+/**
+ * Props interface for components that accept a render-props-aware `style`.
+ *
+ * Use this when defining component props that support the same `style` contract as {@link JustStyle}:
+ * a static object, a resolver function that receives render props (including existing `style`), or `undefined`.
+ *
+ * @typeParam RenderProps - Record type for render props. When `style` is a function, it receives `RenderProps` merged with `{ style?: CSSProperties }`.
+ * @typeParam TLength - CSS length type (default: `0 | (string & {})`).
+ * @typeParam TTime - CSS time type (default: `string & {}`).
+ */
+interface JustStyleProps<RenderProps extends AnyRecord = AnyRecord, TLength = DefaultLength, TTime = DefaultTime> {
+  style?: JustStyle<RenderProps, TLength, TTime> | undefined;
+}
+/**
+ * A `style` type that can be static or computed from render props.
+ *
+ * - `CSSProperties`: The value is merged with the existing `style` in render props (override wins).
+ * - `undefined`: Uses the existing `style` from render props as-is.
+ * - `function`: Process the render props and return the desired `style`.
+ *
+ * @typeParam RenderProps - Record type for render props. Resolvers receive `RenderProps` merged with `{ style?: CSSProperties }`.
+ * @typeParam TLength - CSS length type (default: `0 | (string & {})`).
+ * @typeParam TTime - CSS time type (default: `string & {}`).
+ */
+type JustStyle<RenderProps extends AnyRecord = AnyRecord, TLength = DefaultLength, TTime = DefaultTime> = ((renderProps: JustStyleFnProps<RenderProps, TLength, TTime>) => CSSProperties<TLength, TTime> | undefined) | CSSProperties<TLength, TTime> | undefined;
+/**
+ * The props type for `JustStyle` resolver functions.
+ *
+ * @typeParam RenderProps - Record type for render props.
+ * @typeParam TLength - CSS length type (default: `0 | (string & {})`).
+ * @typeParam TTime - CSS time type (default: `string & {}`).
+ */
+type JustStyleFnProps<RenderProps extends AnyRecord = AnyRecord, TLength = DefaultLength, TTime = DefaultTime> = RenderProps & {
+  style?: CSSProperties<TLength, TTime> | undefined;
+};
+//#endregion
+export { JustStyle, JustStyleFnProps, JustStyleProps };
+//# sourceMappingURL=just-style.d.cts.map

package/dist/style/just-style.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"just-style.d.cts","names":[],"sources":["../../src/style/just-style.ts"],"sourcesContent":[],"mappings":";;;;KAGK,aAAA;KACA,WAAA;AAHmD;AAEtC;AAalB;;;;;;;;AAKS,UALQ,cAKR,CAAA,oBAJY,SAIZ,GAJwB,SAIxB,EAAA,UAHE,aAGF,EAAA,QAFA,WAEA,CAAA,CAAA;EAAS,KAAA,CAAA,EAAT,SAAS,CAAC,WAAD,EAAc,OAAd,EAAuB,KAAvB,CAAA,GAAA,SAAA;AAclB;;;;;;;;;;;;AAQiB,KARL,SAQK,CAAA,oBAPI,SAOJ,GAPgB,SAOhB,EAAA,UANN,aAMM,EAAA,QALR,WAKQ,CAAA,GAAA,CAAA,CAAA,WAAA,EAFD,gBAEC,CAFgB,WAEhB,EAF6B,OAE7B,EAFsC,KAEtC,CAAA,EAAA,GADT,aACS,CADK,OACL,EADc,KACd,CAAA,GAAA,SAAA,CAAA,GAAd,aAAc,CAAA,OAAA,EAAS,KAAT,CAAA,GAAA,SAAA;;;;AAUjB;;;;AAGS,KAHG,gBAGH,CAAA,oBAFY,SAEZ,GAFwB,SAExB,EAAA,UADE,aACF,EAAA,QAAA,WAAA,CAAA,GACL,WADK,GAAA;EACL,KAAA,CAAA,EACK,aADL,CACmB,OADnB,EAC4B,KAD5B,CAAA,GAAA,SAAA;CACmB"}

package/dist/style/just-style.d.mts

@@ -0,0 +1,44 @@
+import { CSSProperties } from "./css-properties.mjs";
+import { AnyRecord } from "type-plus";
+
+//#region src/style/just-style.d.ts
+type DefaultLength = 0 | (string & {});
+type DefaultTime = string & {};
+/**
+ * Props interface for components that accept a render-props-aware `style`.
+ *
+ * Use this when defining component props that support the same `style` contract as {@link JustStyle}:
+ * a static object, a resolver function that receives render props (including existing `style`), or `undefined`.
+ *
+ * @typeParam RenderProps - Record type for render props. When `style` is a function, it receives `RenderProps` merged with `{ style?: CSSProperties }`.
+ * @typeParam TLength - CSS length type (default: `0 | (string & {})`).
+ * @typeParam TTime - CSS time type (default: `string & {}`).
+ */
+interface JustStyleProps<RenderProps extends AnyRecord = AnyRecord, TLength = DefaultLength, TTime = DefaultTime> {
+  style?: JustStyle<RenderProps, TLength, TTime> | undefined;
+}
+/**
+ * A `style` type that can be static or computed from render props.
+ *
+ * - `CSSProperties`: The value is merged with the existing `style` in render props (override wins).
+ * - `undefined`: Uses the existing `style` from render props as-is.
+ * - `function`: Process the render props and return the desired `style`.
+ *
+ * @typeParam RenderProps - Record type for render props. Resolvers receive `RenderProps` merged with `{ style?: CSSProperties }`.
+ * @typeParam TLength - CSS length type (default: `0 | (string & {})`).
+ * @typeParam TTime - CSS time type (default: `string & {}`).
+ */
+type JustStyle<RenderProps extends AnyRecord = AnyRecord, TLength = DefaultLength, TTime = DefaultTime> = ((renderProps: JustStyleFnProps<RenderProps, TLength, TTime>) => CSSProperties<TLength, TTime> | undefined) | CSSProperties<TLength, TTime> | undefined;
+/**
+ * The props type for `JustStyle` resolver functions.
+ *
+ * @typeParam RenderProps - Record type for render props.
+ * @typeParam TLength - CSS length type (default: `0 | (string & {})`).
+ * @typeParam TTime - CSS time type (default: `string & {}`).
+ */
+type JustStyleFnProps<RenderProps extends AnyRecord = AnyRecord, TLength = DefaultLength, TTime = DefaultTime> = RenderProps & {
+  style?: CSSProperties<TLength, TTime> | undefined;
+};
+//#endregion
+export { JustStyle, JustStyleFnProps, JustStyleProps };
+//# sourceMappingURL=just-style.d.mts.map

package/dist/style/just-style.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"just-style.d.mts","names":[],"sources":["../../src/style/just-style.ts"],"sourcesContent":[],"mappings":";;;;KAGK,aAAA;KACA,WAAA;AAHmD;AAEtC;AAalB;;;;;;;;AAKS,UALQ,cAKR,CAAA,oBAJY,SAIZ,GAJwB,SAIxB,EAAA,UAHE,aAGF,EAAA,QAFA,WAEA,CAAA,CAAA;EAAS,KAAA,CAAA,EAAT,SAAS,CAAC,WAAD,EAAc,OAAd,EAAuB,KAAvB,CAAA,GAAA,SAAA;AAclB;;;;;;;;;;;;AAQiB,KARL,SAQK,CAAA,oBAPI,SAOJ,GAPgB,SAOhB,EAAA,UANN,aAMM,EAAA,QALR,WAKQ,CAAA,GAAA,CAAA,CAAA,WAAA,EAFD,gBAEC,CAFgB,WAEhB,EAF6B,OAE7B,EAFsC,KAEtC,CAAA,EAAA,GADT,aACS,CADK,OACL,EADc,KACd,CAAA,GAAA,SAAA,CAAA,GAAd,aAAc,CAAA,OAAA,EAAS,KAAT,CAAA,GAAA,SAAA;;;;AAUjB;;;;AAGS,KAHG,gBAGH,CAAA,oBAFY,SAEZ,GAFwB,SAExB,EAAA,UADE,aACF,EAAA,QAAA,WAAA,CAAA,GACL,WADK,GAAA;EACL,KAAA,CAAA,EACK,aADL,CACmB,OADnB,EAC4B,KAD5B,CAAA,GAAA,SAAA;CACmB"}

package/dist/style/resolve-style.cjs

@@ -0,0 +1,14 @@
+
+//#region src/style/resolve-style.ts
+function resolveStyle(renderProps, style) {
+	if (typeof style === "function") return style(renderProps);
+	if (style !== void 0) return {
+		...renderProps.style,
+		...style
+	};
+	return renderProps.style;
+}
+
+//#endregion
+exports.resolveStyle = resolveStyle;
+//# sourceMappingURL=resolve-style.cjs.map

package/dist/style/resolve-style.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-style.cjs","names":[],"sources":["../../src/style/resolve-style.ts"],"sourcesContent":["import type { AnyRecord } from 'type-plus'\nimport type { CSSProperties } from './css-properties.ts'\nimport type { JustStyle, JustStyleFnProps } from './just-style.ts'\n\ntype DefaultLength = 0 | (string & {})\ntype DefaultTime = string & {}\n\nexport function resolveStyle<\n\tRenderProps extends AnyRecord = AnyRecord,\n\tTLength = DefaultLength,\n\tTTime = DefaultTime\n>(\n\trenderProps: JustStyleFnProps<RenderProps, TLength, TTime>,\n\tstyle?: JustStyle<RenderProps, TLength, TTime>\n): CSSProperties<TLength, TTime> | undefined {\n\tif (typeof style === 'function') {\n\t\treturn style(renderProps)\n\t}\n\tif (style !== undefined) {\n\t\treturn { ...renderProps.style, ...style } as CSSProperties<TLength, TTime>\n\t}\n\treturn renderProps.style\n}\n"],"mappings":";;AAOA,SAAgB,aAKf,aACA,OAC4C;AAC5C,KAAI,OAAO,UAAU,WACpB,QAAO,MAAM,YAAY;AAE1B,KAAI,UAAU,OACb,QAAO;EAAE,GAAG,YAAY;EAAO,GAAG;EAAO;AAE1C,QAAO,YAAY"}

package/dist/style/resolve-style.d.cts

@@ -0,0 +1,11 @@
+import { CSSProperties } from "./css-properties.cjs";
+import { JustStyle, JustStyleFnProps } from "./just-style.cjs";
+import { AnyRecord } from "type-plus";
+
+//#region src/style/resolve-style.d.ts
+type DefaultLength = 0 | (string & {});
+type DefaultTime = string & {};
+declare function resolveStyle<RenderProps extends AnyRecord = AnyRecord, TLength = DefaultLength, TTime = DefaultTime>(renderProps: JustStyleFnProps<RenderProps, TLength, TTime>, style?: JustStyle<RenderProps, TLength, TTime>): CSSProperties<TLength, TTime> | undefined;
+//#endregion
+export { resolveStyle };
+//# sourceMappingURL=resolve-style.d.cts.map

package/dist/style/resolve-style.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-style.d.cts","names":[],"sources":["../../src/style/resolve-style.ts"],"sourcesContent":[],"mappings":";;;;;KAIK,aAAA;KACA,WAAA;AADA,iBAGW,YAHE,CAAA,oBAIG,SAJH,GAIe,SAJf,EAAA,UAKP,aALO,EAAA,QAMT,WANS,CAAA,CAAA,WAAA,EAQJ,gBARI,CAQa,WARb,EAQ0B,OAR1B,EAQmC,KARnC,CAAA,EAAA,KAAA,CAAA,EAST,SATS,CASC,WATD,EASc,OATd,EASuB,KATvB,CAAA,CAAA,EAUf,aAVe,CAUD,OAVC,EAUQ,KAVR,CAAA,GAAA,SAAA"}

package/dist/style/resolve-style.d.mts

@@ -0,0 +1,11 @@
+import { CSSProperties } from "./css-properties.mjs";
+import { JustStyle, JustStyleFnProps } from "./just-style.mjs";
+import { AnyRecord } from "type-plus";
+
+//#region src/style/resolve-style.d.ts
+type DefaultLength = 0 | (string & {});
+type DefaultTime = string & {};
+declare function resolveStyle<RenderProps extends AnyRecord = AnyRecord, TLength = DefaultLength, TTime = DefaultTime>(renderProps: JustStyleFnProps<RenderProps, TLength, TTime>, style?: JustStyle<RenderProps, TLength, TTime>): CSSProperties<TLength, TTime> | undefined;
+//#endregion
+export { resolveStyle };
+//# sourceMappingURL=resolve-style.d.mts.map

package/dist/style/resolve-style.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-style.d.mts","names":[],"sources":["../../src/style/resolve-style.ts"],"sourcesContent":[],"mappings":";;;;;KAIK,aAAA;KACA,WAAA;AADA,iBAGW,YAHE,CAAA,oBAIG,SAJH,GAIe,SAJf,EAAA,UAKP,aALO,EAAA,QAMT,WANS,CAAA,CAAA,WAAA,EAQJ,gBARI,CAQa,WARb,EAQ0B,OAR1B,EAQmC,KARnC,CAAA,EAAA,KAAA,CAAA,EAST,SATS,CASC,WATD,EASc,OATd,EASuB,KATvB,CAAA,CAAA,EAUf,aAVe,CAUD,OAVC,EAUQ,KAVR,CAAA,GAAA,SAAA"}

package/dist/style/resolve-style.mjs

@@ -0,0 +1,13 @@
+//#region src/style/resolve-style.ts
+function resolveStyle(renderProps, style) {
+	if (typeof style === "function") return style(renderProps);
+	if (style !== void 0) return {
+		...renderProps.style,
+		...style
+	};
+	return renderProps.style;
+}
+
+//#endregion
+export { resolveStyle };
+//# sourceMappingURL=resolve-style.mjs.map

package/dist/style/resolve-style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-style.mjs","names":[],"sources":["../../src/style/resolve-style.ts"],"sourcesContent":["import type { AnyRecord } from 'type-plus'\nimport type { CSSProperties } from './css-properties.ts'\nimport type { JustStyle, JustStyleFnProps } from './just-style.ts'\n\ntype DefaultLength = 0 | (string & {})\ntype DefaultTime = string & {}\n\nexport function resolveStyle<\n\tRenderProps extends AnyRecord = AnyRecord,\n\tTLength = DefaultLength,\n\tTTime = DefaultTime\n>(\n\trenderProps: JustStyleFnProps<RenderProps, TLength, TTime>,\n\tstyle?: JustStyle<RenderProps, TLength, TTime>\n): CSSProperties<TLength, TTime> | undefined {\n\tif (typeof style === 'function') {\n\t\treturn style(renderProps)\n\t}\n\tif (style !== undefined) {\n\t\treturn { ...renderProps.style, ...style } as CSSProperties<TLength, TTime>\n\t}\n\treturn renderProps.style\n}\n"],"mappings":";AAOA,SAAgB,aAKf,aACA,OAC4C;AAC5C,KAAI,OAAO,UAAU,WACpB,QAAO,MAAM,YAAY;AAE1B,KAAI,UAAU,OACb,QAAO;EAAE,GAAG,YAAY;EAAO,GAAG;EAAO;AAE1C,QAAO,YAAY"}

package/dist/style/style-props.d.cts

@@ -0,0 +1,13 @@
+import { CSSProperties } from "./css-properties.cjs";
+
+//#region src/style/style-props.d.ts
+
+/**
+ * Interface for component props that include a style property.
+ */
+type StyleProps<TLength = 0 | (string & {}), TTime = string & {}> = {
+  style?: CSSProperties<TLength, TTime> | undefined;
+};
+//#endregion
+export { StyleProps };
+//# sourceMappingURL=style-props.d.cts.map

package/dist/style/style-props.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-props.d.cts","names":[],"sources":["../../src/style/style-props.ts"],"sourcesContent":[],"mappings":";;;;;;AAKA;AACuB,KADX,UACW,CAAA,UAAA,CAAA,GAAA,CAAA,MAAA,GAAA,CAAA,CAAA,CAAA,EAAA,QAAA,MAAA,GAAA,CAAA,CAAA,CAAA,GAAA;EAAS,KAAA,CAAA,EAAvB,aAAuB,CAAT,OAAS,EAAA,KAAA,CAAA,GAAA,SAAA;CAAvB"}

package/dist/style/style-props.d.mts

@@ -0,0 +1,13 @@
+import { CSSProperties } from "./css-properties.mjs";
+
+//#region src/style/style-props.d.ts
+
+/**
+ * Interface for component props that include a style property.
+ */
+type StyleProps<TLength = 0 | (string & {}), TTime = string & {}> = {
+  style?: CSSProperties<TLength, TTime> | undefined;
+};
+//#endregion
+export { StyleProps };
+//# sourceMappingURL=style-props.d.mts.map

package/dist/style/style-props.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-props.d.mts","names":[],"sources":["../../src/style/style-props.ts"],"sourcesContent":[],"mappings":";;;;;;AAKA;AACuB,KADX,UACW,CAAA,UAAA,CAAA,GAAA,CAAA,MAAA,GAAA,CAAA,CAAA,CAAA,EAAA,QAAA,MAAA,GAAA,CAAA,CAAA,CAAA,GAAA;EAAS,KAAA,CAAA,EAAvB,aAAuB,CAAT,OAAS,EAAA,KAAA,CAAA,GAAA,SAAA;CAAvB"}

package/dist/style/to-dom-style.cjs

@@ -0,0 +1,33 @@
+
+//#region src/style/to-dom-style.ts
+/**
+* Converts React-style CSS properties to DOM style properties.
+* This function handles both standard CSS properties and custom properties,
+* ensuring proper formatting for DOM style application.
+*
+* @param style - React-style CSS properties object
+* @returns DOM style properties object
+*
+* @example
+* ```ts
+* const domStyle = toDomStyle({
+*   backgroundColor: 'red',
+*   '--custom-color': '#ff0000'
+* })
+* if (domStyle && element.style) {
+*   for (const [key, value] of Object.entries(domStyle)) {
+*     element.style.setProperty(key, value)
+*   }
+* }
+* ```
+*/
+function toDomStyle(style) {
+	if (style === void 0) return void 0;
+	const result = {};
+	for (const [key, value] of Object.entries(style)) result[key.startsWith("--") ? key : key.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`)] = value;
+	return result;
+}
+
+//#endregion
+exports.toDomStyle = toDomStyle;
+//# sourceMappingURL=to-dom-style.cjs.map

package/dist/style/to-dom-style.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"to-dom-style.cjs","names":["result: Record<string, string | null>"],"sources":["../../src/style/to-dom-style.ts"],"sourcesContent":["import type { CSSProperties } from './css-properties.ts'\n\n/**\n * Converts React-style CSS properties to DOM style properties.\n * This function handles both standard CSS properties and custom properties,\n * ensuring proper formatting for DOM style application.\n *\n * @param style - React-style CSS properties object\n * @returns DOM style properties object\n *\n * @example\n * ```ts\n * const domStyle = toDomStyle({\n *   backgroundColor: 'red',\n *   '--custom-color': '#ff0000'\n * })\n * if (domStyle && element.style) {\n *   for (const [key, value] of Object.entries(domStyle)) {\n *     element.style.setProperty(key, value)\n *   }\n * }\n * ```\n */\nexport function toDomStyle(style: CSSProperties | undefined) {\n\tif (style === undefined) return undefined\n\n\tconst result: Record<string, string | null> = {}\n\n\tfor (const [key, value] of Object.entries(style)) {\n\t\tresult[\n\t\t\tkey.startsWith('--') ? key : key.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`)\n\t\t] = value\n\t}\n\n\treturn result\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAuBA,SAAgB,WAAW,OAAkC;AAC5D,KAAI,UAAU,OAAW,QAAO;CAEhC,MAAMA,SAAwC,EAAE;AAEhD,MAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,MAAM,CAC/C,QACC,IAAI,WAAW,KAAK,GAAG,MAAM,IAAI,QAAQ,WAAW,UAAU,IAAI,MAAM,aAAa,GAAG,IACrF;AAGL,QAAO"}

package/dist/style/to-dom-style.d.cts

@@ -0,0 +1,29 @@
+import { CSSProperties } from "./css-properties.cjs";
+
+//#region src/style/to-dom-style.d.ts
+
+/**
+ * Converts React-style CSS properties to DOM style properties.
+ * This function handles both standard CSS properties and custom properties,
+ * ensuring proper formatting for DOM style application.
+ *
+ * @param style - React-style CSS properties object
+ * @returns DOM style properties object
+ *
+ * @example
+ * ```ts
+ * const domStyle = toDomStyle({
+ *   backgroundColor: 'red',
+ *   '--custom-color': '#ff0000'
+ * })
+ * if (domStyle && element.style) {
+ *   for (const [key, value] of Object.entries(domStyle)) {
+ *     element.style.setProperty(key, value)
+ *   }
+ * }
+ * ```
+ */
+declare function toDomStyle(style: CSSProperties | undefined): Record<string, string | null> | undefined;
+//#endregion
+export { toDomStyle };
+//# sourceMappingURL=to-dom-style.d.cts.map

package/dist/style/to-dom-style.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"to-dom-style.d.cts","names":[],"sources":["../../src/style/to-dom-style.ts"],"sourcesContent":[],"mappings":";;;;;;AAuBA;;;;;;;;;;;;;;;;;;;iBAAgB,UAAA,QAAkB,4BAAyB"}

package/dist/style/to-dom-style.d.mts

@@ -0,0 +1,29 @@
+import { CSSProperties } from "./css-properties.mjs";
+
+//#region src/style/to-dom-style.d.ts
+
+/**
+ * Converts React-style CSS properties to DOM style properties.
+ * This function handles both standard CSS properties and custom properties,
+ * ensuring proper formatting for DOM style application.
+ *
+ * @param style - React-style CSS properties object
+ * @returns DOM style properties object
+ *
+ * @example
+ * ```ts
+ * const domStyle = toDomStyle({
+ *   backgroundColor: 'red',
+ *   '--custom-color': '#ff0000'
+ * })
+ * if (domStyle && element.style) {
+ *   for (const [key, value] of Object.entries(domStyle)) {
+ *     element.style.setProperty(key, value)
+ *   }
+ * }
+ * ```
+ */
+declare function toDomStyle(style: CSSProperties | undefined): Record<string, string | null> | undefined;
+//#endregion
+export { toDomStyle };
+//# sourceMappingURL=to-dom-style.d.mts.map

package/dist/style/to-dom-style.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"to-dom-style.d.mts","names":[],"sources":["../../src/style/to-dom-style.ts"],"sourcesContent":[],"mappings":";;;;;;AAuBA;;;;;;;;;;;;;;;;;;;iBAAgB,UAAA,QAAkB,4BAAyB"}

package/dist/style/to-dom-style.mjs

@@ -0,0 +1,32 @@
+//#region src/style/to-dom-style.ts
+/**
+* Converts React-style CSS properties to DOM style properties.
+* This function handles both standard CSS properties and custom properties,
+* ensuring proper formatting for DOM style application.
+*
+* @param style - React-style CSS properties object
+* @returns DOM style properties object
+*
+* @example
+* ```ts
+* const domStyle = toDomStyle({
+*   backgroundColor: 'red',
+*   '--custom-color': '#ff0000'
+* })
+* if (domStyle && element.style) {
+*   for (const [key, value] of Object.entries(domStyle)) {
+*     element.style.setProperty(key, value)
+*   }
+* }
+* ```
+*/
+function toDomStyle(style) {
+	if (style === void 0) return void 0;
+	const result = {};
+	for (const [key, value] of Object.entries(style)) result[key.startsWith("--") ? key : key.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`)] = value;
+	return result;
+}
+
+//#endregion
+export { toDomStyle };
+//# sourceMappingURL=to-dom-style.mjs.map

package/dist/style/to-dom-style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"to-dom-style.mjs","names":["result: Record<string, string | null>"],"sources":["../../src/style/to-dom-style.ts"],"sourcesContent":["import type { CSSProperties } from './css-properties.ts'\n\n/**\n * Converts React-style CSS properties to DOM style properties.\n * This function handles both standard CSS properties and custom properties,\n * ensuring proper formatting for DOM style application.\n *\n * @param style - React-style CSS properties object\n * @returns DOM style properties object\n *\n * @example\n * ```ts\n * const domStyle = toDomStyle({\n *   backgroundColor: 'red',\n *   '--custom-color': '#ff0000'\n * })\n * if (domStyle && element.style) {\n *   for (const [key, value] of Object.entries(domStyle)) {\n *     element.style.setProperty(key, value)\n *   }\n * }\n * ```\n */\nexport function toDomStyle(style: CSSProperties | undefined) {\n\tif (style === undefined) return undefined\n\n\tconst result: Record<string, string | null> = {}\n\n\tfor (const [key, value] of Object.entries(style)) {\n\t\tresult[\n\t\t\tkey.startsWith('--') ? key : key.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`)\n\t\t] = value\n\t}\n\n\treturn result\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAuBA,SAAgB,WAAW,OAAkC;AAC5D,KAAI,UAAU,OAAW,QAAO;CAEhC,MAAMA,SAAwC,EAAE;AAEhD,MAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,MAAM,CAC/C,QACC,IAAI,WAAW,KAAK,GAAG,MAAM,IAAI,QAAQ,WAAW,UAAU,IAAI,MAAM,aAAa,GAAG,IACrF;AAGL,QAAO"}

package/dist/testing/theme/dummy-theme-store.cjs

@@ -0,0 +1,11 @@
+
+//#region src/testing/theme/dummy-theme-store.ts
+const dummyThemeStore = {
+	read: () => void 0,
+	write: () => {},
+	subscribe: () => () => {}
+};
+
+//#endregion
+exports.dummyThemeStore = dummyThemeStore;
+//# sourceMappingURL=dummy-theme-store.cjs.map

package/dist/testing/theme/dummy-theme-store.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dummy-theme-store.cjs","names":[],"sources":["../../../src/testing/theme/dummy-theme-store.ts"],"sourcesContent":["import type { ThemeStore } from '../../theme/theme-store/theme-store.types.ts'\n\nexport const dummyThemeStore = {\n\tread: () => undefined,\n\twrite: () => {},\n\tsubscribe: () => () => {}\n} satisfies ThemeStore\n"],"mappings":";;AAEA,MAAa,kBAAkB;CAC9B,YAAY;CACZ,aAAa;CACb,uBAAuB;CACvB"}

package/dist/testing/theme/dummy-theme-store.mjs

@@ -0,0 +1,10 @@
+//#region src/testing/theme/dummy-theme-store.ts
+const dummyThemeStore = {
+	read: () => void 0,
+	write: () => {},
+	subscribe: () => () => {}
+};
+
+//#endregion
+export { dummyThemeStore };
+//# sourceMappingURL=dummy-theme-store.mjs.map

package/dist/testing/theme/dummy-theme-store.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dummy-theme-store.mjs","names":[],"sources":["../../../src/testing/theme/dummy-theme-store.ts"],"sourcesContent":["import type { ThemeStore } from '../../theme/theme-store/theme-store.types.ts'\n\nexport const dummyThemeStore = {\n\tread: () => undefined,\n\twrite: () => {},\n\tsubscribe: () => () => {}\n} satisfies ThemeStore\n"],"mappings":";AAEA,MAAa,kBAAkB;CAC9B,YAAY;CACZ,aAAa;CACb,uBAAuB;CACvB"}

package/dist/theme/_utils/get-theme-from-stores.cjs

@@ -0,0 +1,24 @@
+
+//#region src/theme/_utils/get-theme-from-stores.ts
+/**
+* Reads theme from stores using waterfall strategy.
+*
+* Iterates stores in order; returns first non-empty result.
+* Only includes stores that have a `read` method.
+*
+* @param stores - Array of theme stores
+* @param defaultTheme - Fallback when all stores return empty
+* @returns Resolved theme key or defaultTheme
+*/
+async function getThemeFromStores(stores, defaultTheme) {
+	const withRead = stores.filter((s) => typeof s.read === "function");
+	for (const store of withRead) {
+		const result = await Promise.resolve(store.read());
+		if (result !== void 0) return result.theme;
+	}
+	return defaultTheme;
+}
+
+//#endregion
+exports.getThemeFromStores = getThemeFromStores;
+//# sourceMappingURL=get-theme-from-stores.cjs.map

package/dist/theme/_utils/get-theme-from-stores.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-theme-from-stores.cjs","names":[],"sources":["../../../src/theme/_utils/get-theme-from-stores.ts"],"sourcesContent":["import type { ThemeEntry } from '../theme-entry.types.ts'\nimport type { ThemeMap } from '../theme-map.types.ts'\nimport type { AsyncThemeStore } from '../theme-store/async-theme-store.types.ts'\nimport type { ThemeStore } from '../theme-store/theme-store.types.ts'\n\ntype StoreWithRead<Themes extends ThemeMap> = (ThemeStore<Themes> | AsyncThemeStore<Themes>) & {\n\tread: () => ThemeEntry<Themes> | undefined | Promise<ThemeEntry<Themes> | undefined>\n}\n\n/**\n * Reads theme from stores using waterfall strategy.\n *\n * Iterates stores in order; returns first non-empty result.\n * Only includes stores that have a `read` method.\n *\n * @param stores - Array of theme stores\n * @param defaultTheme - Fallback when all stores return empty\n * @returns Resolved theme key or defaultTheme\n */\nexport async function getThemeFromStores<Themes extends ThemeMap>(\n\tstores: (ThemeStore<Themes> | AsyncThemeStore<Themes>)[],\n\tdefaultTheme: keyof Themes | undefined\n): Promise<keyof Themes | undefined> {\n\tconst withRead = stores.filter((s): s is StoreWithRead<Themes> => typeof s.read === 'function')\n\n\tfor (const store of withRead) {\n\t\tconst result = await Promise.resolve(store.read())\n\t\tif (result !== undefined) {\n\t\t\treturn result.theme\n\t\t}\n\t}\n\n\treturn defaultTheme\n}\n"],"mappings":";;;;;;;;;;;;AAmBA,eAAsB,mBACrB,QACA,cACoC;CACpC,MAAM,WAAW,OAAO,QAAQ,MAAkC,OAAO,EAAE,SAAS,WAAW;AAE/F,MAAK,MAAM,SAAS,UAAU;EAC7B,MAAM,SAAS,MAAM,QAAQ,QAAQ,MAAM,MAAM,CAAC;AAClD,MAAI,WAAW,OACd,QAAO,OAAO;;AAIhB,QAAO"}

package/dist/theme/_utils/get-theme-from-stores.mjs

@@ -0,0 +1,23 @@
+//#region src/theme/_utils/get-theme-from-stores.ts
+/**
+* Reads theme from stores using waterfall strategy.
+*
+* Iterates stores in order; returns first non-empty result.
+* Only includes stores that have a `read` method.
+*
+* @param stores - Array of theme stores
+* @param defaultTheme - Fallback when all stores return empty
+* @returns Resolved theme key or defaultTheme
+*/
+async function getThemeFromStores(stores, defaultTheme) {
+	const withRead = stores.filter((s) => typeof s.read === "function");
+	for (const store of withRead) {
+		const result = await Promise.resolve(store.read());
+		if (result !== void 0) return result.theme;
+	}
+	return defaultTheme;
+}
+
+//#endregion
+export { getThemeFromStores };
+//# sourceMappingURL=get-theme-from-stores.mjs.map

package/dist/theme/_utils/get-theme-from-stores.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-theme-from-stores.mjs","names":[],"sources":["../../../src/theme/_utils/get-theme-from-stores.ts"],"sourcesContent":["import type { ThemeEntry } from '../theme-entry.types.ts'\nimport type { ThemeMap } from '../theme-map.types.ts'\nimport type { AsyncThemeStore } from '../theme-store/async-theme-store.types.ts'\nimport type { ThemeStore } from '../theme-store/theme-store.types.ts'\n\ntype StoreWithRead<Themes extends ThemeMap> = (ThemeStore<Themes> | AsyncThemeStore<Themes>) & {\n\tread: () => ThemeEntry<Themes> | undefined | Promise<ThemeEntry<Themes> | undefined>\n}\n\n/**\n * Reads theme from stores using waterfall strategy.\n *\n * Iterates stores in order; returns first non-empty result.\n * Only includes stores that have a `read` method.\n *\n * @param stores - Array of theme stores\n * @param defaultTheme - Fallback when all stores return empty\n * @returns Resolved theme key or defaultTheme\n */\nexport async function getThemeFromStores<Themes extends ThemeMap>(\n\tstores: (ThemeStore<Themes> | AsyncThemeStore<Themes>)[],\n\tdefaultTheme: keyof Themes | undefined\n): Promise<keyof Themes | undefined> {\n\tconst withRead = stores.filter((s): s is StoreWithRead<Themes> => typeof s.read === 'function')\n\n\tfor (const store of withRead) {\n\t\tconst result = await Promise.resolve(store.read())\n\t\tif (result !== undefined) {\n\t\t\treturn result.theme\n\t\t}\n\t}\n\n\treturn defaultTheme\n}\n"],"mappings":";;;;;;;;;;;AAmBA,eAAsB,mBACrB,QACA,cACoC;CACpC,MAAM,WAAW,OAAO,QAAQ,MAAkC,OAAO,EAAE,SAAS,WAAW;AAE/F,MAAK,MAAM,SAAS,UAAU;EAC7B,MAAM,SAAS,MAAM,QAAQ,QAAQ,MAAM,MAAM,CAAC;AAClD,MAAI,WAAW,OACd,QAAO,OAAO;;AAIhB,QAAO"}

package/dist/theme/_utils/observe-theme-from-stores.cjs

@@ -0,0 +1,39 @@
+const require_get_theme_from_stores = require('./get-theme-from-stores.cjs');
+
+//#region src/theme/_utils/observe-theme-from-stores.ts
+/**
+* Subscribes to stores that have a subscribe method.
+*
+* When any store emits, runs coalesced handler (getThemeFromStores + callback).
+* Skips handler if resolved theme equals last emitted (value equality).
+*
+* @param stores - Array of theme stores
+* @param defaultTheme - Fallback when all stores return empty
+* @param handler - Callback with resolved theme key
+* @returns Unsubscribe function
+*/
+function observeThemeFromStores(stores, defaultTheme, handler) {
+	const withSubscribe = stores.filter((s) => typeof s.subscribe === "function");
+	let scheduled = false;
+	let lastEmitted;
+	const scheduleNotify = () => {
+		if (scheduled) return;
+		scheduled = true;
+		queueMicrotask(async () => {
+			scheduled = false;
+			const theme = await require_get_theme_from_stores.getThemeFromStores(stores, defaultTheme);
+			if (theme === lastEmitted) return;
+			lastEmitted = theme;
+			handler(theme);
+		});
+	};
+	scheduleNotify();
+	const unSubs = withSubscribe.map((s) => s.subscribe((_result) => scheduleNotify()));
+	return () => {
+		for (const unSub of unSubs) unSub();
+	};
+}
+
+//#endregion
+exports.observeThemeFromStores = observeThemeFromStores;
+//# sourceMappingURL=observe-theme-from-stores.cjs.map

package/dist/theme/_utils/observe-theme-from-stores.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"observe-theme-from-stores.cjs","names":["lastEmitted: keyof Themes | undefined","getThemeFromStores"],"sources":["../../../src/theme/_utils/observe-theme-from-stores.ts"],"sourcesContent":["import type { RequiredPick } from 'type-plus'\nimport type { ThemeMap } from '../theme-map.types.ts'\nimport type { AsyncThemeStore } from '../theme-store/async-theme-store.types.ts'\nimport type { ThemeStore } from '../theme-store/theme-store.types.ts'\nimport { getThemeFromStores } from './get-theme-from-stores.ts'\n\ntype StoreWithSubscribe<Themes extends ThemeMap> = RequiredPick<\n\tAsyncThemeStore<Themes>,\n\t'subscribe'\n>\n\n/**\n * Subscribes to stores that have a subscribe method.\n *\n * When any store emits, runs coalesced handler (getThemeFromStores + callback).\n * Skips handler if resolved theme equals last emitted (value equality).\n *\n * @param stores - Array of theme stores\n * @param defaultTheme - Fallback when all stores return empty\n * @param handler - Callback with resolved theme key\n * @returns Unsubscribe function\n */\nexport function observeThemeFromStores<Themes extends ThemeMap>(\n\tstores: (ThemeStore<Themes> | AsyncThemeStore<Themes>)[],\n\tdefaultTheme: keyof Themes | undefined,\n\thandler: (theme: keyof Themes | undefined) => void\n): () => void {\n\tconst withSubscribe = stores.filter(\n\t\t(s): s is StoreWithSubscribe<Themes> => typeof s.subscribe === 'function'\n\t)\n\n\tlet scheduled = false\n\tlet lastEmitted: keyof Themes | undefined\n\n\tconst scheduleNotify = () => {\n\t\tif (scheduled) return\n\t\tscheduled = true\n\t\tqueueMicrotask(async () => {\n\t\t\tscheduled = false\n\t\t\tconst theme = await getThemeFromStores(stores, defaultTheme)\n\t\t\tif (theme === lastEmitted) return\n\t\t\tlastEmitted = theme\n\t\t\thandler(theme)\n\t\t})\n\t}\n\n\t// Initial notify\n\tscheduleNotify()\n\n\tconst unSubs = withSubscribe.map((s) => s.subscribe!((_result) => scheduleNotify()))\n\n\treturn () => {\n\t\tfor (const unSub of unSubs) {\n\t\t\tunSub()\n\t\t}\n\t}\n}\n"],"mappings":";;;;;;;;;;;;;;AAsBA,SAAgB,uBACf,QACA,cACA,SACa;CACb,MAAM,gBAAgB,OAAO,QAC3B,MAAuC,OAAO,EAAE,cAAc,WAC/D;CAED,IAAI,YAAY;CAChB,IAAIA;CAEJ,MAAM,uBAAuB;AAC5B,MAAI,UAAW;AACf,cAAY;AACZ,iBAAe,YAAY;AAC1B,eAAY;GACZ,MAAM,QAAQ,MAAMC,iDAAmB,QAAQ,aAAa;AAC5D,OAAI,UAAU,YAAa;AAC3B,iBAAc;AACd,WAAQ,MAAM;IACb;;AAIH,iBAAgB;CAEhB,MAAM,SAAS,cAAc,KAAK,MAAM,EAAE,WAAY,YAAY,gBAAgB,CAAC,CAAC;AAEpF,cAAa;AACZ,OAAK,MAAM,SAAS,OACnB,QAAO"}

package/dist/theme/_utils/observe-theme-from-stores.mjs

@@ -0,0 +1,39 @@
+import { getThemeFromStores } from "./get-theme-from-stores.mjs";
+
+//#region src/theme/_utils/observe-theme-from-stores.ts
+/**
+* Subscribes to stores that have a subscribe method.
+*
+* When any store emits, runs coalesced handler (getThemeFromStores + callback).
+* Skips handler if resolved theme equals last emitted (value equality).
+*
+* @param stores - Array of theme stores
+* @param defaultTheme - Fallback when all stores return empty
+* @param handler - Callback with resolved theme key
+* @returns Unsubscribe function
+*/
+function observeThemeFromStores(stores, defaultTheme, handler) {
+	const withSubscribe = stores.filter((s) => typeof s.subscribe === "function");
+	let scheduled = false;
+	let lastEmitted;
+	const scheduleNotify = () => {
+		if (scheduled) return;
+		scheduled = true;
+		queueMicrotask(async () => {
+			scheduled = false;
+			const theme = await getThemeFromStores(stores, defaultTheme);
+			if (theme === lastEmitted) return;
+			lastEmitted = theme;
+			handler(theme);
+		});
+	};
+	scheduleNotify();
+	const unSubs = withSubscribe.map((s) => s.subscribe((_result) => scheduleNotify()));
+	return () => {
+		for (const unSub of unSubs) unSub();
+	};
+}
+
+//#endregion
+export { observeThemeFromStores };
+//# sourceMappingURL=observe-theme-from-stores.mjs.map

package/dist/theme/_utils/observe-theme-from-stores.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"observe-theme-from-stores.mjs","names":["lastEmitted: keyof Themes | undefined"],"sources":["../../../src/theme/_utils/observe-theme-from-stores.ts"],"sourcesContent":["import type { RequiredPick } from 'type-plus'\nimport type { ThemeMap } from '../theme-map.types.ts'\nimport type { AsyncThemeStore } from '../theme-store/async-theme-store.types.ts'\nimport type { ThemeStore } from '../theme-store/theme-store.types.ts'\nimport { getThemeFromStores } from './get-theme-from-stores.ts'\n\ntype StoreWithSubscribe<Themes extends ThemeMap> = RequiredPick<\n\tAsyncThemeStore<Themes>,\n\t'subscribe'\n>\n\n/**\n * Subscribes to stores that have a subscribe method.\n *\n * When any store emits, runs coalesced handler (getThemeFromStores + callback).\n * Skips handler if resolved theme equals last emitted (value equality).\n *\n * @param stores - Array of theme stores\n * @param defaultTheme - Fallback when all stores return empty\n * @param handler - Callback with resolved theme key\n * @returns Unsubscribe function\n */\nexport function observeThemeFromStores<Themes extends ThemeMap>(\n\tstores: (ThemeStore<Themes> | AsyncThemeStore<Themes>)[],\n\tdefaultTheme: keyof Themes | undefined,\n\thandler: (theme: keyof Themes | undefined) => void\n): () => void {\n\tconst withSubscribe = stores.filter(\n\t\t(s): s is StoreWithSubscribe<Themes> => typeof s.subscribe === 'function'\n\t)\n\n\tlet scheduled = false\n\tlet lastEmitted: keyof Themes | undefined\n\n\tconst scheduleNotify = () => {\n\t\tif (scheduled) return\n\t\tscheduled = true\n\t\tqueueMicrotask(async () => {\n\t\t\tscheduled = false\n\t\t\tconst theme = await getThemeFromStores(stores, defaultTheme)\n\t\t\tif (theme === lastEmitted) return\n\t\t\tlastEmitted = theme\n\t\t\thandler(theme)\n\t\t})\n\t}\n\n\t// Initial notify\n\tscheduleNotify()\n\n\tconst unSubs = withSubscribe.map((s) => s.subscribe!((_result) => scheduleNotify()))\n\n\treturn () => {\n\t\tfor (const unSub of unSubs) {\n\t\t\tunSub()\n\t\t}\n\t}\n}\n"],"mappings":";;;;;;;;;;;;;;AAsBA,SAAgB,uBACf,QACA,cACA,SACa;CACb,MAAM,gBAAgB,OAAO,QAC3B,MAAuC,OAAO,EAAE,cAAc,WAC/D;CAED,IAAI,YAAY;CAChB,IAAIA;CAEJ,MAAM,uBAAuB;AAC5B,MAAI,UAAW;AACf,cAAY;AACZ,iBAAe,YAAY;AAC1B,eAAY;GACZ,MAAM,QAAQ,MAAM,mBAAmB,QAAQ,aAAa;AAC5D,OAAI,UAAU,YAAa;AAC3B,iBAAc;AACd,WAAQ,MAAM;IACb;;AAIH,iBAAgB;CAEhB,MAAM,SAAS,cAAc,KAAK,MAAM,EAAE,WAAY,YAAY,gBAAgB,CAAC,CAAC;AAEpF,cAAa;AACZ,OAAK,MAAM,SAAS,OACnB,QAAO"}