@elmeragroup/fuse 0.1.0-canary.1

package/switch.d.ts

@@ -0,0 +1,2 @@
+import { Switch, SwitchProps } from "./components/switch/switch.js";
+export { Switch, type SwitchProps };

package/switch.js

@@ -0,0 +1,2 @@
+import { Switch } from "./components/switch/switch.js";
+export { Switch };

package/table.d.ts

@@ -0,0 +1,4 @@
+import { VerticalTableHeaderProps } from "./components/table/vertical-table-header.js";
+import { VerticalTableKeyProps } from "./components/table/vertical-table-key.js";
+import { Table, TableBodyProps, TableCaptionProps, TableCellProps, TableFooterProps, TableHeadProps, TableHeaderProps, TableRootProps, TableRowProps, VerticalTable, VerticalTableBodyProps, VerticalTableItem, VerticalTableRootProps, VerticalTableRowProps, VerticalTableValueProps } from "./components/table/table.js";
+export { Table, type TableBodyProps, type TableCaptionProps, type TableCellProps, type TableFooterProps, type TableHeadProps, type TableHeaderProps, type TableRootProps, type TableRowProps, VerticalTable, type VerticalTableBodyProps, type VerticalTableHeaderProps, type VerticalTableItem, type VerticalTableKeyProps, type VerticalTableRootProps, type VerticalTableRowProps, type VerticalTableValueProps };

package/table.js

@@ -0,0 +1,2 @@
+import { Table, VerticalTable } from "./components/table/table.js";
+export { Table, VerticalTable };

package/tabs.d.ts

@@ -0,0 +1,3 @@
+import { tabsListVariants } from "./components/tabs/tabs-variants.js";
+import { Tabs } from "./components/tabs/index.js";
+export { Tabs, tabsListVariants };

package/tabs.js

@@ -0,0 +1,3 @@
+import { tabsListVariants } from "./components/tabs/tabs-variants.js";
+import { Tabs } from "./components/tabs/index.js";
+export { Tabs, tabsListVariants };

package/text-field.d.ts

@@ -0,0 +1,3 @@
+import { textFieldVariants } from "./components/text-field/text-field-variants.js";
+import { TextField, TextFieldProps } from "./components/text-field/text-field.js";
+export { TextField, type TextFieldProps, textFieldVariants };

package/text-field.js

@@ -0,0 +1,3 @@
+import { textFieldVariants } from "./components/text-field/text-field-variants.js";
+import { TextField } from "./components/text-field/text-field.js";
+export { TextField, textFieldVariants };

package/text.d.ts

@@ -0,0 +1,3 @@
+import { textVariants } from "./components/text/text-variants.js";
+import { Text, TextProps } from "./components/text/text.js";
+export { Text, type TextProps, textVariants };

package/text.js

@@ -0,0 +1,3 @@
+import { textVariants } from "./components/text/text-variants.js";
+import { Text } from "./components/text/text.js";
+export { Text, textVariants };

package/textarea-field.d.ts

@@ -0,0 +1,2 @@
+import { TextareaField, TextareaFieldProps } from "./components/textarea-field/textarea-field.js";
+export { TextareaField, type TextareaFieldProps };

package/textarea-field.js

@@ -0,0 +1,2 @@
+import { TextareaField } from "./components/textarea-field/textarea-field.js";
+export { TextareaField };

package/textarea.d.ts

@@ -0,0 +1,2 @@
+import { Textarea, TextareaProps } from "./components/textarea/textarea.js";
+export { Textarea, type TextareaProps };

package/textarea.js

@@ -0,0 +1,2 @@
+import { Textarea } from "./components/textarea/textarea.js";
+export { Textarea };

package/theme/color-scheme-browser-platform.d.ts

@@ -0,0 +1,62 @@
+import { ColorSchemePlatform } from "./color-scheme-platform.js";
+import { TransitionHost } from "./disable-transition.js";
+//#region src/theme/color-scheme-browser-platform.d.ts
+/** The `MediaQueryList` members the adapter touches; Safari < 14 has only the legacy pair. */
+type ColorSchemeMediaQuery = {
+  /** Whether the query matches. */
+  readonly matches: boolean;
+  /** The modern change listener. */
+  addEventListener?(type: "change", listener: () => void): void;
+  /** Removes a modern change listener. */
+  removeEventListener?(type: "change", listener: () => void): void;
+  /** The legacy change listener. */
+  addListener?(listener: () => void): void;
+  /** Removes a legacy change listener. */
+  removeListener?(listener: () => void): void;
+};
+/** The `StorageEvent` fields the adapter reads. */
+type ColorSchemeStorageEvent = {
+  /** The changed key, or `null` for a whole-area clear. */
+  readonly key: string | null;
+  /** The new value, or `null` for a removal or clear. */
+  readonly newValue: string | null;
+  /** The area that changed, compared by identity with `localStorage`. */
+  readonly storageArea: unknown;
+};
+/** The root the adapter reads and writes; the transition members come from `TransitionHost`. */
+type ColorSchemeHostDocument = {
+  /** The root whose `data-theme` the adapter reads and writes. */
+  readonly documentElement: Pick<Element, "getAttribute" | "setAttribute">;
+};
+/**
+ * The window subset the browser adapter touches: the transition host plus the storage and
+ * media members. `globalThis` satisfies it structurally; the in-memory test host implements
+ * it to model modern, legacy, missing and throwing platforms. The storage and media members
+ * are optional because a server, a webview or a sandbox may lack them, and the
+ * `localStorage` getter itself may throw.
+ */
+export type ColorSchemeHost = TransitionHost & {
+  /** The document whose root carries `data-theme`. */
+  readonly document?: ColorSchemeHostDocument;
+  /** The preference's storage area. */
+  readonly localStorage?: Pick<Storage, "getItem" | "setItem">;
+  /** Evaluates the scheme query. */
+  readonly matchMedia?: (query: string) => ColorSchemeMediaQuery;
+  /** Registers the cross-document `storage` listener. */
+  addEventListener?(type: "storage", listener: (event: ColorSchemeStorageEvent) => void): void;
+  /** Removes the cross-document `storage` listener. */
+  removeEventListener?(type: "storage", listener: (event: ColorSchemeStorageEvent) => void): void;
+};
+/**
+ * Creates the port over a browser-shaped host. It is the only owner of `window`, `document`,
+ * `localStorage` and `matchMedia` for the color-scheme runtime, and it absorbs every platform
+ * fault: a blocked or full storage area, a missing or throwing `matchMedia`, a legacy
+ * `MediaQueryList`, and `storage` events from another area. Globals are read at call time,
+ * so constructing it during a server render is inert.
+ *
+ * @param host - The window to adapt; defaults to `globalThis`.
+ * @returns A total {@link ColorSchemePlatform}.
+ */
+export declare function createBrowserColorSchemePlatform(host?: ColorSchemeHost): ColorSchemePlatform;
+//#endregion
+//# sourceMappingURL=color-scheme-browser-platform.d.ts.map

