@apple-pie/slice 0.1.60 → 0.2.0

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

@@ -0,0 +1,266 @@
+'use client';
+import { a as __rest } from "./tslib.es6-CpnJrDBv.mjs";
+
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+
+import React, { useState, useEffect, useRef, useId, useMemo } from "react";
+
+import { useTheme } from "../hooks/useTheme.mjs";
+
+import "../theme/colors.mjs";
+
+import "../theme/type.mjs";
+
+import "./resolveColor-Kvs7kDyy.mjs";
+
+import "./breakpoints-Dn9DgpJe.mjs";
+
+import "./broadcastChannel-CPT0S33H.mjs";
+
+import "./files-6nwSZlJK.mjs";
+
+import "./webRTCStore-BepH2O9l.mjs";
+
+import "./microphoneStore-BzSEbtfK.mjs";
+
+import "./volumeStore-mqWIRL0J.mjs";
+
+import { r as resolveColorProps } from "./resolveColorProps-CwAU25V-.mjs";
+
+import { u as usePrefersReducedMotion } from "./usePrefersReducedMotion-BWAwMMLE.mjs";
+
+import { I as Icon } from "./Icon-43T0fkr6.mjs";
+
+import { AnimatePresence, usePresence, useAnimationControls, motion } from "motion/react";
+
+import { m as mergedPresenceMotionValues, a as classNames } from "./misc-DI5GSqkt.mjs";
+
+import { g as getWaterTransition } from "./getWaterTransition-CrDSFJdk.mjs";
+
+var css$1 = {
+    wrapper: "DoneCheck-module_wrapper__AlISD flexBox-module_row__z24tF",
+    icon: "DoneCheck-module_icon__bKaFp flexBox-module_row__z24tF"
+};
+
+const DoneCheck = React.memo(rawProps => {
+    const props = resolveColorProps(rawProps), theme = useTheme(), {size: size = 88, stroke: stroke = 1.5, color: color = theme.current.colors["feedback-positive"], play: play = !0, delay: delay = 0, duration: duration = 1, didStart: didStart, didEnd: didEnd, statusLabel: statusLabel = "Completed", decorative: decorative = !1, className: className, style: style} = props, divAttributes = __rest(props, [ "size", "stroke", "color", "play", "delay", "duration", "didStart", "didEnd", "statusLabel", "decorative", "className", "style" ]), reducedMotion = usePrefersReducedMotion(), shouldAnimate = play && !reducedMotion && duration > 0, [playing, setPlaying] = useState(!play);
+    useEffect(() => {
+        let frameOne = 0, frameTwo = 0;
+        return shouldAnimate ? (setPlaying(!1), frameOne = requestAnimationFrame(() => {
+            frameTwo = requestAnimationFrame(() => {
+                setPlaying(!0);
+            });
+        })) : setPlaying(!0), () => {
+            frameOne && cancelAnimationFrame(frameOne), frameTwo && cancelAnimationFrame(frameTwo);
+        };
+    }, [ shouldAnimate ]);
+    const cssVars = {
+        width: size,
+        height: size,
+        flexShrink: 0,
+        "--icon-size": `${size}px`,
+        "--icon-scale": !shouldAnimate || playing ? 1 : 0,
+        "--icon-transition": shouldAnimate ? `scale ${duration}s var(--motion-spring) ${delay}s` : "none"
+    }, isScaleTransition = event => shouldAnimate && event.target === event.currentTarget && "scale" === event.nativeEvent.propertyName;
+    return jsx("div", Object.assign({}, divAttributes, {
+        className: [ css$1.wrapper, className ].filter(Boolean).join(" "),
+        style: Object.assign(Object.assign({}, style), cssVars),
+        role: decorative ? void 0 : "status",
+        "aria-label": decorative ? void 0 : statusLabel.trim() || "Completed",
+        "aria-hidden": decorative || void 0,
+        children: jsx("div", {
+            className: css$1.icon,
+            "aria-hidden": "true",
+            onTransitionEnd: event => {
+                isScaleTransition(event) && (null == didEnd || didEnd());
+            },
+            onTransitionStart: event => {
+                isScaleTransition(event) && (null == didStart || didStart());
+            },
+            children: jsx(Icon, {
+                name: "system.check-circle",
+                size: size,
+                decorative: !0,
+                stroke: stroke,
+                strokeColor: color
+            })
+        })
+    }));
+});
+
+var css = {
+    container: "ProgressIndicator-module_container__pW2gW",
+    spinning: "ProgressIndicator-module_spinning__PUEMK",
+    spin: "ProgressIndicator-module_spin__Nnf62",
+    announcement: "ProgressIndicator-module_announcement__6TFJ9",
+    label: "ProgressIndicator-module_label__sdrNv",
+    xs: "ProgressIndicator-module_xs__8HlWE type-module_body-xs-regular__ZAFft",
+    s: "ProgressIndicator-module_s__jWNmh type-module_body-s-regular__vRHSP",
+    m: "ProgressIndicator-module_m__VG0Ix type-module_body-m-regular__LuQBA",
+    l: "ProgressIndicator-module_l__KmOlD type-module_body-l-regular__lOYbg",
+    xl: "ProgressIndicator-module_xl__UkV-d type-module_body-xl-regular__pF2kC"
+};
+
+/** Show starts a playback cycle; changing callbacks or expiring its timer cannot restart it. */ const staticState = {
+    opacity: 1,
+    x: 0,
+    y: 0,
+    z: 0,
+    scale: 1,
+    scaleX: 1,
+    scaleY: 1,
+    rotate: 0,
+    rotateX: 0,
+    rotateY: 0,
+    skewX: 0,
+    skewY: 0
+};
+
+function IndicatorSurface(_a) {
+    var {playing: playing, gradientId: gradientId, variants: variants, timing: timing, forwardedRef: forwardedRef, size: size = 20, stroke: stroke = 1.5, secondsPerSpin: secondsPerSpin = 1, color: color = "var(--core-text-primary)", inset: inset = !0, inline: inline = !1, label: label = "Loading", displayLabel: displayLabel = !1, labelPosition: labelPosition = "right", textSize: textSize = "m", textColor: textColor = "var(--core-text-primary)", className: className, style: style} = _a, attributes = __rest(_a, [ "playing", "gradientId", "variants", "timing", "forwardedRef", "size", "stroke", "secondsPerSpin", "color", "inset", "inline", "label", "displayLabel", "labelPosition", "textSize", "textColor", "className", "style" ]);
+    const [present, safeToRemove] = usePresence(), reduced = usePrefersReducedMotion(), controls = useAnimationControls();
+    useEffect(() => {
+        var _a;
+        if (controls.stop(), reduced) return controls.set(staticState), void (present || null == safeToRemove || safeToRemove());
+        let active = !0;
+        const state = present ? "animate" : "exit", target = variants[state], definition = "function" == typeof target ? state : Object.assign(Object.assign({}, target), {
+            transition: null !== (_a = null == target ? void 0 : target.transition) && void 0 !== _a ? _a : timing
+        });
+        return present && controls.set("initial"), controls.start(definition).then(() => {
+            active && !present && (null == safeToRemove || safeToRemove());
+        }), () => {
+            active = !1, controls.stop();
+        };
+    }, [ present, reduced, controls, variants, timing, safeToRemove ]);
+    const resolvedSize = "string" == typeof size ? size.trim() || 20 : Number.isFinite(size) && size > 0 ? size : 20, resolvedStroke = Number.isFinite(stroke) && stroke >= 0 ? Math.min(stroke, 10) : 1.5, spinTime = Number.isFinite(secondsPerSpin) && secondsPerSpin > 0 ? secondsPerSpin : 1, radius = Math.min(inset ? 8 : 10, 10 - resolvedStroke / 2), path = `M ${10 + radius * Math.cos(-.4)} ${10 + radius * Math.sin(-.4)} A ${radius} ${radius} 0 1 1 10 ${10 - radius}`, variables = {
+        "--pi-position": inline ? "relative" : "absolute",
+        "--pi-inset": inline ? "auto" : "0",
+        "--pi-display": inline ? "inline-flex" : "flex",
+        "--pi-spin-duration": `${spinTime}s`,
+        "--pi-text-color": textColor
+    };
+    return jsxs(motion.div, Object.assign({}, attributes, {
+        ref: forwardedRef,
+        className: classNames(css.container, null != className ? className : ""),
+        "aria-hidden": "true",
+        "data-label-position": displayLabel ? labelPosition : void 0,
+        inert: !present,
+        style: Object.assign(Object.assign({}, style), variables),
+        initial: !reduced && "initial",
+        animate: controls,
+        variants: reduced ? void 0 : variants,
+        transition: reduced ? {
+            duration: 0,
+            delay: 0
+        } : timing,
+        children: [ jsxs("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: resolvedSize,
+            height: resolvedSize,
+            viewBox: "0 0 20 20",
+            "aria-hidden": "true",
+            focusable: "false",
+            className: playing && present && !reduced ? css.spinning : void 0,
+            style: {
+                width: resolvedSize,
+                height: resolvedSize
+            },
+            children: [ 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("path", {
+                d: path,
+                fill: "transparent",
+                strokeWidth: resolvedStroke,
+                stroke: `url(#${gradientId})`
+            }) ]
+        }), displayLabel && jsx("span", {
+            className: classNames(css.label, css[textSize]),
+            children: label
+        }) ]
+    }));
+}
+
+const ProgressIndicatorBase = React.forwardRef((rawProps, ref) => {
+    const props = resolveColorProps(rawProps), {show: show = !1, duration: duration, onStart: onStart, onStop: onStop, label: label = "Loading", decorative: decorative = !1, motionValues: motionValues, transition: transition} = props, attributes = __rest(props, [ "show", "duration", "onStart", "onStop", "label", "decorative", "motionValues", "transition" ]), resolvedLabel = label.trim() || "Loading", playing = function({show: show = !1, duration: duration, onStart: onStart, onStop: onStop}) {
+        const [playing, setPlaying] = useState(show), active = useRef(!1), callbacks = useRef({
+            onStart: onStart,
+            onStop: onStop
+        });
+        return useEffect(() => {
+            callbacks.current = {
+                onStart: onStart,
+                onStop: onStop
+            };
+        }, [ onStart, onStop ]), useEffect(() => {
+            var _a, _b, _c, _d;
+            show ? active.current || (active.current = !0, setPlaying(!0), null === (_b = (_a = callbacks.current).onStart) || void 0 === _b || _b.call(_a)) : active.current && (active.current = !1, 
+            setPlaying(!1), null === (_d = (_c = callbacks.current).onStop) || void 0 === _d || _d.call(_c));
+        }, [ show ]), useEffect(() => {
+            if (!show || !active.current || void 0 === duration || !Number.isFinite(duration) || duration < 0) return;
+            const timer = setTimeout(() => {
+                var _a, _b;
+                active.current = !1, setPlaying(!1), null === (_b = (_a = callbacks.current).onStop) || void 0 === _b || _b.call(_a);
+            }, Math.min(1e3 * duration, 2147483647));
+            return () => clearTimeout(timer);
+        }, [ show, duration ]), show && playing;
+    }({
+        show: show,
+        duration: duration,
+        onStart: onStart,
+        onStop: onStop
+    }), id = useId().replace(/:/g, ""), theme = useTheme().current, variants = useMemo(() => mergedPresenceMotionValues({
+        initial: {
+            opacity: 0
+        },
+        animate: {
+            opacity: 1
+        },
+        exit: {
+            opacity: 0
+        }
+    }, motionValues), [ motionValues ]), timing = useMemo(() => getWaterTransition(theme.motion, transition), [ theme.motion, transition ]);
+    return jsxs(Fragment, {
+        children: [ !decorative && jsx("span", {
+            role: "status",
+            "aria-live": "polite",
+            "aria-atomic": "true",
+            className: css.announcement,
+            children: show ? resolvedLabel : ""
+        }), jsx(AnimatePresence, {
+            children: show && jsx(IndicatorSurface, Object.assign({}, attributes, {
+                forwardedRef: ref,
+                label: resolvedLabel,
+                playing: playing,
+                gradientId: id,
+                variants: variants,
+                timing: timing
+            }))
+        }) ]
+    });
+});
+
+ProgressIndicatorBase.displayName = "ProgressIndicator";
+
+const ProgressIndicator = React.memo(ProgressIndicatorBase);
+
+export { DoneCheck as D, ProgressIndicator as P };

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

