@apple-pie/slice 0.1.59 → 0.2.0

package/dist/cjs/chunks/_types-C_Jf14DZ.js

@@ -0,0 +1,273 @@
+'use client';
+"use strict";
+
+var tslib_es6 = require("./tslib.es6-B8JY5ZGw.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js"), misc = require("./misc-PmT7cZzC.js"), theme_corners = require("../theme/corners.js"), getWaterTransition = require("./getWaterTransition-s_55VKK2.js"), usePrefersReducedMotion = require("./usePrefersReducedMotion-GpD17CAE.js"), Icon = require("./Icon-COY7IZkK.js"), ProgressIndicator = require("./ProgressIndicator-Ddj5dfEA.js"), css = {
+    wrapper: "Toast-module_wrapper__1uj9O flexBox-module_rowBetween__5FEvi",
+    close: "Toast-module_close__i10-s flexBox-module_row__z24tF",
+    message: "Toast-module_message__3dP0P flexBox-module_rowStart__4tcxS",
+    progress: "Toast-module_progress__SWsbA flexBox-module_row__z24tF",
+    xs: "Toast-module_xs__ptQ-h type-module_body-xs-regular__ZAFft",
+    s: "Toast-module_s__kc5Ef type-module_body-s-regular__vRHSP",
+    m: "Toast-module_m__JtmLz type-module_body-m-regular__LuQBA",
+    l: "Toast-module_l__-W0PD type-module_body-l-regular__lOYbg",
+    xl: "Toast-module_xl__j5Zhr type-module_body-xl-regular__pF2kC",
+    announcement: "Toast-module_announcement__0UlXg",
+    action: "Toast-module_action__-b4jg"
+};
+
+const lifetime = value => "infinite" === value ? Number.POSITIVE_INFINITY : "number" == typeof value && Number.isFinite(value) && value >= 0 ? value : 5e3;
+
+/** Own notification identity, visibility timing, and remaining-time pause/resume independently of animation. */
+function useToastLifecycle({message: message, notificationId: notificationId, showDelay: showDelay = 0, duration: duration = 5e3, onShow: onShow, onHide: onHide}) {
+    const [notification, setNotification] = React.useState(), active = React.useRef(void 0), callbacks = React.useRef({
+        onShow: onShow,
+        onHide: onHide
+    });
+    callbacks.current = {
+        onShow: onShow,
+        onHide: onHide
+    };
+    const durationRef = React.useRef(duration);
+    durationRef.current = duration;
+    const sequence = React.useRef(0), showTimer = React.useRef(void 0), hideTimer = React.useRef(void 0), remaining = React.useRef(0), started = React.useRef(void 0), hovered = React.useRef(!1), focused = React.useRef(!1), pendingShow = React.useRef(!1), lastInput = React.useRef(void 0), exits = React.useRef(new Map), lastShown = React.useRef(void 0), stopTimer = React.useCallback(() => {
+        clearTimeout(hideTimer.current), hideTimer.current = void 0, void 0 !== started.current && (remaining.current = Math.max(0, remaining.current - (Date.now() - started.current))), 
+        started.current = void 0;
+    }, []), dismiss = React.useCallback(reason => {
+        stopTimer();
+        const current = active.current;
+        current && (active.current = void 0, exits.current.set(current.token, {
+            info: Object.assign(Object.assign({}, current.info), {
+                reason: reason
+            }),
+            callback: current.onHide
+        }), setNotification(void 0));
+    }, [ stopTimer ]), startTimer = React.useCallback(() => {
+        stopTimer(), !active.current || hovered.current || focused.current || remaining.current === Number.POSITIVE_INFINITY || (started.current = Date.now(), 
+        hideTimer.current = setTimeout(() => dismiss("timeout"), remaining.current));
+    }, [ dismiss, stopTimer ]), interaction = React.useCallback((kind, value) => {
+        "hover" === kind ? hovered.current = value : focused.current = value, hovered.current || focused.current ? stopTimer() : startTimer();
+    }, [ startTimer, stopTimer ]);
+    React.useEffect(() => {
+        const changed = !lastInput.current || lastInput.current.message !== message || lastInput.current.notificationId !== notificationId;
+        var value;
+        if ((lastInput.current = {
+            message: message,
+            notificationId: notificationId
+        }, changed || pendingShow.current) && (clearTimeout(showTimer.current), changed && (pendingShow.current = !1, 
+        dismiss(message ? "replaced" : "cleared"), hovered.current = !1, focused.current = !1), 
+        message)) return pendingShow.current = !0, showTimer.current = setTimeout(() => {
+            pendingShow.current = !1;
+            const current = Object.assign({
+                token: ++sequence.current,
+                info: {
+                    notificationId: notificationId,
+                    message: message
+                }
+            }, callbacks.current);
+            active.current = current, remaining.current = lifetime(durationRef.current), setNotification(current), 
+            startTimer();
+        }, (value = showDelay, Number.isFinite(value) ? Math.max(0, value) : 0)), () => clearTimeout(showTimer.current);
+    }, [ message, notificationId, showDelay, dismiss, startTimer ]), React.useEffect(() => {
+        stopTimer(), remaining.current = lifetime(duration), active.current && startTimer();
+    }, [ duration, startTimer, stopTimer ]), React.useEffect(() => {
+        var _a;
+        notification && lastShown.current !== notification.token && (lastShown.current = notification.token, 
+        null === (_a = notification.onShow) || void 0 === _a || _a.call(notification, notification.info));
+    }, [ notification ]), React.useEffect(() => () => {
+        clearTimeout(showTimer.current), clearTimeout(hideTimer.current);
+    }, []);
+    const finishExits = React.useCallback(() => {
+        const pending = Array.from(exits.current.values());
+        exits.current.clear();
+        for (const {info: info, callback: callback} of pending) null == callback || callback(info);
+    }, []);
+    return {
+        notification: notification,
+        dismiss: dismiss,
+        interaction: interaction,
+        finishExits: finishExits
+    };
+}
+
+const staticState = {
+    opacity: 1,
+    x: 0,
+    y: 0,
+    scale: 1,
+    scaleX: 1,
+    scaleY: 1,
+    rotate: 0,
+    rotateX: 0,
+    rotateY: 0
+};
+
+function ToastSurface(_a) {
+    var {children: children, reduced: reduced, variants: variants, transition: transition, forwardedRef: forwardedRef} = _a, attributes = tslib_es6.__rest(_a, [ "children", "reduced", "variants", "transition", "forwardedRef" ]);
+    const [present, safeToRemove] = react.usePresence(), controls = react.useAnimationControls();
+    return React.useEffect(() => {
+        reduced ? (controls.stop(), controls.set(staticState), present || null == safeToRemove || safeToRemove()) : present && variants.animate && controls.start("animate");
+    }, [ reduced, present, controls, variants, safeToRemove ]), jsxRuntime.jsx(react.motion.div, Object.assign({}, attributes, {
+        ref: forwardedRef,
+        inert: !present,
+        "aria-hidden": !present || void 0,
+        initial: !reduced && "initial",
+        animate: controls,
+        exit: "exit",
+        variants: variants,
+        transition: transition,
+        onAnimationComplete: definition => {
+            "exit" === definition && (null == safeToRemove || safeToRemove());
+        },
+        children: children
+    }));
+}
+
+const ToastBase = React.forwardRef(function(props, forwardedRef) {
+    var _a;
+    const {notificationId: notificationId, data: data, onClick: onClick, message: message = null, textSize: textSize = "m", border: border = !0, padding: padding, borderRadius: borderRadius = theme_corners.corners["corner-m"], container: container = "window", showDelay: showDelay = 0, duration: duration = 5e3, position: position = "bottom", offset: offset = 24, close: close = !0, closeLabel: closeLabel = "Dismiss notification", progress: progress = !1, type: type = "info", urgency: urgency = "polite", motionValues: motionValues, transition: transition, onShow: onShow, onHide: onHide, className: className, style: style, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onFocus: onFocus, onBlur: onBlur} = props, attributes = tslib_es6.__rest(props, [ "notificationId", "data", "onClick", "message", "textSize", "border", "padding", "borderRadius", "container", "showDelay", "duration", "position", "offset", "close", "closeLabel", "progress", "type", "urgency", "motionValues", "transition", "onShow", "onHide", "className", "style", "onMouseEnter", "onMouseLeave", "onFocus", "onBlur" ]), {notification: notification, dismiss: dismiss, interaction: interaction, finishExits: finishExits} = useToastLifecycle({
+        notificationId: notificationId,
+        message: message,
+        showDelay: showDelay,
+        duration: duration,
+        onShow: onShow,
+        onHide: onHide
+    }), theme = hooks_useTheme.useTheme().current, reduced = usePrefersReducedMotion.usePrefersReducedMotion(), root = React.useRef(null), previousFocus = React.useRef(null);
+    React.useEffect(() => {
+        notification && (previousFocus.current = document.activeElement instanceof HTMLElement ? document.activeElement : null);
+    }, [ notification ]);
+    const rootToken = React.useRef(void 0), colorScheme = React.useMemo(() => "success" === type ? {
+        border: "var(--array-land-label)",
+        bg: "var(--array-land)",
+        text: "var(--array-land-label)"
+    } : "warning" === type ? {
+        border: "var(--array-orange-label)",
+        bg: "var(--array-orange)",
+        text: "var(--array-orange-label)"
+    } : "error" === type ? {
+        border: "var(--feedback-warning)",
+        bg: "var(--array-magenta)",
+        text: "var(--feedback-warning)"
+    } : {
+        border: "var(--core-outline-primary)",
+        bg: "var(--core-surface-secondary)",
+        text: "var(--core-text-primary)"
+    }, [ type ]), variants = React.useMemo(() => {
+        if (reduced) return {
+            initial: staticState,
+            animate: staticState,
+            exit: staticState
+        };
+        const movement = "bottom" === position ? 8 : -8;
+        return misc.mergedPresenceMotionValues({
+            initial: {
+                opacity: 0,
+                y: movement
+            },
+            animate: {
+                opacity: 1,
+                y: 0
+            },
+            exit: {
+                opacity: 0,
+                y: movement
+            }
+        }, motionValues);
+    }, [ reduced, position, motionValues ]), resolvedTransition = React.useMemo(() => reduced ? {
+        type: "tween",
+        duration: 0,
+        delay: 0
+    } : getWaterTransition.getWaterTransition(theme.motion, transition), [ reduced, theme.motion, transition ]), cssVars = {
+        "--toast-padding": misc.setStyle(padding, close ? "var(--spacing-s) calc(var(--spacing-m) - var(--spacing-xs)) var(--spacing-s) var(--spacing-m)" : "var(--spacing-s) var(--spacing-m)"),
+        "--toast-background": colorScheme.bg,
+        "--toast-color": colorScheme.text,
+        "--toast-border": border ? `1px solid ${colorScheme.border}` : "0px solid transparent",
+        "--toast-border-radius": misc.setStyle(borderRadius),
+        "--toast-position": "window" === container ? "fixed" : "absolute",
+        "--toast-offset": misc.setStyle(offset)
+    };
+    return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [ jsxRuntime.jsx("div", {
+            className: css.announcement,
+            role: "assertive" === urgency ? "alert" : "status",
+            "aria-live": urgency,
+            "aria-atomic": "true",
+            children: null !== (_a = null == notification ? void 0 : notification.info.message) && void 0 !== _a ? _a : ""
+        }), jsxRuntime.jsx(react.AnimatePresence, {
+            initial: !1,
+            onExitComplete: finishExits,
+            children: notification && jsxRuntime.jsxs(ToastSurface, Object.assign({}, attributes, {
+                forwardedRef: element => {
+                    (element || rootToken.current === (null == notification ? void 0 : notification.token)) && (root.current = element, 
+                    rootToken.current = null == notification ? void 0 : notification.token, "function" == typeof forwardedRef ? forwardedRef(element) : forwardedRef && (forwardedRef.current = element));
+                },
+                reduced: reduced,
+                variants: variants,
+                transition: resolvedTransition,
+                className: misc.classNames(css.wrapper, css[textSize], null != className ? className : ""),
+                style: Object.assign(Object.assign(Object.assign({}, style), cssVars), {
+                    [position]: offset
+                }),
+                onClick: onClick ? event => onClick(event, data) : void 0,
+                onMouseEnter: event => {
+                    null == onMouseEnter || onMouseEnter(event), interaction("hover", !0);
+                },
+                onMouseLeave: event => {
+                    null == onMouseLeave || onMouseLeave(event), interaction("hover", !1);
+                },
+                onFocus: event => {
+                    null == onFocus || onFocus(event), interaction("focus", !0);
+                },
+                onBlur: event => {
+                    null == onBlur || onBlur(event), event.currentTarget.contains(event.relatedTarget) || interaction("focus", !1);
+                },
+                children: [ onClick && jsxRuntime.jsx("button", {
+                    type: "button",
+                    className: css.action,
+                    "aria-label": notification.info.message
+                }), jsxRuntime.jsxs("div", {
+                    "aria-hidden": "true",
+                    className: css.message,
+                    children: [ progress && jsxRuntime.jsx("div", {
+                        className: css.progress,
+                        children: reduced ? jsxRuntime.jsx(Icon.Icon, {
+                            name: "arrows.refresh-cw",
+                            size: 20,
+                            strokeColor: colorScheme.text
+                        }) : jsxRuntime.jsx(ProgressIndicator.ProgressIndicator, {
+                            decorative: !0,
+                            show: !0,
+                            inline: !0,
+                            color: colorScheme.text
+                        })
+                    }), notification.info.message ]
+                }), close && jsxRuntime.jsx("button", {
+                    type: "button",
+                    className: css.close,
+                    "aria-label": closeLabel.trim() || "Dismiss notification",
+                    onClick: event => {
+                        var _a, _b;
+                        event.stopPropagation(), (null === (_a = root.current) || void 0 === _a ? void 0 : _a.contains(document.activeElement)) && (null === (_b = previousFocus.current) || void 0 === _b ? void 0 : _b.isConnected) && previousFocus.current.focus({
+                            preventScroll: !0
+                        }), dismiss("dismiss");
+                    },
+                    children: jsxRuntime.jsx(Icon.Icon, {
+                        name: "basic.cross",
+                        size: 20,
+                        strokeColor: colorScheme.text,
+                        pointer: !1
+                    })
+                }) ]
+            }), notification.token)
+        }) ]
+    });
+});
+
+ToastBase.displayName = "Toast";
+
+const Toast = React.memo(ToastBase);
+
+var ToastType;
+
+exports.ToastType = void 0, (ToastType = exports.ToastType || (exports.ToastType = {})).Success = "success", 
+ToastType.Error = "error", ToastType.Warning = "warning", ToastType.Info = "info", 
+exports.Toast = Toast;