package/theme/color-scheme-browser-platform.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-scheme-browser-platform.d.ts","names":[],"sources":["../../src/theme/color-scheme-browser-platform.ts"],"mappings":";;;;KAOK;;WAEM;;EAET,kBAAkB,gBAAgB;;EAElC,qBAAqB,gBAAgB;;EAErC,aAAa;;EAEb,gBAAgB;;;KAIb;;WAEM;;WAEA;;WAEA;;;KAIN;;WAEM,iBAAiB,KAAK;;;;;;;;;YAUrB,kBAAkB;;WAEnB,WAAW;;WAEX,eAAe,KAAK;;WAEpB,cAAc,kBAAkB;;EAEzC,kBAAkB,iBAAiB,WAAW,OAAO;;EAErD,qBAAqB,iBAAiB,WAAW,OAAO;;;;;;;;;;;;wBAkC1C,iCAAiC,OAAM,kBAA+B"}

package/theme/color-scheme-browser-platform.js

@@ -0,0 +1,85 @@
+import { disableColorSchemeTransitions } from "./disable-transition.js";
+//#region src/theme/color-scheme-browser-platform.ts
+const SCHEME_QUERY = "(prefers-color-scheme: dark)";
+function attempt(operation, fallback) {
+	try {
+		return operation();
+	} catch {
+		return fallback;
+	}
+}
+function noop() {}
+function once(release) {
+	let released = false;
+	return () => {
+		if (released) return;
+		released = true;
+		attempt(release, void 0);
+	};
+}
+/**
+* Creates the port over a browser-shaped host. It is the only owner of `window`, `document`,
+* `localStorage` and `matchMedia` for the color-scheme runtime, and it absorbs every platform
+* fault: a blocked or full storage area, a missing or throwing `matchMedia`, a legacy
+* `MediaQueryList`, and `storage` events from another area. Globals are read at call time,
+* so constructing it during a server render is inert.
+*
+* @param host - The window to adapt; defaults to `globalThis`.
+* @returns A total {@link ColorSchemePlatform}.
+*/
+function createBrowserColorSchemePlatform(host = globalThis) {
+	const area = () => host.localStorage;
+	return {
+		root: {
+			read: () => attempt(() => host.document?.documentElement.getAttribute("data-theme") ?? null, null),
+			write(value, transition) {
+				const restore = transition === void 0 ? void 0 : disableColorSchemeTransitions(host, transition.nonce);
+				try {
+					attempt(() => host.document?.documentElement.setAttribute("data-theme", value), void 0);
+				} finally {
+					restore?.();
+				}
+			}
+		},
+		storage: {
+			read: (key) => attempt(() => area()?.getItem(key) ?? null, null),
+			write(key, value) {
+				attempt(() => area()?.setItem(key, value), void 0);
+			},
+			subscribe(key, onChange) {
+				const listener = (event) => {
+					if (event.key !== null && event.key !== key) return;
+					if (!attempt(() => event.storageArea === area(), false)) return;
+					onChange(event.newValue);
+				};
+				return attempt(() => {
+					if (host.addEventListener === void 0) return noop;
+					host.addEventListener("storage", listener);
+					return once(() => host.removeEventListener?.("storage", listener));
+				}, noop);
+			}
+		},
+		media: {
+			matches: () => attempt(() => host.matchMedia?.(SCHEME_QUERY).matches === true, false),
+			subscribe(onChange) {
+				return attempt(() => {
+					const query = host.matchMedia?.(SCHEME_QUERY);
+					if (query === void 0) return noop;
+					if (query.addEventListener !== void 0) {
+						query.addEventListener("change", onChange);
+						return once(() => query.removeEventListener?.("change", onChange));
+					}
+					if (query.addListener !== void 0) {
+						query.addListener(onChange);
+						return once(() => query.removeListener?.(onChange));
+					}
+					return noop;
+				}, noop);
+			}
+		}
+	};
+}
+//#endregion
+export { createBrowserColorSchemePlatform };
+
+//# sourceMappingURL=color-scheme-browser-platform.js.map

