@apple-pie/slice 0.1.59 → 0.2.0

package/dist/cjs/chunks/FileList-6qXKA_Ux.js

@@ -1,223 +0,0 @@
-'use client';
-"use strict";
-
-var tslib_es6 = require("./tslib.es6-B2uEaXWi.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-BallZ366.js"), FileIcon = require("./FileIcon-63XvrV1q.js"), Icon = require("./Icon-BTjtQLNe.js"), ProgressIndicator = require("./ProgressIndicator-CMsc_Npc.js");
-
-var css = {
-    wrapper: "FileList-module_wrapper__9-rrl flexBox-module_rowStart__4tcxS",
-    file: "FileList-module_file__61dkh flexBox-module_rowStart__4tcxS",
-    fileName: "FileList-module_fileName__amame flexBox-module_row__z24tF",
-    meta: "FileList-module_meta__unbpG flexBox-module_columnStart__C7P44",
-    status: "FileList-module_status__H1s6f type-module_body-xs-regular__ZAFft",
-    error: "FileList-module_error__UZ4-T",
-    fileIcon: "FileList-module_fileIcon__xDWW8 flexBox-module_row__z24tF",
-    icon: "FileList-module_icon__JR0HE flexBox-module_row__z24tF",
-    xs: "FileList-module_xs__i2S-5 type-module_body-xs-regular__ZAFft",
-    s: "FileList-module_s__4q0ae type-module_body-s-regular__vRHSP",
-    m: "FileList-module_m__hWqBx type-module_body-m-regular__LuQBA",
-    l: "FileList-module_l__tHDNp type-module_body-l-regular__lOYbg",
-    xl: "FileList-module_xl__fxW11 type-module_body-xl-regular__pF2kC"
-};
-
-/**
- * utility get file name from file item
- */
-/**
- * display the remove button if not uploading
- */
-function displayClose(uploading) {
-    return uploading ? {
-        display: "none"
-    } : {
-        display: "flex"
-    };
-}
-
-const FileList = React.memo(props => {
-    const {files: files = [], onChange: onChange, onToolTip: onToolTip, maxWidth: maxWidth, minWidth: minWidth, direction: direction = "row", padding: padding, gap: gap = 10, textSize: textSize = "s", iconSize: iconSize = 24, backgroundColor: backgroundColor, canRemove: canRemove = !0} = props, divAttributes = tslib_es6.__rest(props, [ "files", "onChange", "onToolTip", "maxWidth", "minWidth", "direction", "padding", "gap", "textSize", "iconSize", "backgroundColor", "canRemove" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", resolvedBackgroundColor = backgroundColor, fileNameToFileItem = React.useCallback(fileName => {
-        const {ext: ext, name: name} = 
-        /**
- * Split a file name into its display name and extension.
- */
-        function(fileName) {
-            var _a;
-            const ext = null !== (_a = fileName.split(".").pop()) && void 0 !== _a ? _a : "unknown";
-            return {
-                name: fileName,
-                ext: ext
-            };
-        }
-        /**
- * Map a file extension to the corresponding file icon name.
- */ (fileName);
-        return {
-            name: name,
-            ext: ext,
-            icon: function(extension) {
-                switch (extension) {
-                  case "png":
-                  case "jpeg":
-                  case "jpg":
-                  case "gif":
-                  case "heic":
-                    return "image";
-
-                  case "docx":
-                  case "doc":
-                  case "txt":
-                    return "text";
-
-                  case "md":
-                    return "md";
-
-                  case "html":
-                  case "js":
-                  case "ts":
-                  case "tsx":
-                  case "json":
-                  case "py":
-                    return "code";
-
-                  case "xls":
-                  case "xlsx":
-                  case "csv":
-                    return "sheet";
-
-                  case "ppt":
-                  case "pptx":
-                    return "preso";
-
-                  case "pdf":
-                    return "pdf";
-
-                  case "mp3":
-                  case "aif":
-                  case "wav":
-                    return "audio";
-
-                  case "mp4":
-                  case "mov":
-                    return "video";
-
-                  case "clipboard":
-                    return "clipboard";
-
-                  default:
-                    return "other";
-                }
-            }(ext)
-        };
-    }, []), displayList = React.useMemo(() => files.map((item, index) => {
-        var _a;
-        const fileName = function(item) {
-            return "string" == typeof item.file ? item.file : item.file.name;
-        }
-        /**
- * cal progress as a percentage string
- */ (item), fileMeta = fileNameToFileItem(fileName), progress = function(uploading, progress) {
-            if (void 0 === progress || Number.isNaN(progress)) return uploading ? "0%" : "100%";
-            const percent = progress <= 1 ? 100 * progress : progress, clamped = Math.max(0, Math.min(100, percent));
-            return `${Math.round(clamped)}%`;
-        }
-        /**
- * display the progress indicator if uploading
- */ (item.uploading, item.progress);
-        return Object.assign(Object.assign({}, fileMeta), {
-            key: `${fileMeta.name}-${index}`,
-            index: index,
-            uploading: null !== (_a = item.uploading) && void 0 !== _a && _a,
-            progress: progress,
-            error: item.error
-        });
-    }), [ files, fileNameToFileItem ]), handleRemove = React.useCallback(index => {
-        const updated = files.filter((_, itemIndex) => itemIndex !== index);
-        null == onChange || onChange(updated);
-    }, [ files, onChange ]), handleMouseOver = React.useCallback(e => {
-        const toolTip = {
-            payload: {
-                label: "Remove file"
-            },
-            ref: {
-                current: e.currentTarget
-            }
-        };
-        null == onToolTip || onToolTip(toolTip);
-    }, [ onToolTip ]), handleMouseOut = React.useCallback(() => {
-        null == onToolTip || onToolTip(null);
-    }, [ onToolTip ]), cssVars = React.useMemo(() => ({
-        "--file-max-width": "column" === direction ? "100%" : misc.setStyle(maxWidth),
-        "--file-min-width": "column" !== direction || minWidth ? misc.setStyle(minWidth) : "100%",
-        "--file-gap": misc.setStyle(gap),
-        "--file-direction": direction,
-        "--file-wrap": "column" === direction ? "nowrap" : "wrap",
-        "--file-padding": null != padding ? "number" == typeof padding ? `${padding}px` : padding : void 0,
-        "--file-icon-size": misc.setStyle(iconSize),
-        "--file-overflow": "column" === direction ? "unset" : "hidden",
-        "--file-bg-color": null != resolvedBackgroundColor ? resolvedBackgroundColor : "var(--core-surface-secondary)"
-    }), [ maxWidth, gap, direction, minWidth, padding, iconSize, resolvedBackgroundColor ]), fileCSSVars = React.useCallback((progress, uploading, error) => ({
-        "--file-progress": `${progress}`,
-        "--file-row-right": canRemove && !uploading ? "calc(var(--file-row-horizontal, var(--spacing-xs)) - var(--file-row-adjustment, var(--spacing-xxs)))" : "var(--file-row-horizontal, var(--spacing-xs))",
-        "--file-border-color": error ? "var(--feedback-warning)" : "var(--core-outline-primary)"
-    }), [ canRemove ]);
-    return jsxRuntime.jsx("div", Object.assign({
-        className: `${css.wrapper}${divClass}`,
-        style: Object.assign(Object.assign({}, divStyle), cssVars),
-        id: divId
-    }, rest, {
-        children: displayList.map(i => {
-            return jsxRuntime.jsxs("div", {
-                className: `${css.file} ${css[textSize]}`,
-                style: fileCSSVars(i.progress, i.uploading, i.error),
-                children: [ jsxRuntime.jsx("div", {
-                    className: css.fileIcon,
-                    children: jsxRuntime.jsx(FileIcon.FileIcon, {
-                        name: i.icon,
-                        size: iconSize
-                    })
-                }), jsxRuntime.jsxs("div", {
-                    className: css.meta,
-                    children: [ jsxRuntime.jsx("div", {
-                        className: css.fileName,
-                        children: i.name
-                    }), i.error && jsxRuntime.jsx("div", {
-                        className: `${css.status} ${i.error ? css.error : ""}`,
-                        children: i.error
-                    }) ]
-                }), jsxRuntime.jsx("div", {
-                    className: css.icon,
-                    style: (uploading = i.uploading, uploading ? {
-                        display: "flex"
-                    } : {
-                        display: "none"
-                    }),
-                    children: jsxRuntime.jsx(ProgressIndicator.ProgressIndicator, {
-                        inline: !0,
-                        size: 20,
-                        show: i.uploading
-                    })
-                }), canRemove && jsxRuntime.jsx("div", {
-                    className: css.icon,
-                    style: displayClose(i.uploading),
-                    role: "button",
-                    "aria-label": "remove file",
-                    onMouseOver: handleMouseOver,
-                    onMouseOut: handleMouseOut,
-                    onFocus: handleMouseOver,
-                    onBlur: handleMouseOut,
-                    onClick: () => handleRemove(i.index),
-                    onKeyDown: e => misc.accessibleKeyDown(e, () => handleRemove(i.index)),
-                    tabIndex: 0,
-                    children: jsxRuntime.jsx(Icon.Icon, {
-                        name: "x",
-                        style: {
-                            pointerEvents: "none"
-                        }
-                    })
-                }) ]
-            }, i.key);
-            var uploading;
-        })
-    }));
-});
-
-exports.FileList = FileList;

