@apple-pie/slice 0.0.5 → 0.0.7

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

@@ -1,121 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('./tslib.es6-4H29ixHs.js');
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('motion/react');
-var React = require('react');
-var hooks_useTheme = require('../hooks/useTheme.js');
-require('../theme/colors.js');
-require('../hooks/useWindow.js');
-var styleInject_es = require('./style-inject.es-XZHJH68X.js');
-
-const DoneCheck = React.memo((props) => {
-    const theme = hooks_useTheme.useTheme();
-    const { size = 88, stroke = 0.75, duration = 0.35, bounce = 0.7, delay = 0.5, color = theme.current.colors['feedback-positive'], didEnd = () => null, didStart = () => null, play = false } = props, svgAttributes = tslib_es6.__rest(props, ["size", "stroke", "duration", "bounce", "delay", "color", "didEnd", "didStart", "play"]);
-    const { id: svgId, className, style } = svgAttributes, rest = tslib_es6.__rest(svgAttributes, ["id", "className", "style"]);
-    const [check, animateCheck] = react.useAnimate();
-    const [isPresent, safeToRemove] = react.usePresence();
-    React.useEffect(() => {
-        const variants = { initial: { scale: 0.9 }, animate: { scale: 1 } };
-        const spring = {
-            type: 'spring',
-            time: duration,
-            bounce,
-            delay,
-        };
-        const instant = { ease: 'linear', duration: 0, delay: 0 };
-        if (isPresent && play) {
-            const enterAnimation = () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
-                didStart();
-                yield animateCheck(check.current, variants.initial, instant);
-                yield animateCheck(check.current, variants.animate, spring);
-                didEnd();
-            });
-            enterAnimation();
-        }
-        else if (isPresent && !play) {
-            const enterAnimation = () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
-                yield animateCheck(check.current, variants.animate, instant);
-            });
-            enterAnimation();
-        }
-        else if (!isPresent) {
-            const exitAnimation = () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
-                yield animateCheck(check.current, variants.initial, instant);
-                safeToRemove();
-            });
-            exitAnimation();
-        }
-    }, [
-        isPresent,
-        play,
-        animateCheck,
-        check,
-        didEnd,
-        didStart,
-        safeToRemove,
-        bounce,
-        delay,
-        duration,
-    ]);
-    const checkMark = () => {
-        return (jsxRuntime.jsxs("svg", Object.assign({ id: svgId, className: className, ref: check, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, scale: 0.9, viewBox: "0 0 20 20", fill: "none", style: style !== null && style !== void 0 ? style : {}, "aria-label": "Checkmark icon" }, rest, { children: [jsxRuntime.jsx("title", { children: "Checkmark" }), jsxRuntime.jsx("path", { d: "M 1 1 L 19 1 L 19 19 L 1 19 Z", fill: "transparent" }), jsxRuntime.jsx("path", { d: "M 10 2 C 14.418 2 18 5.582 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 Z", fill: "transparent", strokeWidth: stroke, stroke: color }), jsxRuntime.jsx("path", { d: "M 6.5 9.5 L 9 12 L 13.5 7.5", fill: "transparent", strokeWidth: stroke, stroke: color })] })));
-    };
-    return checkMark();
-});
-
-var css_248z = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}\n\n.ProgressIndicator-module_container__CZDPk {\n\tposition: var(--pi-position);\n\ttop: var(--pi-inset);\n\tbottom: var(--pi-inset);\n\tleft: var(--pi-inset);\n\tright: var(--pi-inset);\n\tcolor: var(--core-text-disabled);\n\tz-index: var(--elevation-status);\n}\n\n.ProgressIndicator-module_iconWrapper__jPIBx {\n\tmin-width: var(--pi-icon-size);\n\tmax-width: var(--pi-icon-size);\n\tmax-height: var(--pi-icon-size);\n\tmin-height: var(--pi-icon-size);\n\theight: var(--pi-icon-size);\n\twidth: var(--pi-icon-size);\n\tpadding: 0;\n\tbackground: none;\n\tborder-radius: 100%;\n}\n";
-var css = {"container":"ProgressIndicator-module_container__CZDPk flexBox-module_column__MP2Xd"};
-styleInject_es.styleInject(css_248z);
-
-function ProgressIndicator(props) {
-    const theme = hooks_useTheme.useTheme();
-    const { size = 20, secondsPerSpin = 1, show = false, color = theme.current.colors['core-icon-primary'], stroke = 1.5, inline = false, duration = undefined, didStart = () => null, didStop = () => null } = props, divAttributes = tslib_es6.__rest(props, ["size", "secondsPerSpin", "show", "color", "stroke", "inline", "duration", "didStart", "didStop"]);
-    const { id: divId, className, style } = divAttributes, rest = tslib_es6.__rest(divAttributes, ["id", "className", "style"]);
-    const divStyle = style !== null && style !== void 0 ? style : {};
-    const divClass = className ? ` ${className}` : '';
-    const [playing, setPlaying] = React.useState(show);
-    const timer = React.useRef(null);
-    React.useEffect(() => {
-        if (show) {
-            setPlaying(true);
-            didStart();
-            if (duration) {
-                timer.current = setTimeout(() => {
-                    setPlaying(false);
-                    didStop();
-                }, duration * 1000);
-            }
-        }
-        else {
-            setPlaying(false);
-            didStop();
-        }
-        return () => {
-            if (timer === null || timer === void 0 ? void 0 : timer.current)
-                clearTimeout(timer.current);
-        };
-    }, [show, didStart, didStop, duration]);
-    const cssVars = React.useMemo(() => {
-        return {
-            '--pi-position': inline ? 'relative' : 'absolute',
-            '--pi-inset': inline ? 'unset' : '0',
-            '--pi-icon-size': `${size !== null && size !== void 0 ? size : 0}px`,
-        };
-    }, [inline, size]);
-    const openCircle = React.useMemo(() => {
-        return OpenCircle(size, secondsPerSpin, color, stroke, playing);
-    }, [size, secondsPerSpin, color, stroke, playing]);
-    return (jsxRuntime.jsx(react.AnimatePresence, { initial: true, 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 }))) }));
-}
-const OpenCircle = (size, secondsPerSpin, color, stroke = 1.5, playing = false) => {
-    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: "strokeFill", x1: "0%", y1: "0%", x2: "100%", y2: "0%", 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: "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", fill: "transparent", strokeWidth: stroke, stroke: 'url(#strokeFill)' })] }));
-};
-
-exports.DoneCheck = DoneCheck;
-exports.ProgressIndicator = ProgressIndicator;

