@elmeragroup/fuse 0.1.0-canary.1

package/theme/color-scheme-runtime.js

@@ -0,0 +1,203 @@
+import { colorSchemeManifestsEqual, parseColorScheme } from "./color-scheme.js";
+//#region src/theme/color-scheme-runtime.ts
+function noop() {}
+function configsEqual(left, right) {
+	return colorSchemeManifestsEqual(left, right) && left.disableTransitionOnChange === right.disableTransitionOnChange && left.nonce === right.nonce;
+}
+/**
+* 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.
+*/
+function createColorSchemeRuntime(initialConfig, platform) {
+	let config = initialConfig;
+	let preference = initialConfig.defaultColorScheme;
+	let lifecycle = {
+		_tag: "unhydrated",
+		preferenceSource: "default",
+		prefersDark: void 0
+	};
+	const forces = [];
+	const listeners = /* @__PURE__ */ new Set();
+	let notifyScheduled = false;
+	const setColorScheme = (value) => {
+		preference = parseColorScheme(value, config.defaultColorScheme);
+		if (lifecycle._tag === "unhydrated") lifecycle = {
+			...lifecycle,
+			preferenceSource: "explicit"
+		};
+		platform.storage.write(config.storageKey, preference);
+		reconcile();
+		publish("event");
+	};
+	let snapshot = {
+		colorScheme: preference,
+		resolvedColorScheme: void 0,
+		setColorScheme
+	};
+	function activeForce() {
+		let winner;
+		for (const entry of forces) if (winner === void 0 || entry.depth >= winner.depth) winner = entry;
+		return winner?.value ?? config.forcedColorScheme;
+	}
+	function resolve() {
+		const source = activeForce() ?? preference;
+		if (source === "light" || source === "dark") return source;
+		if (!config.enableSystem) return "light";
+		return prefersDark() ? "dark" : "light";
+	}
+	function prefersDark() {
+		if (lifecycle._tag === "hydrated") return lifecycle.prefersDark;
+		if (lifecycle.prefersDark !== void 0) return lifecycle.prefersDark;
+		const matches = platform.media.matches();
+		lifecycle = {
+			...lifecycle,
+			prefersDark: matches
+		};
+		return matches;
+	}
+	function reconcile() {
+		if (!(lifecycle._tag === "hydrated" || lifecycle.preferenceSource === "explicit" || activeForce() !== void 0)) return;
+		const next = resolve();
+		if (platform.root.read() === next) return;
+		platform.root.write(next, config.disableTransitionOnChange ? { nonce: config.nonce } : void 0);
+	}
+	function notify() {
+		for (const listener of listeners) listener();
+	}
+	function publish(phase) {
+		const resolvedColorScheme = lifecycle._tag === "hydrated" ? resolve() : void 0;
+		if (snapshot.colorScheme === preference && snapshot.resolvedColorScheme === resolvedColorScheme) return;
+		snapshot = {
+			colorScheme: preference,
+			resolvedColorScheme,
+			setColorScheme
+		};
+		if (phase === "event") {
+			notify();
+			return;
+		}
+		if (notifyScheduled) return;
+		notifyScheduled = true;
+		queueMicrotask(() => {
+			notifyScheduled = false;
+			notify();
+		});
+	}
+	function hydratePreference() {
+		preference = parseColorScheme(platform.storage.read(config.storageKey), config.defaultColorScheme);
+	}
+	function subscribeStorage() {
+		return platform.storage.subscribe(config.storageKey, (newValue) => {
+			preference = parseColorScheme(newValue, config.defaultColorScheme);
+			reconcile();
+			publish("event");
+		});
+	}
+	function subscribeMedia(hydrated) {
+		if (!config.enableSystem) return noop;
+		return platform.media.subscribe(() => {
+			hydrated.prefersDark = platform.media.matches();
+			reconcile();
+			publish("event");
+		});
+	}
+	function unsubscribe(hydrated) {
+		hydrated.subscriptions?.storage();
+		hydrated.subscriptions?.media();
+		hydrated.subscriptions = void 0;
+	}
+	function rehydrate(hydrated, previous, next) {
+		if (previous.storageKey !== next.storageKey || previous.defaultColorScheme !== next.defaultColorScheme) hydratePreference();
+		if (next.enableSystem && !previous.enableSystem) hydrated.prefersDark = platform.media.matches();
+	}
+	function resubscribe(hydrated, previous, next) {
+		const current = hydrated.subscriptions;
+		if (current === void 0) return;
+		let { storage, media } = current;
+		if (previous.storageKey !== next.storageKey) {
+			storage();
+			storage = subscribeStorage();
+		}
+		if (previous.enableSystem !== next.enableSystem) {
+			media();
+			media = subscribeMedia(hydrated);
+		}
+		hydrated.subscriptions = {
+			storage,
+			media
+		};
+	}
+	function applyConfig(next) {
+		const previous = config;
+		config = next;
+		if (lifecycle._tag === "unhydrated") {
+			if (lifecycle.preferenceSource === "default") preference = next.defaultColorScheme;
+			return;
+		}
+		rehydrate(lifecycle, previous, next);
+		resubscribe(lifecycle, previous, next);
+	}
+	return {
+		subscribe(listener) {
+			listeners.add(listener);
+			return () => {
+				listeners.delete(listener);
+			};
+		},
+		getSnapshot() {
+			return snapshot;
+		},
+		getServerSnapshot() {
+			return snapshot;
+		},
+		configure(next) {
+			if (!configsEqual(config, next)) applyConfig(next);
+			reconcile();
+			publish("commit");
+		},
+		connect() {
+			if (lifecycle._tag === "hydrated") unsubscribe(lifecycle);
+			const hydrated = {
+				_tag: "hydrated",
+				prefersDark: platform.media.matches(),
+				subscriptions: void 0
+			};
+			hydratePreference();
+			lifecycle = hydrated;
+			hydrated.subscriptions = {
+				storage: subscribeStorage(),
+				media: subscribeMedia(hydrated)
+			};
+			reconcile();
+			publish("event");
+			return () => {
+				if (lifecycle === hydrated) unsubscribe(hydrated);
+			};
+		},
+		force(value, depth) {
+			const entry = {
+				value,
+				depth
+			};
+			forces.push(entry);
+			reconcile();
+			publish("commit");
+			return () => {
+				const index = forces.indexOf(entry);
+				if (index < 0) return;
+				forces.splice(index, 1);
+				reconcile();
+				publish("commit");
+			};
+		}
+	};
+}
+//#endregion
+export { createColorSchemeRuntime };
+
+//# sourceMappingURL=color-scheme-runtime.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"color-scheme-runtime.js","names":[],"sources":["../../src/theme/color-scheme-runtime.ts"],"sourcesContent":["import { colorSchemeManifestsEqual, parseColorScheme } from \"./color-scheme\";\nimport type { ColorSchemeBootstrapManifest, UseColorSchemeResult } from \"./color-scheme\";\nimport type { ColorSchemePlatform } from \"./color-scheme-platform\";\nimport type { ColorScheme, ResolvedColorScheme } from \"./color-scheme-types\";\n\n/** The bootstrap manifest plus the two runtime-only knobs, under the manifest's field names. */\nexport type ColorSchemeRuntimeConfig = ColorSchemeBootstrapManifest & {\n  /** Suppress CSS transitions for every root write the runtime makes. */\n  disableTransitionOnChange: boolean;\n  /** The CSP nonce for the transition-suppression style. */\n  nonce: string | undefined;\n};\n\n/** A ready-made `useColorScheme` value: stable identity between changes, stable setter. */\nexport type ColorSchemeRuntimeSnapshot = UseColorSchemeResult;\n\n/**\n * The document's color-scheme state machine. It owns hydration, the platform subscriptions,\n * the force stack and every `data-theme` write; callers only configure, connect and force.\n */\nexport type ColorSchemeRuntime = {\n  /** Registers a `useSyncExternalStore` listener; returns its unsubscribe. */\n  subscribe: (listener: () => void) => () => void;\n  /** The current snapshot. Makes no platform call and allocates nothing. */\n  getSnapshot: () => ColorSchemeRuntimeSnapshot;\n  /** The hydration snapshot, which is the live one: React reads it only before `connect`. */\n  getServerSnapshot: () => ColorSchemeRuntimeSnapshot;\n  /**\n   * Commits a config. Call it in an insertion effect on every commit: a field-equal config\n   * changes nothing observable but still corrects an externally overwritten root. A changed\n   * config refreshes the snapshot at once, notifies after a microtask, and while connected\n   * re-reads the preference or the media query it depends on.\n   */\n  configure: (config: ColorSchemeRuntimeConfig) => void;\n  /**\n   * Hydrates from the platform, subscribes to storage and (with system support) media, and\n   * corrects the root. Returns an idempotent disconnect that only unsubscribes; the hydrated\n   * state stays, so StrictMode's connect, disconnect, connect makes no extra write.\n   */\n  connect: () => () => void;\n  /**\n   * Applies a force at a nesting depth: the deepest wins, and the latest at equal depth.\n   * Runtime forces beat `forcedColorScheme`, which beats the preference. Safe before the\n   * first `configure`. Returns an idempotent release.\n   */\n  force: (value: ColorScheme, depth: number) => () => void;\n};\n\ntype ForceEntry = { readonly value: ColorScheme; readonly depth: number };\n\ntype Subscriptions = { readonly storage: () => void; readonly media: () => void };\n\n/**\n * Before `connect` the preference is the configured default unless `setColorScheme` made it\n * explicit, and `prefersDark` is read lazily for a forced \"system\". Each `connect` starts a\n * fresh hydrated lifecycle whose `subscriptions` are `undefined` once disconnected; its\n * disconnect acts only while that object is still current.\n */\ntype Lifecycle =\n  | {\n      readonly _tag: \"unhydrated\";\n      readonly preferenceSource: \"default\" | \"explicit\";\n      readonly prefersDark: boolean | undefined;\n    }\n  | { readonly _tag: \"hydrated\"; prefersDark: boolean; subscriptions: Subscriptions | undefined };\n\ntype HydratedLifecycle = Extract<Lifecycle, { _tag: \"hydrated\" }>;\n\ntype Phase = \"event\" | \"commit\";\n\nfunction noop(): void {\n  // no subscription to release\n}\n\nfunction configsEqual(left: ColorSchemeRuntimeConfig, right: ColorSchemeRuntimeConfig): boolean {\n  return (\n    colorSchemeManifestsEqual(left, right) &&\n    left.disableTransitionOnChange === right.disableTransitionOnChange &&\n    left.nonce === right.nonce\n  );\n}\n\n/**\n * Creates the runtime. Construction makes no platform call, so it is safe during a server\n * render, a StrictMode double render and a discarded state initializer.\n *\n * @param initialConfig - Stands in until the first `configure`, so an early `force` already\n *   writes with the right `forcedColorScheme` and nonce.\n * @param platform - The port the runtime reads and writes through.\n * @returns The runtime.\n */\nexport function createColorSchemeRuntime(\n  initialConfig: ColorSchemeRuntimeConfig,\n  platform: ColorSchemePlatform\n): ColorSchemeRuntime {\n  let config = initialConfig;\n  let preference: ColorScheme = initialConfig.defaultColorScheme;\n  let lifecycle: Lifecycle = { _tag: \"unhydrated\", preferenceSource: \"default\", prefersDark: undefined };\n  const forces: ForceEntry[] = [];\n  const listeners = new Set<() => void>();\n  let notifyScheduled = false;\n\n  const setColorScheme = (value: ColorScheme) => {\n    preference = parseColorScheme(value, config.defaultColorScheme);\n    if (lifecycle._tag === \"unhydrated\") {\n      lifecycle = { ...lifecycle, preferenceSource: \"explicit\" };\n    }\n    platform.storage.write(config.storageKey, preference);\n    reconcile();\n    publish(\"event\");\n  };\n\n  let snapshot: ColorSchemeRuntimeSnapshot = {\n    colorScheme: preference,\n    resolvedColorScheme: undefined,\n    setColorScheme,\n  };\n\n  function activeForce(): ColorScheme | undefined {\n    let winner: ForceEntry | undefined;\n    for (const entry of forces) {\n      if (winner === undefined || entry.depth >= winner.depth) {\n        winner = entry;\n      }\n    }\n    return winner?.value ?? config.forcedColorScheme;\n  }\n\n  function resolve(): ResolvedColorScheme {\n    const source = activeForce() ?? preference;\n    if (source === \"light\" || source === \"dark\") {\n      return source;\n    }\n    if (!config.enableSystem) {\n      return \"light\";\n    }\n    return prefersDark() ? \"dark\" : \"light\";\n  }\n\n  function prefersDark(): boolean {\n    if (lifecycle._tag === \"hydrated\") {\n      return lifecycle.prefersDark;\n    }\n    // Only a forced \"system\" before connect reaches here; connect always reads.\n    if (lifecycle.prefersDark !== undefined) {\n      return lifecycle.prefersDark;\n    }\n    const matches = platform.media.matches();\n    lifecycle = { ...lifecycle, prefersDark: matches };\n    return matches;\n  }\n\n  // The one write path: write iff a write is allowed and the root differs. Before connect an\n  // unforced resolution from the default must not overwrite the bootstrap.\n  function reconcile(): void {\n    const writable =\n      lifecycle._tag === \"hydrated\" ||\n      lifecycle.preferenceSource === \"explicit\" ||\n      activeForce() !== undefined;\n    if (!writable) {\n      return;\n    }\n    const next = resolve();\n    if (platform.root.read() === next) {\n      return;\n    }\n    platform.root.write(next, config.disableTransitionOnChange ? { nonce: config.nonce } : undefined);\n  }\n\n  function notify(): void {\n    for (const listener of listeners) {\n      listener();\n    }\n  }\n\n  // Refreshes the snapshot synchronously. Event-phase changes notify at once; commit-phase\n  // changes run in insertion effects, where a synchronous re-render is illegal, so they\n  // share one microtask.\n  function publish(phase: Phase): void {\n    const resolvedColorScheme = lifecycle._tag === \"hydrated\" ? resolve() : undefined;\n    if (snapshot.colorScheme === preference && snapshot.resolvedColorScheme === resolvedColorScheme) {\n      return;\n    }\n    snapshot = { colorScheme: preference, resolvedColorScheme, setColorScheme };\n    if (phase === \"event\") {\n      notify();\n      return;\n    }\n    if (notifyScheduled) {\n      return;\n    }\n    notifyScheduled = true;\n    queueMicrotask(() => {\n      notifyScheduled = false;\n      notify();\n    });\n  }\n\n  function hydratePreference(): void {\n    preference = parseColorScheme(platform.storage.read(config.storageKey), config.defaultColorScheme);\n  }\n\n  function subscribeStorage(): () => void {\n    return platform.storage.subscribe(config.storageKey, (newValue) => {\n      preference = parseColorScheme(newValue, config.defaultColorScheme);\n      reconcile();\n      publish(\"event\");\n    });\n  }\n\n  function subscribeMedia(hydrated: HydratedLifecycle): () => void {\n    if (!config.enableSystem) {\n      return noop;\n    }\n    return platform.media.subscribe(() => {\n      hydrated.prefersDark = platform.media.matches();\n      reconcile();\n      publish(\"event\");\n    });\n  }\n\n  function unsubscribe(hydrated: HydratedLifecycle): void {\n    hydrated.subscriptions?.storage();\n    hydrated.subscriptions?.media();\n    hydrated.subscriptions = undefined;\n  }\n\n  // Connected or not, a hydrated runtime rereads what a changed config makes stale.\n  function rehydrate(\n    hydrated: HydratedLifecycle,\n    previous: ColorSchemeRuntimeConfig,\n    next: ColorSchemeRuntimeConfig\n  ): void {\n    if (previous.storageKey !== next.storageKey || previous.defaultColorScheme !== next.defaultColorScheme) {\n      hydratePreference();\n    }\n    if (next.enableSystem && !previous.enableSystem) {\n      hydrated.prefersDark = platform.media.matches();\n    }\n  }\n\n  // Moves only the subscriptions whose config input changed.\n  function resubscribe(\n    hydrated: HydratedLifecycle,\n    previous: ColorSchemeRuntimeConfig,\n    next: ColorSchemeRuntimeConfig\n  ): void {\n    const current = hydrated.subscriptions;\n    if (current === undefined) {\n      return;\n    }\n    let { storage, media } = current;\n    if (previous.storageKey !== next.storageKey) {\n      storage();\n      storage = subscribeStorage();\n    }\n    if (previous.enableSystem !== next.enableSystem) {\n      media();\n      media = subscribeMedia(hydrated);\n    }\n    hydrated.subscriptions = { storage, media };\n  }\n\n  function applyConfig(next: ColorSchemeRuntimeConfig): void {\n    const previous = config;\n    config = next;\n    if (lifecycle._tag === \"unhydrated\") {\n      if (lifecycle.preferenceSource === \"default\") {\n        preference = next.defaultColorScheme;\n      }\n      return;\n    }\n    rehydrate(lifecycle, previous, next);\n    resubscribe(lifecycle, previous, next);\n  }\n\n  return {\n    subscribe(listener) {\n      listeners.add(listener);\n      return () => {\n        listeners.delete(listener);\n      };\n    },\n    getSnapshot() {\n      return snapshot;\n    },\n    getServerSnapshot() {\n      return snapshot;\n    },\n    configure(next) {\n      if (!configsEqual(config, next)) {\n        applyConfig(next);\n      }\n      reconcile();\n      publish(\"commit\");\n    },\n    connect() {\n      if (lifecycle._tag === \"hydrated\") {\n        unsubscribe(lifecycle);\n      }\n      const hydrated: HydratedLifecycle = {\n        _tag: \"hydrated\",\n        prefersDark: platform.media.matches(),\n        subscriptions: undefined,\n      };\n      hydratePreference();\n      lifecycle = hydrated;\n      hydrated.subscriptions = { storage: subscribeStorage(), media: subscribeMedia(hydrated) };\n      reconcile();\n      publish(\"event\");\n      return () => {\n        if (lifecycle === hydrated) {\n          unsubscribe(hydrated);\n        }\n      };\n    },\n    force(value, depth) {\n      const entry: ForceEntry = { value, depth };\n      forces.push(entry);\n      reconcile();\n      publish(\"commit\");\n      return () => {\n        const index = forces.indexOf(entry);\n        if (index < 0) {\n          return;\n        }\n        forces.splice(index, 1);\n        reconcile();\n        publish(\"commit\");\n      };\n    },\n  };\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,9 @@
+import { ColorSchemeOptions, ColorSchemeScriptProps } from "./color-scheme.js";
+import { FunctionComponent } from "react";
+//#region src/theme/color-scheme-script.d.ts
+export declare function colorSchemeScriptSource(options?: ColorSchemeOptions): string;
+export declare function injectedColorSchemeScriptSource(options?: ColorSchemeOptions): string;
+export declare const ColorSchemeScript: FunctionComponent<ColorSchemeScriptProps>;
+export declare function InjectedColorSchemeScript({ storageKey, defaultColorScheme, enableSystem, forcedColorScheme, nonce, scriptProps }: ColorSchemeScriptProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=color-scheme-script.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"color-scheme-script.d.ts","names":[],"sources":["../../src/theme/color-scheme-script.tsx"],"mappings":";;;wBA2IgB,wBAAwB,UAAS;wBAMjC,gCAAgC,UAAS;qBA0B5C,mBAAmB,kBAAkB;wBAoBlC,4BACd,YACA,oBACA,cACA,mBACA,OACA,eACC,yCAAsB,IAAA"}

