@apple-pie/slice 0.0.6 → 0.0.8

package/dist/esm/chunks/PromptInput-DodTBG82.js

@@ -1,210 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import React, { useState, useRef, useCallback, useMemo, useEffect } from 'react';
-import { useTheme } from '../hooks/useTheme.js';
-import '../theme/colors.js';
-import '../hooks/useWindow.js';
-import { B as Button } from './Button-BUJkJqdO.js';
-import { F as FileList } from './FileList-CdUgbpYF.js';
-import { s as styleInject } from './style-inject.es-tgCJW-Cu.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(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 } = useTheme();
-    const [isFocused, setIsFocused] = useState(focused !== null && focused !== void 0 ? focused : false);
-    const [isWorking, setIsWorking] = useState(working !== null && working !== void 0 ? working : false);
-    const [isStopEnabled, setIsStopEnabled] = useState(stopEnabled);
-    const [textValue, setTextValue] = useState(value);
-    const textAreaRef = useRef(null);
-    // process focus callback
-    const handleFocus = 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 = 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 = 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 = 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 = 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 = useCallback(() => {
-        setIsWorking(false);
-        setIsStopEnabled(false);
-        onStop === null || onStop === void 0 ? void 0 : onStop();
-        handleFocus();
-    }, [onStop, handleFocus]);
-    // callback to handle keydown
-    const handleKeyDown = useCallback((e) => {
-        if (e.key === 'Enter' && enterSubmits) {
-            e.preventDefault();
-            if (isWorking)
-                return;
-            handleSubmit();
-        }
-    }, [handleSubmit, isWorking, enterSubmits]);
-    // callback to handle send button click
-    const handleClickSend = useCallback((e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        if (isWorking && !isStopEnabled)
-            return;
-        isStopEnabled ? handleStop() : handleSubmit();
-    }, [handleSubmit, handleStop, isStopEnabled, isWorking]);
-    // callback to handle submit click
-    const handleClickAttach = useCallback((e) => {
-        e.preventDefault();
-        e.stopPropagation();
-    }, []);
-    // focus the text area when clicking on the button bar
-    const handleClickButtonBar = useCallback((e) => {
-        e.preventDefault();
-        if (isWorking)
-            return;
-        handleFocus();
-    }, [handleFocus, isWorking]);
-    // border color - gradient or solid color or none
-    const setBorderColor = 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 = useMemo(() => {
-        if (isWorking && placeholderWorking)
-            return placeholderWorking;
-        return placeholder;
-    }, [isWorking, placeholder, placeholderWorking]);
-    // set send button icon color
-    const setSendIconColor = 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 = useMemo(() => {
-        if (isStopEnabled)
-            return 'normal';
-        return textValue === '' && !isWorking ? 'disabled' : 'normal';
-    }, [textValue, isStopEnabled, isWorking]);
-    // set attach icon color
-    const attachState = useMemo(() => {
-        if (!isWorking)
-            return 'normal';
-        return 'disabled';
-    }, [isWorking]);
-    // update focused state
-    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
-    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
-    useEffect(() => {
-        if (working !== undefined)
-            setIsWorking(working);
-    }, [working]);
-    // update stop enabled
-    useEffect(() => setIsStopEnabled(stopEnabled), [stopEnabled]);
-    // memo dynamic css vars
-    const cssVars = 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 (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, bgColor: 'var(--core-surface-primary)', size: 's', direction: 'row', gap: 8, iconSize: 24 }) })), 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) && (jsxs("div", { className: css.buttonBar, onMouseDown: handleClickButtonBar, children: [jsxs("div", { className: css.toolBar, style: { gap: toolbarGap }, children: [attachButton && (jsx(Button, { round: true, label: undefined, variant: 'outline', iconLeft: 'plus', iconSize: 20, state: attachState, onMouseDown: handleClickAttach })), children] }), sendButton && (jsx(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);
-
-export { PromptInput as P };

package/dist/esm/chunks/RadioButton-D8otD_Jj.js

@@ -1,63 +0,0 @@
-import { _ as __rest } from './tslib.es6-0pkUdtrF.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import React, { useState, useEffect, useCallback, useMemo } from 'react';
-import { useTheme } from '../hooks/useTheme.js';
-import '../theme/colors.js';
-import '../hooks/useWindow.js';
-import { I as IconButton } from './IconButton-3m9ugITV.js';
-import { s as styleInject } from './style-inject.es-tgCJW-Cu.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(css_248z);
-
-const RadioButton = React.memo((props) => {
-    const theme = useTheme();
-    const { option, selected = false, deselect = true, tabIndex = 1, wrap = false, list = false, hideRadio = false, toggleIcon = true, noFrame = false, iconColor, onChange = () => null } = props, divAttributes = __rest(props, ["option", "selected", "deselect", "tabIndex", "wrap", "list", "hideRadio", "toggleIcon", "noFrame", "iconColor", "onChange"]);
-    const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
-    const divStyle = style !== null && style !== void 0 ? style : {};
-    const divClass = className ? ` ${className}` : '';
-    const [isSelected, setIsSelected] = useState(selected);
-    useEffect(() => setIsSelected(selected), [selected]);
-    const handleChange = useCallback(() => {
-        if (isSelected && !deselect)
-            return;
-        setIsSelected(!isSelected);
-        onChange(option, !isSelected);
-    }, [isSelected, deselect, onChange, option]);
-    const handleKeyDown = useCallback((e) => {
-        if (e.code === 'Space') {
-            e.preventDefault();
-            e.stopPropagation();
-            handleChange();
-        }
-    }, [handleChange]);
-    // memo icon color
-    const setIconColor = 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 = useMemo(() => (toggleIcon && isSelected ? 'checked' : 'unchecked'), [toggleIcon, isSelected]);
-    // memo flex
-    const setFlex = useMemo(() => {
-        if (list)
-            return 'unset';
-        return wrap ? '40%' : '1';
-    }, [list, wrap]);
-    // memo css vars
-    const cssVars = 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 (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 && (jsx("div", { className: css.radioIcon, children: jsx(IconButton, { toggle: false, icon: iconName, color: setIconColor, frameSize: 20, iconSize: 20 }) })), jsxs("div", { className: css.radioContent, children: [jsx("div", { className: css.radioTitle, children: option.title }), option.description && option.description !== '' && (jsx("div", { className: css.radioSummary, children: option.description }))] })] })));
-});
-
-export { RadioButton as R };

package/dist/esm/chunks/RadioButtonList-CtX1j7rO.js

@@ -1,114 +0,0 @@
-import { _ as __rest } from './tslib.es6-0pkUdtrF.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import React, { useState, useEffect, useCallback, useMemo } from 'react';
-import { R as RadioButton } from './RadioButton-D8otD_Jj.js';
-import { s as styleInject } from './style-inject.es-tgCJW-Cu.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(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 = __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 = __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] = useState(selectedIndexes);
-    // update indexes selected based on prop
-    useEffect(() => setSelected(selectedIndexes), [selectedIndexes]);
-    // update indexes selected if setting selections via field name / values
-    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 = useCallback((index) => {
-        if (!selected)
-            return false;
-        return selected.includes(index);
-    }, [selected]);
-    const doMultiSelection = 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 = useCallback((selection, state) => {
-        onChange(state ? [options[selection]] : [], state ? [selection] : []);
-        setSelected(state ? [selection] : null);
-    }, [options, onChange]);
-    const handleChange = 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 = useMemo(() => {
-        return options.map((option, i) => {
-            return (jsx(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 = useMemo(() => {
-        if (spacer === 'none')
-            return 0;
-        if (spacer === 'custom')
-            return custom;
-        return 0;
-    }, [spacer, custom]);
-    // memo css vars
-    const cssVars = 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 (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] })));
-});
-
-export { RadioButtonList as R };