@sharadox/web-library 0.0.0-stage → 0.2.0

package/distribution/style/apply/index.js

@@ -0,0 +1,46 @@
+/** The configuration reduced to what `applyStyle` needs. */
+export function styleApplyData(configuration) {
+    return {
+        storageKey: configuration.storageKey,
+        schemes: Object.fromEntries(configuration.styles.map((style) => [style.name, style.scheme])),
+        defaults: { ...configuration.defaults },
+        fallback: configuration.fallback,
+    };
+}
+/**
+ * Writes the style to `<html>`: `data-style` (the style in use), `data-style-choice` and `color-scheme`.
+ * Without a `choice` it reads the remembered one (or "system"). It is self-contained on purpose: the inline
+ * script in `<head>` embeds its source, so the page never shows the wrong style before React loads.
+ */
+export function applyStyle(data, choice) {
+    let wanted = choice;
+    if (wanted === undefined) {
+        try {
+            wanted = localStorage.getItem(data.storageKey) || "system";
+        }
+        catch {
+            wanted = "system";
+        }
+    }
+    if (wanted !== "system" && !data.schemes[wanted])
+        wanted = "system";
+    let name = wanted;
+    if (wanted === "system") {
+        let scheme = data.fallback;
+        try {
+            if (matchMedia("(prefers-color-scheme: light)").matches)
+                scheme = "light";
+            else if (matchMedia("(prefers-color-scheme: dark)").matches)
+                scheme = "dark";
+        }
+        catch {
+            // No media queries: keep the fallback.
+        }
+        name = data.defaults[scheme];
+    }
+    const root = document.documentElement;
+    root.setAttribute("data-style", name);
+    root.setAttribute("data-style-choice", wanted);
+    root.style.colorScheme = data.schemes[name] ?? data.fallback;
+}
+//# sourceMappingURL=index.js.map

package/distribution/style/apply/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../source/style/apply/index.ts"],"names":[],"mappings":"AAGA,4DAA4D;AAC5D,MAAM,UAAU,cAAc,CAAC,aAAiC;IAC9D,OAAO;QACL,UAAU,EAAE,aAAa,CAAC,UAAU;QACpC,OAAO,EAAE,MAAM,CAAC,WAAW,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;QAC5F,QAAQ,EAAE,EAAE,GAAG,aAAa,CAAC,QAAQ,EAAE;QACvC,QAAQ,EAAE,aAAa,CAAC,QAAQ;KACjC,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAC,IAAoB,EAAE,MAAe;IAC9D,IAAI,MAAM,GAAG,MAAM,CAAC;IACpB,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;QACzB,IAAI,CAAC;YACH,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,QAAQ,CAAC;QAC7D,CAAC;QAAC,MAAM,CAAC;YACP,MAAM,GAAG,QAAQ,CAAC;QACpB,CAAC;IACH,CAAC;IACD,IAAI,MAAM,KAAK,QAAQ,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC;QAAE,MAAM,GAAG,QAAQ,CAAC;IACpE,IAAI,IAAI,GAAG,MAAM,CAAC;IAClB,IAAI,MAAM,KAAK,QAAQ,EAAE,CAAC;QACxB,IAAI,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC3B,IAAI,CAAC;YACH,IAAI,UAAU,CAAC,+BAA+B,CAAC,CAAC,OAAO;gBAAE,MAAM,GAAG,OAAO,CAAC;iBACrE,IAAI,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO;gBAAE,MAAM,GAAG,MAAM,CAAC;QAC/E,CAAC;QAAC,MAAM,CAAC;YACP,uCAAuC;QACzC,CAAC;QACD,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC/B,CAAC;IACD,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC;IACtC,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;IACtC,IAAI,CAAC,YAAY,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC;IAC/C,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC;AAC/D,CAAC"}

package/distribution/style/apply/type.d.ts

@@ -0,0 +1,10 @@
+import type { ColorScheme } from "@sharadox/web-library/style/definition/type";
+/** The plain data `applyStyle` needs; it is serialized into the inline script, so it holds no functions. */
+export interface StyleApplyData {
+    storageKey: string;
+    /** Style name → scheme. */
+    schemes: Record<string, ColorScheme>;
+    defaults: Record<ColorScheme, string>;
+    fallback: ColorScheme;
+}
+//# sourceMappingURL=type.d.ts.map

package/distribution/style/apply/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../source/style/apply/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAE/E,4GAA4G;AAC5G,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,2BAA2B;IAC3B,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IACrC,QAAQ,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;IACtC,QAAQ,EAAE,WAAW,CAAC;CACvB"}

package/distribution/style/apply/type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=type.js.map

package/distribution/style/apply/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../source/style/apply/type.ts"],"names":[],"mappings":""}

package/distribution/style/definition/index.d.ts