package/theme/color-scheme-script.js

@@ -0,0 +1,88 @@
+import { COLOR_SCHEME_BOOTSTRAP_SOURCE_DESCRIPTION, COLOR_SCHEME_BOOTSTRAP_SOURCE_DUPLICATE, COLOR_SCHEME_BOOTSTRAP_SOURCE_PROVIDER, DEFAULT_COLOR_SCHEME, DEFAULT_COLOR_SCHEME_STORAGE_KEY, resolveColorSchemeOptions, serializeScriptData } from "./color-scheme.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/theme/color-scheme-script.tsx
+function serializeScriptArgument(value) {
+	if (value === void 0) return "undefined";
+	return serializeScriptData(value);
+}
+function scriptPassthroughProps(scriptProps) {
+	if (scriptProps === void 0) return {
+		nonce: void 0,
+		passthrough: {}
+	};
+	const { type: _type, src: _src, children: _children, dangerouslySetInnerHTML: _dangerouslySetInnerHTML, nonce: scriptNonce, ...passthrough } = scriptProps;
+	return {
+		nonce: scriptNonce,
+		passthrough
+	};
+}
+function applyClosedColorSchemeBootstrap(storageKey, defaultColorScheme, enableSystem, forcedColorScheme) {
+	try {
+		let preference = defaultColorScheme;
+		if (preference !== "light" && preference !== "dark" && preference !== "system") preference = "system";
+		const force = forcedColorScheme === "light" || forcedColorScheme === "dark" || forcedColorScheme === "system" ? forcedColorScheme : void 0;
+		if (force !== void 0) preference = force;
+		else try {
+			const stored = localStorage.getItem(storageKey);
+			if (stored === "light" || stored === "dark" || stored === "system") preference = stored;
+		} catch {}
+		let resolved = "light";
+		if (preference === "light" || preference === "dark") resolved = preference;
+		else if (enableSystem) try {
+			resolved = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+		} catch {
+			resolved = "light";
+		}
+		document.documentElement.setAttribute("data-theme", resolved);
+		globalThis.__ELMERA_COLOR_SCHEME_BOOTSTRAP__ = {
+			storageKey,
+			defaultColorScheme,
+			enableSystem,
+			forcedColorScheme
+		};
+	} catch {}
+}
+function colorSchemeScriptSource(options = {}) {
+	const { storageKey, defaultColorScheme, enableSystem, forcedColorScheme } = resolveColorSchemeOptions(options);
+	return `(${applyClosedColorSchemeBootstrap.toString()})(${serializeScriptArgument(storageKey)},${serializeScriptArgument(defaultColorScheme)},${serializeScriptArgument(enableSystem)},${serializeScriptArgument(forcedColorScheme)})`;
+}
+function injectedColorSchemeScriptSource(options = {}) {
+	const inner = colorSchemeScriptSource(options);
+	const sourceKey = JSON.stringify(COLOR_SCHEME_BOOTSTRAP_SOURCE_DESCRIPTION);
+	const provider = JSON.stringify(COLOR_SCHEME_BOOTSTRAP_SOURCE_PROVIDER);
+	return `(function(){var h=typeof globalThis.__ELMERA_COLOR_SCHEME_BOOTSTRAP__!=="undefined";${inner};var m=globalThis.__ELMERA_COLOR_SCHEME_BOOTSTRAP__;if(m)Object.defineProperty(m,Symbol.for(${sourceKey}),{value:h?${JSON.stringify(COLOR_SCHEME_BOOTSTRAP_SOURCE_DUPLICATE)}:${provider}})})()`;
+}
+function ColorSchemeScriptMarkup({ nonce, scriptProps, source }) {
+	const { nonce: scriptNonce, passthrough } = scriptPassthroughProps(scriptProps);
+	return /* @__PURE__ */ jsx("script", {
+		...passthrough,
+		nonce: nonce ?? scriptNonce,
+		dangerouslySetInnerHTML: { __html: source }
+	});
+}
+const ColorSchemeScript = ({ storageKey = DEFAULT_COLOR_SCHEME_STORAGE_KEY, defaultColorScheme = DEFAULT_COLOR_SCHEME, enableSystem = true, forcedColorScheme, nonce, scriptProps }) => /* @__PURE__ */ jsx(ColorSchemeScriptMarkup, {
+	nonce,
+	scriptProps,
+	source: colorSchemeScriptSource({
+		storageKey,
+		defaultColorScheme,
+		enableSystem,
+		forcedColorScheme
+	})
+});
+function InjectedColorSchemeScript({ storageKey = DEFAULT_COLOR_SCHEME_STORAGE_KEY, defaultColorScheme = DEFAULT_COLOR_SCHEME, enableSystem = true, forcedColorScheme, nonce, scriptProps }) {
+	return /* @__PURE__ */ jsx(ColorSchemeScriptMarkup, {
+		nonce,
+		scriptProps,
+		source: injectedColorSchemeScriptSource({
+			storageKey,
+			defaultColorScheme,
+			enableSystem,
+			forcedColorScheme
+		})
+	});
+}
+//#endregion
+export { ColorSchemeScript, InjectedColorSchemeScript, colorSchemeScriptSource, injectedColorSchemeScriptSource };
+
+//# sourceMappingURL=color-scheme-script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"color-scheme-script.js","names":[],"sources":["../../src/theme/color-scheme-script.tsx"],"sourcesContent":["/**\n * ColorSchemeScript is adapted from next-themes (https://github.com/pacocoursey/next-themes).\n *\n * MIT License\n * Copyright (c) 2022 Paco Coursey\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\nimport type { FunctionComponent, ReactNode, ScriptHTMLAttributes } from \"react\";\n\nimport {\n  COLOR_SCHEME_BOOTSTRAP_SOURCE_DESCRIPTION,\n  COLOR_SCHEME_BOOTSTRAP_SOURCE_DUPLICATE,\n  COLOR_SCHEME_BOOTSTRAP_SOURCE_PROVIDER,\n  DEFAULT_COLOR_SCHEME,\n  DEFAULT_COLOR_SCHEME_STORAGE_KEY,\n  DEFAULT_ENABLE_SYSTEM,\n  resolveColorSchemeOptions,\n  serializeScriptData,\n} from \"./color-scheme\";\nimport type {\n  ColorScheme,\n  ColorSchemeOptions,\n  ColorSchemeScriptElementProps,\n  ColorSchemeScriptProps,\n} from \"./color-scheme\";\n\ntype ColorSchemeScriptPassthrough = {\n  nonce: string | undefined;\n  passthrough: ColorSchemeScriptElementProps;\n};\n\ntype IncomingColorSchemeScriptProps = ColorSchemeScriptElementProps & {\n  type?: ScriptHTMLAttributes<HTMLScriptElement>[\"type\"];\n  src?: ScriptHTMLAttributes<HTMLScriptElement>[\"src\"];\n  children?: ReactNode;\n  dangerouslySetInnerHTML?: ScriptHTMLAttributes<HTMLScriptElement>[\"dangerouslySetInnerHTML\"];\n};\n\nfunction serializeScriptArgument(value: string | boolean | undefined): string {\n  if (value === undefined) {\n    return \"undefined\";\n  }\n  return serializeScriptData(value);\n}\n\nfunction scriptPassthroughProps(\n  scriptProps: IncomingColorSchemeScriptProps | undefined\n): ColorSchemeScriptPassthrough {\n  if (scriptProps === undefined) {\n    return { nonce: undefined, passthrough: {} };\n  }\n\n  const {\n    type: _type,\n    src: _src,\n    children: _children,\n    dangerouslySetInnerHTML: _dangerouslySetInnerHTML,\n    nonce: scriptNonce,\n    ...passthrough\n  } = scriptProps;\n  void _type;\n  void _src;\n  void _children;\n  void _dangerouslySetInnerHTML;\n\n  return { nonce: scriptNonce, passthrough };\n}\n\nfunction applyClosedColorSchemeBootstrap(\n  storageKey: string,\n  defaultColorScheme: ColorScheme,\n  enableSystem: boolean,\n  forcedColorScheme: ColorScheme | undefined\n): void {\n  try {\n    let preference: string = defaultColorScheme;\n    if (preference !== \"light\" && preference !== \"dark\" && preference !== \"system\") {\n      preference = \"system\";\n    }\n\n    const force =\n      forcedColorScheme === \"light\" || forcedColorScheme === \"dark\" || forcedColorScheme === \"system\"\n        ? forcedColorScheme\n        : undefined;\n\n    if (force !== undefined) {\n      preference = force;\n    } else {\n      try {\n        const stored = localStorage.getItem(storageKey);\n        if (stored === \"light\" || stored === \"dark\" || stored === \"system\") {\n          preference = stored;\n        }\n      } catch {\n        // storage unavailable\n      }\n    }\n\n    let resolved = \"light\";\n    if (preference === \"light\" || preference === \"dark\") {\n      resolved = preference;\n    } else if (enableSystem) {\n      try {\n        resolved = window.matchMedia(\"(prefers-color-scheme: dark)\").matches ? \"dark\" : \"light\";\n      } catch {\n        resolved = \"light\";\n      }\n    }\n\n    document.documentElement.setAttribute(\"data-theme\", resolved);\n    globalThis.__ELMERA_COLOR_SCHEME_BOOTSTRAP__ = {\n      storageKey,\n      defaultColorScheme,\n      enableSystem,\n      forcedColorScheme,\n    };\n  } catch {\n    // never throw before paint\n  }\n}\n\nexport function colorSchemeScriptSource(options: ColorSchemeOptions = {}): string {\n  const { storageKey, defaultColorScheme, enableSystem, forcedColorScheme } =\n    resolveColorSchemeOptions(options);\n  return `(${applyClosedColorSchemeBootstrap.toString()})(${serializeScriptArgument(storageKey)},${serializeScriptArgument(defaultColorScheme)},${serializeScriptArgument(enableSystem)},${serializeScriptArgument(forcedColorScheme)})`;\n}\n\nexport function injectedColorSchemeScriptSource(options: ColorSchemeOptions = {}): string {\n  const inner = colorSchemeScriptSource(options);\n  const sourceKey = JSON.stringify(COLOR_SCHEME_BOOTSTRAP_SOURCE_DESCRIPTION);\n  const provider = JSON.stringify(COLOR_SCHEME_BOOTSTRAP_SOURCE_PROVIDER);\n  const duplicate = JSON.stringify(COLOR_SCHEME_BOOTSTRAP_SOURCE_DUPLICATE);\n  return `(function(){var h=typeof globalThis.__ELMERA_COLOR_SCHEME_BOOTSTRAP__!==\"undefined\";${inner};var m=globalThis.__ELMERA_COLOR_SCHEME_BOOTSTRAP__;if(m)Object.defineProperty(m,Symbol.for(${sourceKey}),{value:h?${duplicate}:${provider}})})()`;\n}\n\nfunction ColorSchemeScriptMarkup({\n  nonce,\n  scriptProps,\n  source,\n}: ColorSchemeScriptProps & { source: string }) {\n  const { nonce: scriptNonce, passthrough } = scriptPassthroughProps(scriptProps);\n\n  return (\n    <script\n      {...passthrough}\n      nonce={nonce ?? scriptNonce}\n      dangerouslySetInnerHTML={{\n        __html: source,\n      }}\n    />\n  );\n}\n\nexport const ColorSchemeScript: FunctionComponent<ColorSchemeScriptProps> = ({\n  storageKey = DEFAULT_COLOR_SCHEME_STORAGE_KEY,\n  defaultColorScheme = DEFAULT_COLOR_SCHEME,\n  enableSystem = DEFAULT_ENABLE_SYSTEM,\n  forcedColorScheme,\n  nonce,\n  scriptProps,\n}) => (\n  <ColorSchemeScriptMarkup\n    nonce={nonce}\n    scriptProps={scriptProps}\n    source={colorSchemeScriptSource({\n      storageKey,\n      defaultColorScheme,\n      enableSystem,\n      forcedColorScheme,\n    })}\n  />\n);\n\nexport function InjectedColorSchemeScript({\n  storageKey = DEFAULT_COLOR_SCHEME_STORAGE_KEY,\n  defaultColorScheme = DEFAULT_COLOR_SCHEME,\n  enableSystem = DEFAULT_ENABLE_SYSTEM,\n  forcedColorScheme,\n  nonce,\n  scriptProps,\n}: ColorSchemeScriptProps) {\n  return (\n    <ColorSchemeScriptMarkup\n      nonce={nonce}\n      scriptProps={scriptProps}\n      source={injectedColorSchemeScriptSource({\n        storageKey,\n        defaultColorScheme,\n        enableSystem,\n        forcedColorScheme,\n      })}\n    />\n  );\n}\n"],"mappings":";;;AAwDA,SAAS,wBAAwB,OAA6C;CAC5E,IAAI,UAAU,KAAA,GACZ,OAAO;CAET,OAAO,oBAAoB,KAAK;AAClC;AAEA,SAAS,uBACP,aAC8B;CAC9B,IAAI,gBAAgB,KAAA,GAClB,OAAO;EAAE,OAAO,KAAA;EAAW,aAAa,CAAC;CAAE;CAG7C,MAAM,EACJ,MAAM,OACN,KAAK,MACL,UAAU,WACV,yBAAyB,0BACzB,OAAO,aACP,GAAG,gBACD;CAMJ,OAAO;EAAE,OAAO;EAAa;CAAY;AAC3C;AAEA,SAAS,gCACP,YACA,oBACA,cACA,mBACM;CACN,IAAI;EACF,IAAI,aAAqB;EACzB,IAAI,eAAe,WAAW,eAAe,UAAU,eAAe,UACpE,aAAa;EAGf,MAAM,QACJ,sBAAsB,WAAW,sBAAsB,UAAU,sBAAsB,WACnF,oBACA,KAAA;EAEN,IAAI,UAAU,KAAA,GACZ,aAAa;OAEb,IAAI;GACF,MAAM,SAAS,aAAa,QAAQ,UAAU;GAC9C,IAAI,WAAW,WAAW,WAAW,UAAU,WAAW,UACxD,aAAa;EAEjB,QAAQ,CAER;EAGF,IAAI,WAAW;EACf,IAAI,eAAe,WAAW,eAAe,QAC3C,WAAW;OACN,IAAI,cACT,IAAI;GACF,WAAW,OAAO,WAAW,8BAA8B,CAAC,CAAC,UAAU,SAAS;EAClF,QAAQ;GACN,WAAW;EACb;EAGF,SAAS,gBAAgB,aAAa,cAAc,QAAQ;EAC5D,WAAW,oCAAoC;GAC7C;GACA;GACA;GACA;EACF;CACF,QAAQ,CAER;AACF;AAEA,SAAgB,wBAAwB,UAA8B,CAAC,GAAW;CAChF,MAAM,EAAE,YAAY,oBAAoB,cAAc,sBACpD,0BAA0B,OAAO;CACnC,OAAO,IAAI,gCAAgC,SAAS,EAAE,IAAI,wBAAwB,UAAU,EAAE,GAAG,wBAAwB,kBAAkB,EAAE,GAAG,wBAAwB,YAAY,EAAE,GAAG,wBAAwB,iBAAiB,EAAE;AACtO;AAEA,SAAgB,gCAAgC,UAA8B,CAAC,GAAW;CACxF,MAAM,QAAQ,wBAAwB,OAAO;CAC7C,MAAM,YAAY,KAAK,UAAU,yCAAyC;CAC1E,MAAM,WAAW,KAAK,UAAU,sCAAsC;CAEtE,OAAO,uFAAuF,MAAM,8FAA8F,UAAU,aAD1L,KAAK,UAAU,uCACgM,EAAE,GAAG,SAAS;AACjP;AAEA,SAAS,wBAAwB,EAC/B,OACA,aACA,UAC8C;CAC9C,MAAM,EAAE,OAAO,aAAa,gBAAgB,uBAAuB,WAAW;CAE9E,OACE,oBAAC,UAAD;EACE,GAAI;EACJ,OAAO,SAAS;EAChB,yBAAyB,EACvB,QAAQ,OACV;CACD,CAAA;AAEL;AAEA,MAAa,qBAAgE,EAC3E,aAAa,kCACb,qBAAqB,sBACrB,eAAA,MACA,mBACA,OACA,kBAEA,oBAAC,yBAAD;CACS;CACM;CACb,QAAQ,wBAAwB;EAC9B;EACA;EACA;EACA;CACF,CAAC;AACF,CAAA;AAGH,SAAgB,0BAA0B,EACxC,aAAa,kCACb,qBAAqB,sBACrB,eAAA,MACA,mBACA,OACA,eACyB;CACzB,OACE,oBAAC,yBAAD;EACS;EACM;EACb,QAAQ,gCAAgC;GACtC;GACA;GACA;GACA;EACF,CAAC;CACF,CAAA;AAEL"}

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

