@apple-pie/slice 0.1.60 → 0.2.0

package/dist/esm/chunks/Overlay-Ctpj5rdn.mjs

@@ -1,47 +0,0 @@
-'use client';
-import { a as __rest } from "./tslib.es6-DiR-r3pp.mjs";
-
-import { jsx } from "react/jsx-runtime";
-
-import { AnimatePresence, motion } from "motion/react";
-
-import React, { useMemo, useCallback } from "react";
-
-var css_overlay = "Overlay-module_overlay__EkbfA";
-
-const defaultTransition = {
-    ease: "easeOut",
-    duration: .25
-}, Overlay = React.memo(props => {
-    const {children: children, show: show = !1, type: type = "clear", global: global = !1, overlay: overlay, color: color = "rgb(0,0,0)", opacity: opacity, transition: transition = defaultTransition, onClick: onClick = () => null, toggleOverlay: toggleOverlay = () => null} = props, divAttributes = __rest(props, [ "children", "show", "type", "global", "overlay", "color", "opacity", "transition", "onClick", "toggleOverlay" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", computedOpacity = useMemo(() => "clear" === type ? 0 : void 0 !== opacity ? opacity : "dark" === type ? .8 : 0, [ type, opacity ]), handleClick = useCallback(() => {
-        global && toggleOverlay(!1), onClick();
-    }, [ global, toggleOverlay, onClick ]), handleContextMenu = useCallback(e => {
-        e.preventDefault();
-    }, []), cssVars = useMemo(() => ({
-        "--overlay-color": null != color ? color : "rgb(0,0,0)"
-    }), [ color ]);
-    return jsx(AnimatePresence, {
-        initial: !1,
-        children: show && jsx(motion.div, Object.assign({
-            id: divId,
-            className: `${css_overlay}${divClass}`,
-            style: Object.assign(Object.assign({}, divStyle), cssVars),
-            initial: {
-                opacity: 0
-            },
-            animate: {
-                opacity: computedOpacity
-            },
-            exit: {
-                opacity: 0
-            },
-            onClick: handleClick,
-            transition: transition,
-            onContextMenu: handleContextMenu
-        }, rest, {
-            children: children
-        }))
-    });
-});
-
-export { Overlay as O };

package/dist/esm/chunks/Pager-BqAdm87r.mjs

