@timbal-ai/timbal-react 1.5.0 → 1.6.0

package/dist/{chunk-5ECRZ5O7.esm.js → chunk-NO5AWNWT.esm.js}

@@ -1,7 +1,9 @@
 import {
+  controlClass,
+  overlayItemClass,
   overlayListPanelClass,
   overlaySurfaceClass
-} from "./chunk-AZL2WANO.esm.js";
+} from "./chunk-MBS7XHV2.esm.js";
 import {
   cn
 } from "./chunk-EDEKQYSU.esm.js";
@@ -47,7 +49,7 @@ function CopyButton({
         "inline-flex items-center justify-center gap-1.5 rounded-md text-sm font-medium text-muted-foreground transition-colors",
         "hover:bg-accent hover:text-foreground data-[copied=true]:text-emerald-600 dark:data-[copied=true]:text-emerald-400",
         "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-foreground/15",
-        children ? "h-8 px-2" : "size-8",
+        children ? "h-7 px-1.5" : "size-7",
         className
       ),
       ...props,
@@ -90,23 +92,178 @@ function Checkbox({
   );
 }
 
+// src/ui/select.tsx
+import { Select as SelectPrimitive } from "radix-ui";
+import { CheckIcon as CheckIcon3, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function Select({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx3(SelectPrimitive.Root, { "data-slot": "select", ...props });
+}
+function SelectGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx3(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
+}
+function SelectValue({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx3(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+}
+function SelectTrigger({
+  className,
+  size = "default",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs2(
+    SelectPrimitive.Trigger,
+    {
+      "data-slot": "select-trigger",
+      "data-size": size,
+      className: cn(
+        controlClass({ size }),
+        "flex w-fit items-center justify-between gap-2 whitespace-nowrap *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx3(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx3(ChevronDownIcon, { className: "size-4 opacity-50" }) })
+      ]
+    }
+  );
+}
+function SelectContent({
+  className,
+  children,
+  position = "popper",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx3(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs2(
+    SelectPrimitive.Content,
+    {
+      "data-slot": "select-content",
+      className: cn(
+        overlayListPanelClass,
+        "relative max-h-[var(--radix-select-content-available-height)] min-w-[8rem] origin-[var(--radix-select-content-transform-origin)] overflow-x-hidden overflow-y-auto",
+        position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        className
+      ),
+      position,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx3(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx3(
+          SelectPrimitive.Viewport,
+          {
+            className: cn(
+              "p-1",
+              position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+            ),
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx3(SelectScrollDownButton, {})
+      ]
+    }
+  ) });
+}
+function SelectLabel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx3(
+    SelectPrimitive.Label,
+    {
+      "data-slot": "select-label",
+      className: cn("px-2 py-1.5 text-xs font-medium text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function SelectItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs2(
+    SelectPrimitive.Item,
+    {
+      "data-slot": "select-item",
+      className: cn(
+        overlayItemClass,
+        "w-full py-1 pr-8 pl-2 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx3("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx3(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx3(CheckIcon3, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx3(SelectPrimitive.ItemText, { children })
+      ]
+    }
+  );
+}
+function SelectSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx3(
+    SelectPrimitive.Separator,
+    {
+      "data-slot": "select-separator",
+      className: cn("-mx-1 my-1 h-px bg-border", className),
+      ...props
+    }
+  );
+}
+function SelectScrollUpButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx3(
+    SelectPrimitive.ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: cn("flex cursor-default items-center justify-center py-1", className),
+      ...props,
+      children: /* @__PURE__ */ jsx3(ChevronUpIcon, { className: "size-4" })
+    }
+  );
+}
+function SelectScrollDownButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx3(
+    SelectPrimitive.ScrollDownButton,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: cn("flex cursor-default items-center justify-center py-1", className),
+      ...props,
+      children: /* @__PURE__ */ jsx3(ChevronDownIcon, { className: "size-4" })
+    }
+  );
+}
+
 // src/ui/popover.tsx
 import { Popover as PopoverPrimitive } from "radix-ui";
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 function Popover({
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+  return /* @__PURE__ */ jsx4(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
 }
 function PopoverTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+  return /* @__PURE__ */ jsx4(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
 }
 function PopoverAnchor({
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
+  return /* @__PURE__ */ jsx4(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
 }
 function PopoverContent({
   className,
@@ -115,7 +272,7 @@ function PopoverContent({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx4(
     PopoverPrimitive.Content,
     {
       "data-slot": "popover-content",
@@ -128,7 +285,7 @@ function PopoverContent({
           "min-w-[8rem] origin-[var(--radix-popover-content-transform-origin)]"
         ) : cn(
           overlaySurfaceClass,
-          "w-72 origin-[var(--radix-popover-content-transform-origin)] rounded-xl p-4 outline-hidden"
+          "w-72 origin-[var(--radix-popover-content-transform-origin)] rounded-xl p-3 outline-hidden"
         ),
         className
       ),
@@ -138,9 +295,9 @@ function PopoverContent({
 }
 
 // src/ui/skeleton.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     "div",
     {
       "data-slot": "skeleton",
@@ -153,7 +310,7 @@ function Skeleton({ className, ...props }) {
 // src/ui/untitled-button.tsx
 import { cva } from "class-variance-authority";
 import { Slot } from "radix-ui";
-import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
 var SOLID_SKEUOMORPHIC_SHADOW = "shadow-skeuomorphic-solid";
 var BORDERED_SKEUOMORPHIC_SHADOW = "shadow-skeuomorphic-bordered";
 var untitledButtonVariants = cva(
@@ -236,10 +393,10 @@ var untitledButtonVariants = cva(
         )
       },
       size: {
-        sm: "h-9 gap-1.5 rounded-lg px-3 text-sm",
-        md: "h-10 gap-1.5 rounded-lg px-3.5 text-sm",
-        lg: "h-11 gap-2 rounded-lg px-4 text-base",
-        xl: "h-12 gap-2 rounded-lg px-5 text-base"
+        sm: "h-8 gap-1 rounded-md px-2.5 text-xs",
+        md: "h-9 gap-1.5 rounded-lg px-3 text-sm",
+        lg: "h-10 gap-1.5 rounded-lg px-3.5 text-sm",
+        xl: "h-11 gap-2 rounded-lg px-4 text-base"
       }
     },
     defaultVariants: {
@@ -264,7 +421,7 @@ function UntitledButton({
   const isDisabled = disabled || isLoading;
   const classes = cn(untitledButtonVariants({ color, size }), className);
   if (asChild) {
-    return /* @__PURE__ */ jsx5(
+    return /* @__PURE__ */ jsx6(
       Slot.Root,
       {
         className: classes,
@@ -275,7 +432,7 @@ function UntitledButton({
       }
     );
   }
-  return /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs3(
     "button",
     {
       type,
@@ -284,7 +441,7 @@ function UntitledButton({
       className: classes,
       ...props,
       children: [
-        isLoading ? /* @__PURE__ */ jsx5(
+        isLoading ? /* @__PURE__ */ jsx6(
           "span",
           {
             "aria-hidden": true,
@@ -300,7 +457,7 @@ function UntitledButton({
 
 // src/ui/banner.tsx
 import { XIcon } from "lucide-react";
-import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 var bannerSoftClass = {
   default: "border-border/50 bg-muted/30 text-foreground/90 dark:bg-muted/15",
   primary: "border-primary/15 bg-primary/5 text-primary-800 dark:text-primary-200 [&_[data-banner-icon]]:text-primary",
@@ -345,7 +502,7 @@ function Banner({
 }) {
   const isSolid = variant === "solid";
   const isSingleLine = !title;
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs4(
     "div",
     {
       "data-slot": "banner",
@@ -360,7 +517,7 @@ function Banner({
       ),
       ...props,
       children: [
-        icon ? /* @__PURE__ */ jsx6(
+        icon ? /* @__PURE__ */ jsx7(
           "span",
           {
             "data-banner-icon": true,
@@ -371,9 +528,9 @@ function Banner({
             children: icon
           }
         ) : null,
-        /* @__PURE__ */ jsxs3("div", { className: "min-w-0 flex-1", children: [
-          title ? /* @__PURE__ */ jsx6("p", { className: "font-medium tracking-tight", children: title }) : null,
-          children ? /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsxs4("div", { className: "min-w-0 flex-1", children: [
+          title ? /* @__PURE__ */ jsx7("p", { className: "font-medium tracking-tight", children: title }) : null,
+          children ? /* @__PURE__ */ jsx7(
             "div",
             {
               className: cn(
@@ -384,8 +541,8 @@ function Banner({
             }
           ) : null
         ] }),
-        actions ? /* @__PURE__ */ jsx6("div", { className: "flex shrink-0 items-center gap-2", children: actions }) : null,
-        onDismiss ? /* @__PURE__ */ jsx6(
+        actions ? /* @__PURE__ */ jsx7("div", { className: "flex shrink-0 items-center gap-2", children: actions }) : null,
+        onDismiss ? /* @__PURE__ */ jsx7(
           "button",
           {
             type: "button",
@@ -396,7 +553,7 @@ function Banner({
               isSingleLine ? "self-center" : "-mt-0.5",
               isSolid ? "opacity-80 hover:bg-background/15 hover:opacity-100" : "text-muted-foreground hover:bg-foreground/10 hover:text-foreground"
             ),
-            children: /* @__PURE__ */ jsx6(XIcon, { className: "size-4", "aria-hidden": true })
+            children: /* @__PURE__ */ jsx7(XIcon, { className: "size-4", "aria-hidden": true })
           }
         ) : null
       ]
@@ -405,7 +562,7 @@ function Banner({
 }
 
 // src/ui/timeline.tsx
-import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 var timelineRowGap = {
   sm: "pb-4",
   default: "pb-6"
@@ -438,16 +595,16 @@ var toneStyles = {
   }
 };
 function Timeline({ items, size = "default", className, ...props }) {
-  return /* @__PURE__ */ jsx7("ol", { "data-slot": "timeline", className: cn("flex flex-col", className), ...props, children: items.map((item, index) => {
+  return /* @__PURE__ */ jsx8("ol", { "data-slot": "timeline", className: cn("flex flex-col", className), ...props, children: items.map((item, index) => {
     const last = index === items.length - 1;
     const tone = item.tone ?? "default";
     const styles = toneStyles[tone];
-    return /* @__PURE__ */ jsxs4(
+    return /* @__PURE__ */ jsxs5(
       "li",
       {
         className: cn("relative flex gap-3.5 last:pb-0", timelineRowGap[size]),
         children: [
-          !last ? /* @__PURE__ */ jsx7(
+          !last ? /* @__PURE__ */ jsx8(
             "span",
             {
               "aria-hidden": true,
@@ -457,7 +614,7 @@ function Timeline({ items, size = "default", className, ...props }) {
               )
             }
           ) : null,
-          /* @__PURE__ */ jsx7("div", { className: "relative flex w-5 shrink-0 justify-center pt-0.5", children: /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx8("div", { className: "relative flex w-5 shrink-0 justify-center pt-0.5", children: /* @__PURE__ */ jsx8(
             "span",
             {
               className: cn(
@@ -465,7 +622,7 @@ function Timeline({ items, size = "default", className, ...props }) {
                 styles.border,
                 item.icon ? "size-6" : "size-4"
               ),
-              children: item.icon ? /* @__PURE__ */ jsx7("div", { className: cn("text-xs", styles.icon), children: item.icon }) : /* @__PURE__ */ jsx7(
+              children: item.icon ? /* @__PURE__ */ jsx8("div", { className: cn("text-xs", styles.icon), children: item.icon }) : /* @__PURE__ */ jsx8(
                 "span",
                 {
                   className: cn(
@@ -476,12 +633,12 @@ function Timeline({ items, size = "default", className, ...props }) {
               )
             }
           ) }),
-          /* @__PURE__ */ jsxs4("div", { className: "min-w-0 flex-1 pb-0.5", children: [
-            /* @__PURE__ */ jsxs4("div", { className: "flex items-start justify-between gap-2", children: [
-              /* @__PURE__ */ jsx7("p", { className: "text-sm font-normal text-foreground", children: item.title }),
-              item.meta ? /* @__PURE__ */ jsx7("span", { className: "shrink-0 text-xs text-muted-foreground tabular-nums", children: item.meta }) : null
+          /* @__PURE__ */ jsxs5("div", { className: "min-w-0 flex-1 pb-0.5", children: [
+            /* @__PURE__ */ jsxs5("div", { className: "flex items-start justify-between gap-2", children: [
+              /* @__PURE__ */ jsx8("p", { className: "text-sm font-normal text-foreground", children: item.title }),
+              item.meta ? /* @__PURE__ */ jsx8("span", { className: "shrink-0 text-xs text-muted-foreground tabular-nums", children: item.meta }) : null
             ] }),
-            item.description ? /* @__PURE__ */ jsx7("p", { className: "mt-0.5 text-[13px] leading-relaxed text-muted-foreground", children: item.description }) : null
+            item.description ? /* @__PURE__ */ jsx8("p", { className: "mt-0.5 text-[13px] leading-relaxed text-muted-foreground", children: item.description }) : null
           ] })
         ]
       },
@@ -511,7 +668,7 @@ import {
 } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
 import { GripVerticalIcon } from "lucide-react";
-import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 var columnTitleToneClass = {
   default: "text-foreground",
   primary: "text-blue-600 dark:text-blue-400",
@@ -573,7 +730,7 @@ function SortableCard({
     transition
   };
   const dragHandleProps = disabled ? void 0 : { ...attributes, ...listeners };
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs6(
     "div",
     {
       ref: setNodeRef,
@@ -588,7 +745,7 @@ function SortableCard({
         className
       ),
       children: [
-        !disabled && dragHandle === "auto" ? /* @__PURE__ */ jsx8(
+        !disabled && dragHandle === "auto" ? /* @__PURE__ */ jsx9(
           "button",
           {
             type: "button",
@@ -596,7 +753,7 @@ function SortableCard({
             className: "absolute right-1.5 top-1.5 z-10 grid size-6 cursor-grab touch-none place-items-center rounded-md text-muted-foreground/40 opacity-0 transition hover:bg-foreground/5 hover:text-foreground focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-foreground/15 group-hover/kanban-card:opacity-100 active:cursor-grabbing",
             ...attributes,
             ...listeners,
-            children: /* @__PURE__ */ jsx8(GripVerticalIcon, { className: "size-4", "aria-hidden": true })
+            children: /* @__PURE__ */ jsx9(GripVerticalIcon, { className: "size-4", "aria-hidden": true })
           }
         ) : null,
         renderCard(card, { column, isDragging, isOverlay: false, dragHandleProps })
@@ -620,7 +777,7 @@ function KanbanColumnView({
 }) {
   const tone = column.tone ?? "default";
   const { setNodeRef, isOver } = useDroppable({ id: column.id, disabled });
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs6(
     "div",
     {
       "data-slot": "kanban-column",
@@ -630,9 +787,9 @@ function KanbanColumnView({
         className
       ),
       children: [
-        renderColumnHeader ? renderColumnHeader(column) : /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-0.5 px-1 pb-0.5", children: [
-          /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx8(
+        renderColumnHeader ? renderColumnHeader(column) : /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-0.5 px-1 pb-0.5", children: [
+          /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx9(
               "h3",
               {
                 className: cn(
@@ -642,12 +799,12 @@ function KanbanColumnView({
                 children: column.title
               }
             ),
-            /* @__PURE__ */ jsx8("span", { className: "shrink-0 text-xs font-normal tabular-nums text-muted-foreground/60", children: column.cards.length }),
-            column.action ? /* @__PURE__ */ jsx8("div", { className: "shrink-0", children: column.action }) : null
+            /* @__PURE__ */ jsx9("span", { className: "shrink-0 text-xs font-normal tabular-nums text-muted-foreground/60", children: column.cards.length }),
+            column.action ? /* @__PURE__ */ jsx9("div", { className: "shrink-0", children: column.action }) : null
           ] }),
-          column.description ? /* @__PURE__ */ jsx8("p", { className: "truncate text-xs text-muted-foreground", children: column.description }) : null
+          column.description ? /* @__PURE__ */ jsx9("p", { className: "truncate text-xs text-muted-foreground", children: column.description }) : null
         ] }),
-        /* @__PURE__ */ jsx8(SortableContext, { items: cardIds, strategy: verticalListSortingStrategy, children: /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9(SortableContext, { items: cardIds, strategy: verticalListSortingStrategy, children: /* @__PURE__ */ jsx9(
           "div",
           {
             ref: setNodeRef,
@@ -657,9 +814,9 @@ function KanbanColumnView({
               densityListClass[density],
               isOver && "bg-muted/50"
             ),
-            children: column.cards.length === 0 ? /* @__PURE__ */ jsx8("div", { className: "flex flex-1 items-center justify-center rounded-xl border border-dashed border-border/60 px-2 py-8 text-center text-xs text-muted-foreground/70", children: emptyColumnLabel ?? "Drop here" }) : column.cards.map((card) => {
+            children: column.cards.length === 0 ? /* @__PURE__ */ jsx9("div", { className: "flex flex-1 items-center justify-center rounded-xl border border-dashed border-border/60 px-2 py-8 text-center text-xs text-muted-foreground/70", children: emptyColumnLabel ?? "Drop here" }) : column.cards.map((card) => {
               const id = getCardId(card);
-              return /* @__PURE__ */ jsx8(
+              return /* @__PURE__ */ jsx9(
                 SortableCard,
                 {
                   card,
@@ -677,7 +834,7 @@ function KanbanColumnView({
             })
           }
         ) }),
-        column.footer ? /* @__PURE__ */ jsx8("div", { className: "px-0.5 pt-0.5", children: column.footer }) : null
+        column.footer ? /* @__PURE__ */ jsx9("div", { className: "px-0.5 pt-0.5", children: column.footer }) : null
       ]
     }
   );
@@ -816,7 +973,7 @@ function Kanban({
       onColumnsChange?.(next);
     }
   };
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs6(
     DndContext,
     {
       sensors,
@@ -830,7 +987,7 @@ function Kanban({
         if (isControlled) setInternal(cloneColumns(columnsProp));
       },
       children: [
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9(
           "div",
           {
             "data-slot": "kanban",
@@ -841,7 +998,7 @@ function Kanban({
               density === "compact" ? "gap-3" : "gap-4",
               className
             ),
-            children: columns.map((column) => /* @__PURE__ */ jsx8(
+            children: columns.map((column) => /* @__PURE__ */ jsx9(
               KanbanColumnView,
               {
                 column,
@@ -861,7 +1018,7 @@ function Kanban({
             ))
           }
         ),
-        /* @__PURE__ */ jsx8(DragOverlay, { children: activeCard ? /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9(DragOverlay, { children: activeCard ? /* @__PURE__ */ jsx9(
           "div",
           {
             "data-slot": "kanban-card-overlay",
@@ -886,6 +1043,16 @@ function Kanban({
 export {
   CopyButton,
   Checkbox,
+  Select,
+  SelectGroup,
+  SelectValue,
+  SelectTrigger,
+  SelectContent,
+  SelectLabel,
+  SelectItem,
+  SelectSeparator,
+  SelectScrollUpButton,
+  SelectScrollDownButton,
   Popover,
   PopoverTrigger,
   PopoverAnchor,

package/dist/{chunk-ZNYAETFD.esm.js → chunk-R4RQT2XQ.esm.js}

@@ -27,10 +27,10 @@ var pillSegmentedTrackFlushClass = cn(
   "h-[var(--studio-chrome-pill-height)] items-center gap-0.5 overflow-visible p-0.5"
 );
 var pillSegmentedSegmentClass = cn(
-  "relative flex items-center gap-1.5 rounded-full px-4 py-1.5 text-xs font-normal transition-colors"
+  "relative flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-normal transition-colors"
 );
 var pillSegmentedFlushSegmentClass = cn(
-  "relative box-border inline-flex h-9 min-h-9 items-center justify-center gap-1.5 rounded-full px-3.5 py-0",
+  "relative box-border inline-flex h-8 min-h-8 items-center justify-center gap-1.5 rounded-full px-3 py-0",
   "text-sm font-normal leading-tight transition-colors"
 );
 var pillSegmentedActiveIndicatorClass = cn(

package/dist/{chunk-JYDJRGDE.esm.js → chunk-TMP7RIA7.esm.js}

@@ -1,9 +1,9 @@
 import {
   studioTopbarPillHeightClass
-} from "./chunk-IGHBLJV3.esm.js";
+} from "./chunk-WQIQW7EM.esm.js";
 import {
   controlSurfaceClass
-} from "./chunk-AZL2WANO.esm.js";
+} from "./chunk-MBS7XHV2.esm.js";
 import {
   cn
 } from "./chunk-EDEKQYSU.esm.js";

package/dist/{chunk-IGHBLJV3.esm.js → chunk-WQIQW7EM.esm.js}

@@ -22,7 +22,7 @@ import {
   TooltipContent,
   TooltipProvider,
   TooltipTrigger
-} from "./chunk-AZL2WANO.esm.js";
+} from "./chunk-MBS7XHV2.esm.js";
 import {
   cn
 } from "./chunk-EDEKQYSU.esm.js";
@@ -1824,7 +1824,7 @@ var BadgeNode = ({ node }) => {
     "span",
     {
       className: cn(
-        "aui-ui-badge inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium",
+        "aui-ui-badge inline-flex w-fit shrink-0 items-center rounded-full px-2 py-0.5 text-xs font-medium",
         BADGE_TONE[node.tone ?? "default"],
         node.className
       ),
@@ -4374,6 +4374,7 @@ export {
   toNum,
   monotoneLinePath,
   monotoneAreaPath,
+  formatCompact,
   TooltipIconButton,
   UserMessageAttachments,
   ComposerAttachments,