@seedgrid/fe-components 0.2.9 → 2026.3.1

package/dist/digits/flip-digit/SgFlipDigit.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+// CSS from @pqina/flip v1.8.4 (MIT) — embedded to avoid CSS import in tsc-only build
+const FLIP_CSS = `.tick{box-sizing:border-box;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:default;position:relative;z-index:1;line-height:1.4}.tick *{box-sizing:inherit}.tick [data-view]{max-width:100%}.tick span[data-view]{display:inline-block}.tick .tick-credits{display:none}.tick [data-layout~=pad]{margin:-.25em}.tick [data-layout~=pad]>*{margin:.25em}.tick [data-layout~=horizontal]{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}.tick [data-layout~=horizontal][data-layout~=baseline]{-ms-flex-align:baseline;align-items:baseline}.tick [data-layout~=horizontal][data-layout~=center]{-ms-flex-pack:center;justify-content:center}.tick [data-layout~=horizontal][data-layout~=right]{-ms-flex-pack:end;justify-content:flex-end}.tick [data-layout~=horizontal][data-layout~=left]{-ms-flex-pack:start;justify-content:flex-start}.tick [data-layout~=horizontal][data-layout~=fill],.tick [data-layout~=horizontal][data-layout~=stretch]{-ms-flex-line-pack:stretch;align-content:stretch;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.tick [data-layout~=horizontal][data-layout~=fill]>*,.tick [data-layout~=horizontal][data-layout~=stretch]>*{-ms-flex:1 0 0px;flex:1 0 0;width:100%}.tick [data-layout~=horizontal][data-layout~=multi-line]{-ms-flex-wrap:wrap;flex-wrap:wrap}.tick [data-layout~=horizontal][data-layout~=fit]{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-line-pack:center;align-content:center;white-space:nowrap;-ms-flex-pack:start;justify-content:flex-start}.tick [data-layout~=vertical]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.tick [data-layout~=vertical][data-layout~=top]{-ms-flex-pack:start;justify-content:flex-start}.tick [data-layout~=vertical][data-layout~=bottom]{-ms-flex-pack:end;justify-content:flex-end;min-height:100%}.tick [data-layout~=vertical][data-layout~=middle]{-ms-flex-pack:center;justify-content:center;min-height:100%}.tick [data-layout~=vertical][data-layout~=left]{-ms-flex-align:start;align-items:flex-start}.tick [data-layout~=vertical][data-layout~=right]{-ms-flex-align:end;align-items:flex-end}.tick [data-layout~=vertical][data-layout~=center]{text-align:center}.tick [data-layout~=vertical][data-layout~=fill],.tick [data-layout~=vertical][data-layout~=stretch]{-ms-flex-align:stretch;align-items:stretch;min-height:100%}.tick [data-layout~=vertical][data-layout~=fill]>*,.tick [data-layout~=vertical][data-layout~=stretch]>*{-ms-flex:1 0 0px;flex:1 0 0}.tick [data-layout~=vertical]>*+*{margin-top:.5em}.tick [data-layout~=overlay]{position:relative}.tick [data-layout~=overlay]>*{margin:0}.tick [data-layout~=overlay][data-layout~=center]{text-align:center}.tick [data-layout~=overlay][data-layout~=left]{text-align:left}.tick [data-layout~=overlay][data-layout~=right]{text-align:right}.tick [data-layout~=overlay]>[data-overlay=fill],.tick [data-layout~=overlay]>[data-overlay=stretch]{position:absolute;left:0;right:0;top:0;bottom:0}.tick [data-layout~=overlay]>[data-overlay=center]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:absolute;left:0;right:0;top:0;bottom:0}.tick-flip{position:relative;text-align:center}.tick-flip *{border-radius:inherit;white-space:pre;letter-spacing:inherit;text-indent:inherit}.tick-flip-front{border-bottom-left-radius:0;border-bottom-right-radius:0}.tick-flip-back{border-top-left-radius:0;border-top-right-radius:0}.tick-flip-spacer{display:block;visibility:hidden}.tick-flip-shadow{position:absolute;left:1px;right:1px;top:1px;bottom:1px;color:transparent!important;background:transparent!important}.tick-flip-shadow-top{bottom:calc(50% - 1px)}.tick-flip-shadow-bottom{top:calc(50% + 1px)}.tick-flip-card-shadow{position:absolute;left:.15em;right:.15em;bottom:.125em;height:.5em;background-color:transparent;border-radius:0;opacity:0;transform-origin:0 100%;box-shadow:0 .125em .25em rgba(0,0,0,.5),0 .125em .5em rgba(0,0,0,.75);z-index:0}.tick-flip-card{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;perspective:4em}.tick-flip-panel-back,.tick-flip-panel-front{position:absolute;left:0;width:100%;height:51%;backface-visibility:hidden;transform-style:preserve-3d}.tick-flip-panel-back-text,.tick-flip-panel-front-text{position:absolute;left:-1px;top:0;right:-1px;height:100%;overflow:hidden}.tick-flip-panel-text-wrapper{position:absolute;left:0;top:0;right:0;height:100%}.tick-flip-panel-back-text .tick-flip-panel-text-wrapper{height:200%;top:-100%}.tick-flip-panel-front{transform-origin:center bottom;top:0;z-index:2;box-shadow:inset 0 1px hsla(0,0%,100%,.05)}.tick-flip-panel-back{transform-origin:center top;top:50%;z-index:1;box-shadow:inset 0 -1px rgba(0,0,0,.1)}.tick-flip-panel-back:after{z-index:1;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(180deg,rgba(0,0,0,.3) 1px,rgba(0,0,0,.15) 0,transparent 30%)}.tick-flip-panel-back-shadow{z-index:2}.tick-flip-panel-back-highlight{z-index:3}.tick-flip-panel-back-highlight,.tick-flip-panel-back-shadow{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.tick-flip-panel-back-highlight,.tick-flip-panel-back-shadow,.tick-flip-panel-front-shadow{position:absolute;left:0;top:0;right:0;bottom:0;opacity:0}.tick-flip-panel-front-shadow{background-image:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.3))}.tick-flip-panel-back-shadow{background-image:linear-gradient(180deg,rgba(0,0,0,.7),rgba(0,0,0,.5))}.tick-flip-panel-back-highlight{background-image:linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.3))}.tick [data-style*="shadow:inner"],.tick [data-style*="shadow:inner"] .tick-flip-card-shadow,.tick [data-style*="shadow:none"] .tick-flip-card-shadow,.tick [data-style*="shadow:none"] .tick-flip-panel-back,.tick [data-style*="shadow:none"] .tick-flip-panel-front,.tick [data-style*="shadow:none"] .tick-flip-shadow{box-shadow:none}.tick [data-style*="shadow:none"] .tick-flip-back:after,.tick [data-style*="shadow:none"] .tick-flip-panel-back-shadow,.tick [data-style*="shadow:none"] .tick-flip-panel-back-text:after,.tick [data-style*="shadow:none"] .tick-flip-panel-front-shadow{background-image:none}.tick [data-style*="rounded:none"]{border-radius:0}.tick [data-style*="rounded:panels"] .tick-flip-front,.tick [data-style*="rounded:panels"] .tick-flip-shadow-bottom{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.tick [data-style*="rounded:panels"] .tick-flip-back,.tick [data-style*="rounded:panels"] .tick-flip-panel-back:after,.tick [data-style*="rounded:panels"] .tick-flip-shadow-top{border-top-left-radius:inherit;border-top-right-radius:inherit}.tick-flip{margin-left:.0625em;margin-right:.0625em;min-width:1.125em;border-radius:.125em;letter-spacing:.25em;text-indent:.25em}.tick-flip-panel{color:#edebeb;background-color:#333232}.tick-flip-shadow{box-shadow:0 .125em .3125em rgba(0,0,0,.25),0 .02125em .06125em rgba(0,0,0,.25)}`;
+let flipCssInjected = false;
+function ensureFlipCss() {
+    if (flipCssInjected || typeof document === "undefined")
+        return;
+    if (document.getElementById("pqina-flip-css")) {
+        flipCssInjected = true;
+        return;
+    }
+    const style = document.createElement("style");
+    style.id = "pqina-flip-css";
+    style.textContent = FLIP_CSS;
+    document.head.appendChild(style);
+    flipCssInjected = true;
+}
+/**
+ * SgFlipDigit - Animated flip card powered by @pqina/flip (MIT)
+ *
+ * @example
+ * ```tsx
+ * const [digit, setDigit] = useState("0");
+ * <SgFlipDigit value={digit} fontSize={70} />
+ * ```
+ */
+export function SgFlipDigit({ value, fontSize = 70, className, }) {
+    const containerRef = React.useRef(null);
+    const tickRef = React.useRef(null);
+    const valueRef = React.useRef(value);
+    // Mount: inject CSS + create Tick instance
+    React.useEffect(() => {
+        ensureFlipCss();
+        const el = containerRef.current;
+        if (!el)
+            return;
+        let cancelled = false;
+        let destroyFn = null;
+        // Dynamic import: @pqina/flip touches window/document at module evaluation,
+        // so it must never run on the server (SSR). useEffect is client-only.
+        import("@pqina/flip").then(({ default: Tick }) => {
+            if (cancelled || !el.isConnected)
+                return;
+            // Build the required inner DOM structure for @pqina/flip
+            const repeat = document.createElement("div");
+            repeat.setAttribute("data-repeat", "true");
+            repeat.setAttribute("aria-hidden", "true");
+            const flipSpan = document.createElement("span");
+            flipSpan.setAttribute("data-view", "flip");
+            repeat.appendChild(flipSpan);
+            el.appendChild(repeat);
+            tickRef.current = Tick.DOM.create(el, { value: valueRef.current });
+            destroyFn = () => Tick.DOM.destroy(el);
+        });
+        return () => {
+            cancelled = true;
+            destroyFn?.();
+            tickRef.current = null;
+        };
+    }, []);
+    // Update value
+    React.useEffect(() => {
+        valueRef.current = value;
+        if (tickRef.current) {
+            tickRef.current.value = value;
+        }
+    }, [value]);
+    return (_jsx("div", { ref: containerRef, className: ["tick", className].filter(Boolean).join(" "), style: { fontSize, display: "inline-block" } }));
+}