@@ -1,42 +0,0 @@
-'use client';
-import { a as __rest } from "./tslib.es6-DiR-r3pp.mjs";
-
-import { jsx } from "react/jsx-runtime";
-
-import React, { useState, useMemo, useEffect, useCallback } from "react";
-
-import { a as accessibleKeyDown } from "./misc-CagHFpjD.mjs";
-
-var css_wrapper = "Pager-module_wrapper__eutVg flexBox-module_row__z24tF", css_bullet = "Pager-module_bullet__TxyR5 flexBox-module_row__z24tF", css_selected = "Pager-module_selected__C6xbR";
-
-const Pager = React.memo(props => {
-    const {size: size = 8, index: index = 0, color: color, colorHover: colorHover, colorOn: colorOn, pages: pages = 2, gap: gap = 4, onChange: onChange = () => null} = props, divAttributes = __rest(props, [ "size", "index", "color", "colorHover", "colorOn", "pages", "gap", "onChange" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [selected, setSelected] = useState(index), bullets = useMemo(() => Array.from({
-        length: pages
-    }, (_, i) => i), [ pages ]);
-    useEffect(() => setSelected(index), [ index ]);
-    const handleClick = useCallback(i => {
-        setSelected(i), onChange(i);
-    }, [ onChange ]), cssVars = useMemo(() => ({
-        "--pager-gap": `${gap}px`,
-        "--pager-size": `${size}px`,
-        "--pager-color": null != color ? color : "var(--core-text-disabled)",
-        "--pager-colorOn": null != colorOn ? colorOn : "var(--core-text-primary)",
-        "--pager-colorHover": null != colorHover ? colorHover : "var(--core-text-disabled)"
-    }), [ gap, size, color, colorOn, colorHover ]);
-    return jsx("div", Object.assign({
-        id: divId,
-        style: Object.assign(Object.assign({}, divStyle), cssVars),
-        className: `${css_wrapper}${divClass}`
-    }, rest, {
-        children: bullets.map(bulletId => jsx("input", {
-            className: `${css_bullet} ${selected === bulletId ? css_selected : ""}`,
-            type: "button",
-            onClick: () => handleClick(bulletId),
-            onKeyDown: e => accessibleKeyDown(e, () => handleClick(bulletId)),
-            onTouchStart: () => handleClick(bulletId),
-            tabIndex: bulletId
-        }, `paging_bullet_${bulletId}`))
-    }));
-});
-
-export { Pager as P };

package/dist/esm/chunks/ProgressIndicator-BJGyKW4y.mjs

@@ -1,156 +0,0 @@
-'use client';
-import { jsx, jsxs } from "react/jsx-runtime";
-
-import React, { useState, useEffect, useMemo, useId, useRef } from "react";
-
-import { useTheme } from "../hooks/useTheme.mjs";
-
-import "../theme/colors.mjs";
-
-import "../theme/type.mjs";
-
-import { a as __rest } from "./tslib.es6-DiR-r3pp.mjs";
-
-import "./broadcastChannel-B2yT2lpA.mjs";
-
-import "./webRTCStore-BpDbSd4Q.mjs";
-
-import "./microphoneStore-lnK3t3JC.mjs";
-
-import "./volumeStore-CSItrUF2.mjs";
-
-import "../hooks/useWindow.mjs";
-
-import { I as Icon } from "./Icon-BZ634R5u.mjs";
-
-import { AnimatePresence, motion } from "motion/react";
-
-var 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 = 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] = useState(!play);
-    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 = useMemo(() => `scale ${duration}s var(--motion-spring) ${delay}s`, [ delay, duration ]), cssVars = useMemo(() => ({
-        "--icon-size": `${size}px`,
-        "--icon-scale": playing ? 1 : 0,
-        "--icon-transition": play ? transition : "unset"
-    }), [ size, playing, play, transition ]);
-    return jsx("div", {
-        className: css$1_wrapper,
-        role: "status",
-        "aria-live": "polite",
-        children: jsx("div", {
-            className: css$1_icon,
-            style: cssVars,
-            onTransitionEnd: () => null == didEnd ? void 0 : didEnd(),
-            onTransitionStart: () => null == didStart ? void 0 : didStart(),
-            children: jsx(Icon, {
-                name: "check circle",
-                size: size,
-                color: color,
-                stroke: stroke,
-                strokeColor: color
-            })
-        })
-    });
-});
-
-var css_container = "ProgressIndicator-module_container__pW2gW flexBox-module_column__ezvMq";
-
-function ProgressIndicator(props) {
-    const theme = 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 = __rest(props, [ "size", "inset", "secondsPerSpin", "show", "color", "stroke", "inline", "duration", "didStart", "didStop" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [playing, setPlaying] = useState(show), gradientId = useId().replace(/:/g, ""), timer = useRef(null);
-    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 = 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 = useMemo(() => OpenCircle(size, secondsPerSpin, color, stroke, playing, inset, gradientId), [ size, secondsPerSpin, color, stroke, playing, inset, gradientId ]);
-    return jsx(AnimatePresence, {
-        initial: !0,
-        children: show && jsx(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
-        }))
-    });
-}
-
-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 jsxs(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: [ jsx("title", {
-            children: "Loading"
-        }), jsx("defs", {
-            children: jsxs("linearGradient", {
-                id: gradientId,
-                x1: "0",
-                y1: "0",
-                x2: "20",
-                y2: "0",
-                gradientUnits: "userSpaceOnUse",
-                children: [ jsx("stop", {
-                    offset: "0%",
-                    stopColor: color,
-                    stopOpacity: 1
-                }), jsx("stop", {
-                    offset: "50%",
-                    stopColor: color,
-                    stopOpacity: 1
-                }), jsx("stop", {
-                    offset: "100%",
-                    stopColor: color,
-                    stopOpacity: 0
-                }) ]
-            })
-        }), jsx(motion.path, {
-            d: path,
-            fill: "transparent",
-            strokeWidth: stroke,
-            stroke: `url(#${gradientId})`
-        }) ]
-    });
-};
-
-export { DoneCheck as D, ProgressIndicator as P };

package/dist/esm/chunks/PromptInput-DAAohdde.mjs

