@apple-pie/slice 0.1.57 → 0.1.59

package/dist/esm/chunks/{FileList-CtPtwFg0.mjs → FileList-Bv9yn2QS.mjs}

@@ -1,17 +1,17 @@
 'use client';
-import { a as __rest } from "./tslib.es6-UNsbHCvA.mjs";
+import { a as __rest } from "./tslib.es6-DatKI43-.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
 
 import React, { useCallback, useMemo } from "react";
 
-import { s as setStyle, a as accessibleKeyDown } from "./misc-Vjo15VLp.mjs";
+import { s as setStyle, a as accessibleKeyDown } from "./misc-DBIXjc2Q.mjs";
 
-import { F as FileIcon } from "./FileIcon-CJa41GGE.mjs";
+import { F as FileIcon } from "./FileIcon-B7_cbtHF.mjs";
 
-import { I as Icon } from "./Icon-DYv9sj3v.mjs";
+import { I as Icon } from "./Icon-He4S-Q8N.mjs";
 
-import { P as ProgressIndicator } from "./ProgressIndicator-DPfGlu5w.mjs";
+import { P as ProgressIndicator } from "./ProgressIndicator-DBf_bLtr.mjs";
 
 /**
  * Split a file name into its display name and extension.
@@ -158,14 +158,15 @@ const FileList = React.memo(props => {
         "--file-gap": setStyle(gap),
         "--file-direction": direction,
         "--file-wrap": "column" === direction ? "nowrap" : "wrap",
-        "--file-padding": padding ? setStyle(padding) : "4px 4px 4px 2px",
+        "--file-padding": null != padding ? "number" == typeof padding ? `${padding}px` : padding : void 0,
         "--file-icon-size": setStyle(iconSize),
         "--file-overflow": "column" === direction ? "unset" : "hidden",
         "--file-bg-color": null != resolvedBackgroundColor ? resolvedBackgroundColor : "var(--core-surface-secondary)"
-    }), [ maxWidth, gap, direction, minWidth, padding, iconSize, resolvedBackgroundColor ]), fileCSSVars = useCallback((progress, error) => ({
+    }), [ maxWidth, gap, direction, minWidth, padding, iconSize, resolvedBackgroundColor ]), fileCSSVars = useCallback((progress, uploading, error) => ({
         "--file-progress": `${progress}`,
+        "--file-row-right": canRemove && !uploading ? "calc(var(--file-row-horizontal, var(--spacing-xs)) - var(--file-row-adjustment, var(--spacing-xxs)))" : "var(--file-row-horizontal, var(--spacing-xs))",
         "--file-border-color": error ? "var(--feedback-warning)" : "var(--core-outline-primary)"
-    }), []);
+    }), [ canRemove ]);
     return jsx("div", Object.assign({
         className: `${css.wrapper}${divClass}`,
         style: Object.assign(Object.assign({}, divStyle), cssVars),
@@ -174,7 +175,7 @@ const FileList = React.memo(props => {
         children: displayList.map(i => {
             return jsxs("div", {
                 className: `${css.file} ${css[textSize]}`,
-                style: fileCSSVars(i.progress, i.error),
+                style: fileCSSVars(i.progress, i.uploading, i.error),
                 children: [ jsx("div", {
                     className: css.fileIcon,
                     children: jsx(FileIcon, {

package/dist/esm/chunks/{FlexDiv-DfCUyRsq.mjs → FlexDiv-3OxQ9y_1.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-UNsbHCvA.mjs";
+import { a as __rest } from "./tslib.es6-DatKI43-.mjs";
 
 import { jsx } from "react/jsx-runtime";
 
@@ -7,6 +7,8 @@ import { motion } from "motion/react";
 
 import React, { useMemo, useCallback } from "react";
 
+import { s as setStyle } from "./misc-DBIXjc2Q.mjs";
+
 var Size, Preset, css_flexDiv = "FlexDiv-module_flexDiv__EY5A- type-module_body-m-regular__LuQBA scrollBars-module_scrollbars__c-ZPl";
 
 !function(Size) {
@@ -119,8 +121,8 @@ function setBox(style) {
     return "number" == typeof style ? `${style}px` : style;
 }
 
-function setPaddingRight(padding, scrollBox, pad = 4) {
-    return padding ? "number" == typeof padding ? `${padding}px` : padding : scrollBox ? `${pad}px` : "unset";
+function setPaddingRight(padding, scrollBox) {
+    return padding ? "number" == typeof padding ? `${padding}px` : padding : scrollBox ? "var(--spacing-xs)" : "unset";
 }
 
 function setFlex(style) {
@@ -162,7 +164,7 @@ const FlexDiv = React.memo(React.forwardRef((props, ref) => {
         overflow: presets.overflow,
         overflowY: setScroll(presets.scrollY),
         overflowX: setScroll(presets.scrollX),
-        borderRadius: borderRadius ? `${borderRadius}px` : "unset",
+        borderRadius: setStyle(borderRadius),
         color: "var(--core-text-primary)",
         "--flex-div-scroll-border": `${null != background ? background : "transparent"}`,
         "--flex-div-scroll-handle": `${null != scrollHandle ? scrollHandle : "var(--scroll-bar)"}`,

package/dist/esm/chunks/{Grouper-C2ekOKk-.mjs → Grouper-BcrjlgM-.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-UNsbHCvA.mjs";
+import { a as __rest } from "./tslib.es6-DatKI43-.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -13,19 +13,19 @@ import "../theme/colors.mjs";
 
 import "../theme/type.mjs";
 
-import "./broadcastChannel-_Q346Oc1.mjs";
+import "./broadcastChannel-DahousoM.mjs";
 
-import "./webRTCStore-Dr5M8DFU.mjs";
+import "./webRTCStore-B2ri-_li.mjs";
 
-import "./microphoneStore-CKLPc5zm.mjs";
+import "./microphoneStore-D8VxjdFZ.mjs";
 
-import "./volumeStore-CicDxCvO.mjs";
+import "./volumeStore-hrteUkB-.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { B as Badge } from "./Badge-CntS4K1P.mjs";
+import { B as Badge } from "./Badge-C7xDwrvC.mjs";
 
-import { I as Icon } from "./Icon-DYv9sj3v.mjs";
+import { I as Icon } from "./Icon-He4S-Q8N.mjs";
 
 var css_header = "Grouper-module_header__D5fV0 flexBox-module_rowBetween__5FEvi", css_title = "Grouper-module_title__ZKqTP flexBox-module_rowBetween__5FEvi type-module_body-m-regular__LuQBA", css_content = "Grouper-module_content__Mof50 flexBox-module_rowBetween__5FEvi", css_icon = "Grouper-module_icon__14Jis flexBox-module_row__z24tF";
 

package/dist/esm/chunks/{Icon-DYv9sj3v.mjs → Icon-He4S-Q8N.mjs}

@@ -1,7 +1,7 @@
 'use client';
-import { a as __rest } from "./tslib.es6-UNsbHCvA.mjs";
+import { a as __rest } from "./tslib.es6-DatKI43-.mjs";
 
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 
 import React, { useMemo } from "react";
 
@@ -11,15 +11,15 @@ import "../theme/colors.mjs";
 
 import "../theme/type.mjs";
 
-import { a as accessibleKeyDown } from "./misc-Vjo15VLp.mjs";
+import { a as accessibleKeyDown } from "./misc-DBIXjc2Q.mjs";
 
-import "./broadcastChannel-_Q346Oc1.mjs";
+import "./broadcastChannel-DahousoM.mjs";
 
-import "./webRTCStore-Dr5M8DFU.mjs";
+import "./webRTCStore-B2ri-_li.mjs";
 
-import "./microphoneStore-CKLPc5zm.mjs";
+import "./microphoneStore-D8VxjdFZ.mjs";
 
-import "./volumeStore-CicDxCvO.mjs";
+import "./volumeStore-hrteUkB-.mjs";
 
 import "../hooks/useWindow.mjs";
 
@@ -28,7 +28,12 @@ var css_icon = "Icon-module_icon__szG-X";
 /**
  * Static icon registry created once at module load.
  * Each entry stores only icon line content renderers.
- */ const STATIC_ICON_REGISTRY = new Map([ [ "fullscreen", {
+ */ const STATIC_ICON_REGISTRY = new Map([ [ "@", {
+    line: ({strokeColor: strokeColor}) => jsx("path", {
+        d: "M10.03,17.85c-1.61,0-3.01-.32-4.21-.97s-2.12-1.54-2.78-2.69c-.66-1.15-.98-2.49-.98-4.01,0-1.19.2-2.27.59-3.25s.96-1.83,1.69-2.54c.73-.72,1.6-1.27,2.61-1.66,1.01-.39,2.11-.58,3.33-.58,1.12,0,2.15.18,3.08.53.93.35,1.74.84,2.42,1.46.68.62,1.21,1.36,1.58,2.2s.56,1.77.56,2.77-.18,1.89-.55,2.67c-.37.78-.86,1.4-1.49,1.85-.63.45-1.33.67-2.11.67-.53,0-.96-.12-1.27-.37-.31-.24-.52-.61-.62-1.1h-.07c-.47.98-1.27,1.47-2.4,1.47-.69,0-1.29-.18-1.79-.53s-.9-.85-1.17-1.48c-.28-.63-.42-1.36-.42-2.19s.14-1.57.42-2.2c.28-.63.67-1.12,1.17-1.47.51-.35,1.1-.53,1.78-.53,1.13,0,1.93.48,2.38,1.45h.07v-1.25h1.57v7.02c.6,0,1.13-.17,1.58-.52.46-.34.81-.81,1.07-1.41.25-.59.38-1.26.38-2.01,0-1.07-.26-2.02-.77-2.86s-1.23-1.5-2.15-1.98-1.99-.73-3.22-.73c-1.33,0-2.51.27-3.53.83-1.02.55-1.82,1.31-2.39,2.29-.57.98-.86,2.13-.86,3.45,0,1.23.26,2.32.79,3.25.53.93,1.28,1.66,2.25,2.18.97.52,2.13.77,3.48.77h4.53v1.47h-4.55ZM9.83,12.93c.61,0,1.1-.2,1.47-.61s.56-.96.56-1.66v-1.13c0-.71-.19-1.27-.56-1.67s-.86-.6-1.47-.6c-.7,0-1.25.26-1.63.78-.39.52-.58,1.2-.58,2.06s.19,1.54.58,2.06c.39.52.93.77,1.63.77Z",
+        fill: strokeColor
+    })
+} ], [ "fullscreen", {
     line: ({strokeColor: strokeColor}) => jsxs(Fragment, {
         children: [ jsx("polygon", {
             points: "9.53 8.47 5.31 4.25 8.5 4.25 8.5 2.75 2.75 2.75 2.75 8.5 4.25 8.5 4.25 5.31 8.47 9.53 9.53 8.47",

package/dist/esm/chunks/{IconButton-DUz8Pz1Z.mjs → IconButton-BGL-_8VW.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-UNsbHCvA.mjs";
+import { a as __rest } from "./tslib.es6-DatKI43-.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
@@ -7,15 +7,17 @@ import { motion } from "motion/react";
 
 import React, { useRef, useState, useEffect, useCallback, useMemo } from "react";
 
+import { s as setStyle } from "./misc-DBIXjc2Q.mjs";
+
 import { corners } from "../theme/corners.mjs";
 
-import { B as Badge } from "./Badge-CntS4K1P.mjs";
+import { B as Badge } from "./Badge-C7xDwrvC.mjs";
 
-import { D as Dot } from "./Dot-CExdhu0z.mjs";
+import { D as Dot } from "./Dot-D0NtTwqi.mjs";
 
-import { I as Icon } from "./Icon-DYv9sj3v.mjs";
+import { I as Icon } from "./Icon-He4S-Q8N.mjs";
 
-import { T as ToolTipType } from "./sharedTypes-DRYdKvBH.mjs";
+import { T as ToolTipType } from "./sharedTypes-DdC4rvjp.mjs";
 
 var AnimationPreset, AnimationType, css_button = "IconButton-module_button__rziqa flexBox-module_row__z24tF", css_label = "IconButton-module_label__qWGFD flexBox-module_row__z24tF type-module_body-l-regular__lOYbg", css_icon = "IconButton-module_icon__2DDWy flexBox-module_row__z24tF", css_count = "IconButton-module_count__6r373 flexBox-module_row__z24tF";
 
@@ -134,7 +136,7 @@ const presetAnimation = {
         "--ib-bg-color-hover": disabled ? bgColorNormal : bgHoverColor,
         "--ib-icon-size": `${null != iconSize ? iconSize : 0}px`,
         "--ib-button-size": `${null != size ? size : 0}px`,
-        "--ib-border-radius": round ? "100%" : `${null != borderRadius ? borderRadius : 0}px`,
+        "--ib-border-radius": round ? "100%" : setStyle(borderRadius, corners["corner-none"]),
         "--ib-border": border ? "1px" : 0,
         "--ib-color": textColor,
         "--ib-cursor": disabled ? "default" : "pointer"

package/dist/esm/chunks/{IndexedDB-CO2IHWQq.mjs → IndexedDB-CB92RX6-.mjs}

@@ -1,4 +1,4 @@
-import { _ as __awaiter } from "./tslib.es6-UNsbHCvA.mjs";
+import { _ as __awaiter } from "./tslib.es6-DatKI43-.mjs";
 
 class IndexedDB {
     constructor(storeName, options = {}) {

package/dist/esm/chunks/{Label-osW2bH9O.mjs → Label-BouM6sY2.mjs}

@@ -1,11 +1,11 @@
 'use client';
-import { a as __rest } from "./tslib.es6-UNsbHCvA.mjs";
+import { a as __rest } from "./tslib.es6-DatKI43-.mjs";
 
 import { jsx } from "react/jsx-runtime";
 
 import { useCallback, useMemo } from "react";
 
-import { s as setStyle } from "./misc-Vjo15VLp.mjs";
+import { s as setStyle } from "./misc-DBIXjc2Q.mjs";
 
 import { corners } from "../theme/corners.mjs";
 
@@ -80,7 +80,10 @@ function Label(props) {
           default:
             return "var(--core-surface-primary)";
         }
-    }, [ resolvedBackgroundColor, borderColor ]), setPadding = useMemo(() => padding ? setStyle(padding) : "2px 4px", [ padding ]), cssVars = useMemo(() => ({
+    }, [ resolvedBackgroundColor, borderColor ]), setPadding = useMemo(() => {
+        if (null != padding) return "number" == typeof padding ? `${padding}px` : padding;
+        return `var(--spacing-xxs) ${"xs" === textSize || "s" === textSize ? "var(--spacing-xs)" : "var(--spacing-s)"}`;
+    }, [ padding, textSize ]), cssVars = useMemo(() => ({
         "--label-padding": setPadding,
         "--label-border-radius": setStyle(borderRadius),
         "--label-cursor": onClick ? "pointer" : "default",

package/dist/esm/chunks/{Level-DbvGSfLq.mjs → Level-CTkhQuiZ.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-UNsbHCvA.mjs";
+import { a as __rest } from "./tslib.es6-DatKI43-.mjs";
 
 import { jsx } from "react/jsx-runtime";
 
@@ -7,11 +7,11 @@ import React, { useRef, useState, useMemo, useEffect } from "react";
 
 import { corners } from "../theme/corners.mjs";
 
-import { s as setStyle } from "./misc-Vjo15VLp.mjs";
+import { s as setStyle } from "./misc-DBIXjc2Q.mjs";
 
-import { A as AudioVisualizer } from "./audioVisualizer-BxszDYyy.mjs";
+import { A as AudioVisualizer } from "./audioVisualizer-BiB7Hun_.mjs";
 
-import "./broadcastChannel-_Q346Oc1.mjs";
+import "./broadcastChannel-DahousoM.mjs";
 
 var css_wrapper = "Level-module_wrapper__yOfXw", css_barContainer = "Level-module_barContainer__QMUdv", css_bar = "Level-module_bar__MnApX";
 

package/dist/esm/chunks/{Modal-Be3CsAWQ.mjs → Modal-BnbUOsKH.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-UNsbHCvA.mjs";
+import { a as __rest } from "./tslib.es6-DatKI43-.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
@@ -7,13 +7,13 @@ import React, { useRef, useState, useCallback, useMemo, useEffect } from "react"
 
 import { corners } from "../theme/corners.mjs";
 
-import { s as setStyle } from "./misc-Vjo15VLp.mjs";
+import { s as setStyle } from "./misc-DBIXjc2Q.mjs";
 
-import { B as Button } from "./Button-DVVXYB5E.mjs";
+import { B as Button } from "./Button-C6sTA1hG.mjs";
 
-import { I as Icon } from "./Icon-DYv9sj3v.mjs";
+import { I as Icon } from "./Icon-He4S-Q8N.mjs";
 
-import { I as IconButton } from "./IconButton-DUz8Pz1Z.mjs";
+import { I as IconButton } from "./IconButton-BGL-_8VW.mjs";
 
 var css = {
     wrapper: "Modal-module_wrapper__34Hds flexBox-module_columnBetween__ERfp7",
@@ -42,7 +42,7 @@ const Modal = React.memo(props => {
             if ("string" == typeof padding) {
                 return padding.split(" ")[0];
             }
-            return setStyle(padding, "16px");
+            return setStyle(padding, "var(--spacing-m)");
         }
         return "0";
     }, [ scrolls, padding, autoBorderBottom ]), cssVars = useMemo(() => ({
@@ -54,7 +54,7 @@ const Modal = React.memo(props => {
         "--modal-title-color": titleColor,
         "--modal-border-radius": setStyle(borderRadius),
         "--modal-border-width": setStyle(borderWidth),
-        "--modal-padding": setStyle(padding, "16px 24px"),
+        "--modal-padding": setStyle(padding, "var(--spacing-m) var(--spacing-l)"),
         "--modal-background-color": backgroundColor,
         "--modal-title-border-color": titleBorderColor,
         "--modal-title-border-width": setStyle(titleBorderWidth),

package/dist/esm/chunks/{ModalController-DcZ5fgr-.mjs → ModalController-Dk2VZcXW.mjs}

@@ -5,15 +5,15 @@ import { useDragControls, AnimatePresence, motion } from "motion/react";
 
 import { useRef } from "react";
 
-import "./microphoneStore-CKLPc5zm.mjs";
+import "./microphoneStore-D8VxjdFZ.mjs";
 
-import "./volumeStore-CicDxCvO.mjs";
+import "./volumeStore-hrteUkB-.mjs";
 
-import "./webRTCStore-Dr5M8DFU.mjs";
+import "./webRTCStore-B2ri-_li.mjs";
 
-import { O as Overlay } from "./Overlay-B8l0rD6j.mjs";
+import { O as Overlay } from "./Overlay-D5cMQSvL.mjs";
 
-import { u as useModal, a as useModalActions } from "./modalStore-CMO5OJNA.mjs";
+import { u as useModal, a as useModalActions } from "./modalStore-GWNWh1tE.mjs";
 
 var css_container = "ModalController-module_container__3cSaO", css_box = "ModalController-module_box__cPzOz", css_wrapper = "ModalController-module_wrapper__HkOoX flexBox-module_row__z24tF";
 

package/dist/esm/chunks/{Overlay-B8l0rD6j.mjs → Overlay-D5cMQSvL.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-UNsbHCvA.mjs";
+import { a as __rest } from "./tslib.es6-DatKI43-.mjs";
 
 import { jsx } from "react/jsx-runtime";
 

package/dist/esm/chunks/{Pager-BkWiP2if.mjs → Pager-4-2T_ZbJ.mjs}

@@ -1,11 +1,11 @@
 'use client';
-import { a as __rest } from "./tslib.es6-UNsbHCvA.mjs";
+import { a as __rest } from "./tslib.es6-DatKI43-.mjs";
 
 import { jsx } from "react/jsx-runtime";
 
 import React, { useState, useMemo, useEffect, useCallback } from "react";
 
-import { a as accessibleKeyDown } from "./misc-Vjo15VLp.mjs";
+import { a as accessibleKeyDown } from "./misc-DBIXjc2Q.mjs";
 
 var css_wrapper = "Pager-module_wrapper__eutVg flexBox-module_row__z24tF", css_bullet = "Pager-module_bullet__TxyR5 flexBox-module_row__z24tF", css_selected = "Pager-module_selected__C6xbR";
 

package/dist/esm/chunks/{ProgressIndicator-DPfGlu5w.mjs → ProgressIndicator-DBf_bLtr.mjs}

@@ -9,19 +9,19 @@ import "../theme/colors.mjs";
 
 import "../theme/type.mjs";
 
-import { a as __rest } from "./tslib.es6-UNsbHCvA.mjs";
+import { a as __rest } from "./tslib.es6-DatKI43-.mjs";
 
-import "./broadcastChannel-_Q346Oc1.mjs";
+import "./broadcastChannel-DahousoM.mjs";
 
-import "./webRTCStore-Dr5M8DFU.mjs";
+import "./webRTCStore-B2ri-_li.mjs";
 
-import "./microphoneStore-CKLPc5zm.mjs";
+import "./microphoneStore-D8VxjdFZ.mjs";
 
-import "./volumeStore-CicDxCvO.mjs";
+import "./volumeStore-hrteUkB-.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { I as Icon } from "./Icon-DYv9sj3v.mjs";
+import { I as Icon } from "./Icon-He4S-Q8N.mjs";
 
 import { AnimatePresence, motion } from "motion/react";
 
@@ -67,7 +67,7 @@ const DoneCheck = React.memo(props => {
 var css_container = "ProgressIndicator-module_container__pW2gW flexBox-module_column__ezvMq";
 
 function ProgressIndicator(props) {
-    const theme = useTheme(), {size: size = 20, inset: inset = !0, secondsPerSpin: secondsPerSpin = 1, show: show = !1, color: color = theme.current.colors["core-icon-primary"], stroke: stroke = 1.5, inline: inline = !1, duration: duration, didStart: didStart = () => null, didStop: didStop = () => null} = props, divAttributes = __rest(props, [ "size", "inset", "secondsPerSpin", "show", "color", "stroke", "inline", "duration", "didStart", "didStop" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [playing, setPlaying] = useState(show), gradientId = useId().replace(/:/g, ""), timer = useRef(null);
+    const theme = useTheme(), {size: size = 20, inset: inset = !0, secondsPerSpin: secondsPerSpin = 1, show: show = !1, color: color = theme.current.colors["core-text-primary"], stroke: stroke = 1.5, inline: inline = !1, duration: duration, didStart: didStart = () => null, didStop: didStop = () => null} = props, divAttributes = __rest(props, [ "size", "inset", "secondsPerSpin", "show", "color", "stroke", "inline", "duration", "didStart", "didStop" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [playing, setPlaying] = useState(show), gradientId = useId().replace(/:/g, ""), timer = useRef(null);
     useEffect(() => (show ? (setPlaying(!0), didStart(), duration && (timer.current = setTimeout(() => {
         setPlaying(!1), didStop();
     }, 1e3 * duration))) : (setPlaying(!1), didStop()), () => {

package/dist/esm/chunks/{PromptInput-Dn2jmUeX.mjs → PromptInput-I10dUhFO.mjs}

@@ -11,30 +11,29 @@ import { corners } from "../theme/corners.mjs";
 
 import "../theme/type.mjs";
 
-import "./tslib.es6-UNsbHCvA.mjs";
+import "./tslib.es6-DatKI43-.mjs";
 
-import { s as setStyle } from "./misc-Vjo15VLp.mjs";
+import { s as setStyle } from "./misc-DBIXjc2Q.mjs";
 
-import "./broadcastChannel-_Q346Oc1.mjs";
+import "./broadcastChannel-DahousoM.mjs";
 
-import "./webRTCStore-Dr5M8DFU.mjs";
+import "./webRTCStore-B2ri-_li.mjs";
 
-import "./microphoneStore-CKLPc5zm.mjs";
+import "./microphoneStore-D8VxjdFZ.mjs";
 
-import "./volumeStore-CicDxCvO.mjs";
+import "./volumeStore-hrteUkB-.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { B as Button } from "./Button-DVVXYB5E.mjs";
+import { B as Button } from "./Button-C6sTA1hG.mjs";
 
-import { F as FileList } from "./FileList-CtPtwFg0.mjs";
+import { F as FileList } from "./FileList-Bv9yn2QS.mjs";
 
 var css = {
     wrapperBg: "PromptInput-module_wrapperBg__zabZq flexBox-module_columnStart__C7P44",
     bgRotate: "PromptInput-module_bgRotate__Um720",
     textareaWrapper: "PromptInput-module_textareaWrapper__KusiV flexBox-module_columnStart__C7P44",
     attachments: "PromptInput-module_attachments__rqgY1 flexBox-module_rowStart__4tcxS",
-    clear: "PromptInput-module_clear__MFroM flexBox-module_row__z24tF",
     buttonBar: "PromptInput-module_buttonBar__X8LDe flexBox-module_rowBetween__5FEvi",
     toolBar: "PromptInput-module_toolBar__GBvPT flexBox-module_rowStart__4tcxS",
     textarea: "PromptInput-module_textarea__e4Kxn",
@@ -93,7 +92,7 @@ const PromptInputBase = React.forwardRef((props, ref) => {
     }, [ focused ]), useEffect(() => {
         setTextValue(value);
     }, [ value ]);
-    const cssVars = useMemo(() => ({
+    const innerBorderRadius = useMemo(() => "number" == typeof borderRadius ? `${Math.max(borderRadius - 1, 0)}px` : `calc(${setStyle(borderRadius)} - 1px)`, [ borderRadius ]), cssVars = useMemo(() => ({
         "--prompt-width": setStyle(width),
         "--prompt-min-width": setStyle(minWidth, "unset"),
         "--prompt-max-width": setStyle(maxWidth, "unset"),
@@ -101,9 +100,9 @@ const PromptInputBase = React.forwardRef((props, ref) => {
         "--prompt-max-height": maxHeight ? `${maxHeight}px` : "unset",
         "--prompt-border-width": borderWidth ? `${borderWidth}px` : "0",
         "--prompt-state": working && borderAnimate ? "running" : "paused",
-        "--prompt-border-radius": borderRadius ? `${borderRadius}px` : "8px",
-        "--prompt-inner-border-radius": borderRadius ? borderRadius - 1 + "px" : "7px"
-    }), [ working, borderAnimate, setBorderColor, borderWidth, borderRadius, maxHeight, width, maxWidth, minWidth ]);
+        "--prompt-border-radius": setStyle(borderRadius),
+        "--prompt-inner-border-radius": innerBorderRadius
+    }), [ working, borderAnimate, setBorderColor, borderWidth, borderRadius, innerBorderRadius, maxHeight, width, maxWidth, minWidth ]);
     return jsx("div", {
         className: css.wrapperBg,
         ref: ref,

package/dist/esm/chunks/{RadioButton-DsZpFQlj.mjs → RadioButton-ZD7w9pql.mjs}

@@ -1,13 +1,13 @@
 'use client';
-import { a as __rest } from "./tslib.es6-UNsbHCvA.mjs";
+import { a as __rest } from "./tslib.es6-DatKI43-.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
 import React, { useState, useEffect, useCallback, useMemo } from "react";
 
-import { s as setStyle } from "./misc-Vjo15VLp.mjs";
+import { s as setStyle } from "./misc-DBIXjc2Q.mjs";
 
-import { I as Icon } from "./Icon-DYv9sj3v.mjs";
+import { I as Icon } from "./Icon-He4S-Q8N.mjs";
 
 var css_wrapper = "RadioButton-module_wrapper__-pWRe flexBox-module_row__z24tF", css_radioIcon = "RadioButton-module_radioIcon__I27Xv flexBox-module_column__ezvMq", css_radioTitle = "RadioButton-module_radioTitle__zCQII flexBox-module_rowStart__4tcxS type-module_body-m-regular__LuQBA", css_radioContent = "RadioButton-module_radioContent__38xVx flexBox-module_columnStart__C7P44";
 
@@ -23,11 +23,11 @@ function RadioButtonComponent(props) {
     }, [ isSelected, deselect, onChange, fieldName, label, value ]), setAriaLabel = useMemo(() => label || (children && "string" == typeof children ? children : "Radio Button"), [ label, children ]), setIconColor = useMemo(() => iconColor || "var(--core-text-primary)", [ iconColor ]), iconName = useMemo(() => isSelected ? checkedIcon : icon, [ isSelected, checkedIcon, icon ]), setFlex = useMemo(() => list ? "unset" : wrap ? "40%" : "1", [ list, wrap ]), cssVars = useMemo(() => ({
         "--rb-max-width": wrap ? "50%" : "100%",
         "--rb-flex": setFlex,
-        "--rb-padding": noFrame ? "0" : "8px 16px 8px 10px",
+        "--rb-padding": noFrame ? "0" : hideRadio ? "var(--spacing-s) var(--spacing-m)" : "var(--spacing-s) var(--spacing-m) var(--spacing-s) calc(var(--spacing-m) - var(--spacing-xs))",
         "--rb-bg": !noFrame && isSelected ? "var(--core-surface-secondary)" : "transparent",
         "--rb-border": noFrame ? "none" : "1px solid var(--core-outline-primary)",
         "--rb-gap": setStyle(gap)
-    }), [ setFlex, isSelected, wrap, noFrame, gap ]);
+    }), [ setFlex, isSelected, wrap, noFrame, hideRadio, gap ]);
     return jsxs("button", Object.assign({
         id: divId,
         type: "button",

package/dist/esm/chunks/{RadioButtonList-3SGXzY-l.mjs → RadioButtonList-h2_5VM4X.mjs}

@@ -1,13 +1,13 @@
 'use client';
-import { a as __rest } from "./tslib.es6-UNsbHCvA.mjs";
+import { a as __rest } from "./tslib.es6-DatKI43-.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
 
 import React, { useId, useState, useEffect, useCallback, useMemo } from "react";
 
-import { s as setStyle } from "./misc-Vjo15VLp.mjs";
+import { s as setStyle } from "./misc-DBIXjc2Q.mjs";
 
-import { R as RadioButton } from "./RadioButton-DsZpFQlj.mjs";
+import { R as RadioButton } from "./RadioButton-ZD7w9pql.mjs";
 
 var css_wrapper = "RadioButtonList-module_wrapper__wnq1-", css_column = "RadioButtonList-module_column__Bq16e flexBox-module_columnStart__C7P44", css_row = "RadioButtonList-module_row__D3szq flexBox-module_rowStart__4tcxS";
 

package/dist/esm/chunks/{Slider-bAlRcnr5.mjs → Slider-2Q6yVb8H.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-UNsbHCvA.mjs";
+import { a as __rest } from "./tslib.es6-DatKI43-.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -9,17 +9,17 @@ import "../theme/colors.mjs";
 
 import "../theme/type.mjs";
 
-import { p as pointerPosition } from "./misc-Vjo15VLp.mjs";
+import { p as pointerPosition } from "./misc-DBIXjc2Q.mjs";
 
-import { d as debounce } from "./debounce-D_IO1tKP.mjs";
+import { d as debounce } from "./debounce-BPsURiHk.mjs";
 
-import "./broadcastChannel-_Q346Oc1.mjs";
+import "./broadcastChannel-DahousoM.mjs";
 
-import "./webRTCStore-Dr5M8DFU.mjs";
+import "./webRTCStore-B2ri-_li.mjs";
 
-import "./microphoneStore-CKLPc5zm.mjs";
+import "./microphoneStore-D8VxjdFZ.mjs";
 
-import "./volumeStore-CicDxCvO.mjs";
+import "./volumeStore-hrteUkB-.mjs";
 
 import "../hooks/useWindow.mjs";
 

package/dist/esm/chunks/Spacer-Rj8PKnt3.mjs

@@ -0,0 +1,28 @@
+'use client';
+import { a as __rest } from "./tslib.es6-DatKI43-.mjs";
+
+import { jsx } from "react/jsx-runtime";
+
+import React, { useMemo } from "react";
+
+const Spacer = React.memo(props => {
+    const {size: size = "s"} = props, divAttributes = __rest(props, [ "size" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), spacerStyle = useMemo(() => {
+        const dimension = `var(--spacing-${size})`;
+        return {
+            width: dimension,
+            minWidth: dimension,
+            maxWidth: dimension,
+            height: dimension,
+            minHeight: dimension,
+            maxHeight: dimension,
+            flexShrink: 0
+        };
+    }, [ size ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "";
+    return jsx("div", Object.assign({
+        id: divId,
+        className: divClass.trim(),
+        style: Object.assign(Object.assign({}, divStyle), spacerStyle)
+    }, rest));
+});
+
+export { Spacer as S };

package/dist/esm/chunks/{Switch-YtBkB2gF.mjs → Switch-C4zkPOMU.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-UNsbHCvA.mjs";
+import { a as __rest } from "./tslib.es6-DatKI43-.mjs";
 
 import { jsx } from "react/jsx-runtime";
 
@@ -10,7 +10,7 @@ import React, { useState, useEffect, useCallback, useMemo } from "react";
 var css_wrapper = "Switch-module_wrapper__kudO9 flexBox-module_row__z24tF", css_knob = "Switch-module_knob__vKNOc flexBox-module_row__z24tF";
 
 function SwitchComponent(props) {
-    const {fieldName: fieldName, state: state = !1, value: value, height: height = 22, width: width = 44, padding: padding = 3, backgroundColorOn: backgroundColorOn = "var(--feedback-positive)", backgroundColorOff: backgroundColorOff = "var(--core-text-disabled)", knobColor: knobColor = "var(--core-surface-primary)", onChange: onChange = () => null} = props, divAttributes = __rest(props, [ "fieldName", "state", "value", "height", "width", "padding", "backgroundColorOn", "backgroundColorOff", "knobColor", "onChange" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [on, setOn] = useState(state), resolvedBackgroundColorOn = backgroundColorOn, resolvedBackgroundColorOff = backgroundColorOff;
+    const {fieldName: fieldName, state: state = !1, value: value, height: height = 22, width: width = 44, padding: padding, backgroundColorOn: backgroundColorOn = "var(--feedback-positive)", backgroundColorOff: backgroundColorOff = "var(--core-text-disabled)", knobColor: knobColor = "var(--core-surface-primary)", onChange: onChange = () => null} = props, divAttributes = __rest(props, [ "fieldName", "state", "value", "height", "width", "padding", "backgroundColorOn", "backgroundColorOff", "knobColor", "onChange" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [on, setOn] = useState(state), resolvedBackgroundColorOn = backgroundColorOn, resolvedBackgroundColorOff = backgroundColorOff;
     useEffect(() => {
         setOn(state);
     }, [ state ]);
@@ -19,8 +19,8 @@ function SwitchComponent(props) {
     }, [ on, onChange, value ]), cssVars = useMemo(() => ({
         "--switch-width": `${width}px`,
         "--switch-height": `${height}px`,
-        "--switch-padding": `${padding}px`,
-        "--switch-knob-size": height - 2 * padding + "px",
+        "--switch-padding": void 0 === padding ? "var(--spacing-xxs)" : `${padding}px`,
+        "--switch-knob-size": "calc(var(--switch-height) - var(--switch-padding) * 2)",
         "--switch-knob-color": knobColor,
         "--switch-bg-color": on ? resolvedBackgroundColorOn : resolvedBackgroundColorOff
     }), [ width, height, padding, resolvedBackgroundColorOff, resolvedBackgroundColorOn, on, knobColor ]), justify = useMemo(() => ({