package/dist/cjs/chunks/audioVisualizer-Bak7PWOv.js

@@ -0,0 +1,71 @@
+"use strict";
+
+const clamp = (value, min, max) => Math.min(Math.max(value, min), max), positive = (value, fallback) => void 0 !== value && Number.isFinite(value) && value > 0 ? value : fallback;
+
+exports.AudioVisualizer = class {
+    constructor(source, options = {}) {
+        this.analyser = null, this.animationFrameId = null, this.audioContext = null, this.currentIntensity = 0, 
+        this.runId = 0, this.lastFrameTime = 0, this.sourceNode = null, this.timeDomainData = null, 
+        this.onFrame = now => {
+            var _a;
+            if (!this.analyser || !this.timeDomainData) return;
+            this.analyser.getByteTimeDomainData(this.timeDomainData);
+            let sum = 0;
+            for (const sample of this.timeDomainData) {
+                const normalized = (sample - 128) / 128;
+                sum += normalized * normalized;
+            }
+            const rms = Math.sqrt(sum / this.timeDomainData.length), targetIntensity = clamp(rms * this.intensityMultiplier / this.peakIntensity, 0, 1), deltaSeconds = Math.max((now - this.lastFrameTime) / 1e3, 0), stepPerSecond = targetIntensity > this.currentIntensity ? this.risePerSecond : this.releasePerSecond;
+            var current, target, maxDelta;
+            this.currentIntensity = (current = this.currentIntensity, maxDelta = stepPerSecond * deltaSeconds, 
+            (target = targetIntensity) > current ? Math.min(current + maxDelta, target) : Math.max(current - maxDelta, target)), 
+            this.lastFrameTime = now, null === (_a = this.onUpdate) || void 0 === _a || _a.call(this, {
+                intensity: this.currentIntensity,
+                scale: this.getScale()
+            }), null !== this.animationFrameId && (this.animationFrameId = requestAnimationFrame(this.onFrame));
+        }, this.source = source, this.onError = options.onError, this.fftSize = Math.pow(2, Math.round(Math.log2(clamp(positive(options.fftSize, 512), 32, 32768)))), 
+        this.intensityMultiplier = positive(options.intensityMultiplier, 2.2), this.maxScale = Math.max(positive(options.minScale, 1), positive(options.maxScale, 2)), 
+        this.minScale = positive(options.minScale, 1), this.onUpdate = options.onUpdate, 
+        this.peakIntensity = positive(options.peakIntensity, .2), this.releasePerSecond = positive(options.releasePerSecond, 1.5), 
+        this.risePerSecond = positive(options.risePerSecond, 4);
+    }
+    start() {
+        if ("undefined" == typeof window || "undefined" == typeof AudioContext) throw new Error("AudioVisualizer requires a browser AudioContext");
+        if (null !== this.animationFrameId) return;
+        try {
+            this.audioContext || (this.audioContext = new AudioContext, this.analyser = this.audioContext.createAnalyser(), 
+            this.analyser.fftSize = this.fftSize, this.sourceNode = this.audioContext.createMediaStreamSource((source = this.source) instanceof MediaStream ? source : new MediaStream([ source ])), 
+            this.sourceNode.connect(this.analyser), this.timeDomainData = new Uint8Array(new ArrayBuffer(this.analyser.fftSize)));
+        } catch (error) {
+            throw this.dispose(), error;
+        }
+        var source;
+        const context = this.audioContext, runId = ++this.runId;
+        context.resume().catch(error => {
+            var _a, _b;
+            this.audioContext === context && this.runId === runId && null !== this.animationFrameId && (this.stop(), 
+            null === (_a = this.onUpdate) || void 0 === _a || _a.call(this, {
+                intensity: 0,
+                scale: this.minScale
+            }), null === (_b = this.onError) || void 0 === _b || _b.call(this, error));
+        }), this.lastFrameTime = performance.now(), this.animationFrameId = requestAnimationFrame(this.onFrame);
+    }
+    stop() {
+        var _a;
+        this.runId++, null !== this.animationFrameId && (cancelAnimationFrame(this.animationFrameId), 
+        this.animationFrameId = null), this.currentIntensity = 0, null === (_a = this.audioContext) || void 0 === _a || _a.suspend().catch(() => {});
+    }
+    dispose() {
+        var _a, _b, _c;
+        this.stop(), null === (_a = this.sourceNode) || void 0 === _a || _a.disconnect(), 
+        null === (_b = this.analyser) || void 0 === _b || _b.disconnect(), null === (_c = this.audioContext) || void 0 === _c || _c.close().catch(() => {}), 
+        this.sourceNode = null, this.analyser = null, this.audioContext = null, this.timeDomainData = null, 
+        this.currentIntensity = 0, this.lastFrameTime = 0;
+    }
+    getIntensity() {
+        return this.currentIntensity;
+    }
+    getScale() {
+        return this.minScale + this.currentIntensity * (this.maxScale - this.minScale);
+    }
+};