package/theme/color-scheme-browser-platform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-scheme-browser-platform.js","names":[],"sources":["../../src/theme/color-scheme-browser-platform.ts"],"sourcesContent":["import type { ColorSchemePlatform } from \"./color-scheme-platform\";\nimport { disableColorSchemeTransitions } from \"./disable-transition\";\nimport type { TransitionHost } from \"./disable-transition\";\n\nconst SCHEME_QUERY = \"(prefers-color-scheme: dark)\";\n\n/** The `MediaQueryList` members the adapter touches; Safari < 14 has only the legacy pair. */\ntype ColorSchemeMediaQuery = {\n  /** Whether the query matches. */\n  readonly matches: boolean;\n  /** The modern change listener. */\n  addEventListener?(type: \"change\", listener: () => void): void;\n  /** Removes a modern change listener. */\n  removeEventListener?(type: \"change\", listener: () => void): void;\n  /** The legacy change listener. */\n  addListener?(listener: () => void): void;\n  /** Removes a legacy change listener. */\n  removeListener?(listener: () => void): void;\n};\n\n/** The `StorageEvent` fields the adapter reads. */\ntype ColorSchemeStorageEvent = {\n  /** The changed key, or `null` for a whole-area clear. */\n  readonly key: string | null;\n  /** The new value, or `null` for a removal or clear. */\n  readonly newValue: string | null;\n  /** The area that changed, compared by identity with `localStorage`. */\n  readonly storageArea: unknown;\n};\n\n/** The root the adapter reads and writes; the transition members come from `TransitionHost`. */\ntype ColorSchemeHostDocument = {\n  /** The root whose `data-theme` the adapter reads and writes. */\n  readonly documentElement: Pick<Element, \"getAttribute\" | \"setAttribute\">;\n};\n\n/**\n * The window subset the browser adapter touches: the transition host plus the storage and\n * media members. `globalThis` satisfies it structurally; the in-memory test host implements\n * it to model modern, legacy, missing and throwing platforms. The storage and media members\n * are optional because a server, a webview or a sandbox may lack them, and the\n * `localStorage` getter itself may throw.\n */\nexport type ColorSchemeHost = TransitionHost & {\n  /** The document whose root carries `data-theme`. */\n  readonly document?: ColorSchemeHostDocument;\n  /** The preference's storage area. */\n  readonly localStorage?: Pick<Storage, \"getItem\" | \"setItem\">;\n  /** Evaluates the scheme query. */\n  readonly matchMedia?: (query: string) => ColorSchemeMediaQuery;\n  /** Registers the cross-document `storage` listener. */\n  addEventListener?(type: \"storage\", listener: (event: ColorSchemeStorageEvent) => void): void;\n  /** Removes the cross-document `storage` listener. */\n  removeEventListener?(type: \"storage\", listener: (event: ColorSchemeStorageEvent) => void): void;\n};\n\nfunction attempt<T>(operation: () => T, fallback: T): T {\n  try {\n    return operation();\n  } catch {\n    return fallback;\n  }\n}\n\nfunction noop(): void {\n  // nothing to release\n}\n\nfunction once(release: () => void): () => void {\n  let released = false;\n  return () => {\n    if (released) return;\n    released = true;\n    attempt(release, undefined);\n  };\n}\n\n/**\n * Creates the port over a browser-shaped host. It is the only owner of `window`, `document`,\n * `localStorage` and `matchMedia` for the color-scheme runtime, and it absorbs every platform\n * fault: a blocked or full storage area, a missing or throwing `matchMedia`, a legacy\n * `MediaQueryList`, and `storage` events from another area. Globals are read at call time,\n * so constructing it during a server render is inert.\n *\n * @param host - The window to adapt; defaults to `globalThis`.\n * @returns A total {@link ColorSchemePlatform}.\n */\nexport function createBrowserColorSchemePlatform(host: ColorSchemeHost = globalThis): ColorSchemePlatform {\n  // Re-read per call: the getter can start or stop throwing, and the adapter is built lazily.\n  const area = () => host.localStorage;\n  return {\n    root: {\n      read: () => attempt(() => host.document?.documentElement.getAttribute(\"data-theme\") ?? null, null),\n      write(value, transition) {\n        const restore =\n          transition === undefined ? undefined : disableColorSchemeTransitions(host, transition.nonce);\n        try {\n          attempt(() => host.document?.documentElement.setAttribute(\"data-theme\", value), undefined);\n        } finally {\n          restore?.();\n        }\n      },\n    },\n    storage: {\n      read: (key) => attempt(() => area()?.getItem(key) ?? null, null),\n      write(key, value) {\n        attempt(() => area()?.setItem(key, value), undefined);\n      },\n      subscribe(key, onChange) {\n        const listener = (event: ColorSchemeStorageEvent) => {\n          if (event.key !== null && event.key !== key) return;\n          // A `null` area or a sessionStorage event must not read as a preference change.\n          if (!attempt(() => event.storageArea === area(), false)) return;\n          onChange(event.newValue);\n        };\n        return attempt(() => {\n          if (host.addEventListener === undefined) return noop;\n          host.addEventListener(\"storage\", listener);\n          return once(() => host.removeEventListener?.(\"storage\", listener));\n        }, noop);\n      },\n    },\n    media: {\n      matches: () => attempt(() => host.matchMedia?.(SCHEME_QUERY).matches === true, false),\n      subscribe(onChange) {\n        return attempt(() => {\n          const query = host.matchMedia?.(SCHEME_QUERY);\n          if (query === undefined) return noop;\n          if (query.addEventListener !== undefined) {\n            query.addEventListener(\"change\", onChange);\n            return once(() => query.removeEventListener?.(\"change\", onChange));\n          }\n          if (query.addListener !== undefined) {\n            query.addListener(onChange);\n            return once(() => query.removeListener?.(onChange));\n          }\n          return noop;\n        }, noop);\n      },\n    },\n  };\n}\n"],"mappings":";;AAIA,MAAM,eAAe;AAoDrB,SAAS,QAAW,WAAoB,UAAgB;CACtD,IAAI;EACF,OAAO,UAAU;CACnB,QAAQ;EACN,OAAO;CACT;AACF;AAEA,SAAS,OAAa,CAEtB;AAEA,SAAS,KAAK,SAAiC;CAC7C,IAAI,WAAW;CACf,aAAa;EACX,IAAI,UAAU;EACd,WAAW;EACX,QAAQ,SAAS,KAAA,CAAS;CAC5B;AACF;;;;;;;;;;;AAYA,SAAgB,iCAAiC,OAAwB,YAAiC;CAExG,MAAM,aAAa,KAAK;CACxB,OAAO;EACL,MAAM;GACJ,YAAY,cAAc,KAAK,UAAU,gBAAgB,aAAa,YAAY,KAAK,MAAM,IAAI;GACjG,MAAM,OAAO,YAAY;IACvB,MAAM,UACJ,eAAe,KAAA,IAAY,KAAA,IAAY,8BAA8B,MAAM,WAAW,KAAK;IAC7F,IAAI;KACF,cAAc,KAAK,UAAU,gBAAgB,aAAa,cAAc,KAAK,GAAG,KAAA,CAAS;IAC3F,UAAU;KACR,UAAU;IACZ;GACF;EACF;EACA,SAAS;GACP,OAAO,QAAQ,cAAc,KAAK,CAAC,EAAE,QAAQ,GAAG,KAAK,MAAM,IAAI;GAC/D,MAAM,KAAK,OAAO;IAChB,cAAc,KAAK,CAAC,EAAE,QAAQ,KAAK,KAAK,GAAG,KAAA,CAAS;GACtD;GACA,UAAU,KAAK,UAAU;IACvB,MAAM,YAAY,UAAmC;KACnD,IAAI,MAAM,QAAQ,QAAQ,MAAM,QAAQ,KAAK;KAE7C,IAAI,CAAC,cAAc,MAAM,gBAAgB,KAAK,GAAG,KAAK,GAAG;KACzD,SAAS,MAAM,QAAQ;IACzB;IACA,OAAO,cAAc;KACnB,IAAI,KAAK,qBAAqB,KAAA,GAAW,OAAO;KAChD,KAAK,iBAAiB,WAAW,QAAQ;KACzC,OAAO,WAAW,KAAK,sBAAsB,WAAW,QAAQ,CAAC;IACnE,GAAG,IAAI;GACT;EACF;EACA,OAAO;GACL,eAAe,cAAc,KAAK,aAAa,YAAY,CAAC,CAAC,YAAY,MAAM,KAAK;GACpF,UAAU,UAAU;IAClB,OAAO,cAAc;KACnB,MAAM,QAAQ,KAAK,aAAa,YAAY;KAC5C,IAAI,UAAU,KAAA,GAAW,OAAO;KAChC,IAAI,MAAM,qBAAqB,KAAA,GAAW;MACxC,MAAM,iBAAiB,UAAU,QAAQ;MACzC,OAAO,WAAW,MAAM,sBAAsB,UAAU,QAAQ,CAAC;KACnE;KACA,IAAI,MAAM,gBAAgB,KAAA,GAAW;MACnC,MAAM,YAAY,QAAQ;MAC1B,OAAO,WAAW,MAAM,iBAAiB,QAAQ,CAAC;KACpD;KACA,OAAO;IACT,GAAG,IAAI;GACT;EACF;CACF;AACF"}