@@ -0,0 +1,12 @@
+import type { ColorScheme, StyleConfiguration, StyleDefinition } from "@sharadox/web-library/style/definition/type";
+/** The choice that follows the device's light or dark setting. It is the default and is never stored. */
+export declare const SYSTEM_STYLE = "system";
+/** `<html>` attribute holding the style in use, for CSS (`[data-style="black"]`). */
+export declare const STYLE_ATTRIBUTE = "data-style";
+/** `<html>` attribute holding the visitor's choice ("system" or a style name), for the picker. */
+export declare const STYLE_CHOICE_ATTRIBUTE = "data-style-choice";
+/** Finds a style by name. */
+export declare function findStyle(configuration: StyleConfiguration, name: string): StyleDefinition | undefined;
+/** The style shown for a choice: the chosen style, or for "system" (and unknown names) the default for the scheme. */
+export declare function resolveStyle(configuration: StyleConfiguration, choice: string, systemScheme: ColorScheme | undefined): StyleDefinition;
+//# sourceMappingURL=index.d.ts.map

package/distribution/style/definition/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/style/definition/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,6CAA6C,CAAC;AAEpH,yGAAyG;AACzG,eAAO,MAAM,YAAY,WAAW,CAAC;AACrC,qFAAqF;AACrF,eAAO,MAAM,eAAe,eAAe,CAAC;AAC5C,kGAAkG;AAClG,eAAO,MAAM,sBAAsB,sBAAsB,CAAC;AAE1D,6BAA6B;AAC7B,wBAAgB,SAAS,CAAC,aAAa,EAAE,kBAAkB,EAAE,IAAI,EAAE,MAAM,GAAG,eAAe,GAAG,SAAS,CAEtG;AAED,sHAAsH;AACtH,wBAAgB,YAAY,CAC1B,aAAa,EAAE,kBAAkB,EACjC,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,WAAW,GAAG,SAAS,GACpC,eAAe,CASjB"}

package/distribution/style/definition/index.js

@@ -0,0 +1,21 @@
+/** The choice that follows the device's light or dark setting. It is the default and is never stored. */
+export const SYSTEM_STYLE = "system";
+/** `<html>` attribute holding the style in use, for CSS (`[data-style="black"]`). */
+export const STYLE_ATTRIBUTE = "data-style";
+/** `<html>` attribute holding the visitor's choice ("system" or a style name), for the picker. */
+export const STYLE_CHOICE_ATTRIBUTE = "data-style-choice";
+/** Finds a style by name. */
+export function findStyle(configuration, name) {
+    return configuration.styles.find((style) => style.name === name);
+}
+/** The style shown for a choice: the chosen style, or for "system" (and unknown names) the default for the scheme. */
+export function resolveStyle(configuration, choice, systemScheme) {
+    const chosen = choice === SYSTEM_STYLE ? undefined : findStyle(configuration, choice);
+    if (chosen)
+        return chosen;
+    const style = findStyle(configuration, configuration.defaults[systemScheme ?? configuration.fallback]);
+    if (!style)
+        throw new Error(`style configuration: no style named "${configuration.defaults[systemScheme ?? configuration.fallback]}"`);
+    return style;
+}
+//# sourceMappingURL=index.js.map

package/distribution/style/definition/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../source/style/definition/index.ts"],"names":[],"mappings":"AAEA,yGAAyG;AACzG,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC;AACrC,qFAAqF;AACrF,MAAM,CAAC,MAAM,eAAe,GAAG,YAAY,CAAC;AAC5C,kGAAkG;AAClG,MAAM,CAAC,MAAM,sBAAsB,GAAG,mBAAmB,CAAC;AAE1D,6BAA6B;AAC7B,MAAM,UAAU,SAAS,CAAC,aAAiC,EAAE,IAAY;IACvE,OAAO,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC;AACnE,CAAC;AAED,sHAAsH;AACtH,MAAM,UAAU,YAAY,CAC1B,aAAiC,EACjC,MAAc,EACd,YAAqC;IAErC,MAAM,MAAM,GAAG,MAAM,KAAK,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IACtF,IAAI,MAAM;QAAE,OAAO,MAAM,CAAC;IAC1B,MAAM,KAAK,GAAG,SAAS,CAAC,aAAa,EAAE,aAAa,CAAC,QAAQ,CAAC,YAAY,IAAI,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;IACvG,IAAI,CAAC,KAAK;QACR,MAAM,IAAI,KAAK,CACb,wCAAwC,aAAa,CAAC,QAAQ,CAAC,YAAY,IAAI,aAAa,CAAC,QAAQ,CAAC,GAAG,CAC1G,CAAC;IACJ,OAAO,KAAK,CAAC;AACf,CAAC"}

package/distribution/style/definition/type.d.ts