package/dist/cjs/chunks/breakpoints-BDw1OJh9.js

@@ -0,0 +1,18 @@
+"use strict";
+
+/** Form factor names used by Slice's viewport breakpoints. */ var FormFactor;
+
+exports.FormFactor = void 0, (FormFactor = exports.FormFactor || (exports.FormFactor = {})).Mobile = "mobile", 
+FormFactor.Tablet = "tablet", FormFactor.Desktop = "desktop", FormFactor.DesktopL = "desktopL", 
+FormFactor.DesktopXL = "desktopXL";
+
+/** Default minimum viewport widths in pixels. Shared defaults cannot be mutated. */
+const breakpoints = Object.freeze({
+    [exports.FormFactor.Mobile]: 576,
+    [exports.FormFactor.Tablet]: 768,
+    [exports.FormFactor.Desktop]: 992,
+    [exports.FormFactor.DesktopL]: 1200,
+    [exports.FormFactor.DesktopXL]: 1400
+});
+
+exports.breakpoints = breakpoints;

package/dist/cjs/chunks/{browserChannelsStore-PGtTaJyY.js → browserChannelsStore-DHE7Vr4_.js}

@@ -2,9 +2,11 @@
 
 var zustand = require("zustand");
 
-require("./tslib.es6-B2uEaXWi.js");
+require("./tslib.es6-B8JY5ZGw.js"), require("./resolveColor-DkYThq2J.js");
 
