@apple-pie/slice 0.1.60 → 0.2.0

package/dist/cjs/chunks/ProgressIndicator-BK0eIP3-.js

@@ -1,140 +0,0 @@
-'use client';
-"use strict";
-
-var jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
-
-require("../theme/colors.js"), require("../theme/type.js");
-
-var tslib_es6 = require("./tslib.es6-DL37Dyu4.js");
-
-require("./broadcastChannel-BV0gIfvH.js"), require("./webRTCStore-B8IKsBKT.js"), 
-require("./microphoneStore-Dw-7f6Jb.js"), require("./volumeStore-BQIMqtSw.js"), 
-require("../hooks/useWindow.js");
-
-var Icon = require("./Icon-B07V8-iO.js"), react = require("motion/react"), css$1_wrapper = "DoneCheck-module_wrapper__AlISD flexBox-module_row__z24tF", css$1_icon = "DoneCheck-module_icon__bKaFp flexBox-module_row__z24tF";
-
-const DoneCheck = React.memo(props => {
-    const theme = hooks_useTheme.useTheme(), {size: size = 88, stroke: stroke = 1.5, color: color = theme.current.colors["feedback-positive"], play: play = !0, delay: delay = 5, duration: duration = 1, didStart: didStart, didEnd: didEnd} = props, [playing, setPlaying] = React.useState(!play);
-    React.useEffect(() => {
-        let frameOne = 0, frameTwo = 0;
-        return play ? (setPlaying(!1), frameOne = requestAnimationFrame(() => {
-            frameTwo = requestAnimationFrame(() => {
-                setPlaying(!0);
-            });
-        })) : setPlaying(!0), () => {
-            frameOne && cancelAnimationFrame(frameOne), frameTwo && cancelAnimationFrame(frameTwo);
-        };
-    }, [ play ]);
-    const transition = React.useMemo(() => `scale ${duration}s var(--motion-spring) ${delay}s`, [ delay, duration ]), cssVars = React.useMemo(() => ({
-        "--icon-size": `${size}px`,
-        "--icon-scale": playing ? 1 : 0,
-        "--icon-transition": play ? transition : "unset"
-    }), [ size, playing, play, transition ]);
-    return jsxRuntime.jsx("div", {
-        className: css$1_wrapper,
-        role: "status",
-        "aria-live": "polite",
-        children: jsxRuntime.jsx("div", {
-            className: css$1_icon,
-            style: cssVars,
-            onTransitionEnd: () => null == didEnd ? void 0 : didEnd(),
-            onTransitionStart: () => null == didStart ? void 0 : didStart(),
-            children: jsxRuntime.jsx(Icon.Icon, {
-                name: "check circle",
-                size: size,
-                color: color,
-                stroke: stroke,
-                strokeColor: color
-            })
-        })
-    });
-});
-
-var css_container = "ProgressIndicator-module_container__pW2gW flexBox-module_column__ezvMq";
-
-const OpenCircle = (size, secondsPerSpin, color, stroke = 1.5, playing = !1, inset = !0, gradientId = "strokeFill") => {
-    const edgeRadius = 10 - stroke / 2, edgeStartX = 10 + edgeRadius * Math.cos(-.4), edgeStartY = 10 + edgeRadius * Math.sin(-.4), path = inset ? "M 17.371 6.886 C 17.776 7.843 18 8.895 18 10 C 18 14.418 14.418 18 10 18 C 5.582 18 2 14.418 2 10 C 2 5.582 5.582 2 10 2" : `M ${edgeStartX.toFixed(3)} ${edgeStartY.toFixed(3)} A ${edgeRadius.toFixed(3)} ${edgeRadius.toFixed(3)} 0 1 1 10 ${(10 - edgeRadius).toFixed(3)}`;
-    return jsxRuntime.jsxs(react.motion.svg, {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: size,
-        height: size,
-        viewBox: "0 0 20 20",
-        role: "img",
-        "aria-label": "Loading spinner",
-        transition: {
-            ease: "linear",
-            repeatType: "loop",
-            repeat: playing ? Number.POSITIVE_INFINITY : 0,
-            duration: secondsPerSpin
-        },
-        animate: playing ? {
-            rotate: 360
-        } : {
-            rotate: 0
-        },
-        children: [ jsxRuntime.jsx("title", {
-            children: "Loading"
-        }), jsxRuntime.jsx("defs", {
-            children: jsxRuntime.jsxs("linearGradient", {
-                id: gradientId,
-                x1: "0",
-                y1: "0",
-                x2: "20",
-                y2: "0",
-                gradientUnits: "userSpaceOnUse",
-                children: [ jsxRuntime.jsx("stop", {
-                    offset: "0%",
-                    stopColor: color,
-                    stopOpacity: 1
-                }), jsxRuntime.jsx("stop", {
-                    offset: "50%",
-                    stopColor: color,
-                    stopOpacity: 1
-                }), jsxRuntime.jsx("stop", {
-                    offset: "100%",
-                    stopColor: color,
-                    stopOpacity: 0
-                }) ]
-            })
-        }), jsxRuntime.jsx(react.motion.path, {
-            d: path,
-            fill: "transparent",
-            strokeWidth: stroke,
-            stroke: `url(#${gradientId})`
-        }) ]
-    });
-};
-
-exports.DoneCheck = DoneCheck, exports.ProgressIndicator = function(props) {
-    const theme = hooks_useTheme.useTheme(), {size: size = 20, inset: inset = !0, secondsPerSpin: secondsPerSpin = 1, show: show = !1, color: color = theme.current.colors["core-text-primary"], stroke: stroke = 1.5, inline: inline = !1, duration: duration, didStart: didStart = () => null, didStop: didStop = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "size", "inset", "secondsPerSpin", "show", "color", "stroke", "inline", "duration", "didStart", "didStop" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [playing, setPlaying] = React.useState(show), gradientId = React.useId().replace(/:/g, ""), timer = React.useRef(null);
-    React.useEffect(() => (show ? (setPlaying(!0), didStart(), duration && (timer.current = setTimeout(() => {
-        setPlaying(!1), didStop();
-    }, 1e3 * duration))) : (setPlaying(!1), didStop()), () => {
-        (null == timer ? void 0 : timer.current) && clearTimeout(timer.current);
-    }), [ show, didStart, didStop, duration ]);
-    const cssVars = React.useMemo(() => ({
-        "--pi-position": inline ? "relative" : "absolute",
-        "--pi-inset": inline ? "unset" : "0",
-        "--pi-icon-size": `${null != size ? size : 0}px`,
-        "--pi-display": inline ? "inline-flex" : "flex"
-    }), [ inline, size ]), openCircle = React.useMemo(() => OpenCircle(size, secondsPerSpin, color, stroke, playing, inset, gradientId), [ size, secondsPerSpin, color, stroke, playing, inset, gradientId ]);
-    return jsxRuntime.jsx(react.AnimatePresence, {
-        initial: !0,
-        children: show && jsxRuntime.jsx(react.motion.div, Object.assign({
-            id: divId,
-            className: `${css_container}${divClass}`,
-            style: Object.assign(Object.assign({}, divStyle), cssVars),
-            initial: {
-                opacity: 0
-            },
-            animate: {
-                opacity: 1
-            },
-            exit: {
-                opacity: 0
-            }
-        }, rest, {
-            children: openCircle
-        }))
-    });
-};

package/dist/cjs/chunks/PromptInput-BG1-rzlA.js

@@ -1,161 +0,0 @@
-'use client';
-"use strict";
-
-var jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
-
-require("../theme/colors.js");
-
-var theme_corners = require("../theme/corners.js");
-
-require("../theme/type.js"), require("./tslib.es6-DL37Dyu4.js");
-
-var misc = require("./misc-B3tF47Um.js");
-
-require("./broadcastChannel-BV0gIfvH.js"), require("./webRTCStore-B8IKsBKT.js"), 
-require("./microphoneStore-Dw-7f6Jb.js"), require("./volumeStore-BQIMqtSw.js"), 
-require("../hooks/useWindow.js");
-
-var Button = require("./Button-D53KhAkv.js"), FileList = require("./FileList-Cl82aFlO.js"), css = {
-    wrapperBg: "PromptInput-module_wrapperBg__zabZq flexBox-module_columnStart__C7P44",
-    bgRotate: "PromptInput-module_bgRotate__Um720",
-    textareaWrapper: "PromptInput-module_textareaWrapper__KusiV flexBox-module_columnStart__C7P44",
-    attachments: "PromptInput-module_attachments__rqgY1 flexBox-module_rowStart__4tcxS",
-    buttonBar: "PromptInput-module_buttonBar__X8LDe flexBox-module_rowBetween__5FEvi",
-    toolBar: "PromptInput-module_toolBar__GBvPT flexBox-module_rowStart__4tcxS",
-    textarea: "PromptInput-module_textarea__e4Kxn",
-    xs: "PromptInput-module_xs__Oy1ZT type-module_body-xs-regular__ZAFft",
-    s: "PromptInput-module_s__ivyC9 type-module_body-s-regular__vRHSP",
-    m: "PromptInput-module_m__LFHvW type-module_body-m-regular__LuQBA",
-    l: "PromptInput-module_l__TlceW type-module_body-l-regular__lOYbg",
-    xl: "PromptInput-module_xl__FbITb type-module_body-xl-regular__pF2kC"
-};
-
-const PromptInputBase = React.forwardRef((props, ref) => {
-    const {children: children, attachments: attachments = [], value: value = "", width: width = "100%", maxWidth: maxWidth, minWidth: minWidth, working: working = !1, maxHeight: maxHeight, attachmentsDisabled: attachmentsDisabled = !1, submitWorking: submitWorking = !1, borderStyle: borderStyle = "gradient", borderColor: borderColor, borderColorOn: borderColorOn, borderAnimate: borderAnimate = !0, borderWidth: borderWidth = 1, borderRadius: borderRadius = theme_corners.corners["corner-m"], focused: focused = !1, placeholder: placeholder = "Ask me anything ...", placeholderWorking: placeholderWorking = "Working ...", submitClears: submitClears = !0, enterSubmits: enterSubmits = !0, attachButton: attachButton = !0, sendButton: sendButton = !0, stopEnabled: stopEnabled = !1, textSize: textSize = "m", maxLength: maxLength, toolbarGap: toolbarGap = 8, onChange: onChange, onBlur: onBlur, onFocus: onFocus, onSubmit: onSubmit, onStop: onStop, onAttachmentsChange: onAttachmentsChange} = props, {isDark: isDark} = hooks_useTheme.useTheme(), [isFocused, setIsFocused] = React.useState(null != focused && focused), [textValue, setTextValue] = React.useState(value), textAreaRef = React.useRef(null), handleFocus = React.useCallback(() => {
-        var _a, _b;
-        setIsFocused(!0), null === (_a = null == textAreaRef ? void 0 : textAreaRef.current) || void 0 === _a || _a.focus(), 
-        null == onFocus || onFocus(null === (_b = textAreaRef.current) || void 0 === _b ? void 0 : _b.value, attachments);
-    }, [ onFocus, attachments ]), handleBlur = React.useCallback(valueOverride => {
-        var _a, _b;
-        setIsFocused(!1), null === (_a = textAreaRef.current) || void 0 === _a || _a.blur(), 
-        null == onBlur || onBlur(null != valueOverride ? valueOverride : null === (_b = textAreaRef.current) || void 0 === _b ? void 0 : _b.value, attachments);
-    }, [ onBlur, attachments ]), handleTextAreaBlur = React.useCallback(() => {
-        handleBlur();
-    }, [ handleBlur ]), handleAttachmentsChange = React.useCallback(newFiles => {
-        var _a;
-        null == onAttachmentsChange || onAttachmentsChange(newFiles), null == onChange || onChange(null === (_a = textAreaRef.current) || void 0 === _a ? void 0 : _a.value, newFiles);
-    }, [ onAttachmentsChange, onChange ]), handleChange = React.useCallback(e => {
-        const newValue = e.target.value;
-        setTextValue(newValue), null == onChange || onChange(newValue, attachments);
-    }, [ onChange, attachments ]), handleSubmit = React.useCallback(() => {
-        var _a;
-        if (stopEnabled) return;
-        if (working && submitWorking) return;
-        const currentValue = null === (_a = textAreaRef.current) || void 0 === _a ? void 0 : _a.value;
-        currentValue && (null == onSubmit || onSubmit(currentValue, attachments), submitClears && (setTextValue(""), 
-        null == onChange || onChange("", attachments), textAreaRef.current && (textAreaRef.current.value = "")), 
-        handleBlur(submitClears ? "" : currentValue));
-    }, [ stopEnabled, submitClears, onChange, onSubmit, handleBlur, attachments, working, submitWorking ]), handleStop = React.useCallback(() => {
-        null == onStop || onStop(), handleFocus();
-    }, [ onStop, handleFocus ]), handleKeyDown = React.useCallback(e => {
-        "Enter" === e.key && enterSubmits && (e.preventDefault(), handleSubmit());
-    }, [ handleSubmit, enterSubmits ]), handleClickSend = React.useCallback(e => {
-        e.preventDefault(), e.stopPropagation(), stopEnabled ? handleStop() : handleSubmit();
-    }, [ handleSubmit, handleStop, stopEnabled ]), handleClickAttach = React.useCallback(e => {
-        e.preventDefault(), e.stopPropagation();
-    }, []), handleClickButtonBar = React.useCallback(e => {
-        e.preventDefault(), handleFocus();
-    }, [ handleFocus ]), setBorderColor = React.useMemo(() => {
-        if ("gradient" === borderStyle) {
-            const radial = isDark ? "var(--conic-gradient-dark)" : "var(--conic-gradient-light)";
-            return working && borderAnimate ? radial : isFocused ? null != borderColorOn ? borderColorOn : radial : null != borderColor ? borderColor : radial;
-        }
-        return "solid" === borderStyle ? working || isFocused ? null != borderColorOn ? borderColorOn : "var(--core-outline-special)" : null != borderColor ? borderColor : "transparent" : "transparent";
-    }, [ borderStyle, isFocused, borderColorOn, borderColor, working, borderAnimate, isDark ]), setPlaceholder = React.useMemo(() => working && placeholderWorking ? placeholderWorking : placeholder, [ working, placeholder, placeholderWorking ]), setSendIconColor = React.useMemo(() => stopEnabled ? "var(--core-text-primary)" : "" !== textValue ? "var(--core-text-light)" : "var(--core-text-disabled)", [ textValue, stopEnabled ]), sendButtonState = React.useMemo(() => working && submitWorking || stopEnabled ? "normal" : "" === textValue ? "disabled" : "normal", [ textValue, stopEnabled, working, submitWorking ]), attachState = React.useMemo(() => attachmentsDisabled ? "disabled" : "normal", [ attachmentsDisabled ]);
-    React.useEffect(() => {
-        var _a, _b;
-        focused ? null === (_a = textAreaRef.current) || void 0 === _a || _a.focus() : null === (_b = textAreaRef.current) || void 0 === _b || _b.blur();
-    }, [ focused ]), React.useEffect(() => {
-        setTextValue(value);
-    }, [ value ]);
-    const innerBorderRadius = React.useMemo(() => "number" == typeof borderRadius ? `${Math.max(borderRadius - 1, 0)}px` : `calc(${misc.setStyle(borderRadius)} - 1px)`, [ borderRadius ]), cssVars = React.useMemo(() => ({
-        "--prompt-width": misc.setStyle(width),
-        "--prompt-min-width": misc.setStyle(minWidth, "unset"),
-        "--prompt-max-width": misc.setStyle(maxWidth, "unset"),
-        "--prompt-border-color": setBorderColor,
-        "--prompt-max-height": maxHeight ? `${maxHeight}px` : "unset",
-        "--prompt-border-width": borderWidth ? `${borderWidth}px` : "0",
-        "--prompt-state": working && borderAnimate ? "running" : "paused",
-        "--prompt-border-radius": misc.setStyle(borderRadius),
-        "--prompt-inner-border-radius": innerBorderRadius
-    }), [ working, borderAnimate, setBorderColor, borderWidth, borderRadius, innerBorderRadius, maxHeight, width, maxWidth, minWidth ]);
-    return jsxRuntime.jsx("div", {
-        className: css.wrapperBg,
-        ref: ref,
-        style: cssVars,
-        children: jsxRuntime.jsxs("div", {
-            className: css.textareaWrapper,
-            children: [ attachments.length > 0 && jsxRuntime.jsx("div", {
-                className: css.attachments,
-                children: jsxRuntime.jsx(FileList.FileList, {
-                    files: attachments,
-                    onChange: handleAttachmentsChange,
-                    backgroundColor: "var(--core-surface-primary)",
-                    textSize: "s",
-                    direction: "row",
-                    gap: 8,
-                    iconSize: 24
-                })
-            }), jsxRuntime.jsx("textarea", {
-                id: "promptInput",
-                name: "promptInput",
-                className: `${css.textarea} ${css[textSize]}`,
-                ref: textAreaRef,
-                value: null != textValue ? textValue : "",
-                onChange: handleChange,
-                placeholder: setPlaceholder,
-                onFocus: handleFocus,
-                onBlur: handleTextAreaBlur,
-                onKeyDown: handleKeyDown,
-                maxLength: maxLength,
-                rows: 1
-            }), (children || attachButton || sendButton) && jsxRuntime.jsxs("div", {
-                className: css.buttonBar,
-                onMouseDown: handleClickButtonBar,
-                children: [ jsxRuntime.jsxs("div", {
-                    className: css.toolBar,
-                    style: {
-                        gap: toolbarGap
-                    },
-                    children: [ attachButton && jsxRuntime.jsx(Button.Button, {
-                        round: !0,
-                        label: void 0,
-                        variant: "outline",
-                        iconLeft: "plus",
-                        iconSize: 20,
-                        state: attachState,
-                        onMouseDown: handleClickAttach
-                    }), children ]
-                }), sendButton && jsxRuntime.jsx(Button.Button, {
-                    round: !0,
-                    label: void 0,
-                    variant: stopEnabled ? "outline" : "solid",
-                    iconLeft: stopEnabled ? "stop" : "arrow up",
-                    iconSize: stopEnabled ? 16 : 20,
-                    state: sendButtonState,
-                    backgroundColorDisabled: "var(--core-outline-primary)",
-                    progress: !stopEnabled,
-                    working: submitWorking && working,
-                    onMouseDown: handleClickSend,
-                    iconColor: setSendIconColor
-                }) ]
-            }) ]
-        })
-    });
-});
-
-PromptInputBase.displayName = "PromptInput";
-
-const PromptInput = React.memo(PromptInputBase);
-
-exports.PromptInput = PromptInput;

package/dist/cjs/chunks/RadioButton-DCiNs99y.js

@@ -1,55 +0,0 @@
-'use client';
-"use strict";
-
-var tslib_es6 = require("./tslib.es6-DL37Dyu4.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-B3tF47Um.js"), Icon = require("./Icon-B07V8-iO.js"), css_wrapper = "RadioButton-module_wrapper__-pWRe flexBox-module_row__z24tF", css_radioIcon = "RadioButton-module_radioIcon__I27Xv flexBox-module_column__ezvMq", css_radioTitle = "RadioButton-module_radioTitle__zCQII flexBox-module_rowStart__4tcxS type-module_body-m-regular__LuQBA", css_radioContent = "RadioButton-module_radioContent__38xVx flexBox-module_columnStart__C7P44";
-
-function RadioButtonComponent(props) {
-    const {label: label, children: children, fieldName: fieldName, value: value, selected: selected = !1, controlType: controlType = "radio", deselect: deselect = !0, tabIndex: tabIndex = 0, wrap: wrap = !1, list: list = !1, hideRadio: hideRadio = !1, noFrame: noFrame = !0, icon: icon = "circle", checkedIcon: checkedIcon = "check circle", iconColor: iconColor, gap: gap = 6, onChange: onChange = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "label", "children", "fieldName", "value", "selected", "controlType", "deselect", "tabIndex", "wrap", "list", "hideRadio", "noFrame", "icon", "checkedIcon", "iconColor", "gap", "onChange" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [isSelected, setIsSelected] = React.useState(selected);
-    React.useEffect(() => setIsSelected(selected), [ selected ]);
-    const handleChange = React.useCallback(() => {
-        isSelected && !deselect || (setIsSelected(!isSelected), onChange({
-            fieldName: fieldName,
-            label: label,
-            value: value
-        }, !isSelected));
-    }, [ isSelected, deselect, onChange, fieldName, label, value ]), setAriaLabel = React.useMemo(() => label || (children && "string" == typeof children ? children : "Radio Button"), [ label, children ]), setIconColor = React.useMemo(() => iconColor || "var(--core-text-primary)", [ iconColor ]), iconName = React.useMemo(() => isSelected ? checkedIcon : icon, [ isSelected, checkedIcon, icon ]), setFlex = React.useMemo(() => list ? "unset" : wrap ? "40%" : "1", [ list, wrap ]), cssVars = React.useMemo(() => ({
-        "--rb-max-width": wrap ? "50%" : "100%",
-        "--rb-flex": setFlex,
-        "--rb-padding": noFrame ? "0" : hideRadio ? "var(--spacing-s) var(--spacing-m)" : "var(--spacing-s) var(--spacing-m) var(--spacing-s) calc(var(--spacing-m) - var(--spacing-xs))",
-        "--rb-bg": !noFrame && isSelected ? "var(--core-surface-secondary)" : "transparent",
-        "--rb-border": noFrame ? "none" : "1px solid var(--core-outline-primary)",
-        "--rb-gap": misc.setStyle(gap)
-    }), [ setFlex, isSelected, wrap, noFrame, hideRadio, gap ]);
-    return jsxRuntime.jsxs("button", Object.assign({
-        id: divId,
-        type: "button",
-        className: `${css_wrapper}${divClass}`,
-        style: Object.assign(Object.assign({}, divStyle), cssVars),
-        onClick: handleChange,
-        role: controlType,
-        tabIndex: tabIndex,
-        "aria-label": setAriaLabel,
-        "aria-checked": isSelected
-    }, rest, {
-        children: [ !hideRadio && jsxRuntime.jsx("div", {
-            className: css_radioIcon,
-            children: jsxRuntime.jsx(Icon.Icon, {
-                name: iconName,
-                strokeColor: setIconColor,
-                size: 20
-            })
-        }), jsxRuntime.jsx("div", {
-            className: css_radioContent,
-            children: jsxRuntime.jsx("div", {
-                className: css_radioTitle,
-                children: null != label ? label : children
-            })
-        }) ]
-    }));
-}
-
-RadioButtonComponent.displayName = "RadioButton";
-
-const RadioButton = React.memo(RadioButtonComponent);
-
-exports.RadioButton = RadioButton;

package/dist/cjs/chunks/RadioButtonList-DLdTst71.js

@@ -1,73 +0,0 @@
-'use client';
-"use strict";
-
-var tslib_es6 = require("./tslib.es6-DL37Dyu4.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-B3tF47Um.js"), RadioButton = require("./RadioButton-DCiNs99y.js"), css_wrapper = "RadioButtonList-module_wrapper__wnq1-", css_column = "RadioButtonList-module_column__Bq16e flexBox-module_columnStart__C7P44", css_row = "RadioButtonList-module_row__D3szq flexBox-module_rowStart__4tcxS";
-
-function RadioButtonListComponent(props) {
-    const {width: width = "min-content", options: options = [], selectedIndexes: selectedIndexes = null, selectedOptions: selectedOptions = null, label: label = null, deselect: deselect = !1, multiSelect: multiSelect = !1, wrap: wrap = !1, tabIndexSeed: tabIndexSeed = 0, spacer: spacer = "none", custom: custom = 0, gap: gap = 16, hideRadio: hideRadio = !1, noFrame: noFrame = !0, toggleIcon: toggleIcon = !0, iconColor: iconColor, icon: icon = "circle", checkedIcon: checkedIcon = "check circle", iconSelectedColor: iconSelectedColor, onChange: onChange = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "width", "options", "selectedIndexes", "selectedOptions", "label", "deselect", "multiSelect", "wrap", "tabIndexSeed", "spacer", "custom", "gap", "hideRadio", "noFrame", "toggleIcon", "iconColor", "icon", "checkedIcon", "iconSelectedColor", "onChange" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", labelId = React.useId(), [selected, setSelected] = React.useState(selectedIndexes);
-    React.useEffect(() => setSelected(selectedIndexes), [ selectedIndexes ]), React.useEffect(() => {
-        if (!selectedOptions || !options) return;
-        const selections = [];
-        for (const item of selectedOptions) for (let i = 0; i < options.length; i++) {
-            options[i].fieldName === item && selections.push(i);
-        }
-        setSelected(selections);
-    }, [ selectedOptions, options ]);
-    const isSelected = React.useCallback(index => !!selected && selected.includes(index), [ selected ]), doMultiSelection = React.useCallback((selection, state) => {
-        let indexesSelected = selected ? [ ...selected ] : [];
-        if (!state && selected) {
-            const removeAt = indexesSelected.indexOf(selection);
-            indexesSelected.splice(removeAt, 1);
-        } else if (state) {
-            indexesSelected = selected ? [ ...selected ] : [];
-            indexesSelected.includes(selection) || indexesSelected.push(selection);
-        }
-        let updatedSelections = [];
-        for (const index of indexesSelected || []) updatedSelections && updatedSelections.push(options[index]);
-        updatedSelections.length < 1 && (updatedSelections = null), setSelected(indexesSelected || null), 
-        onChange(updatedSelections, indexesSelected || null);
-    }, [ selected, options, onChange ]), doSingleSelection = React.useCallback((selection, state) => {
-        onChange(state ? [ options[selection] ] : [], state ? [ selection ] : []), setSelected(state ? [ selection ] : null);
-    }, [ options, onChange ]), handleChange = React.useCallback((selection, state) => {
-        multiSelect ? doMultiSelection(selection, state) : doSingleSelection(selection, state);
-    }, [ multiSelect, doMultiSelection, doSingleSelection ]), renderedOptions = React.useMemo(() => options.map((option, i) => jsxRuntime.jsx(RadioButton.RadioButton, {
-        label: option.label,
-        value: option.value,
-        fieldName: option.fieldName,
-        selected: isSelected(i),
-        controlType: multiSelect ? "checkbox" : "radio",
-        deselect: deselect,
-        wrap: wrap,
-        noFrame: noFrame,
-        hideRadio: hideRadio,
-        onChange: (_option, state) => handleChange(i, state),
-        tabIndex: tabIndexSeed ? tabIndexSeed + i : 0,
-        iconColor: isSelected(i) ? iconSelectedColor : iconColor,
-        checkedIcon: checkedIcon,
-        icon: icon,
-        list: !0
-    }, `${option.fieldName}_${i}`)), [ options, isSelected, multiSelect, deselect, wrap, noFrame, hideRadio, handleChange, iconColor, iconSelectedColor, checkedIcon, tabIndexSeed, icon ]), margin = React.useMemo(() => "none" === spacer ? 0 : "custom" === spacer ? custom : 0, [ spacer, custom ]), cssVars = React.useMemo(() => ({
-        "--rb-list-flex-wrap": wrap ? "wrap" : "nowrap",
-        "--rb-list-margin-bottom": noFrame ? 0 : `${margin}px`,
-        "--rb-gap": `${gap}px`,
-        "--rb-list-width": misc.setStyle(width)
-    }), [ wrap, margin, gap, noFrame, width ]);
-    return jsxRuntime.jsxs("div", Object.assign({
-        id: divId,
-        className: `${css_wrapper} ${noFrame ? css_column : css_row}${divClass}`,
-        style: Object.assign(Object.assign({}, divStyle), cssVars),
-        role: multiSelect ? "group" : "radiogroup",
-        "aria-labelledby": label ? labelId : void 0
-    }, rest, {
-        children: [ label && jsxRuntime.jsx("div", {
-            id: labelId,
-            children: label
-        }), renderedOptions ]
-    }));
-}
-
-RadioButtonListComponent.displayName = "RadioButtonList";
-
-const RadioButtonList = React.memo(RadioButtonListComponent);
-
-exports.RadioButtonList = RadioButtonList;

package/dist/cjs/chunks/Slider-CekvQKaG.js

@@ -1,169 +0,0 @@
-'use client';
-"use strict";
-
-var tslib_es6 = require("./tslib.es6-DL37Dyu4.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react");
-
-require("../theme/colors.js"), require("../theme/type.js");
-
-var misc = require("./misc-B3tF47Um.js"), debounce = require("./debounce-CiNBCKOh.js");
-
-require("./broadcastChannel-BV0gIfvH.js"), require("./webRTCStore-B8IKsBKT.js"), 
-require("./microphoneStore-Dw-7f6Jb.js"), require("./volumeStore-BQIMqtSw.js"), 
-require("../hooks/useWindow.js");
-
-var hooks_useObserveResize = require("../hooks/useObserveResize.js"), css_wrapper = "Slider-module_wrapper__KCCs1", css_trackBg = "Slider-module_trackBg__7zfqm flexBox-module_rowStart__4tcxS", css_track = "Slider-module_track__kaJkL flexBox-module_rowStart__4tcxS", css_trackHead = "Slider-module_trackHead__W-UdG", css_trackWrapper = "Slider-module_trackWrapper__Ot0Wh flexBox-module_rowStart__4tcxS";
-
-const Slider = React.memo(props => {
-    const {value: value = 25, scaleMin: scaleMin = 0, scaleMax: scaleMax = 100, width: width, height: height = 2, touchHeight: touchHeight = 24, trackHeadSize: trackHeadSize = 7, step: step, disabled: disabled = !1, disabledOpacity: disabledOpacity = .5, cursor: cursor = "default", headColor: headColor = "var(--core-text-light)", trackColor: trackColor = "var(--core-surface-secondary)", progressColor: progressColor = "var(--core-text-tertiary)", trackHeadBorderSize: trackHeadBorderSize = 1, trackHeadBorderColor: trackHeadBorderColor = "var(--core-outline-secondary)", onChange: onChange = () => null, onDragChange: onDragChange = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "value", "scaleMin", "scaleMax", "width", "height", "touchHeight", "trackHeadSize", "step", "disabled", "disabledOpacity", "cursor", "headColor", "trackColor", "progressColor", "trackHeadBorderSize", "trackHeadBorderColor", "onChange", "onDragChange" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", ref = React.useRef(null), track = React.useRef(null), head = React.useRef(null), [currentValue, setCurrentValue] = React.useState(value), absProgressRef = React.useRef(value), relativeProgressRef = React.useRef(0), didMount = React.useRef(!1), size = hooks_useObserveResize.useObserveResize(ref, {
-        ignore: "height"
-    }), debouncedOnChange = debounce.debounce((value, percent) => {
-        onChange(value, percent);
-    }, 0), padding = React.useMemo(() => trackHeadSize ? Math.ceil(trackHeadSize / 2) : 0, [ trackHeadSize ]), clampValue = React.useCallback(nextValue => Math.min(scaleMax, Math.max(scaleMin, nextValue)), [ scaleMax, scaleMin ]), stepIncrement = React.useMemo(() => {
-        if (step) return step;
-        const range = scaleMax - scaleMin;
-        return range <= 0 ? 0 : Math.max(range / 100, .01);
-    }, [ step, scaleMin, scaleMax ]), valueToPercent = React.useCallback(nextValue => {
-        const range = scaleMax - scaleMin;
-        return range <= 0 ? 0 : (nextValue - scaleMin) / range;
-    }, [ scaleMax, scaleMin ]), setTrackAndHead = React.useCallback(pixelPos => {
-        const hd = head.current, tr = track.current;
-        hd && (hd.style.left = `${pixelPos}px`), tr && (tr.style.width = `${pixelPos}px`), 
-        didMount.current = !0;
-    }, []), initialProgress = React.useCallback(current => {
-        if (!(null == ref ? void 0 : ref.current)) return;
-        const sliderWidth = ref.current.getBoundingClientRect().width, adjustedCurrent = clampValue(current), normalized = valueToPercent(adjustedCurrent), pixelPos = normalized * sliderWidth;
-        absProgressRef.current = adjustedCurrent, relativeProgressRef.current = normalized, 
-        setCurrentValue(adjustedCurrent), setTrackAndHead(pixelPos), didMount.current = !0;
-    }, [ clampValue, valueToPercent, setTrackAndHead ]), progress = React.useCallback(posX => {
-        const el = null == ref ? void 0 : ref.current;
-        if (!el) return {
-            value: 0,
-            percent: 0
-        };
-        const sliderWidth = el.getBoundingClientRect().width;
-        relativeProgressRef.current = sliderWidth > 0 ? posX / sliderWidth : 0, absProgressRef.current = scaleMin + relativeProgressRef.current * (scaleMax - scaleMin), 
-        setCurrentValue(absProgressRef.current);
-    }, [ scaleMax, scaleMin ]), commitValue = React.useCallback((nextValue, notify = "change") => {
-        const el = ref.current;
-        if (!el) return;
-        const sliderWidth = el.getBoundingClientRect().width, clampedValue = clampValue(nextValue), percent = valueToPercent(clampedValue);
-        absProgressRef.current = clampedValue, relativeProgressRef.current = percent, setCurrentValue(clampedValue), 
-        setTrackAndHead(percent * sliderWidth), "change" !== notify && "both" !== notify || onChange(clampedValue, percent), 
-        "drag" !== notify && "both" !== notify || onDragChange(clampedValue, percent);
-    }, [ clampValue, valueToPercent, setTrackAndHead, onChange, onDragChange ]), updateSlider = React.useCallback(e => {
-        const newPos = misc.pointerPosition(e), el = null == ref ? void 0 : ref.current;
-        if (!el) return 0;
-        const rect = el.getBoundingClientRect(), sliderWidth = rect.width;
-        let pos = newPos - rect.x;
-        return pos > sliderWidth ? pos = sliderWidth : pos < 0 && (pos = 0), setTrackAndHead(pos), 
-        pos;
-    }, [ setTrackAndHead ]), handleMouseMove = React.useCallback(e => {
-        if (e.preventDefault(), disabled) return;
-        if (null == ref ? void 0 : ref.current) {
-            const pos = updateSlider(e);
-            progress(pos), debouncedOnChange(absProgressRef.current, relativeProgressRef.current);
-        }
-    }, [ progress, updateSlider, debouncedOnChange, disabled ]), handleMouseUp = React.useCallback(e => {
-        e.preventDefault();
-        if (null == ref ? void 0 : ref.current) {
-            const pos = updateSlider(e);
-            progress(pos), debouncedOnChange.cancel(), onDragChange(absProgressRef.current, relativeProgressRef.current), 
-            onChange(absProgressRef.current, relativeProgressRef.current);
-        }
-        globalThis.removeEventListener("mousemove", handleMouseMove, !1), globalThis.removeEventListener("touchmove", handleMouseMove, !1), 
-        globalThis.removeEventListener("mouseup", handleMouseUp, !1), globalThis.removeEventListener("touchend", handleMouseUp, !1);
-    }, [ handleMouseMove, progress, updateSlider, debouncedOnChange, onDragChange, onChange ]), handleKeyDown = React.useCallback(event => {
-        if (disabled) return;
-        let nextValue = null;
-        switch (event.key) {
-          case "ArrowRight":
-          case "ArrowUp":
-          case "PageUp":
-            nextValue = absProgressRef.current + stepIncrement;
-            break;
-
-          case "ArrowLeft":
-          case "ArrowDown":
-          case "PageDown":
-            nextValue = absProgressRef.current - stepIncrement;
-            break;
-
-          case "Home":
-            nextValue = scaleMin;
-            break;
-
-          case "End":
-            nextValue = scaleMax;
-        }
-        null !== nextValue && (event.preventDefault(), debouncedOnChange.cancel(), commitValue(nextValue, "change"));
-    }, [ scaleMin, scaleMax, debouncedOnChange, commitValue, stepIncrement, disabled ]), handleMouseDown = React.useCallback(e => {
-        if (e.preventDefault(), e.stopPropagation(), disabled) return;
-        globalThis.addEventListener("mousemove", handleMouseMove, !1), globalThis.addEventListener("touchmove", handleMouseMove, !1), 
-        globalThis.addEventListener("mouseup", handleMouseUp, !1), globalThis.addEventListener("touchend", handleMouseUp, !1);
-        if (null == ref ? void 0 : ref.current) {
-            const pos = updateSlider(e);
-            progress(pos), debouncedOnChange.cancel(), onChange(absProgressRef.current, relativeProgressRef.current);
-        }
-    }, [ handleMouseMove, handleMouseUp, onChange, progress, updateSlider, debouncedOnChange, disabled ]);
-    React.useEffect(() => {
-        didMount.current && value === absProgressRef.current || initialProgress(value);
-    }, [ value, initialProgress ]), React.useEffect(() => {
-        const el = null == ref ? void 0 : ref.current, hl = null == head ? void 0 : head.current;
-        return null == el || el.addEventListener("mousedown", handleMouseDown, !1), null == el || el.addEventListener("touchstart", handleMouseDown, !1), 
-        null == hl || hl.addEventListener("mousedown", handleMouseDown, !1), null == hl || hl.addEventListener("touchstart", handleMouseDown, !1), 
-        () => {
-            null == el || el.removeEventListener("mousedown", handleMouseDown, !1), null == el || el.removeEventListener("touchstart", handleMouseDown, !1), 
-            null == hl || hl.removeEventListener("mousedown", handleMouseDown, !1), null == hl || hl.removeEventListener("touchstart", handleMouseDown, !1);
-        };
-    }, [ handleMouseDown ]), React.useEffect(() => {
-        var _a;
-        const sliderWidth = null === (_a = null == ref ? void 0 : ref.current) || void 0 === _a ? void 0 : _a.offsetWidth;
-        sliderWidth && 0 !== size.width && setTrackAndHead(relativeProgressRef.current * sliderWidth);
-    }, [ size.width, setTrackAndHead ]);
-    const trackHeadColor = React.useMemo(() => trackHeadSize && 0 !== trackHeadSize ? null != headColor ? headColor : "var(--core-text-primary)" : "transparent", [ headColor, trackHeadSize ]), setWidth = React.useMemo(() => width && "string" == typeof width ? "auto" === width ? "100%" : width : `${null != width ? width : 100}px`, [ width ]), setHeadBorder = React.useMemo(() => trackHeadBorderSize && 0 !== trackHeadBorderSize ? `${trackHeadBorderSize}px solid ${trackHeadBorderColor}` : "unset", [ trackHeadBorderColor, trackHeadBorderSize ]), cssVars = React.useMemo(() => ({
-        "--slider-padding": `${padding}px`,
-        "--slider-width": setWidth,
-        "--slider-height": `${height}px`,
-        "--slider-touch-height": `${touchHeight}px`,
-        "--slider-cursor": cursor,
-        "--slider-head-display": height ? "block" : "none",
-        "--slider-head-radius": "100%",
-        "--slider-head-size": `${null != trackHeadSize ? trackHeadSize : 0}px`,
-        "--slider-head-width": `${null != trackHeadSize ? trackHeadSize : 0}px`,
-        "--slider-head-color": trackHeadColor,
-        "--slider-progress-color": null != progressColor ? progressColor : "var(--core-text-primary)",
-        "--slider-track-color": null != trackColor ? trackColor : "var(--core-surface-secondary)",
-        "--slider-track-head-border": setHeadBorder,
-        "--slider-opacity": disabled ? disabledOpacity : "1"
-    }), [ padding, height, touchHeight, cursor, progressColor, trackColor, trackHeadSize, trackHeadColor, setWidth, setHeadBorder, disabled, disabledOpacity ]);
-    return jsxRuntime.jsx("div", Object.assign({
-        id: divId,
-        className: `${css_wrapper}${divClass}`,
-        style: Object.assign(Object.assign({}, divStyle), cssVars)
-    }, rest, {
-        children: jsxRuntime.jsxs("div", {
-            ref: ref,
-            className: css_trackWrapper,
-            role: "slider",
-            tabIndex: 0,
-            "aria-label": "Slider",
-            "aria-valuemin": scaleMin,
-            "aria-valuemax": scaleMax,
-            "aria-valuenow": currentValue,
-            "aria-orientation": "horizontal",
-            onKeyDown: handleKeyDown,
-            children: [ jsxRuntime.jsx("div", {
-                className: css_trackBg,
-                children: jsxRuntime.jsx("div", {
-                    className: css_track,
-                    ref: track
-                })
-            }), jsxRuntime.jsx("div", {
-                className: css_trackHead,
-                ref: head
-            }) ]
-        })
-    }));
-});
-
-exports.Slider = Slider;

package/dist/cjs/chunks/Spacer-C-nVP3Ic.js

@@ -1,26 +0,0 @@
-'use client';
-"use strict";
-
-var tslib_es6 = require("./tslib.es6-DL37Dyu4.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react");
-
-const Spacer = React.memo(props => {
-    const {size: size = "s"} = props, divAttributes = tslib_es6.__rest(props, [ "size" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), spacerStyle = React.useMemo(() => {
-        const dimension = `var(--spacing-${size})`;
-        return {
-            width: dimension,
-            minWidth: dimension,
-            maxWidth: dimension,
-            height: dimension,
-            minHeight: dimension,
-            maxHeight: dimension,
-            flexShrink: 0
-        };
-    }, [ size ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "";
-    return jsxRuntime.jsx("div", Object.assign({
-        id: divId,
-        className: divClass.trim(),
-        style: Object.assign(Object.assign({}, divStyle), spacerStyle)
-    }, rest));
-});
-
-exports.Spacer = Spacer;