@@ -0,0 +1,8 @@
+//#region src/theme/color-scheme-types.d.ts
+export type ColorScheme = "light" | "dark" | "system";
+/** The color-scheme axis in host-facing order; `"system"` resolves against the media query. */
+export declare const COLOR_SCHEMES: readonly ["light", "dark", "system"];
+/** A color scheme after `"system"` has been resolved against the media query. */
+export type ResolvedColorScheme = "light" | "dark";
+//#endregion
+//# sourceMappingURL=color-scheme-types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"color-scheme-types.d.ts","names":[],"sources":["../../src/theme/color-scheme-types.ts"],"mappings":";YAAY;;qBAGC;;YAGD"}

package/theme/color-scheme-types.js

@@ -0,0 +1,11 @@
+//#region src/theme/color-scheme-types.ts
+/** The color-scheme axis in host-facing order; `"system"` resolves against the media query. */
+const COLOR_SCHEMES = [
+	"light",
+	"dark",
+	"system"
+];
+//#endregion
+export { COLOR_SCHEMES };
+
+//# sourceMappingURL=color-scheme-types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"color-scheme-types.js","names":[],"sources":["../../src/theme/color-scheme-types.ts"],"sourcesContent":["export type ColorScheme = \"light\" | \"dark\" | \"system\";\n\n/** The color-scheme axis in host-facing order; `\"system\"` resolves against the media query. */\nexport const COLOR_SCHEMES = [\"light\", \"dark\", \"system\"] as const satisfies readonly ColorScheme[];\n\n/** A color scheme after `\"system\"` has been resolved against the media query. */\nexport type ResolvedColorScheme = \"light\" | \"dark\";\n"],"mappings":";;AAGA,MAAa,gBAAgB;CAAC;CAAS;CAAQ;AAAQ"}

