@timbal-ai/timbal-react 1.5.0 → 1.6.1

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

@@ -4,7 +4,7 @@ import {
   PopoverAnchor,
   PopoverContent,
   PopoverTrigger
-} from "./chunk-5ECRZ5O7.esm.js";
+} from "./chunk-NO5AWNWT.esm.js";
 import {
   Button,
   Dialog,
@@ -19,177 +19,21 @@ import {
   controlClass,
   controlSurfaceClass,
   overlayItemClass,
-  overlayListPanelClass,
   overlaySurfaceClass
-} from "./chunk-AZL2WANO.esm.js";
+} from "./chunk-MBS7XHV2.esm.js";
 import {
   cn
 } from "./chunk-EDEKQYSU.esm.js";
 
-// src/ui/select.tsx
-import { Select as SelectPrimitive } from "radix-ui";
-import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function Select({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(SelectPrimitive.Root, { "data-slot": "select", ...props });
-}
-function SelectGroup({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
-}
-function SelectValue({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
-}
-function SelectTrigger({
-  className,
-  size = "default",
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    SelectPrimitive.Trigger,
-    {
-      "data-slot": "select-trigger",
-      "data-size": size,
-      className: cn(
-        controlClass({ size }),
-        "flex w-fit items-center justify-between gap-2 whitespace-nowrap *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4 opacity-50" }) })
-      ]
-    }
-  );
-}
-function SelectContent({
-  className,
-  children,
-  position = "popper",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
-    SelectPrimitive.Content,
-    {
-      "data-slot": "select-content",
-      className: cn(
-        overlayListPanelClass,
-        "relative max-h-[var(--radix-select-content-available-height)] min-w-[8rem] origin-[var(--radix-select-content-transform-origin)] overflow-x-hidden overflow-y-auto",
-        position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-        className
-      ),
-      position,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx(
-          SelectPrimitive.Viewport,
-          {
-            className: cn(
-              "p-1",
-              position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
-            ),
-            children
-          }
-        ),
-        /* @__PURE__ */ jsx(SelectScrollDownButton, {})
-      ]
-    }
-  ) });
-}
-function SelectLabel({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    SelectPrimitive.Label,
-    {
-      "data-slot": "select-label",
-      className: cn("px-2 py-1.5 text-xs font-medium text-muted-foreground", className),
-      ...props
-    }
-  );
-}
-function SelectItem({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    SelectPrimitive.Item,
-    {
-      "data-slot": "select-item",
-      className: cn(
-        overlayItemClass,
-        "w-full py-1.5 pr-8 pl-2 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
-        className
-      ),
-      ...props,
-      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 })
-      ]
-    }
-  );
-}
-function SelectSeparator({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    SelectPrimitive.Separator,
-    {
-      "data-slot": "select-separator",
-      className: cn("-mx-1 my-1 h-px bg-border", className),
-      ...props
-    }
-  );
-}
-function SelectScrollUpButton({
-  className,
-  ...props
-}) {
-  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__ */ jsx(ChevronUpIcon, { className: "size-4" })
-    }
-  );
-}
-function SelectScrollDownButton({
-  className,
-  ...props
-}) {
-  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__ */ jsx(ChevronDownIcon, { className: "size-4" })
-    }
-  );
-}
-
 // src/ui/input.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 function Input({
   className,
   type,
   controlSize,
   ...props
 }) {
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx(
     "input",
     {
       type,
@@ -205,15 +49,15 @@ function Input({
 }
 
 // src/ui/textarea.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx as jsx2 } from "react/jsx-runtime";
 function Textarea({ className, ...props }) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx2(
     "textarea",
     {
       "data-slot": "textarea",
       className: cn(
         controlSurfaceClass,
-        "min-h-16 w-full resize-y rounded-lg px-3 py-2 leading-relaxed",
+        "min-h-16 w-full resize-y rounded-lg px-2.5 py-1.5 leading-relaxed",
         className
       ),
       ...props
@@ -223,12 +67,12 @@ function Textarea({ className, ...props }) {
 
 // src/ui/label.tsx
 import { Label as LabelPrimitive } from "radix-ui";
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx3 } from "react/jsx-runtime";
 function Label({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx3(
     LabelPrimitive.Root,
     {
       "data-slot": "label",
@@ -244,12 +88,12 @@ function Label({
 
 // src/ui/switch.tsx
 import { Switch as SwitchPrimitive } from "radix-ui";
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 function Switch({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     SwitchPrimitive.Root,
     {
       "data-slot": "switch",
@@ -261,7 +105,7 @@ function Switch({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx5(
+      children: /* @__PURE__ */ jsx4(
         SwitchPrimitive.Thumb,
         {
           "data-slot": "switch-thumb",
@@ -278,12 +122,12 @@ function Switch({
 // src/ui/radio-group.tsx
 import { RadioGroup as RadioGroupPrimitive } from "radix-ui";
 import { CircleIcon } from "lucide-react";
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 function RadioGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx5(
     RadioGroupPrimitive.Root,
     {
       "data-slot": "radio-group",
@@ -296,7 +140,7 @@ function RadioGroupItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx5(
     RadioGroupPrimitive.Item,
     {
       "data-slot": "radio-group-item",
@@ -307,12 +151,12 @@ function RadioGroupItem({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx6(
+      children: /* @__PURE__ */ jsx5(
         RadioGroupPrimitive.Indicator,
         {
           "data-slot": "radio-group-indicator",
           className: "flex items-center justify-center",
-          children: /* @__PURE__ */ jsx6(CircleIcon, { className: "size-2 fill-foreground text-foreground" })
+          children: /* @__PURE__ */ jsx5(CircleIcon, { className: "size-2 fill-foreground text-foreground" })
         }
       )
     }
@@ -321,17 +165,17 @@ function RadioGroupItem({
 
 // src/ui/form.tsx
 import { Form as FormPrimitive } from "radix-ui";
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 function Form({ ...props }) {
-  return /* @__PURE__ */ jsx7(FormPrimitive.Root, { "data-slot": "form", ...props });
+  return /* @__PURE__ */ jsx6(FormPrimitive.Root, { "data-slot": "form", ...props });
 }
 function FormField({
   ...props
 }) {
-  return /* @__PURE__ */ jsx7(FormPrimitive.Field, { "data-slot": "form-field", ...props });
+  return /* @__PURE__ */ jsx6(FormPrimitive.Field, { "data-slot": "form-field", ...props });
 }
 function FormItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx6(
     "div",
     {
       "data-slot": "form-item",
@@ -344,18 +188,18 @@ function FormLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx7(FormPrimitive.Label, { asChild: true, children: /* @__PURE__ */ jsx7(Label, { "data-slot": "form-label", className, ...props }) });
+  return /* @__PURE__ */ jsx6(FormPrimitive.Label, { asChild: true, children: /* @__PURE__ */ jsx6(Label, { "data-slot": "form-label", className, ...props }) });
 }
 function FormControl({
   ...props
 }) {
-  return /* @__PURE__ */ jsx7(FormPrimitive.Control, { "data-slot": "form-control", ...props });
+  return /* @__PURE__ */ jsx6(FormPrimitive.Control, { "data-slot": "form-control", ...props });
 }
 function FormMessage({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx6(
     FormPrimitive.Message,
     {
       "data-slot": "form-message",
@@ -368,7 +212,7 @@ function FormSubmit({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx6(
     FormPrimitive.Submit,
     {
       "data-slot": "form-submit",
@@ -380,22 +224,22 @@ function FormSubmit({
 
 // src/ui/aspect-ratio.tsx
 import { AspectRatio as AspectRatioPrimitive } from "radix-ui";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 function AspectRatio({
   ...props
 }) {
-  return /* @__PURE__ */ jsx8(AspectRatioPrimitive.Root, { "data-slot": "aspect-ratio", ...props });
+  return /* @__PURE__ */ jsx7(AspectRatioPrimitive.Root, { "data-slot": "aspect-ratio", ...props });
 }
 
 // src/ui/breadcrumb.tsx
 import { ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
 import { Slot } from "radix-ui";
-import { jsx as jsx9, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs } from "react/jsx-runtime";
 function Breadcrumb({ ...props }) {
-  return /* @__PURE__ */ jsx9("nav", { "data-slot": "breadcrumb", "aria-label": "Breadcrumb", ...props });
+  return /* @__PURE__ */ jsx8("nav", { "data-slot": "breadcrumb", "aria-label": "Breadcrumb", ...props });
 }
 function BreadcrumbList({ className, ...props }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx8(
     "ol",
     {
       "data-slot": "breadcrumb-list",
@@ -408,7 +252,7 @@ function BreadcrumbList({ className, ...props }) {
   );
 }
 function BreadcrumbItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx8(
     "li",
     {
       "data-slot": "breadcrumb-item",
@@ -423,7 +267,7 @@ function BreadcrumbLink({
   ...props
 }) {
   const Comp = asChild ? Slot.Root : "a";
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx8(
     Comp,
     {
       "data-slot": "breadcrumb-link",
@@ -433,7 +277,7 @@ function BreadcrumbLink({
   );
 }
 function BreadcrumbPage({ className, ...props }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx8(
     "span",
     {
       "data-slot": "breadcrumb-page",
@@ -450,7 +294,7 @@ function BreadcrumbSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx8(
     "li",
     {
       "data-slot": "breadcrumb-separator",
@@ -458,7 +302,7 @@ function BreadcrumbSeparator({
       "aria-hidden": "true",
       className: cn("[&>svg]:size-3.5", className),
       ...props,
-      children: children ?? /* @__PURE__ */ jsx9(ChevronRightIcon, {})
+      children: children ?? /* @__PURE__ */ jsx8(ChevronRightIcon, {})
     }
   );
 }
@@ -466,17 +310,17 @@ function BreadcrumbEllipsis({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs(
     "span",
     {
       "data-slot": "breadcrumb-ellipsis",
       role: "presentation",
       "aria-hidden": "true",
-      className: cn("flex size-9 items-center justify-center", className),
+      className: cn("flex size-8 items-center justify-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx9(MoreHorizontalIcon, { className: "size-4" }),
-        /* @__PURE__ */ jsx9("span", { className: "sr-only", children: "More" })
+        /* @__PURE__ */ jsx8(MoreHorizontalIcon, { className: "size-4" }),
+        /* @__PURE__ */ jsx8("span", { className: "sr-only", children: "More" })
       ]
     }
   );
@@ -484,9 +328,9 @@ function BreadcrumbEllipsis({
 
 // src/ui/pagination.tsx
 import { ChevronLeftIcon, ChevronRightIcon as ChevronRightIcon2, MoreHorizontalIcon as MoreHorizontalIcon2 } from "lucide-react";
-import { jsx as jsx10, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs2 } from "react/jsx-runtime";
 function Pagination({ className, ...props }) {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx9(
     "nav",
     {
       "data-slot": "pagination",
@@ -498,7 +342,7 @@ function Pagination({ className, ...props }) {
   );
 }
 function PaginationContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx9(
     "ul",
     {
       "data-slot": "pagination-content",
@@ -508,7 +352,7 @@ function PaginationContent({ className, ...props }) {
   );
 }
 function PaginationItem({ ...props }) {
-  return /* @__PURE__ */ jsx10("li", { "data-slot": "pagination-item", ...props });
+  return /* @__PURE__ */ jsx9("li", { "data-slot": "pagination-item", ...props });
 }
 function PaginationLink({
   className,
@@ -516,7 +360,7 @@ function PaginationLink({
   size = "icon",
   ...props
 }) {
-  return /* @__PURE__ */ jsx10(Button, { asChild: true, variant: isActive ? "outline" : "ghost", size, className, children: /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx9(Button, { asChild: true, variant: isActive ? "outline" : "ghost", size, className, children: /* @__PURE__ */ jsx9(
     "a",
     {
       "data-slot": "pagination-link",
@@ -529,7 +373,7 @@ function PaginationPrevious({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs2(
     PaginationLink,
     {
       "aria-label": "Go to previous page",
@@ -537,8 +381,8 @@ function PaginationPrevious({
       className: cn("gap-1 px-2.5 sm:pl-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx10(ChevronLeftIcon, { className: "size-4" }),
-        /* @__PURE__ */ jsx10("span", { className: "hidden sm:block", children: "Previous" })
+        /* @__PURE__ */ jsx9(ChevronLeftIcon, { className: "size-4" }),
+        /* @__PURE__ */ jsx9("span", { className: "hidden sm:block", children: "Previous" })
       ]
     }
   );
@@ -547,7 +391,7 @@ function PaginationNext({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs2(
     PaginationLink,
     {
       "aria-label": "Go to next page",
@@ -555,8 +399,8 @@ function PaginationNext({
       className: cn("gap-1 px-2.5 sm:pr-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx10("span", { className: "hidden sm:block", children: "Next" }),
-        /* @__PURE__ */ jsx10(ChevronRightIcon2, { className: "size-4" })
+        /* @__PURE__ */ jsx9("span", { className: "hidden sm:block", children: "Next" }),
+        /* @__PURE__ */ jsx9(ChevronRightIcon2, { className: "size-4" })
       ]
     }
   );
@@ -565,7 +409,7 @@ function PaginationEllipsis({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs2(
     "span",
     {
       "data-slot": "pagination-ellipsis",
@@ -573,8 +417,8 @@ function PaginationEllipsis({
       className: cn("flex size-9 items-center justify-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx10(MoreHorizontalIcon2, { className: "size-4" }),
-        /* @__PURE__ */ jsx10("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ jsx9(MoreHorizontalIcon2, { className: "size-4" }),
+        /* @__PURE__ */ jsx9("span", { className: "sr-only", children: "More pages" })
       ]
     }
   );
@@ -582,12 +426,12 @@ function PaginationEllipsis({
 
 // src/ui/toolbar.tsx
 import { Toolbar as ToolbarPrimitive } from "radix-ui";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 function Toolbar({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx10(
     ToolbarPrimitive.Root,
     {
       "data-slot": "toolbar",
@@ -603,12 +447,12 @@ function ToolbarButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx10(
     ToolbarPrimitive.Button,
     {
       "data-slot": "toolbar-button",
       className: cn(
-        "inline-flex h-8 min-w-8 items-center justify-center rounded-md px-2 text-sm font-medium text-foreground outline-none transition-colors",
+        "inline-flex h-7 min-w-7 items-center justify-center rounded-md px-1.5 text-sm font-medium text-foreground outline-none transition-colors",
         "hover:bg-muted focus-visible:ring-2 focus-visible:ring-foreground/10 disabled:pointer-events-none disabled:opacity-50",
         className
       ),
@@ -620,7 +464,7 @@ function ToolbarSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx10(
     ToolbarPrimitive.Separator,
     {
       "data-slot": "toolbar-separator",
@@ -633,7 +477,7 @@ function ToolbarToggleGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx10(
     ToolbarPrimitive.ToggleGroup,
     {
       "data-slot": "toolbar-toggle-group",
@@ -646,12 +490,12 @@ function ToolbarToggleItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx10(
     ToolbarPrimitive.ToggleItem,
     {
       "data-slot": "toolbar-toggle-item",
       className: cn(
-        "inline-flex h-8 min-w-8 items-center justify-center rounded-md px-2 text-sm outline-none transition-colors",
+        "inline-flex h-7 min-w-7 items-center justify-center rounded-md px-1.5 text-sm outline-none transition-colors",
         "hover:bg-muted focus-visible:ring-2 focus-visible:ring-foreground/10",
         "data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
         className
@@ -664,12 +508,12 @@ function ToolbarLink({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx10(
     ToolbarPrimitive.Link,
     {
       "data-slot": "toolbar-link",
       className: cn(
-        "inline-flex h-8 items-center rounded-md px-2 text-sm text-foreground outline-none transition-colors hover:bg-muted focus-visible:ring-2 focus-visible:ring-foreground/10",
+        "inline-flex h-7 items-center rounded-md px-1.5 text-sm text-foreground outline-none transition-colors hover:bg-muted focus-visible:ring-2 focus-visible:ring-foreground/10",
         className
       ),
       ...props
@@ -679,18 +523,18 @@ function ToolbarLink({
 
 // src/ui/menubar.tsx
 import { Menubar as MenubarPrimitive } from "radix-ui";
-import { CheckIcon as CheckIcon2, ChevronRightIcon as ChevronRightIcon3, CircleIcon as CircleIcon2 } from "lucide-react";
-import { jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
+import { CheckIcon, ChevronRightIcon as ChevronRightIcon3, CircleIcon as CircleIcon2 } from "lucide-react";
+import { jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
 function Menubar({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx11(
     MenubarPrimitive.Root,
     {
       "data-slot": "menubar",
       className: cn(
-        "flex h-9 items-center gap-1 rounded-lg border border-border bg-gradient-to-b from-elevated-from to-elevated-to p-1 shadow-card",
+        "flex h-8 items-center gap-1 rounded-lg border border-border bg-gradient-to-b from-elevated-from to-elevated-to p-1 shadow-card",
         className
       ),
       ...props
@@ -700,18 +544,18 @@ function Menubar({
 function MenubarMenu({
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(MenubarPrimitive.Menu, { "data-slot": "menubar-menu", ...props });
+  return /* @__PURE__ */ jsx11(MenubarPrimitive.Menu, { "data-slot": "menubar-menu", ...props });
 }
 function MenubarTrigger({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx11(
     MenubarPrimitive.Trigger,
     {
       "data-slot": "menubar-trigger",
       className: cn(
-        "flex cursor-default items-center rounded-md px-2 py-1 text-sm font-medium outline-none select-none",
+        "flex cursor-default items-center rounded-md px-2 py-0.5 text-sm font-medium outline-none select-none",
         "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
         className
       ),
@@ -726,7 +570,7 @@ function MenubarContent({
   sideOffset = 8,
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx11(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx11(
     MenubarPrimitive.Content,
     {
       "data-slot": "menubar-content",
@@ -748,7 +592,7 @@ function MenubarItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx11(
     MenubarPrimitive.Item,
     {
       "data-slot": "menubar-item",
@@ -769,15 +613,15 @@ function MenubarCheckboxItem({
   checked,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs3(
     MenubarPrimitive.CheckboxItem,
     {
       "data-slot": "menubar-checkbox-item",
-      className: cn(overlayItemClass, "py-1.5 pr-2 pl-8", className),
+      className: cn(overlayItemClass, "py-1 pr-2 pl-8", className),
       checked,
       ...props,
       children: [
-        /* @__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" }) }) }),
+        /* @__PURE__ */ jsx11("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx11(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx11(CheckIcon, { className: "size-4" }) }) }),
         children
       ]
     }
@@ -786,21 +630,21 @@ function MenubarCheckboxItem({
 function MenubarRadioGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(MenubarPrimitive.RadioGroup, { "data-slot": "menubar-radio-group", ...props });
+  return /* @__PURE__ */ jsx11(MenubarPrimitive.RadioGroup, { "data-slot": "menubar-radio-group", ...props });
 }
 function MenubarRadioItem({
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs3(
     MenubarPrimitive.RadioItem,
     {
       "data-slot": "menubar-radio-item",
-      className: cn(overlayItemClass, "py-1.5 pr-2 pl-8", className),
+      className: cn(overlayItemClass, "py-1 pr-2 pl-8", className),
       ...props,
       children: [
-        /* @__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" }) }) }),
+        /* @__PURE__ */ jsx11("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx11(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx11(CircleIcon2, { className: "size-2 fill-current" }) }) }),
         children
       ]
     }
@@ -811,7 +655,7 @@ function MenubarLabel({
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx11(
     MenubarPrimitive.Label,
     {
       "data-slot": "menubar-label",
@@ -828,7 +672,7 @@ function MenubarSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx11(
     MenubarPrimitive.Separator,
     {
       "data-slot": "menubar-separator",
@@ -841,7 +685,7 @@ function MenubarShortcut({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx11(
     "span",
     {
       "data-slot": "menubar-shortcut",
@@ -856,7 +700,7 @@ function MenubarShortcut({
 function MenubarSub({
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(MenubarPrimitive.Sub, { "data-slot": "menubar-sub", ...props });
+  return /* @__PURE__ */ jsx11(MenubarPrimitive.Sub, { "data-slot": "menubar-sub", ...props });
 }
 function MenubarSubTrigger({
   className,
@@ -864,7 +708,7 @@ function MenubarSubTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs3(
     MenubarPrimitive.SubTrigger,
     {
       "data-slot": "menubar-sub-trigger",
@@ -877,7 +721,7 @@ function MenubarSubTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx12(ChevronRightIcon3, { className: "ml-auto size-4" })
+        /* @__PURE__ */ jsx11(ChevronRightIcon3, { className: "ml-auto size-4" })
       ]
     }
   );
@@ -886,7 +730,7 @@ function MenubarSubContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx11(
     MenubarPrimitive.SubContent,
     {
       "data-slot": "menubar-sub-content",
@@ -902,16 +746,16 @@ function MenubarSubContent({
 
 // src/ui/navigation-menu.tsx
 import { NavigationMenu as NavigationMenuPrimitive } from "radix-ui";
-import { ChevronDownIcon as ChevronDownIcon2 } from "lucide-react";
+import { ChevronDownIcon } from "lucide-react";
 import { cva } from "class-variance-authority";
-import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
 function NavigationMenu({
   className,
   children,
   viewport = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs4(
     NavigationMenuPrimitive.Root,
     {
       "data-slot": "navigation-menu",
@@ -923,7 +767,7 @@ function NavigationMenu({
       ...props,
       children: [
         children,
-        viewport ? /* @__PURE__ */ jsx13(NavigationMenuViewport, {}) : null
+        viewport ? /* @__PURE__ */ jsx12(NavigationMenuViewport, {}) : null
       ]
     }
   );
@@ -932,7 +776,7 @@ function NavigationMenuList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx12(
     NavigationMenuPrimitive.List,
     {
       "data-slot": "navigation-menu-list",
@@ -947,7 +791,7 @@ function NavigationMenuList({
 function NavigationMenuItem({
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(NavigationMenuPrimitive.Item, { "data-slot": "navigation-menu-item", ...props });
+  return /* @__PURE__ */ jsx12(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"
@@ -957,7 +801,7 @@ function NavigationMenuTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs4(
     NavigationMenuPrimitive.Trigger,
     {
       "data-slot": "navigation-menu-trigger",
@@ -966,8 +810,8 @@ function NavigationMenuTrigger({
       children: [
         children,
         " ",
-        /* @__PURE__ */ jsx13(
-          ChevronDownIcon2,
+        /* @__PURE__ */ jsx12(
+          ChevronDownIcon,
           {
             className: "relative top-px ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
             "aria-hidden": "true"
@@ -981,7 +825,7 @@ function NavigationMenuContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx12(
     NavigationMenuPrimitive.Content,
     {
       "data-slot": "navigation-menu-content",
@@ -998,7 +842,7 @@ function NavigationMenuViewport({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx13("div", { className: cn("absolute top-full left-0 isolate z-[80] flex justify-center"), children: /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx12("div", { className: cn("absolute top-full left-0 isolate z-[80] flex justify-center"), children: /* @__PURE__ */ jsx12(
     NavigationMenuPrimitive.Viewport,
     {
       "data-slot": "navigation-menu-viewport",
@@ -1015,7 +859,7 @@ function NavigationMenuLink({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx12(
     NavigationMenuPrimitive.Link,
     {
       "data-slot": "navigation-menu-link",
@@ -1031,7 +875,7 @@ function NavigationMenuIndicator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx12(
     NavigationMenuPrimitive.Indicator,
     {
       "data-slot": "navigation-menu-indicator",
@@ -1040,7 +884,7 @@ function NavigationMenuIndicator({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx13("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+      children: /* @__PURE__ */ jsx12("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
     }
   );
 }
@@ -1048,12 +892,12 @@ function NavigationMenuIndicator({
 // src/ui/command.tsx
 import { Command as CommandPrimitive } from "cmdk";
 import { SearchIcon } from "lucide-react";
-import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
 function Command({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx13(
     CommandPrimitive,
     {
       "data-slot": "command",
@@ -1073,17 +917,17 @@ function CommandDialog({
   showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs6(Dialog, { ...props, children: [
-    /* @__PURE__ */ jsxs6(DialogHeader, { className: "sr-only", children: [
-      /* @__PURE__ */ jsx14(DialogTitle, { children: title }),
-      /* @__PURE__ */ jsx14(DialogDescription, { children: description })
+  return /* @__PURE__ */ jsxs5(Dialog, { ...props, children: [
+    /* @__PURE__ */ jsxs5(DialogHeader, { className: "sr-only", children: [
+      /* @__PURE__ */ jsx13(DialogTitle, { children: title }),
+      /* @__PURE__ */ jsx13(DialogDescription, { children: description })
     ] }),
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx13(
       DialogContent,
       {
         className: cn("overflow-hidden p-0", className),
         showCloseButton,
-        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 })
+        children: /* @__PURE__ */ jsx13(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1 [&_[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-1.5 [&_[cmdk-item]_svg]:size-4", children })
       }
     )
   ] });
@@ -1092,19 +936,19 @@ function CommandInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs5(
     "div",
     {
       "data-slot": "command-input-wrapper",
-      className: "flex h-10 items-center gap-2 border-b border-border px-3",
+      className: "flex h-9 items-center gap-2 border-b border-border px-2.5",
       children: [
-        /* @__PURE__ */ jsx14(SearchIcon, { className: "size-4 shrink-0 text-muted-foreground" }),
-        /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsx13(SearchIcon, { className: "size-4 shrink-0 text-muted-foreground" }),
+        /* @__PURE__ */ jsx13(
           CommandPrimitive.Input,
           {
             "data-slot": "command-input",
             className: cn(
-              "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground/70 disabled:cursor-not-allowed disabled:opacity-50",
+              "flex h-9 w-full rounded-md bg-transparent py-2 text-sm outline-none placeholder:text-muted-foreground/70 disabled:cursor-not-allowed disabled:opacity-50",
               className
             ),
             ...props
@@ -1118,7 +962,7 @@ function CommandList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx13(
     CommandPrimitive.List,
     {
       "data-slot": "command-list",
@@ -1130,11 +974,11 @@ function CommandList({
 function CommandEmpty({
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx13(
     CommandPrimitive.Empty,
     {
       "data-slot": "command-empty",
-      className: "py-6 text-center text-sm text-muted-foreground",
+      className: "py-4 text-center text-sm text-muted-foreground",
       ...props
     }
   );
@@ -1143,12 +987,12 @@ function CommandGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx13(
     CommandPrimitive.Group,
     {
       "data-slot": "command-group",
       className: cn(
-        "overflow-hidden p-1 text-foreground [&_[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",
+        "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
         className
       ),
       ...props
@@ -1159,7 +1003,7 @@ function CommandSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx13(
     CommandPrimitive.Separator,
     {
       "data-slot": "command-separator",
@@ -1172,7 +1016,7 @@ function CommandItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx13(
     CommandPrimitive.Item,
     {
       "data-slot": "command-item",
@@ -1189,7 +1033,7 @@ function CommandShortcut({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx13(
     "span",
     {
       "data-slot": "command-shortcut",
@@ -1204,12 +1048,12 @@ function CommandShortcut({
 
 // src/ui/calendar.tsx
 import * as React from "react";
-import { ChevronDownIcon as ChevronDownIcon3, ChevronLeftIcon as ChevronLeftIcon2, ChevronRightIcon as ChevronRightIcon4 } from "lucide-react";
+import { ChevronDownIcon as ChevronDownIcon2, ChevronLeftIcon as ChevronLeftIcon2, ChevronRightIcon as ChevronRightIcon4 } from "lucide-react";
 import {
   DayPicker,
   getDefaultClassNames
 } from "react-day-picker";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 function Calendar({
   className,
   classNames,
@@ -1217,7 +1061,7 @@ function Calendar({
   ...props
 }) {
   const defaults = getDefaultClassNames();
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx14(
     DayPicker,
     {
       showOutsideDays,
@@ -1233,12 +1077,12 @@ function Calendar({
         button_previous: cn(navButtonClass, defaults.button_previous),
         button_next: cn(navButtonClass, defaults.button_next),
         month_caption: cn(
-          "flex h-10 items-center justify-center",
+          "flex h-9 items-center justify-center",
           defaults.month_caption
         ),
         caption_label: cn("text-sm font-semibold", defaults.caption_label),
         dropdowns: cn(
-          "flex h-10 items-center justify-center gap-1.5 text-sm font-semibold",
+          "flex h-9 items-center justify-center gap-1.5 text-sm font-semibold",
           defaults.dropdowns
         ),
         dropdown_root: cn(
@@ -1249,17 +1093,17 @@ function Calendar({
         month_grid: cn("border-separate border-spacing-y-1", defaults.month_grid),
         weekdays: cn(defaults.weekdays),
         weekday: cn(
-          "size-10 pb-2 text-xs font-medium text-muted-foreground",
+          "size-9 pb-2 text-xs font-medium text-muted-foreground",
           defaults.weekday
         ),
         week: cn(defaults.week),
-        week_number_header: cn("size-10", defaults.week_number_header),
+        week_number_header: cn("size-9", defaults.week_number_header),
         week_number: cn(
           "text-xs text-muted-foreground",
           defaults.week_number
         ),
         day: cn(
-          "relative size-10 p-0 text-center text-sm focus-within:relative focus-within:z-10",
+          "relative size-9 p-0 text-center text-sm focus-within:relative focus-within:z-10",
           defaults.day
         ),
         range_start: cn("rounded-l-md", defaults.range_start),
@@ -1279,8 +1123,8 @@ function Calendar({
       },
       components: {
         Chevron: ({ orientation, className: chevronClass, ...chevronProps }) => {
-          const Icon = orientation === "left" ? ChevronLeftIcon2 : orientation === "right" ? ChevronRightIcon4 : ChevronDownIcon3;
-          return /* @__PURE__ */ jsx15(Icon, { className: cn("size-4", chevronClass), ...chevronProps });
+          const Icon = orientation === "left" ? ChevronLeftIcon2 : orientation === "right" ? ChevronRightIcon4 : ChevronDownIcon2;
+          return /* @__PURE__ */ jsx14(Icon, { className: cn("size-4", chevronClass), ...chevronProps });
         },
         DayButton: CalendarDayButton
       },
@@ -1305,7 +1149,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__ */ jsx15(
+  return /* @__PURE__ */ jsx14(
     "button",
     {
       ref,
@@ -1332,12 +1176,12 @@ function CalendarDayButton({
 }
 
 // src/ui/combobox.tsx
-import { ChevronDownIcon as ChevronDownIcon4 } from "lucide-react";
-import { jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
+import { ChevronDownIcon as ChevronDownIcon3 } from "lucide-react";
+import { jsx as jsx15, jsxs as jsxs6 } from "react/jsx-runtime";
 function Combobox({
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(Popover, { "data-slot": "combobox", ...props });
+  return /* @__PURE__ */ jsx15(Popover, { "data-slot": "combobox", ...props });
 }
 function ComboboxTrigger({
   className,
@@ -1345,7 +1189,7 @@ function ComboboxTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs6(
     PopoverTrigger,
     {
       "data-slot": "combobox-trigger",
@@ -1357,8 +1201,8 @@ function ComboboxTrigger({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx16("span", { className: "truncate", children }),
-        /* @__PURE__ */ jsx16(ChevronDownIcon4, { className: "size-4 shrink-0 opacity-50" })
+        /* @__PURE__ */ jsx15("span", { className: "truncate", children }),
+        /* @__PURE__ */ jsx15(ChevronDownIcon3, { className: "size-4 shrink-0 opacity-50" })
       ]
     }
   );
@@ -1366,14 +1210,14 @@ function ComboboxTrigger({
 function ComboboxAnchor({
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(PopoverAnchor, { "data-slot": "combobox-anchor", ...props });
+  return /* @__PURE__ */ jsx15(PopoverAnchor, { "data-slot": "combobox-anchor", ...props });
 }
 function ComboboxContent({
   className,
   align = "start",
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx15(
     PopoverContent,
     {
       "data-slot": "combobox-content",
@@ -1391,7 +1235,7 @@ function ComboboxCommand({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx15(
     Command,
     {
       "data-slot": "combobox-command",
@@ -1403,58 +1247,58 @@ function ComboboxCommand({
 function ComboboxInput({
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(CommandInput, { "data-slot": "combobox-input", ...props });
+  return /* @__PURE__ */ jsx15(CommandInput, { "data-slot": "combobox-input", ...props });
 }
 function ComboboxList({
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(CommandList, { "data-slot": "combobox-list", ...props });
+  return /* @__PURE__ */ jsx15(CommandList, { "data-slot": "combobox-list", ...props });
 }
 function ComboboxEmpty({
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(CommandEmpty, { "data-slot": "combobox-empty", ...props });
+  return /* @__PURE__ */ jsx15(CommandEmpty, { "data-slot": "combobox-empty", ...props });
 }
 function ComboboxGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(CommandGroup, { "data-slot": "combobox-group", ...props });
+  return /* @__PURE__ */ jsx15(CommandGroup, { "data-slot": "combobox-group", ...props });
 }
 function ComboboxItem({
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(CommandItem, { "data-slot": "combobox-item", ...props });
+  return /* @__PURE__ */ jsx15(CommandItem, { "data-slot": "combobox-item", ...props });
 }
 function ComboboxSeparator({
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(CommandSeparator, { "data-slot": "combobox-separator", ...props });
+  return /* @__PURE__ */ jsx15(CommandSeparator, { "data-slot": "combobox-separator", ...props });
 }
 function ComboboxShortcut({
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(CommandShortcut, { "data-slot": "combobox-shortcut", ...props });
+  return /* @__PURE__ */ jsx15(CommandShortcut, { "data-slot": "combobox-shortcut", ...props });
 }
 
 // src/ui/date-picker.tsx
 import { CalendarIcon } from "lucide-react";
-import { jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
 function DatePicker({
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(Popover, { "data-slot": "date-picker", ...props });
+  return /* @__PURE__ */ jsx16(Popover, { "data-slot": "date-picker", ...props });
 }
 function DatePickerTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(PopoverTrigger, { "data-slot": "date-picker-trigger", ...props });
+  return /* @__PURE__ */ jsx16(PopoverTrigger, { "data-slot": "date-picker-trigger", ...props });
 }
 function DatePickerContent({
   className,
   align = "start",
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx16(
     PopoverContent,
     {
       "data-slot": "date-picker-content",
@@ -1468,7 +1312,7 @@ function DatePickerCalendar({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx16(
     Calendar,
     {
       "data-slot": "date-picker-calendar",
@@ -1490,7 +1334,7 @@ function DatePickerButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs7(
     "button",
     {
       type: "button",
@@ -1503,7 +1347,7 @@ function DatePickerButton({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx17(CalendarIcon, { className: "size-4 shrink-0 opacity-70" }),
+        /* @__PURE__ */ jsx16(CalendarIcon, { className: "size-4 shrink-0 opacity-70" }),
         date ? formatPickerDate(date) : placeholder
       ]
     }
@@ -1513,14 +1357,14 @@ function DatePickerButton({
 // src/ui/input-otp.tsx
 import { MinusIcon } from "lucide-react";
 import { unstable_OneTimePasswordField as OTPField } from "radix-ui";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 function InputOTP({
   className,
   containerClassName,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx17(
     OTPField.Root,
     {
       "data-slot": "input-otp",
@@ -1538,7 +1382,7 @@ function InputOTPGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx17(
     "div",
     {
       "data-slot": "input-otp-group",
@@ -1551,13 +1395,13 @@ function InputOTPSlot({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx17(
     OTPField.Input,
     {
       "data-slot": "input-otp-slot",
       className: cn(
         controlSurfaceClass,
-        "relative size-9 rounded-none text-center text-sm tabular-nums",
+        "relative size-8 rounded-none text-center text-sm tabular-nums",
         "-ms-px first:ms-0 first:rounded-s-lg last:rounded-e-lg",
         "focus-visible:z-10",
         className
@@ -1569,13 +1413,13 @@ function InputOTPSlot({
 function InputOTPHiddenInput({
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(OTPField.HiddenInput, { "data-slot": "input-otp-hidden-input", ...props });
+  return /* @__PURE__ */ jsx17(OTPField.HiddenInput, { "data-slot": "input-otp-hidden-input", ...props });
 }
 function InputOTPSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx17(
     "div",
     {
       role: "separator",
@@ -1583,15 +1427,15 @@ function InputOTPSeparator({
       "aria-hidden": true,
       className: cn("text-muted-foreground", className),
       ...props,
-      children: /* @__PURE__ */ jsx18(MinusIcon, { className: "size-4" })
+      children: /* @__PURE__ */ jsx17(MinusIcon, { className: "size-4" })
     }
   );
 }
 
 // src/ui/kbd.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 function Kbd({ className, ...props }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(
     "kbd",
     {
       "data-slot": "kbd",
@@ -1604,7 +1448,7 @@ function Kbd({ className, ...props }) {
   );
 }
 function KbdGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       "data-slot": "kbd-group",
@@ -1615,12 +1459,12 @@ function KbdGroup({ className, ...props }) {
 }
 
 // src/ui/spinner.tsx
-import { jsx as jsx20, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs8 } from "react/jsx-runtime";
 function Spinner({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs8(
     "svg",
     {
       "data-slot": "spinner",
@@ -1631,7 +1475,7 @@ function Spinner({
       className: cn("size-4 animate-spin text-muted-foreground", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx19(
           "circle",
           {
             className: "opacity-25",
@@ -1642,7 +1486,7 @@ function Spinner({
             strokeWidth: "3"
           }
         ),
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx19(
           "path",
           {
             className: "opacity-75",
@@ -1656,12 +1500,12 @@ function Spinner({
 }
 
 // src/ui/input-group.tsx
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 function InputGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     "div",
     {
       "data-slot": "input-group",
@@ -1680,7 +1524,7 @@ function InputGroupAddon({
   align = "inline-start",
   ...props
 }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     "div",
     {
       "data-slot": "input-group-addon",
@@ -1699,7 +1543,7 @@ function InputGroupInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     "input",
     {
       "data-slot": "input-group-control",
@@ -1716,7 +1560,7 @@ function InputGroupText({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     "span",
     {
       "data-slot": "input-group-text",
@@ -1728,18 +1572,18 @@ function InputGroupText({
 
 // src/ui/accordion.tsx
 import { Accordion as AccordionPrimitive } from "radix-ui";
-import { ChevronDownIcon as ChevronDownIcon5 } from "lucide-react";
-import { jsx as jsx22, jsxs as jsxs10 } from "react/jsx-runtime";
+import { ChevronDownIcon as ChevronDownIcon4 } from "lucide-react";
+import { jsx as jsx21, jsxs as jsxs9 } from "react/jsx-runtime";
 function Accordion({
   ...props
 }) {
-  return /* @__PURE__ */ jsx22(AccordionPrimitive.Root, { "data-slot": "accordion", ...props });
+  return /* @__PURE__ */ jsx21(AccordionPrimitive.Root, { "data-slot": "accordion", ...props });
 }
 function AccordionItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx21(
     AccordionPrimitive.Item,
     {
       "data-slot": "accordion-item",
@@ -1753,12 +1597,12 @@ function AccordionTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx22(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsx21(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs9(
     AccordionPrimitive.Trigger,
     {
       "data-slot": "accordion-trigger",
       className: cn(
-        "flex flex-1 items-center justify-between gap-4 rounded-md py-4 text-left text-sm font-medium outline-none transition-all",
+        "flex flex-1 items-center justify-between gap-4 rounded-md py-3 text-left text-sm font-medium outline-none transition-all",
         "focus-visible:ring-2 focus-visible:ring-foreground/10 disabled:pointer-events-none disabled:opacity-50",
         "hover:underline [&[data-state=open]>svg]:rotate-180",
         className
@@ -1766,7 +1610,7 @@ function AccordionTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx22(ChevronDownIcon5, { className: "pointer-events-none size-4 shrink-0 text-muted-foreground transition-transform duration-200" })
+        /* @__PURE__ */ jsx21(ChevronDownIcon4, { className: "pointer-events-none size-4 shrink-0 text-muted-foreground transition-transform duration-200" })
       ]
     }
   ) });
@@ -1776,27 +1620,27 @@ function AccordionContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx21(
     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__ */ jsx22("div", { className: cn("pt-0 pb-4", className), children })
+      children: /* @__PURE__ */ jsx21("div", { className: cn("pt-0 pb-3", className), children })
     }
   );
 }
 
 // src/ui/separator.tsx
 import { Separator as SeparatorPrimitive } from "radix-ui";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 function Separator({
   className,
   orientation = "horizontal",
   decorative = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx22(
     SeparatorPrimitive.Root,
     {
       "data-slot": "separator",
@@ -1814,7 +1658,7 @@ function Separator({
 // src/ui/slider.tsx
 import * as React2 from "react";
 import { Slider as SliderPrimitive } from "radix-ui";
-import { jsx as jsx24, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs10 } from "react/jsx-runtime";
 function Slider({
   className,
   defaultValue,
@@ -1828,7 +1672,7 @@ function Slider({
     if (Array.isArray(defaultValue)) return defaultValue;
     return [min];
   }, [value, defaultValue, min]);
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs10(
     SliderPrimitive.Root,
     {
       "data-slot": "slider",
@@ -1843,12 +1687,12 @@ function Slider({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx23(
           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__ */ jsx24(
+            children: /* @__PURE__ */ jsx23(
               SliderPrimitive.Range,
               {
                 "data-slot": "slider-range",
@@ -1857,7 +1701,7 @@ function Slider({
             )
           }
         ),
-        Array.from({ length: thumbs.length }, (_, i) => /* @__PURE__ */ jsx24(
+        Array.from({ length: thumbs.length }, (_, i) => /* @__PURE__ */ jsx23(
           SliderPrimitive.Thumb,
           {
             "data-slot": "slider-thumb",
@@ -1872,13 +1716,13 @@ function Slider({
 
 // src/ui/progress.tsx
 import { Progress as ProgressPrimitive } from "radix-ui";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 function Progress({
   className,
   value,
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx24(
     ProgressPrimitive.Root,
     {
       "data-slot": "progress",
@@ -1887,7 +1731,7 @@ function Progress({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx25(
+      children: /* @__PURE__ */ jsx24(
         ProgressPrimitive.Indicator,
         {
           "data-slot": "progress-indicator",
@@ -1902,7 +1746,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 jsx26 } from "react/jsx-runtime";
+import { jsx as jsx25 } 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",
   {
@@ -1926,7 +1770,7 @@ function Badge({
   ...props
 }) {
   const Comp = asChild ? Slot2.Root : "span";
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx25(
     Comp,
     {
       "data-slot": "badge",
@@ -1940,30 +1784,30 @@ 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 jsx27, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs11 } from "react/jsx-runtime";
 function Sheet({ ...props }) {
-  return /* @__PURE__ */ jsx27(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
+  return /* @__PURE__ */ jsx26(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
 }
 function SheetTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx27(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
+  return /* @__PURE__ */ jsx26(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
 }
 function SheetClose({
   ...props
 }) {
-  return /* @__PURE__ */ jsx27(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
+  return /* @__PURE__ */ jsx26(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
 }
 function SheetPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx27(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+  return /* @__PURE__ */ jsx26(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
 }
 function SheetOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx26(
     SheetPrimitive.Overlay,
     {
       "data-slot": "sheet-overlay",
@@ -1983,10 +1827,10 @@ var sheetContentVariants = cva3(
   {
     variants: {
       side: {
-        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"
+        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-5",
+        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-5",
+        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-5",
+        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-5"
       },
       size: {
         default: "",
@@ -2028,9 +1872,9 @@ function SheetContent({
   showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs12(SheetPortal, { children: [
-    /* @__PURE__ */ jsx27(SheetOverlay, {}),
-    /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs11(SheetPortal, { children: [
+    /* @__PURE__ */ jsx26(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs11(
       SheetPrimitive.Content,
       {
         "data-slot": "sheet-content",
@@ -2038,9 +1882,9 @@ function SheetContent({
         ...props,
         children: [
           children,
-          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" })
+          showCloseButton ? /* @__PURE__ */ jsxs11(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__ */ jsx26(XIcon, { className: "size-4" }),
+            /* @__PURE__ */ jsx26("span", { className: "sr-only", children: "Close" })
           ] }) : null
         ]
       }
@@ -2048,7 +1892,7 @@ function SheetContent({
   ] });
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx26(
     "div",
     {
       "data-slot": "sheet-header",
@@ -2058,7 +1902,7 @@ function SheetHeader({ className, ...props }) {
   );
 }
 function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx26(
     "div",
     {
       "data-slot": "sheet-footer",
@@ -2071,7 +1915,7 @@ function SheetTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx26(
     SheetPrimitive.Title,
     {
       "data-slot": "sheet-title",
@@ -2084,7 +1928,7 @@ function SheetDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx26(
     SheetPrimitive.Description,
     {
       "data-slot": "sheet-description",
@@ -2096,27 +1940,27 @@ function SheetDescription({
 
 // src/ui/alert-dialog.tsx
 import { AlertDialog as AlertDialogPrimitive } from "radix-ui";
-import { jsx as jsx28, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs12 } from "react/jsx-runtime";
 function AlertDialog({
   ...props
 }) {
-  return /* @__PURE__ */ jsx28(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
+  return /* @__PURE__ */ jsx27(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
 }
 function AlertDialogTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx28(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
+  return /* @__PURE__ */ jsx27(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
 }
 function AlertDialogPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx28(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
+  return /* @__PURE__ */ jsx27(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
 }
 function AlertDialogOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx27(
     AlertDialogPrimitive.Overlay,
     {
       "data-slot": "alert-dialog-overlay",
@@ -2132,9 +1976,9 @@ function AlertDialogContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs13(AlertDialogPortal, { children: [
-    /* @__PURE__ */ jsx28(AlertDialogOverlay, {}),
-    /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsxs12(AlertDialogPortal, { children: [
+    /* @__PURE__ */ jsx27(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx27(
       AlertDialogPrimitive.Content,
       {
         "data-slot": "alert-dialog-content",
@@ -2149,7 +1993,7 @@ function AlertDialogContent({
   ] });
 }
 function AlertDialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx27(
     "div",
     {
       "data-slot": "alert-dialog-header",
@@ -2159,7 +2003,7 @@ function AlertDialogHeader({ className, ...props }) {
   );
 }
 function AlertDialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx27(
     "div",
     {
       "data-slot": "alert-dialog-footer",
@@ -2175,7 +2019,7 @@ function AlertDialogTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx27(
     AlertDialogPrimitive.Title,
     {
       "data-slot": "alert-dialog-title",
@@ -2188,7 +2032,7 @@ function AlertDialogDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx27(
     AlertDialogPrimitive.Description,
     {
       "data-slot": "alert-dialog-description",
@@ -2201,7 +2045,7 @@ function AlertDialogAction({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx28(Button, { asChild: true, children: /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx27(Button, { asChild: true, children: /* @__PURE__ */ jsx27(
     AlertDialogPrimitive.Action,
     {
       "data-slot": "alert-dialog-action",
@@ -2214,7 +2058,7 @@ function AlertDialogCancel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx28(Button, { asChild: true, variant: "outline", children: /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx27(Button, { asChild: true, variant: "outline", children: /* @__PURE__ */ jsx27(
     AlertDialogPrimitive.Cancel,
     {
       "data-slot": "alert-dialog-cancel",
@@ -2226,22 +2070,22 @@ function AlertDialogCancel({
 
 // src/ui/collapsible.tsx
 import { Collapsible as CollapsiblePrimitive } from "radix-ui";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function Collapsible({
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(CollapsiblePrimitive.Root, { "data-slot": "collapsible", ...props });
+  return /* @__PURE__ */ jsx28(CollapsiblePrimitive.Root, { "data-slot": "collapsible", ...props });
 }
 function CollapsibleTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(CollapsiblePrimitive.Trigger, { "data-slot": "collapsible-trigger", ...props });
+  return /* @__PURE__ */ jsx28(CollapsiblePrimitive.Trigger, { "data-slot": "collapsible-trigger", ...props });
 }
 function CollapsibleContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx28(
     CollapsiblePrimitive.Content,
     {
       "data-slot": "collapsible-content",
@@ -2256,20 +2100,20 @@ function CollapsibleContent({
 
 // src/ui/scroll-area.tsx
 import { ScrollArea as ScrollAreaPrimitive } from "radix-ui";
-import { jsx as jsx30, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs13 } from "react/jsx-runtime";
 function ScrollArea({
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs13(
     ScrollAreaPrimitive.Root,
     {
       "data-slot": "scroll-area",
       className: cn("relative overflow-hidden", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx29(
           ScrollAreaPrimitive.Viewport,
           {
             "data-slot": "scroll-area-viewport",
@@ -2277,8 +2121,8 @@ function ScrollArea({
             children
           }
         ),
-        /* @__PURE__ */ jsx30(ScrollBar, {}),
-        /* @__PURE__ */ jsx30(ScrollAreaPrimitive.Corner, {})
+        /* @__PURE__ */ jsx29(ScrollBar, {}),
+        /* @__PURE__ */ jsx29(ScrollAreaPrimitive.Corner, {})
       ]
     }
   );
@@ -2288,7 +2132,7 @@ function ScrollBar({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx29(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
     {
       "data-slot": "scroll-area-scrollbar",
@@ -2300,7 +2144,7 @@ function ScrollBar({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx30(
+      children: /* @__PURE__ */ jsx29(
         ScrollAreaPrimitive.ScrollAreaThumb,
         {
           "data-slot": "scroll-area-thumb",
@@ -2314,7 +2158,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 jsx31 } from "react/jsx-runtime";
+import { jsx as jsx30 } 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",
   {
@@ -2351,7 +2195,7 @@ function Toggle({
   size,
   ...props
 }) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx30(
     TogglePrimitive.Root,
     {
       "data-slot": "toggle",
@@ -2363,12 +2207,12 @@ function Toggle({
 
 // src/ui/toggle-group.tsx
 import { ToggleGroup as ToggleGroupPrimitive } from "radix-ui";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 function ToggleGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx31(
     ToggleGroupPrimitive.Root,
     {
       "data-slot": "toggle-group",
@@ -2381,7 +2225,7 @@ function ToggleGroupItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx31(
     ToggleGroupPrimitive.Item,
     {
       "data-slot": "toggle-group-item",
@@ -2393,16 +2237,16 @@ function ToggleGroupItem({
 
 // src/ui/hover-card.tsx
 import { HoverCard as HoverCardPrimitive } from "radix-ui";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 function HoverCard({
   ...props
 }) {
-  return /* @__PURE__ */ jsx33(HoverCardPrimitive.Root, { "data-slot": "hover-card", ...props });
+  return /* @__PURE__ */ jsx32(HoverCardPrimitive.Root, { "data-slot": "hover-card", ...props });
 }
 function HoverCardTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx33(HoverCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props });
+  return /* @__PURE__ */ jsx32(HoverCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props });
 }
 function HoverCardContent({
   className,
@@ -2410,7 +2254,7 @@ function HoverCardContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx33(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx32(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ jsx32(
     HoverCardPrimitive.Content,
     {
       "data-slot": "hover-card-content",
@@ -2428,28 +2272,28 @@ function HoverCardContent({
 
 // src/ui/context-menu.tsx
 import { ContextMenu as ContextMenuPrimitive } from "radix-ui";
-import { CheckIcon as CheckIcon3, ChevronRightIcon as ChevronRightIcon5, CircleIcon as CircleIcon3 } from "lucide-react";
-import { jsx as jsx34, jsxs as jsxs15 } from "react/jsx-runtime";
+import { CheckIcon as CheckIcon2, ChevronRightIcon as ChevronRightIcon5, CircleIcon as CircleIcon3 } from "lucide-react";
+import { jsx as jsx33, jsxs as jsxs14 } from "react/jsx-runtime";
 function ContextMenu({
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
+  return /* @__PURE__ */ jsx33(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
 }
 function ContextMenuTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(ContextMenuPrimitive.Trigger, { "data-slot": "context-menu-trigger", ...props });
+  return /* @__PURE__ */ jsx33(ContextMenuPrimitive.Trigger, { "data-slot": "context-menu-trigger", ...props });
 }
 function ContextMenuGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(ContextMenuPrimitive.Group, { "data-slot": "context-menu-group", ...props });
+  return /* @__PURE__ */ jsx33(ContextMenuPrimitive.Group, { "data-slot": "context-menu-group", ...props });
 }
 function ContextMenuContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx33(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx33(
     ContextMenuPrimitive.Content,
     {
       "data-slot": "context-menu-content",
@@ -2468,7 +2312,7 @@ function ContextMenuItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx33(
     ContextMenuPrimitive.Item,
     {
       "data-slot": "context-menu-item",
@@ -2489,7 +2333,7 @@ function ContextMenuCheckboxItem({
   checked,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs14(
     ContextMenuPrimitive.CheckboxItem,
     {
       "data-slot": "context-menu-checkbox-item",
@@ -2497,7 +2341,7 @@ function ContextMenuCheckboxItem({
       checked,
       ...props,
       children: [
-        /* @__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" }) }) }),
+        /* @__PURE__ */ jsx33("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx33(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx33(CheckIcon2, { className: "size-4" }) }) }),
         children
       ]
     }
@@ -2506,7 +2350,7 @@ function ContextMenuCheckboxItem({
 function ContextMenuRadioGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx33(
     ContextMenuPrimitive.RadioGroup,
     {
       "data-slot": "context-menu-radio-group",
@@ -2519,14 +2363,14 @@ function ContextMenuRadioItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs14(
     ContextMenuPrimitive.RadioItem,
     {
       "data-slot": "context-menu-radio-item",
       className: cn(overlayItemClass, "py-1.5 pr-2 pl-8", className),
       ...props,
       children: [
-        /* @__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" }) }) }),
+        /* @__PURE__ */ jsx33("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx33(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx33(CircleIcon3, { className: "size-2 fill-current" }) }) }),
         children
       ]
     }
@@ -2537,7 +2381,7 @@ function ContextMenuLabel({
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx33(
     ContextMenuPrimitive.Label,
     {
       "data-slot": "context-menu-label",
@@ -2554,7 +2398,7 @@ function ContextMenuSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx33(
     ContextMenuPrimitive.Separator,
     {
       "data-slot": "context-menu-separator",
@@ -2567,7 +2411,7 @@ function ContextMenuShortcut({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx33(
     "span",
     {
       "data-slot": "context-menu-shortcut",
@@ -2582,7 +2426,7 @@ function ContextMenuShortcut({
 function ContextMenuSub({
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(ContextMenuPrimitive.Sub, { "data-slot": "context-menu-sub", ...props });
+  return /* @__PURE__ */ jsx33(ContextMenuPrimitive.Sub, { "data-slot": "context-menu-sub", ...props });
 }
 function ContextMenuSubTrigger({
   className,
@@ -2590,7 +2434,7 @@ function ContextMenuSubTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs14(
     ContextMenuPrimitive.SubTrigger,
     {
       "data-slot": "context-menu-sub-trigger",
@@ -2603,7 +2447,7 @@ function ContextMenuSubTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx34(ChevronRightIcon5, { className: "ml-auto size-4" })
+        /* @__PURE__ */ jsx33(ChevronRightIcon5, { className: "ml-auto size-4" })
       ]
     }
   );
@@ -2612,7 +2456,7 @@ function ContextMenuSubContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx33(
     ContextMenuPrimitive.SubContent,
     {
       "data-slot": "context-menu-sub-content",
@@ -2628,9 +2472,9 @@ function ContextMenuSubContent({
 
 // src/ui/alert.tsx
 import { cva as cva5 } from "class-variance-authority";
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx34 } 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",
+  "relative grid w-full gap-1 rounded-xl border px-3.5 py-2.5 text-sm [&>svg]:absolute [&>svg]:top-3 [&>svg]:left-3.5 [&>svg]:size-4 [&>svg+div]:translate-y-[-3px] [&:has(svg)]:pl-10",
   {
     variants: {
       variant: {
@@ -2648,7 +2492,7 @@ function Alert({
   variant,
   ...props
 }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       "data-slot": "alert",
@@ -2659,7 +2503,7 @@ function Alert({
   );
 }
 function AlertTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       "data-slot": "alert-title",
@@ -2669,7 +2513,7 @@ function AlertTitle({ className, ...props }) {
   );
 }
 function AlertDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       "data-slot": "alert-description",
@@ -2680,15 +2524,15 @@ function AlertDescription({ className, ...props }) {
 }
 
 // src/ui/card.tsx
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 function Card({ className, ...props }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx35(
     "div",
     {
       "data-slot": "card",
       className: cn(
         TIMBAL_V2_ELEVATED_SURFACE,
-        "flex flex-col gap-4 rounded-xl py-4 text-card-foreground",
+        "flex flex-col gap-3 rounded-xl py-3 text-card-foreground",
         className
       ),
       ...props
@@ -2696,17 +2540,17 @@ function Card({ className, ...props }) {
   );
 }
 function CardHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx35(
     "div",
     {
       "data-slot": "card-header",
-      className: cn("flex flex-col gap-1.5 px-4", className),
+      className: cn("flex flex-col gap-1.5 px-3.5", className),
       ...props
     }
   );
 }
 function CardTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx35(
     "div",
     {
       "data-slot": "card-title",
@@ -2716,7 +2560,7 @@ function CardTitle({ className, ...props }) {
   );
 }
 function CardDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx35(
     "div",
     {
       "data-slot": "card-description",
@@ -2726,23 +2570,23 @@ function CardDescription({ className, ...props }) {
   );
 }
 function CardContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx36("div", { "data-slot": "card-content", className: cn("px-4", className), ...props });
+  return /* @__PURE__ */ jsx35("div", { "data-slot": "card-content", className: cn("px-3.5", className), ...props });
 }
 function CardFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx35(
     "div",
     {
       "data-slot": "card-footer",
-      className: cn("flex items-center px-4", className),
+      className: cn("flex items-center px-3.5", className),
       ...props
     }
   );
 }
 
 // src/ui/table.tsx
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 function Table({ className, ...props }) {
-  return /* @__PURE__ */ jsx37("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx36("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ jsx36(
     "table",
     {
       "data-slot": "table",
@@ -2752,7 +2596,7 @@ function Table({ className, ...props }) {
   ) });
 }
 function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx36(
     "thead",
     {
       "data-slot": "table-header",
@@ -2762,7 +2606,7 @@ function TableHeader({ className, ...props }) {
   );
 }
 function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx36(
     "tbody",
     {
       "data-slot": "table-body",
@@ -2772,7 +2616,7 @@ function TableBody({ className, ...props }) {
   );
 }
 function TableFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx36(
     "tfoot",
     {
       "data-slot": "table-footer",
@@ -2785,7 +2629,7 @@ function TableFooter({ className, ...props }) {
   );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx36(
     "tr",
     {
       "data-slot": "table-row",
@@ -2798,12 +2642,12 @@ function TableRow({ className, ...props }) {
   );
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx36(
     "th",
     {
       "data-slot": "table-head",
       className: cn(
-        "h-10 px-3 text-left align-middle text-xs font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
+        "h-8 px-2.5 text-left align-middle text-xs font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
         className
       ),
       ...props
@@ -2811,12 +2655,12 @@ function TableHead({ className, ...props }) {
   );
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx36(
     "td",
     {
       "data-slot": "table-cell",
       className: cn(
-        "p-3 align-middle text-sm [&:has([role=checkbox])]:pr-0",
+        "py-2 px-2.5 align-middle text-sm [&:has([role=checkbox])]:pr-0",
         className
       ),
       ...props
@@ -2824,7 +2668,7 @@ function TableCell({ className, ...props }) {
   );
 }
 function TableCaption({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx36(
     "caption",
     {
       "data-slot": "table-caption",
@@ -2837,17 +2681,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 jsx38 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 function ToastProvider({
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(ToastPrimitive.Provider, { "data-slot": "toast-provider", ...props });
+  return /* @__PURE__ */ jsx37(ToastPrimitive.Provider, { "data-slot": "toast-provider", ...props });
 }
 function ToastViewport({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx37(
     ToastPrimitive.Viewport,
     {
       "data-slot": "toast-viewport",
@@ -2864,13 +2708,13 @@ function Toast({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx37(
     ToastPrimitive.Root,
     {
       "data-slot": "toast",
       className: cn(
         TIMBAL_V2_ELEVATED_SURFACE,
-        "group pointer-events-auto relative flex w-full items-center justify-between gap-3 overflow-hidden rounded-xl p-4 pr-8 shadow-card-elevated transition-all",
+        "group pointer-events-auto relative flex w-full items-center justify-between gap-3 overflow-hidden rounded-xl p-3 pr-7 shadow-card-elevated transition-all",
         "data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-80 data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full data-[state=closed]:slide-out-to-right-full",
         variant === "destructive" && "border-destructive/45 bg-destructive/10 text-destructive",
         className
@@ -2883,7 +2727,7 @@ function ToastAction({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx37(
     ToastPrimitive.Action,
     {
       "data-slot": "toast-action",
@@ -2899,7 +2743,7 @@ function ToastClose({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx37(
     ToastPrimitive.Close,
     {
       "data-slot": "toast-close",
@@ -2909,7 +2753,7 @@ function ToastClose({
       ),
       "toast-close": "",
       ...props,
-      children: /* @__PURE__ */ jsx38(XIcon2, { className: "size-4" })
+      children: /* @__PURE__ */ jsx37(XIcon2, { className: "size-4" })
     }
   );
 }
@@ -2917,7 +2761,7 @@ function ToastTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx37(
     ToastPrimitive.Title,
     {
       "data-slot": "toast-title",
@@ -2930,7 +2774,7 @@ function ToastDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx37(
     ToastPrimitive.Description,
     {
       "data-slot": "toast-description",
@@ -3009,32 +2853,32 @@ function useToast() {
 }
 
 // src/ui/toaster.tsx
-import { jsx as jsx39, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs15 } from "react/jsx-runtime";
 function Toaster() {
   const { toasts, dismiss } = useToast();
-  return /* @__PURE__ */ jsxs16(ToastProvider, { children: [
-    toasts.map(({ id, title, description, variant }) => /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs15(ToastProvider, { children: [
+    toasts.map(({ id, title, description, variant }) => /* @__PURE__ */ jsxs15(
       Toast,
       {
         variant,
         onOpenChange: (open) => !open && dismiss(id),
         children: [
-          /* @__PURE__ */ jsxs16("div", { className: "grid gap-1", children: [
-            title ? /* @__PURE__ */ jsx39(ToastTitle, { children: title }) : null,
-            description ? /* @__PURE__ */ jsx39(ToastDescription, { children: description }) : null
+          /* @__PURE__ */ jsxs15("div", { className: "grid gap-1", children: [
+            title ? /* @__PURE__ */ jsx38(ToastTitle, { children: title }) : null,
+            description ? /* @__PURE__ */ jsx38(ToastDescription, { children: description }) : null
           ] }),
-          /* @__PURE__ */ jsx39(ToastClose, {})
+          /* @__PURE__ */ jsx38(ToastClose, {})
         ]
       },
       id
     )),
-    /* @__PURE__ */ jsx39(ToastViewport, {})
+    /* @__PURE__ */ jsx38(ToastViewport, {})
   ] });
 }
 
 // src/ui/avatar-group.tsx
 import * as React4 from "react";
-import { jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsxs as jsxs16 } from "react/jsx-runtime";
 var spacingClass = {
   sm: "-space-x-2",
   md: "-space-x-3"
@@ -3049,7 +2893,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__ */ jsxs17(
+  return /* @__PURE__ */ jsxs16(
     "div",
     {
       "data-slot": "avatar-group",
@@ -3062,7 +2906,7 @@ function AvatarGroup({
       ...props,
       children: [
         visible,
-        overflow > 0 ? /* @__PURE__ */ jsxs17(
+        overflow > 0 ? /* @__PURE__ */ jsxs16(
           "span",
           {
             "aria-label": `${overflow} more`,
@@ -3079,8 +2923,8 @@ function AvatarGroup({
 }
 
 // src/ui/stepper.tsx
-import { CheckIcon as CheckIcon4 } from "lucide-react";
-import { jsx as jsx40, jsxs as jsxs18 } from "react/jsx-runtime";
+import { CheckIcon as CheckIcon3 } from "lucide-react";
+import { jsx as jsx39, jsxs as jsxs17 } from "react/jsx-runtime";
 function Stepper({
   steps,
   current,
@@ -3089,7 +2933,7 @@ function Stepper({
   ...props
 }) {
   const isVertical = orientation === "vertical";
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx39(
     "ol",
     {
       "data-slot": "stepper",
@@ -3104,7 +2948,7 @@ function Stepper({
         const active = index === current;
         const last = index === steps.length - 1;
         const connectorFilled = index < current;
-        return /* @__PURE__ */ jsxs18(
+        return /* @__PURE__ */ jsxs17(
           "li",
           {
             "aria-current": active ? "step" : void 0,
@@ -3114,8 +2958,8 @@ function Stepper({
               last && !isVertical && "flex-none"
             ),
             children: [
-              /* @__PURE__ */ jsxs18("div", { className: cn("flex items-center gap-2", isVertical && "flex-col"), children: [
-                /* @__PURE__ */ jsx40(
+              /* @__PURE__ */ jsxs17("div", { className: cn("flex items-center gap-2", isVertical && "flex-col"), children: [
+                /* @__PURE__ */ jsx39(
                   "span",
                   {
                     className: cn(
@@ -3124,10 +2968,10 @@ function Stepper({
                       active && "border-primary text-primary",
                       !complete && !active && "border-border text-muted-foreground"
                     ),
-                    children: complete ? /* @__PURE__ */ jsx40(CheckIcon4, { className: "size-3.5", "aria-hidden": true }) : index + 1
+                    children: complete ? /* @__PURE__ */ jsx39(CheckIcon3, { className: "size-3.5", "aria-hidden": true }) : index + 1
                   }
                 ),
-                !last ? /* @__PURE__ */ jsx40(
+                !last ? /* @__PURE__ */ jsx39(
                   "span",
                   {
                     "aria-hidden": true,
@@ -3139,8 +2983,8 @@ function Stepper({
                   }
                 ) : null
               ] }),
-              /* @__PURE__ */ jsxs18("div", { className: cn("min-w-0", isVertical && "pb-4"), children: [
-                /* @__PURE__ */ jsx40(
+              /* @__PURE__ */ jsxs17("div", { className: cn("min-w-0", isVertical && "pb-4"), children: [
+                /* @__PURE__ */ jsx39(
                   "p",
                   {
                     className: cn(
@@ -3150,7 +2994,7 @@ function Stepper({
                     children: step.label
                   }
                 ),
-                step.description ? /* @__PURE__ */ jsx40("p", { className: "truncate text-xs text-muted-foreground", children: step.description }) : null
+                step.description ? /* @__PURE__ */ jsx39("p", { className: "truncate text-xs text-muted-foreground", children: step.description }) : null
               ] })
             ]
           },
@@ -3164,7 +3008,7 @@ function Stepper({
 // src/ui/rating.tsx
 import * as React5 from "react";
 import { StarIcon } from "lucide-react";
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 var sizeClass = { sm: "size-4", md: "size-5", lg: "size-6" };
 var ratingFillClass = {
   amber: "fill-amber-400 text-amber-400",
@@ -3198,14 +3042,14 @@ function Rating({
     onChange?.(next);
   };
   if (!interactive) {
-    return /* @__PURE__ */ jsx41(
+    return /* @__PURE__ */ jsx40(
       "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__ */ jsx41(
+        children: Array.from({ length: max }, (_, i) => /* @__PURE__ */ jsx40(
           StarIcon,
           {
             "aria-hidden": true,
@@ -3219,7 +3063,7 @@ function Rating({
       }
     );
   }
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx40(
     "span",
     {
       "data-slot": "rating",
@@ -3230,7 +3074,7 @@ function Rating({
       children: Array.from({ length: max }, (_, i) => {
         const unit = i + 1;
         const filled = unit <= shown;
-        return /* @__PURE__ */ jsx41(
+        return /* @__PURE__ */ jsx40(
           "button",
           {
             type: "button",
@@ -3242,7 +3086,7 @@ 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__ */ jsx41(
+            children: /* @__PURE__ */ jsx40(
               StarIcon,
               {
                 className: cn(
@@ -3263,7 +3107,7 @@ function Rating({
 // src/ui/number-field.tsx
 import * as React6 from "react";
 import { MinusIcon as MinusIcon2, PlusIcon } from "lucide-react";
-import { jsx as jsx42, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs18 } 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) {
@@ -3292,7 +3136,7 @@ function NumberField({
     if (!isControlled) setUncontrolled(clamped);
     onValueChange?.(clamped);
   };
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs18(
     "div",
     {
       "data-slot": "number-field",
@@ -3304,7 +3148,7 @@ function NumberField({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx42(
+        /* @__PURE__ */ jsx41(
           "button",
           {
             type: "button",
@@ -3313,10 +3157,10 @@ function NumberField({
             disabled: disabled || typeof min === "number" && value <= min,
             onClick: () => commit(value - step),
             className: cn(stepButtonClass, "border-r border-border"),
-            children: /* @__PURE__ */ jsx42(MinusIcon2, { className: "size-4" })
+            children: /* @__PURE__ */ jsx41(MinusIcon2, { className: "size-4" })
           }
         ),
-        /* @__PURE__ */ jsx42(
+        /* @__PURE__ */ jsx41(
           "input",
           {
             type: "number",
@@ -3340,7 +3184,7 @@ function NumberField({
             ...inputProps
           }
         ),
-        /* @__PURE__ */ jsx42(
+        /* @__PURE__ */ jsx41(
           "button",
           {
             type: "button",
@@ -3349,7 +3193,7 @@ function NumberField({
             disabled: disabled || typeof max === "number" && value >= max,
             onClick: () => commit(value + step),
             className: cn(stepButtonClass, "border-l border-border"),
-            children: /* @__PURE__ */ jsx42(PlusIcon, { className: "size-4" })
+            children: /* @__PURE__ */ jsx41(PlusIcon, { className: "size-4" })
           }
         )
       ]
@@ -3360,10 +3204,10 @@ function NumberField({
 // src/ui/tag-input.tsx
 import * as React7 from "react";
 import { XIcon as XIcon3 } from "lucide-react";
-import { jsx as jsx43, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs19 } 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"
+  sm: "min-h-8 gap-1 px-1.5 py-0.5",
+  default: "min-h-9 gap-1 px-2 py-1"
 };
 function TagInput({
   value: valueProp,
@@ -3409,7 +3253,7 @@ function TagInput({
       removeAt(tags.length - 1);
     }
   };
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs19(
     "div",
     {
       "data-slot": "tag-input",
@@ -3421,27 +3265,27 @@ function TagInput({
         className
       ),
       children: [
-        tags.map((tag, index) => /* @__PURE__ */ jsxs20(
+        tags.map((tag, index) => /* @__PURE__ */ jsxs19(
           "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__ */ jsx43(
+              /* @__PURE__ */ jsx42(
                 "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__ */ jsx43(XIcon3, { className: "size-3", "aria-hidden": true })
+                  children: /* @__PURE__ */ jsx42(XIcon3, { className: "size-3", "aria-hidden": true })
                 }
               )
             ]
           },
           `${tag}-${index}`
         )),
-        /* @__PURE__ */ jsx43(
+        /* @__PURE__ */ jsx42(
           "input",
           {
             type: "text",
@@ -3464,15 +3308,15 @@ function TagInput({
 }
 
 // src/ui/snippet.tsx
-import { jsx as jsx44, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs20 } 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"
+  sm: "gap-1.5 py-0.5 pl-2 pr-0.5 text-xs",
+  default: "gap-2 py-1 pl-2.5 pr-1 text-sm"
 };
 function Snippet({
   children,
@@ -3483,7 +3327,7 @@ function Snippet({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs20(
     "div",
     {
       "data-slot": "snippet",
@@ -3496,9 +3340,9 @@ function Snippet({
       ),
       ...props,
       children: [
-        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(
+        symbol ? /* @__PURE__ */ jsx43("span", { "aria-hidden": true, className: "select-none text-muted-foreground", children: symbol }) : null,
+        /* @__PURE__ */ jsx43("code", { className: "min-w-0 flex-1 truncate text-foreground", children }),
+        hideCopy ? null : /* @__PURE__ */ jsx43(
           CopyButton,
           {
             value: children,
@@ -3511,7 +3355,7 @@ function Snippet({
 }
 
 // src/ui/circular-progress.tsx
-import { jsx as jsx45, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs21 } from "react/jsx-runtime";
 var toneClass = {
   primary: "text-primary",
   success: "text-emerald-500",
@@ -3534,7 +3378,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__ */ jsxs22(
+  return /* @__PURE__ */ jsxs21(
     "div",
     {
       "data-slot": "circular-progress",
@@ -3546,7 +3390,7 @@ function CircularProgress({
       style: { width: size, height: size },
       ...props,
       children: [
-        /* @__PURE__ */ jsxs22(
+        /* @__PURE__ */ jsxs21(
           "svg",
           {
             width: size,
@@ -3554,7 +3398,7 @@ function CircularProgress({
             viewBox: `0 0 ${size} ${size}`,
             className: cn(toneClass[tone], indeterminate && "animate-spin"),
             children: [
-              /* @__PURE__ */ jsx45(
+              /* @__PURE__ */ jsx44(
                 "circle",
                 {
                   cx: size / 2,
@@ -3565,7 +3409,7 @@ function CircularProgress({
                   className: "stroke-current opacity-15"
                 }
               ),
-              /* @__PURE__ */ jsx45(
+              /* @__PURE__ */ jsx44(
                 "circle",
                 {
                   cx: size / 2,
@@ -3583,23 +3427,13 @@ function CircularProgress({
             ]
           }
         ),
-        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
+        showLabel && !indeterminate ? /* @__PURE__ */ jsx44("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 {
-  Select,
-  SelectGroup,
-  SelectValue,
-  SelectTrigger,
-  SelectContent,
-  SelectLabel,
-  SelectItem,
-  SelectSeparator,
-  SelectScrollUpButton,
-  SelectScrollDownButton,
   Input,
   Textarea,
   Label,