@@ -1,175 +0,0 @@
-'use client';
-import { jsx, jsxs } from "react/jsx-runtime";
-
-import React, { useState, useRef, useCallback, useMemo, useEffect } from "react";
-
-import { useTheme } from "../hooks/useTheme.mjs";
-
-import "../theme/colors.mjs";
-
-import { corners } from "../theme/corners.mjs";
-
-import "../theme/type.mjs";
-
-import "./tslib.es6-DiR-r3pp.mjs";
-
-import { s as setStyle } from "./misc-CagHFpjD.mjs";
-
-import "./broadcastChannel-B2yT2lpA.mjs";
-
-import "./webRTCStore-BpDbSd4Q.mjs";
-
-import "./microphoneStore-lnK3t3JC.mjs";
-
-import "./volumeStore-CSItrUF2.mjs";
-
-import "../hooks/useWindow.mjs";
-
-import { B as Button } from "./Button-BtxNw6ia.mjs";
-
-import { F as FileList } from "./FileList-DxypG1gf.mjs";
-
-var 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 = 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} = useTheme(), [isFocused, setIsFocused] = useState(null != focused && focused), [textValue, setTextValue] = useState(value), textAreaRef = useRef(null), handleFocus = 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 = 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 = useCallback(() => {
-        handleBlur();
-    }, [ handleBlur ]), handleAttachmentsChange = 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 = useCallback(e => {
-        const newValue = e.target.value;
-        setTextValue(newValue), null == onChange || onChange(newValue, attachments);
-    }, [ onChange, attachments ]), handleSubmit = 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 = useCallback(() => {
-        null == onStop || onStop(), handleFocus();
-    }, [ onStop, handleFocus ]), handleKeyDown = useCallback(e => {
-        "Enter" === e.key && enterSubmits && (e.preventDefault(), handleSubmit());
-    }, [ handleSubmit, enterSubmits ]), handleClickSend = useCallback(e => {
-        e.preventDefault(), e.stopPropagation(), stopEnabled ? handleStop() : handleSubmit();
-    }, [ handleSubmit, handleStop, stopEnabled ]), handleClickAttach = useCallback(e => {
-        e.preventDefault(), e.stopPropagation();
-    }, []), handleClickButtonBar = useCallback(e => {
-        e.preventDefault(), handleFocus();
-    }, [ handleFocus ]), setBorderColor = 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 = useMemo(() => working && placeholderWorking ? placeholderWorking : placeholder, [ working, placeholder, placeholderWorking ]), setSendIconColor = useMemo(() => stopEnabled ? "var(--core-text-primary)" : "" !== textValue ? "var(--core-text-light)" : "var(--core-text-disabled)", [ textValue, stopEnabled ]), sendButtonState = useMemo(() => working && submitWorking || stopEnabled ? "normal" : "" === textValue ? "disabled" : "normal", [ textValue, stopEnabled, working, submitWorking ]), attachState = useMemo(() => attachmentsDisabled ? "disabled" : "normal", [ attachmentsDisabled ]);
-    useEffect(() => {
-        var _a, _b;
-        focused ? null === (_a = textAreaRef.current) || void 0 === _a || _a.focus() : null === (_b = textAreaRef.current) || void 0 === _b || _b.blur();
-    }, [ focused ]), useEffect(() => {
-        setTextValue(value);
-    }, [ value ]);
-    const innerBorderRadius = useMemo(() => "number" == typeof borderRadius ? `${Math.max(borderRadius - 1, 0)}px` : `calc(${setStyle(borderRadius)} - 1px)`, [ borderRadius ]), cssVars = useMemo(() => ({
-        "--prompt-width": setStyle(width),
-        "--prompt-min-width": setStyle(minWidth, "unset"),
-        "--prompt-max-width": 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": setStyle(borderRadius),
-        "--prompt-inner-border-radius": innerBorderRadius
-    }), [ working, borderAnimate, setBorderColor, borderWidth, borderRadius, innerBorderRadius, maxHeight, width, maxWidth, minWidth ]);
-    return jsx("div", {
-        className: css.wrapperBg,
-        ref: ref,
-        style: cssVars,
-        children: jsxs("div", {
-            className: css.textareaWrapper,
-            children: [ attachments.length > 0 && jsx("div", {
-                className: css.attachments,
-                children: jsx(FileList, {
-                    files: attachments,
-                    onChange: handleAttachmentsChange,
-                    backgroundColor: "var(--core-surface-primary)",
-                    textSize: "s",
-                    direction: "row",
-                    gap: 8,
-                    iconSize: 24
-                })
-            }), 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) && jsxs("div", {
-                className: css.buttonBar,
-                onMouseDown: handleClickButtonBar,
-                children: [ jsxs("div", {
-                    className: css.toolBar,
-                    style: {
-                        gap: toolbarGap
-                    },
-                    children: [ attachButton && jsx(Button, {
-                        round: !0,
-                        label: void 0,
-                        variant: "outline",
-                        iconLeft: "plus",
-                        iconSize: 20,
-                        state: attachState,
-                        onMouseDown: handleClickAttach
-                    }), children ]
-                }), sendButton && jsx(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);
-
-export { PromptInput as P };

package/dist/esm/chunks/RadioButton-Mubr8ARW.mjs

@@ -1,63 +0,0 @@
-'use client';
-import { a as __rest } from "./tslib.es6-DiR-r3pp.mjs";
-
-import { jsxs, jsx } from "react/jsx-runtime";
-
-import React, { useState, useEffect, useCallback, useMemo } from "react";
-
-import { s as setStyle } from "./misc-CagHFpjD.mjs";
-
-import { I as Icon } from "./Icon-BZ634R5u.mjs";
-
-var 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 = __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 = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [isSelected, setIsSelected] = useState(selected);
-    useEffect(() => setIsSelected(selected), [ selected ]);
-    const handleChange = useCallback(() => {
-        isSelected && !deselect || (setIsSelected(!isSelected), onChange({
-            fieldName: fieldName,
-            label: label,
-            value: value
-        }, !isSelected));
-    }, [ isSelected, deselect, onChange, fieldName, label, value ]), setAriaLabel = useMemo(() => label || (children && "string" == typeof children ? children : "Radio Button"), [ label, children ]), setIconColor = useMemo(() => iconColor || "var(--core-text-primary)", [ iconColor ]), iconName = useMemo(() => isSelected ? checkedIcon : icon, [ isSelected, checkedIcon, icon ]), setFlex = useMemo(() => list ? "unset" : wrap ? "40%" : "1", [ list, wrap ]), cssVars = 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": setStyle(gap)
-    }), [ setFlex, isSelected, wrap, noFrame, hideRadio, gap ]);
-    return 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 && jsx("div", {
-            className: css_radioIcon,
-            children: jsx(Icon, {
-                name: iconName,
-                strokeColor: setIconColor,
-                size: 20
-            })
-        }), jsx("div", {
-            className: css_radioContent,
-            children: jsx("div", {
-                className: css_radioTitle,
-                children: null != label ? label : children
-            })
-        }) ]
-    }));
-}
-
-RadioButtonComponent.displayName = "RadioButton";
-
-const RadioButton = React.memo(RadioButtonComponent);
-
-export { RadioButton as R };

