@tutti-os/ui-system 0.0.97 → 0.0.99

package/dist/{chunk-C4J2QZQU.js → chunk-XVAQEGXC.js}

@@ -15,7 +15,7 @@ import {
   SuccessFilledIcon,
   WarningFilledIcon,
   WarningLinedIcon
-} from "./chunk-3WFA2ORO.js";
+} from "./chunk-KBF64EIF.js";
 import {
   cn
 } from "./chunk-DGPY4WP3.js";
@@ -125,6 +125,7 @@ var buttonVariants = cva3(
         ghost: "bg-transparent text-[var(--text-primary)] hover:bg-transparency-hover aria-expanded:bg-transparency-hover aria-expanded:text-[var(--text-primary)]",
         chrome: "border border-transparent bg-transparent text-[var(--text-tertiary)] shadow-none hover:border-transparent hover:bg-[var(--transparency-hover)] hover:text-[var(--text-primary)] active:bg-[var(--transparency-active)] active:text-[var(--text-primary)] aria-expanded:border-transparent aria-expanded:bg-[var(--transparency-block)] aria-expanded:text-[var(--text-primary)] disabled:pointer-events-auto disabled:cursor-not-allowed disabled:opacity-45",
         destructive: "bg-[var(--state-danger)] text-[var(--white-stationary)] hover:bg-[var(--state-danger-hover)] focus-visible:border-[var(--state-danger)] focus-visible:ring-[color-mix(in_srgb,var(--state-danger)_25%,transparent)]",
+        "destructive-secondary": "bg-[var(--on-danger)] text-[var(--state-danger)] hover:bg-[var(--on-danger-hover)] focus-visible:border-[var(--state-danger)] focus-visible:ring-[color-mix(in_srgb,var(--state-danger)_25%,transparent)]",
         link: "text-primary underline-offset-4 hover:underline"
       },
       size: {
@@ -1461,7 +1462,7 @@ function Input({
       "data-size": size,
       "data-variant": resolvedVariant,
       className: cn(
-        "w-full min-w-0 appearance-none border border-transparent bg-[var(--transparency-block)] font-normal text-[var(--text-primary)] shadow-none transition-colors duration-200 outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-[13px] file:font-medium file:text-[var(--text-primary)] placeholder:text-[var(--text-placeholder)] hover:bg-[var(--transparency-hover)] focus:bg-[var(--transparency-hover)] focus-visible:border-transparent focus-visible:bg-[var(--transparency-hover)] focus-visible:ring-0 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-[var(--transparency-block)] disabled:text-[var(--text-disabled)] disabled:opacity-100 aria-invalid:border-[var(--state-danger)] aria-invalid:bg-[var(--transparency-block)] aria-invalid:hover:bg-[var(--transparency-hover)] aria-invalid:focus:bg-[var(--transparency-hover)] aria-invalid:focus-visible:bg-[var(--transparency-hover)] aria-invalid:ring-0 aria-invalid:shadow-none",
+        "w-full min-w-0 appearance-none border-0 bg-[var(--transparency-block)] font-normal text-[var(--text-primary)] shadow-none transition-colors duration-200 outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-[13px] file:font-medium file:text-[var(--text-primary)] placeholder:text-[var(--text-placeholder)] hover:bg-[var(--transparency-hover)] focus:bg-[var(--transparency-hover)] focus-visible:border-0 focus-visible:bg-[var(--transparency-hover)] focus-visible:ring-0 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-[var(--transparency-block)] disabled:text-[var(--text-disabled)] disabled:opacity-100 aria-invalid:border-0 aria-invalid:bg-[var(--transparency-block)] aria-invalid:hover:bg-[var(--transparency-hover)] aria-invalid:focus:bg-[var(--transparency-hover)] aria-invalid:focus-visible:bg-[var(--transparency-hover)] aria-invalid:ring-0 aria-invalid:shadow-none",
         inputVariantClassNames[resolvedVariant],
         !variant && size === "sm" && "h-7 rounded-[4px] px-2 text-[11px]",
         className
@@ -1747,15 +1748,47 @@ function PopoverAnchor({
   return /* @__PURE__ */ jsx17(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
 }
 
+// src/components/radio-indicator/radio-indicator.tsx
+import { jsx as jsx18 } from "react/jsx-runtime";
+function RadioIndicator({
+  checked = false,
+  disabled = false,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx18(
+    "span",
+    {
+      ...props,
+      "aria-hidden": props["aria-hidden"] ?? true,
+      "data-checked": checked || void 0,
+      "data-disabled": disabled || void 0,
+      "data-slot": "radio-indicator",
+      "data-state": checked ? "checked" : "unchecked",
+      className: cn(
+        "inline-flex size-4 shrink-0 items-center justify-center rounded-full border-2 border-[var(--border-1)] bg-transparent transition-[border-color,background-color,box-shadow] data-[state=checked]:border-[var(--tutti-purple)] data-[state=unchecked]:hover:border-[color-mix(in_srgb,var(--text-primary)_40%,transparent)] data-disabled:cursor-not-allowed data-disabled:opacity-60",
+        className
+      ),
+      children: checked ? /* @__PURE__ */ jsx18(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: "size-2 rounded-full bg-[var(--tutti-purple)]"
+        }
+      ) : null
+    }
+  );
+}
+
 // src/components/resizable/resizable.tsx
 import * as ResizablePrimitive from "react-resizable-panels";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function ResizablePanelGroup({
   className,
   orientation = "horizontal",
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     ResizablePrimitive.Group,
     {
       "data-orientation": orientation,
@@ -1770,14 +1803,14 @@ function ResizablePanelGroup({
   );
 }
 function ResizablePanel(props) {
-  return /* @__PURE__ */ jsx18(ResizablePrimitive.Panel, { "data-slot": "resizable-panel", ...props });
+  return /* @__PURE__ */ jsx19(ResizablePrimitive.Panel, { "data-slot": "resizable-panel", ...props });
 }
 function ResizableHandle({
   className,
   withHandle,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     ResizablePrimitive.Separator,
     {
       "data-slot": "resizable-handle",
@@ -1786,14 +1819,14 @@ function ResizableHandle({
         className
       ),
       ...props,
-      children: withHandle ? /* @__PURE__ */ jsx18("div", { className: "z-10 flex items-center justify-center rounded-full bg-border/85 opacity-0 transition-[background-color,opacity] group-hover:bg-border group-hover:opacity-100 group-focus-visible:bg-border group-focus-visible:opacity-100 group-aria-[orientation=horizontal]:h-[3px] group-aria-[orientation=horizontal]:w-10 group-aria-[orientation=vertical]:h-10 group-aria-[orientation=vertical]:w-[3px]" }) : null
+      children: withHandle ? /* @__PURE__ */ jsx19("div", { className: "z-10 flex items-center justify-center rounded-full bg-border/85 opacity-0 transition-[background-color,opacity] group-hover:bg-border group-hover:opacity-100 group-focus-visible:bg-border group-focus-visible:opacity-100 group-aria-[orientation=horizontal]:h-[3px] group-aria-[orientation=horizontal]:w-10 group-aria-[orientation=vertical]:h-10 group-aria-[orientation=vertical]:w-[3px]" }) : null
     }
   );
 }
 
 // src/components/scroll-area/scroll-area.tsx
 import * as React7 from "react";
-import { jsx as jsx19, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs8 } from "react/jsx-runtime";
 var MIN_THUMB_SIZE_PX = 24;
 function ScrollArea({
   className,
@@ -1828,9 +1861,9 @@ function ScrollArea({
     ...props
   };
   if (scrollbarMode === "native") {
-    return /* @__PURE__ */ jsx19(NativeScrollArea, { ...implementationProps, children });
+    return /* @__PURE__ */ jsx20(NativeScrollArea, { ...implementationProps, children });
   }
-  return /* @__PURE__ */ jsx19(CustomScrollArea, { ...implementationProps, children });
+  return /* @__PURE__ */ jsx20(CustomScrollArea, { ...implementationProps, children });
 }
 function NativeScrollArea({
   className,
@@ -1849,7 +1882,7 @@ function NativeScrollArea({
   ...props
 }) {
   const alwaysVisible = type === "always" || type === "scroll" || hasAlwaysVisibleScrollbarSelector(className);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     ScrollAreaFrame,
     {
       ...props,
@@ -1928,7 +1961,7 @@ function CustomScrollArea({
       viewportTestId,
       children: [
         children,
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20(
           ScrollAreaScrollbar,
           {
             active: active || alwaysVisible,
@@ -1953,7 +1986,7 @@ function ScrollAreaFrame({
   viewportTestId,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "div",
     {
       "data-slot": "scroll-area",
@@ -1963,7 +1996,7 @@ function ScrollAreaFrame({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx19(
+      children: /* @__PURE__ */ jsx20(
         "div",
         {
           ...viewportProps,
@@ -1974,7 +2007,7 @@ function ScrollAreaFrame({
             "size-full overflow-auto rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1",
             viewportClassName
           ),
-          children: /* @__PURE__ */ jsx19(
+          children: /* @__PURE__ */ jsx20(
             "div",
             {
               ref: contentRef,
@@ -2189,7 +2222,7 @@ function ScrollAreaScrollbar({
   React7.useEffect(() => {
     scheduleSync();
   });
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "div",
     {
       ref: trackRef,
@@ -2207,7 +2240,7 @@ function ScrollAreaScrollbar({
       onPointerEnter: () => setTrackActive(true),
       onPointerLeave: () => setTrackActive(false),
       onPointerDown: handleTrackPointerDown,
-      children: /* @__PURE__ */ jsx19(
+      children: /* @__PURE__ */ jsx20(
         "div",
         {
           ref: thumbRef,
@@ -2226,7 +2259,7 @@ function ScrollBar({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "div",
     {
       "data-slot": "scroll-area-scrollbar",
@@ -2234,7 +2267,7 @@ function ScrollBar({
       className: cn(scrollbarClassName(orientation), className),
       style: scrollbarStyle({ active: false, orientation, scrollable: true }),
       ...props,
-      children: /* @__PURE__ */ jsx19(
+      children: /* @__PURE__ */ jsx20(
         "div",
         {
           "data-slot": "scroll-area-thumb",
@@ -2355,17 +2388,17 @@ function clamp(value, min, max) {
 
 // src/components/select/select.tsx
 import { Select as SelectPrimitive } from "radix-ui";
-import { jsx as jsx20, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs9 } from "react/jsx-runtime";
 function Select({
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(SelectPrimitive.Root, { "data-slot": "select", ...props });
+  return /* @__PURE__ */ jsx21(SelectPrimitive.Root, { "data-slot": "select", ...props });
 }
 function SelectGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     SelectPrimitive.Group,
     {
       "data-slot": "select-group",
@@ -2377,7 +2410,7 @@ function SelectGroup({
 function SelectValue({
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+  return /* @__PURE__ */ jsx21(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
 }
 function SelectTrigger({
   className,
@@ -2400,7 +2433,7 @@ function SelectTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx20(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx21(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx21(
           ChevronDownIcon,
           {
             className: cn("pointer-events-none size-4", "text-current")
@@ -2418,7 +2451,7 @@ function SelectContent({
   style,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx21(
     SelectPrimitive.Content,
     {
       asChild: true,
@@ -2438,8 +2471,8 @@ function SelectContent({
           ),
           style: { zIndex: "var(--z-popover)", ...style },
           children: [
-            /* @__PURE__ */ jsx20(SelectScrollUpButton, {}),
-            /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsx21(SelectScrollUpButton, {}),
+            /* @__PURE__ */ jsx21(
               SelectPrimitive.Viewport,
               {
                 "data-position": position,
@@ -2449,7 +2482,7 @@ function SelectContent({
                 children
               }
             ),
-            /* @__PURE__ */ jsx20(SelectScrollDownButton, {})
+            /* @__PURE__ */ jsx21(SelectScrollDownButton, {})
           ]
         }
       )
@@ -2460,7 +2493,7 @@ function SelectLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     SelectPrimitive.Label,
     {
       "data-slot": "select-label",
@@ -2476,7 +2509,7 @@ function SelectSplitLayout({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     "div",
     {
       "data-slot": "select-split-layout",
@@ -2492,7 +2525,7 @@ function SelectSplitColumn({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     "div",
     {
       "data-slot": "select-split-column",
@@ -2505,7 +2538,7 @@ function SelectSplitColumnLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     "div",
     {
       "data-slot": "select-split-column-label",
@@ -2521,7 +2554,7 @@ function SelectSplitColumnItems({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     "div",
     {
       "data-slot": "select-split-column-items",
@@ -2537,7 +2570,7 @@ function SelectSplitDivider({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     "div",
     {
       "aria-hidden": "true",
@@ -2563,14 +2596,14 @@ function SelectItem({
       className: cn("w-full", menuItemWithIndicatorClassName, className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx20("span", { className: menuItemIndicatorClassName, children: forceSelectedIndicator ? /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx21("span", { className: menuItemIndicatorClassName, children: forceSelectedIndicator ? /* @__PURE__ */ jsx21(
           CheckIcon,
           {
             className: "pointer-events-none text-[var(--tutti-purple)]",
             "data-slot": "select-item-forced-indicator"
           }
-        ) : /* @__PURE__ */ jsx20(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx20(CheckIcon, { className: "pointer-events-none text-[var(--tutti-purple)]" }) }) }),
-        /* @__PURE__ */ jsx20(SelectPrimitive.ItemText, { children })
+        ) : /* @__PURE__ */ jsx21(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx21(CheckIcon, { className: "pointer-events-none text-[var(--tutti-purple)]" }) }) }),
+        /* @__PURE__ */ jsx21(SelectPrimitive.ItemText, { children })
       ]
     }
   );
@@ -2579,7 +2612,7 @@ function SelectSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     SelectPrimitive.Separator,
     {
       "data-slot": "select-separator",
@@ -2595,7 +2628,7 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     SelectPrimitive.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
@@ -2604,7 +2637,7 @@ function SelectScrollUpButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx20(ChevronUpIcon, {})
+      children: /* @__PURE__ */ jsx21(ChevronUpIcon, {})
     }
   );
 }
@@ -2612,7 +2645,7 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     SelectPrimitive.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
@@ -2621,21 +2654,21 @@ function SelectScrollDownButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx20(ChevronDownIcon, {})
+      children: /* @__PURE__ */ jsx21(ChevronDownIcon, {})
     }
   );
 }
 
 // src/components/separator/separator.tsx
 import { Separator as SeparatorPrimitive } from "radix-ui";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 function Separator2({
   className,
   orientation = "horizontal",
   decorative = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     SeparatorPrimitive.Root,
     {
       "data-slot": "separator",
@@ -2651,7 +2684,7 @@ function Separator2({
 }
 
 // src/components/section-tabs/section-tabs.tsx
-import { jsx as jsx22, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs10 } from "react/jsx-runtime";
 function SectionTabs({
   tabs,
   value,
@@ -2660,7 +2693,7 @@ function SectionTabs({
   className,
   testId
 }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     "div",
     {
       "aria-label": ariaLabel,
@@ -2685,8 +2718,8 @@ function SectionTabs({
             type: "button",
             onClick: () => onValueChange(tab.value),
             children: [
-              /* @__PURE__ */ jsx22("span", { className: "min-w-0 truncate", children: tab.label }),
-              tab.count !== void 0 ? /* @__PURE__ */ jsx22("span", { className: "text-[15px] font-semibold leading-5 text-[inherit]", children: tab.count }) : null
+              /* @__PURE__ */ jsx23("span", { className: "min-w-0 truncate", children: tab.label }),
+              tab.count !== void 0 ? /* @__PURE__ */ jsx23("span", { className: "text-[15px] font-semibold leading-5 text-[inherit]", children: tab.count }) : null
             ]
           },
           tab.value
@@ -2697,9 +2730,9 @@ function SectionTabs({
 }
 
 // src/components/shortcut-badge/shortcut-badge.tsx
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 function ShortcutBadge({ className, ...props }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     "kbd",
     {
       "data-slot": "shortcut-badge",
@@ -2717,9 +2750,9 @@ import {
   Toaster as SonnerToaster,
   toast
 } from "sonner";
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 function Toaster({ toastOptions, style, ...props }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     SonnerToaster,
     {
       closeButton: true,
@@ -2728,11 +2761,11 @@ function Toaster({ toastOptions, style, ...props }) {
       position: "top-right",
       visibleToasts: 4,
       icons: {
-        error: /* @__PURE__ */ jsx24(FailedFilledIcon, { className: "size-4" }),
-        info: /* @__PURE__ */ jsx24(WarningLinedIcon, { className: "size-4" }),
-        loading: /* @__PURE__ */ jsx24(LoadingIcon, { className: "size-4 animate-spin" }),
-        success: /* @__PURE__ */ jsx24(SuccessFilledIcon, { className: "size-4" }),
-        warning: /* @__PURE__ */ jsx24(WarningFilledIcon, { className: "size-4" })
+        error: /* @__PURE__ */ jsx25(FailedFilledIcon, { className: "size-4" }),
+        info: /* @__PURE__ */ jsx25(WarningLinedIcon, { className: "size-4" }),
+        loading: /* @__PURE__ */ jsx25(LoadingIcon, { className: "size-4 animate-spin" }),
+        success: /* @__PURE__ */ jsx25(SuccessFilledIcon, { className: "size-4" }),
+        warning: /* @__PURE__ */ jsx25(WarningFilledIcon, { className: "size-4" })
       },
       style: {
         "--normal-bg": "var(--background-fronted)",
@@ -2761,7 +2794,7 @@ function Toaster({ toastOptions, style, ...props }) {
 }
 
 // src/components/spinner/spinner.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 function Spinner({
   className,
   size = 16,
@@ -2770,7 +2803,7 @@ function Spinner({
   testId,
   trackColor
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     LoadingIcon,
     {
       "data-slot": "spinner",
@@ -2790,7 +2823,7 @@ function Spinner({
 
 // src/components/status-dot/status-dot.tsx
 import { cva as cva4 } from "class-variance-authority";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 var statusDotVariants = cva4("inline-flex shrink-0 rounded-full", {
   variants: {
     tone: {
@@ -2824,7 +2857,7 @@ function StatusDot({
   title,
   className
 }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     "span",
     {
       "aria-hidden": ariaLabel ? void 0 : true,
@@ -2842,7 +2875,7 @@ function StatusDot({
 
 // src/components/switch/switch.tsx
 import { Switch as SwitchPrimitive } from "radix-ui";
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function Switch({
   className,
   disabled,
@@ -2850,7 +2883,7 @@ function Switch({
   size = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     SwitchPrimitive.Root,
     {
       "data-slot": "switch",
@@ -2863,12 +2896,12 @@ function Switch({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx27(
+      children: /* @__PURE__ */ jsx28(
         SwitchPrimitive.Thumb,
         {
           "data-slot": "switch-thumb",
           className: "pointer-events-none inline-flex items-center justify-center rounded-full bg-[var(--white-stationary)] ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-[state=checked]:translate-x-[14px] group-data-[size=sm]/switch:data-[state=checked]:translate-x-[10px] group-data-[size=default]/switch:data-[state=unchecked]:translate-x-0 group-data-[size=sm]/switch:data-[state=unchecked]:translate-x-0",
-          children: loading ? /* @__PURE__ */ jsx27(
+          children: loading ? /* @__PURE__ */ jsx28(
             LoadingIcon,
             {
               "aria-hidden": "true",
@@ -2882,9 +2915,9 @@ function Switch({
 }
 
 // src/components/textarea/textarea.tsx
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 function Textarea({ className, ...props }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     "textarea",
     {
       "data-slot": "textarea",
@@ -2901,13 +2934,13 @@ function Textarea({ className, ...props }) {
 import * as React8 from "react";
 import { Toast as ToastPrimitive } from "radix-ui";
 import { cva as cva5 } from "class-variance-authority";
-import { jsx as jsx29, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs11 } from "react/jsx-runtime";
 var toastDefaultDurationMs = 3e3;
 function ToastProvider({
   duration = toastDefaultDurationMs,
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(ToastPrimitive.Provider, { duration, ...props });
+  return /* @__PURE__ */ jsx30(ToastPrimitive.Provider, { duration, ...props });
 }
 var ToastVisualContext = React8.createContext(null);
 var toastStatusIconByVariant = {
@@ -2965,7 +2998,7 @@ function ToastRoot({
   ...props
 }) {
   const isDestructive = variant === "destructive";
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     ToastPrimitive.Root,
     {
       "aria-busy": busy,
@@ -2982,7 +3015,7 @@ function ToastRoot({
         ...style
       },
       ...props,
-      children: /* @__PURE__ */ jsx29(ToastVisualContext.Provider, { value: { busy, variant }, children: /* @__PURE__ */ jsx29("span", { className: "flex min-w-0 max-w-full flex-col items-center justify-center whitespace-normal break-words text-center", children }) })
+      children: /* @__PURE__ */ jsx30(ToastVisualContext.Provider, { value: { busy, variant }, children: /* @__PURE__ */ jsx30("span", { className: "flex min-w-0 max-w-full flex-col items-center justify-center whitespace-normal break-words text-center", children }) })
     }
   );
 }
@@ -3003,7 +3036,7 @@ function ToastTitle({
       ),
       ...props,
       children: [
-        toastVisual?.busy ? /* @__PURE__ */ jsx29(
+        toastVisual?.busy ? /* @__PURE__ */ jsx30(
           Spinner,
           {
             className: "shrink-0 text-current",
@@ -3011,8 +3044,8 @@ function ToastTitle({
             strokeWidth: 2,
             trackColor: "color-mix(in srgb, currentColor 28%, transparent)"
           }
-        ) : StatusIcon ? /* @__PURE__ */ jsx29(StatusIcon, { className: "size-4 shrink-0 text-current" }) : null,
-        /* @__PURE__ */ jsx29("span", { className: "min-w-0 break-words", children: formatToastText(children) })
+        ) : StatusIcon ? /* @__PURE__ */ jsx30(StatusIcon, { className: "size-4 shrink-0 text-current" }) : null,
+        /* @__PURE__ */ jsx30("span", { className: "min-w-0 break-words", children: formatToastText(children) })
       ]
     }
   );
@@ -3021,7 +3054,7 @@ function ToastDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     ToastPrimitive.Description,
     {
       "data-slot": "toast-description",
@@ -3037,7 +3070,7 @@ function ToastClose({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     ToastPrimitive.Close,
     {
       "data-slot": "toast-close",
@@ -3046,7 +3079,7 @@ function ToastClose({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx29(CloseIcon, { className: "size-4" })
+      children: /* @__PURE__ */ jsx30(CloseIcon, { className: "size-4" })
     }
   );
 }
@@ -3055,7 +3088,7 @@ function ToastViewport({
   style,
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     ToastPrimitive.Viewport,
     {
       "data-slot": "toast-viewport",
@@ -3071,7 +3104,7 @@ function ToastViewport({
 
 // src/components/underline-tabs/underline-tabs.tsx
 import { useEffect as useEffect5, useLayoutEffect as useLayoutEffect2, useRef as useRef4, useState as useState5 } from "react";
-import { jsx as jsx30, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs12 } from "react/jsx-runtime";
 function UnderlineTabs({
   tabs,
   value,
@@ -3166,7 +3199,7 @@ function UnderlineTabs({
       "data-testid": testId,
       role: "tablist",
       children: [
-        /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx31(
           "div",
           {
             ref: viewportRef,
@@ -3211,14 +3244,14 @@ function UnderlineTabs({
                         onClick: () => onValueChange(tab.value),
                         onMouseDown: preventMouseDownDefault ? (event) => event.preventDefault() : void 0,
                         children: [
-                          /* @__PURE__ */ jsx30("span", { children: tab.label }),
-                          tab.count !== void 0 ? /* @__PURE__ */ jsx30("span", { className: "text-[11px] font-medium leading-6 text-[inherit]", children: tab.count }) : null
+                          /* @__PURE__ */ jsx31("span", { children: tab.label }),
+                          tab.count !== void 0 ? /* @__PURE__ */ jsx31("span", { className: "text-[11px] font-medium leading-6 text-[inherit]", children: tab.count }) : null
                         ]
                       },
                       tab.value
                     );
                   }),
-                  /* @__PURE__ */ jsx30(
+                  /* @__PURE__ */ jsx31(
                     "div",
                     {
                       "aria-hidden": true,
@@ -3235,7 +3268,7 @@ function UnderlineTabs({
             )
           }
         ),
-        /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx31(
           "button",
           {
             "aria-label": scrollLeftLabel,
@@ -3246,10 +3279,10 @@ function UnderlineTabs({
             disabled: !overflow.canScrollLeft,
             type: "button",
             onClick: () => scrollTabs("left"),
-            children: /* @__PURE__ */ jsx30(ArrowLeftIcon, { size: 16 })
+            children: /* @__PURE__ */ jsx31(ArrowLeftIcon, { size: 16 })
           }
         ),
-        /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx31(
           "button",
           {
             "aria-label": scrollRightLabel,
@@ -3260,7 +3293,7 @@ function UnderlineTabs({
             disabled: !overflow.canScrollRight,
             type: "button",
             onClick: () => scrollTabs("right"),
-            children: /* @__PURE__ */ jsx30(ArrowRightIcon, { size: 16 })
+            children: /* @__PURE__ */ jsx31(ArrowRightIcon, { size: 16 })
           }
         )
       ]
@@ -3271,7 +3304,7 @@ function UnderlineTabs({
 // src/components/viewport-menu-surface/viewport-menu-surface.tsx
 import * as React9 from "react";
 import { createPortal as createPortal2 } from "react-dom";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 var VIEWPORT_MENU_PADDING = 12;
 var MENU_BOUNDARY_PADDING = 8;
 function clampMenuCoordinate(origin, size, viewportExtent, padding) {
@@ -3541,7 +3574,7 @@ var ViewportMenuSurface = React9.forwardRef(function ViewportMenuSurface2({
   }
   const portalTarget = resolvedPlacement.portalTarget ?? document.body;
   return createPortal2(
-    /* @__PURE__ */ jsx31(
+    /* @__PURE__ */ jsx32(
       MenuSurface,
       {
         ...rest,
@@ -3649,6 +3682,7 @@ export {
   PopoverClose,
   PopoverContent,
   PopoverAnchor,
+  RadioIndicator,
   ResizablePanelGroup,
   ResizablePanel,
   ResizableHandle,
@@ -3689,4 +3723,4 @@ export {
   UnderlineTabs,
   ViewportMenuSurface
 };
-//# sourceMappingURL=chunk-C4J2QZQU.js.map
+//# sourceMappingURL=chunk-XVAQEGXC.js.map