@@ -0,0 +1,266 @@
+'use client';
+import { a as __rest } from "./tslib.es6-CpnJrDBv.mjs";
+
+import { jsx, jsxs } from "react/jsx-runtime";
+
+import React, { useState, useRef, useCallback, useEffect, useLayoutEffect } from "react";
+
+import { s as setStyle } from "./misc-DI5GSqkt.mjs";
+
+import { r as resolveColorProps } from "./resolveColorProps-CwAU25V-.mjs";
+
+import { u as usePrefersReducedMotion } from "./usePrefersReducedMotion-BWAwMMLE.mjs";
+
+import { B as Button } from "./Button-BwTo8mSI.mjs";
+
+import { F as FileList } from "./FileList-DxB0ZORo.mjs";
+
+import { I as IconButton } from "./IconButton-oqYTUJit.mjs";
+
+import { T as TextArea } from "./TextArea-C32MToPG.mjs";
+
+import { a as allTypes, u as useFileSelection } from "./UploadArea-Dq7ST-RG.mjs";
+
+var css_wrapper = "PromptInput-module_wrapper__UoAEJ", css_surface = "PromptInput-module_surface__GvZDB", css_attachments = "PromptInput-module_attachments__rqgY1", css_buttonBar = "PromptInput-module_buttonBar__X8LDe", css_actions = "PromptInput-module_actions__vMa2p", css_rejection = "PromptInput-module_rejection__cnjdh type-module_body-s-regular__vRHSP";
+
+/** Clipboard length and native maxLength both use JavaScript string length. */ const PromptInputBase = React.forwardRef((rawProps, ref) => {
+    var _a, _b;
+    const _c = resolveColorProps(rawProps), {children: children, attachments: controlledAttachments, defaultAttachments: defaultAttachments = [], value: value, defaultValue: defaultValue = "", width: width = "100%", maxWidth: maxWidth, minWidth: minWidth, working: working = !1, disabled: disabled = !1, readOnly: readOnly = !1, maxHeight: maxHeight = 400, attachmentsDisabled: attachmentsDisabled = !1, submitWorking: submitWorking = !1, borderStyle: borderStyle = "solid", borderColor: borderColor = "var(--core-outline-secondary)", borderColorFocused: borderColorFocused = "var(--core-outline-secondary)", borderAnimate: borderAnimate = !0, borderWidth: borderWidth = 1, borderRadius: borderRadius = 16, focused: focused, 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, inputName: inputName = "Message", textAreaProps: textAreaProps, fileListProps: fileListProps, acceptedTypes: acceptedTypes = allTypes, multiple: multiple = !0, pasteAttachmentThreshold: pasteAttachmentThreshold, attachActionName: attachActionName = "Attach files", sendActionName: sendActionName = "Send message", stopActionName: stopActionName = "Stop generating", onChange: onChange, onBlur: onBlur, onFocus: onFocus, onSubmit: onSubmit, onStop: onStop, onAttachmentsChange: onAttachmentsChange, onReject: onReject, onToolTip: onToolTip, onPaste: onPaste, onKeyDown: onKeyDown, onClick: onClick, onDragEnter: onDragEnter, onDragOver: onDragOver, onDragLeave: onDragLeave, onDrop: onDrop} = _c, attributes = __rest(_c, [ "children", "attachments", "defaultAttachments", "value", "defaultValue", "width", "maxWidth", "minWidth", "working", "disabled", "readOnly", "maxHeight", "attachmentsDisabled", "submitWorking", "borderStyle", "borderColor", "borderColorFocused", "borderAnimate", "borderWidth", "borderRadius", "focused", "placeholder", "placeholderWorking", "submitClears", "enterSubmits", "attachButton", "sendButton", "stopEnabled", "textSize", "maxLength", "toolbarGap", "inputName", "textAreaProps", "fileListProps", "acceptedTypes", "multiple", "pasteAttachmentThreshold", "attachActionName", "sendActionName", "stopActionName", "onChange", "onBlur", "onFocus", "onSubmit", "onStop", "onAttachmentsChange", "onReject", "onToolTip", "onPaste", "onKeyDown", "onClick", "onDragEnter", "onDragOver", "onDragLeave", "onDrop" ]), [localText, setLocalText] = useState(defaultValue), [localAttachments, setLocalAttachments] = useState(defaultAttachments), text = void 0 === value ? localText : value, attachments = null != controlledAttachments ? controlledAttachments : localAttachments, editor = useRef(null), pendingCaret = useRef(void 0), reducedMotion = usePrefersReducedMotion(), canEdit = !disabled && !readOnly, textLimit = null !== (_a = null == textAreaProps ? void 0 : textAreaProps.maxLength) && void 0 !== _a ? _a : maxLength, canAttach = canEdit && !attachmentsDisabled && (void 0 === controlledAttachments || Boolean(onAttachmentsChange)), waiting = attachments.some(item => {
+        var _a;
+        return item.uploading || Boolean(null === (_a = item.error) || void 0 === _a ? void 0 : _a.trim());
+    }), hasContent = Boolean(text.trim()) || attachments.length > 0, blocked = disabled || readOnly || stopEnabled || working && submitWorking || waiting, canSubmit = !blocked && hasContent && Boolean(onSubmit), focus = () => {
+        var _a;
+        return null === (_a = editor.current) || void 0 === _a ? void 0 : _a.focus();
+    }, changeText = next => {
+        canEdit && (void 0 === value && setLocalText(next), null == onChange || onChange(next, attachments));
+    }, changeAttachments = next => {
+        canAttach && (void 0 === controlledAttachments && setLocalAttachments(next), null == onAttachmentsChange || onAttachmentsChange(next), 
+        null == onChange || onChange(text, next));
+    }, selection = useFileSelection({
+        files: attachments,
+        acceptedTypes: acceptedTypes,
+        multiple: multiple,
+        disabled: !canAttach,
+        onFilesChange: changeAttachments,
+        onReject: onReject
+    }), [fileDragging, setFileDragging] = useState(!1), dragDepth = useRef(0), resetFileDrag = useCallback(() => {
+        dragDepth.current = 0, setFileDragging(!1);
+    }, []);
+    useEffect(() => {
+        var _a;
+        if (canAttach || resetFileDrag(), !fileDragging || !canAttach) return;
+        const view = null === (_a = editor.current) || void 0 === _a ? void 0 : _a.ownerDocument.defaultView;
+        if (!view) return;
+        const handleKeyDown = event => {
+            "Escape" === event.key && resetFileDrag();
+        };
+        return view.addEventListener("dragend", resetFileDrag), view.addEventListener("drop", resetFileDrag), 
+        view.addEventListener("blur", resetFileDrag), view.addEventListener("keydown", handleKeyDown), 
+        () => {
+            view.removeEventListener("dragend", resetFileDrag), view.removeEventListener("drop", resetFileDrag), 
+            view.removeEventListener("blur", resetFileDrag), view.removeEventListener("keydown", handleKeyDown);
+        };
+    }, [ canAttach, fileDragging, resetFileDrag ]);
+    const isFileDrag = event => event.target instanceof Node && event.currentTarget.contains(event.target) && (Array.from(event.dataTransfer.types).includes("Files") || event.dataTransfer.files.length > 0), submit = () => {
+        canSubmit && (null == onSubmit || onSubmit(text, attachments), submitClears && changeText(""), 
+        focus());
+    }, stop = () => {
+        !disabled && stopEnabled && (null == onStop || onStop(), focus());
+    }, makeTextAttachment = content => !(!canAttach || !function(text, threshold) {
+        return "number" == typeof threshold && Number.isFinite(threshold) && threshold >= 0 && text.length > threshold;
+    }(content, pasteAttachmentThreshold)) && (selection.selectFiles([ new File([ content ], "Pasted-text.txt", {
+        type: "text/plain"
+    }) ]), !0);
+    useLayoutEffect(() => {
+        var _a;
+        const pending = pendingCaret.current;
+        pending && pending.value === text && (pendingCaret.current = void 0, null === (_a = editor.current) || void 0 === _a || _a.setSelectionRange(pending.caret, pending.caret));
+    }, [ text ]);
+    const actions = {
+        value: text,
+        attachments: attachments,
+        canSubmit: canSubmit,
+        canAttach: canAttach,
+        disabled: !canEdit,
+        focus: focus,
+        submit: submit,
+        stop: stop,
+        openFilePicker: selection.openPicker,
+        addFiles: selection.selectFiles,
+        pasteText: content => {
+            var _a, _b;
+            if (!canEdit || !content) return;
+            if (makeTextAttachment(content)) return void focus();
+            const element = editor.current, next = function(value, text, start, end, maxLength) {
+                const before = value.slice(0, start), after = value.slice(end);
+                let inserted = text;
+                if ("number" == typeof maxLength && Number.isFinite(maxLength) && maxLength >= 0) {
+                    let limit = Math.max(0, Math.floor(maxLength) - before.length - after.length);
+                    const previous = text.charCodeAt(limit - 1), next = text.charCodeAt(limit);
+                    previous >= 55296 && previous <= 56319 && next >= 56320 && next <= 57343 && (limit -= 1), 
+                    inserted = text.slice(0, limit);
+                }
+                return {
+                    value: before + inserted + after,
+                    caret: before.length + inserted.length
+                };
+            }(text, content, null !== (_a = null == element ? void 0 : element.selectionStart) && void 0 !== _a ? _a : text.length, null !== (_b = null == element ? void 0 : element.selectionEnd) && void 0 !== _b ? _b : text.length, textLimit);
+            pendingCaret.current = next, changeText(next.value), focus();
+        }
+    }, latestActions = useRef(void 0);
+    useLayoutEffect(() => (latestActions.current = actions, () => {
+        latestActions.current = void 0;
+    }));
+    const exposedActions = Object.assign(Object.assign({}, actions), {
+        pasteText: content => {
+            var _a;
+            return null === (_a = latestActions.current) || void 0 === _a ? void 0 : _a.pasteText(content);
+        },
+        addFiles: files => {
+            var _a, _b;
+            return null !== (_b = null === (_a = latestActions.current) || void 0 === _a ? void 0 : _a.addFiles(files)) && void 0 !== _b && _b;
+        },
+        submit: () => {
+            var _a;
+            return null === (_a = latestActions.current) || void 0 === _a ? void 0 : _a.submit();
+        },
+        stop: () => {
+            var _a;
+            return null === (_a = latestActions.current) || void 0 === _a ? void 0 : _a.stop();
+        },
+        openFilePicker: () => {
+            var _a;
+            return null === (_a = latestActions.current) || void 0 === _a ? void 0 : _a.openFilePicker();
+        }
+    }), customActions = "function" == typeof children ? children(exposedActions) : children, hasActions = React.Children.count(customActions) > 0 || attachButton || sendButton, getBorder = () => "none" === borderStyle ? "transparent" : "gradient" === borderStyle ? null != borderColor ? borderColor : "var(--prompt-gradient)" : working ? null != borderColorFocused ? borderColorFocused : "var(--core-outline-special)" : null != borderColor ? borderColor : "var(--core-outline-primary)", size = Number.isFinite(borderWidth) ? Math.max(0, borderWidth) : 1, innerRadius = "number" == typeof borderRadius ? `${Math.max(0, borderRadius - size)}px` : `max(0px, calc(${borderRadius} - ${size}px))`, variables = {
+        "--prompt-width": setStyle(width),
+        "--prompt-max-width": setStyle(maxWidth, "none"),
+        "--prompt-min-width": setStyle(minWidth, "0px"),
+        "--prompt-border-color": getBorder(),
+        "--prompt-focused-border": null != borderColorFocused ? borderColorFocused : getBorder(),
+        "--prompt-border-width": `${size}px`,
+        "--prompt-border-radius": setStyle(borderRadius),
+        "--prompt-inner-border-radius": innerRadius,
+        "--prompt-state": working && borderAnimate && !reducedMotion ? "running" : "paused",
+        "--prompt-toolbar-gap": setStyle(toolbarGap)
+    };
+    return jsx("div", Object.assign({}, attributes, {
+        ref: ref,
+        "data-file-dragging": canAttach && fileDragging || void 0,
+        onDragEnter: event => {
+            null == onDragEnter || onDragEnter(event), !event.defaultPrevented && canAttach && isFileDrag(event) && (event.preventDefault(), 
+            dragDepth.current += 1, setFileDragging(!0));
+        },
+        onDragOver: event => {
+            null == onDragOver || onDragOver(event), !event.defaultPrevented && isFileDrag(event) && (event.preventDefault(), 
+            event.dataTransfer.dropEffect = canAttach ? "copy" : "none");
+        },
+        onDragLeave: event => {
+            null == onDragLeave || onDragLeave(event), isFileDrag(event) && (dragDepth.current = Math.max(0, dragDepth.current - 1), 
+            dragDepth.current || setFileDragging(!1));
+        },
+        onDrop: event => {
+            if (null == onDrop || onDrop(event), !isFileDrag(event)) return;
+            const cancelled = event.defaultPrevented;
+            event.preventDefault(), resetFileDrag(), cancelled || selection.selectFiles(Array.from(event.dataTransfer.files));
+        },
+        onClick: event => {
+            var _a;
+            if (null == onClick || onClick(event), event.defaultPrevented || disabled) return;
+            const target = event.target;
+            target instanceof Element && event.currentTarget.contains(target) && (target.closest('button, a, input, textarea, select, label, [contenteditable]:not([contenteditable="false"]), [tabindex], [role="button"], [role="menuitem"], [role="checkbox"], [role="combobox"], [role="switch"], [role="link"]') || !1 !== (null === (_a = event.currentTarget.ownerDocument.getSelection()) || void 0 === _a ? void 0 : _a.isCollapsed) && focus());
+        },
+        className: `${css_wrapper} ${null !== (_b = attributes.className) && void 0 !== _b ? _b : ""}`,
+        style: Object.assign(Object.assign({}, attributes.style), variables),
+        children: jsxs("div", {
+            className: css_surface,
+            children: [ attachments.length > 0 && jsx("div", {
+                className: css_attachments,
+                children: jsx(FileList, Object.assign({
+                    direction: "row",
+                    gap: 8
+                }, fileListProps, {
+                    files: attachments,
+                    canRemove: canAttach,
+                    onChange: changeAttachments,
+                    onToolTip: onToolTip
+                }))
+            }), jsx(TextArea, Object.assign({
+                rows: 1,
+                autoGrow: !0,
+                resizable: !1,
+                borderStyle: "none",
+                backgroundColor: "transparent",
+                padding: "var(--spacing-m)",
+                maxHeight: maxHeight,
+                textSize: textSize,
+                inputName: inputName,
+                placeholder: working ? placeholderWorking : placeholder
+            }, textAreaProps, {
+                maxLength: textLimit,
+                inputRef: editor,
+                value: text,
+                disabled: disabled,
+                readOnly: readOnly,
+                focused: focused,
+                showSendButton: !1,
+                submitClears: !1,
+                returnSubmits: enterSubmits && !blocked,
+                allowEmptySubmit: attachments.length > 0 && !waiting,
+                onChange: changeText,
+                onSubmit: submit,
+                onFocus: next => null == onFocus ? void 0 : onFocus(next, attachments),
+                onBlur: next => null == onBlur ? void 0 : onBlur(next, attachments),
+                onKeyDown: event => {
+                    null == onKeyDown || onKeyDown(event), event.defaultPrevented || event.repeat && "Enter" === event.key && event.preventDefault();
+                },
+                onPaste: event => {
+                    if (null == onPaste || onPaste(event), event.defaultPrevented || !canEdit) return;
+                    const content = event.clipboardData.getData("text/plain");
+                    makeTextAttachment(content) && event.preventDefault();
+                }
+            })), hasActions && jsxs("div", {
+                className: css_buttonBar,
+                children: [ jsxs("div", {
+                    className: css_actions,
+                    children: [ attachButton && jsx(IconButton, {
+                        actionName: attachActionName,
+                        icon: "basic.plus",
+                        buttonSize: "m",
+                        disabled: !canAttach,
+                        onClick: event => {
+                            event.defaultPrevented || selection.openPicker();
+                        },
+                        tooltip: attachActionName,
+                        onToolTip: onToolTip,
+                        backgroundColor: "core-fill-primary"
+                    }), customActions ]
+                }), sendButton && jsx(Button, {
+                    round: !0,
+                    "aria-label": stopEnabled ? stopActionName : sendActionName,
+                    variant: stopEnabled ? "outline" : "solid",
+                    iconLeft: stopEnabled ? "media.stop" : "arrows.arrow-top",
+                    iconSize: stopEnabled ? 16 : 20,
+                    disabled: stopEnabled ? disabled : !canSubmit,
+                    progress: !stopEnabled,
+                    working: !stopEnabled && working && submitWorking,
+                    onClick: event => {
+                        (null == event ? void 0 : event.defaultPrevented) || (stopEnabled ? stop() : submit());
+                    },
+                    tooltip: stopEnabled ? stopActionName : sendActionName,
+                    onToolTip: onToolTip
+                }) ]
+            }), jsx("span", {
+                className: css_rejection,
+                role: "alert",
+                children: selection.rejection
+            }), jsx("input", Object.assign({}, selection.inputProps)) ]
+        })
+    }));
+});
+
+PromptInputBase.displayName = "PromptInput";
+
+const PromptInput = React.memo(PromptInputBase);
+
+export { PromptInput as P };

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