package/theme/color-scheme.d.ts

@@ -0,0 +1,46 @@
+import { ColorScheme, ResolvedColorScheme } from "./color-scheme-types.js";
+import { ScriptHTMLAttributes } from "react";
+//#region src/theme/color-scheme.d.ts
+export declare const COLOR_SCHEME_BOOTSTRAP_MANIFEST_KEY = "__ELMERA_COLOR_SCHEME_BOOTSTRAP__";
+export declare const COLOR_SCHEME_BOOTSTRAP_SOURCE_DESCRIPTION = "elmera.colorScheme.bootstrapSource";
+export declare const COLOR_SCHEME_BOOTSTRAP_SOURCE_KEY: unique symbol;
+export declare const COLOR_SCHEME_BOOTSTRAP_SOURCE_PROVIDER = "provider";
+export declare const COLOR_SCHEME_BOOTSTRAP_SOURCE_DUPLICATE = "duplicate";
+export type ColorSchemeBootstrapManifest = {
+  storageKey: string;
+  defaultColorScheme: ColorScheme;
+  enableSystem: boolean;
+  forcedColorScheme: ColorScheme | undefined;
+};
+declare global {
+  var __ELMERA_COLOR_SCHEME_BOOTSTRAP__: ColorSchemeBootstrapManifest | undefined;
+}
+export type ColorSchemeOptions = {
+  storageKey?: string;
+  defaultColorScheme?: ColorScheme;
+  enableSystem?: boolean;
+  forcedColorScheme?: ColorScheme;
+};
+export type ColorSchemeScriptElementProps = Omit<ScriptHTMLAttributes<HTMLScriptElement>, "type" | "src" | "children" | "dangerouslySetInnerHTML"> & {
+  "data-cfasync"?: string;
+};
+export type ColorSchemeScriptProps = ColorSchemeOptions & {
+  nonce?: string;
+  scriptProps?: ColorSchemeScriptElementProps;
+};
+export type UseColorSchemeResult = {
+  colorScheme: ColorScheme;
+  resolvedColorScheme: ResolvedColorScheme | undefined;
+  setColorScheme: (value: ColorScheme) => void;
+};
+export declare const DEFAULT_COLOR_SCHEME_STORAGE_KEY = "elmera-color-scheme";
+export declare const DEFAULT_COLOR_SCHEME: ColorScheme;
+export declare const DEFAULT_ENABLE_SYSTEM = true;
+export declare function resolveColorSchemeOptions({ storageKey, defaultColorScheme, enableSystem, forcedColorScheme }?: ColorSchemeOptions): ColorSchemeBootstrapManifest;
+export declare function colorSchemeManifestsEqual(left: ColorSchemeBootstrapManifest, right: ColorSchemeBootstrapManifest): boolean;
+export declare function readColorSchemeBootstrapManifest(): ColorSchemeBootstrapManifest | undefined;
+export declare function serializeScriptData(value: string | boolean): string;
+export declare function parseColorScheme(value: string | null | undefined, fallback: ColorScheme): ColorScheme;
+//#endregion
+export type { ColorScheme, ResolvedColorScheme };
+//# sourceMappingURL=color-scheme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"color-scheme.d.ts","names":[],"sources":["../../src/theme/color-scheme.ts"],"mappings":";;;qBASa;qBACA;qBACA;qBACA;qBACA;YAED;EACV;EACA,oBAAoB;EACpB;EACA,mBAAmB;;QAGb;MACF,mCAAmC;;YAG7B;EACV;EACA,qBAAqB;EACrB;EACA,oBAAoB;;YAGV,gCAAgC,KAC1C,qBAAqB;EAGrB;;YAGU,yBAAyB;EACnC;EACA,cAAc;;YAGJ;EACV,aAAa;EACb,qBAAqB;EACrB,iBAAiB,OAAO;;qBAGb;qBACA,sBAAsB;qBACtB;wBAMG,4BACd,YACA,oBACA,cACA,sBACC,qBAA0B;wBASb,0BACd,MAAM,8BACN,OAAO;wBAUO,oCAAoC;wBAQpC,oBAAoB;wBAOpB,iBAAiB,kCAAkC,UAAU,cAAc"}