-var broadcastChannel = require("./broadcastChannel-DLSijpj_.js");
+var broadcastChannel = require("./broadcastChannel-DdPZ3LUB.js");
+
+require("./files-RYD9L_pI.js");
 
 const useBrowserChannelsStore = zustand.create((set, get) => ({
     channels: null,

package/dist/cjs/chunks/colors-hDzzq_Dk.js

@@ -0,0 +1,62 @@
+"use strict";
+
+/**
+ * Lighten or darken a hex color by mixing it toward white or black.
+ */ const addOpacity = (color, opacity) => {
+    if (!color) return "";
+    const alpha = Number.isFinite(opacity) ? Math.max(0, Math.min(1, opacity)) : 1, trimmed = color.trim();
+    if (trimmed.startsWith("#")) {
+        const normalized = trimmed.slice(1), fullHex = 3 === normalized.length ? normalized.split("").map(char => `${char}${char}`).join("") : normalized;
+        if (!/^[0-9a-fA-F]{6}$/.test(fullHex)) return color;
+        return `rgba(${Number.parseInt(fullHex.slice(0, 2), 16)}, ${Number.parseInt(fullHex.slice(2, 4), 16)}, ${Number.parseInt(fullHex.slice(4, 6), 16)}, ${alpha})`;
+    }
+    const rgbMatch = trimmed.match(/^rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})(?:\s*,\s*[\d.]+\s*)?\)$/);
+    if (rgbMatch) {
+        const [, r, g, b] = rgbMatch;
+        return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+    }
+    return color;
+};
+
+/**
+ * Convert a hex or RGB color into an RGBA string with the requested opacity.
+ */ exports.addOpacity = addOpacity, exports.resolveTransparent = 
+/**
+ * Resolve a missing or transparent color to an explicit RGBA value with zero alpha.
+ * Use the first resolvable reference color's RGB channels, falling back to transparent
+ * white in dark themes or transparent black in light themes. Nontransparent inputs
+ * are returned unchanged. This is a general color utility; animation is one use case.
+ */
+function(color, referenceColors, colors, isDark) {
+    var _a, _b;
+    if (color && "transparent" !== color.trim().toLowerCase()) return color;
+    for (const reference of referenceColors) {
+        if (!reference || "transparent" === reference.trim().toLowerCase()) continue;
+        let resolved = reference.trim();
+        const visited = new Set;
+        for (;!visited.has(resolved); ) {
+            visited.add(resolved);
+            const token = null !== (_b = null === (_a = resolved.match(/^var\(--([\w-]+)\)$/)) || void 0 === _a ? void 0 : _a[1]) && void 0 !== _b ? _b : resolved;
+            if (!colors[token]) break;
+            resolved = colors[token];
+        }
+        /^#[\da-f]{4}$/i.test(resolved) ? resolved = resolved.slice(0, 4) : /^#[\da-f]{8}$/i.test(resolved) && (resolved = resolved.slice(0, 7));
+        let transparent = addOpacity(resolved, 0);
+        const browser = globalThis;
+        if (transparent === resolved && browser.document && browser.CSS && !resolved.includes("var(")) {
+            const context = browser.document.createElement("canvas").getContext("2d");
+            context && browser.CSS.supports("color", resolved) && "currentcolor" !== resolved.toLowerCase() && (context.fillStyle = resolved, 
+            transparent = addOpacity(context.fillStyle, 0));
+        }
+        if (/^rgba\(.+, 0\)$/.test(transparent)) return transparent;
+    }
+    return addOpacity(isDark ? "#ffffff" : "#000000", 0);
+}, exports.tintFromColor = (hex, percent) => {
+    const normalizedHex = hex.trim().replace("#", "");
+    if (!(3 === normalizedHex.length || 6 === normalizedHex.length) || !/^[0-9a-fA-F]+$/.test(normalizedHex)) return hex;
+    const fullHex = 3 === normalizedHex.length ? normalizedHex.split("").map(char => `${char}${char}`).join("") : normalizedHex, ratio = Math.max(-1, Math.min(1, Math.abs(percent) > 1 ? percent / 100 : percent)), mixTo = ratio >= 0 ? 255 : 0, mix = Math.abs(ratio);
+    return `#${[ 0, 2, 4 ].map(start => Number.parseInt(fullHex.slice(start, start + 2), 16)).map(channel => {
+        const next = Math.round(channel + (mixTo - channel) * mix);
+        return Math.max(0, Math.min(255, next));
+    }).map(channel => channel.toString(16).padStart(2, "0")).join("")}`;
+};