@@ -0,0 +1,24 @@
+/** Whether a style is dark or light. The system preference (`prefers-color-scheme`) is one of these. */
+export type ColorScheme = "dark" | "light";
+/** One style (what other projects call a theme): a name, its scheme and the CSS custom properties it sets. */
+export interface StyleDefinition {
+    /** Lower-case identifier, stored and written to `<html data-style>`, for example `black`. */
+    name: string;
+    scheme: ColorScheme;
+    /** CSS custom properties without the leading dashes, for example `{ background: "#000" }` → `--background`. */
+    palette: Readonly<Record<string, string>>;
+}
+/** Every style a site offers, and how one is picked when the visitor hasn't chosen. */
+export interface StyleConfiguration {
+    /** Any number of dark and light styles. */
+    styles: readonly StyleDefinition[];
+    /** The style used for each system scheme when the choice is "system". */
+    defaults: Readonly<Record<ColorScheme, string>>;
+    /** The scheme used when the system preference is unknown, and before scripts run. */
+    fallback: ColorScheme;
+    /** Browser storage key that remembers a manual choice. */
+    storageKey: string;
+}
+/** What the visitor picked: "system" (follow the device) or a style name. */
+export type StyleChoice = string;
+//# sourceMappingURL=type.d.ts.map

package/distribution/style/definition/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../source/style/definition/type.ts"],"names":[],"mappings":"AAAA,wGAAwG;AACxG,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;AAE3C,8GAA8G;AAC9G,MAAM,WAAW,eAAe;IAC9B,6FAA6F;IAC7F,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,WAAW,CAAC;IACpB,+GAA+G;IAC/G,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;CAC3C;AAED,uFAAuF;AACvF,MAAM,WAAW,kBAAkB;IACjC,2CAA2C;IAC3C,MAAM,EAAE,SAAS,eAAe,EAAE,CAAC;IACnC,yEAAyE;IACzE,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;IAChD,qFAAqF;IACrF,QAAQ,EAAE,WAAW,CAAC;IACtB,0DAA0D;IAC1D,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,6EAA6E;AAC7E,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC"}

package/distribution/style/definition/type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=type.js.map

package/distribution/style/definition/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../source/style/definition/type.ts"],"names":[],"mappings":""}

package/distribution/style/style-script/index.d.ts

@@ -0,0 +1,10 @@
+import type { StyleConfiguration } from "@sharadox/web-library/style/definition/type";
+import type { StyleScriptProperties } from "@sharadox/web-library/style/style-script/type";
+/** The inline script: applies the remembered style, then follows the device and other tabs while the page is open. */
+export declare function styleScript(configuration: StyleConfiguration): string;
+/**
+ * Put in `<head>` (and add `suppressHydrationWarning` to `<html>`): every style's CSS custom properties, and the
+ * script that picks the style before the first paint.
+ */
+export declare function StyleScript({ configuration }: StyleScriptProperties): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/distribution/style/style-script/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/style/style-script/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AACtF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AAE3F,sHAAsH;AACtH,wBAAgB,WAAW,CAAC,aAAa,EAAE,kBAAkB,GAAG,MAAM,CAGrE;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAAE,aAAa,EAAE,EAAE,qBAAqB,+BAOnE"}

package/distribution/style/style-script/index.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { applyStyle, styleApplyData } from "@sharadox/web-library/style/apply";
+import { styleSheet } from "@sharadox/web-library/style/style-sheet";
+/** The inline script: applies the remembered style, then follows the device and other tabs while the page is open. */
+export function styleScript(configuration) {
+    const data = JSON.stringify(styleApplyData(configuration)).replace(/</g, "\\u003c");
+    return `(function(){var apply=${applyStyle.toString()};var data=${data};apply(data);try{matchMedia("(prefers-color-scheme: light)").addEventListener("change",function(){apply(data)});addEventListener("storage",function(event){if(event.key===data.storageKey)apply(data)})}catch(error){}})();`;
+}
+/**
+ * Put in `<head>` (and add `suppressHydrationWarning` to `<html>`): every style's CSS custom properties, and the
+ * script that picks the style before the first paint.
+ */
+export function StyleScript({ configuration }) {
+    return (_jsxs(_Fragment, { children: [_jsx("style", { dangerouslySetInnerHTML: { __html: styleSheet(configuration) } }), _jsx("script", { dangerouslySetInnerHTML: { __html: styleScript(configuration) } })] }));
+}
+//# sourceMappingURL=index.js.map

package/distribution/style/style-script/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../source/style/style-script/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AAIrE,sHAAsH;AACtH,MAAM,UAAU,WAAW,CAAC,aAAiC;IAC3D,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IACpF,OAAO,yBAAyB,UAAU,CAAC,QAAQ,EAAE,aAAa,IAAI,6NAA6N,CAAC;AACtS,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,WAAW,CAAC,EAAE,aAAa,EAAyB;IAClE,OAAO,CACL,8BACE,gBAAO,uBAAuB,EAAE,EAAE,MAAM,EAAE,UAAU,CAAC,aAAa,CAAC,EAAE,GAAI,EACzE,iBAAQ,uBAAuB,EAAE,EAAE,MAAM,EAAE,WAAW,CAAC,aAAa,CAAC,EAAE,GAAI,IAC1E,CACJ,CAAC;AACJ,CAAC"}

package/distribution/style/style-script/type.d.ts

@@ -0,0 +1,5 @@
+import type { StyleConfiguration } from "@sharadox/web-library/style/definition/type";
+export interface StyleScriptProperties {
+    configuration: StyleConfiguration;
+}
+//# sourceMappingURL=type.d.ts.map

