@timbal-ai/timbal-react 1.3.0 → 1.5.0

package/dist/{chunk-OH23AX2V.esm.js → chunk-B4XAC4G7.esm.js}

@@ -1,3 +1,10 @@
+import {
+  CopyButton,
+  Popover,
+  PopoverAnchor,
+  PopoverContent,
+  PopoverTrigger
+} from "./chunk-5ECRZ5O7.esm.js";
 import {
   Button,
   Dialog,
@@ -9,287 +16,34 @@ import {
   TIMBAL_V2_MODAL_SURFACE,
   TIMBAL_V2_SWITCH_THUMB,
   TIMBAL_V2_SWITCH_TRACK_OFF,
-  cn,
   controlClass,
   controlSurfaceClass,
   overlayItemClass,
   overlayListPanelClass,
   overlaySurfaceClass
-} from "./chunk-QU7ET55D.esm.js";
-
-// src/ui/dropdown-menu.tsx
-import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
-import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function DropdownMenu({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
-}
-function DropdownMenuTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    DropdownMenuPrimitive.Trigger,
-    {
-      "data-slot": "dropdown-menu-trigger",
-      ...props
-    }
-  );
-}
-function DropdownMenuGroup({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
-}
-function DropdownMenuContent({
-  className,
-  sideOffset = 4,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
-    DropdownMenuPrimitive.Content,
-    {
-      "data-slot": "dropdown-menu-content",
-      sideOffset,
-      className: cn(
-        overlayListPanelClass,
-        "max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] origin-[var(--radix-dropdown-menu-content-transform-origin)] overflow-x-hidden overflow-y-auto p-1",
-        className
-      ),
-      ...props
-    }
-  ) });
-}
-function DropdownMenuItem({
-  className,
-  inset,
-  variant = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    DropdownMenuPrimitive.Item,
-    {
-      "data-slot": "dropdown-menu-item",
-      "data-inset": inset,
-      "data-variant": variant,
-      className: cn(
-        overlayItemClass,
-        "data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function DropdownMenuCheckboxItem({
-  className,
-  children,
-  checked,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    DropdownMenuPrimitive.CheckboxItem,
-    {
-      "data-slot": "dropdown-menu-checkbox-item",
-      className: cn(overlayItemClass, "py-1.5 pr-2 pl-8", className),
-      checked,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
-        children
-      ]
-    }
-  );
-}
-function DropdownMenuRadioGroup({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    DropdownMenuPrimitive.RadioGroup,
-    {
-      "data-slot": "dropdown-menu-radio-group",
-      ...props
-    }
-  );
-}
-function DropdownMenuRadioItem({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    DropdownMenuPrimitive.RadioItem,
-    {
-      "data-slot": "dropdown-menu-radio-item",
-      className: cn(overlayItemClass, "py-1.5 pr-2 pl-8", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: "size-2 fill-current" }) }) }),
-        children
-      ]
-    }
-  );
-}
-function DropdownMenuLabel({
-  className,
-  inset,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    DropdownMenuPrimitive.Label,
-    {
-      "data-slot": "dropdown-menu-label",
-      "data-inset": inset,
-      className: cn(
-        "px-2 py-1.5 text-xs font-medium text-muted-foreground data-[inset]:pl-8",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function DropdownMenuSeparator({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    DropdownMenuPrimitive.Separator,
-    {
-      "data-slot": "dropdown-menu-separator",
-      className: cn("-mx-1 my-1 h-px bg-border", className),
-      ...props
-    }
-  );
-}
-function DropdownMenuShortcut({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      "data-slot": "dropdown-menu-shortcut",
-      className: cn(
-        "ml-auto text-xs tracking-widest text-muted-foreground",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function DropdownMenuSub({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
-}
-function DropdownMenuSubTrigger({
-  className,
-  inset,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    DropdownMenuPrimitive.SubTrigger,
-    {
-      "data-slot": "dropdown-menu-sub-trigger",
-      "data-inset": inset,
-      className: cn(
-        overlayItemClass,
-        "data-[state=open]:bg-accent data-[state=open]:text-accent-foreground data-[inset]:pl-8",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto size-4" })
-      ]
-    }
-  );
-}
-function DropdownMenuSubContent({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    DropdownMenuPrimitive.SubContent,
-    {
-      "data-slot": "dropdown-menu-sub-content",
-      className: cn(
-        overlayListPanelClass,
-        "min-w-[8rem] origin-[var(--radix-dropdown-menu-content-transform-origin)] overflow-hidden p-1",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-// src/ui/popover.tsx
-import { Popover as PopoverPrimitive } from "radix-ui";
-import { jsx as jsx2 } from "react/jsx-runtime";
-function Popover({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx2(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
-}
-function PopoverTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx2(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
-}
-function PopoverAnchor({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx2(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
-}
-function PopoverContent({
-  className,
-  align = "center",
-  sideOffset = 4,
-  variant = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx2(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx2(
-    PopoverPrimitive.Content,
-    {
-      "data-slot": "popover-content",
-      "data-variant": variant,
-      align,
-      sideOffset,
-      className: cn(
-        variant === "list" ? cn(
-          overlayListPanelClass,
-          "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"
-        ),
-        className
-      ),
-      ...props
-    }
-  ) });
-}
+} from "./chunk-AZL2WANO.esm.js";
+import {
+  cn
+} from "./chunk-EDEKQYSU.esm.js";
 
 // src/ui/select.tsx
 import { Select as SelectPrimitive } from "radix-ui";
-import { CheckIcon as CheckIcon2, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 function Select({
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(SelectPrimitive.Root, { "data-slot": "select", ...props });
+  return /* @__PURE__ */ jsx(SelectPrimitive.Root, { "data-slot": "select", ...props });
 }
 function SelectGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
+  return /* @__PURE__ */ jsx(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
 }
 function SelectValue({
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+  return /* @__PURE__ */ jsx(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
 }
 function SelectTrigger({
   className,
@@ -297,7 +51,7 @@ function SelectTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs(
     SelectPrimitive.Trigger,
     {
       "data-slot": "select-trigger",
@@ -310,7 +64,7 @@ function SelectTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx3(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx3(ChevronDownIcon, { className: "size-4 opacity-50" }) })
+        /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4 opacity-50" }) })
       ]
     }
   );
@@ -321,7 +75,7 @@ function SelectContent({
   position = "popper",
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
     SelectPrimitive.Content,
     {
       "data-slot": "select-content",
@@ -334,8 +88,8 @@ function SelectContent({
       position,
       ...props,
       children: [
-        /* @__PURE__ */ jsx3(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx(
           SelectPrimitive.Viewport,
           {
             className: cn(
@@ -345,7 +99,7 @@ function SelectContent({
             children
           }
         ),
-        /* @__PURE__ */ jsx3(SelectScrollDownButton, {})
+        /* @__PURE__ */ jsx(SelectScrollDownButton, {})
       ]
     }
   ) });
@@ -354,7 +108,7 @@ function SelectLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx(
     SelectPrimitive.Label,
     {
       "data-slot": "select-label",
@@ -368,7 +122,7 @@ function SelectItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs(
     SelectPrimitive.Item,
     {
       "data-slot": "select-item",
@@ -379,8 +133,8 @@ function SelectItem({
       ),
       ...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(CheckIcon2, { className: "size-4" }) }) }),
-        /* @__PURE__ */ jsx3(SelectPrimitive.ItemText, { children })
+        /* @__PURE__ */ jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
       ]
     }
   );
@@ -389,7 +143,7 @@ function SelectSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx(
     SelectPrimitive.Separator,
     {
       "data-slot": "select-separator",
@@ -402,13 +156,13 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx(
     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" })
+      children: /* @__PURE__ */ jsx(ChevronUpIcon, { className: "size-4" })
     }
   );
 }
@@ -416,26 +170,26 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx(
     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" })
+      children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4" })
     }
   );
 }
 
 // src/ui/input.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx2 } from "react/jsx-runtime";
 function Input({
   className,
   type,
   controlSize,
   ...props
 }) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx2(
     "input",
     {
       type,
@@ -451,9 +205,9 @@ function Input({
 }
 
 // src/ui/textarea.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx3 } from "react/jsx-runtime";
 function Textarea({ className, ...props }) {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx3(
     "textarea",
     {
       "data-slot": "textarea",
@@ -469,12 +223,12 @@ function Textarea({ className, ...props }) {
 
 // src/ui/label.tsx
 import { Label as LabelPrimitive } from "radix-ui";
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 function Label({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx4(
     LabelPrimitive.Root,
     {
       "data-slot": "label",
@@ -490,12 +244,12 @@ function Label({
 
 // src/ui/switch.tsx
 import { Switch as SwitchPrimitive } from "radix-ui";
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 function Switch({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx5(
     SwitchPrimitive.Root,
     {
       "data-slot": "switch",
@@ -507,7 +261,7 @@ function Switch({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx7(
+      children: /* @__PURE__ */ jsx5(
         SwitchPrimitive.Thumb,
         {
           "data-slot": "switch-thumb",
@@ -523,13 +277,13 @@ function Switch({
 
 // src/ui/radio-group.tsx
 import { RadioGroup as RadioGroupPrimitive } from "radix-ui";
-import { CircleIcon as CircleIcon2 } from "lucide-react";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { CircleIcon } from "lucide-react";
+import { jsx as jsx6 } from "react/jsx-runtime";
 function RadioGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx6(
     RadioGroupPrimitive.Root,
     {
       "data-slot": "radio-group",
@@ -542,7 +296,7 @@ function RadioGroupItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx6(
     RadioGroupPrimitive.Item,
     {
       "data-slot": "radio-group-item",
@@ -553,12 +307,12 @@ function RadioGroupItem({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx8(
+      children: /* @__PURE__ */ jsx6(
         RadioGroupPrimitive.Indicator,
         {
           "data-slot": "radio-group-indicator",
           className: "flex items-center justify-center",
-          children: /* @__PURE__ */ jsx8(CircleIcon2, { className: "size-2 fill-foreground text-foreground" })
+          children: /* @__PURE__ */ jsx6(CircleIcon, { className: "size-2 fill-foreground text-foreground" })
         }
       )
     }
@@ -567,17 +321,17 @@ function RadioGroupItem({
 
 // src/ui/form.tsx
 import { Form as FormPrimitive } from "radix-ui";
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 function Form({ ...props }) {
-  return /* @__PURE__ */ jsx9(FormPrimitive.Root, { "data-slot": "form", ...props });
+  return /* @__PURE__ */ jsx7(FormPrimitive.Root, { "data-slot": "form", ...props });
 }
 function FormField({
   ...props
 }) {
-  return /* @__PURE__ */ jsx9(FormPrimitive.Field, { "data-slot": "form-field", ...props });
+  return /* @__PURE__ */ jsx7(FormPrimitive.Field, { "data-slot": "form-field", ...props });
 }
 function FormItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx7(
     "div",
     {
       "data-slot": "form-item",
@@ -590,18 +344,18 @@ function FormLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx9(FormPrimitive.Label, { asChild: true, children: /* @__PURE__ */ jsx9(Label, { "data-slot": "form-label", className, ...props }) });
+  return /* @__PURE__ */ jsx7(FormPrimitive.Label, { asChild: true, children: /* @__PURE__ */ jsx7(Label, { "data-slot": "form-label", className, ...props }) });
 }
 function FormControl({
   ...props
 }) {
-  return /* @__PURE__ */ jsx9(FormPrimitive.Control, { "data-slot": "form-control", ...props });
+  return /* @__PURE__ */ jsx7(FormPrimitive.Control, { "data-slot": "form-control", ...props });
 }
 function FormMessage({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx7(
     FormPrimitive.Message,
     {
       "data-slot": "form-message",
@@ -614,7 +368,7 @@ function FormSubmit({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx7(
     FormPrimitive.Submit,
     {
       "data-slot": "form-submit",
@@ -626,22 +380,22 @@ function FormSubmit({
 
 // src/ui/aspect-ratio.tsx
 import { AspectRatio as AspectRatioPrimitive } from "radix-ui";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 function AspectRatio({
   ...props
 }) {
-  return /* @__PURE__ */ jsx10(AspectRatioPrimitive.Root, { "data-slot": "aspect-ratio", ...props });
+  return /* @__PURE__ */ jsx8(AspectRatioPrimitive.Root, { "data-slot": "aspect-ratio", ...props });
 }
 
 // src/ui/breadcrumb.tsx
-import { ChevronRightIcon as ChevronRightIcon2, MoreHorizontalIcon } from "lucide-react";
+import { ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
 import { Slot } from "radix-ui";
-import { jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs2 } from "react/jsx-runtime";
 function Breadcrumb({ ...props }) {
-  return /* @__PURE__ */ jsx11("nav", { "data-slot": "breadcrumb", "aria-label": "Breadcrumb", ...props });
+  return /* @__PURE__ */ jsx9("nav", { "data-slot": "breadcrumb", "aria-label": "Breadcrumb", ...props });
 }
 function BreadcrumbList({ className, ...props }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx9(
     "ol",
     {
       "data-slot": "breadcrumb-list",
@@ -654,7 +408,7 @@ function BreadcrumbList({ className, ...props }) {
   );
 }
 function BreadcrumbItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx9(
     "li",
     {
       "data-slot": "breadcrumb-item",
@@ -669,7 +423,7 @@ function BreadcrumbLink({
   ...props
 }) {
   const Comp = asChild ? Slot.Root : "a";
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx9(
     Comp,
     {
       "data-slot": "breadcrumb-link",
@@ -679,7 +433,7 @@ function BreadcrumbLink({
   );
 }
 function BreadcrumbPage({ className, ...props }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx9(
     "span",
     {
       "data-slot": "breadcrumb-page",
@@ -696,7 +450,7 @@ function BreadcrumbSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx9(
     "li",
     {
       "data-slot": "breadcrumb-separator",
@@ -704,7 +458,7 @@ function BreadcrumbSeparator({
       "aria-hidden": "true",
       className: cn("[&>svg]:size-3.5", className),
       ...props,
-      children: children ?? /* @__PURE__ */ jsx11(ChevronRightIcon2, {})
+      children: children ?? /* @__PURE__ */ jsx9(ChevronRightIcon, {})
     }
   );
 }
@@ -712,7 +466,7 @@ function BreadcrumbEllipsis({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs2(
     "span",
     {
       "data-slot": "breadcrumb-ellipsis",
@@ -721,18 +475,18 @@ function BreadcrumbEllipsis({
       className: cn("flex size-9 items-center justify-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx11(MoreHorizontalIcon, { className: "size-4" }),
-        /* @__PURE__ */ jsx11("span", { className: "sr-only", children: "More" })
+        /* @__PURE__ */ jsx9(MoreHorizontalIcon, { className: "size-4" }),
+        /* @__PURE__ */ jsx9("span", { className: "sr-only", children: "More" })
       ]
     }
   );
 }
 
 // src/ui/pagination.tsx
-import { ChevronLeftIcon, ChevronRightIcon as ChevronRightIcon3, MoreHorizontalIcon as MoreHorizontalIcon2 } from "lucide-react";
-import { jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
+import { ChevronLeftIcon, ChevronRightIcon as ChevronRightIcon2, MoreHorizontalIcon as MoreHorizontalIcon2 } from "lucide-react";
+import { jsx as jsx10, jsxs as jsxs3 } from "react/jsx-runtime";
 function Pagination({ className, ...props }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx10(
     "nav",
     {
       "data-slot": "pagination",
@@ -744,7 +498,7 @@ function Pagination({ className, ...props }) {
   );
 }
 function PaginationContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx10(
     "ul",
     {
       "data-slot": "pagination-content",
@@ -754,7 +508,7 @@ function PaginationContent({ className, ...props }) {
   );
 }
 function PaginationItem({ ...props }) {
-  return /* @__PURE__ */ jsx12("li", { "data-slot": "pagination-item", ...props });
+  return /* @__PURE__ */ jsx10("li", { "data-slot": "pagination-item", ...props });
 }
 function PaginationLink({
   className,
@@ -762,7 +516,7 @@ function PaginationLink({
   size = "icon",
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(Button, { asChild: true, variant: isActive ? "outline" : "ghost", size, className, children: /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx10(Button, { asChild: true, variant: isActive ? "outline" : "ghost", size, className, children: /* @__PURE__ */ jsx10(
     "a",
     {
       "data-slot": "pagination-link",
@@ -775,7 +529,7 @@ function PaginationPrevious({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs3(
     PaginationLink,
     {
       "aria-label": "Go to previous page",
@@ -783,8 +537,8 @@ function PaginationPrevious({
       className: cn("gap-1 px-2.5 sm:pl-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx12(ChevronLeftIcon, { className: "size-4" }),
-        /* @__PURE__ */ jsx12("span", { className: "hidden sm:block", children: "Previous" })
+        /* @__PURE__ */ jsx10(ChevronLeftIcon, { className: "size-4" }),
+        /* @__PURE__ */ jsx10("span", { className: "hidden sm:block", children: "Previous" })
       ]
     }
   );
@@ -793,7 +547,7 @@ function PaginationNext({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs3(
     PaginationLink,
     {
       "aria-label": "Go to next page",
@@ -801,8 +555,8 @@ function PaginationNext({
       className: cn("gap-1 px-2.5 sm:pr-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx12("span", { className: "hidden sm:block", children: "Next" }),
-        /* @__PURE__ */ jsx12(ChevronRightIcon3, { className: "size-4" })
+        /* @__PURE__ */ jsx10("span", { className: "hidden sm:block", children: "Next" }),
+        /* @__PURE__ */ jsx10(ChevronRightIcon2, { className: "size-4" })
       ]
     }
   );
@@ -811,7 +565,7 @@ function PaginationEllipsis({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs3(
     "span",
     {
       "data-slot": "pagination-ellipsis",
@@ -819,8 +573,8 @@ function PaginationEllipsis({
       className: cn("flex size-9 items-center justify-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx12(MoreHorizontalIcon2, { className: "size-4" }),
-        /* @__PURE__ */ jsx12("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ jsx10(MoreHorizontalIcon2, { className: "size-4" }),
+        /* @__PURE__ */ jsx10("span", { className: "sr-only", children: "More pages" })
       ]
     }
   );
@@ -828,12 +582,12 @@ function PaginationEllipsis({
 
 // src/ui/toolbar.tsx
 import { Toolbar as ToolbarPrimitive } from "radix-ui";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function Toolbar({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx11(
     ToolbarPrimitive.Root,
     {
       "data-slot": "toolbar",
@@ -849,7 +603,7 @@ function ToolbarButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx11(
     ToolbarPrimitive.Button,
     {
       "data-slot": "toolbar-button",
@@ -866,7 +620,7 @@ function ToolbarSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx11(
     ToolbarPrimitive.Separator,
     {
       "data-slot": "toolbar-separator",
@@ -879,7 +633,7 @@ function ToolbarToggleGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx11(
     ToolbarPrimitive.ToggleGroup,
     {
       "data-slot": "toolbar-toggle-group",
@@ -892,7 +646,7 @@ function ToolbarToggleItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx11(
     ToolbarPrimitive.ToggleItem,
     {
       "data-slot": "toolbar-toggle-item",
@@ -910,7 +664,7 @@ function ToolbarLink({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx11(
     ToolbarPrimitive.Link,
     {
       "data-slot": "toolbar-link",
@@ -925,13 +679,13 @@ function ToolbarLink({
 
 // src/ui/menubar.tsx
 import { Menubar as MenubarPrimitive } from "radix-ui";
-import { CheckIcon as CheckIcon3, ChevronRightIcon as ChevronRightIcon4, CircleIcon as CircleIcon3 } from "lucide-react";
-import { jsx as jsx14, jsxs as jsxs5 } from "react/jsx-runtime";
+import { CheckIcon as CheckIcon2, ChevronRightIcon as ChevronRightIcon3, CircleIcon as CircleIcon2 } from "lucide-react";
+import { jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
 function Menubar({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx12(
     MenubarPrimitive.Root,
     {
       "data-slot": "menubar",
@@ -946,13 +700,13 @@ function Menubar({
 function MenubarMenu({
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(MenubarPrimitive.Menu, { "data-slot": "menubar-menu", ...props });
+  return /* @__PURE__ */ jsx12(MenubarPrimitive.Menu, { "data-slot": "menubar-menu", ...props });
 }
 function MenubarTrigger({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx12(
     MenubarPrimitive.Trigger,
     {
       "data-slot": "menubar-trigger",
@@ -972,7 +726,7 @@ function MenubarContent({
   sideOffset = 8,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx12(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx12(
     MenubarPrimitive.Content,
     {
       "data-slot": "menubar-content",
@@ -994,7 +748,7 @@ function MenubarItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx12(
     MenubarPrimitive.Item,
     {
       "data-slot": "menubar-item",
@@ -1015,7 +769,7 @@ function MenubarCheckboxItem({
   checked,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs4(
     MenubarPrimitive.CheckboxItem,
     {
       "data-slot": "menubar-checkbox-item",
@@ -1023,7 +777,7 @@ function MenubarCheckboxItem({
       checked,
       ...props,
       children: [
-        /* @__PURE__ */ jsx14("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx14(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx14(CheckIcon3, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx12("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx12(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx12(CheckIcon2, { className: "size-4" }) }) }),
         children
       ]
     }
@@ -1032,21 +786,21 @@ function MenubarCheckboxItem({
 function MenubarRadioGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(MenubarPrimitive.RadioGroup, { "data-slot": "menubar-radio-group", ...props });
+  return /* @__PURE__ */ jsx12(MenubarPrimitive.RadioGroup, { "data-slot": "menubar-radio-group", ...props });
 }
 function MenubarRadioItem({
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs4(
     MenubarPrimitive.RadioItem,
     {
       "data-slot": "menubar-radio-item",
       className: cn(overlayItemClass, "py-1.5 pr-2 pl-8", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx14("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx14(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx14(CircleIcon3, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ jsx12("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx12(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx12(CircleIcon2, { className: "size-2 fill-current" }) }) }),
         children
       ]
     }
@@ -1057,7 +811,7 @@ function MenubarLabel({
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx12(
     MenubarPrimitive.Label,
     {
       "data-slot": "menubar-label",
@@ -1074,7 +828,7 @@ function MenubarSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx12(
     MenubarPrimitive.Separator,
     {
       "data-slot": "menubar-separator",
@@ -1087,7 +841,7 @@ function MenubarShortcut({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx12(
     "span",
     {
       "data-slot": "menubar-shortcut",
@@ -1102,7 +856,7 @@ function MenubarShortcut({
 function MenubarSub({
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(MenubarPrimitive.Sub, { "data-slot": "menubar-sub", ...props });
+  return /* @__PURE__ */ jsx12(MenubarPrimitive.Sub, { "data-slot": "menubar-sub", ...props });
 }
 function MenubarSubTrigger({
   className,
@@ -1110,7 +864,7 @@ function MenubarSubTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs4(
     MenubarPrimitive.SubTrigger,
     {
       "data-slot": "menubar-sub-trigger",
@@ -1123,7 +877,7 @@ function MenubarSubTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx14(ChevronRightIcon4, { className: "ml-auto size-4" })
+        /* @__PURE__ */ jsx12(ChevronRightIcon3, { className: "ml-auto size-4" })
       ]
     }
   );
@@ -1132,7 +886,7 @@ function MenubarSubContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx12(
     MenubarPrimitive.SubContent,
     {
       "data-slot": "menubar-sub-content",
@@ -1150,14 +904,14 @@ function MenubarSubContent({
 import { NavigationMenu as NavigationMenuPrimitive } from "radix-ui";
 import { ChevronDownIcon as ChevronDownIcon2 } from "lucide-react";
 import { cva } from "class-variance-authority";
-import { jsx as jsx15, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
 function NavigationMenu({
   className,
   children,
   viewport = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs5(
     NavigationMenuPrimitive.Root,
     {
       "data-slot": "navigation-menu",
@@ -1169,7 +923,7 @@ function NavigationMenu({
       ...props,
       children: [
         children,
-        viewport ? /* @__PURE__ */ jsx15(NavigationMenuViewport, {}) : null
+        viewport ? /* @__PURE__ */ jsx13(NavigationMenuViewport, {}) : null
       ]
     }
   );
@@ -1178,7 +932,7 @@ function NavigationMenuList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx13(
     NavigationMenuPrimitive.List,
     {
       "data-slot": "navigation-menu-list",
@@ -1193,7 +947,7 @@ function NavigationMenuList({
 function NavigationMenuItem({
   ...props
 }) {
-  return /* @__PURE__ */ jsx15(NavigationMenuPrimitive.Item, { "data-slot": "navigation-menu-item", ...props });
+  return /* @__PURE__ */ jsx13(NavigationMenuPrimitive.Item, { "data-slot": "navigation-menu-item", ...props });
 }
 var navigationMenuTriggerStyle = cva(
   "group inline-flex h-9 w-max items-center justify-center rounded-lg bg-transparent px-4 py-2 text-sm font-medium transition-colors hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-muted/80 data-[state=open]:text-foreground"
@@ -1203,7 +957,7 @@ function NavigationMenuTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs5(
     NavigationMenuPrimitive.Trigger,
     {
       "data-slot": "navigation-menu-trigger",
@@ -1212,7 +966,7 @@ function NavigationMenuTrigger({
       children: [
         children,
         " ",
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx13(
           ChevronDownIcon2,
           {
             className: "relative top-px ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
@@ -1227,12 +981,12 @@ function NavigationMenuContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx13(
     NavigationMenuPrimitive.Content,
     {
       "data-slot": "navigation-menu-content",
       className: cn(
-        "data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto",
+        "data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-1 md:absolute md:w-auto",
         "group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:border-border group-data-[viewport=false]/navigation-menu:shadow-card",
         className
       ),
@@ -1244,7 +998,7 @@ function NavigationMenuViewport({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx15("div", { className: cn("absolute top-full left-0 isolate z-[80] flex justify-center"), children: /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx13("div", { className: cn("absolute top-full left-0 isolate z-[80] flex justify-center"), children: /* @__PURE__ */ jsx13(
     NavigationMenuPrimitive.Viewport,
     {
       "data-slot": "navigation-menu-viewport",
@@ -1261,12 +1015,12 @@ function NavigationMenuLink({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx13(
     NavigationMenuPrimitive.Link,
     {
       "data-slot": "navigation-menu-link",
       className: cn(
-        "flex flex-col gap-1 rounded-md p-2 text-sm transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground [&_svg:not([class*='size-'])]:size-4",
+        "flex flex-col gap-1 rounded-md px-3 py-1.5 text-sm transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground [&_svg:not([class*='size-'])]:size-4",
         className
       ),
       ...props
@@ -1277,7 +1031,7 @@ function NavigationMenuIndicator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx13(
     NavigationMenuPrimitive.Indicator,
     {
       "data-slot": "navigation-menu-indicator",
@@ -1286,7 +1040,7 @@ function NavigationMenuIndicator({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx15("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+      children: /* @__PURE__ */ jsx13("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
     }
   );
 }
@@ -1294,12 +1048,12 @@ function NavigationMenuIndicator({
 // src/ui/command.tsx
 import { Command as CommandPrimitive } from "cmdk";
 import { SearchIcon } from "lucide-react";
-import { jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
 function Command({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx14(
     CommandPrimitive,
     {
       "data-slot": "command",
@@ -1319,17 +1073,17 @@ function CommandDialog({
   showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs7(Dialog, { ...props, children: [
-    /* @__PURE__ */ jsxs7(DialogHeader, { className: "sr-only", children: [
-      /* @__PURE__ */ jsx16(DialogTitle, { children: title }),
-      /* @__PURE__ */ jsx16(DialogDescription, { children: description })
+  return /* @__PURE__ */ jsxs6(Dialog, { ...props, children: [
+    /* @__PURE__ */ jsxs6(DialogHeader, { className: "sr-only", children: [
+      /* @__PURE__ */ jsx14(DialogTitle, { children: title }),
+      /* @__PURE__ */ jsx14(DialogDescription, { children: description })
     ] }),
-    /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsx14(
       DialogContent,
       {
         className: cn("overflow-hidden p-0", className),
         showCloseButton,
-        children: /* @__PURE__ */ jsx16(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:size-4 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-2 [&_[cmdk-item]_svg]:size-4", children })
+        children: /* @__PURE__ */ jsx14(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:size-4 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-2 [&_[cmdk-item]_svg]:size-4", children })
       }
     )
   ] });
@@ -1338,14 +1092,14 @@ function CommandInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs6(
     "div",
     {
       "data-slot": "command-input-wrapper",
       className: "flex h-10 items-center gap-2 border-b border-border px-3",
       children: [
-        /* @__PURE__ */ jsx16(SearchIcon, { className: "size-4 shrink-0 text-muted-foreground" }),
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx14(SearchIcon, { className: "size-4 shrink-0 text-muted-foreground" }),
+        /* @__PURE__ */ jsx14(
           CommandPrimitive.Input,
           {
             "data-slot": "command-input",
@@ -1364,7 +1118,7 @@ function CommandList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx14(
     CommandPrimitive.List,
     {
       "data-slot": "command-list",
@@ -1376,7 +1130,7 @@ function CommandList({
 function CommandEmpty({
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx14(
     CommandPrimitive.Empty,
     {
       "data-slot": "command-empty",
@@ -1389,7 +1143,7 @@ function CommandGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx14(
     CommandPrimitive.Group,
     {
       "data-slot": "command-group",
@@ -1405,7 +1159,7 @@ function CommandSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx14(
     CommandPrimitive.Separator,
     {
       "data-slot": "command-separator",
@@ -1418,7 +1172,7 @@ function CommandItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx14(
     CommandPrimitive.Item,
     {
       "data-slot": "command-item",
@@ -1435,7 +1189,7 @@ function CommandShortcut({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx14(
     "span",
     {
       "data-slot": "command-shortcut",
@@ -1450,12 +1204,12 @@ function CommandShortcut({
 
 // src/ui/calendar.tsx
 import * as React from "react";
-import { ChevronDownIcon as ChevronDownIcon3, ChevronLeftIcon as ChevronLeftIcon2, ChevronRightIcon as ChevronRightIcon5 } from "lucide-react";
+import { ChevronDownIcon as ChevronDownIcon3, ChevronLeftIcon as ChevronLeftIcon2, ChevronRightIcon as ChevronRightIcon4 } from "lucide-react";
 import {
   DayPicker,
   getDefaultClassNames
 } from "react-day-picker";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function Calendar({
   className,
   classNames,
@@ -1463,7 +1217,7 @@ function Calendar({
   ...props
 }) {
   const defaults = getDefaultClassNames();
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx15(
     DayPicker,
     {
       showOutsideDays,
@@ -1525,8 +1279,8 @@ function Calendar({
       },
       components: {
         Chevron: ({ orientation, className: chevronClass, ...chevronProps }) => {
-          const Icon = orientation === "left" ? ChevronLeftIcon2 : orientation === "right" ? ChevronRightIcon5 : ChevronDownIcon3;
-          return /* @__PURE__ */ jsx17(Icon, { className: cn("size-4", chevronClass), ...chevronProps });
+          const Icon = orientation === "left" ? ChevronLeftIcon2 : orientation === "right" ? ChevronRightIcon4 : ChevronDownIcon3;
+          return /* @__PURE__ */ jsx15(Icon, { className: cn("size-4", chevronClass), ...chevronProps });
         },
         DayButton: CalendarDayButton
       },
@@ -1551,7 +1305,7 @@ function CalendarDayButton({
     if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
   const isSingle = modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle;
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx15(
     "button",
     {
       ref,
@@ -1579,11 +1333,11 @@ function CalendarDayButton({
 
 // src/ui/combobox.tsx
 import { ChevronDownIcon as ChevronDownIcon4 } from "lucide-react";
-import { jsx as jsx18, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
 function Combobox({
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(Popover, { "data-slot": "combobox", ...props });
+  return /* @__PURE__ */ jsx16(Popover, { "data-slot": "combobox", ...props });
 }
 function ComboboxTrigger({
   className,
@@ -1591,7 +1345,7 @@ function ComboboxTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs7(
     PopoverTrigger,
     {
       "data-slot": "combobox-trigger",
@@ -1603,8 +1357,8 @@ function ComboboxTrigger({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx18("span", { className: "truncate", children }),
-        /* @__PURE__ */ jsx18(ChevronDownIcon4, { className: "size-4 shrink-0 opacity-50" })
+        /* @__PURE__ */ jsx16("span", { className: "truncate", children }),
+        /* @__PURE__ */ jsx16(ChevronDownIcon4, { className: "size-4 shrink-0 opacity-50" })
       ]
     }
   );
@@ -1612,14 +1366,14 @@ function ComboboxTrigger({
 function ComboboxAnchor({
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(PopoverAnchor, { "data-slot": "combobox-anchor", ...props });
+  return /* @__PURE__ */ jsx16(PopoverAnchor, { "data-slot": "combobox-anchor", ...props });
 }
 function ComboboxContent({
   className,
   align = "start",
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx16(
     PopoverContent,
     {
       "data-slot": "combobox-content",
@@ -1637,7 +1391,7 @@ function ComboboxCommand({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx16(
     Command,
     {
       "data-slot": "combobox-command",
@@ -1649,58 +1403,58 @@ function ComboboxCommand({
 function ComboboxInput({
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(CommandInput, { "data-slot": "combobox-input", ...props });
+  return /* @__PURE__ */ jsx16(CommandInput, { "data-slot": "combobox-input", ...props });
 }
 function ComboboxList({
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(CommandList, { "data-slot": "combobox-list", ...props });
+  return /* @__PURE__ */ jsx16(CommandList, { "data-slot": "combobox-list", ...props });
 }
 function ComboboxEmpty({
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(CommandEmpty, { "data-slot": "combobox-empty", ...props });
+  return /* @__PURE__ */ jsx16(CommandEmpty, { "data-slot": "combobox-empty", ...props });
 }
 function ComboboxGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(CommandGroup, { "data-slot": "combobox-group", ...props });
+  return /* @__PURE__ */ jsx16(CommandGroup, { "data-slot": "combobox-group", ...props });
 }
 function ComboboxItem({
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(CommandItem, { "data-slot": "combobox-item", ...props });
+  return /* @__PURE__ */ jsx16(CommandItem, { "data-slot": "combobox-item", ...props });
 }
 function ComboboxSeparator({
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(CommandSeparator, { "data-slot": "combobox-separator", ...props });
+  return /* @__PURE__ */ jsx16(CommandSeparator, { "data-slot": "combobox-separator", ...props });
 }
 function ComboboxShortcut({
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(CommandShortcut, { "data-slot": "combobox-shortcut", ...props });
+  return /* @__PURE__ */ jsx16(CommandShortcut, { "data-slot": "combobox-shortcut", ...props });
 }
 
 // src/ui/date-picker.tsx
 import { CalendarIcon } from "lucide-react";
-import { jsx as jsx19, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
 function DatePicker({
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(Popover, { "data-slot": "date-picker", ...props });
+  return /* @__PURE__ */ jsx17(Popover, { "data-slot": "date-picker", ...props });
 }
 function DatePickerTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(PopoverTrigger, { "data-slot": "date-picker-trigger", ...props });
+  return /* @__PURE__ */ jsx17(PopoverTrigger, { "data-slot": "date-picker-trigger", ...props });
 }
 function DatePickerContent({
   className,
   align = "start",
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx17(
     PopoverContent,
     {
       "data-slot": "date-picker-content",
@@ -1714,7 +1468,7 @@ function DatePickerCalendar({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx17(
     Calendar,
     {
       "data-slot": "date-picker-calendar",
@@ -1736,7 +1490,7 @@ function DatePickerButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs8(
     "button",
     {
       type: "button",
@@ -1749,7 +1503,7 @@ function DatePickerButton({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx19(CalendarIcon, { className: "size-4 shrink-0 opacity-70" }),
+        /* @__PURE__ */ jsx17(CalendarIcon, { className: "size-4 shrink-0 opacity-70" }),
         date ? formatPickerDate(date) : placeholder
       ]
     }
@@ -1759,14 +1513,14 @@ function DatePickerButton({
 // src/ui/input-otp.tsx
 import { MinusIcon } from "lucide-react";
 import { unstable_OneTimePasswordField as OTPField } from "radix-ui";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 function InputOTP({
   className,
   containerClassName,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx18(
     OTPField.Root,
     {
       "data-slot": "input-otp",
@@ -1784,7 +1538,7 @@ function InputOTPGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       "data-slot": "input-otp-group",
@@ -1797,7 +1551,7 @@ function InputOTPSlot({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx18(
     OTPField.Input,
     {
       "data-slot": "input-otp-slot",
@@ -1815,13 +1569,13 @@ function InputOTPSlot({
 function InputOTPHiddenInput({
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(OTPField.HiddenInput, { "data-slot": "input-otp-hidden-input", ...props });
+  return /* @__PURE__ */ jsx18(OTPField.HiddenInput, { "data-slot": "input-otp-hidden-input", ...props });
 }
 function InputOTPSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       role: "separator",
@@ -1829,15 +1583,15 @@ function InputOTPSeparator({
       "aria-hidden": true,
       className: cn("text-muted-foreground", className),
       ...props,
-      children: /* @__PURE__ */ jsx20(MinusIcon, { className: "size-4" })
+      children: /* @__PURE__ */ jsx18(MinusIcon, { className: "size-4" })
     }
   );
 }
 
 // src/ui/kbd.tsx
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function Kbd({ className, ...props }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx19(
     "kbd",
     {
       "data-slot": "kbd",
@@ -1850,7 +1604,7 @@ function Kbd({ className, ...props }) {
   );
 }
 function KbdGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       "data-slot": "kbd-group",
@@ -1861,12 +1615,12 @@ function KbdGroup({ className, ...props }) {
 }
 
 // src/ui/spinner.tsx
-import { jsx as jsx22, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs9 } from "react/jsx-runtime";
 function Spinner({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs9(
     "svg",
     {
       "data-slot": "spinner",
@@ -1877,7 +1631,7 @@ function Spinner({
       className: cn("size-4 animate-spin text-muted-foreground", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx20(
           "circle",
           {
             className: "opacity-25",
@@ -1888,7 +1642,7 @@ function Spinner({
             strokeWidth: "3"
           }
         ),
-        /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx20(
           "path",
           {
             className: "opacity-75",
@@ -1902,12 +1656,12 @@ function Spinner({
 }
 
 // src/ui/input-group.tsx
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 function InputGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx21(
     "div",
     {
       "data-slot": "input-group",
@@ -1926,7 +1680,7 @@ function InputGroupAddon({
   align = "inline-start",
   ...props
 }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx21(
     "div",
     {
       "data-slot": "input-group-addon",
@@ -1945,7 +1699,7 @@ function InputGroupInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx21(
     "input",
     {
       "data-slot": "input-group-control",
@@ -1962,7 +1716,7 @@ function InputGroupText({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx21(
     "span",
     {
       "data-slot": "input-group-text",
@@ -1975,17 +1729,17 @@ function InputGroupText({
 // src/ui/accordion.tsx
 import { Accordion as AccordionPrimitive } from "radix-ui";
 import { ChevronDownIcon as ChevronDownIcon5 } from "lucide-react";
-import { jsx as jsx24, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs10 } from "react/jsx-runtime";
 function Accordion({
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(AccordionPrimitive.Root, { "data-slot": "accordion", ...props });
+  return /* @__PURE__ */ jsx22(AccordionPrimitive.Root, { "data-slot": "accordion", ...props });
 }
 function AccordionItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx22(
     AccordionPrimitive.Item,
     {
       "data-slot": "accordion-item",
@@ -1999,7 +1753,7 @@ function AccordionTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsx22(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs10(
     AccordionPrimitive.Trigger,
     {
       "data-slot": "accordion-trigger",
@@ -2012,7 +1766,7 @@ function AccordionTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx24(ChevronDownIcon5, { className: "pointer-events-none size-4 shrink-0 text-muted-foreground transition-transform duration-200" })
+        /* @__PURE__ */ jsx22(ChevronDownIcon5, { className: "pointer-events-none size-4 shrink-0 text-muted-foreground transition-transform duration-200" })
       ]
     }
   ) });
@@ -2022,27 +1776,27 @@ function AccordionContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx22(
     AccordionPrimitive.Content,
     {
       "data-slot": "accordion-content",
       className: "overflow-hidden text-sm text-muted-foreground data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
       ...props,
-      children: /* @__PURE__ */ jsx24("div", { className: cn("pt-0 pb-4", className), children })
+      children: /* @__PURE__ */ jsx22("div", { className: cn("pt-0 pb-4", className), children })
     }
   );
 }
 
 // src/ui/separator.tsx
 import { Separator as SeparatorPrimitive } from "radix-ui";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 function Separator({
   className,
   orientation = "horizontal",
   decorative = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx23(
     SeparatorPrimitive.Root,
     {
       "data-slot": "separator",
@@ -2060,7 +1814,7 @@ function Separator({
 // src/ui/slider.tsx
 import * as React2 from "react";
 import { Slider as SliderPrimitive } from "radix-ui";
-import { jsx as jsx26, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs11 } from "react/jsx-runtime";
 function Slider({
   className,
   defaultValue,
@@ -2074,7 +1828,7 @@ function Slider({
     if (Array.isArray(defaultValue)) return defaultValue;
     return [min];
   }, [value, defaultValue, min]);
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs11(
     SliderPrimitive.Root,
     {
       "data-slot": "slider",
@@ -2089,12 +1843,12 @@ function Slider({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsx24(
           SliderPrimitive.Track,
           {
             "data-slot": "slider-track",
             className: "relative grow overflow-hidden rounded-full bg-muted data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5",
-            children: /* @__PURE__ */ jsx26(
+            children: /* @__PURE__ */ jsx24(
               SliderPrimitive.Range,
               {
                 "data-slot": "slider-range",
@@ -2103,7 +1857,7 @@ function Slider({
             )
           }
         ),
-        Array.from({ length: thumbs.length }, (_, i) => /* @__PURE__ */ jsx26(
+        Array.from({ length: thumbs.length }, (_, i) => /* @__PURE__ */ jsx24(
           SliderPrimitive.Thumb,
           {
             "data-slot": "slider-thumb",
@@ -2118,13 +1872,13 @@ function Slider({
 
 // src/ui/progress.tsx
 import { Progress as ProgressPrimitive } from "radix-ui";
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 function Progress({
   className,
   value,
   ...props
 }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx25(
     ProgressPrimitive.Root,
     {
       "data-slot": "progress",
@@ -2133,7 +1887,7 @@ function Progress({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx27(
+      children: /* @__PURE__ */ jsx25(
         ProgressPrimitive.Indicator,
         {
           "data-slot": "progress-indicator",
@@ -2148,7 +1902,7 @@ function Progress({
 // src/ui/badge.tsx
 import { Slot as Slot2 } from "radix-ui";
 import { cva as cva2 } from "class-variance-authority";
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 var badgeVariants = cva2(
   "inline-flex w-fit shrink-0 items-center justify-center gap-1 whitespace-nowrap rounded-md border px-2 py-0.5 text-xs font-medium [&>svg]:pointer-events-none [&>svg]:size-3",
   {
@@ -2172,7 +1926,7 @@ function Badge({
   ...props
 }) {
   const Comp = asChild ? Slot2.Root : "span";
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx26(
     Comp,
     {
       "data-slot": "badge",
@@ -2186,35 +1940,35 @@ function Badge({
 import { XIcon } from "lucide-react";
 import { Dialog as SheetPrimitive } from "radix-ui";
 import { cva as cva3 } from "class-variance-authority";
-import { jsx as jsx29, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs12 } from "react/jsx-runtime";
 function Sheet({ ...props }) {
-  return /* @__PURE__ */ jsx29(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
+  return /* @__PURE__ */ jsx27(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
 }
 function SheetTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
+  return /* @__PURE__ */ jsx27(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
 }
 function SheetClose({
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
+  return /* @__PURE__ */ jsx27(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
 }
 function SheetPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+  return /* @__PURE__ */ jsx27(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
 }
 function SheetOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx27(
     SheetPrimitive.Overlay,
     {
       "data-slot": "sheet-overlay",
       className: cn(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-[70] bg-black/50",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-[70] bg-black/40 backdrop-blur-[2px] duration-300",
         className
       ),
       ...props
@@ -2224,19 +1978,45 @@ function SheetOverlay({
 var sheetContentVariants = cva3(
   cn(
     TIMBAL_V2_MODAL_SURFACE,
-    "data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-[70] flex flex-col gap-4 shadow-card-elevated transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500"
+    "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0 fixed z-[70] flex flex-col gap-4 shadow-card-elevated duration-300"
   ),
   {
     variants: {
       side: {
-        top: "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 border-b p-6",
-        bottom: "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 border-t p-6",
-        left: "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r p-6 sm:max-w-sm",
-        right: "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l p-6 sm:max-w-sm"
+        top: "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top fixed top-4 inset-x-4 mx-auto w-[calc(100vw-2rem)] sm:max-w-lg rounded-2xl p-6",
+        bottom: "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom fixed bottom-4 inset-x-4 mx-auto w-[calc(100vw-2rem)] sm:max-w-lg rounded-2xl p-6",
+        left: "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left fixed top-4 bottom-4 left-4 w-[calc(100vw-2rem)] rounded-2xl p-6",
+        right: "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right fixed top-4 bottom-4 right-4 w-[calc(100vw-2rem)] rounded-2xl p-6"
+      },
+      size: {
+        default: "",
+        sm: "",
+        md: "",
+        lg: "",
+        xl: "",
+        "2xl": "",
+        full: ""
       }
     },
+    compoundVariants: [
+      { side: "left", size: "default", class: "sm:max-w-md md:max-w-lg" },
+      { side: "right", size: "default", class: "sm:max-w-md md:max-w-lg" },
+      { side: "left", size: "sm", class: "sm:max-w-sm md:max-w-md" },
+      { side: "right", size: "sm", class: "sm:max-w-sm md:max-w-md" },
+      { side: "left", size: "md", class: "sm:max-w-md md:max-w-lg" },
+      { side: "right", size: "md", class: "sm:max-w-md md:max-w-lg" },
+      { side: "left", size: "lg", class: "sm:max-w-lg md:max-w-xl lg:max-w-2xl" },
+      { side: "right", size: "lg", class: "sm:max-w-lg md:max-w-xl lg:max-w-2xl" },
+      { side: "left", size: "xl", class: "sm:max-w-xl md:max-w-3xl lg:max-w-4xl" },
+      { side: "right", size: "xl", class: "sm:max-w-xl md:max-w-3xl lg:max-w-4xl" },
+      { side: "left", size: "2xl", class: "sm:max-w-2xl md:max-w-4xl lg:max-w-5xl xl:max-w-6xl" },
+      { side: "right", size: "2xl", class: "sm:max-w-2xl md:max-w-4xl lg:max-w-5xl xl:max-w-6xl" },
+      { side: "left", size: "full", class: "max-w-[calc(100vw-2rem)]" },
+      { side: "right", size: "full", class: "max-w-[calc(100vw-2rem)]" }
+    ],
     defaultVariants: {
-      side: "right"
+      side: "right",
+      size: "default"
     }
   }
 );
@@ -2244,22 +2024,23 @@ function SheetContent({
   className,
   children,
   side = "right",
+  size = "default",
   showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs13(SheetPortal, { children: [
-    /* @__PURE__ */ jsx29(SheetOverlay, {}),
-    /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs12(SheetPortal, { children: [
+    /* @__PURE__ */ jsx27(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs12(
       SheetPrimitive.Content,
       {
         "data-slot": "sheet-content",
-        className: cn(sheetContentVariants({ side }), className),
+        className: cn(sheetContentVariants({ side, size }), className),
         ...props,
         children: [
           children,
-          showCloseButton ? /* @__PURE__ */ jsxs13(SheetPrimitive.Close, { className: "absolute top-4 right-4 rounded-xs opacity-70 transition-[opacity,background-color] hover:bg-ghost-fill-hover hover:opacity-100 focus:ring-2 focus:ring-foreground/10 focus:outline-hidden disabled:pointer-events-none", children: [
-            /* @__PURE__ */ jsx29(XIcon, { className: "size-4" }),
-            /* @__PURE__ */ jsx29("span", { className: "sr-only", children: "Close" })
+          showCloseButton ? /* @__PURE__ */ jsxs12(SheetPrimitive.Close, { className: "absolute top-4 right-4 rounded-xs opacity-70 transition-[opacity,background-color] hover:bg-ghost-fill-hover hover:opacity-100 focus:ring-2 focus:ring-foreground/10 focus:outline-hidden disabled:pointer-events-none", children: [
+            /* @__PURE__ */ jsx27(XIcon, { className: "size-4" }),
+            /* @__PURE__ */ jsx27("span", { className: "sr-only", children: "Close" })
           ] }) : null
         ]
       }
@@ -2267,7 +2048,7 @@ function SheetContent({
   ] });
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx27(
     "div",
     {
       "data-slot": "sheet-header",
@@ -2277,7 +2058,7 @@ function SheetHeader({ className, ...props }) {
   );
 }
 function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx27(
     "div",
     {
       "data-slot": "sheet-footer",
@@ -2290,7 +2071,7 @@ function SheetTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx27(
     SheetPrimitive.Title,
     {
       "data-slot": "sheet-title",
@@ -2303,7 +2084,7 @@ function SheetDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx27(
     SheetPrimitive.Description,
     {
       "data-slot": "sheet-description",
@@ -2315,27 +2096,27 @@ function SheetDescription({
 
 // src/ui/alert-dialog.tsx
 import { AlertDialog as AlertDialogPrimitive } from "radix-ui";
-import { jsx as jsx30, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs13 } from "react/jsx-runtime";
 function AlertDialog({
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
+  return /* @__PURE__ */ jsx28(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
 }
 function AlertDialogTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
+  return /* @__PURE__ */ jsx28(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
 }
 function AlertDialogPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
+  return /* @__PURE__ */ jsx28(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
 }
 function AlertDialogOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx28(
     AlertDialogPrimitive.Overlay,
     {
       "data-slot": "alert-dialog-overlay",
@@ -2351,9 +2132,9 @@ function AlertDialogContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs14(AlertDialogPortal, { children: [
-    /* @__PURE__ */ jsx30(AlertDialogOverlay, {}),
-    /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsxs13(AlertDialogPortal, { children: [
+    /* @__PURE__ */ jsx28(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx28(
       AlertDialogPrimitive.Content,
       {
         "data-slot": "alert-dialog-content",
@@ -2368,7 +2149,7 @@ function AlertDialogContent({
   ] });
 }
 function AlertDialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx28(
     "div",
     {
       "data-slot": "alert-dialog-header",
@@ -2378,7 +2159,7 @@ function AlertDialogHeader({ className, ...props }) {
   );
 }
 function AlertDialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx28(
     "div",
     {
       "data-slot": "alert-dialog-footer",
@@ -2394,7 +2175,7 @@ function AlertDialogTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx28(
     AlertDialogPrimitive.Title,
     {
       "data-slot": "alert-dialog-title",
@@ -2407,7 +2188,7 @@ function AlertDialogDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx28(
     AlertDialogPrimitive.Description,
     {
       "data-slot": "alert-dialog-description",
@@ -2420,7 +2201,7 @@ function AlertDialogAction({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(Button, { asChild: true, children: /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx28(Button, { asChild: true, children: /* @__PURE__ */ jsx28(
     AlertDialogPrimitive.Action,
     {
       "data-slot": "alert-dialog-action",
@@ -2433,7 +2214,7 @@ function AlertDialogCancel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(Button, { asChild: true, variant: "outline", children: /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx28(Button, { asChild: true, variant: "outline", children: /* @__PURE__ */ jsx28(
     AlertDialogPrimitive.Cancel,
     {
       "data-slot": "alert-dialog-cancel",
@@ -2445,22 +2226,22 @@ function AlertDialogCancel({
 
 // src/ui/collapsible.tsx
 import { Collapsible as CollapsiblePrimitive } from "radix-ui";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 function Collapsible({
   ...props
 }) {
-  return /* @__PURE__ */ jsx31(CollapsiblePrimitive.Root, { "data-slot": "collapsible", ...props });
+  return /* @__PURE__ */ jsx29(CollapsiblePrimitive.Root, { "data-slot": "collapsible", ...props });
 }
 function CollapsibleTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx31(CollapsiblePrimitive.Trigger, { "data-slot": "collapsible-trigger", ...props });
+  return /* @__PURE__ */ jsx29(CollapsiblePrimitive.Trigger, { "data-slot": "collapsible-trigger", ...props });
 }
 function CollapsibleContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx29(
     CollapsiblePrimitive.Content,
     {
       "data-slot": "collapsible-content",
@@ -2475,20 +2256,20 @@ function CollapsibleContent({
 
 // src/ui/scroll-area.tsx
 import { ScrollArea as ScrollAreaPrimitive } from "radix-ui";
-import { jsx as jsx32, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs14 } from "react/jsx-runtime";
 function ScrollArea({
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs14(
     ScrollAreaPrimitive.Root,
     {
       "data-slot": "scroll-area",
       className: cn("relative overflow-hidden", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx32(
+        /* @__PURE__ */ jsx30(
           ScrollAreaPrimitive.Viewport,
           {
             "data-slot": "scroll-area-viewport",
@@ -2496,8 +2277,8 @@ function ScrollArea({
             children
           }
         ),
-        /* @__PURE__ */ jsx32(ScrollBar, {}),
-        /* @__PURE__ */ jsx32(ScrollAreaPrimitive.Corner, {})
+        /* @__PURE__ */ jsx30(ScrollBar, {}),
+        /* @__PURE__ */ jsx30(ScrollAreaPrimitive.Corner, {})
       ]
     }
   );
@@ -2507,7 +2288,7 @@ function ScrollBar({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx30(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
     {
       "data-slot": "scroll-area-scrollbar",
@@ -2519,7 +2300,7 @@ function ScrollBar({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx32(
+      children: /* @__PURE__ */ jsx30(
         ScrollAreaPrimitive.ScrollAreaThumb,
         {
           "data-slot": "scroll-area-thumb",
@@ -2533,7 +2314,7 @@ function ScrollBar({
 // src/ui/toggle.tsx
 import { Toggle as TogglePrimitive } from "radix-ui";
 import { cva as cva4 } from "class-variance-authority";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 var toggleVariants = cva4(
   "inline-flex items-center justify-center gap-2 rounded-lg text-sm font-medium whitespace-nowrap outline-none transition-[color,box-shadow,background-color,border-color] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",
   {
@@ -2570,7 +2351,7 @@ function Toggle({
   size,
   ...props
 }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx31(
     TogglePrimitive.Root,
     {
       "data-slot": "toggle",
@@ -2582,12 +2363,12 @@ function Toggle({
 
 // src/ui/toggle-group.tsx
 import { ToggleGroup as ToggleGroupPrimitive } from "radix-ui";
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 function ToggleGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx32(
     ToggleGroupPrimitive.Root,
     {
       "data-slot": "toggle-group",
@@ -2600,7 +2381,7 @@ function ToggleGroupItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx32(
     ToggleGroupPrimitive.Item,
     {
       "data-slot": "toggle-group-item",
@@ -2612,16 +2393,16 @@ function ToggleGroupItem({
 
 // src/ui/hover-card.tsx
 import { HoverCard as HoverCardPrimitive } from "radix-ui";
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 function HoverCard({
   ...props
 }) {
-  return /* @__PURE__ */ jsx35(HoverCardPrimitive.Root, { "data-slot": "hover-card", ...props });
+  return /* @__PURE__ */ jsx33(HoverCardPrimitive.Root, { "data-slot": "hover-card", ...props });
 }
 function HoverCardTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx35(HoverCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props });
+  return /* @__PURE__ */ jsx33(HoverCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props });
 }
 function HoverCardContent({
   className,
@@ -2629,7 +2410,7 @@ function HoverCardContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx35(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx33(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ jsx33(
     HoverCardPrimitive.Content,
     {
       "data-slot": "hover-card-content",
@@ -2647,28 +2428,28 @@ function HoverCardContent({
 
 // src/ui/context-menu.tsx
 import { ContextMenu as ContextMenuPrimitive } from "radix-ui";
-import { CheckIcon as CheckIcon4, ChevronRightIcon as ChevronRightIcon6, CircleIcon as CircleIcon4 } from "lucide-react";
-import { jsx as jsx36, jsxs as jsxs16 } from "react/jsx-runtime";
+import { CheckIcon as CheckIcon3, ChevronRightIcon as ChevronRightIcon5, CircleIcon as CircleIcon3 } from "lucide-react";
+import { jsx as jsx34, jsxs as jsxs15 } from "react/jsx-runtime";
 function ContextMenu({
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
+  return /* @__PURE__ */ jsx34(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
 }
 function ContextMenuTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(ContextMenuPrimitive.Trigger, { "data-slot": "context-menu-trigger", ...props });
+  return /* @__PURE__ */ jsx34(ContextMenuPrimitive.Trigger, { "data-slot": "context-menu-trigger", ...props });
 }
 function ContextMenuGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(ContextMenuPrimitive.Group, { "data-slot": "context-menu-group", ...props });
+  return /* @__PURE__ */ jsx34(ContextMenuPrimitive.Group, { "data-slot": "context-menu-group", ...props });
 }
 function ContextMenuContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx34(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx34(
     ContextMenuPrimitive.Content,
     {
       "data-slot": "context-menu-content",
@@ -2687,7 +2468,7 @@ function ContextMenuItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx34(
     ContextMenuPrimitive.Item,
     {
       "data-slot": "context-menu-item",
@@ -2708,7 +2489,7 @@ function ContextMenuCheckboxItem({
   checked,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs15(
     ContextMenuPrimitive.CheckboxItem,
     {
       "data-slot": "context-menu-checkbox-item",
@@ -2716,7 +2497,7 @@ function ContextMenuCheckboxItem({
       checked,
       ...props,
       children: [
-        /* @__PURE__ */ jsx36("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx36(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx36(CheckIcon4, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx34("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx34(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx34(CheckIcon3, { className: "size-4" }) }) }),
         children
       ]
     }
@@ -2725,7 +2506,7 @@ function ContextMenuCheckboxItem({
 function ContextMenuRadioGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx34(
     ContextMenuPrimitive.RadioGroup,
     {
       "data-slot": "context-menu-radio-group",
@@ -2738,14 +2519,14 @@ function ContextMenuRadioItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs15(
     ContextMenuPrimitive.RadioItem,
     {
       "data-slot": "context-menu-radio-item",
       className: cn(overlayItemClass, "py-1.5 pr-2 pl-8", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx36("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx36(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx36(CircleIcon4, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ jsx34("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx34(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx34(CircleIcon3, { className: "size-2 fill-current" }) }) }),
         children
       ]
     }
@@ -2756,7 +2537,7 @@ function ContextMenuLabel({
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx34(
     ContextMenuPrimitive.Label,
     {
       "data-slot": "context-menu-label",
@@ -2773,7 +2554,7 @@ function ContextMenuSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx34(
     ContextMenuPrimitive.Separator,
     {
       "data-slot": "context-menu-separator",
@@ -2786,7 +2567,7 @@ function ContextMenuShortcut({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx34(
     "span",
     {
       "data-slot": "context-menu-shortcut",
@@ -2801,7 +2582,7 @@ function ContextMenuShortcut({
 function ContextMenuSub({
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(ContextMenuPrimitive.Sub, { "data-slot": "context-menu-sub", ...props });
+  return /* @__PURE__ */ jsx34(ContextMenuPrimitive.Sub, { "data-slot": "context-menu-sub", ...props });
 }
 function ContextMenuSubTrigger({
   className,
@@ -2809,7 +2590,7 @@ function ContextMenuSubTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs15(
     ContextMenuPrimitive.SubTrigger,
     {
       "data-slot": "context-menu-sub-trigger",
@@ -2822,7 +2603,7 @@ function ContextMenuSubTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx36(ChevronRightIcon6, { className: "ml-auto size-4" })
+        /* @__PURE__ */ jsx34(ChevronRightIcon5, { className: "ml-auto size-4" })
       ]
     }
   );
@@ -2831,7 +2612,7 @@ function ContextMenuSubContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx34(
     ContextMenuPrimitive.SubContent,
     {
       "data-slot": "context-menu-sub-content",
@@ -2847,7 +2628,7 @@ function ContextMenuSubContent({
 
 // src/ui/alert.tsx
 import { cva as cva5 } from "class-variance-authority";
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 var alertVariants = cva5(
   "relative grid w-full gap-1 rounded-xl border px-4 py-3 text-sm [&>svg]:absolute [&>svg]:top-3.5 [&>svg]:left-4 [&>svg]:size-4 [&>svg+div]:translate-y-[-3px] [&:has(svg)]:pl-11",
   {
@@ -2867,7 +2648,7 @@ function Alert({
   variant,
   ...props
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx35(
     "div",
     {
       "data-slot": "alert",
@@ -2878,7 +2659,7 @@ function Alert({
   );
 }
 function AlertTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx35(
     "div",
     {
       "data-slot": "alert-title",
@@ -2888,7 +2669,7 @@ function AlertTitle({ className, ...props }) {
   );
 }
 function AlertDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx35(
     "div",
     {
       "data-slot": "alert-description",
@@ -2899,9 +2680,9 @@ function AlertDescription({ className, ...props }) {
 }
 
 // src/ui/card.tsx
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 function Card({ className, ...props }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx36(
     "div",
     {
       "data-slot": "card",
@@ -2915,7 +2696,7 @@ function Card({ className, ...props }) {
   );
 }
 function CardHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx36(
     "div",
     {
       "data-slot": "card-header",
@@ -2925,7 +2706,7 @@ function CardHeader({ className, ...props }) {
   );
 }
 function CardTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx36(
     "div",
     {
       "data-slot": "card-title",
@@ -2935,7 +2716,7 @@ function CardTitle({ className, ...props }) {
   );
 }
 function CardDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx36(
     "div",
     {
       "data-slot": "card-description",
@@ -2945,10 +2726,10 @@ function CardDescription({ className, ...props }) {
   );
 }
 function CardContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx38("div", { "data-slot": "card-content", className: cn("px-4", className), ...props });
+  return /* @__PURE__ */ jsx36("div", { "data-slot": "card-content", className: cn("px-4", className), ...props });
 }
 function CardFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx36(
     "div",
     {
       "data-slot": "card-footer",
@@ -2959,9 +2740,9 @@ function CardFooter({ className, ...props }) {
 }
 
 // src/ui/table.tsx
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 function Table({ className, ...props }) {
-  return /* @__PURE__ */ jsx39("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx37("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ jsx37(
     "table",
     {
       "data-slot": "table",
@@ -2971,7 +2752,7 @@ function Table({ className, ...props }) {
   ) });
 }
 function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx37(
     "thead",
     {
       "data-slot": "table-header",
@@ -2981,7 +2762,7 @@ function TableHeader({ className, ...props }) {
   );
 }
 function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx37(
     "tbody",
     {
       "data-slot": "table-body",
@@ -2991,7 +2772,7 @@ function TableBody({ className, ...props }) {
   );
 }
 function TableFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx37(
     "tfoot",
     {
       "data-slot": "table-footer",
@@ -3004,7 +2785,7 @@ function TableFooter({ className, ...props }) {
   );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx37(
     "tr",
     {
       "data-slot": "table-row",
@@ -3017,7 +2798,7 @@ function TableRow({ className, ...props }) {
   );
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx37(
     "th",
     {
       "data-slot": "table-head",
@@ -3030,7 +2811,7 @@ function TableHead({ className, ...props }) {
   );
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx37(
     "td",
     {
       "data-slot": "table-cell",
@@ -3043,7 +2824,7 @@ function TableCell({ className, ...props }) {
   );
 }
 function TableCaption({ className, ...props }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx37(
     "caption",
     {
       "data-slot": "table-caption",
@@ -3056,17 +2837,17 @@ function TableCaption({ className, ...props }) {
 // src/ui/toast.tsx
 import { Toast as ToastPrimitive } from "radix-ui";
 import { XIcon as XIcon2 } from "lucide-react";
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 function ToastProvider({
   ...props
 }) {
-  return /* @__PURE__ */ jsx40(ToastPrimitive.Provider, { "data-slot": "toast-provider", ...props });
+  return /* @__PURE__ */ jsx38(ToastPrimitive.Provider, { "data-slot": "toast-provider", ...props });
 }
 function ToastViewport({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx38(
     ToastPrimitive.Viewport,
     {
       "data-slot": "toast-viewport",
@@ -3083,7 +2864,7 @@ function Toast({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx38(
     ToastPrimitive.Root,
     {
       "data-slot": "toast",
@@ -3102,7 +2883,7 @@ function ToastAction({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx38(
     ToastPrimitive.Action,
     {
       "data-slot": "toast-action",
@@ -3118,7 +2899,7 @@ function ToastClose({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx38(
     ToastPrimitive.Close,
     {
       "data-slot": "toast-close",
@@ -3128,7 +2909,7 @@ function ToastClose({
       ),
       "toast-close": "",
       ...props,
-      children: /* @__PURE__ */ jsx40(XIcon2, { className: "size-4" })
+      children: /* @__PURE__ */ jsx38(XIcon2, { className: "size-4" })
     }
   );
 }
@@ -3136,7 +2917,7 @@ function ToastTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx38(
     ToastPrimitive.Title,
     {
       "data-slot": "toast-title",
@@ -3149,7 +2930,7 @@ function ToastDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx38(
     ToastPrimitive.Description,
     {
       "data-slot": "toast-description",
@@ -3228,32 +3009,32 @@ function useToast() {
 }
 
 // src/ui/toaster.tsx
-import { jsx as jsx41, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs16 } from "react/jsx-runtime";
 function Toaster() {
   const { toasts, dismiss } = useToast();
-  return /* @__PURE__ */ jsxs17(ToastProvider, { children: [
-    toasts.map(({ id, title, description, variant }) => /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs16(ToastProvider, { children: [
+    toasts.map(({ id, title, description, variant }) => /* @__PURE__ */ jsxs16(
       Toast,
       {
         variant,
         onOpenChange: (open) => !open && dismiss(id),
         children: [
-          /* @__PURE__ */ jsxs17("div", { className: "grid gap-1", children: [
-            title ? /* @__PURE__ */ jsx41(ToastTitle, { children: title }) : null,
-            description ? /* @__PURE__ */ jsx41(ToastDescription, { children: description }) : null
+          /* @__PURE__ */ jsxs16("div", { className: "grid gap-1", children: [
+            title ? /* @__PURE__ */ jsx39(ToastTitle, { children: title }) : null,
+            description ? /* @__PURE__ */ jsx39(ToastDescription, { children: description }) : null
           ] }),
-          /* @__PURE__ */ jsx41(ToastClose, {})
+          /* @__PURE__ */ jsx39(ToastClose, {})
         ]
       },
       id
     )),
-    /* @__PURE__ */ jsx41(ToastViewport, {})
+    /* @__PURE__ */ jsx39(ToastViewport, {})
   ] });
 }
 
 // src/ui/avatar-group.tsx
 import * as React4 from "react";
-import { jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsxs as jsxs17 } from "react/jsx-runtime";
 var spacingClass = {
   sm: "-space-x-2",
   md: "-space-x-3"
@@ -3268,7 +3049,7 @@ function AvatarGroup({
   const items = React4.Children.toArray(children);
   const overflow = typeof max === "number" ? items.length - max : 0;
   const visible = typeof max === "number" ? items.slice(0, max) : items;
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs17(
     "div",
     {
       "data-slot": "avatar-group",
@@ -3281,7 +3062,7 @@ function AvatarGroup({
       ...props,
       children: [
         visible,
-        overflow > 0 ? /* @__PURE__ */ jsxs18(
+        overflow > 0 ? /* @__PURE__ */ jsxs17(
           "span",
           {
             "aria-label": `${overflow} more`,
@@ -3298,8 +3079,8 @@ function AvatarGroup({
 }
 
 // src/ui/stepper.tsx
-import { CheckIcon as CheckIcon5 } from "lucide-react";
-import { jsx as jsx42, jsxs as jsxs19 } from "react/jsx-runtime";
+import { CheckIcon as CheckIcon4 } from "lucide-react";
+import { jsx as jsx40, jsxs as jsxs18 } from "react/jsx-runtime";
 function Stepper({
   steps,
   current,
@@ -3308,7 +3089,7 @@ function Stepper({
   ...props
 }) {
   const isVertical = orientation === "vertical";
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx40(
     "ol",
     {
       "data-slot": "stepper",
@@ -3323,7 +3104,7 @@ function Stepper({
         const active = index === current;
         const last = index === steps.length - 1;
         const connectorFilled = index < current;
-        return /* @__PURE__ */ jsxs19(
+        return /* @__PURE__ */ jsxs18(
           "li",
           {
             "aria-current": active ? "step" : void 0,
@@ -3333,8 +3114,8 @@ function Stepper({
               last && !isVertical && "flex-none"
             ),
             children: [
-              /* @__PURE__ */ jsxs19("div", { className: cn("flex items-center gap-2", isVertical && "flex-col"), children: [
-                /* @__PURE__ */ jsx42(
+              /* @__PURE__ */ jsxs18("div", { className: cn("flex items-center gap-2", isVertical && "flex-col"), children: [
+                /* @__PURE__ */ jsx40(
                   "span",
                   {
                     className: cn(
@@ -3343,10 +3124,10 @@ function Stepper({
                       active && "border-primary text-primary",
                       !complete && !active && "border-border text-muted-foreground"
                     ),
-                    children: complete ? /* @__PURE__ */ jsx42(CheckIcon5, { className: "size-3.5", "aria-hidden": true }) : index + 1
+                    children: complete ? /* @__PURE__ */ jsx40(CheckIcon4, { className: "size-3.5", "aria-hidden": true }) : index + 1
                   }
                 ),
-                !last ? /* @__PURE__ */ jsx42(
+                !last ? /* @__PURE__ */ jsx40(
                   "span",
                   {
                     "aria-hidden": true,
@@ -3358,8 +3139,8 @@ function Stepper({
                   }
                 ) : null
               ] }),
-              /* @__PURE__ */ jsxs19("div", { className: cn("min-w-0", isVertical && "pb-4"), children: [
-                /* @__PURE__ */ jsx42(
+              /* @__PURE__ */ jsxs18("div", { className: cn("min-w-0", isVertical && "pb-4"), children: [
+                /* @__PURE__ */ jsx40(
                   "p",
                   {
                     className: cn(
@@ -3369,7 +3150,7 @@ function Stepper({
                     children: step.label
                   }
                 ),
-                step.description ? /* @__PURE__ */ jsx42("p", { className: "truncate text-xs text-muted-foreground", children: step.description }) : null
+                step.description ? /* @__PURE__ */ jsx40("p", { className: "truncate text-xs text-muted-foreground", children: step.description }) : null
               ] })
             ]
           },
@@ -3380,50 +3161,19 @@ function Stepper({
   );
 }
 
-// src/ui/timeline.tsx
-import { jsx as jsx43, jsxs as jsxs20 } from "react/jsx-runtime";
-var dotToneClass = {
-  default: "border-border bg-card",
-  primary: "border-primary bg-primary",
-  success: "border-emerald-500 bg-emerald-500",
-  warn: "border-amber-500 bg-amber-500",
-  danger: "border-destructive bg-destructive"
-};
-function Timeline({ items, className, ...props }) {
-  return /* @__PURE__ */ jsx43("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";
-    return /* @__PURE__ */ jsxs20("li", { className: "relative flex gap-3 pb-5 last:pb-0", children: [
-      /* @__PURE__ */ jsxs20("div", { className: "flex flex-col items-center", children: [
-        /* @__PURE__ */ jsx43(
-          "span",
-          {
-            className: cn(
-              "z-[1] mt-0.5 inline-flex size-3 shrink-0 items-center justify-center rounded-full border-2",
-              dotToneClass[tone],
-              item.icon && "size-6"
-            ),
-            children: item.icon
-          }
-        ),
-        !last ? /* @__PURE__ */ jsx43("span", { "aria-hidden": true, className: "w-px flex-1 bg-border" }) : null
-      ] }),
-      /* @__PURE__ */ jsxs20("div", { className: "min-w-0 flex-1 pb-0.5", children: [
-        /* @__PURE__ */ jsxs20("div", { className: "flex items-start justify-between gap-2", children: [
-          /* @__PURE__ */ jsx43("p", { className: "text-sm font-medium text-foreground", children: item.title }),
-          item.meta ? /* @__PURE__ */ jsx43("span", { className: "shrink-0 text-xs text-muted-foreground tabular-nums", children: item.meta }) : null
-        ] }),
-        item.description ? /* @__PURE__ */ jsx43("p", { className: "mt-0.5 text-sm text-muted-foreground", children: item.description }) : null
-      ] })
-    ] }, item.id);
-  }) });
-}
-
 // src/ui/rating.tsx
 import * as React5 from "react";
 import { StarIcon } from "lucide-react";
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 var sizeClass = { sm: "size-4", md: "size-5", lg: "size-6" };
+var ratingFillClass = {
+  amber: "fill-amber-400 text-amber-400",
+  primary: "fill-primary text-primary",
+  success: "fill-emerald-500 text-emerald-500",
+  warn: "fill-amber-500 text-amber-500",
+  danger: "fill-destructive text-destructive"
+};
+var ratingEmptyClass = "fill-transparent text-muted-foreground/40";
 function Rating({
   value: valueProp,
   defaultValue = 0,
@@ -3432,6 +3182,7 @@ function Rating({
   readOnly = false,
   disabled = false,
   size = "md",
+  tone = "amber",
   label = "Rating",
   className
 }) {
@@ -3447,20 +3198,20 @@ function Rating({
     onChange?.(next);
   };
   if (!interactive) {
-    return /* @__PURE__ */ jsx44(
+    return /* @__PURE__ */ jsx41(
       "span",
       {
         "data-slot": "rating",
         role: "img",
         "aria-label": `${label}: ${value} of ${max}`,
         className: cn("inline-flex items-center gap-0.5", disabled && "opacity-50", className),
-        children: Array.from({ length: max }, (_, i) => /* @__PURE__ */ jsx44(
+        children: Array.from({ length: max }, (_, i) => /* @__PURE__ */ jsx41(
           StarIcon,
           {
             "aria-hidden": true,
             className: cn(
               sizeClass[size],
-              i < value ? "fill-amber-400 text-amber-400" : "fill-transparent text-muted-foreground/40"
+              i < value ? ratingFillClass[tone] : ratingEmptyClass
             )
           },
           i
@@ -3468,7 +3219,7 @@ function Rating({
       }
     );
   }
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx41(
     "span",
     {
       "data-slot": "rating",
@@ -3479,7 +3230,7 @@ function Rating({
       children: Array.from({ length: max }, (_, i) => {
         const unit = i + 1;
         const filled = unit <= shown;
-        return /* @__PURE__ */ jsx44(
+        return /* @__PURE__ */ jsx41(
           "button",
           {
             type: "button",
@@ -3491,13 +3242,13 @@ function Rating({
             onFocus: () => setHover(unit),
             onBlur: () => setHover(null),
             className: "rounded-sm p-0.5 transition-transform hover:scale-110 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-foreground/15",
-            children: /* @__PURE__ */ jsx44(
+            children: /* @__PURE__ */ jsx41(
               StarIcon,
               {
                 className: cn(
                   sizeClass[size],
                   "transition-colors",
-                  filled ? "fill-amber-400 text-amber-400" : "fill-transparent text-muted-foreground/40"
+                  filled ? ratingFillClass[tone] : ratingEmptyClass
                 )
               }
             )
@@ -3512,7 +3263,7 @@ function Rating({
 // src/ui/number-field.tsx
 import * as React6 from "react";
 import { MinusIcon as MinusIcon2, PlusIcon } from "lucide-react";
-import { jsx as jsx45, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs19 } from "react/jsx-runtime";
 var heightClass = { sm: "h-9", default: "h-10" };
 var stepButtonClass = "inline-flex aspect-square h-full items-center justify-center text-muted-foreground transition-colors hover:bg-accent hover:text-foreground disabled:pointer-events-none disabled:opacity-40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-foreground/15";
 function clamp(n, min, max) {
@@ -3541,7 +3292,7 @@ function NumberField({
     if (!isControlled) setUncontrolled(clamped);
     onValueChange?.(clamped);
   };
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs19(
     "div",
     {
       "data-slot": "number-field",
@@ -3553,7 +3304,7 @@ function NumberField({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx45(
+        /* @__PURE__ */ jsx42(
           "button",
           {
             type: "button",
@@ -3562,10 +3313,10 @@ function NumberField({
             disabled: disabled || typeof min === "number" && value <= min,
             onClick: () => commit(value - step),
             className: cn(stepButtonClass, "border-r border-border"),
-            children: /* @__PURE__ */ jsx45(MinusIcon2, { className: "size-4" })
+            children: /* @__PURE__ */ jsx42(MinusIcon2, { className: "size-4" })
           }
         ),
-        /* @__PURE__ */ jsx45(
+        /* @__PURE__ */ jsx42(
           "input",
           {
             type: "number",
@@ -3589,7 +3340,7 @@ function NumberField({
             ...inputProps
           }
         ),
-        /* @__PURE__ */ jsx45(
+        /* @__PURE__ */ jsx42(
           "button",
           {
             type: "button",
@@ -3598,7 +3349,7 @@ function NumberField({
             disabled: disabled || typeof max === "number" && value >= max,
             onClick: () => commit(value + step),
             className: cn(stepButtonClass, "border-l border-border"),
-            children: /* @__PURE__ */ jsx45(PlusIcon, { className: "size-4" })
+            children: /* @__PURE__ */ jsx42(PlusIcon, { className: "size-4" })
           }
         )
       ]
@@ -3609,7 +3360,11 @@ function NumberField({
 // src/ui/tag-input.tsx
 import * as React7 from "react";
 import { XIcon as XIcon3 } from "lucide-react";
-import { jsx as jsx46, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs20 } from "react/jsx-runtime";
+var tagInputSizeClass = {
+  sm: "min-h-9 gap-1 px-1.5 py-1",
+  default: "min-h-10 gap-1.5 px-2 py-1.5"
+};
 function TagInput({
   value: valueProp,
   defaultValue = [],
@@ -3619,6 +3374,7 @@ function TagInput({
   dedupe = true,
   max,
   disabled,
+  size = "default",
   ariaLabel,
   className,
   inputClassName
@@ -3653,38 +3409,39 @@ function TagInput({
       removeAt(tags.length - 1);
     }
   };
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs20(
     "div",
     {
       "data-slot": "tag-input",
       className: cn(
         controlSurfaceClass,
-        "flex min-h-10 w-full flex-wrap items-center gap-1.5 rounded-lg px-2 py-1.5",
+        "flex w-full flex-wrap items-center rounded-lg",
+        tagInputSizeClass[size],
         disabled && "pointer-events-none opacity-50",
         className
       ),
       children: [
-        tags.map((tag, index) => /* @__PURE__ */ jsxs22(
+        tags.map((tag, index) => /* @__PURE__ */ jsxs20(
           "span",
           {
             className: "inline-flex items-center gap-1 rounded-md bg-muted py-0.5 pl-2 pr-1 text-xs font-medium text-foreground",
             children: [
               tag,
-              /* @__PURE__ */ jsx46(
+              /* @__PURE__ */ jsx43(
                 "button",
                 {
                   type: "button",
                   "aria-label": `Remove ${tag}`,
                   onClick: () => removeAt(index),
                   className: "inline-flex size-4 items-center justify-center rounded-sm text-muted-foreground transition-colors hover:bg-foreground/10 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-foreground/20",
-                  children: /* @__PURE__ */ jsx46(XIcon3, { className: "size-3", "aria-hidden": true })
+                  children: /* @__PURE__ */ jsx43(XIcon3, { className: "size-3", "aria-hidden": true })
                 }
               )
             ]
           },
           `${tag}-${index}`
         )),
-        /* @__PURE__ */ jsx46(
+        /* @__PURE__ */ jsx43(
           "input",
           {
             type: "text",
@@ -3706,141 +3463,55 @@ function TagInput({
   );
 }
 
-// src/ui/banner.tsx
-import { XIcon as XIcon4 } from "lucide-react";
-import { jsx as jsx47, jsxs as jsxs23 } from "react/jsx-runtime";
-var bannerToneClass = {
-  default: "border-border bg-muted/50 text-foreground",
-  primary: "border-primary/20 bg-primary/10 text-foreground",
-  success: "border-emerald-500/25 bg-emerald-500/10 text-foreground [&_[data-banner-icon]]:text-emerald-600 dark:[&_[data-banner-icon]]:text-emerald-400",
-  warn: "border-amber-500/25 bg-amber-500/10 text-foreground [&_[data-banner-icon]]:text-amber-600 dark:[&_[data-banner-icon]]:text-amber-400",
-  danger: "border-destructive/25 bg-destructive/10 text-foreground [&_[data-banner-icon]]:text-destructive"
-};
-function Banner({
-  tone = "default",
-  icon,
-  title,
-  actions,
-  onDismiss,
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs23(
-    "div",
-    {
-      "data-slot": "banner",
-      role: "status",
-      className: cn(
-        "flex w-full items-start gap-3 rounded-lg border px-4 py-3 text-sm",
-        bannerToneClass[tone],
-        className
-      ),
-      ...props,
-      children: [
-        icon ? /* @__PURE__ */ jsx47("span", { "data-banner-icon": true, className: "mt-0.5 shrink-0 [&_svg]:size-4", children: icon }) : null,
-        /* @__PURE__ */ jsxs23("div", { className: "min-w-0 flex-1", children: [
-          title ? /* @__PURE__ */ jsx47("p", { className: "font-medium", children: title }) : null,
-          children ? /* @__PURE__ */ jsx47("div", { className: cn("text-muted-foreground", title && "mt-0.5"), children }) : null
-        ] }),
-        actions ? /* @__PURE__ */ jsx47("div", { className: "flex shrink-0 items-center gap-2", children: actions }) : null,
-        onDismiss ? /* @__PURE__ */ jsx47(
-          "button",
-          {
-            type: "button",
-            "aria-label": "Dismiss",
-            onClick: onDismiss,
-            className: "-mr-1 -mt-0.5 inline-flex size-7 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-foreground/10 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-foreground/15",
-            children: /* @__PURE__ */ jsx47(XIcon4, { className: "size-4", "aria-hidden": true })
-          }
-        ) : null
-      ]
-    }
-  );
-}
-
-// src/ui/copy-button.tsx
-import * as React8 from "react";
-import { CheckIcon as CheckIcon6, CopyIcon } from "lucide-react";
-import { jsx as jsx48, jsxs as jsxs24 } from "react/jsx-runtime";
-function CopyButton({
-  value,
-  timeout = 1500,
-  onCopied,
-  className,
-  children,
-  onClick,
-  ...props
-}) {
-  const [copied, setCopied] = React8.useState(false);
-  const timer = React8.useRef(void 0);
-  React8.useEffect(() => () => clearTimeout(timer.current), []);
-  const handleClick = async (event) => {
-    onClick?.(event);
-    if (event.defaultPrevented) return;
-    try {
-      await navigator.clipboard.writeText(value);
-      setCopied(true);
-      onCopied?.(value);
-      clearTimeout(timer.current);
-      timer.current = setTimeout(() => setCopied(false), timeout);
-    } catch {
-    }
-  };
-  const Icon = copied ? CheckIcon6 : CopyIcon;
-  return /* @__PURE__ */ jsxs24(
-    "button",
-    {
-      type: "button",
-      "data-slot": "copy-button",
-      "data-copied": copied || void 0,
-      "aria-label": copied ? "Copied" : "Copy",
-      onClick: handleClick,
-      className: cn(
-        "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",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx48(Icon, { className: "size-4 shrink-0", "aria-hidden": true }),
-        children
-      ]
-    }
-  );
-}
-
 // src/ui/snippet.tsx
-import { jsx as jsx49, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs21 } from "react/jsx-runtime";
+var snippetVariantClass = {
+  muted: "border-border bg-muted/40",
+  outline: "border-border bg-transparent",
+  ghost: "border-transparent bg-foreground/[0.04]"
+};
+var snippetSizeClass = {
+  sm: "gap-1.5 py-1 pl-2.5 pr-1 text-xs",
+  default: "gap-2 py-1.5 pl-3 pr-1.5 text-sm"
+};
 function Snippet({
   children,
   symbol,
+  variant = "muted",
+  size = "default",
   hideCopy = false,
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs21(
     "div",
     {
       "data-slot": "snippet",
+      "data-variant": variant,
       className: cn(
-        "flex items-center gap-2 rounded-lg border border-border bg-muted/40 py-1.5 pl-3 pr-1.5 font-mono text-sm",
+        "flex items-center rounded-lg border font-mono",
+        snippetVariantClass[variant],
+        snippetSizeClass[size],
         className
       ),
       ...props,
       children: [
-        symbol ? /* @__PURE__ */ jsx49("span", { "aria-hidden": true, className: "select-none text-muted-foreground", children: symbol }) : null,
-        /* @__PURE__ */ jsx49("code", { className: "min-w-0 flex-1 truncate text-foreground", children }),
-        hideCopy ? null : /* @__PURE__ */ jsx49(CopyButton, { value: children, className: "size-7 shrink-0" })
+        symbol ? /* @__PURE__ */ jsx44("span", { "aria-hidden": true, className: "select-none text-muted-foreground", children: symbol }) : null,
+        /* @__PURE__ */ jsx44("code", { className: "min-w-0 flex-1 truncate text-foreground", children }),
+        hideCopy ? null : /* @__PURE__ */ jsx44(
+          CopyButton,
+          {
+            value: children,
+            className: cn("shrink-0", size === "sm" ? "size-6" : "size-7")
+          }
+        )
       ]
     }
   );
 }
 
 // src/ui/circular-progress.tsx
-import { jsx as jsx50, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs22 } from "react/jsx-runtime";
 var toneClass = {
   primary: "text-primary",
   success: "text-emerald-500",
@@ -3863,7 +3534,7 @@ function CircularProgress({
   const circumference = 2 * Math.PI * radius;
   const pct = indeterminate ? 0.25 : Math.min(Math.max(value / max, 0), 1);
   const dashOffset = circumference * (1 - pct);
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs22(
     "div",
     {
       "data-slot": "circular-progress",
@@ -3875,7 +3546,7 @@ function CircularProgress({
       style: { width: size, height: size },
       ...props,
       children: [
-        /* @__PURE__ */ jsxs26(
+        /* @__PURE__ */ jsxs22(
           "svg",
           {
             width: size,
@@ -3883,7 +3554,7 @@ function CircularProgress({
             viewBox: `0 0 ${size} ${size}`,
             className: cn(toneClass[tone], indeterminate && "animate-spin"),
             children: [
-              /* @__PURE__ */ jsx50(
+              /* @__PURE__ */ jsx45(
                 "circle",
                 {
                   cx: size / 2,
@@ -3894,7 +3565,7 @@ function CircularProgress({
                   className: "stroke-current opacity-15"
                 }
               ),
-              /* @__PURE__ */ jsx50(
+              /* @__PURE__ */ jsx45(
                 "circle",
                 {
                   cx: size / 2,
@@ -3912,31 +3583,13 @@ function CircularProgress({
             ]
           }
         ),
-        showLabel && !indeterminate ? /* @__PURE__ */ jsx50("span", { className: "absolute inset-0 flex items-center justify-center text-[0.7rem] font-medium tabular-nums text-foreground", children: label ?? `${Math.round(pct * 100)}%` }) : null
+        showLabel && !indeterminate ? /* @__PURE__ */ jsx45("span", { className: "absolute inset-0 flex items-center justify-center text-[0.7rem] font-medium tabular-nums text-foreground", children: label ?? `${Math.round(pct * 100)}%` }) : null
       ]
     }
   );
 }
 
 export {
-  DropdownMenu,
-  DropdownMenuTrigger,
-  DropdownMenuGroup,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuCheckboxItem,
-  DropdownMenuRadioGroup,
-  DropdownMenuRadioItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuShortcut,
-  DropdownMenuSub,
-  DropdownMenuSubTrigger,
-  DropdownMenuSubContent,
-  Popover,
-  PopoverTrigger,
-  PopoverAnchor,
-  PopoverContent,
   Select,
   SelectGroup,
   SelectValue,
@@ -4129,12 +3782,9 @@ export {
   Toaster,
   AvatarGroup,
   Stepper,
-  Timeline,
   Rating,
   NumberField,
   TagInput,
-  Banner,
-  CopyButton,
   Snippet,
   CircularProgress
 };