package/dist/cjs/chunks/PromptInput-DmO8a3oX.js

@@ -1,212 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var hooks_useTheme = require('../hooks/useTheme.js');
-require('../theme/colors.js');
-require('../hooks/useWindow.js');
-var Button = require('./Button-BNXqiA13.js');
-var FileList = require('./FileList-DWIm4o46.js');
-var styleInject_es = require('./style-inject.es-XZHJH68X.js');
-
-var css_248z = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__zDf-z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__R5GpK {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__SI-hC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__PUi44 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__1B6fk {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.PromptInput-module_wrapperBg__9QWdq {\n\tposition: relative;\n\t--border-angle: 0turn;\n\t--conic-gradient-dark: conic-gradient(\n\t\tfrom var(--border-angle),\n\t\tvar(--core-text-special) 0deg,\n\t\tvar(--core-text-special) 45deg,\n\t\tvar(--core-text-special) 90deg,\n\t\tvar(--array-magenta-label) 135deg,\n\t\tvar(--array-magenta-label) 180deg,\n\t\tvar(--array-magenta-label) 225deg,\n\t\tvar(--array-land) 270deg,\n\t\tvar(--array-land) 315deg,\n\t\tvar(--array-land) 360deg\n\t);\n\t--conic-gradient-light: conic-gradient(\n\t\tfrom var(--border-angle),\n\t\tvar(--core-text-special) 0deg,\n\t\tvar(--core-text-special) 45deg,\n\t\tvar(--core-text-special) 90deg,\n\t\tvar(--array-magenta-label) 135deg,\n\t\tvar(--array-magenta-label) 180deg,\n\t\tvar(--array-magenta-label) 225deg,\n\t\tvar(--array-land-label) 270deg,\n\t\tvar(--array-land-label) 315deg,\n\t\tvar(--array-land-label) 360deg\n\t);\n\tz-index: 0;\n\theight: auto;\n\tmax-height: var(--prompt-max-height);\n\twidth: 100%;\n\tborder-radius: var(--prompt-border-radius);\n\toverflow: hidden;\n\tpadding: var(--prompt-border-width) !important;\n\tbackground: var(--prompt-border-color);\n\tanimation: PromptInput-module_bgRotate__xvvtD 3s linear infinite;\n\tanimation-play-state: var(--prompt-state);\n\ttransition: background 0.25s ease-in-out 0s;\n}\n\n@property --border-angle {\n\tsyntax: \"<angle>\";\n\tinherits: false;\n\tinitial-value: 0turn;\n}\n\n@keyframes PromptInput-module_bgRotate__xvvtD {\n\t100% {\n\t\t--border-angle: 1turn;\n\t}\n}\n\n.PromptInput-module_textareaWrapper__4hWyM {\n\talign-items: flex-start;\n\twidth: 100%;\n\theight: min-content;\n\tmax-height: 400px;\n\toverflow: hidden;\n\toverflow-y: auto;\n\tborder-radius: var(--prompt-inner-border-radius);\n\tbackground: var(--core-surface-secondary);\n}\n\n.PromptInput-module_attachments__R0egZ {\n\tpadding: 16px 16px 0 16px !important;\n\twidth: 100%;\n}\n\n.PromptInput-module_clear__tjFZ- {\n\tpadding: 12px 8px 0 0 !important;\n\tdisplay: var(--prompt-clear) !important;\n}\n\n.PromptInput-module_buttonBar__9Ol9O {\n\tpadding: 8px 16px 16px 16px !important;\n\twidth: 100%;\n\tcursor: text;\n}\n\n.PromptInput-module_toolBar__CmIf- {\n\tflex: 1;\n\tgap: 8px;\n}\n\n.PromptInput-module_textarea__ZuzrC {\n\tpadding: 16px !important;\n\tbox-sizing: border-box;\n\tfield-sizing: content;\n\twidth: 100%;\n\tresize: none;\n\tborder: 0;\n\toutline: none;\n\tcolor: var(--core-text-primary);\n\tbackground: transparent;\n\tborder-radius: var(--prompt-border-radius);\n\t&::placeholder {\n\t\tcolor: var(--core-text-disabled);\n\t}\n}\n\n.PromptInput-module_s__Z684A {\n}\n\n.PromptInput-module_m__NxLh6 {\n}\n\n.PromptInput-module_l__BaGnx {\n}\n";
-var css = {"wrapperBg":"PromptInput-module_wrapperBg__9QWdq flexBox-module_columnStart__Kg8cV","bgRotate":"PromptInput-module_bgRotate__xvvtD","textareaWrapper":"PromptInput-module_textareaWrapper__4hWyM flexBox-module_columnStart__Kg8cV","attachments":"PromptInput-module_attachments__R0egZ flexBox-module_rowStart__nJZnW","clear":"PromptInput-module_clear__tjFZ- flexBox-module_row__PWxbe","buttonBar":"PromptInput-module_buttonBar__9Ol9O flexBox-module_rowBetween__27lKK","toolBar":"PromptInput-module_toolBar__CmIf- flexBox-module_rowStart__nJZnW","textarea":"PromptInput-module_textarea__ZuzrC","s":"PromptInput-module_s__Z684A type-module_body-s-regular__8-FO-","m":"PromptInput-module_m__NxLh6 type-module_body-m-regular__Qtp5G","l":"PromptInput-module_l__BaGnx type-module_body-l-regular__Ar4d3"};
-styleInject_es.styleInject(css_248z);
-
-const PromptInputBase = React.forwardRef((props, ref) => {
-    const { children, attachments = [], value = '', working = false, maxHeight, borderStyle = 'gradient', borderColor, borderColorOn, borderAnimate = true, borderWidth = 1, borderRadius = 8, focused = false, placeholder = 'Ask me anything ...', placeholderWorking = 'Working ...', submitClears = true, submitEnablesStop = true, enterSubmits = true, attachButton = true, sendButton = true, stopEnabled = false, textSize = 'm', maxLength, toolbarGap = 8, onChange, onBlur, onFocus, onSubmit, onStop, onAttachmentsChange, } = props;
-    const { isDark } = hooks_useTheme.useTheme();
-    const [isFocused, setIsFocused] = React.useState(focused !== null && focused !== void 0 ? focused : false);
-    const [isWorking, setIsWorking] = React.useState(working !== null && working !== void 0 ? working : false);
-    const [isStopEnabled, setIsStopEnabled] = React.useState(stopEnabled);
-    const [textValue, setTextValue] = React.useState(value);
-    const textAreaRef = React.useRef(null);
-    // process focus callback
-    const handleFocus = React.useCallback(() => {
-        var _a, _b;
-        setIsFocused(true);
-        (_a = textAreaRef === null || textAreaRef === void 0 ? void 0 : textAreaRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        onFocus === null || onFocus === void 0 ? void 0 : onFocus((_b = textAreaRef.current) === null || _b === void 0 ? void 0 : _b.value, attachments);
-    }, [onFocus, attachments]);
-    // process blur callback
-    const handleBlur = React.useCallback(() => {
-        var _a, _b;
-        setIsFocused(false);
-        (_a = textAreaRef.current) === null || _a === void 0 ? void 0 : _a.blur();
-        onBlur === null || onBlur === void 0 ? void 0 : onBlur((_b = textAreaRef.current) === null || _b === void 0 ? void 0 : _b.value, attachments);
-    }, [onBlur, attachments]);
-    // handle attachments change
-    const handleAttachmentsChange = React.useCallback((newFiles) => {
-        var _a;
-        onAttachmentsChange === null || onAttachmentsChange === void 0 ? void 0 : onAttachmentsChange(newFiles);
-        onChange === null || onChange === void 0 ? void 0 : onChange((_a = textAreaRef.current) === null || _a === void 0 ? void 0 : _a.value, newFiles);
-    }, [onAttachmentsChange, onChange]);
-    // callback to handle text change
-    const handleChange = React.useCallback((e) => {
-        const newValue = e.target.value;
-        setTextValue(newValue);
-        onChange === null || onChange === void 0 ? void 0 : onChange(newValue, attachments);
-    }, [onChange, attachments]);
-    // handle submit contents
-    const handleSubmit = React.useCallback(() => {
-        var _a;
-        if (isWorking || isStopEnabled)
-            return;
-        const currentValue = (_a = textAreaRef.current) === null || _a === void 0 ? void 0 : _a.value;
-        if (currentValue) {
-            onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(currentValue, attachments);
-            setIsWorking(true);
-            if (submitClears)
-                setTextValue('');
-            if (submitEnablesStop)
-                setIsStopEnabled(true);
-            handleBlur();
-        }
-    }, [
-        submitClears,
-        onSubmit,
-        handleBlur,
-        submitEnablesStop,
-        isWorking,
-        isStopEnabled,
-        attachments,
-    ]);
-    // handle stop working
-    const handleStop = React.useCallback(() => {
-        setIsWorking(false);
-        setIsStopEnabled(false);
-        onStop === null || onStop === void 0 ? void 0 : onStop();
-        handleFocus();
-    }, [onStop, handleFocus]);
-    // callback to handle keydown
-    const handleKeyDown = React.useCallback((e) => {
-        if (e.key === 'Enter' && enterSubmits) {
-            e.preventDefault();
-            if (isWorking)
-                return;
-            handleSubmit();
-        }
-    }, [handleSubmit, isWorking, enterSubmits]);
-    // callback to handle send button click
-    const handleClickSend = React.useCallback((e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        if (isWorking && !isStopEnabled)
-            return;
-        isStopEnabled ? handleStop() : handleSubmit();
-    }, [handleSubmit, handleStop, isStopEnabled, isWorking]);
-    // callback to handle submit click
-    const handleClickAttach = React.useCallback((e) => {
-        e.preventDefault();
-        e.stopPropagation();
-    }, []);
-    // focus the text area when clicking on the button bar
-    const handleClickButtonBar = React.useCallback((e) => {
-        e.preventDefault();
-        if (isWorking)
-            return;
-        handleFocus();
-    }, [handleFocus, isWorking]);
-    // border color - gradient or solid color or none
-    const setBorderColor = React.useMemo(() => {
-        if (borderStyle === 'gradient') {
-            const radial = isDark
-                ? 'var(--conic-gradient-dark)'
-                : 'var(--conic-gradient-light)';
-            if (isWorking && borderAnimate)
-                return radial;
-            if (isFocused)
-                return borderColorOn !== null && borderColorOn !== void 0 ? borderColorOn : radial;
-            return borderColor !== null && borderColor !== void 0 ? borderColor : radial;
-        }
-        if (borderStyle === 'solid') {
-            if (isWorking)
-                return borderColorOn !== null && borderColorOn !== void 0 ? borderColorOn : 'var(--core-outline-special)';
-            if (isFocused)
-                return borderColorOn !== null && borderColorOn !== void 0 ? borderColorOn : 'var(--core-outline-special)';
-            return borderColor !== null && borderColor !== void 0 ? borderColor : 'transparent';
-        }
-        return 'transparent';
-    }, [
-        borderStyle,
-        isFocused,
-        borderColorOn,
-        borderColor,
-        isWorking,
-        borderAnimate,
-        isDark,
-    ]);
-    // placeholder text
-    const setPlaceholder = React.useMemo(() => {
-        if (isWorking && placeholderWorking)
-            return placeholderWorking;
-        return placeholder;
-    }, [isWorking, placeholder, placeholderWorking]);
-    // set send button icon color
-    const setSendIconColor = React.useMemo(() => {
-        if (isStopEnabled || isWorking)
-            return 'var(--core-text-primary)';
-        if (textValue !== '')
-            return 'var(--core-text-light)';
-        return 'var(--core-text-disabled)';
-    }, [textValue, isWorking, isStopEnabled]);
-    // set the state of the "send" button
-    const sendButtonState = React.useMemo(() => {
-        if (isStopEnabled)
-            return 'normal';
-        return textValue === '' && !isWorking ? 'disabled' : 'normal';
-    }, [textValue, isStopEnabled, isWorking]);
-    // set attach icon color
-    const attachState = React.useMemo(() => {
-        if (!isWorking)
-            return 'normal';
-        return 'disabled';
-    }, [isWorking]);
-    // update focused state
-    React.useEffect(() => {
-        var _a, _b;
-        if (focused)
-            (_a = textAreaRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        else
-            (_b = textAreaRef.current) === null || _b === void 0 ? void 0 : _b.blur();
-    }, [focused]);
-    // update text value based on prop change
-    React.useEffect(() => {
-        var _a;
-        const currentValue = (_a = textAreaRef.current) === null || _a === void 0 ? void 0 : _a.value;
-        if (currentValue !== value)
-            setTextValue(value);
-    }, [value]);
-    // update working state
-    React.useEffect(() => {
-        if (working !== undefined)
-            setIsWorking(working);
-    }, [working]);
-    // update stop enabled
-    React.useEffect(() => setIsStopEnabled(stopEnabled), [stopEnabled]);
-    // memo dynamic css vars
-    const cssVars = React.useMemo(() => {
-        return {
-            '--prompt-border-color': setBorderColor,
-            '--prompt-max-height': maxHeight ? `${maxHeight}px` : 'unset',
-            '--prompt-border-width': borderWidth ? `${borderWidth}px` : '0',
-            '--prompt-state': isWorking && borderAnimate ? 'running' : 'paused',
-            '--prompt-border-radius': borderRadius ? `${borderRadius}px` : '8px',
-            '--prompt-inner-border-radius': borderRadius
-                ? `${borderRadius - 1}px`
-                : '7px',
-        };
-    }, [
-        isWorking,
-        borderAnimate,
-        setBorderColor,
-        borderWidth,
-        borderRadius,
-        maxHeight,
-    ]);
-    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, bgColor: 'var(--core-surface-primary)', size: 's', direction: 'row', gap: 8, iconSize: 24 }) })), jsxRuntime.jsx("textarea", { id: 'promptInput', name: 'promptInput', className: `${css.textarea} ${css[textSize]}`, ref: textAreaRef, value: textValue !== null && textValue !== void 0 ? textValue : '', onChange: handleChange, placeholder: setPlaceholder, onFocus: handleFocus, onBlur: handleBlur, 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: true, label: undefined, variant: 'outline', iconLeft: 'plus', iconSize: 20, state: attachState, onMouseDown: handleClickAttach })), children] }), sendButton && (jsxRuntime.jsx(Button.Button, { round: true, label: undefined, variant: isStopEnabled ? 'outline' : 'solid', iconLeft: isStopEnabled ? 'stop' : 'arrow up', iconSize: isStopEnabled ? 16 : 20, state: sendButtonState, bgColorDisabled: 'var(--core-outline-primary)', progress: !isStopEnabled, working: !isStopEnabled && isWorking, onMouseDown: handleClickSend, iconColor: setSendIconColor }))] }))] }) }));
-});
-PromptInputBase.displayName = 'PromptInput';
-const PromptInput = React.memo(PromptInputBase);
-
-exports.PromptInput = PromptInput;

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