package/distribution/style/style-script/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../source/style/style-script/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AAEtF,MAAM,WAAW,qBAAqB;IACpC,aAAa,EAAE,kBAAkB,CAAC;CACnC"}

package/distribution/style/style-script/type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=type.js.map

package/distribution/style/style-script/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../source/style/style-script/type.ts"],"names":[],"mappings":""}

package/distribution/style/style-sheet/index.d.ts

@@ -0,0 +1,7 @@
+import type { StyleConfiguration } from "@sharadox/web-library/style/definition/type";
+/**
+ * The CSS for every style, from the configuration alone: `[data-style="<name>"]` for each style, plus a fallback for
+ * the moment before the inline script runs (or when scripts are off) that still follows the device's scheme.
+ */
+export declare function styleSheet(configuration: StyleConfiguration): string;
+//# sourceMappingURL=index.d.ts.map

package/distribution/style/style-sheet/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/style/style-sheet/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAmB,MAAM,6CAA6C,CAAC;AAOvG;;;GAGG;AACH,wBAAgB,UAAU,CAAC,aAAa,EAAE,kBAAkB,GAAG,MAAM,CAUpE"}

package/distribution/style/style-sheet/index.js

@@ -0,0 +1,19 @@
+import { findStyle } from "@sharadox/web-library/style/definition";
+const declarations = (style) => [...Object.entries(style.palette).map(([key, value]) => `--${key}:${value}`), `color-scheme:${style.scheme}`].join(";");
+/**
+ * The CSS for every style, from the configuration alone: `[data-style="<name>"]` for each style, plus a fallback for
+ * the moment before the inline script runs (or when scripts are off) that still follows the device's scheme.
+ */
+export function styleSheet(configuration) {
+    const fallback = findStyle(configuration, configuration.defaults[configuration.fallback]);
+    const other = configuration.fallback === "dark" ? "light" : "dark";
+    const otherDefault = findStyle(configuration, configuration.defaults[other]);
+    if (!fallback || !otherDefault)
+        throw new Error("style configuration: a default style is missing");
+    return [
+        `:root{${declarations(fallback)}}`,
+        `@media (prefers-color-scheme:${other}){:root:not([data-style]){${declarations(otherDefault)}}}`,
+        ...configuration.styles.map((style) => `:root[data-style="${style.name}"]{${declarations(style)}}`),
+    ].join("\n");
+}
+//# sourceMappingURL=index.js.map

package/distribution/style/style-sheet/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../source/style/style-sheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AAGnE,MAAM,YAAY,GAAG,CAAC,KAAsB,EAAE,EAAE,CAC9C,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,GAAG,IAAI,KAAK,EAAE,CAAC,EAAE,gBAAgB,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,IAAI,CAChH,GAAG,CACJ,CAAC;AAEJ;;;GAGG;AACH,MAAM,UAAU,UAAU,CAAC,aAAiC;IAC1D,MAAM,QAAQ,GAAG,SAAS,CAAC,aAAa,EAAE,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC1F,MAAM,KAAK,GAAG,aAAa,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;IACnE,MAAM,YAAY,GAAG,SAAS,CAAC,aAAa,EAAE,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;IAC7E,IAAI,CAAC,QAAQ,IAAI,CAAC,YAAY;QAAE,MAAM,IAAI,KAAK,CAAC,iDAAiD,CAAC,CAAC;IACnG,OAAO;QACL,SAAS,YAAY,CAAC,QAAQ,CAAC,GAAG;QAClC,gCAAgC,KAAK,6BAA6B,YAAY,CAAC,YAAY,CAAC,IAAI;QAChG,GAAG,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,qBAAqB,KAAK,CAAC,IAAI,MAAM,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC;KACpG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACf,CAAC"}

package/distribution/style/use-style/index.d.ts

@@ -0,0 +1,5 @@
+import type { StyleConfiguration } from "@sharadox/web-library/style/definition/type";
+import type { StyleState } from "@sharadox/web-library/style/use-style/type";
+/** The visitor's style choice and the style in use, kept in sync with `<html>`; `choose` remembers a new choice. */
+export declare function useStyle(configuration: StyleConfiguration): StyleState;
+//# sourceMappingURL=index.d.ts.map

package/distribution/style/use-style/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/style/use-style/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AACtF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4CAA4C,CAAC;AAa7E,oHAAoH;AACpH,wBAAgB,QAAQ,CAAC,aAAa,EAAE,kBAAkB,GAAG,UAAU,CAkBtE"}

package/distribution/style/use-style/index.js

