@alexgorbatchev/shadcn 0.0.48 → 0.0.49

package/dist/{chunk-a6mes7w0.js → chunk-31wptjv4.js}

@@ -1,6 +1,3 @@
-import {
-  cn2
-} from "./chunk-cp2m7y7v.js";
 import {
   useDensity
 } from "./chunk-e6hk39ev.js";
@@ -9,107 +6,69 @@ import {
   usePortalNode,
   PortalProvider2
 } from "./chunk-x90xmrba.js";
+import {
+  cn2
+} from "./chunk-en44w1pn.js";
 import {
   Button2
-} from "./chunk-38301e40.js";
+} from "./chunk-bd09gygt.js";
 import {
   InputGroup2,
   InputGroupAddon2,
   InputGroupButton2,
   InputGroupInput2
-} from "./chunk-14mh00z3.js";
+} from "./chunk-rxjxb4vy.js";
 import {
   useAnalyticsCallback
 } from "./chunk-5mydsjp3.js";
 
-// src/components/ScrollArea.tsx
-import { ScrollArea as ScrollAreaPrimitive } from "@base-ui/react/scroll-area";
-import { jsx, jsxs } from "react/jsx-runtime";
-function ScrollArea2({
-  density,
-  className,
-  children,
-  scrollbars = /* @__PURE__ */ jsx(ScrollBar2, {}),
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(ScrollAreaPrimitive.Root, {
-    "data-density": density,
-    "data-slot": "scroll-area",
-    className: (state) => cn2("relative flex min-h-0 flex-col", typeof className === "function" ? className(state) : className),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, {
-        "data-slot": "scroll-area-viewport",
-        className: "size-full min-h-0 flex-1 rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-1",
-        children
-      }),
-      scrollbars,
-      /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
-    ]
-  });
-}
-function ScrollBar2({ density, className, orientation = "vertical", ...props }) {
-  return /* @__PURE__ */ jsx(ScrollAreaPrimitive.Scrollbar, {
-    "data-density": density,
-    "data-slot": "scroll-area-scrollbar",
-    "data-orientation": orientation,
-    orientation,
-    className: (state) => cn2("flex touch-none p-px transition-colors select-none data-[orientation=horizontal]:h-2.5 data-[orientation=horizontal]:flex-col data-[orientation=horizontal]:border-t data-[orientation=horizontal]:border-t-transparent data-[orientation=vertical]:w-2.5 data-[orientation=vertical]:border-s data-[orientation=vertical]:border-s-transparent", typeof className === "function" ? className(state) : className),
-    ...props,
-    children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.Thumb, {
-      "data-slot": "scroll-area-thumb",
-      className: "relative flex-1 rounded-full bg-border"
-    })
-  });
-}
-
 // src/components/Combobox.tsx
 import { useDirection } from "@base-ui/react/direction-provider";
 import { Combobox as ComboboxPrimitive } from "@base-ui/react/combobox";
 import { ChevronDownIcon, XIcon, CheckIcon } from "lucide-react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 function Combobox2({
   analytics,
   ...props
 }) {
   const onValueChange = useAnalyticsCallback("Combobox", analytics, { name: "ui.change-request" }, props.onValueChange);
   const onOpenChange = useAnalyticsCallback("Combobox", analytics, (open, _details) => ({ name: "ui.open-request", open }), props.onOpenChange);
-  return /* @__PURE__ */ jsx2(ComboboxPrimitive.Root, {
+  return /* @__PURE__ */ jsx(ComboboxPrimitive.Root, {
     ...props,
     onValueChange,
     onOpenChange
   });
 }
 function ComboboxValue2({ ...props }) {
-  return /* @__PURE__ */ jsx2(ComboboxPrimitive.Value, {
+  return /* @__PURE__ */ jsx(ComboboxPrimitive.Value, {
     ...props
   });
 }
 function ComboboxTrigger2({ density, className, children, ...props }) {
-  return /* @__PURE__ */ jsxs2(ComboboxPrimitive.Trigger, {
+  return /* @__PURE__ */ jsxs(ComboboxPrimitive.Trigger, {
     "data-density": density,
     "data-slot": "combobox-trigger",
     className: (state) => cn2("[&_svg:not([class*='size-'])]:size-4", typeof className === "function" ? className(state) : className),
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx2(ChevronDownIcon, {
+      /* @__PURE__ */ jsx(ChevronDownIcon, {
         className: "pointer-events-none size-4 text-muted-foreground"
       })
     ]
   });
 }
 function ComboboxClear({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx2(ComboboxPrimitive.Clear, {
+  return /* @__PURE__ */ jsx(ComboboxPrimitive.Clear, {
     "data-density": density,
     "data-slot": "combobox-clear",
-    render: /* @__PURE__ */ jsx2(InputGroupButton2, {
+    render: /* @__PURE__ */ jsx(InputGroupButton2, {
       variant: "ghost",
       size: "icon-xs"
     }),
     className: (state) => cn2(typeof className === "function" ? className(state) : className),
     ...props,
-    children: /* @__PURE__ */ jsx2(XIcon, {
+    children: /* @__PURE__ */ jsx(XIcon, {
       className: "pointer-events-none"
     })
   });
@@ -126,30 +85,30 @@ function ComboboxInput2({
   clearLabel = "Clear selection",
   ...props
 }) {
-  return /* @__PURE__ */ jsxs2(InputGroup2, {
+  return /* @__PURE__ */ jsxs(InputGroup2, {
     density,
     className: cn2("w-auto", frameClassName),
     children: [
-      /* @__PURE__ */ jsx2(ComboboxPrimitive.Input, {
+      /* @__PURE__ */ jsx(ComboboxPrimitive.Input, {
         disabled,
         className,
-        render: /* @__PURE__ */ jsx2(InputGroupInput2, {}),
+        render: /* @__PURE__ */ jsx(InputGroupInput2, {}),
         ...props
       }),
-      /* @__PURE__ */ jsxs2(InputGroupAddon2, {
+      /* @__PURE__ */ jsxs(InputGroupAddon2, {
         align: "inline-end",
         children: [
-          showTrigger && /* @__PURE__ */ jsx2(InputGroupButton2, {
+          showTrigger && /* @__PURE__ */ jsx(InputGroupButton2, {
             size: "icon-xs",
             variant: "ghost",
-            render: /* @__PURE__ */ jsx2(ComboboxTrigger2, {}),
+            render: /* @__PURE__ */ jsx(ComboboxTrigger2, {}),
             "aria-label": triggerLabel,
             "data-density": density,
             "data-slot": "input-group-button",
             className: "group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent",
             disabled
           }),
-          showClear && /* @__PURE__ */ jsx2(ComboboxClear, {
+          showClear && /* @__PURE__ */ jsx(ComboboxClear, {
             disabled,
             "aria-label": clearLabel
           })
@@ -173,19 +132,19 @@ function ComboboxContent2({
   const direction = useDirection();
   const container = usePortalContainer2();
   const portal = usePortalNode();
-  return /* @__PURE__ */ jsx2(ComboboxPrimitive.Portal, {
+  return /* @__PURE__ */ jsx(ComboboxPrimitive.Portal, {
     container,
     ref: portal.ref,
-    children: /* @__PURE__ */ jsx2(PortalProvider2, {
+    children: /* @__PURE__ */ jsx(PortalProvider2, {
       container: portal.node,
-      children: /* @__PURE__ */ jsx2(ComboboxPrimitive.Positioner, {
+      children: /* @__PURE__ */ jsx(ComboboxPrimitive.Positioner, {
         side,
         sideOffset,
         align,
         alignOffset,
         anchor,
         className: "isolate ",
-        children: /* @__PURE__ */ jsx2(ComboboxPrimitive.Popup, {
+        children: /* @__PURE__ */ jsx(ComboboxPrimitive.Popup, {
           dir: direction,
           "data-density": resolvedDensity,
           "data-slot": "combobox-content",
@@ -198,7 +157,7 @@ function ComboboxContent2({
   });
 }
 function ComboboxList2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx2(ComboboxPrimitive.List, {
+  return /* @__PURE__ */ jsx(ComboboxPrimitive.List, {
     "data-density": density,
     "data-slot": "combobox-list",
     className: (state) => cn2("no-scrollbar max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] scroll-py-1 overflow-y-auto overscroll-contain p-1 data-empty:p-0", typeof className === "function" ? className(state) : className),
@@ -206,18 +165,18 @@ function ComboboxList2({ density, className, ...props }) {
   });
 }
 function ComboboxItem2({ density, className, children, ...props }) {
-  return /* @__PURE__ */ jsxs2(ComboboxPrimitive.Item, {
+  return /* @__PURE__ */ jsxs(ComboboxPrimitive.Item, {
     "data-density": density,
     "data-slot": "combobox-item",
     className: (state) => cn2("relative flex w-full cursor-default items-center gap-2 rounded-md py-1 pe-8 ps-1.5 text-sm outline-hidden select-none data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", typeof className === "function" ? className(state) : className),
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx2(ComboboxPrimitive.ItemIndicator, {
-        render: /* @__PURE__ */ jsx2("span", {
+      /* @__PURE__ */ jsx(ComboboxPrimitive.ItemIndicator, {
+        render: /* @__PURE__ */ jsx("span", {
           className: "pointer-events-none absolute end-2 flex size-4 items-center justify-center"
         }),
-        children: /* @__PURE__ */ jsx2(CheckIcon, {
+        children: /* @__PURE__ */ jsx(CheckIcon, {
           className: "pointer-events-none"
         })
       })
@@ -225,7 +184,7 @@ function ComboboxItem2({ density, className, children, ...props }) {
   });
 }
 function ComboboxGroup2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx2(ComboboxPrimitive.Group, {
+  return /* @__PURE__ */ jsx(ComboboxPrimitive.Group, {
     "data-density": density,
     "data-slot": "combobox-group",
     className: (state) => cn2(typeof className === "function" ? className(state) : className),
@@ -233,7 +192,7 @@ function ComboboxGroup2({ density, className, ...props }) {
   });
 }
 function ComboboxLabel2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx2(ComboboxPrimitive.GroupLabel, {
+  return /* @__PURE__ */ jsx(ComboboxPrimitive.GroupLabel, {
     "data-density": density,
     "data-slot": "combobox-label",
     className: (state) => cn2("px-2 py-1.5 text-xs text-muted-foreground", typeof className === "function" ? className(state) : className),
@@ -241,12 +200,12 @@ function ComboboxLabel2({ density, className, ...props }) {
   });
 }
 function ComboboxCollection2({ ...props }) {
-  return /* @__PURE__ */ jsx2(ComboboxPrimitive.Collection, {
+  return /* @__PURE__ */ jsx(ComboboxPrimitive.Collection, {
     ...props
   });
 }
 function ComboboxEmpty2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx2(ComboboxPrimitive.Empty, {
+  return /* @__PURE__ */ jsx(ComboboxPrimitive.Empty, {
     "data-density": density,
     "data-slot": "combobox-empty",
     className: (state) => cn2("flex w-full justify-center py-2 empty:p-0 text-center text-sm text-muted-foreground", typeof className === "function" ? className(state) : className),
@@ -254,7 +213,7 @@ function ComboboxEmpty2({ density, className, ...props }) {
   });
 }
 function ComboboxSeparator2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx2(ComboboxPrimitive.Separator, {
+  return /* @__PURE__ */ jsx(ComboboxPrimitive.Separator, {
     "data-density": density,
     "data-slot": "combobox-separator",
     className: (state) => cn2("-mx-1 my-1 h-px bg-border", typeof className === "function" ? className(state) : className),
@@ -262,7 +221,7 @@ function ComboboxSeparator2({ density, className, ...props }) {
   });
 }
 function ComboboxChips2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx2(ComboboxPrimitive.Chips, {
+  return /* @__PURE__ */ jsx(ComboboxPrimitive.Chips, {
     "data-density": density,
     "data-slot": "combobox-chips",
     className: (state) => cn2("flex min-h-control flex-wrap items-center gap-1 rounded-sm border border-input bg-transparent bg-clip-padding px-control-x py-px text-sm transition-colors focus-within:border-ring focus-within:ring-1 focus-within:ring-ring has-aria-invalid:border-destructive has-aria-invalid:ring-3 has-aria-invalid:ring-destructive has-data-[slot=combobox-chip]:px-1", typeof className === "function" ? className(state) : className),
@@ -277,22 +236,22 @@ function ComboboxChip2({
   removeLabel = "Remove item",
   ...props
 }) {
-  return /* @__PURE__ */ jsxs2(ComboboxPrimitive.Chip, {
+  return /* @__PURE__ */ jsxs(ComboboxPrimitive.Chip, {
     "data-density": density,
     "data-slot": "combobox-chip",
     className: (state) => cn2("flex h-tag w-fit items-center justify-center gap-1 rounded-sm bg-muted px-1.5 text-xs font-medium whitespace-nowrap text-foreground has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50 has-data-[slot=combobox-chip-remove]:pe-0", typeof className === "function" ? className(state) : className),
     ...props,
     children: [
       children,
-      showRemove && /* @__PURE__ */ jsx2(ComboboxPrimitive.ChipRemove, {
-        render: /* @__PURE__ */ jsx2(Button2, {
+      showRemove && /* @__PURE__ */ jsx(ComboboxPrimitive.ChipRemove, {
+        render: /* @__PURE__ */ jsx(Button2, {
           variant: "ghost",
           size: "icon-xs"
         }),
         className: "size-tag -ms-1 opacity-50 hover:opacity-100",
         "data-slot": "combobox-chip-remove",
         "aria-label": removeLabel,
-        children: /* @__PURE__ */ jsx2(XIcon, {
+        children: /* @__PURE__ */ jsx(XIcon, {
           className: "pointer-events-none"
         })
       })
@@ -300,7 +259,7 @@ function ComboboxChip2({
   });
 }
 function ComboboxChipsInput2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx2(ComboboxPrimitive.Input, {
+  return /* @__PURE__ */ jsx(ComboboxPrimitive.Input, {
     "data-density": density,
     "data-slot": "combobox-chip-input",
     className: (state) => cn2("h-tag min-w-16 flex-1 py-0 text-sm leading-none outline-none", typeof className === "function" ? className(state) : className),
@@ -317,7 +276,7 @@ function useComboboxAnchor2() {
 // src/components/NumberField.tsx
 import { NumberField as NumberFieldPrimitive } from "@base-ui/react/number-field";
 import { MinusIcon, PlusIcon, MoveHorizontalIcon } from "lucide-react";
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx as jsx2 } from "react/jsx-runtime";
 function NumberField2({
   analytics,
   density,
@@ -325,7 +284,7 @@ function NumberField2({
   ...props
 }) {
   const trackedOnValueCommitted = useAnalyticsCallback("NumberField", analytics, { name: "ui.commit" }, props.onValueCommitted);
-  return /* @__PURE__ */ jsx3(NumberFieldPrimitive.Root, {
+  return /* @__PURE__ */ jsx2(NumberFieldPrimitive.Root, {
     "data-density": density,
     "data-slot": "number-field",
     className: (state) => cn2("flex min-w-0 flex-col gap-field-gap", typeof className === "function" ? className(state) : className),
@@ -338,7 +297,7 @@ function NumberFieldGroup2({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(NumberFieldPrimitive.Group, {
+  return /* @__PURE__ */ jsx2(NumberFieldPrimitive.Group, {
     "data-density": density,
     "data-slot": "number-field-group",
     className: (state) => cn2("flex h-control min-w-0 items-stretch rounded-sm border border-input bg-secondary text-foreground transition-colors focus-within:border-ring focus-within:ring-1 focus-within:ring-ring data-disabled:opacity-50 motion-reduce:transition-none", typeof className === "function" ? className(state) : className),
@@ -350,7 +309,7 @@ function NumberFieldInput2({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(NumberFieldPrimitive.Input, {
+  return /* @__PURE__ */ jsx2(NumberFieldPrimitive.Input, {
     "data-density": density,
     "data-slot": "number-field-input",
     className: (state) => cn2("min-w-0 flex-1 bg-transparent px-control-x text-center text-sm tabular-nums outline-none disabled:cursor-not-allowed", typeof className === "function" ? className(state) : className),
@@ -360,10 +319,10 @@ function NumberFieldInput2({
 function NumberFieldDecrement2({
   density,
   className,
-  children = /* @__PURE__ */ jsx3(MinusIcon, {}),
+  children = /* @__PURE__ */ jsx2(MinusIcon, {}),
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(NumberFieldPrimitive.Decrement, {
+  return /* @__PURE__ */ jsx2(NumberFieldPrimitive.Decrement, {
     "data-density": density,
     "data-slot": "number-field-decrement",
     className: (state) => cn2("flex w-control shrink-0 items-center justify-center rounded-s-sm outline-none hover:bg-muted focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:size-3.5", typeof className === "function" ? className(state) : className),
@@ -374,10 +333,10 @@ function NumberFieldDecrement2({
 function NumberFieldIncrement2({
   density,
   className,
-  children = /* @__PURE__ */ jsx3(PlusIcon, {}),
+  children = /* @__PURE__ */ jsx2(PlusIcon, {}),
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(NumberFieldPrimitive.Increment, {
+  return /* @__PURE__ */ jsx2(NumberFieldPrimitive.Increment, {
     "data-density": density,
     "data-slot": "number-field-increment",
     className: (state) => cn2("flex w-control shrink-0 items-center justify-center rounded-e-sm outline-none hover:bg-muted focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:size-3.5", typeof className === "function" ? className(state) : className),
@@ -390,7 +349,7 @@ function NumberFieldScrubArea2({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(NumberFieldPrimitive.ScrubArea, {
+  return /* @__PURE__ */ jsx2(NumberFieldPrimitive.ScrubArea, {
     "data-density": density,
     "data-slot": "number-field-scrub-area",
     className: (state) => cn2("flex w-fit cursor-ew-resize items-center gap-control-gap text-sm font-medium", typeof className === "function" ? className(state) : className),
@@ -400,11 +359,11 @@ function NumberFieldScrubArea2({
 function NumberFieldScrubAreaCursor2({
   density,
   className,
-  children = /* @__PURE__ */ jsx3(MoveHorizontalIcon, {}),
+  children = /* @__PURE__ */ jsx2(MoveHorizontalIcon, {}),
   ...props
 }) {
   const resolvedDensity = useDensity(density);
-  return /* @__PURE__ */ jsx3(NumberFieldPrimitive.ScrubAreaCursor, {
+  return /* @__PURE__ */ jsx2(NumberFieldPrimitive.ScrubAreaCursor, {
     "data-density": resolvedDensity,
     "data-slot": "number-field-scrub-area-cursor",
     className: (state) => cn2("z-50 font-sans text-sm text-foreground [&_svg]:size-5", typeof className === "function" ? className(state) : className),
@@ -413,4 +372,4 @@ function NumberFieldScrubAreaCursor2({
   });
 }
 
-export { ScrollArea2, ScrollBar2, Combobox2, ComboboxValue2, ComboboxTrigger2, ComboboxInput2, ComboboxContent2, ComboboxList2, ComboboxItem2, ComboboxGroup2, ComboboxLabel2, ComboboxCollection2, ComboboxEmpty2, ComboboxSeparator2, ComboboxChips2, ComboboxChip2, ComboboxChipsInput2, useComboboxAnchor2, NumberField2, NumberFieldGroup2, NumberFieldInput2, NumberFieldDecrement2, NumberFieldIncrement2, NumberFieldScrubArea2, NumberFieldScrubAreaCursor2 };
+export { Combobox2, ComboboxValue2, ComboboxTrigger2, ComboboxInput2, ComboboxContent2, ComboboxList2, ComboboxItem2, ComboboxGroup2, ComboboxLabel2, ComboboxCollection2, ComboboxEmpty2, ComboboxSeparator2, ComboboxChips2, ComboboxChip2, ComboboxChipsInput2, useComboboxAnchor2, NumberField2, NumberFieldGroup2, NumberFieldInput2, NumberFieldDecrement2, NumberFieldIncrement2, NumberFieldScrubArea2, NumberFieldScrubAreaCursor2 };

package/dist/{chunk-wgxs6b5t.js → chunk-39q6906v.js}

@@ -1,6 +1,6 @@
 import {
   cn2
-} from "./chunk-cp2m7y7v.js";
+} from "./chunk-en44w1pn.js";
 import {
   useIsomorphicLayoutEffect
 } from "./chunk-1wz92wgg.js";

package/dist/{chunk-s8ejm9d8.js → chunk-3b15harp.js}

@@ -1,6 +1,6 @@
 import {
   CommandInput2
-} from "./chunk-0twprqdp.js";
+} from "./chunk-5bq2j907.js";
 
 // src/components/assistant-ui/elements/ModelSelectorFocusAnchor.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/{chunk-6jw87d07.js → chunk-3gc5n7dc.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-7ny0vyek.js";
 import {
   cn2
-} from "./chunk-cp2m7y7v.js";
+} from "./chunk-en44w1pn.js";
 import {
   Button2
-} from "./chunk-38301e40.js";
+} from "./chunk-bd09gygt.js";
 
 // src/components/carousel/Carousel.tsx
 import { useCallback, useEffect, useEffectEvent, useState } from "react";

package/dist/{chunk-05shyxqp.js → chunk-3gxptxxs.js}

@@ -1,6 +1,6 @@
 import {
   TooltipIconButton2
-} from "./chunk-kzar67tq.js";
+} from "./chunk-s2f3zzbb.js";
 
 // src/components/assistant-ui/native/VoiceMuteButton.tsx
 import { useVoiceControls, useVoiceState } from "@assistant-ui/react";

package/dist/{chunk-jhw9q2eq.js → chunk-3j9enr2q.js}

@@ -1,6 +1,6 @@
 import {
   cn2
-} from "./chunk-cp2m7y7v.js";
+} from "./chunk-en44w1pn.js";
 import {
   mono
 } from "./chunk-fgmcbtyt.js";

package/dist/{chunk-ybyx7vt4.js → chunk-3kw3nft7.js}

@@ -1,16 +1,16 @@
 import {
   cn2
-} from "./chunk-cp2m7y7v.js";
+} from "./chunk-en44w1pn.js";
 import {
   Button2
-} from "./chunk-38301e40.js";
+} from "./chunk-bd09gygt.js";
 import {
   TASK_PAGE_SIZE,
   taskStateOf
 } from "./chunk-1s7af44v.js";
 import {
   TaskCard2
-} from "./chunk-2mswp6h1.js";
+} from "./chunk-f7cczxya.js";
 
 // src/components/assistant-ui/native/TaskGroup.tsx
 import { useAui, useAuiState } from "@assistant-ui/react";

package/dist/{chunk-vfhztmet.js → chunk-3p6085ag.js}

@@ -1,6 +1,6 @@
 import {
   cn2
-} from "./chunk-cp2m7y7v.js";
+} from "./chunk-en44w1pn.js";
 import {
   ShareMeter2
 } from "./chunk-mammcx1w.js";

package/dist/{chunk-fb6h4fzt.js → chunk-3qq9yhn2.js}

@@ -4,7 +4,7 @@ import {
   CardTitle2,
   CardDescription2,
   CardContent2
-} from "./chunk-bygq5yqf.js";
+} from "./chunk-k1f35j55.js";
 import {
   take
 } from "./chunk-v8ks0cfq.js";

package/dist/{chunk-a82d9z1e.js → chunk-3qrvksfh.js}

@@ -1,6 +1,6 @@
 import {
   CommandSeparator2
-} from "./chunk-0twprqdp.js";
+} from "./chunk-5bq2j907.js";
 
 // src/components/assistant-ui/elements/ModelSelectorSeparator.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/{chunk-fxfwgr5g.js → chunk-3rjm30tj.js}

@@ -1,23 +1,23 @@
 import {
   cn2
-} from "./chunk-cp2m7y7v.js";
+} from "./chunk-en44w1pn.js";
 import {
   Button2
-} from "./chunk-38301e40.js";
+} from "./chunk-bd09gygt.js";
 import {
   Input2
-} from "./chunk-0fmrwsgp.js";
+} from "./chunk-7vg045gd.js";
 import {
   FieldSet2,
   FieldLegend2,
   FieldGroup2,
   Field2,
   FieldLabel2
-} from "./chunk-6jpz5geq.js";
+} from "./chunk-9n0axzd5.js";
 import {
   RadioGroup2,
   RadioGroupItem2
-} from "./chunk-ekbesw9t.js";
+} from "./chunk-kgqe8gpb.js";
 import {
   Card2,
   CardHeader2,
@@ -25,10 +25,10 @@ import {
   CardDescription2,
   CardContent2,
   CardFooter2
-} from "./chunk-bygq5yqf.js";
+} from "./chunk-k1f35j55.js";
 import {
   Switch2
-} from "./chunk-ptgtqv1a.js";
+} from "./chunk-m98d89xc.js";
 import {
   useReceiptFocus
 } from "./chunk-vxvaaptq.js";

package/dist/{chunk-e9756880.js → chunk-4143tbd7.js}

@@ -1,9 +1,9 @@
 import {
   cn2
-} from "./chunk-cp2m7y7v.js";
+} from "./chunk-en44w1pn.js";
 import {
   ComposerMenuItem2
-} from "./chunk-mcdqy5gt.js";
+} from "./chunk-t18hedpv.js";
 import {
   mono
 } from "./chunk-fgmcbtyt.js";

package/dist/{chunk-645dhey7.js → chunk-424xrf3x.js}

@@ -1,9 +1,9 @@
 import {
   cn2
-} from "./chunk-cp2m7y7v.js";
+} from "./chunk-en44w1pn.js";
 import {
   Button2
-} from "./chunk-38301e40.js";
+} from "./chunk-bd09gygt.js";
 import {
   paper,
   field,
@@ -13,14 +13,16 @@ import {
 // src/components/assistant-ui/elements/CanvasSplit.tsx
 import { CheckIcon, CopyIcon, FileTextIcon, XIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-function CanvasSplit2({ children, ...props }) {
+function CanvasSplit2({ layout = "card", children, ...props }) {
   return /* @__PURE__ */ jsx("div", {
     "data-testid": "CanvasSplit",
     "data-slot": "canvas-split",
-    className: cn2(paper, "@container w-full max-w-3xl overflow-hidden rounded-md"),
+    "data-layout": layout,
+    "data-scroll": "none",
+    className: cn2("group/canvas-split @container w-full overflow-hidden", layout === "card" ? cn2(paper, "max-w-3xl rounded-md") : "flex h-full min-h-0 flex-col bg-background"),
     ...props,
     children: /* @__PURE__ */ jsx("div", {
-      className: "flex flex-col @xl:h-80 @xl:flex-row",
+      className: cn2("flex flex-col", layout === "card" ? "@xl:h-80 @xl:flex-row" : "min-h-0 flex-1 @3xl:flex-row"),
       children
     })
   });
@@ -29,7 +31,7 @@ function CanvasSplitThread2({ ...props }) {
   return /* @__PURE__ */ jsx("div", {
     "data-testid": "CanvasSplitThread",
     "data-slot": "canvas-split-thread",
-    className: cn2("border-foreground/[0.07] flex flex-col gap-3 border-b p-4 @xl:w-[240px] @xl:shrink-0 @xl:overflow-y-auto @xl:border-r @xl:border-b-0"),
+    className: cn2("border-foreground/[0.07] flex flex-col gap-3 border-b p-4", "group-data-[layout=card]/canvas-split:@xl:w-[240px] group-data-[layout=card]/canvas-split:@xl:shrink-0 group-data-[layout=card]/canvas-split:@xl:overflow-y-auto group-data-[layout=card]/canvas-split:@xl:border-e group-data-[layout=card]/canvas-split:@xl:border-b-0", "group-data-[layout=fill]/canvas-split:min-h-0 group-data-[layout=fill]/canvas-split:flex-1 group-data-[layout=fill]/canvas-split:overflow-y-auto group-data-[layout=fill]/canvas-split:@3xl:w-[clamp(320px,36%,440px)] group-data-[layout=fill]/canvas-split:@3xl:flex-none group-data-[layout=fill]/canvas-split:@3xl:border-e group-data-[layout=fill]/canvas-split:@3xl:border-b-0"),
     ...props
   });
 }
@@ -46,7 +48,7 @@ function CanvasSplitDocument2({ ...props }) {
   return /* @__PURE__ */ jsx("div", {
     "data-testid": "CanvasSplitDocument",
     "data-slot": "canvas-split-document",
-    className: cn2("flex min-w-0 flex-1 flex-col"),
+    className: cn2("flex min-h-0 min-w-0 flex-1 flex-col"),
     ...props
   });
 }
@@ -61,7 +63,7 @@ function CanvasSplitHeader2({
   return /* @__PURE__ */ jsxs("div", {
     "data-testid": "CanvasSplitHeader",
     "data-slot": "canvas-split-header",
-    className: cn2("border-foreground/[0.07] flex items-center gap-2 border-b px-3.5 py-2.5"),
+    className: cn2("border-foreground/[0.07] flex shrink-0 items-center gap-2 border-b px-3.5 py-2.5"),
     ...props,
     children: [
       /* @__PURE__ */ jsx(FileTextIcon, {
@@ -123,7 +125,7 @@ function CanvasSplitBody2({ writing, children, ...props }) {
   return /* @__PURE__ */ jsxs("div", {
     "data-testid": "CanvasSplitBody",
     "data-slot": "canvas-split-body",
-    className: cn2("flex min-h-[144px] flex-1 flex-col gap-1.5 overflow-y-auto p-4"),
+    className: cn2("flex flex-1 flex-col gap-1.5 overflow-y-auto p-4", "group-data-[layout=card]/canvas-split:min-h-[144px] group-data-[layout=fill]/canvas-split:min-h-0"),
     ...props,
     children: [
       children,

package/dist/{chunk-23jrbq6y.js → chunk-4531ygnr.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-tcefvfr8.js";
 import {
   cn2
-} from "./chunk-cp2m7y7v.js";
+} from "./chunk-en44w1pn.js";
 import {
   paper,
   field,

package/dist/{chunk-9de1htr5.js → chunk-4e96tpw0.js}

@@ -1,6 +1,6 @@
 import {
   cn2
-} from "./chunk-cp2m7y7v.js";
+} from "./chunk-en44w1pn.js";
 
 // src/components/Empty.tsx
 import { cva } from "class-variance-authority";

package/dist/{chunk-jgdpa00w.js → chunk-4t23yhc0.js}

@@ -8,10 +8,10 @@ import {
 } from "./chunk-x90xmrba.js";
 import {
   cn2
-} from "./chunk-cp2m7y7v.js";
+} from "./chunk-en44w1pn.js";
 import {
   Button2
-} from "./chunk-38301e40.js";
+} from "./chunk-bd09gygt.js";
 import {
   useAnalyticsCallback
 } from "./chunk-5mydsjp3.js";