package/dist/cjs/chunks/files-RYD9L_pI.js

@@ -0,0 +1,25 @@
+"use strict";
+
+/**
+ * Split a file name into its display name and extension.
+ */
+/** Resolve filename/extension or File.name only; MIME type is deliberately ignored. */ const extensions = new Map(Object.entries({
+    pdf: [ "pdf" ],
+    text: [ "txt", "text", "rtf", "doc", "docx", "odt", "pages", "log", "clipboard" ],
+    sheet: [ "xls", "xlsx", "xlsm", "xlsb", "csv", "tsv", "ods", "numbers" ],
+    preso: [ "ppt", "pptx", "pps", "ppsx", "odp", "key" ],
+    md: [ "md", "markdown", "mdown", "mdx" ],
+    code: [ "html", "htm", "css", "scss", "sass", "less", "js", "jsx", "mjs", "cjs", "ts", "tsx", "json", "xml", "yaml", "yml", "py", "java", "c", "h", "cpp", "hpp", "cs", "go", "rs", "rb", "php", "swift", "kt", "sh", "sql", "toml", "ini" ],
+    image: [ "png", "jpg", "jpeg", "gif", "svg", "webp", "avif", "heic", "heif", "bmp", "tif", "tiff", "ico" ],
+    audio: [ "mp3", "wav", "wave", "aif", "aiff", "ogg", "oga", "opus", "aac", "m4a", "flac", "wma" ],
+    video: [ "mp4", "m4v", "mov", "webm", "avi", "wmv", "flv", "mkv", "mpeg", "mpg", "ogv", "3gp" ]
+}).flatMap(([type, values]) => values.map(extension => [ extension, type ])));
+
+exports.resolveFileIconType = function(file) {
+    var _a, _b, _c;
+    let name = "string" == typeof file ? file : null == file ? void 0 : file.name;
+    if (!(null == name ? void 0 : name.trim())) return "other";
+    name = name.trim(), "string" == typeof file && (/^[a-z][a-z0-9+.-]*:\/\//i.test(name) || name.includes("/")) && (name = name.split(/[?#]/)[0]);
+    const extension = (null !== (_b = (null !== (_a = name.split(/[\\/]/).pop()) && void 0 !== _a ? _a : "").split(".").pop()) && void 0 !== _b ? _b : "").toLowerCase();
+    return null !== (_c = extensions.get(extension)) && void 0 !== _c ? _c : "other";
+};

package/dist/cjs/chunks/getVideoControls-LxSY7z8h.js

@@ -0,0 +1,19 @@
+"use strict";
+
+/** An explicit configuration is a complete selection; simple is only a shortcut. */ exports.getVideoControls = function(controls) {
+    return void 0 === controls ? {
+        play: !1,
+        progress: !0,
+        volume: !0,
+        fullscreen: !0,
+        captions: !0,
+        quit: !1
+    } : {
+        play: !0 === controls.play,
+        progress: !0 === controls.progress,
+        volume: !0 === controls.volume,
+        fullscreen: !0 === controls.fullscreen,
+        captions: !0 === controls.captions,
+        quit: !0 === controls.quit
+    };
+};

package/dist/cjs/chunks/getWaterTransition-s_55VKK2.js

@@ -0,0 +1,11 @@
+"use strict";
+
+/** Internal bridge from theme CSS timing tokens to Motion's seconds-based transition. */ exports.getWaterTransition = function(motion, overrides) {
+    var _a;
+    const curve = null === (_a = motion["motion-water"].match(/cubic-bezier\(([^)]+)\)/)) || void 0 === _a ? void 0 : _a[1].split(",").map(Number), durationText = motion["motion-water-duration"], duration = Number.parseFloat(durationText) / (durationText.endsWith("ms") ? 1e3 : 1);
+    return Object.assign({
+        type: "tween",
+        ease: 4 === (null == curve ? void 0 : curve.length) && curve.every(Number.isFinite) ? curve : [ .36, 0, .64, 1 ],
+        duration: Number.isFinite(duration) && duration >= 0 ? duration : .25
+    }, overrides);
+};