@@ -0,0 +1,34 @@
+"use client";
+import { useCallback, useMemo, useSyncExternalStore } from "react";
+import { applyStyle, styleApplyData } from "@sharadox/web-library/style/apply";
+import { STYLE_ATTRIBUTE, STYLE_CHOICE_ATTRIBUTE, SYSTEM_STYLE } from "@sharadox/web-library/style/definition";
+const subscribe = (notify) => {
+    const observer = new MutationObserver(notify);
+    observer.observe(document.documentElement, {
+        attributes: true,
+        attributeFilter: [STYLE_ATTRIBUTE, STYLE_CHOICE_ATTRIBUTE],
+    });
+    return () => observer.disconnect();
+};
+const read = (attribute, fallback) => () => document.documentElement.getAttribute(attribute) ?? fallback;
+/** The visitor's style choice and the style in use, kept in sync with `<html>`; `choose` remembers a new choice. */
+export function useStyle(configuration) {
+    const fallbackStyle = configuration.defaults[configuration.fallback];
+    const choice = useSyncExternalStore(subscribe, read(STYLE_CHOICE_ATTRIBUTE, SYSTEM_STYLE), () => SYSTEM_STYLE);
+    const style = useSyncExternalStore(subscribe, read(STYLE_ATTRIBUTE, fallbackStyle), () => fallbackStyle);
+    const data = useMemo(() => styleApplyData(configuration), [configuration]);
+    const choose = useCallback((next) => {
+        try {
+            if (next === SYSTEM_STYLE)
+                localStorage.removeItem(data.storageKey);
+            else
+                localStorage.setItem(data.storageKey, next);
+        }
+        catch {
+            // Storage blocked (private mode): the choice still applies until the page closes.
+        }
+        applyStyle(data, next);
+    }, [data]);
+    return { choice, style, choose };
+}
+//# sourceMappingURL=index.js.map

package/distribution/style/use-style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../source/style/use-style/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AAI/G,MAAM,SAAS,GAAG,CAAC,MAAkB,EAAE,EAAE;IACvC,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAC9C,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,eAAe,EAAE;QACzC,UAAU,EAAE,IAAI;QAChB,eAAe,EAAE,CAAC,eAAe,EAAE,sBAAsB,CAAC;KAC3D,CAAC,CAAC;IACH,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;AACrC,CAAC,CAAC;AACF,MAAM,IAAI,GAAG,CAAC,SAAiB,EAAE,QAAgB,EAAE,EAAE,CAAC,GAAG,EAAE,CACzD,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,QAAQ,CAAC;AAE/D,oHAAoH;AACpH,MAAM,UAAU,QAAQ,CAAC,aAAiC;IACxD,MAAM,aAAa,GAAG,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACrE,MAAM,MAAM,GAAG,oBAAoB,CAAC,SAAS,EAAE,IAAI,CAAC,sBAAsB,EAAE,YAAY,CAAC,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC;IAC/G,MAAM,KAAK,GAAG,oBAAoB,CAAC,SAAS,EAAE,IAAI,CAAC,eAAe,EAAE,aAAa,CAAC,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC;IACzG,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,aAAa,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAC3E,MAAM,MAAM,GAAG,WAAW,CACxB,CAAC,IAAY,EAAE,EAAE;QACf,IAAI,CAAC;YACH,IAAI,IAAI,KAAK,YAAY;gBAAE,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;;gBAC/D,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;QACnD,CAAC;QAAC,MAAM,CAAC;YACP,kFAAkF;QACpF,CAAC;QACD,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACzB,CAAC,EACD,CAAC,IAAI,CAAC,CACP,CAAC;IACF,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AACnC,CAAC"}

package/distribution/style/use-style/type.d.ts

@@ -0,0 +1,9 @@
+export interface StyleState {
+    /** What the visitor picked: "system" or a style name. */
+    choice: string;
+    /** The style in use right now. Before hydration (and on the server) it is the fallback default. */
+    style: string;
+    /** Picks a style (or "system"), remembers it and applies it at once. */
+    choose: (choice: string) => void;
+}
+//# sourceMappingURL=type.d.ts.map

package/distribution/style/use-style/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../source/style/use-style/type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACzB,yDAAyD;IACzD,MAAM,EAAE,MAAM,CAAC;IACf,mGAAmG;IACnG,KAAK,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC"}

package/distribution/style/use-style/type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=type.js.map

package/distribution/style/use-style/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../source/style/use-style/type.ts"],"names":[],"mappings":""}

package/distribution/test/visual-snapshot/index.d.ts

@@ -0,0 +1,8 @@
+import type { Page } from "@playwright/test";
+import type { VisualSnapshotOptions } from "@sharadox/web-library/test/visual-snapshot/type";
+/**
+ * Prepares a page for a deterministic full-page screenshot: freezes the clock, opens the url, waits for fonts,
+ * scrolls through so every reveal-on-scroll fires, then returns to the top and lets animations finish.
+ */
+export declare function prepareVisualSnapshot(page: Page, url: string, { time, step }?: VisualSnapshotOptions): Promise<void>;
+//# sourceMappingURL=index.d.ts.map

package/distribution/test/visual-snapshot/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/test/visual-snapshot/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iDAAiD,CAAC;AAE7F;;;GAGG;AACH,wBAAsB,qBAAqB,CACzC,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,MAAM,EACX,EAAE,IAAuC,EAAE,IAAU,EAAE,GAAE,qBAA0B,GAClF,OAAO,CAAC,IAAI,CAAC,CAcf"}

package/distribution/test/visual-snapshot/index.js