package/theme/color-scheme-diagnostics.d.ts

@@ -0,0 +1,5 @@
+import { ColorSchemeBootstrapManifest } from "./color-scheme.js";
+//#region src/theme/color-scheme-diagnostics.d.ts
+export declare function diagnoseColorSchemeBootstrap(expected: ColorSchemeBootstrapManifest, injectColorSchemeScript: boolean): void;
+//#endregion
+//# sourceMappingURL=color-scheme-diagnostics.d.ts.map

package/theme/color-scheme-diagnostics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-scheme-diagnostics.d.ts","names":[],"sources":["../../src/theme/color-scheme-diagnostics.ts"],"mappings":";;wBA8CgB,6BACd,UAAU,8BACV"}

package/theme/color-scheme-diagnostics.js

@@ -0,0 +1,32 @@
+import { isThemeDevelopment } from "./validate-theme.js";
+import { COLOR_SCHEME_BOOTSTRAP_SOURCE_DUPLICATE, COLOR_SCHEME_BOOTSTRAP_SOURCE_KEY, COLOR_SCHEME_BOOTSTRAP_SOURCE_PROVIDER, colorSchemeManifestsEqual, readColorSchemeBootstrapManifest } from "./color-scheme.js";
+//#region src/theme/color-scheme-diagnostics.ts
+const COLOR_SCHEME_BOOTSTRAP_MISSING_MESSAGE = "ThemeProvider did not find the color-scheme bootstrap manifest. Place ColorSchemeScript or colorSchemeScriptSource in the host document before paintable content.";
+const COLOR_SCHEME_BOOTSTRAP_DUPLICATE_MESSAGE = "ThemeProvider injectColorSchemeScript is enabled, but a color-scheme bootstrap already ran. Disable injection when the host places the script.";
+function colorSchemeBootstrapMismatchMessage(expected, found) {
+	return `ThemeProvider color-scheme configuration does not match the bootstrap manifest. Expected ${JSON.stringify(expected)}, found ${JSON.stringify(found)}.`;
+}
+function readColorSchemeBootstrapSource(found) {
+	try {
+		const descriptor = Object.getOwnPropertyDescriptor(found, COLOR_SCHEME_BOOTSTRAP_SOURCE_KEY);
+		if (descriptor?.value === "provider") return COLOR_SCHEME_BOOTSTRAP_SOURCE_PROVIDER;
+		if (descriptor?.value === "duplicate") return COLOR_SCHEME_BOOTSTRAP_SOURCE_DUPLICATE;
+		return;
+	} catch {
+		return;
+	}
+}
+function diagnoseColorSchemeBootstrap(expected, injectColorSchemeScript) {
+	if (!isThemeDevelopment()) return;
+	const found = readColorSchemeBootstrapManifest();
+	if (found === void 0) {
+		console.warn(COLOR_SCHEME_BOOTSTRAP_MISSING_MESSAGE);
+		return;
+	}
+	if (!colorSchemeManifestsEqual(expected, found)) console.warn(colorSchemeBootstrapMismatchMessage(expected, found));
+	if (injectColorSchemeScript && readColorSchemeBootstrapSource(found) !== "provider") console.warn(COLOR_SCHEME_BOOTSTRAP_DUPLICATE_MESSAGE);
+}
+//#endregion
+export { diagnoseColorSchemeBootstrap };
+
+//# sourceMappingURL=color-scheme-diagnostics.js.map