package/dist/esm/chunks/RadioButtonList-Mw2IVegX.mjs

@@ -1,81 +0,0 @@
-'use client';
-import { a as __rest } from "./tslib.es6-DiR-r3pp.mjs";
-
-import { jsx, jsxs } from "react/jsx-runtime";
-
-import React, { useId, useState, useEffect, useCallback, useMemo } from "react";
-
-import { s as setStyle } from "./misc-CagHFpjD.mjs";
-
-import { R as RadioButton } from "./RadioButton-Mubr8ARW.mjs";
-
-var 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 = __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 = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", labelId = useId(), [selected, setSelected] = useState(selectedIndexes);
-    useEffect(() => setSelected(selectedIndexes), [ selectedIndexes ]), 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 = useCallback(index => !!selected && selected.includes(index), [ selected ]), doMultiSelection = 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 = useCallback((selection, state) => {
-        onChange(state ? [ options[selection] ] : [], state ? [ selection ] : []), setSelected(state ? [ selection ] : null);
-    }, [ options, onChange ]), handleChange = useCallback((selection, state) => {
-        multiSelect ? doMultiSelection(selection, state) : doSingleSelection(selection, state);
-    }, [ multiSelect, doMultiSelection, doSingleSelection ]), renderedOptions = useMemo(() => options.map((option, i) => jsx(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 = useMemo(() => "none" === spacer ? 0 : "custom" === spacer ? custom : 0, [ spacer, custom ]), cssVars = useMemo(() => ({
-        "--rb-list-flex-wrap": wrap ? "wrap" : "nowrap",
-        "--rb-list-margin-bottom": noFrame ? 0 : `${margin}px`,
-        "--rb-gap": `${gap}px`,
-        "--rb-list-width": setStyle(width)
-    }), [ wrap, margin, gap, noFrame, width ]);
-    return 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 && jsx("div", {
-            id: labelId,
-            children: label
-        }), renderedOptions ]
-    }));
-}
-
-RadioButtonListComponent.displayName = "RadioButtonList";
-
-const RadioButtonList = React.memo(RadioButtonListComponent);
-
-export { RadioButtonList as R };