@@ -0,0 +1,109 @@
+'use client';
+import { a as __rest } from "./tslib.es6-CpnJrDBv.mjs";
+
+import { jsxs, jsx } from "react/jsx-runtime";
+
+import React, { createContext, useContext } from "react";
+
+import { r as resolveColorProps } from "./resolveColorProps-CwAU25V-.mjs";
+
+import { I as Icon } from "./Icon-43T0fkr6.mjs";
+
+var css = {
+    wrapper: "RadioButton-module_wrapper__-pWRe",
+    input: "RadioButton-module_input__dHUSs",
+    surface: "RadioButton-module_surface__PKlAe",
+    icon: "RadioButton-module_icon__4v0uF",
+    unchecked: "RadioButton-module_unchecked__5hBsd",
+    checked: "RadioButton-module_checked__Uc9Re",
+    text: "RadioButton-module_text__aI1uE",
+    xs: "RadioButton-module_xs__L6gFZ type-module_body-xs-regular__ZAFft",
+    s: "RadioButton-module_s__t-xnF type-module_body-s-regular__vRHSP",
+    m: "RadioButton-module_m__xIMOt type-module_body-m-regular__LuQBA",
+    l: "RadioButton-module_l__dgWPn type-module_body-l-regular__lOYbg",
+    xl: "RadioButton-module_xl__hcEbL type-module_body-xl-regular__pF2kC"
+};
+
+const RadioGroupContext = createContext(null), length = (value, fallback) => "number" == typeof value ? Number.isFinite(value) ? `${Math.max(0, value)}px` : fallback : value;
+
+function RadioButtonComponent(rawProps) {
+    var _a;
+    const group = useContext(RadioGroupContext), ownProps = Object.fromEntries(Object.entries(rawProps).filter(([, value]) => void 0 !== value)), props = resolveColorProps(group ? Object.assign(Object.assign({}, group.optionProps), ownProps) : rawProps), {actionName: actionName, align: align = "middle", label: label, children: children, checked: checked, defaultChecked: defaultChecked = !1, disabled: disabled = !1, fieldName: fieldName, value: value, formValue: formValue, iconChecked: iconChecked = "system.check-circle", iconUnChecked: iconUnChecked = "system.circle", iconColor: iconColor = "var(--core-text-primary)", iconColorSelected: iconColorSelected, iconSize: iconSize = 20, gap: gap = 6, textColor: textColor = "var(--core-text-primary)", textSize: textSize = "m", textTopOffset: textTopOffset = 0, backgroundColor: backgroundColor = "transparent", backgroundColorSelected: backgroundColorSelected = "transparent", borderWidth: borderWidth = 0, borderColor: borderColor = "var(--core-outline-primary)", borderRadius: borderRadius = 8, padding: padding = 0, onChange: onChange, onClick: onClick, className: className, style: style} = props, inputAttributes = __rest(props, [ "actionName", "align", "label", "children", "checked", "defaultChecked", "disabled", "fieldName", "value", "formValue", "iconChecked", "iconUnChecked", "iconColor", "iconColorSelected", "iconSize", "gap", "textColor", "textSize", "textTopOffset", "backgroundColor", "backgroundColorSelected", "borderWidth", "borderColor", "borderRadius", "padding", "onChange", "onClick", "className", "style" ]);
+    if (group && null == value) throw new Error("RadioButton inside RadioButtonList requires a non-null value.");
+    const effectiveChecked = group ? null !== group.value && void 0 !== group.value && Object.is(group.value, value) : checked, effectiveDisabled = disabled || Boolean(null == group ? void 0 : group.disabled), content = null != label ? label : children, hasContent = null != content && "boolean" != typeof content && ("string" != typeof content || content.trim().length > 0), size = Number.isFinite(iconSize) && iconSize >= 0 ? iconSize : 20, offset = Number.isFinite(textTopOffset) ? textTopOffset : 0, cssVars = {
+        "--rb-align": "top" === align ? "flex-start" : "bottom" === align ? "flex-end" : "center",
+        "--rb-icon-size": `${size}px`,
+        "--rb-gap": `${Number.isFinite(gap) ? Math.max(0, gap) : 6}px`,
+        "--rb-icon-color": iconColor,
+        "--rb-icon-color-selected": null != iconColorSelected ? iconColorSelected : iconColor,
+        "--rb-text-color": textColor,
+        "--rb-text-top": `${Math.max(0, offset)}px`,
+        "--rb-text-bottom": `${Math.max(0, -offset)}px`,
+        "--rb-background": backgroundColor,
+        "--rb-background-selected": backgroundColorSelected,
+        "--rb-border-width": length(borderWidth, "0px"),
+        "--rb-border-color": borderColor,
+        "--rb-border-radius": length(borderRadius, "8px"),
+        "--rb-padding": length(padding, "0px")
+    };
+    return jsxs("label", {
+        className: `${css.wrapper}${className ? ` ${className}` : ""}`,
+        style: Object.assign(Object.assign({}, style), cssVars),
+        "data-disabled": effectiveDisabled || void 0,
+        children: [ jsx("input", Object.assign({}, inputAttributes, {
+            className: css.input,
+            type: "radio",
+            name: null !== (_a = null == group ? void 0 : group.name) && void 0 !== _a ? _a : inputAttributes.name,
+            checked: effectiveChecked,
+            defaultChecked: group || void 0 !== checked ? void 0 : defaultChecked,
+            disabled: effectiveDisabled,
+            value: null != formValue ? formValue : "string" == typeof value || "number" == typeof value ? value : void 0,
+            "aria-label": (null == actionName ? void 0 : actionName.trim()) || (hasContent ? void 0 : "Option"),
+            "aria-labelledby": void 0,
+            onClick: onClick,
+            onChange: event => {
+                if (event.defaultPrevented || event.nativeEvent.defaultPrevented || effectiveDisabled) return;
+                const option = {
+                    fieldName: fieldName,
+                    label: label,
+                    value: value
+                }, next = event.currentTarget.checked;
+                null == onChange || onChange(option, next), next && (null == group || group.select(option));
+            }
+        })), jsxs("span", {
+            className: css.surface,
+            children: [ size > 0 && jsxs("span", {
+                className: css.icon,
+                "aria-hidden": "true",
+                children: [ jsx("span", {
+                    className: css.unchecked,
+                    children: jsx(Icon, {
+                        name: iconUnChecked,
+                        size: size,
+                        strokeColor: "currentColor",
+                        pointer: !1,
+                        tabIndex: -1
+                    })
+                }), jsx("span", {
+                    className: css.checked,
+                    children: jsx(Icon, {
+                        name: iconChecked,
+                        size: size,
+                        strokeColor: "currentColor",
+                        pointer: !1,
+                        tabIndex: -1
+                    })
+                }) ]
+            }), hasContent && jsx("span", {
+                className: `${css.text} ${css[textSize]}`,
+                children: content
+            }) ]
+        }) ]
+    });
+}
+
+RadioButtonComponent.displayName = "RadioButton";
+
+const RadioButton = React.memo(RadioButtonComponent);
+
+export { RadioButton as R, RadioGroupContext as a };