package/theme/color-scheme-diagnostics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-scheme-diagnostics.js","names":[],"sources":["../../src/theme/color-scheme-diagnostics.ts"],"sourcesContent":["import {\n  COLOR_SCHEME_BOOTSTRAP_SOURCE_DUPLICATE,\n  COLOR_SCHEME_BOOTSTRAP_SOURCE_KEY,\n  COLOR_SCHEME_BOOTSTRAP_SOURCE_PROVIDER,\n  colorSchemeManifestsEqual,\n  readColorSchemeBootstrapManifest,\n} from \"./color-scheme\";\nimport type { ColorSchemeBootstrapManifest } from \"./color-scheme\";\nimport { isThemeDevelopment } from \"./validate-theme\";\n\nconst COLOR_SCHEME_BOOTSTRAP_MISSING_MESSAGE =\n  \"ThemeProvider did not find the color-scheme bootstrap manifest. Place ColorSchemeScript or colorSchemeScriptSource in the host document before paintable content.\";\n\nconst COLOR_SCHEME_BOOTSTRAP_DUPLICATE_MESSAGE =\n  \"ThemeProvider injectColorSchemeScript is enabled, but a color-scheme bootstrap already ran. Disable injection when the host places the script.\";\n\nfunction colorSchemeBootstrapMismatchMessage(\n  expected: ColorSchemeBootstrapManifest,\n  found: ColorSchemeBootstrapManifest\n): string {\n  return (\n    \"ThemeProvider color-scheme configuration does not match the bootstrap manifest. \" +\n    `Expected ${JSON.stringify(expected)}, found ${JSON.stringify(found)}.`\n  );\n}\n\nfunction readColorSchemeBootstrapSource(\n  found: ColorSchemeBootstrapManifest\n):\n  | typeof COLOR_SCHEME_BOOTSTRAP_SOURCE_PROVIDER\n  | typeof COLOR_SCHEME_BOOTSTRAP_SOURCE_DUPLICATE\n  | undefined {\n  try {\n    const descriptor = Object.getOwnPropertyDescriptor(found, COLOR_SCHEME_BOOTSTRAP_SOURCE_KEY);\n    if (descriptor?.value === COLOR_SCHEME_BOOTSTRAP_SOURCE_PROVIDER) {\n      return COLOR_SCHEME_BOOTSTRAP_SOURCE_PROVIDER;\n    }\n    if (descriptor?.value === COLOR_SCHEME_BOOTSTRAP_SOURCE_DUPLICATE) {\n      return COLOR_SCHEME_BOOTSTRAP_SOURCE_DUPLICATE;\n    }\n    return undefined;\n  } catch {\n    return undefined;\n  }\n}\n\nexport function diagnoseColorSchemeBootstrap(\n  expected: ColorSchemeBootstrapManifest,\n  injectColorSchemeScript: boolean\n): void {\n  if (!isThemeDevelopment()) {\n    return;\n  }\n\n  const found = readColorSchemeBootstrapManifest();\n  if (found === undefined) {\n    console.warn(COLOR_SCHEME_BOOTSTRAP_MISSING_MESSAGE);\n    return;\n  }\n\n  if (!colorSchemeManifestsEqual(expected, found)) {\n    console.warn(colorSchemeBootstrapMismatchMessage(expected, found));\n  }\n\n  if (\n    injectColorSchemeScript &&\n    readColorSchemeBootstrapSource(found) !== COLOR_SCHEME_BOOTSTRAP_SOURCE_PROVIDER\n  ) {\n    console.warn(COLOR_SCHEME_BOOTSTRAP_DUPLICATE_MESSAGE);\n  }\n}\n"],"mappings":";;;AAUA,MAAM,yCACJ;AAEF,MAAM,2CACJ;AAEF,SAAS,oCACP,UACA,OACQ;CACR,OACE,4FACY,KAAK,UAAU,QAAQ,EAAE,UAAU,KAAK,UAAU,KAAK,EAAE;AAEzE;AAEA,SAAS,+BACP,OAIY;CACZ,IAAI;EACF,MAAM,aAAa,OAAO,yBAAyB,OAAO,iCAAiC;EAC3F,IAAI,YAAY,UAAA,YACd,OAAO;EAET,IAAI,YAAY,UAAA,aACd,OAAO;EAET;CACF,QAAQ;EACN;CACF;AACF;AAEA,SAAgB,6BACd,UACA,yBACM;CACN,IAAI,CAAC,mBAAmB,GACtB;CAGF,MAAM,QAAQ,iCAAiC;CAC/C,IAAI,UAAU,KAAA,GAAW;EACvB,QAAQ,KAAK,sCAAsC;EACnD;CACF;CAEA,IAAI,CAAC,0BAA0B,UAAU,KAAK,GAC5C,QAAQ,KAAK,oCAAoC,UAAU,KAAK,CAAC;CAGnE,IACE,2BACA,+BAA+B,KAAK,MAAA,YAEpC,QAAQ,KAAK,wCAAwC;AAEzD"}

package/theme/color-scheme-platform.d.ts

@@ -0,0 +1,51 @@
+import { ColorScheme, ResolvedColorScheme } from "./color-scheme-types.js";
+//#region src/theme/color-scheme-platform.d.ts
+/** How a root write treats CSS transitions: `undefined` lets them run. */
+export type ColorSchemeTransition = {
+  readonly nonce: string | undefined;
+} | undefined;
+/**
+ * What the color-scheme runtime needs from a document: the root `data-theme` attribute, one
+ * storage area and the `(prefers-color-scheme: dark)` query, the same three channels the
+ * pre-hydration bootstrap touches.
+ *
+ * Adapter obligations the runtime relies on:
+ * - Totality: no member throws. An unreachable platform looks empty: `read` is `null`,
+ *   `matches` is `false` and `subscribe` returns a no-op. The runtime therefore has no
+ *   try/catch.
+ * - Synchrony: `root.write` has taken effect when it returns.
+ * - No self-echo: `storage.subscribe` never reports this document's own `write`.
+ * - Laziness: constructing an adapter reads no globals, so a server render stays inert.
+ *
+ * Free of React and DOM types on purpose, so the runtime has no platform dependency.
+ */
+export type ColorSchemePlatform = {
+  /** The document root's `data-theme` attribute. */
+  readonly root: {
+    /** The raw attribute, or `null` when it is absent or the root is unreachable. */
+    read(): string | null;
+    /** Sets the attribute synchronously; with a transition, CSS transitions cannot animate it. */
+    write(value: ResolvedColorScheme, transition: ColorSchemeTransition): void;
+  };
+  /** The persistent storage area that holds the preference (local storage in a browser). */
+  readonly storage: {
+    /** The stored string, or `null` when it is absent, blocked or unreadable. */
+    read(key: string): string | null;
+    /** Best effort: a quota or security failure is swallowed. */
+    write(key: string, value: ColorScheme): void;
+    /**
+     * Calls `onChange(newValue)` when another document changes `key` in this same area, and
+     * with `null` for a whole-area clear. Returns an idempotent unsubscribe.
+     */
+    subscribe(key: string, onChange: (newValue: string | null) => void): () => void;
+  };
+  /** The `(prefers-color-scheme: dark)` media query. */
+  readonly media: {
+    /** Whether the query matches, or `false` when the platform cannot evaluate it. */
+    matches(): boolean;
+    /** Calls `onChange` when the match may have flipped. Returns an idempotent unsubscribe. */
+    subscribe(onChange: () => void): () => void;
+  };
+};
+//#endregion
+//# sourceMappingURL=color-scheme-platform.d.ts.map