package/theme/color-scheme.js

@@ -0,0 +1,41 @@
+import { COLOR_SCHEMES } from "./color-scheme-types.js";
+//#region src/theme/color-scheme.ts
+const COLOR_SCHEME_BOOTSTRAP_MANIFEST_KEY = "__ELMERA_COLOR_SCHEME_BOOTSTRAP__";
+const COLOR_SCHEME_BOOTSTRAP_SOURCE_DESCRIPTION = "elmera.colorScheme.bootstrapSource";
+const COLOR_SCHEME_BOOTSTRAP_SOURCE_KEY = Symbol.for(COLOR_SCHEME_BOOTSTRAP_SOURCE_DESCRIPTION);
+const COLOR_SCHEME_BOOTSTRAP_SOURCE_PROVIDER = "provider";
+const COLOR_SCHEME_BOOTSTRAP_SOURCE_DUPLICATE = "duplicate";
+const DEFAULT_COLOR_SCHEME_STORAGE_KEY = "elmera-color-scheme";
+const DEFAULT_COLOR_SCHEME = "system";
+const DEFAULT_ENABLE_SYSTEM = true;
+function closedColorScheme(value) {
+	return COLOR_SCHEMES.find((scheme) => scheme === value);
+}
+function resolveColorSchemeOptions({ storageKey = DEFAULT_COLOR_SCHEME_STORAGE_KEY, defaultColorScheme = DEFAULT_COLOR_SCHEME, enableSystem = true, forcedColorScheme } = {}) {
+	return {
+		storageKey,
+		defaultColorScheme: closedColorScheme(defaultColorScheme) ?? "system",
+		enableSystem,
+		forcedColorScheme: closedColorScheme(forcedColorScheme)
+	};
+}
+function colorSchemeManifestsEqual(left, right) {
+	return left.storageKey === right.storageKey && left.defaultColorScheme === right.defaultColorScheme && left.enableSystem === right.enableSystem && left.forcedColorScheme === right.forcedColorScheme;
+}
+function readColorSchemeBootstrapManifest() {
+	try {
+		return globalThis[COLOR_SCHEME_BOOTSTRAP_MANIFEST_KEY];
+	} catch {
+		return;
+	}
+}
+function serializeScriptData(value) {
+	return JSON.stringify(value).replaceAll("<", "\\u003c").replaceAll("\u2028", "\\u2028").replaceAll("\u2029", "\\u2029");
+}
+function parseColorScheme(value, fallback) {
+	return closedColorScheme(value) ?? fallback;
+}
+//#endregion
+export { COLOR_SCHEME_BOOTSTRAP_MANIFEST_KEY, COLOR_SCHEME_BOOTSTRAP_SOURCE_DESCRIPTION, COLOR_SCHEME_BOOTSTRAP_SOURCE_DUPLICATE, COLOR_SCHEME_BOOTSTRAP_SOURCE_KEY, COLOR_SCHEME_BOOTSTRAP_SOURCE_PROVIDER, DEFAULT_COLOR_SCHEME, DEFAULT_COLOR_SCHEME_STORAGE_KEY, DEFAULT_ENABLE_SYSTEM, colorSchemeManifestsEqual, parseColorScheme, readColorSchemeBootstrapManifest, resolveColorSchemeOptions, serializeScriptData };
+
+//# sourceMappingURL=color-scheme.js.map