package/dist/cjs/chunks/{localDBStore-BRd0iQuq.js → localDBStore-CTWlm2t-.js}

@@ -1,6 +1,10 @@
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-B2uEaXWi.js"), React = require("react"), zustand = require("zustand"), shallow = require("zustand/react/shallow"), IndexedDB = require("./IndexedDB-ClIpb2ob.js");
+var tslib_es6 = require("./tslib.es6-B8JY5ZGw.js"), React = require("react"), zustand = require("zustand"), shallow = require("zustand/react/shallow");
+
+require("./resolveColor-DkYThq2J.js");
+
+var IndexedDB = require("./IndexedDB-DwKh2Gfp.js");
 
 function isValidIDBKey(key) {
     return "string" == typeof key || "number" == typeof key || key instanceof Date || key instanceof ArrayBuffer || (Array.isArray(key) ? key.every(entry => isValidIDBKey(entry)) : ArrayBuffer.isView(key));
@@ -120,7 +124,7 @@ function replaceConnection(connection) {
 
 /**
  * Update connection with an error state
- */ require("./broadcastChannel-DLSijpj_.js");
+ */ require("./broadcastChannel-DdPZ3LUB.js"), require("./files-RYD9L_pI.js");
 
 const useLocalDBStore = zustand.create((set, get) => ({
     stores: [],

package/dist/cjs/chunks/{microphoneStore-DljI0Zpj.js → microphoneStore-D7DuvQeX.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-B2uEaXWi.js"), React = require("react"), zustand = require("zustand");
+var tslib_es6 = require("./tslib.es6-B8JY5ZGw.js"), React = require("react"), zustand = require("zustand");
 
 const emptyMicStreamRef = {
     current: null

package/dist/cjs/chunks/{misc-BallZ366.js → misc-PmT7cZzC.js}

@@ -1,9 +1,9 @@
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-B2uEaXWi.js");
+var tslib_es6 = require("./tslib.es6-B8JY5ZGw.js");
 
 /**
- * Remove scripts, invisible characters, and optional HTML tags from a string.
+ * Convert numeric sizes and dash-separated numeric spacing into CSS pixel values.
  */ exports.accessibleKeyDown = 
 /**
  * Trigger a click-like callback when one of the configured keys is pressed.
@@ -12,21 +12,17 @@ function(e, clickFunction, keys) {
     [ "Enter", " " ].includes(e.key) && (e.preventDefault(), clickFunction());
 }
 /**
- * Read the horizontal pointer position from a mouse or touch event.
- */ , exports.cleanString = function(input, removeInvisible = !0, removeHtml = !0) {
-    let clean = input;
-    if (clean = clean.replaceAll(/<script\b[^>]*>[\s\S]*?<\/script>/gi, ""), removeInvisible) {
-        const invisibleRegEx = /[\r\n\t]/gi;
-        clean = clean.replaceAll(invisibleRegEx, "");
-    }
-    if (removeHtml) {
-        const htmlRegEx = /<\/?[a-z][^>]*>/gi;
-        clean = clean.replaceAll(htmlRegEx, "");
-    }
-    return clean;
+ * Normalize a style value or fallback into a CSS-ready string.
+ * Missing and non-finite numbers use the fallback; valid numbers (including zero) use px.
+ */ , exports.classNames = 
+/**
+ * Concatenate class names
+ */
+function(...args) {
+    return args.join(" ");
 }
 /**
- * Log mount, unmount, and prop-change reasons for debug render tracking.
+ * Merge presence motion value variants
  */ , exports.copyToClipboard = rawContent => tslib_es6.__awaiter(void 0, void 0, void 0, function*() {
     try {
         const textArea = document.createElement("textarea");
@@ -36,7 +32,11 @@ function(e, clickFunction, keys) {
     } catch (error) {
         return !1;
     }
-}), exports.debug = function(previous, updated, name = "component") {
+}), exports.debug = 
+/**
+ * Log mount, unmount, and prop-change reasons for debug render tracking.
+ */
+function(previous, updated, name = "component") {
     if ("test" === process.env.NODE_ENV) return;
     const props = previous.current.props, mount = previous.current.mount, unmount = previous.current.unmount;
     return mount || unmount || 
@@ -61,32 +61,23 @@ function(e, clickFunction, keys) {
         mount: !1,
         unmount: !1
     };
-}, exports.filterClasses = 
-/**
- * Remove empty class names and join the remainder into one class string.
- */
-function(classNames) {
-    return classNames.filter(item => "" !== item).join(" ").trim();
-}
-/**
- * Normalize a style value or fallback into a CSS-ready string.
- */ , exports.hexToRgb = (hex, opacity) => {
+}, exports.hexToRgb = (hex, opacity) => {
     if (!hex) return;
     return `rgba(${Number.parseInt(hex.slice(1, 3), 16)}, ${Number.parseInt(hex.slice(3, 5), 16)}, ${Number.parseInt(hex.slice(5, 7), 16)}, ${null != opacity ? opacity : 1})`;
-}, exports.normalizedPercent = 
-/**
- * Convert numeric or string percentage input into a normalized number.
- */
-function(value) {
-    return "number" == typeof value ? value : value.endsWith("%") ? Number.parseFloat(value) : Number.parseFloat(value) / 100;
-}, exports.pointerPosition = function(e) {
-    if (e.type.startsWith("touch")) {
-        return e.touches[0].clientX;
+}, exports.mergedPresenceMotionValues = function(defaults, updated) {
+    const resolvedDefaults = null != defaults ? defaults : {}, resolvedUpdated = null != updated ? updated : {};
+    if (!updated) return resolvedDefaults;
+    const merged = Object.assign(Object.assign({}, resolvedDefaults), resolvedUpdated);
+    for (const state of [ "initial", "animate", "exit" ]) {
+        const override = null == updated ? void 0 : updated[state];
+        override && "function" != typeof override && (merged[state] = Object.assign(Object.assign({}, resolvedDefaults[state]), override));
     }
-    return e.clientX;
+    return merged;
+}, exports.setSizeStyle = function(size) {
+    return void 0 === size ? "auto" : "number" == typeof size ? `${size}px` : /^\d+(?:\.\d+)?(?:-\d+(?:\.\d+)?){1,3}$/.test(size) ? size.split("-").map(value => `${value}px`).join(" ") : size;
 }, exports.setStyle = function(value, defaultVal = void 0) {
-    const useValue = null != value ? value : defaultVal;
-    return useValue ? "string" == typeof useValue ? useValue : `${useValue}px` : "unset";
+    const useValue = null == value || "number" == typeof value && !Number.isFinite(value) ? defaultVal : value;
+    return null == useValue || "" === useValue ? "unset" : "string" == typeof useValue ? useValue : Number.isFinite(useValue) ? `${useValue}px` : "unset";
 }
 /**
  * Copy text to the clipboard using a temporary hidden textarea.