package/theme/color-scheme-platform.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-scheme-platform.d.ts","names":[],"sources":["../../src/theme/color-scheme-platform.ts"],"mappings":";;;YAGY;WAAmC;;;;;;;;;;;;;;;;;YAiBnC;;WAED;;IAEP;;IAEA,MAAM,OAAO,qBAAqB,YAAY;;;WAGvC;;IAEP,KAAK;;IAEL,MAAM,aAAa,OAAO;;;;;IAK1B,UAAU,aAAa,WAAW;;;WAG3B;;IAEP;;IAEA,UAAU"}

package/theme/color-scheme-root.d.ts

@@ -0,0 +1,38 @@
+import { ColorScheme } from "./color-scheme-types.js";
+import { ColorSchemeOptions, ColorSchemeScriptElementProps, UseColorSchemeResult } from "./color-scheme.js";
+import { ReactNode } from "react";
+//#region src/theme/color-scheme-root.d.ts
+/** The document's color-scheme snapshot, provided by the one `ColorSchemeRoot`. */
+export declare const ColorSchemeContext: import("react").Context<UseColorSchemeResult | undefined>;
+/** The runtime's `force`, for `ForceColorScheme`; `undefined` outside a `ColorSchemeRoot`. */
+export declare const ColorSchemeForceContext: import("react").Context<((value: ColorScheme, depth: number) => () => void) | undefined>;
+/** How many `ForceColorScheme` boundaries enclose a subtree. */
+export declare const ColorSchemeForceDepthContext: import("react").Context<number>;
+/**
+ * `ThemeProvider`'s color-scheme props. Declared apart from `ThemeProviderProps` so that
+ * public type keeps its exact text; a type test pins that the provider's props fit here.
+ */
+export type ColorSchemeRootProps = ColorSchemeOptions & {
+  /** The subtree that reads or forces the color scheme. */
+  children: ReactNode;
+  /** Suppress CSS transitions for every runtime `data-theme` write. */
+  disableTransitionOnChange?: boolean;
+  /** Render the bootstrap script instead of expecting the host to place it. */
+  injectColorSchemeScript?: boolean;
+  /** The CSP nonce for the injected script and the transition-suppression style. */
+  nonce?: string;
+  /** Extra attributes for the injected script. */
+  scriptProps?: ColorSchemeScriptElementProps;
+};
+/**
+ * Owns the document's color-scheme runtime: it creates it over the browser platform,
+ * configures it in the insertion phase of every commit, connects it after mount, runs the
+ * one-time bootstrap diagnostics and renders the injected script. Render it exactly once
+ * per document, above everything that reads the color scheme.
+ *
+ * @param props - The color-scheme options and the subtree.
+ * @returns The subtree inside the color-scheme contexts.
+ */
+export declare function ColorSchemeRoot({ children, storageKey, defaultColorScheme, enableSystem, forcedColorScheme, disableTransitionOnChange, injectColorSchemeScript, nonce, scriptProps }: ColorSchemeRootProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=color-scheme-root.d.ts.map

package/theme/color-scheme-root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-scheme-root.d.ts","names":[],"sources":["../../src/theme/color-scheme-root.tsx"],"mappings":";;;;;qBAca,oCAAkB,QAAA;;qBAGlB,yCAAuB,UAAA,OAAvB,aAAuB;;qBAGvB,8CAA4B;;;;;YAM7B,uBAAuB;;EAEjC,UAAU;;EAEV;;EAEA;;EAEA;;EAEA,cAAc;;;;;;;;;;;wBAYA,kBACd,UACA,YACA,oBACA,cACA,mBACA,2BACA,yBACA,OACA,eACC,uCAAoB,IAAA"}

package/theme/color-scheme-root.js

@@ -0,0 +1,63 @@
+"use client";
+import { resolveColorSchemeOptions } from "./color-scheme.js";
+import { InjectedColorSchemeScript } from "./color-scheme-script.js";
+import { createBrowserColorSchemePlatform } from "./color-scheme-browser-platform.js";
+import { diagnoseColorSchemeBootstrap } from "./color-scheme-diagnostics.js";
+import { createColorSchemeRuntime } from "./color-scheme-runtime.js";
+import { createContext, useEffect, useInsertionEffect, useRef, useState, useSyncExternalStore } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/theme/color-scheme-root.tsx
+/** The document's color-scheme snapshot, provided by the one `ColorSchemeRoot`. */
+const ColorSchemeContext = createContext(void 0);
+/** The runtime's `force`, for `ForceColorScheme`; `undefined` outside a `ColorSchemeRoot`. */
+const ColorSchemeForceContext = createContext(void 0);
+/** How many `ForceColorScheme` boundaries enclose a subtree. */
+const ColorSchemeForceDepthContext = createContext(0);
+/**
+* Owns the document's color-scheme runtime: it creates it over the browser platform,
+* configures it in the insertion phase of every commit, connects it after mount, runs the
+* one-time bootstrap diagnostics and renders the injected script. Render it exactly once
+* per document, above everything that reads the color scheme.
+*
+* @param props - The color-scheme options and the subtree.
+* @returns The subtree inside the color-scheme contexts.
+*/
+function ColorSchemeRoot({ children, storageKey, defaultColorScheme, enableSystem, forcedColorScheme, disableTransitionOnChange = false, injectColorSchemeScript = false, nonce, scriptProps }) {
+	const manifest = resolveColorSchemeOptions({
+		storageKey,
+		defaultColorScheme,
+		enableSystem,
+		forcedColorScheme
+	});
+	const config = {
+		...manifest,
+		disableTransitionOnChange,
+		nonce
+	};
+	const [runtime] = useState(() => createColorSchemeRuntime(config, createBrowserColorSchemePlatform()));
+	const colorScheme = useSyncExternalStore(runtime.subscribe, runtime.getSnapshot, runtime.getServerSnapshot);
+	const diagnosed = useRef(false);
+	useInsertionEffect(() => {
+		runtime.configure(config);
+		if (!diagnosed.current) {
+			diagnosed.current = true;
+			diagnoseColorSchemeBootstrap(manifest, injectColorSchemeScript);
+		}
+	});
+	useEffect(() => runtime.connect(), [runtime]);
+	return /* @__PURE__ */ jsx(ColorSchemeContext.Provider, {
+		value: colorScheme,
+		children: /* @__PURE__ */ jsxs(ColorSchemeForceContext.Provider, {
+			value: runtime.force,
+			children: [injectColorSchemeScript ? /* @__PURE__ */ jsx(InjectedColorSchemeScript, {
+				...manifest,
+				nonce,
+				scriptProps
+			}) : null, children]
+		})
+	});
+}
+//#endregion
+export { ColorSchemeContext, ColorSchemeForceContext, ColorSchemeForceDepthContext, ColorSchemeRoot };
+
+//# sourceMappingURL=color-scheme-root.js.map

package/theme/color-scheme-root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-scheme-root.js","names":[],"sources":["../../src/theme/color-scheme-root.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useEffect, useInsertionEffect, useRef, useState, useSyncExternalStore } from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { resolveColorSchemeOptions } from \"./color-scheme\";\nimport type { ColorSchemeOptions, ColorSchemeScriptElementProps, UseColorSchemeResult } from \"./color-scheme\";\nimport { createBrowserColorSchemePlatform } from \"./color-scheme-browser-platform\";\nimport { diagnoseColorSchemeBootstrap } from \"./color-scheme-diagnostics\";\nimport { createColorSchemeRuntime } from \"./color-scheme-runtime\";\nimport type { ColorSchemeRuntime, ColorSchemeRuntimeConfig } from \"./color-scheme-runtime\";\nimport { InjectedColorSchemeScript } from \"./color-scheme-script\";\n\n/** The document's color-scheme snapshot, provided by the one `ColorSchemeRoot`. */\nexport const ColorSchemeContext = createContext<UseColorSchemeResult | undefined>(undefined);\n\n/** The runtime's `force`, for `ForceColorScheme`; `undefined` outside a `ColorSchemeRoot`. */\nexport const ColorSchemeForceContext = createContext<ColorSchemeRuntime[\"force\"] | undefined>(undefined);\n\n/** How many `ForceColorScheme` boundaries enclose a subtree. */\nexport const ColorSchemeForceDepthContext = createContext(0);\n\n/**\n * `ThemeProvider`'s color-scheme props. Declared apart from `ThemeProviderProps` so that\n * public type keeps its exact text; a type test pins that the provider's props fit here.\n */\nexport type ColorSchemeRootProps = ColorSchemeOptions & {\n  /** The subtree that reads or forces the color scheme. */\n  children: ReactNode;\n  /** Suppress CSS transitions for every runtime `data-theme` write. */\n  disableTransitionOnChange?: boolean;\n  /** Render the bootstrap script instead of expecting the host to place it. */\n  injectColorSchemeScript?: boolean;\n  /** The CSP nonce for the injected script and the transition-suppression style. */\n  nonce?: string;\n  /** Extra attributes for the injected script. */\n  scriptProps?: ColorSchemeScriptElementProps;\n};\n\n/**\n * Owns the document's color-scheme runtime: it creates it over the browser platform,\n * configures it in the insertion phase of every commit, connects it after mount, runs the\n * one-time bootstrap diagnostics and renders the injected script. Render it exactly once\n * per document, above everything that reads the color scheme.\n *\n * @param props - The color-scheme options and the subtree.\n * @returns The subtree inside the color-scheme contexts.\n */\nexport function ColorSchemeRoot({\n  children,\n  storageKey,\n  defaultColorScheme,\n  enableSystem,\n  forcedColorScheme,\n  disableTransitionOnChange = false,\n  injectColorSchemeScript = false,\n  nonce,\n  scriptProps,\n}: ColorSchemeRootProps) {\n  const manifest = resolveColorSchemeOptions({\n    storageKey,\n    defaultColorScheme,\n    enableSystem,\n    forcedColorScheme,\n  });\n  const config: ColorSchemeRuntimeConfig = { ...manifest, disableTransitionOnChange, nonce };\n  const [runtime] = useState(() => createColorSchemeRuntime(config, createBrowserColorSchemePlatform()));\n  const colorScheme = useSyncExternalStore(runtime.subscribe, runtime.getSnapshot, runtime.getServerSnapshot);\n  const diagnosed = useRef(false);\n\n  // No dependency list on purpose: every commit re-runs configure, which is free for an equal\n  // config but still corrects a data-theme that host code overwrote. The insertion phase runs\n  // before descendant layout effects, and a suspended render never reaches it.\n  useInsertionEffect(() => {\n    runtime.configure(config);\n    if (!diagnosed.current) {\n      diagnosed.current = true;\n      diagnoseColorSchemeBootstrap(manifest, injectColorSchemeScript);\n    }\n  });\n\n  useEffect(() => runtime.connect(), [runtime]);\n\n  return (\n    <ColorSchemeContext.Provider value={colorScheme}>\n      <ColorSchemeForceContext.Provider value={runtime.force}>\n        {injectColorSchemeScript ? (\n          <InjectedColorSchemeScript {...manifest} nonce={nonce} scriptProps={scriptProps} />\n        ) : null}\n        {children}\n      </ColorSchemeForceContext.Provider>\n    </ColorSchemeContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;AAcA,MAAa,qBAAqB,cAAgD,KAAA,CAAS;;AAG3F,MAAa,0BAA0B,cAAuD,KAAA,CAAS;;AAGvG,MAAa,+BAA+B,cAAc,CAAC;;;;;;;;;;AA4B3D,SAAgB,gBAAgB,EAC9B,UACA,YACA,oBACA,cACA,mBACA,4BAA4B,OAC5B,0BAA0B,OAC1B,OACA,eACuB;CACvB,MAAM,WAAW,0BAA0B;EACzC;EACA;EACA;EACA;CACF,CAAC;CACD,MAAM,SAAmC;EAAE,GAAG;EAAU;EAA2B;CAAM;CACzF,MAAM,CAAC,WAAW,eAAe,yBAAyB,QAAQ,iCAAiC,CAAC,CAAC;CACrG,MAAM,cAAc,qBAAqB,QAAQ,WAAW,QAAQ,aAAa,QAAQ,iBAAiB;CAC1G,MAAM,YAAY,OAAO,KAAK;CAK9B,yBAAyB;EACvB,QAAQ,UAAU,MAAM;EACxB,IAAI,CAAC,UAAU,SAAS;GACtB,UAAU,UAAU;GACpB,6BAA6B,UAAU,uBAAuB;EAChE;CACF,CAAC;CAED,gBAAgB,QAAQ,QAAQ,GAAG,CAAC,OAAO,CAAC;CAE5C,OACE,oBAAC,mBAAmB,UAApB;EAA6B,OAAO;EAClC,UAAA,qBAAC,wBAAwB,UAAzB;GAAkC,OAAO,QAAQ;GAAjD,UAAA,CACG,0BACC,oBAAC,2BAAD;IAA2B,GAAI;IAAiB;IAAoB;GAAc,CAAA,IAChF,MACH,QAC+B;;CACP,CAAA;AAEjC"}