@@ -0,0 +1,20 @@
+/**
+ * Prepares a page for a deterministic full-page screenshot: freezes the clock, opens the url, waits for fonts,
+ * scrolls through so every reveal-on-scroll fires, then returns to the top and lets animations finish.
+ */
+export async function prepareVisualSnapshot(page, url, { time = new Date("2026-11-08T12:00:00Z"), step = 400 } = {}) {
+    await page.clock.install({ time });
+    await page.clock.pauseAt(new Date(time.getTime() + 1000));
+    await page.goto(url);
+    await page.evaluate(() => document.fonts.ready);
+    const height = await page.evaluate(() => document.documentElement.scrollHeight);
+    for (let y = 0; y <= height; y += step) {
+        await page.evaluate((top) => window.scrollTo(0, top), y);
+        await page.waitForTimeout(60);
+        await page.clock.runFor(400);
+    }
+    await page.evaluate(() => window.scrollTo(0, 0));
+    await page.waitForTimeout(60);
+    await page.clock.runFor(4000);
+}
+//# sourceMappingURL=index.js.map

package/distribution/test/visual-snapshot/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../source/test/visual-snapshot/index.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,MAAM,CAAC,KAAK,UAAU,qBAAqB,CACzC,IAAU,EACV,GAAW,EACX,EAAE,IAAI,GAAG,IAAI,IAAI,CAAC,sBAAsB,CAAC,EAAE,IAAI,GAAG,GAAG,KAA4B,EAAE;IAEnF,MAAM,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IACnC,MAAM,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC;IAC1D,MAAM,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACrB,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;IAChF,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,MAAM,EAAE,CAAC,IAAI,IAAI,EAAE,CAAC;QACvC,MAAM,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;QACzD,MAAM,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;QAC9B,MAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAC/B,CAAC;IACD,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACjD,MAAM,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;IAC9B,MAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AAChC,CAAC"}

package/distribution/test/visual-snapshot/type.d.ts

@@ -0,0 +1,7 @@
+export interface VisualSnapshotOptions {
+    /** The moment the page believes it is; animations and timers only move when the test advances the clock. */
+    time?: Date;
+    /** Pixels per scroll step while settling. Defaults to 400. */
+    step?: number;
+}
+//# sourceMappingURL=type.d.ts.map

package/distribution/test/visual-snapshot/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../source/test/visual-snapshot/type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,qBAAqB;IACpC,4GAA4G;IAC5G,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,8DAA8D;IAC9D,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}

package/distribution/test/visual-snapshot/type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=type.js.map

package/distribution/test/visual-snapshot/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../source/test/visual-snapshot/type.ts"],"names":[],"mappings":""}

package/distribution/time/format-time/index.d.ts

@@ -0,0 +1,3 @@
+/** "HH:MM" on a 24-hour clock in a time zone, for example "17:28". */
+export declare function formatTime(date: Date, timeZone: string): string;
+//# sourceMappingURL=index.d.ts.map

package/distribution/time/format-time/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/time/format-time/index.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAI/D"}

package/distribution/time/format-time/index.js

@@ -0,0 +1,5 @@
+/** "HH:MM" on a 24-hour clock in a time zone, for example "17:28". */
+export function formatTime(date, timeZone) {
+    return new Intl.DateTimeFormat("en-GB", { timeZone, hour: "2-digit", minute: "2-digit", hourCycle: "h23" }).format(date);
+}
+//# sourceMappingURL=index.js.map

package/distribution/time/format-time/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../source/time/format-time/index.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,MAAM,UAAU,UAAU,CAAC,IAAU,EAAE,QAAgB;IACrD,OAAO,IAAI,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAChH,IAAI,CACL,CAAC;AACJ,CAAC"}

package/distribution/time/open-state/index.d.ts

@@ -0,0 +1,4 @@
+import type { OpenState, TimeOfDay } from "@sharadox/web-library/time/open-state/type";
+/** Whether a place with daily hours `from`–`to` is open at `now`, in the place's time zone. */
+export declare function openState(now: Date, from: TimeOfDay, to: TimeOfDay, timeZone: string): OpenState;
+//# sourceMappingURL=index.d.ts.map

package/distribution/time/open-state/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/time/open-state/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,4CAA4C,CAAC;AAGvF,+FAA+F;AAC/F,wBAAgB,SAAS,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,GAAG,SAAS,CAKhG"}

package/distribution/time/open-state/index.js

@@ -0,0 +1,11 @@
+import { minutesInZone } from "@sharadox/web-library/time/zone-minute";
+/** Whether a place with daily hours `from`–`to` is open at `now`, in the place's time zone. */
+export function openState(now, from, to, timeZone) {
+    const minutes = minutesInZone(now, timeZone);
+    if (minutes < from[0] * 60 + from[1])
+        return "before";
+    if (minutes >= to[0] * 60 + to[1])
+        return "after";
+    return "open";
+}
+//# sourceMappingURL=index.js.map