package/dist/cjs/chunks/FlexDiv-LwjVh6ls.js

@@ -1,178 +0,0 @@
-'use client';
-"use strict";
-
-var Size, Preset, tslib_es6 = require("./tslib.es6-B2uEaXWi.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), misc = require("./misc-BallZ366.js"), css_flexDiv = "FlexDiv-module_flexDiv__EY5A- type-module_body-m-regular__LuQBA scrollBars-module_scrollbars__c-ZPl";
-
-exports.Size = void 0, (Size = exports.Size || (exports.Size = {})).Grow = "grow", 
-Size.Fill = "fill", Size.Fit = "fit", Size.Viewport = "viewport", Size.Auto = "auto", 
-exports.Preset = void 0, (Preset = exports.Preset || (exports.Preset = {})).FillScroll = "fill-scroll", 
-Preset.FillCenter = "fill-center", Preset.FillStart = "fill-start", Preset.Window = "window", 
-Preset.Row = "row", Preset.RowBetween = "row-between", Preset.Column = "column", 
-Preset.Default = "default", Preset.Draggable = "draggable";
-
-const layoutSets = {
-    [exports.Preset.FillScroll]: {
-        width: "fill",
-        height: "fill",
-        justify: "start",
-        align: "start",
-        scrollY: !0,
-        scrollX: !1,
-        overflow: "hidden",
-        direction: "column"
-    },
-    [exports.Preset.FillCenter]: {
-        width: "fill",
-        height: "fill",
-        justify: "center",
-        align: "center",
-        scrollY: !1,
-        scrollX: !1,
-        overflow: "hidden",
-        direction: "column"
-    },
-    [exports.Preset.FillStart]: {
-        width: "fill",
-        height: "fill",
-        justify: "start",
-        align: "start",
-        scrollY: !1,
-        scrollX: !1,
-        overflow: "hidden",
-        direction: "column"
-    },
-    [exports.Preset.Window]: {
-        width: "viewport",
-        height: "viewport",
-        justify: "start",
-        align: "start",
-        scrollY: !1,
-        scrollX: !1,
-        overflow: "hidden",
-        direction: "row"
-    },
-    [exports.Preset.Row]: {
-        width: "fill",
-        height: "fit",
-        justify: "start",
-        align: "center",
-        scrollY: void 0,
-        scrollX: void 0,
-        overflow: "hidden",
-        direction: "row"
-    },
-    [exports.Preset.RowBetween]: {
-        width: "fill",
-        height: "fit",
-        justify: "between",
-        align: "center",
-        scrollY: void 0,
-        scrollX: void 0,
-        overflow: "hidden",
-        direction: "row"
-    },
-    [exports.Preset.Column]: {
-        width: "fill",
-        height: "fit",
-        justify: "start",
-        align: "start",
-        scrollY: void 0,
-        scrollX: void 0,
-        overflow: "hidden",
-        direction: "column"
-    },
-    [exports.Preset.Default]: {
-        width: "fill",
-        height: "fit",
-        justify: "start",
-        align: "start",
-        scrollY: void 0,
-        scrollX: void 0,
-        overflow: "hidden",
-        direction: "column"
-    },
-    [exports.Preset.Draggable]: {
-        width: "auto",
-        height: "fill",
-        justify: "start",
-        align: "start",
-        scrollY: void 0,
-        scrollX: void 0,
-        overflow: "visible",
-        direction: "column"
-    }
-};
-
-function setSize(style, isHeight) {
-    return "number" == typeof style ? `${style}px` : "grow" === style ? "unset" : "fill" === style ? "100%" : "fit" === style ? "auto" : "viewport" === style ? isHeight ? "100vh" : "100vw" : style;
-}
-
-function setBox(style) {
-    return "number" == typeof style ? `${style}px` : style;
-}
-
-function setPaddingRight(padding, scrollBox) {
-    return padding ? "number" == typeof padding ? `${padding}px` : padding : scrollBox ? "var(--spacing-xs)" : "unset";
-}
-
-function setFlex(style) {
-    return "start" === style || "top" === style ? "flex-start" : "end" === style || "bottom" === style ? "flex-end" : "between" === style ? "space-between" : style;
-}
-
-const FlexDiv = React.memo(React.forwardRef((props, ref) => {
-    const {children: children, preset: preset = "default", scrollY: scrollY, scrollX: scrollX, scrollBox: scrollBox = !1, background: background = "transparent", direction: direction, align: align, justify: justify, height: height, width: width, maxWidth: maxWidth, centerSelf: centerSelf, wrap: wrap = !1, reverse: reverse = !1, padding: padding = 0, margin: margin = 0, absolute: absolute = !1, flex: flex, gap: gap, variants: variants, transition: transition, animate: animate, enter: enter, exit: exit, border: border, borderRadius: borderRadius, className: className, scrollHandle: scrollHandle, scrollHandleHover: scrollHandleHover} = props, divAttributes = tslib_es6.__rest(props, [ "children", "preset", "scrollY", "scrollX", "scrollBox", "background", "direction", "align", "justify", "height", "width", "maxWidth", "centerSelf", "wrap", "reverse", "padding", "margin", "absolute", "flex", "gap", "variants", "transition", "animate", "enter", "exit", "border", "borderRadius", "className", "scrollHandle", "scrollHandleHover" ]), {id: divId, style: userStyle} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "style" ]), wrapperStyle = null != userStyle ? userStyle : {}, presets = React.useMemo(() => ({
-        width: null != width ? width : layoutSets[preset].width,
-        height: null != height ? height : layoutSets[preset].height,
-        direction: null != direction ? direction : layoutSets[preset].direction,
-        align: null != align ? align : layoutSets[preset].align,
-        justify: null != justify ? justify : layoutSets[preset].justify,
-        scrollY: null != scrollY ? scrollY : layoutSets[preset].scrollY,
-        scrollX: null != scrollX ? scrollX : layoutSets[preset].scrollX,
-        overflow: layoutSets[preset].overflow
-    }), [ preset, width, height, direction, align, justify, scrollY, scrollX ]), setScroll = React.useCallback(value => void 0 === value ? "unset" : value ? "auto" : "hidden", []), style = React.useMemo(() => ({
-        display: "flex",
-        position: "" + (absolute ? "absolute" : "relative"),
-        flexDirection: `${presets.direction}${reverse ? "-reverse" : ""}`,
-        flexWrap: "" + (wrap ? "wrap" : "nowrap"),
-        justifyContent: `${setFlex(presets.justify)}`,
-        alignItems: `${setFlex(presets.align)}`,
-        boxSizing: "border-box",
-        padding: `${setBox(padding)}`,
-        paddingRight: setPaddingRight(padding, scrollBox),
-        margin: centerSelf ? "0 auto" : `${setBox(margin)}`,
-        width: `${absolute ? "unset" : setSize(presets.width, !1)}`,
-        height: `${absolute ? "unset" : setSize(presets.height, !0)}`,
-        maxWidth: `${maxWidth ? setSize(maxWidth, !1) : "unset"}`,
-        flex: `${absolute ? "unset" : null != flex ? flex : "unset"}`,
-        top: "" + (absolute ? "0" : "unset"),
-        bottom: "" + (absolute ? "0" : "unset"),
-        left: "" + (absolute ? "0" : "unset"),
-        right: "" + (absolute ? "0" : "unset"),
-        gap: gap ? `${gap}px` : "unset",
-        border: `${null != border ? border : "unset"}`,
-        background: `${null != background ? background : "transparent"}`,
-        overflow: presets.overflow,
-        overflowY: setScroll(presets.scrollY),
-        overflowX: setScroll(presets.scrollX),
-        borderRadius: misc.setStyle(borderRadius),
-        color: "var(--core-text-primary)",
-        "--flex-div-scroll-border": `${null != background ? background : "transparent"}`,
-        "--flex-div-scroll-handle": `${null != scrollHandle ? scrollHandle : "var(--scroll-bar)"}`,
-        "--flex-div-scroll-handle-hover": `${null != scrollHandleHover ? scrollHandleHover : "var(--scroll-bar-hover)"}`
-    }), [ absolute, reverse, wrap, padding, margin, flex, gap, border, background, centerSelf, maxWidth, scrollHandle, scrollHandleHover, borderRadius, setScroll, presets, scrollBox ]);
-    return jsxRuntime.jsx(react.motion.div, Object.assign({
-        id: divId,
-        ref: ref,
-        className: `${css_flexDiv} ${null != className ? className : ""}`,
-        style: Object.assign(Object.assign({}, style), wrapperStyle),
-        transition: transition,
-        variants: variants,
-        initial: enter,
-        animate: animate,
-        exit: exit
-    }, rest, {
-        children: children
-    }));
-}));
-
-exports.FlexDiv = FlexDiv;