package/dist/digits/flip-digit/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/digits/flip-digit/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/dist/digits/matrix-digit/SgMatrixDigit.d.ts

@@ -0,0 +1,32 @@
+import * as React from "react";
+export type SgMatrixDigitProps = {
+    /**
+     * Text to render using matrix dots.
+     * Supports letters, numbers and common symbols.
+     */
+    value: string;
+    /** Color of active dots. */
+    color?: string;
+    /** Background color of the matrix container. */
+    backgroundColor?: string;
+    /** Color of inactive dots. */
+    offColor?: string;
+    /** Dot size in pixels. */
+    dotSize?: number;
+    /** Gap between dots in pixels. */
+    gap?: number;
+    /** Gap between characters in pixels. */
+    charGap?: number;
+    /** Internal padding in pixels. */
+    padding?: number;
+    /** Border radius of the matrix container in pixels. */
+    rounded?: number;
+    /** Add a subtle glow around active dots. */
+    glow?: boolean;
+    /** Additional CSS classes for the outer wrapper. */
+    className?: string;
+    /** Additional CSS style for the outer wrapper. */
+    style?: React.CSSProperties;
+};
+export declare function SgMatrixDigit({ value, color, backgroundColor, offColor, dotSize, gap, charGap, padding, rounded, glow, className, style }: Readonly<SgMatrixDigitProps>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SgMatrixDigit.d.ts.map

package/dist/digits/matrix-digit/SgMatrixDigit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SgMatrixDigit.d.ts","sourceRoot":"","sources":["../../../src/digits/matrix-digit/SgMatrixDigit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0BAA0B;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kCAAkC;IAClC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wCAAwC;IACxC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC;AAuDF,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,KAAiB,EACjB,eAA2B,EAC3B,QAAsC,EACtC,OAAW,EACX,GAAO,EACP,OAAW,EACX,OAAW,EACX,OAAY,EACZ,IAAW,EACX,SAAS,EACT,KAAK,EACN,EAAE,QAAQ,CAAC,kBAAkB,CAAC,2CAyD9B"}

package/dist/digits/matrix-digit/SgMatrixDigit.js

@@ -0,0 +1,86 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+function cn(...parts) {
+    return parts.filter(Boolean).join(" ");
+}
+const MATRIX_GLYPHS = {
+    " ": ["00000", "00000", "00000", "00000", "00000", "00000", "00000"],
+    "0": ["01110", "10001", "10011", "10101", "11001", "10001", "01110"],
+    "1": ["00100", "01100", "00100", "00100", "00100", "00100", "01110"],
+    "2": ["01110", "10001", "00001", "00010", "00100", "01000", "11111"],
+    "3": ["11110", "00001", "00001", "01110", "00001", "00001", "11110"],
+    "4": ["00010", "00110", "01010", "10010", "11111", "00010", "00010"],
+    "5": ["11111", "10000", "11110", "00001", "00001", "10001", "01110"],
+    "6": ["00110", "01000", "10000", "11110", "10001", "10001", "01110"],
+    "7": ["11111", "00001", "00010", "00100", "01000", "01000", "01000"],
+    "8": ["01110", "10001", "10001", "01110", "10001", "10001", "01110"],
+    "9": ["01110", "10001", "10001", "01111", "00001", "00010", "11100"],
+    A: ["01110", "10001", "10001", "11111", "10001", "10001", "10001"],
+    B: ["11110", "10001", "10001", "11110", "10001", "10001", "11110"],
+    C: ["01111", "10000", "10000", "10000", "10000", "10000", "01111"],
+    D: ["11110", "10001", "10001", "10001", "10001", "10001", "11110"],
+    E: ["11111", "10000", "10000", "11110", "10000", "10000", "11111"],
+    F: ["11111", "10000", "10000", "11110", "10000", "10000", "10000"],
+    G: ["01111", "10000", "10000", "10111", "10001", "10001", "01110"],
+    H: ["10001", "10001", "10001", "11111", "10001", "10001", "10001"],
+    I: ["01110", "00100", "00100", "00100", "00100", "00100", "01110"],
+    J: ["00001", "00001", "00001", "00001", "10001", "10001", "01110"],
+    K: ["10001", "10010", "10100", "11000", "10100", "10010", "10001"],
+    L: ["10000", "10000", "10000", "10000", "10000", "10000", "11111"],
+    M: ["10001", "11011", "10101", "10101", "10001", "10001", "10001"],
+    N: ["10001", "10001", "11001", "10101", "10011", "10001", "10001"],
+    O: ["01110", "10001", "10001", "10001", "10001", "10001", "01110"],
+    P: ["11110", "10001", "10001", "11110", "10000", "10000", "10000"],
+    Q: ["01110", "10001", "10001", "10001", "10101", "10010", "01101"],
+    R: ["11110", "10001", "10001", "11110", "10100", "10010", "10001"],
+    S: ["01111", "10000", "10000", "01110", "00001", "00001", "11110"],
+    T: ["11111", "00100", "00100", "00100", "00100", "00100", "00100"],
+    U: ["10001", "10001", "10001", "10001", "10001", "10001", "01110"],
+    V: ["10001", "10001", "10001", "10001", "10001", "01010", "00100"],
+    W: ["10001", "10001", "10001", "10101", "10101", "10101", "01010"],
+    X: ["10001", "10001", "01010", "00100", "01010", "10001", "10001"],
+    Y: ["10001", "10001", "01010", "00100", "00100", "00100", "00100"],
+    Z: ["11111", "00001", "00010", "00100", "01000", "10000", "11111"],
+    "-": ["00000", "00000", "00000", "11111", "00000", "00000", "00000"],
+    "_": ["00000", "00000", "00000", "00000", "00000", "00000", "11111"],
+    ".": ["00000", "00000", "00000", "00000", "00000", "00110", "00110"],
+    ":": ["00000", "00110", "00110", "00000", "00110", "00110", "00000"],
+    "/": ["00001", "00010", "00100", "01000", "10000", "00000", "00000"],
+    "?": ["01110", "10001", "00001", "00010", "00100", "00000", "00100"],
+    "!": ["00100", "00100", "00100", "00100", "00100", "00000", "00100"]
+};
+const FALLBACK_GLYPH = ["01110", "10001", "00001", "00010", "00100", "00000", "00100"];
+function getGlyph(char) {
+    return MATRIX_GLYPHS[char] ?? FALLBACK_GLYPH;
+}
+export function SgMatrixDigit({ value, color = "#22d3ee", backgroundColor = "#0b1220", offColor = "rgba(148, 163, 184, 0.22)", dotSize = 9, gap = 3, charGap = 7, padding = 8, rounded = 10, glow = true, className, style }) {
+    const chars = React.useMemo(() => {
+        const normalized = (value ?? "").toUpperCase();
+        return normalized.length > 0 ? Array.from(normalized) : [" "];
+    }, [value]);
+    const glowSize = Math.max(2, Math.round(dotSize * 0.55));
+    return (_jsx("div", { role: "img", "aria-label": value, className: cn("inline-flex items-center", className), style: {
+            gap: charGap,
+            padding,
+            borderRadius: rounded,
+            backgroundColor,
+            ...style
+        }, children: chars.map((char, charIndex) => {
+            const glyph = getGlyph(char);
+            return (_jsx("div", { className: "grid", style: {
+                    gridTemplateColumns: `repeat(5, ${dotSize}px)`,
+                    gridTemplateRows: `repeat(7, ${dotSize}px)`,
+                    gap
+                }, children: glyph.map((row, rowIndex) => Array.from(row).map((bit, colIndex) => {
+                    const active = bit === "1";
+                    return (_jsx("span", { "aria-hidden": "true", style: {
+                            width: dotSize,
+                            height: dotSize,
+                            borderRadius: 9999,
+                            backgroundColor: active ? color : offColor,
+                            boxShadow: active && glow ? `0 0 ${glowSize}px ${color}` : "none",
+                            transition: "background-color 160ms ease, box-shadow 160ms ease"
+                        } }, `${rowIndex}-${colIndex}`));
+                })) }, `${char}-${charIndex}`));
+        }) }));
+}

package/dist/digits/matrix-digit/index.d.ts

@@ -0,0 +1,3 @@
+export { SgMatrixDigit } from "./SgMatrixDigit";
+export type { SgMatrixDigitProps } from "./SgMatrixDigit";
+//# sourceMappingURL=index.d.ts.map

package/dist/digits/matrix-digit/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/digits/matrix-digit/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/digits/matrix-digit/index.js

@@ -0,0 +1 @@
+export { SgMatrixDigit } from "./SgMatrixDigit";

package/dist/digits/neon-digit/SgNeonDigit.d.ts

@@ -0,0 +1,37 @@
+import * as React from "react";
+export type SgNeonDigitProps = {
+    /** Text/character rendered with neon style. */
+    value: string;
+    /** Enables fade-out/fade-in animation when value changes. */
+    animateOnChange?: boolean;
+    /** Total animation time in milliseconds when value changes. */
+    transitionMs?: number;
+    /** Main text color. */
+    color?: string;
+    /** Background color of the component surface. */
+    backgroundColor?: string;
+    /** Glow/shadow color around the text. */
+    shadowColor?: string;
+    /** Extra intensity factor for the glow effect. */
+    shadowStrength?: number;
+    /** Font size in pixels. */
+    fontSize?: number;
+    /** Font weight of the text. */
+    fontWeight?: number | string;
+    /** Font family alias (same effect as fontFamily). */
+    font?: string;
+    /** Letter spacing in pixels. */
+    letterSpacing?: number;
+    /** Internal padding in pixels. */
+    padding?: number;
+    /** Border radius in pixels. */
+    rounded?: number;
+    /** Custom font family. */
+    fontFamily?: string;
+    /** Additional classes on container. */
+    className?: string;
+    /** Additional style on container. */
+    style?: React.CSSProperties;
+};
+export declare function SgNeonDigit({ value, animateOnChange, transitionMs, color, backgroundColor, shadowColor, shadowStrength, fontSize, fontWeight, font, letterSpacing, padding, rounded, fontFamily, className, style }: Readonly<SgNeonDigitProps>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SgNeonDigit.d.ts.map

package/dist/digits/neon-digit/SgNeonDigit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SgNeonDigit.d.ts","sourceRoot":"","sources":["../../../src/digits/neon-digit/SgNeonDigit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,MAAM,gBAAgB,GAAG;IAC7B,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+BAA+B;IAC/B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,0BAA0B;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qCAAqC;IACrC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,eAAsB,EACtB,YAAkB,EAClB,KAAiB,EACjB,eAA2B,EAC3B,WAAW,EACX,cAAkB,EAClB,QAAa,EACb,UAAgB,EAChB,IAAI,EACJ,aAAiB,EACjB,OAAY,EACZ,OAAY,EACZ,UAAU,EACV,SAAS,EACT,KAAK,EACN,EAAE,QAAQ,CAAC,gBAAgB,CAAC,2CAoE5B"}

package/dist/digits/neon-digit/SgNeonDigit.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+function cn(...parts) {
+    return parts.filter(Boolean).join(" ");
+}
+export function SgNeonDigit({ value, animateOnChange = true, transitionMs = 320, color = "#e2e8f0", backgroundColor = "#120f2b", shadowColor, shadowStrength = 1, fontSize = 46, fontWeight = 600, font, letterSpacing = 0, padding = 14, rounded = 12, fontFamily, className, style }) {
+    const [displayValue, setDisplayValue] = React.useState(value);
+    const [lit, setLit] = React.useState(true);
+    React.useEffect(() => {
+        if (!animateOnChange) {
+            setDisplayValue(value);
+            setLit(true);
+            return;
+        }
+        if (value === displayValue)
+            return;
+        const halfDuration = Math.max(40, Math.round(transitionMs / 2));
+        const swapTimer = window.setTimeout(() => {
+            setDisplayValue(value);
+            setLit(true);
+        }, halfDuration);
+        setLit(false);
+        return () => window.clearTimeout(swapTimer);
+    }, [animateOnChange, displayValue, transitionMs, value]);
+    const glowColor = shadowColor ?? color;
+    const glowFactor = Math.max(0.2, shadowStrength);
+    const fadeFactor = lit ? 1 : 0.2;
+    const halfDuration = Math.max(40, Math.round(transitionMs / 2));
+    const inner = Math.max(1, Math.round(fontSize * 0.07 * glowFactor));
+    const near = Math.max(3, Math.round(fontSize * 0.2 * glowFactor));
+    const mid = Math.max(6, Math.round(fontSize * 0.42 * glowFactor));
+    const outer = Math.max(12, Math.round(fontSize * 0.78 * glowFactor));
+    const ambient = Math.max(18, Math.round(fontSize * 1.2 * glowFactor));
+    const resolvedFontFamily = font ?? fontFamily;
+    const fullTextShadow = `0 0 ${inner}px #ffffff, 0 0 ${near}px ${color}, 0 0 ${mid}px ${glowColor}, 0 0 ${outer}px ${glowColor}, 0 0 ${ambient}px ${glowColor}`;
+    const dimTextShadow = `0 0 ${Math.max(1, Math.round(inner * 0.5))}px ${glowColor}`;
+    const fullContainerShadow = `inset 0 0 ${Math.round(ambient * 0.6)}px rgba(0, 0, 0, 0.24), 0 0 ${Math.round(ambient * 0.7)}px ${glowColor}, 0 0 ${Math.round(ambient * 1.35)}px ${glowColor}`;
+    const dimContainerShadow = `inset 0 0 ${Math.round(ambient * 0.4)}px rgba(0, 0, 0, 0.24), 0 0 ${Math.round(ambient * 0.22)}px ${glowColor}`;
+    return (_jsx("div", { role: "img", "aria-label": value, className: cn("inline-flex items-center justify-center", className), style: {
+            padding,
+            borderRadius: rounded,
+            backgroundColor,
+            boxShadow: lit ? fullContainerShadow : dimContainerShadow,
+            transition: `box-shadow ${halfDuration}ms ease, filter ${halfDuration}ms ease`,
+            filter: lit ? "brightness(1)" : "brightness(0.85)",
+            ...style
+        }, children: _jsx("span", { style: {
+                color,
+                fontSize,
+                fontWeight,
+                lineHeight: 1.05,
+                letterSpacing,
+                fontFamily: resolvedFontFamily,
+                opacity: fadeFactor,
+                textShadow: lit ? fullTextShadow : dimTextShadow,
+                transition: `opacity ${halfDuration}ms ease, text-shadow ${halfDuration}ms ease, filter ${halfDuration}ms ease`,
+                filter: lit ? "saturate(1)" : "saturate(0.55)"
+            }, children: displayValue }) }));
+}

package/dist/digits/neon-digit/index.d.ts

@@ -0,0 +1,3 @@
+export { SgNeonDigit } from "./SgNeonDigit";
+export type { SgNeonDigitProps } from "./SgNeonDigit";
+//# sourceMappingURL=index.d.ts.map

package/dist/digits/neon-digit/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/digits/neon-digit/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/dist/digits/neon-digit/index.js

@@ -0,0 +1 @@
+export { SgNeonDigit } from "./SgNeonDigit";

package/dist/digits/roller3d-digit/SgRoller3DDigit.d.ts

@@ -0,0 +1,37 @@
+export type SgRoller3DDigitProps = {
+    /** Current value to display — must be present in `items` */
+    value: string;
+    /**
+     * Ordered list of all possible values this roller can show.
+     * The drum scrolls to the position of `value` in this list.
+     * @default ["0","1","2","3","4","5","6","7","8","9"]
+     */
+    items?: string[];
+    /** Font size in pixels — controls overall scale */
+    fontSize?: number;
+    /** Additional CSS classes on the outer wrapper */
+    className?: string;
+};
+/**
+ * SgRoller3DDigit — a vertical drum/roller that animates between values.
+ *
+ * Renders a scrolling strip of items and smoothly transitions to the
+ * position of `value` in the `items` list using a CSS transform.
+ * Works with digits, letters, padded numbers or any custom strings.
+ *
+ * @example
+ * // Digit roller (default 0–9)
+ * <SgRoller3DDigit value="7" fontSize={32} />
+ *
+ * @example
+ * // Padded time roller (e.g. minutes 00–59)
+ * const MINUTES = Array.from({ length: 60 }, (_, i) => String(i).padStart(2, "0"));
+ * <SgRoller3DDigit value="42" items={MINUTES} fontSize={22} />
+ *
+ * @example
+ * // Letter roller (A–Z) — animate names character by character
+ * const ALPHA = Array.from("ABCDEFGHIJKLMNOPQRSTUVWXYZ");
+ * <SgRoller3DDigit value="M" items={ALPHA} fontSize={32} />
+ */
+export declare function SgRoller3DDigit({ value, items, fontSize, className, }: SgRoller3DDigitProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SgRoller3DDigit.d.ts.map

package/dist/digits/roller3d-digit/SgRoller3DDigit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SgRoller3DDigit.d.ts","sourceRoot":"","sources":["../../../src/digits/roller3d-digit/SgRoller3DDigit.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,oBAAoB,GAAG;IACjC,4DAA4D;IAC5D,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,KAAqB,EACrB,QAAa,EACb,SAAS,GACV,EAAE,oBAAoB,2CAoDtB"}

package/dist/digits/roller3d-digit/SgRoller3DDigit.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function cn(...parts) {
+    return parts.filter(Boolean).join(" ");
+}
+const DEFAULT_ITEMS = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
+/**
+ * SgRoller3DDigit — a vertical drum/roller that animates between values.
+ *
+ * Renders a scrolling strip of items and smoothly transitions to the
+ * position of `value` in the `items` list using a CSS transform.
+ * Works with digits, letters, padded numbers or any custom strings.
+ *
+ * @example
+ * // Digit roller (default 0–9)
+ * <SgRoller3DDigit value="7" fontSize={32} />
+ *
+ * @example
+ * // Padded time roller (e.g. minutes 00–59)
+ * const MINUTES = Array.from({ length: 60 }, (_, i) => String(i).padStart(2, "0"));
+ * <SgRoller3DDigit value="42" items={MINUTES} fontSize={22} />
+ *
+ * @example
+ * // Letter roller (A–Z) — animate names character by character
+ * const ALPHA = Array.from("ABCDEFGHIJKLMNOPQRSTUVWXYZ");
+ * <SgRoller3DDigit value="M" items={ALPHA} fontSize={32} />
+ */
+export function SgRoller3DDigit({ value, items = DEFAULT_ITEMS, fontSize = 32, className, }) {
+    const idx = Math.max(0, items.indexOf(value));
+    // Dimensions are derived from fontSize so the component scales uniformly.
+    // The ratios match the original SgClock roller3d proportions exactly when
+    // charCount=2 and fontSize = sizePx * 1.35.
+    const charCount = Math.max(...items.map((s) => s.length), 1);
+    const itemH = Math.round(fontSize * 1.2);
+    const w = Math.round(fontSize * (0.7 * charCount + 0.7));
+    const h = Math.round(fontSize * 2.7);
+    const translateY = -idx * itemH + h / 2 - itemH / 2;
+    return (_jsxs("div", { className: cn("relative overflow-hidden rounded-2xl", "bg-white dark:bg-neutral-800", "ring-1 ring-black/5 dark:ring-white/10", "shadow-[inset_0_0_28px_rgba(0,0,0,0.08),0_8px_28px_rgba(0,0,0,0.12)]", 
+        // top fade
+        "before:absolute before:inset-0 before:z-10 before:bg-gradient-to-b before:from-black/[0.06] before:to-transparent before:content-['']", 
+        // bottom fade
+        "after:absolute after:inset-0 after:z-10 after:bg-gradient-to-t after:from-black/[0.12] after:to-transparent after:content-['']", className), style: { width: w, height: h }, children: [_jsx("div", { className: "absolute left-0 right-0 top-1/2 z-20 h-px bg-red-500/70" }), _jsx("div", { className: "absolute left-0 top-0 w-full transition-transform duration-500 [transition-timing-function:cubic-bezier(0.22,1,0.36,1)] [mask-image:linear-gradient(to_bottom,transparent,black_22%,black_78%,transparent)]", style: { transform: `translateY(${translateY}px)` }, children: items.map((item, i) => (_jsx("div", { className: "flex select-none items-center justify-center font-medium tabular-nums", style: {
+                        height: itemH,
+                        fontSize,
+                        lineHeight: 1,
+                        color: i === idx ? "rgb(30 30 34)" : "rgb(163 163 170)",
+                    }, children: item }, `${item}-${i}`))) })] }));
+}

package/dist/digits/roller3d-digit/index.d.ts

@@ -0,0 +1,3 @@
+export { SgRoller3DDigit } from "./SgRoller3DDigit";
+export type { SgRoller3DDigitProps } from "./SgRoller3DDigit";
+//# sourceMappingURL=index.d.ts.map

package/dist/digits/roller3d-digit/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/digits/roller3d-digit/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/digits/roller3d-digit/index.js

@@ -0,0 +1 @@
+export { SgRoller3DDigit } from "./SgRoller3DDigit";

package/dist/environment/SgEnvironmentProvider.d.ts

@@ -7,6 +7,7 @@ export declare function SgEnvironmentProvider(props: {
     children: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function useSgEnvironment(): SgEnvironmentValue;
+export declare function useHasSgEnvironmentProvider(): boolean;
 export declare function useSgNamespaceProvider(): NamespaceProvider;
 export declare function useSgPersistence(): {
     namespace: string | null;

package/dist/environment/SgEnvironmentProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SgEnvironmentProvider.d.ts","sourceRoot":"","sources":["../../src/environment/SgEnvironmentProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EACV,iBAAiB,EACjB,mBAAmB,EACnB,sBAAsB,EACtB,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,EAClB,aAAa,EACd,MAAM,eAAe,CAAC;AAGvB,YAAY,EACV,iBAAiB,EACjB,mBAAmB,EACnB,sBAAsB,EACtB,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,EAClB,aAAa,GACd,CAAC;AACF,OAAO,EACL,qBAAqB,EACrB,0BAA0B,EAC1B,4BAA4B,EAC5B,kCAAkC,GACnC,MAAM,eAAe,CAAC;AAkBvB,wBAAgB,qBAAqB,CAAC,KAAK,EAAE;IAC3C,KAAK,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,2CAyBA;AAED,wBAAgB,gBAAgB,IAAI,kBAAkB,CAErD;AAED,wBAAgB,sBAAsB,IAAI,iBAAiB,CAE1D;AAED,wBAAgB,gBAAgB;;;;;oBAOZ,MAAM;oBASN,MAAM,SAAS,OAAO;qBAStB,MAAM;EAiBzB;AAED,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,IAAI,EAAE;IAC5C,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,CAAC,CAAC;IAChB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,OAAO,CAAC;IAClC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,CAAC,CAAC;CACrC;;qBAgCU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC;;;EAgB9B"}
+{"version":3,"file":"SgEnvironmentProvider.d.ts","sourceRoot":"","sources":["../../src/environment/SgEnvironmentProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EACV,iBAAiB,EACjB,mBAAmB,EACnB,sBAAsB,EACtB,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,EAClB,aAAa,EACd,MAAM,eAAe,CAAC;AAGvB,YAAY,EACV,iBAAiB,EACjB,mBAAmB,EACnB,sBAAsB,EACtB,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,EAClB,aAAa,GACd,CAAC;AACF,OAAO,EACL,qBAAqB,EACrB,0BAA0B,EAC1B,4BAA4B,EAC5B,kCAAkC,GACnC,MAAM,eAAe,CAAC;AAkBvB,wBAAgB,qBAAqB,CAAC,KAAK,EAAE;IAC3C,KAAK,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,2CAyBA;AAED,wBAAgB,gBAAgB,IAAI,kBAAkB,CAErD;AAED,wBAAgB,2BAA2B,IAAI,OAAO,CAErD;AAED,wBAAgB,sBAAsB,IAAI,iBAAiB,CAE1D;AAED,wBAAgB,gBAAgB;;;;;oBAOZ,MAAM;oBASN,MAAM,SAAS,OAAO;qBAStB,MAAM;EAiBzB;AAED,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,IAAI,EAAE;IAC5C,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,CAAC,CAAC;IAChB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,OAAO,CAAC;IAClC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,CAAC,CAAC;CACrC;;qBAgEU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC;;;EAoB9B"}

package/dist/environment/SgEnvironmentProvider.js

@@ -37,6 +37,9 @@ export function SgEnvironmentProvider(props) {
 export function useSgEnvironment() {
     return React.useContext(SgEnvironmentContext) ?? defaultEnvironment;
 }
+export function useHasSgEnvironmentProvider() {
+    return React.useContext(SgEnvironmentContext) !== null;
+}
 export function useSgNamespaceProvider() {
     return useSgEnvironment().namespaceProvider;
 }
@@ -74,16 +77,30 @@ export function useSgPersistence() {
 }
 export function useSgPersistentState(args) {
     const { baseKey, defaultValue } = args;
-    const serialize = args.serialize ?? ((value) => value);
-    const deserialize = args.deserialize ?? ((value) => value);
+    const serialize = React.useMemo(() => args.serialize ?? ((value) => value), [args.serialize]);
+    const deserialize = React.useMemo(() => args.deserialize ?? ((value) => value), [args.deserialize]);
+    const hasProvider = useHasSgEnvironmentProvider();
     const persistence = useSgPersistence();
     const [value, setValue] = React.useState(defaultValue);
     const [hydrated, setHydrated] = React.useState(false);
+    // Load from persistence on mount
     React.useEffect(() => {
         let alive = true;
         (async () => {
             try {
-                const loaded = await persistence.load(baseKey);
+                let loaded;
+                if (hasProvider) {
+                    loaded = await persistence.load(baseKey);
+                }
+                else {
+                    try {
+                        const raw = localStorage.getItem(baseKey);
+                        loaded = raw !== null ? JSON.parse(raw) : null;
+                    }
+                    catch {
+                        loaded = null;
+                    }
+                }
                 if (!alive)
                     return;
                 if (loaded !== null && loaded !== undefined) {
@@ -104,17 +121,39 @@ export function useSgPersistentState(args) {
         return () => {
             alive = false;
         };
-    }, [baseKey, persistence.load, deserialize]);
+    }, [baseKey, defaultValue, hasProvider, persistence.load, deserialize]);
+    // Save to persistence whenever value changes after hydration
+    React.useEffect(() => {
+        if (!hydrated)
+            return;
+        if (hasProvider) {
+            void persistence.save(baseKey, serialize(value));
+        }
+        else {
+            try {
+                localStorage.setItem(baseKey, JSON.stringify(value));
+            }
+            catch {
+                // ignore
+            }
+        }
+    }, [value, hydrated, hasProvider, baseKey, persistence.save, serialize]);
     const setAndPersist = React.useCallback((next) => {
-        setValue((prev) => {
-            const computed = typeof next === "function" ? next(prev) : next;
-            void persistence.save(baseKey, serialize(computed));
-            return computed;
-        });
-    }, [baseKey, persistence.save, serialize]);
+        setValue(next);
+    }, []);
     const clear = React.useCallback(async () => {
-        await persistence.clear(baseKey);
+        if (hasProvider) {
+            await persistence.clear(baseKey);
+        }
+        else {
+            try {
+                localStorage.removeItem(baseKey);
+            }
+            catch {
+                // ignore
+            }
+        }
         setValue(defaultValue);
-    }, [baseKey, persistence.clear, defaultValue]);
+    }, [baseKey, hasProvider, persistence.clear, defaultValue]);
     return { value, setValue: setAndPersist, clear, hydrated };
 }

package/dist/gadgets/clock/SgClock.d.ts

@@ -3,16 +3,18 @@ import type { SgClockTheme } from "./themes/types";
 export type SgClockProps = {
     variant?: "digital" | "analog";
     size?: "sm" | "md" | "lg" | number;
+    initialServerTime?: string;
     timezone?: string;
     locale?: string;
     format?: "12h" | "24h";
     showSeconds?: boolean;
-    digitalStyle?: "default" | "segment" | "roller3d" | "flip";
+    digitalStyle?: SgClockDigitalStyle;
     secondHandMode?: "step" | "smooth";
     themeId?: string;
     theme?: SgClockTheme;
     className?: string;
     centerOverlay?: React.ReactNode;
 };
+export type SgClockDigitalStyle = "default" | "segment" | "roller3d" | "flip" | "fade" | "matrix" | "neon" | "discard";
 export declare function SgClock(props: SgClockProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SgClock.d.ts.map

package/dist/gadgets/clock/SgClock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SgClock.d.ts","sourceRoot":"","sources":["../../../src/gadgets/clock/SgClock.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAenD,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;IAC3D,cAAc,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC,CAAC;AAsrBF,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,2CA4C1C"}
+{"version":3,"file":"SgClock.d.ts","sourceRoot":"","sources":["../../../src/gadgets/clock/SgClock.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAiDnD,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IACnC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAC3B,SAAS,GACT,SAAS,GACT,UAAU,GACV,MAAM,GACN,MAAM,GACN,QAAQ,GACR,MAAM,GACN,SAAS,CAAC;AA4iBd,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,2CA+C1C"}