package/distribution/time/open-state/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../source/time/open-state/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAEvE,+FAA+F;AAC/F,MAAM,UAAU,SAAS,CAAC,GAAS,EAAE,IAAe,EAAE,EAAa,EAAE,QAAgB;IACnF,MAAM,OAAO,GAAG,aAAa,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC7C,IAAI,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC;QAAE,OAAO,QAAQ,CAAC;IACtD,IAAI,OAAO,IAAI,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;QAAE,OAAO,OAAO,CAAC;IAClD,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/distribution/time/open-state/type.d.ts

@@ -0,0 +1,5 @@
+/** Before opening, open, or after closing — today, in the place's time zone. */
+export type OpenState = "open" | "before" | "after";
+/** A time of day as [hours, minutes]. */
+export type TimeOfDay = readonly [number, number];
+//# sourceMappingURL=type.d.ts.map

package/distribution/time/open-state/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../source/time/open-state/type.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEpD,yCAAyC;AACzC,MAAM,MAAM,SAAS,GAAG,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC"}

package/distribution/time/open-state/type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=type.js.map

package/distribution/time/open-state/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../source/time/open-state/type.ts"],"names":[],"mappings":""}

package/distribution/time/sun-time/index.d.ts

@@ -0,0 +1,4 @@
+import type { SunTimes } from "@sharadox/web-library/time/sun-time/type";
+/** Sunrise and sunset for a date and place (NOAA solar position approximation, ±1–2 minutes). */
+export declare function sunTimes(date: Date, latitude: number, longitude: number): SunTimes;
+//# sourceMappingURL=index.d.ts.map

package/distribution/time/sun-time/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/time/sun-time/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAIzE,iGAAiG;AACjG,wBAAgB,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,QAAQ,CA4BlF"}

package/distribution/time/sun-time/index.js

@@ -0,0 +1,27 @@
+const RADIANS_PER_DEGREE = Math.PI / 180;
+/** Sunrise and sunset for a date and place (NOAA solar position approximation, ±1–2 minutes). */
+export function sunTimes(date, latitude, longitude) {
+    const year = date.getUTCFullYear();
+    const midnight = Date.UTC(year, date.getUTCMonth(), date.getUTCDate());
+    const day = Math.floor((midnight - Date.UTC(year, 0, 0)) / 864e5);
+    const yearAngle = ((2 * Math.PI) / 365) * (day - 1 + 0.5);
+    const equationOfTime = 229.18 *
+        (0.000075 +
+            0.001868 * Math.cos(yearAngle) -
+            0.032077 * Math.sin(yearAngle) -
+            0.014615 * Math.cos(2 * yearAngle) -
+            0.040849 * Math.sin(2 * yearAngle));
+    const declination = 0.006918 -
+        0.399912 * Math.cos(yearAngle) +
+        0.070257 * Math.sin(yearAngle) -
+        0.006758 * Math.cos(2 * yearAngle) +
+        0.000907 * Math.sin(2 * yearAngle) -
+        0.002697 * Math.cos(3 * yearAngle) +
+        0.00148 * Math.sin(3 * yearAngle);
+    const hourAngle = Math.acos(Math.cos(90.833 * RADIANS_PER_DEGREE) / (Math.cos(latitude * RADIANS_PER_DEGREE) * Math.cos(declination)) -
+        Math.tan(latitude * RADIANS_PER_DEGREE) * Math.tan(declination)) / RADIANS_PER_DEGREE;
+    const riseMinutes = 720 - 4 * (longitude + hourAngle) - equationOfTime;
+    const setMinutes = 720 - 4 * (longitude - hourAngle) - equationOfTime;
+    return { rise: new Date(midnight + riseMinutes * 6e4), set: new Date(midnight + setMinutes * 6e4) };
+}
+//# sourceMappingURL=index.js.map

package/distribution/time/sun-time/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../source/time/sun-time/index.ts"],"names":[],"mappings":"AAEA,MAAM,kBAAkB,GAAG,IAAI,CAAC,EAAE,GAAG,GAAG,CAAC;AAEzC,iGAAiG;AACjG,MAAM,UAAU,QAAQ,CAAC,IAAU,EAAE,QAAgB,EAAE,SAAiB;IACtE,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;IACnC,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;IACvE,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC;IAClE,MAAM,SAAS,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC;IAC1D,MAAM,cAAc,GAClB,MAAM;QACN,CAAC,QAAQ;YACP,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC;YAC9B,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC;YAC9B,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC;YAClC,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC;IACxC,MAAM,WAAW,GACf,QAAQ;QACR,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC;QAC9B,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC;QAC9B,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC;QAClC,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC;QAClC,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC;QAClC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC;IACpC,MAAM,SAAS,GACb,IAAI,CAAC,IAAI,CACP,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,kBAAkB,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,GAAG,kBAAkB,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QACvG,IAAI,CAAC,GAAG,CAAC,QAAQ,GAAG,kBAAkB,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,CAClE,GAAG,kBAAkB,CAAC;IACzB,MAAM,WAAW,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC,GAAG,cAAc,CAAC;IACvE,MAAM,UAAU,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC,GAAG,cAAc,CAAC;IACtE,OAAO,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,QAAQ,GAAG,WAAW,GAAG,GAAG,CAAC,EAAE,GAAG,EAAE,IAAI,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,GAAG,CAAC,EAAE,CAAC;AACtG,CAAC"}

