@apple-pie/slice 0.1.60 → 0.2.0

package/dist/cjs/chunks/{modalStore-BNeHu-nv.js → modalStore-BCn998Jz.js}

@@ -20,24 +20,26 @@ const useModalStore = require("zustand").create((set, get) => ({
         },
         modalResponse: modal => (rejectPendingModal(get().modal, new Error("Modal replaced.")), 
         new Promise((resolve, reject) => {
+            const active = Object.assign(Object.assign({}, modal), {
+                resolve: value => {
+                    get().modal === active && (set({
+                        modal: null
+                    }), resolve(value));
+                },
+                reject: reason => {
+                    get().modal === active && (set({
+                        modal: null
+                    }), reject(reason));
+                }
+            });
             set({
-                modal: Object.assign(Object.assign({}, modal), {
-                    resolve: value => {
-                        resolve(value), set({
-                            modal: null
-                        });
-                    },
-                    reject: reason => {
-                        reject(reason), set({
-                            modal: null
-                        });
-                    }
-                })
+                modal: active
             });
         })),
         hide: reason => {
-            rejectPendingModal(get().modal, null != reason ? reason : new Error("Modal dismissed.")), 
-            set({
+            const currentModal = get().modal;
+            rejectPendingModal(currentModal, null != reason ? reason : new Error("Modal dismissed.")), 
+            get().modal === currentModal && set({
                 modal: null
             });
         },
@@ -45,7 +47,7 @@ const useModalStore = require("zustand").create((set, get) => ({
             var _a;
             const currentModal = get().modal;
             null === (_a = null == currentModal ? void 0 : currentModal.resolve) || void 0 === _a || _a.call(currentModal, value), 
-            set({
+            get().modal === currentModal && set({
                 modal: null
             });
         },
@@ -53,12 +55,13 @@ const useModalStore = require("zustand").create((set, get) => ({
             var _a;
             const currentModal = get().modal;
             null === (_a = null == currentModal ? void 0 : currentModal.reject) || void 0 === _a || _a.call(currentModal, reason), 
-            set({
+            get().modal === currentModal && set({
                 modal: null
             });
         },
         clear: () => {
-            rejectPendingModal(get().modal, new Error("Modal cleared.")), set({
+            const currentModal = get().modal;
+            rejectPendingModal(currentModal, new Error("Modal cleared.")), get().modal === currentModal && set({
                 modal: null
             });
         }

package/dist/cjs/chunks/popMenuStore-DqyTqDrl.js

@@ -0,0 +1,20 @@
+"use strict";
+
+const usePopMenuStore = require("zustand").create(set => ({
+    popMenu: null,
+    version: 0,
+    actions: {
+        push: popMenu => set(state => ({
+            popMenu: popMenu,
+            version: state.version + 1
+        })),
+        clear: () => set(state => ({
+            popMenu: null,
+            version: state.version + 1
+        }))
+    }
+})), popMenuActions = usePopMenuStore.getState().actions;
+
+exports.getPopMenu = () => usePopMenuStore.getState().popMenu, exports.popMenuActions = popMenuActions, 
+exports.usePopMenu = () => usePopMenuStore(state => state.popMenu), exports.usePopMenuActions = () => usePopMenuStore(state => state.actions), 
+exports.usePopMenuStore = usePopMenuStore;

package/dist/cjs/chunks/resolveColor-DkYThq2J.js

@@ -0,0 +1,9 @@
+"use strict";
+
+var theme_colors = require("../theme/colors.js");
+
+const colorTokens = new Set(Object.keys(theme_colors.light));
+
+exports.resolveColor = function(value) {
+    return "string" == typeof value && colorTokens.has(value) ? `var(--${value})` : value;
+};

package/dist/cjs/chunks/resolveColorProps-DE1k1P-Z.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var resolveColor = require("./resolveColor-DkYThq2J.js");
+
+const nestedColorOptions = new Set([ "iconLeft", "resizeHandle", "dragHandleStyle" ]);
+
+/** Normalize only color props, preserving styles, children, and caller-owned objects. */ exports.resolveColorProps = function resolveColorProps(props) {
+    let resolved = props;
+    for (const key of Object.keys(props)) {
+        const value = props[key];
+        let next = value;
+        "string" == typeof value && ("color" === key || /^color[A-Z]/.test(key) || key.includes("Color") || [ "background", "coverUp", "scrollHandle", "scrollHandleHover" ].includes(key)) ? next = resolveColor.resolveColor(value) : nestedColorOptions.has(key) && value && "object" == typeof value && (next = resolveColorProps(value)), 
+        next !== value && (resolved === props && (resolved = Object.assign({}, props)), 
+        resolved[key] = next);
+    }
+    return resolved;
+};

package/dist/cjs/chunks/resolveShortcut-DiQdb8VR.js

@@ -0,0 +1,38 @@
+"use strict";
+
+const appleKeys = {
+    enter: "Enter",
+    escape: "Esc",
+    backspace: "⌫",
+    delete: "⌦",
+    tab: "Tab",
+    arrowup: "↑",
+    arrowdown: "↓",
+    arrowleft: "←",
+    arrowright: "→",
+    " ": "Space"
+}, otherKeys = {
+    enter: "Enter",
+    escape: "Esc",
+    backspace: "Backspace",
+    delete: "Delete",
+    tab: "Tab",
+    arrowup: "Up",
+    arrowdown: "Down",
+    arrowleft: "Left",
+    arrowright: "Right",
+    " ": "Space"
+};
+
+exports.resolveShortcut = 
+/** Format a shortcut for display only; pass useWindow().isAppleDevice to control the platform explicitly. */
+function(shortcut, isAppleDevice = function() {
+    return "undefined" != typeof window && "undefined" != typeof navigator && (navigator.platform.startsWith("Mac") || "iPhone" === navigator.platform);
+}()) {
+    const modifiers = [];
+    isAppleDevice ? (shortcut.altPressed && modifiers.push("⌥"), shortcut.shiftPressed && modifiers.push("⇧"), 
+    shortcut.metaPressed && modifiers.push("⌘")) : (shortcut.metaPressed && modifiers.push("Ctrl"), 
+    shortcut.altPressed && modifiers.push("Alt"), shortcut.shiftPressed && modifiers.push("Shift"));
+    const keyNames = isAppleDevice ? appleKeys : otherKeys, normalizedKey = shortcut.key.toLowerCase(), key = Object.hasOwn(keyNames, normalizedKey) ? keyNames[normalizedKey] : 1 === shortcut.key.length ? shortcut.key.toUpperCase() : shortcut.key;
+    return [ ...modifiers, key ].join(isAppleDevice ? "" : "+");
+};

package/dist/cjs/chunks/sharedTypes-BDMIewR9.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var ToolTipType;
+
+exports.ToolTipType = void 0, (ToolTipType = exports.ToolTipType || (exports.ToolTipType = {})).menu = "menu", 
+ToolTipType.button = "button", ToolTipType.general = "general", ToolTipType.other = "other", 
+exports.buttonStyleDefaults = {
+    gap: 4,
+    sizes: {
+        s: 24,
+        m: 36,
+        l: 44,
+        xl: 56
+    },
+    padding: {
+        horizontal: "calc(var(--spacing-s) + var(--spacing-xs))",
+        icon: "var(--spacing-s)",
+        outside: "var(--spacing-xs)",
+        childrenTop: 6,
+        childrenBottom: 6
+    }
+};

package/dist/cjs/chunks/{sseStore-Dw-nvmmG.js → sseStore-DfS7e3vY.js}

@@ -2,11 +2,11 @@
 
 var zustand = require("zustand");
 
-require("./tslib.es6-DL37Dyu4.js");
+require("./tslib.es6-B8JY5ZGw.js"), require("./resolveColor-DkYThq2J.js");
 
-var SSEConnection = require("./SSEConnection-Dciti25t.js");
+var SSEConnection = require("./SSEConnection-BXWkgT66.js");
 
-require("./broadcastChannel-BV0gIfvH.js");
+require("./broadcastChannel-DdPZ3LUB.js"), require("./files-RYD9L_pI.js");
 
 const useSSEStore = zustand.create((set, get) => ({
     connections: [],

package/dist/cjs/chunks/themes-bwU5x3_5.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var theme_colors = require("../theme/colors.js"), theme_corners = require("../theme/corners.js"), theme_elevations = require("../theme/elevations.js"), theme_motion = require("../theme/motion.js"), theme_type = require("../theme/type.js");
+
+const spacing = {
+    xxs: 2,
+    xs: 4,
+    s: 8,
+    m: 16,
+    l: 24,
+    xl: 32,
+    xxl: 64,
+    h: 128
+}, lightTheme = {
+    name: "lightMode",
+    coreColors: theme_colors.coreColors,
+    colors: theme_colors.light,
+    type: theme_type.type,
+    corners: theme_corners.corners,
+    elevations: theme_elevations.elevations,
+    spacing: spacing,
+    motion: theme_motion.motion
+}, darkTheme = {
+    name: "darkMode",
+    coreColors: theme_colors.coreColors,
+    colors: theme_colors.dark,
+    type: theme_type.type,
+    corners: theme_corners.corners,
+    elevations: theme_elevations.elevations,
+    spacing: spacing,
+    motion: theme_motion.motion
+};
+
+exports.darkTheme = darkTheme, exports.lightTheme = lightTheme, exports.spacing = spacing;

package/dist/cjs/chunks/toastStore-BxX1AtE7.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var zustand = require("zustand");
+
+let notificationSequence = 0;
+
+const useToastStore = zustand.create(set => ({
+    toast: null,
+    actions: {
+        push: toast => {
+            var _a;
+            return set({
+                toast: toast ? Object.assign(Object.assign({}, toast), {
+                    notificationId: null !== (_a = toast.notificationId) && void 0 !== _a ? _a : "slice-toast-" + ++notificationSequence,
+                    onClick: toast.onClick ? event => {
+                        var _a;
+                        return null === (_a = toast.onClick) || void 0 === _a ? void 0 : _a.call(toast, event, toast.data);
+                    } : void 0
+                }) : null
+            });
+        },
+        clear: notification => set(state => {
+            var _a;
+            return notification && (null === (_a = state.toast) || void 0 === _a ? void 0 : _a.notificationId) !== notification.notificationId ? state : {
+                toast: null
+            };
+        })
+    }
+})), toastActions = useToastStore.getState().actions;
+
+exports.getToast = () => useToastStore.getState().toast, exports.toastActions = toastActions, 
+exports.useToast = () => useToastStore(state => state.toast), exports.useToastActions = () => useToastStore(state => state.actions), 
+exports.useToastStore = useToastStore;

package/dist/cjs/chunks/type.module-Dk5b_rHG.js

@@ -0,0 +1,28 @@
+"use strict";
+
+exports.typeCss = {
+    "body-xs-regular": "type-module_body-xs-regular__ZAFft",
+    "body-xs-medium": "type-module_body-xs-medium__s3KvF",
+    "body-xs-bold": "type-module_body-xs-bold__Lhqqq",
+    "body-s-regular": "type-module_body-s-regular__vRHSP",
+    "body-s-medium": "type-module_body-s-medium__tjdFc",
+    "body-s-bold": "type-module_body-s-bold__Iy-VX",
+    "body-m-regular": "type-module_body-m-regular__LuQBA",
+    "body-m-medium": "type-module_body-m-medium__uW1on",
+    "body-m-bold": "type-module_body-m-bold__UBcvQ",
+    "body-l-regular": "type-module_body-l-regular__lOYbg",
+    "body-l-medium": "type-module_body-l-medium__BqRC7",
+    "body-l-bold": "type-module_body-l-bold__Fh2dt",
+    "body-xl-regular": "type-module_body-xl-regular__pF2kC",
+    "body-xl-medium": "type-module_body-xl-medium__BeyrH",
+    "body-xl-bold": "type-module_body-xl-bold__Ruknj",
+    "body-xxl-regular": "type-module_body-xxl-regular__BQUSU",
+    "body-xxl-medium": "type-module_body-xxl-medium__4fQux",
+    "body-xxl-bold": "type-module_body-xxl-bold__LHtBD",
+    h1: "type-module_h1__ikDt5",
+    h2: "type-module_h2__bSCvt",
+    h3: "type-module_h3__8gHoN",
+    h4: "type-module_h4__EVAd2",
+    h5: "type-module_h5__92r22",
+    h6: "type-module_h6__sshOw"
+};

package/dist/cjs/chunks/{uploads-worker-BiugXTT6.js → uploads-worker-stCHn8-D.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var FileUploadStatus, UploadError, WorkerStatus, tslib_es6 = require("./tslib.es6-DL37Dyu4.js");
+var FileUploadStatus, UploadError, WorkerStatus, tslib_es6 = require("./tslib.es6-B8JY5ZGw.js");
 
 !function(FileUploadStatus) {
     FileUploadStatus.queued = "pending", FileUploadStatus.uploading = "uploading", FileUploadStatus.completed = "completed", 

package/dist/cjs/chunks/{uploadsStore-CxCy0NB7.js → uploadsStore-Ck3gzZuD.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var zustand = require("zustand"), uploadsWorker$1 = require("./uploads-worker-BiugXTT6.js"), _documentCurrentScript = "undefined" != typeof document ? document.currentScript : null;
+var zustand = require("zustand"), uploadsWorker$1 = require("./uploads-worker-stCHn8-D.js"), _documentCurrentScript = "undefined" != typeof document ? document.currentScript : null;
 
 let uploadsWorker = null;
 
@@ -64,7 +64,7 @@ function handleWorkerMessage(event) {
 const uploadsActions = useUploadsStore.getState().actions;
 
 exports.createUploadsWorker = function(workerUrl) {
-    return new Worker(null != workerUrl ? workerUrl : new URL("../../workers/uploads/uploads.ts", "undefined" == typeof document ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && "SCRIPT" === _documentCurrentScript.tagName.toUpperCase() && _documentCurrentScript.src || new URL("chunks/uploadsStore-CxCy0NB7.js", document.baseURI).href), {
+    return new Worker(null != workerUrl ? workerUrl : new URL("../../workers/uploads/uploads.ts", "undefined" == typeof document ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && "SCRIPT" === _documentCurrentScript.tagName.toUpperCase() && _documentCurrentScript.src || new URL("chunks/uploadsStore-Ck3gzZuD.js", document.baseURI).href), {
         type: "module"
     });
 }, exports.getUploads = () => useUploadsStore.getState().uploads, exports.getUploadsError = () => useUploadsStore.getState().error, 

package/dist/cjs/chunks/useAudioVisualizer-D7bStvIe.js

@@ -0,0 +1,42 @@
+'use client';
+"use strict";
+
+var React = require("react"), audioVisualizer = require("./audioVisualizer-Bak7PWOv.js");
+
+exports.useAudioVisualizer = 
+/** Internal lifecycle shared by the audio visualizations. Never owns the input tracks. */
+function(source, playing, options, onUpdate, onReset) {
+    const callbacks = React.useRef({
+        onUpdate: onUpdate,
+        onReset: onReset
+    });
+    React.useEffect(() => {
+        callbacks.current = {
+            onUpdate: onUpdate,
+            onReset: onReset
+        };
+    }, [ onUpdate, onReset ]);
+    const visualizer = React.useMemo(() => source ? new audioVisualizer.AudioVisualizer(source, Object.assign(Object.assign({}, options), {
+        onUpdate: state => callbacks.current.onUpdate(state),
+        onError: () => callbacks.current.onReset()
+    })) : null, [ source, options ]);
+    React.useEffect(() => {
+        if (callbacks.current.onReset(), !source || !visualizer) return;
+        const tracks = source instanceof MediaStream ? source.getAudioTracks() : [ source ], stop = () => {
+            tracks.some(track => "ended" !== track.readyState) || (visualizer.stop(), callbacks.current.onReset());
+        };
+        for (const track of tracks) track.addEventListener("ended", stop);
+        return () => {
+            for (const track of tracks) track.removeEventListener("ended", stop);
+            visualizer.dispose();
+        };
+    }, [ source, visualizer ]), React.useEffect(() => {
+        if (!visualizer) return;
+        if (!playing) return visualizer.stop(), void callbacks.current.onReset();
+        if ((source instanceof MediaStream ? source.getAudioTracks() : [ source ]).some(track => "audio" === (null == track ? void 0 : track.kind) && "ended" !== track.readyState)) try {
+            visualizer.start();
+        } catch (_a) {
+            visualizer.dispose(), callbacks.current.onReset();
+        }
+    }, [ source, visualizer, playing ]);
+};

package/dist/cjs/chunks/useModalHost-B8oi4tfb.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var React = require("react");
+
+exports.useModalHost = 
+/** The host owns modality; DialogBox only supplies the named dialog panel. */
+function(ref, dismiss, opener, active = !0) {
+    const dismissRef = React.useRef(dismiss);
+    React.useEffect(() => {
+        dismissRef.current = dismiss;
+    }, [ dismiss ]), React.useEffect(() => {
+        var _a;
+        if (!active) return;
+        const host = ref.current;
+        if (!host) return;
+        const document = host.ownerDocument, activeElement = document.activeElement, previousFocus = activeElement === document.body ? opener.current : activeElement, blocked = new Map;
+        let branch = host;
+        for (;branch.parentElement && branch !== document.body; ) {
+            for (const sibling of Array.from(branch.parentElement.children)) sibling !== branch && sibling instanceof HTMLElement && !sibling.hasAttribute("data-overlay") && (blocked.set(sibling, sibling.inert), 
+            sibling.inert = !0);
+            branch = branch.parentElement;
+        }
+        const overflow = document.body.style.overflow;
+        document.body.style.overflow = "hidden";
+        const panel = null !== (_a = host.querySelector('[role="dialog"]')) && void 0 !== _a ? _a : host, choices = () => Array.from(host.querySelectorAll('button, a[href], input, select, textarea, [tabindex], [contenteditable="true"]')).filter(element => element.tabIndex >= 0 && !element.matches(":disabled") && !element.closest("[inert]") && element.getClientRects().length > 0 && "hidden" !== getComputedStyle(element).visibility), focusFirst = () => {
+            var _a;
+            return (null !== (_a = choices()[0]) && void 0 !== _a ? _a : panel).focus({
+                preventScroll: !0
+            });
+        };
+        focusFirst();
+        const onFocus = event => {
+            host.contains(event.target) || focusFirst();
+        }, onKeyDown = event => {
+            if ("Escape" === event.key && !event.defaultPrevented) return event.preventDefault(), 
+            event.stopPropagation(), void dismissRef.current();
+            if ("Tab" !== event.key || event.defaultPrevented) return;
+            const elements = choices(), first = elements[0], last = elements[elements.length - 1];
+            if (!first) return event.preventDefault(), void panel.focus();
+            !event.shiftKey || document.activeElement !== first && elements.includes(document.activeElement) ? event.shiftKey || document.activeElement !== last && elements.includes(document.activeElement) || (event.preventDefault(), 
+            first.focus()) : (event.preventDefault(), last.focus());
+        };
+        return document.addEventListener("focusin", onFocus), document.addEventListener("keydown", onKeyDown), 
+        () => {
+            document.removeEventListener("focusin", onFocus), document.removeEventListener("keydown", onKeyDown);
+            for (const [element, inert] of blocked) element.inert = inert;
+            document.body.style.overflow = overflow, previousFocus instanceof HTMLElement && previousFocus.isConnected && !previousFocus.closest("[inert]") && previousFocus.focus({
+                preventScroll: !0
+            });
+        };
+    }, [ ref, opener, active ]);
+};

package/dist/cjs/chunks/usePrefersReducedMotion-GpD17CAE.js

@@ -0,0 +1,16 @@
+'use client';
+"use strict";
+
+var React = require("react");
+
+const queryText = "(prefers-reduced-motion: reduce)", canObserve = () => "undefined" != typeof window && "function" == typeof window.matchMedia, getSnapshot = () => canObserve() && window.matchMedia(queryText).matches, getServerSnapshot = () => !1, subscribe = listener => {
+    if (!canObserve()) return () => {};
+    const query = window.matchMedia(queryText);
+    return query.addEventListener("change", listener), () => query.removeEventListener("change", listener);
+};
+
+exports.usePrefersReducedMotion = 
+/** Internal shared preference observer. Responds to live changes and cleans up on unmount. */
+function() {
+    return React.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+};