package/theme/color-scheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-scheme.js","names":[],"sources":["../../src/theme/color-scheme.ts"],"sourcesContent":["import type { ScriptHTMLAttributes } from \"react\";\n\nimport { COLOR_SCHEMES } from \"./color-scheme-types\";\nimport type { ColorScheme, ResolvedColorScheme } from \"./color-scheme-types\";\n\n// The axis lives in ./color-scheme-types so theme composition and CSS generation can read it\n// without depending on this React-facing bootstrap module.\nexport type { ColorScheme, ResolvedColorScheme } from \"./color-scheme-types\";\n\nexport const COLOR_SCHEME_BOOTSTRAP_MANIFEST_KEY = \"__ELMERA_COLOR_SCHEME_BOOTSTRAP__\";\nexport const COLOR_SCHEME_BOOTSTRAP_SOURCE_DESCRIPTION = \"elmera.colorScheme.bootstrapSource\";\nexport const COLOR_SCHEME_BOOTSTRAP_SOURCE_KEY = Symbol.for(COLOR_SCHEME_BOOTSTRAP_SOURCE_DESCRIPTION);\nexport const COLOR_SCHEME_BOOTSTRAP_SOURCE_PROVIDER = \"provider\";\nexport const COLOR_SCHEME_BOOTSTRAP_SOURCE_DUPLICATE = \"duplicate\";\n\nexport type ColorSchemeBootstrapManifest = {\n  storageKey: string;\n  defaultColorScheme: ColorScheme;\n  enableSystem: boolean;\n  forcedColorScheme: ColorScheme | undefined;\n};\n\ndeclare global {\n  var __ELMERA_COLOR_SCHEME_BOOTSTRAP__: ColorSchemeBootstrapManifest | undefined;\n}\n\nexport type ColorSchemeOptions = {\n  storageKey?: string;\n  defaultColorScheme?: ColorScheme;\n  enableSystem?: boolean;\n  forcedColorScheme?: ColorScheme;\n};\n\nexport type ColorSchemeScriptElementProps = Omit<\n  ScriptHTMLAttributes<HTMLScriptElement>,\n  \"type\" | \"src\" | \"children\" | \"dangerouslySetInnerHTML\"\n> & {\n  \"data-cfasync\"?: string;\n};\n\nexport type ColorSchemeScriptProps = ColorSchemeOptions & {\n  nonce?: string;\n  scriptProps?: ColorSchemeScriptElementProps;\n};\n\nexport type UseColorSchemeResult = {\n  colorScheme: ColorScheme;\n  resolvedColorScheme: ResolvedColorScheme | undefined;\n  setColorScheme: (value: ColorScheme) => void;\n};\n\nexport const DEFAULT_COLOR_SCHEME_STORAGE_KEY = \"elmera-color-scheme\";\nexport const DEFAULT_COLOR_SCHEME: ColorScheme = \"system\";\nexport const DEFAULT_ENABLE_SYSTEM = true;\n\nfunction closedColorScheme(value: string | null | undefined): ColorScheme | undefined {\n  return COLOR_SCHEMES.find((scheme) => scheme === value);\n}\n\nexport function resolveColorSchemeOptions({\n  storageKey = DEFAULT_COLOR_SCHEME_STORAGE_KEY,\n  defaultColorScheme = DEFAULT_COLOR_SCHEME,\n  enableSystem = DEFAULT_ENABLE_SYSTEM,\n  forcedColorScheme,\n}: ColorSchemeOptions = {}): ColorSchemeBootstrapManifest {\n  return {\n    storageKey,\n    defaultColorScheme: closedColorScheme(defaultColorScheme) ?? DEFAULT_COLOR_SCHEME,\n    enableSystem,\n    forcedColorScheme: closedColorScheme(forcedColorScheme),\n  };\n}\n\nexport function colorSchemeManifestsEqual(\n  left: ColorSchemeBootstrapManifest,\n  right: ColorSchemeBootstrapManifest\n): boolean {\n  return (\n    left.storageKey === right.storageKey &&\n    left.defaultColorScheme === right.defaultColorScheme &&\n    left.enableSystem === right.enableSystem &&\n    left.forcedColorScheme === right.forcedColorScheme\n  );\n}\n\nexport function readColorSchemeBootstrapManifest(): ColorSchemeBootstrapManifest | undefined {\n  try {\n    return globalThis[COLOR_SCHEME_BOOTSTRAP_MANIFEST_KEY];\n  } catch {\n    return undefined;\n  }\n}\n\nexport function serializeScriptData(value: string | boolean): string {\n  return JSON.stringify(value)\n    .replaceAll(\"<\", \"\\\\u003c\")\n    .replaceAll(\"\\u2028\", \"\\\\u2028\")\n    .replaceAll(\"\\u2029\", \"\\\\u2029\");\n}\n\nexport function parseColorScheme(value: string | null | undefined, fallback: ColorScheme): ColorScheme {\n  return closedColorScheme(value) ?? fallback;\n}\n"],"mappings":";;AASA,MAAa,sCAAsC;AACnD,MAAa,4CAA4C;AACzD,MAAa,oCAAoC,OAAO,IAAI,yCAAyC;AACrG,MAAa,yCAAyC;AACtD,MAAa,0CAA0C;AAsCvD,MAAa,mCAAmC;AAChD,MAAa,uBAAoC;AACjD,MAAa,wBAAwB;AAErC,SAAS,kBAAkB,OAA2D;CACpF,OAAO,cAAc,MAAM,WAAW,WAAW,KAAK;AACxD;AAEA,SAAgB,0BAA0B,EACxC,aAAa,kCACb,qBAAqB,sBACrB,eAAA,MACA,sBACsB,CAAC,GAAiC;CACxD,OAAO;EACL;EACA,oBAAoB,kBAAkB,kBAAkB,KAAA;EACxD;EACA,mBAAmB,kBAAkB,iBAAiB;CACxD;AACF;AAEA,SAAgB,0BACd,MACA,OACS;CACT,OACE,KAAK,eAAe,MAAM,cAC1B,KAAK,uBAAuB,MAAM,sBAClC,KAAK,iBAAiB,MAAM,gBAC5B,KAAK,sBAAsB,MAAM;AAErC;AAEA,SAAgB,mCAA6E;CAC3F,IAAI;EACF,OAAO,WAAW;CACpB,QAAQ;EACN;CACF;AACF;AAEA,SAAgB,oBAAoB,OAAiC;CACnE,OAAO,KAAK,UAAU,KAAK,CAAC,CACzB,WAAW,KAAK,SAAS,CAAC,CAC1B,WAAW,UAAU,SAAS,CAAC,CAC/B,WAAW,UAAU,SAAS;AACnC;AAEA,SAAgB,iBAAiB,OAAkC,UAAoC;CACrG,OAAO,kBAAkB,KAAK,KAAK;AACrC"}