package/distribution/time/sun-time/type.d.ts

@@ -0,0 +1,6 @@
+/** Sunrise and sunset as real instants, so they can be formatted in any timezone. */
+export interface SunTimes {
+    rise: Date;
+    set: Date;
+}
+//# sourceMappingURL=type.d.ts.map

package/distribution/time/sun-time/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../source/time/sun-time/type.ts"],"names":[],"mappings":"AAAA,qFAAqF;AACrF,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,IAAI,CAAC;IACX,GAAG,EAAE,IAAI,CAAC;CACX"}

package/distribution/time/sun-time/type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=type.js.map

package/distribution/time/sun-time/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../source/time/sun-time/type.ts"],"names":[],"mappings":""}

package/distribution/time/sun-today/index.d.ts

@@ -0,0 +1,4 @@
+import type { SunToday } from "@sharadox/web-library/time/sun-today/type";
+/** Today's sunrise and sunset at a place (tomorrow's once the sun has set), refreshed every minute. Null until mounted. */
+export declare function useSunToday(latitude: number, longitude: number): SunToday | null;
+//# sourceMappingURL=index.d.ts.map

package/distribution/time/sun-today/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/time/sun-today/index.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2CAA2C,CAAC;AAE1E,2HAA2H;AAC3H,wBAAgB,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,mBAkB9D"}

package/distribution/time/sun-today/index.js

@@ -0,0 +1,25 @@
+"use client";
+import { useEffect, useState } from "react";
+import { sunTimes } from "@sharadox/web-library/time/sun-time";
+/** Today's sunrise and sunset at a place (tomorrow's once the sun has set), refreshed every minute. Null until mounted. */
+export function useSunToday(latitude, longitude) {
+    const [sun, setSun] = useState(null);
+    useEffect(() => {
+        const tick = () => {
+            const now = new Date();
+            let times = sunTimes(now, latitude, longitude);
+            const tomorrow = now > times.set;
+            if (tomorrow)
+                times = sunTimes(new Date(now.getTime() + 864e5), latitude, longitude);
+            setSun({ ...times, now, tomorrow });
+        };
+        const first = setTimeout(tick, 0);
+        const timer = setInterval(tick, 60_000);
+        return () => {
+            clearTimeout(first);
+            clearInterval(timer);
+        };
+    }, [latitude, longitude]);
+    return sun;
+}
+//# sourceMappingURL=index.js.map

package/distribution/time/sun-today/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../source/time/sun-today/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAG/D,2HAA2H;AAC3H,MAAM,UAAU,WAAW,CAAC,QAAgB,EAAE,SAAiB;IAC7D,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAkB,IAAI,CAAC,CAAC;IACtD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,IAAI,GAAG,GAAG,EAAE;YAChB,MAAM,GAAG,GAAG,IAAI,IAAI,EAAE,CAAC;YACvB,IAAI,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;YAC/C,MAAM,QAAQ,GAAG,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;YACjC,IAAI,QAAQ;gBAAE,KAAK,GAAG,QAAQ,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,KAAK,CAAC,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;YACrF,MAAM,CAAC,EAAE,GAAG,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,CAAC;QACtC,CAAC,CAAC;QACF,MAAM,KAAK,GAAG,UAAU,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QAClC,MAAM,KAAK,GAAG,WAAW,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QACxC,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,aAAa,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;IAC1B,OAAO,GAAG,CAAC;AACb,CAAC"}

package/distribution/time/sun-today/type.d.ts

@@ -0,0 +1,9 @@
+/** Sun times for the relevant evening, plus the moment they were computed for. */
+export interface SunToday {
+    rise: Date;
+    set: Date;
+    now: Date;
+    /** After today's sunset these are tomorrow's times. */
+    tomorrow: boolean;
+}
+//# sourceMappingURL=type.d.ts.map

package/distribution/time/sun-today/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../source/time/sun-today/type.ts"],"names":[],"mappings":"AAAA,kFAAkF;AAClF,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,IAAI,CAAC;IACX,GAAG,EAAE,IAAI,CAAC;IACV,GAAG,EAAE,IAAI,CAAC;IACV,uDAAuD;IACvD,QAAQ,EAAE,OAAO,CAAC;CACnB"}

package/distribution/time/sun-today/type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=type.js.map

package/distribution/time/sun-today/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../source/time/sun-today/type.ts"],"names":[],"mappings":""}

package/distribution/time/zone-minute/index.d.ts

@@ -0,0 +1,3 @@
+/** Minutes since midnight in a time zone for an instant, whatever the visitor's own time zone. */
+export declare function minutesInZone(date: Date, timeZone: string): number;
+//# sourceMappingURL=index.d.ts.map

package/distribution/time/zone-minute/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/time/zone-minute/index.ts"],"names":[],"mappings":"AAAA,kGAAkG;AAClG,wBAAgB,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAUlE"}