package/theme/color-scheme-runtime.d.ts

@@ -0,0 +1,56 @@
+import { ColorScheme } from "./color-scheme-types.js";
+import { ColorSchemeBootstrapManifest, UseColorSchemeResult } from "./color-scheme.js";
+import { ColorSchemePlatform } from "./color-scheme-platform.js";
+//#region src/theme/color-scheme-runtime.d.ts
+/** The bootstrap manifest plus the two runtime-only knobs, under the manifest's field names. */
+export type ColorSchemeRuntimeConfig = ColorSchemeBootstrapManifest & {
+  /** Suppress CSS transitions for every root write the runtime makes. */
+  disableTransitionOnChange: boolean;
+  /** The CSP nonce for the transition-suppression style. */
+  nonce: string | undefined;
+};
+/** A ready-made `useColorScheme` value: stable identity between changes, stable setter. */
+export type ColorSchemeRuntimeSnapshot = UseColorSchemeResult;
+/**
+ * The document's color-scheme state machine. It owns hydration, the platform subscriptions,
+ * the force stack and every `data-theme` write; callers only configure, connect and force.
+ */
+export type ColorSchemeRuntime = {
+  /** Registers a `useSyncExternalStore` listener; returns its unsubscribe. */
+  subscribe: (listener: () => void) => () => void;
+  /** The current snapshot. Makes no platform call and allocates nothing. */
+  getSnapshot: () => ColorSchemeRuntimeSnapshot;
+  /** The hydration snapshot, which is the live one: React reads it only before `connect`. */
+  getServerSnapshot: () => ColorSchemeRuntimeSnapshot;
+  /**
+   * Commits a config. Call it in an insertion effect on every commit: a field-equal config
+   * changes nothing observable but still corrects an externally overwritten root. A changed
+   * config refreshes the snapshot at once, notifies after a microtask, and while connected
+   * re-reads the preference or the media query it depends on.
+   */
+  configure: (config: ColorSchemeRuntimeConfig) => void;
+  /**
+   * Hydrates from the platform, subscribes to storage and (with system support) media, and
+   * corrects the root. Returns an idempotent disconnect that only unsubscribes; the hydrated
+   * state stays, so StrictMode's connect, disconnect, connect makes no extra write.
+   */
+  connect: () => () => void;
+  /**
+   * Applies a force at a nesting depth: the deepest wins, and the latest at equal depth.
+   * Runtime forces beat `forcedColorScheme`, which beats the preference. Safe before the
+   * first `configure`. Returns an idempotent release.
+   */
+  force: (value: ColorScheme, depth: number) => () => void;
+};
+/**
+ * Creates the runtime. Construction makes no platform call, so it is safe during a server
+ * render, a StrictMode double render and a discarded state initializer.
+ *
+ * @param initialConfig - Stands in until the first `configure`, so an early `force` already
+ *   writes with the right `forcedColorScheme` and nonce.
+ * @param platform - The port the runtime reads and writes through.
+ * @returns The runtime.
+ */
+export declare function createColorSchemeRuntime(initialConfig: ColorSchemeRuntimeConfig, platform: ColorSchemePlatform): ColorSchemeRuntime;
+//#endregion
+//# sourceMappingURL=color-scheme-runtime.d.ts.map

package/theme/color-scheme-runtime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-scheme-runtime.d.ts","names":[],"sources":["../../src/theme/color-scheme-runtime.ts"],"mappings":";;;;;YAMY,2BAA2B;;EAErC;;EAEA;;;YAIU,6BAA6B;;;;;YAM7B;;EAEV,YAAY;;EAEZ,mBAAmB;;EAEnB,yBAAyB;;;;;;;EAOzB,YAAY,QAAQ;;;;;;EAMpB;;;;;;EAMA,QAAQ,OAAO,aAAa;;;;;;;;;;;wBA8Cd,yBACd,eAAe,0BACf,UAAU,sBACT"}