package/theme/density.d.ts

@@ -0,0 +1,10 @@
+import { ThemeVariant } from "./tokens/themes.js";
+//#region src/theme/density.d.ts
+export type Density = "dense" | "comfortable";
+export type DensityAttributes = {
+  "data-density": Density;
+};
+export declare function defaultDensityForVariant(variant: ThemeVariant): Density;
+export declare function densityAttributes(density: Density): DensityAttributes;
+//#endregion
+//# sourceMappingURL=density.d.ts.map

package/theme/density.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"density.d.ts","names":[],"sources":["../../src/theme/density.ts"],"mappings":";;YAEY;YAEA;EACV,gBAAgB;;wBAGF,yBAAyB,SAAS,eAAe;wBAWjD,kBAAkB,SAAS,UAAU"}

package/theme/density.js

@@ -0,0 +1,16 @@
+//#region src/theme/density.ts
+function defaultDensityForVariant(variant) {
+	const value = variant;
+	if (value === "internal") return "dense";
+	if (value === "external") return "comfortable";
+	throw new Error("Invalid theme variant: unknown or missing variant.");
+}
+function densityAttributes(density) {
+	const value = density;
+	if (value === "dense" || value === "comfortable") return { "data-density": value };
+	throw new Error("Invalid density: unknown or missing density.");
+}
+//#endregion
+export { defaultDensityForVariant, densityAttributes };
+
+//# sourceMappingURL=density.js.map