package/dist/cjs/chunks/Grouper-BlWyuh_b.js

@@ -1,63 +0,0 @@
-'use client';
-"use strict";
-
-var tslib_es6 = require("./tslib.es6-B2uEaXWi.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
-
-require("../theme/colors.js"), require("../theme/type.js"), require("./broadcastChannel-DLSijpj_.js"), 
-require("./webRTCStore-BXHg9abP.js"), require("./microphoneStore-DljI0Zpj.js"), 
-require("./volumeStore-DzgmrI6q.js"), require("../hooks/useWindow.js");
-
-var Badge = require("./Badge-DMey3Pf3.js"), Icon = require("./Icon-BTjtQLNe.js"), css_header = "Grouper-module_header__D5fV0 flexBox-module_rowBetween__5FEvi", css_title = "Grouper-module_title__ZKqTP flexBox-module_rowBetween__5FEvi type-module_body-m-regular__LuQBA", css_content = "Grouper-module_content__Mof50 flexBox-module_rowBetween__5FEvi", css_icon = "Grouper-module_icon__14Jis flexBox-module_row__z24tF";
-
-const Grouper = React.memo(props => {
-    const theme = hooks_useTheme.useTheme(), {title: title = "Group Title", toggle: toggle = !0, open: open = !0, hasIcon: hasIcon = !0, iconName: iconName = "chevron down", iconSize: iconSize = 18, frameSize: frameSize = 64, border: border = 0, count: count = 0, unframed: unframed = !1, hideNull: hideNull = !0, showFilterBadge: showFilterBadge = !1, onChange: onChange = () => null, onClick: onClick = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "title", "toggle", "open", "hasIcon", "iconName", "iconSize", "frameSize", "border", "count", "unframed", "hideNull", "showFilterBadge", "onChange", "onClick" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [state, setState] = React.useState(open), [icon, animateIcon] = react.useAnimate();
-    React.useEffect(() => setState(open), [ open ]);
-    const animate = React.useCallback(state => {
-        const animation = {
-            rotate: state ? 0 : 180
-        };
-        animateIcon(icon.current, Object.assign({}, animation), {
-            ease: "easeInOut",
-            duration: .25
-        });
-    }, [ animateIcon, icon ]), handleToggle = React.useCallback(() => {
-        toggle && (onClick(), onChange(!state), animate(!state), setState(!state));
-    }, [ toggle, onClick, onChange, state, animate ]), cssVars = React.useMemo(() => ({
-        "--grouper-height": unframed ? "auto" : `${frameSize}px`,
-        "--grouper-border": border ? `${border}px` : "0",
-        "--grouper-icon-size": `${iconSize}px`
-    }), [ frameSize, iconSize, border, unframed ]);
-    return jsxRuntime.jsx("button", Object.assign({
-        id: divId,
-        type: "button",
-        className: `${css_header}${divClass}`,
-        style: Object.assign(Object.assign({}, divStyle), cssVars),
-        onClick: handleToggle,
-        "aria-expanded": state
-    }, rest, {
-        children: jsxRuntime.jsxs("div", {
-            className: css_content,
-            children: [ jsxRuntime.jsxs("div", {
-                className: css_title,
-                children: [ title, jsxRuntime.jsx(Badge.Badge, {
-                    hideNull: hideNull,
-                    count: count,
-                    variant: "light"
-                }), showFilterBadge && jsxRuntime.jsx(Icon.Icon, {
-                    name: "filter",
-                    size: 16,
-                    strokeColor: theme.current.colors["core-text-disabled"]
-                }) ]
-            }), hasIcon && jsxRuntime.jsx("div", {
-                ref: icon,
-                className: css_icon,
-                children: jsxRuntime.jsx(Icon.Icon, {
-                    name: iconName,
-                    size: iconSize
-                })
-            }) ]
-        })
-    }));
-});
-
-exports.Grouper = Grouper;