@@ -1,65 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('./tslib.es6-4H29ixHs.js');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var hooks_useTheme = require('../hooks/useTheme.js');
-require('../theme/colors.js');
-require('../hooks/useWindow.js');
-var IconButton = require('./IconButton-9QZ4eKBZ.js');
-var styleInject_es = require('./style-inject.es-XZHJH68X.js');
-
-var css_248z = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__zDf-z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__R5GpK {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__SI-hC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__PUi44 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__1B6fk {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.RadioButton-module_wrapper__ezvz- {\n\tpadding: var(--rb-padding) !important;\n\tmax-width: var(--rb-max-width);\n\tflex: var(--rb-flex);\n\tborder: 1px solid var(--core-outline-primary);\n\tbackground: var(--rb-bg);\n\tgap: 8px;\n\tborder-radius: 8px;\n\tcursor: pointer;\n\ttransition: all 0.25s ease-in-out 0s;\n\tuser-select: none;\n\t-webkit-user-select: none;\n}\n\n.RadioButton-module_radioIcon__6ddS9 {\n\twidth: 20px;\n\theight: 20px;\n\tmax-width: 20px;\n\tmax-height: 20px;\n\tmin-height: 20px;\n\tmin-width: 20px;\n}\n\n.RadioButton-module_radioTitle__R1R2D {\n\tcolor: var(--core-text-primary);\n\twhite-space: nowrap;\n\tflex: 1;\n}\n\n.RadioButton-module_radioSummary__-RRdT {\n\tcolor: var(--core-text-primary);\n\tflex: 1;\n}\n\n.RadioButton-module_radioContent__Fq-Ry {\n\twidth: 100%;\n}\n";
-var css = {"wrapper":"RadioButton-module_wrapper__ezvz- flexBox-module_row__PWxbe","radioIcon":"RadioButton-module_radioIcon__6ddS9 flexBox-module_column__MP2Xd","radioTitle":"RadioButton-module_radioTitle__R1R2D flexBox-module_rowStart__nJZnW type-module_body-m-regular__Qtp5G","radioSummary":"RadioButton-module_radioSummary__-RRdT flexBox-module_rowStart__nJZnW type-module_body-s-regular__8-FO-","radioContent":"RadioButton-module_radioContent__Fq-Ry flexBox-module_columnStart__Kg8cV"};
-styleInject_es.styleInject(css_248z);
-
-const RadioButton = React.memo((props) => {
-    const theme = hooks_useTheme.useTheme();
-    const { option, selected = false, deselect = true, tabIndex = 1, wrap = false, list = false, hideRadio = false, toggleIcon = true, noFrame = false, iconColor, onChange = () => null } = props, divAttributes = tslib_es6.__rest(props, ["option", "selected", "deselect", "tabIndex", "wrap", "list", "hideRadio", "toggleIcon", "noFrame", "iconColor", "onChange"]);
-    const { id: divId, className, style } = divAttributes, rest = tslib_es6.__rest(divAttributes, ["id", "className", "style"]);
-    const divStyle = style !== null && style !== void 0 ? style : {};
-    const divClass = className ? ` ${className}` : '';
-    const [isSelected, setIsSelected] = React.useState(selected);
-    React.useEffect(() => setIsSelected(selected), [selected]);
-    const handleChange = React.useCallback(() => {
-        if (isSelected && !deselect)
-            return;
-        setIsSelected(!isSelected);
-        onChange(option, !isSelected);
-    }, [isSelected, deselect, onChange, option]);
-    const handleKeyDown = React.useCallback((e) => {
-        if (e.code === 'Space') {
-            e.preventDefault();
-            e.stopPropagation();
-            handleChange();
-        }
-    }, [handleChange]);
-    // memo icon color
-    const setIconColor = React.useMemo(() => {
-        if (iconColor)
-            return iconColor;
-        return toggleIcon && isSelected
-            ? theme.current.colors['core-button-primary']
-            : theme.current.colors['core-icon-primary'];
-    }, [iconColor, toggleIcon, isSelected, theme]);
-    // memo icon name
-    const iconName = React.useMemo(() => (toggleIcon && isSelected ? 'checked' : 'unchecked'), [toggleIcon, isSelected]);
-    // memo flex
-    const setFlex = React.useMemo(() => {
-        if (list)
-            return 'unset';
-        return wrap ? '40%' : '1';
-    }, [list, wrap]);
-    // memo css vars
-    const cssVars = React.useMemo(() => {
-        return {
-            '--rb-max-width': wrap ? '50%' : '100%',
-            '--rb-flex': setFlex,
-            '--rb-padding': noFrame ? '0' : '8px 16px 8px 10px',
-            '--rb-bg': isSelected ? 'var(--core-surface-secondary)' : 'transparent',
-        };
-    }, [setFlex, isSelected, wrap, noFrame]);
-    return (jsxRuntime.jsxs("div", Object.assign({ id: divId, className: `${css.wrapper}${divClass}`, style: Object.assign(Object.assign({}, divStyle), cssVars), onClick: handleChange, onKeyDown: handleKeyDown, tabIndex: tabIndex, "aria-label": option.title, "aria-selected": isSelected }, rest, { children: [option.icon && !hideRadio && (jsxRuntime.jsx("div", { className: css.radioIcon, children: jsxRuntime.jsx(IconButton.IconButton, { toggle: false, icon: iconName, color: setIconColor, frameSize: 20, iconSize: 20 }) })), jsxRuntime.jsxs("div", { className: css.radioContent, children: [jsxRuntime.jsx("div", { className: css.radioTitle, children: option.title }), option.description && option.description !== '' && (jsxRuntime.jsx("div", { className: css.radioSummary, children: option.description }))] })] })));
-});
-
-exports.RadioButton = RadioButton;

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

@@ -1,116 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('./tslib.es6-4H29ixHs.js');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var RadioButton = require('./RadioButton-DA9YUGEF.js');
-var styleInject_es = require('./style-inject.es-XZHJH68X.js');
-
-var css_248z = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}\n\n.RadioButtonList-module_wrapper__UMlAV {\n\talign-items: flex-start;\n\twidth: 100%;\n\tflex-wrap: var(--rb-list-flex-wrap);\n\tmargin-bottom: var(--rb-list-margin-bottom);\n\tgap: var(--rb-gap);\n}\n\n.RadioButtonList-module_column__E9MfY {\n}\n\n.RadioButtonList-module_row__l88Vt {\n}\n";
-var css = {"wrapper":"RadioButtonList-module_wrapper__UMlAV","column":"RadioButtonList-module_column__E9MfY flexBox-module_columnStart__Kg8cV","row":"RadioButtonList-module_row__l88Vt flexBox-module_rowStart__nJZnW"};
-styleInject_es.styleInject(css_248z);
-
-const RadioButtonList = React.memo((props) => {
-    const { options = [], selectedIndexes = null, selectedOptions = null, label = null, deselect = false, multiSelect = false, wrap = false, tabIndexSeed = 0, spacer = 'none', custom = 0, gap = 16, hideRadio = false, noFrame = false, toggleIcon = true, iconColor = undefined, iconSelectedColor = undefined, onChange = () => null } = props, divAttributes = tslib_es6.__rest(props, ["options", "selectedIndexes", "selectedOptions", "label", "deselect", "multiSelect", "wrap", "tabIndexSeed", "spacer", "custom", "gap", "hideRadio", "noFrame", "toggleIcon", "iconColor", "iconSelectedColor", "onChange"]);
-    const { id: divId, className, style } = divAttributes, rest = tslib_es6.__rest(divAttributes, ["id", "className", "style"]);
-    const divStyle = style !== null && style !== void 0 ? style : {};
-    const divClass = className ? ` ${className}` : '';
-    // internal array of selected indexes
-    const [selected, setSelected] = React.useState(selectedIndexes);
-    // update indexes selected based on prop
-    React.useEffect(() => setSelected(selectedIndexes), [selectedIndexes]);
-    // update indexes selected if setting selections via field name / values
-    React.useEffect(() => {
-        if (!selectedOptions || !options)
-            return;
-        const selections = [];
-        for (const item of selectedOptions) {
-            for (let i = 0; i < options.length; i++) {
-                const option = options[i];
-                if (option.fieldName === item)
-                    selections.push(i);
-            }
-        }
-        setSelected(selections);
-    }, [selectedOptions, options]);
-    // returns if a specific option index is selected
-    const isSelected = React.useCallback((index) => {
-        if (!selected)
-            return false;
-        return selected.includes(index);
-    }, [selected]);
-    const doMultiSelection = React.useCallback((selection, state) => {
-        // **** update the selected indexes
-        let indexesSelected = selected ? [...selected] : [];
-        // if deselecting and there are selections
-        if (!state && selected) {
-            const removeAt = indexesSelected.indexOf(selection);
-            indexesSelected.splice(removeAt, 1);
-        }
-        else if (state) {
-            indexesSelected = selected ? [...selected] : [];
-            const exists = indexesSelected.includes(selection);
-            if (!exists)
-                indexesSelected.push(selection);
-        }
-        // **** create an array of selected options
-        let updatedSelections = [];
-        for (const index of indexesSelected || []) {
-            if (updatedSelections)
-                updatedSelections.push(options[index]);
-        }
-        if (updatedSelections.length < 1)
-            updatedSelections = null;
-        setSelected(indexesSelected || null);
-        onChange(updatedSelections, indexesSelected || null);
-    }, [selected, options, onChange]);
-    const doSingleSelection = React.useCallback((selection, state) => {
-        onChange(state ? [options[selection]] : [], state ? [selection] : []);
-        setSelected(state ? [selection] : null);
-    }, [options, onChange]);
-    const handleChange = React.useCallback((selection, state) => {
-        // it not multiselect just pass the current selection
-        if (multiSelect) {
-            doMultiSelection(selection, state);
-        }
-        else {
-            doSingleSelection(selection, state);
-        }
-    }, [multiSelect, doMultiSelection, doSingleSelection]);
-    const renderedOptions = React.useMemo(() => {
-        return options.map((option, i) => {
-            return (jsxRuntime.jsx(RadioButton.RadioButton, { option: option, selected: isSelected(i), deselect: deselect, wrap: wrap, noFrame: noFrame, hideRadio: hideRadio, onChange: (_option, state) => handleChange(i, state), tabIndex: i + 1 + 100 * tabIndexSeed, toggleIcon: toggleIcon, iconColor: isSelected(i) ? iconSelectedColor : iconColor }, `${option.fieldName}_${i}`));
-        });
-    }, [
-        options,
-        isSelected,
-        deselect,
-        wrap,
-        noFrame,
-        hideRadio,
-        handleChange,
-        tabIndexSeed,
-        toggleIcon,
-        iconColor,
-        iconSelectedColor,
-    ]);
-    // memo margin
-    const margin = React.useMemo(() => {
-        if (spacer === 'none')
-            return 0;
-        if (spacer === 'custom')
-            return custom;
-        return 0;
-    }, [spacer, custom]);
-    // memo css vars
-    const cssVars = React.useMemo(() => {
-        return {
-            '--rb-list-flex-wrap': wrap ? 'wrap' : 'nowrap',
-            '--rb-list-margin-bottom': noFrame ? 0 : `${margin}px`,
-            '--rb-gap': `${gap}px`,
-        };
-    }, [wrap, margin, gap, noFrame]);
-    return (jsxRuntime.jsxs("div", Object.assign({ id: divId, className: `${css.wrapper} ${noFrame ? css.column : css.row}${divClass}`, style: Object.assign(Object.assign({}, divStyle), cssVars) }, rest, { children: [label, renderedOptions] })));
-});
-
-exports.RadioButtonList = RadioButtonList;