package/theme/density.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"density.js","names":[],"sources":["../../src/theme/density.ts"],"sourcesContent":["import type { ThemeVariant } from \"./tokens/themes\";\n\nexport type Density = \"dense\" | \"comfortable\";\n\nexport type DensityAttributes = {\n  \"data-density\": Density;\n};\n\nexport function defaultDensityForVariant(variant: ThemeVariant): Density {\n  const value: unknown = variant;\n  if (value === \"internal\") {\n    return \"dense\";\n  }\n  if (value === \"external\") {\n    return \"comfortable\";\n  }\n  throw new Error(\"Invalid theme variant: unknown or missing variant.\");\n}\n\nexport function densityAttributes(density: Density): DensityAttributes {\n  const value: unknown = density;\n  if (value === \"dense\" || value === \"comfortable\") {\n    return { \"data-density\": value };\n  }\n  throw new Error(\"Invalid density: unknown or missing density.\");\n}\n"],"mappings":";AAQA,SAAgB,yBAAyB,SAAgC;CACvE,MAAM,QAAiB;CACvB,IAAI,UAAU,YACZ,OAAO;CAET,IAAI,UAAU,YACZ,OAAO;CAET,MAAM,IAAI,MAAM,oDAAoD;AACtE;AAEA,SAAgB,kBAAkB,SAAqC;CACrE,MAAM,QAAiB;CACvB,IAAI,UAAU,WAAW,UAAU,eACjC,OAAO,EAAE,gBAAgB,MAAM;CAEjC,MAAM,IAAI,MAAM,8CAA8C;AAChE"}

package/theme/disable-transition.d.ts

@@ -0,0 +1,55 @@
+//#region src/theme/disable-transition.d.ts
+/**
+ * Runtime transition suppression is adapted from next-themes
+ * (https://github.com/pacocoursey/next-themes).
+ *
+ * MIT License
+ * Copyright (c) 2022 Paco Coursey
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+/** The window members transition suppression touches. `globalThis` satisfies it structurally. */
+export type TransitionHost = {
+  /** Receives the style; absent during a server render or in a document-less sandbox. */
+  readonly document?: {
+    /** Receives the temporary transition-suppression style. */
+    readonly head: Pick<HTMLHeadElement, "append">;
+    /** Creates the transition-suppression style. */
+    createElement(tagName: "style"): HTMLStyleElement;
+    /** Creates the style's text. */
+    createTextNode(data: string): Text;
+    /** Finds the body whose style read flushes the suppression. */
+    querySelector(selectors: "body"): Element | null;
+  };
+  /** Flushes styles so the suppression applies before its removal. */
+  getComputedStyle(element: Element): void;
+  /** Schedules the suppression's removal. Required, so the style can never stay on. */
+  setTimeout(callback: () => void, ms: number): void;
+};
+/**
+ * Suppresses CSS transitions for one synchronous `data-theme` write: it appends a nonce'd
+ * style, and the returned restore flushes styles and removes it on the next task.
+ *
+ * @param host - The browser-shaped host whose document receives the style.
+ * @param nonce - The CSP nonce for the style, when the host sets one.
+ * @returns The restore to call right after the write; a no-op when the host has no document.
+ */
+export declare function disableColorSchemeTransitions(host: TransitionHost, nonce: string | undefined): () => void;
+//#endregion
+//# sourceMappingURL=disable-transition.d.ts.map

package/theme/disable-transition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"disable-transition.d.ts","names":[],"sources":["../../src/theme/disable-transition.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;YA8BY;;WAED;;aAEE,MAAM,KAAK;;IAEpB,cAAc,mBAAmB;;IAEjC,eAAe,eAAe;;IAE9B,cAAc,oBAAoB;;;EAGpC,iBAAiB,SAAS;;EAE1B,WAAW,sBAAsB;;;;;;;;;;wBAWnB,8BAA8B,MAAM,gBAAgB"}