@northslopetech/altitude-ui 3.0.0 → 3.1.0

package/dist/index.js

@@ -86,6 +86,16 @@ __export(index_exports, {
   CaretLeftIcon: () => CaretLeftIcon,
   CaretRightIcon: () => CaretRightIcon,
   CaretUpIcon: () => CaretUpIcon,
+  Carousel: () => Carousel,
+  CarouselContent: () => CarouselContent,
+  CarouselItem: () => CarouselItem,
+  CarouselNext: () => CarouselNext,
+  CarouselPrevious: () => CarouselPrevious,
+  ChartContainer: () => ChartContainer,
+  ChartLegend: () => ChartLegend,
+  ChartLegendContent: () => ChartLegendContent,
+  ChartTooltip: () => ChartTooltip,
+  ChartTooltipContent: () => ChartTooltipContent,
   ChatIcon: () => ChatIcon,
   CheckIcon: () => CheckIcon,
   Checkbox: () => Checkbox,
@@ -93,7 +103,21 @@ __export(index_exports, {
   CheckmarkSquareIcon: () => CheckmarkSquareIcon,
   CloseIcon: () => CloseIcon,
   CogIcon: () => CogIcon,
+  Combobox: () => Combobox,
+  ComboboxChip: () => ComboboxChip,
+  ComboboxChips: () => ComboboxChips,
+  ComboboxChipsInput: () => ComboboxChipsInput,
+  ComboboxContent: () => ComboboxContent,
+  ComboboxEmpty: () => ComboboxEmpty,
+  ComboboxGroup: () => ComboboxGroup,
+  ComboboxInput: () => ComboboxInput,
+  ComboboxItem: () => ComboboxItem,
+  ComboboxLabel: () => ComboboxLabel,
+  ComboboxList: () => ComboboxList,
+  ComboboxSeparator: () => ComboboxSeparator,
+  ComboboxTrigger: () => ComboboxTrigger,
   CredentialsIcon: () => CredentialsIcon,
+  DataTable: () => DataTable,
   DataTableColumnHeader: () => DataTableColumnHeader,
   DataTablePagination: () => DataTablePagination,
   DataTableView: () => DataTableView,
@@ -138,6 +162,12 @@ __export(index_exports, {
   DropdownMenuSubTrigger: () => DropdownMenuSubTrigger,
   DropdownMenuTrigger: () => DropdownMenuTrigger,
   EditIcon: () => EditIcon,
+  Empty: () => Empty,
+  EmptyActions: () => EmptyActions,
+  EmptyContent: () => EmptyContent,
+  EmptyDescription: () => EmptyDescription,
+  EmptyMedia: () => EmptyMedia,
+  EmptyTitle: () => EmptyTitle,
   EnvelopeIcon: () => EnvelopeIcon,
   ExclamationIcon: () => ExclamationIcon,
   EyeClosedIcon: () => EyeClosedIcon,
@@ -160,6 +190,9 @@ __export(index_exports, {
   GraphPieIcon: () => GraphPieIcon,
   HamburgerMenuIcon: () => HamburgerMenuIcon,
   HomeIcon: () => HomeIcon,
+  HoverCard: () => HoverCard,
+  HoverCardContent: () => HoverCardContent,
+  HoverCardTrigger: () => HoverCardTrigger,
   InformationIcon: () => InformationIcon,
   Input: () => Input,
   InputGroup: () => InputGroup,
@@ -196,6 +229,9 @@ __export(index_exports, {
   PopoverTrigger: () => PopoverTrigger,
   PrintIcon: () => PrintIcon,
   QuestionCircleIcon: () => QuestionCircleIcon,
+  RadioGroup: () => RadioGroup,
+  RadioGroupCard: () => RadioGroupCard,
+  RadioGroupItem: () => RadioGroupItem,
   Select: () => Select,
   SelectContent: () => SelectContent,
   SelectGroup: () => SelectGroup,
@@ -219,6 +255,7 @@ __export(index_exports, {
   SidebarMenuButton: () => SidebarMenuButton,
   SidebarMenuItem: () => SidebarMenuItem,
   SidebarProvider: () => SidebarProvider,
+  Slider: () => Slider,
   StarIcon: () => StarIcon,
   StatementIcon: () => StatementIcon,
   Switch: () => Switch,
@@ -235,8 +272,10 @@ __export(index_exports, {
   TabsContent: () => TabsContent,
   TabsList: () => TabsList,
   TabsTrigger: () => TabsTrigger,
+  Tag: () => Tag,
   Text: () => Text,
   Textarea: () => Textarea,
+  Toaster: () => Toaster,
   Tooltip: () => Tooltip,
   TooltipContent: () => TooltipContent,
   TooltipProvider: () => TooltipProvider,
@@ -247,6 +286,8 @@ __export(index_exports, {
   UserMultiIcon: () => UserMultiIcon,
   WarningIcon: () => WarningIcon,
   WrenchIcon: () => WrenchIcon,
+  ZoomInIcon: () => ZoomInIcon,
+  ZoomOutIcon: () => ZoomOutIcon,
   alertVariants: () => alertVariants,
   avatarVariants: () => avatarVariants,
   badgeVariants: () => badgeVariants,
@@ -254,19 +295,35 @@ __export(index_exports, {
   buttonGroupVariants: () => buttonGroupVariants,
   buttonVariants: () => buttonVariants,
   checkboxVariants: () => checkboxVariants,
+  cn: () => cn,
+  comboboxChipsVariants: () => comboboxChipsVariants,
+  comboboxInputVariants: () => comboboxInputVariants,
+  createToaster: () => createToaster,
+  cva: () => import_class_variance_authority.cva,
   dropdownMenuItemVariants: () => dropdownMenuItemVariants,
+  emptyMediaVariants: () => emptyMediaVariants,
+  emptyVariants: () => emptyVariants,
   inputGroupAddonVariants: () => inputGroupAddonVariants,
   inputGroupButtonVariants: () => inputGroupButtonVariants,
   inputGroupVariants: () => inputGroupVariants,
   inputVariants: () => inputVariants,
   itemMediaVariants: () => itemMediaVariants,
   itemVariants: () => itemVariants,
+  radioGroupVariants: () => radioGroupVariants,
+  radioItemVariants: () => radioItemVariants,
   selectTriggerVariants: () => selectTriggerVariants,
   switchVariants: () => switchVariants,
   tabsListVariants: () => tabsListVariants,
   tabsTriggerVariants: () => tabsTriggerVariants,
+  tagVariants: () => tagVariants,
   textVariants: () => textVariants,
+  toast: () => toast,
+  toastManager: () => toastManager,
   uploadVariants: () => uploadVariants,
+  useCarousel: () => useCarousel,
+  useChart: () => useChart,
+  useComboboxAnchor: () => useComboboxAnchor,
+  useComboboxFilter: () => useComboboxFilter,
   useSidebar: () => useSidebar
 });
 module.exports = __toCommonJS(index_exports);
@@ -963,10 +1020,110 @@ function ButtonGroupSeparator({
   );
 }
 
-// src/components/ui/text.tsx
+// src/components/ui/empty.tsx
 var import_class_variance_authority5 = require("class-variance-authority");
 var import_jsx_runtime7 = require("react/jsx-runtime");
-var textVariants = (0, import_class_variance_authority5.cva)("text-default", {
+var emptyVariants = (0, import_class_variance_authority5.cva)("w-full rounded-md p-8 text-center", {
+  variants: {
+    variant: {
+      default: "",
+      outline: "border border-default",
+      background: "surface-muted",
+      "outline-dashed": "border border-dashed border-default"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+var Empty = ({ className, variant, children, ref, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  "div",
+  {
+    ref,
+    "data-slot": "empty",
+    className: cn(emptyVariants({ variant }), className),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex w-full flex-col items-center gap-4", children })
+  }
+);
+Empty.displayName = "Empty";
+var emptyMediaVariants = (0, import_class_variance_authority5.cva)("flex shrink-0 items-center justify-center", {
+  variants: {
+    variant: {
+      default: "",
+      icon: "size-10 rounded-lg surface-secondary p-2"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+var EmptyMedia = ({ className, variant, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  "div",
+  {
+    "data-slot": "empty-media",
+    className: cn(emptyMediaVariants({ variant }), className),
+    ...props
+  }
+);
+EmptyMedia.displayName = "EmptyMedia";
+var EmptyContent = ({ className, ref, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  "div",
+  {
+    ref,
+    "data-slot": "empty-content",
+    className: cn("flex w-full flex-col gap-1", className),
+    ...props
+  }
+);
+EmptyContent.displayName = "EmptyContent";
+var EmptyTitle = ({
+  className,
+  as: Component = "p",
+  ref,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  Component,
+  {
+    ref,
+    "data-slot": "empty-title",
+    className: cn("type-body-md-medium text-default", className),
+    ...props
+  }
+);
+EmptyTitle.displayName = "EmptyTitle";
+var EmptyDescription = ({
+  className,
+  ref,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  "p",
+  {
+    ref,
+    "data-slot": "empty-description",
+    className: cn("type-body-sm text-secondary", className),
+    ...props
+  }
+);
+EmptyDescription.displayName = "EmptyDescription";
+var EmptyActions = ({ className, ref, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  "div",
+  {
+    ref,
+    "data-slot": "empty-actions",
+    className: cn(
+      "flex flex-wrap items-center justify-center gap-2",
+      className
+    ),
+    ...props
+  }
+);
+EmptyActions.displayName = "EmptyActions";
+
+// src/components/ui/text.tsx
+var import_class_variance_authority6 = require("class-variance-authority");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var textVariants = (0, import_class_variance_authority6.cva)("text-default", {
   variants: {
     variant: {
       // Headings
@@ -1019,7 +1176,7 @@ function getDefaultElement(variant) {
 }
 function Text({ className, variant, as, style, ref, ...props }) {
   const Component = as || getDefaultElement(variant);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     Component,
     {
       className: cn(textVariants({ variant }), className),
@@ -1031,9 +1188,9 @@ function Text({ className, variant, as, style, ref, ...props }) {
 }
 
 // src/components/ui/card.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function Card({ className, size = "default", ref, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     "div",
     {
       ref,
@@ -1048,7 +1205,7 @@ function Card({ className, size = "default", ref, ...props }) {
   );
 }
 function CardHeader({ className, ref, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     "div",
     {
       ref,
@@ -1062,7 +1219,7 @@ function CardHeader({ className, ref, ...props }) {
   );
 }
 function CardTitle({ className, ref, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     Text,
     {
       ref,
@@ -1074,7 +1231,7 @@ function CardTitle({ className, ref, ...props }) {
   );
 }
 function CardDescription({ className, ref, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     Text,
     {
       ref,
@@ -1086,7 +1243,7 @@ function CardDescription({ className, ref, ...props }) {
   );
 }
 function CardAction({ className, ref, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     "div",
     {
       ref,
@@ -1100,7 +1257,7 @@ function CardAction({ className, ref, ...props }) {
   );
 }
 function CardContent({ className, bleed, ref, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     "div",
     {
       ref,
@@ -1114,7 +1271,7 @@ function CardContent({ className, bleed, ref, ...props }) {
   );
 }
 function CardFooter({ className, ref, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     "div",
     {
       ref,
@@ -1130,9 +1287,9 @@ function CardFooter({ className, ref, ...props }) {
 
 // src/components/ui/select.tsx
 var import_select = require("@base-ui/react/select");
-var import_class_variance_authority6 = require("class-variance-authority");
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var selectTriggerVariants = (0, import_class_variance_authority6.cva)(
+var import_class_variance_authority7 = require("class-variance-authority");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var selectTriggerVariants = (0, import_class_variance_authority7.cva)(
   [
     // Layout
     "flex w-full items-center justify-between",
@@ -1176,7 +1333,7 @@ function SelectTrigger({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
     import_select.Select.Trigger,
     {
       "data-slot": "select-trigger",
@@ -1184,13 +1341,13 @@ function SelectTrigger({
       className: cn(selectTriggerVariants({ size }), className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "flex-1 truncate text-left", children }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "flex-1 truncate text-left", children }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
           import_select.Select.Icon,
           {
             "data-slot": "select-icon",
             className: "shrink-0 transition-transform duration-200 data-[open]:rotate-180",
-            children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CaretDownIcon, { size: 16, className: "text-secondary" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CaretDownIcon, { size: 16, className: "text-secondary" })
           }
         )
       ]
@@ -1204,7 +1361,7 @@ function SelectContent({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_select.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_select.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     import_select.Select.Positioner,
     {
       side: "bottom",
@@ -1216,7 +1373,7 @@ function SelectContent({
         positionerClassName
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
         import_select.Select.Popup,
         {
           ref,
@@ -1229,9 +1386,9 @@ function SelectContent({
             className
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectScrollUpButton, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_select.Select.List, { className: "p-[var(--3xs,2px)] overflow-y-auto max-h-[inherit]", children }),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectScrollDownButton, {})
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SelectScrollUpButton, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_select.Select.List, { className: "p-[var(--3xs,2px)] overflow-y-auto max-h-[inherit]", children }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SelectScrollDownButton, {})
           ]
         }
       )
@@ -1239,7 +1396,7 @@ function SelectContent({
   ) });
 }
 function SelectLabel({ className, ref, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     import_select.Select.GroupLabel,
     {
       ref,
@@ -1258,36 +1415,441 @@ function SelectItem({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     import_select.Select.Item,
     {
-      ref,
-      label: label ?? (typeof children === "string" ? children : void 0),
+      ref,
+      label: label ?? (typeof children === "string" ? children : void 0),
+      className: cn(
+        "relative flex w-full cursor-pointer select-none items-center",
+        "min-h-8 px-2 py-[5.5px] rounded-md",
+        "type-body-sm-regular outline-none transition-colors text-default",
+        "data-[highlighted]:interactive-hover",
+        "data-[selected]:surface-secondary",
+        "data-[selected]:data-[highlighted]:interactive-hover",
+        "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_select.Select.ItemText, { className: "flex-1 min-w-0 truncate", children })
+    }
+  );
+}
+function SelectSeparator({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    "div",
+    {
+      ref,
+      role: "separator",
+      className: cn(
+        "-mx-[2px] my-1 h-px bg-[var(--color-border-default)]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SelectScrollUpButton({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    import_select.Select.ScrollUpArrow,
+    {
+      ref,
+      className: cn(
+        "flex cursor-default items-center justify-center py-1 text-secondary",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CaretUpIcon, { size: 14 })
+    }
+  );
+}
+function SelectScrollDownButton({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    import_select.Select.ScrollDownArrow,
+    {
+      ref,
+      className: cn(
+        "flex cursor-default items-center justify-center py-1 text-secondary",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CaretDownIcon, { size: 14 })
+    }
+  );
+}
+
+// src/components/ui/combobox.tsx
+var React5 = __toESM(require("react"));
+var import_react = require("@base-ui/react");
+
+// src/components/ui/badge.tsx
+var React4 = __toESM(require("react"));
+var import_class_variance_authority8 = require("class-variance-authority");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var badgeVariants = (0, import_class_variance_authority8.cva)(
+  [
+    // Layout
+    "inline-flex items-center justify-center gap-1",
+    // Size
+    "h-6 px-2",
+    // Text
+    "whitespace-nowrap type-label-xs-medium",
+    // Shape
+    "rounded-md",
+    // Transitions
+    "transition-colors",
+    // Focus — flush ring, no gap
+    "focus-visible:outline-none",
+    "focus-visible:ring-2 focus-visible:ring-focus-default",
+    // Icons
+    "[&_svg]:pointer-events-none [&_svg]:size-3 [&_svg]:shrink-0"
+  ],
+  {
+    variants: {
+      variant: {
+        primary: ["interactive-accent interactive-accent-fg"],
+        secondary: ["interactive-secondary interactive-secondary-fg"],
+        outline: [
+          "interactive-default interactive-default-fg",
+          "border border-default"
+        ],
+        ghost: ["interactive-default interactive-default-fg"],
+        urgent: [
+          "interactive-destructive interactive-destructive-fg",
+          // Focus
+          "focus-visible:ring-3 focus-visible:ring-focus-error"
+        ]
+      }
+    },
+    defaultVariants: {}
+  }
+);
+function isSingleDisplayCharacter(node) {
+  if (node == null || typeof node === "boolean") return false;
+  if (typeof node === "string" || typeof node === "number") {
+    const trimmed = String(node).trim();
+    return trimmed.length === 1;
+  }
+  if (Array.isArray(node)) {
+    const parts = node.filter((x) => x != null && typeof x !== "boolean");
+    if (parts.length !== 1) return false;
+    return isSingleDisplayCharacter(parts[0]);
+  }
+  if (React4.isValidElement(node)) {
+    return isSingleDisplayCharacter(
+      node.props.children
+    );
+  }
+  return false;
+}
+function Badge({
+  className,
+  variant,
+  iconLeft,
+  iconRight,
+  onKeyDown,
+  style,
+  children,
+  ref,
+  ...props
+}) {
+  if (!variant) {
+    return null;
+  }
+  const circle = isSingleDisplayCharacter(children) && !iconLeft && !iconRight;
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+    "span",
+    {
+      ...props,
+      role: "button",
+      tabIndex: 0,
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          e.currentTarget.click();
+        }
+        onKeyDown?.(e);
+      },
+      className: cn(
+        badgeVariants({ variant }),
+        circle ? "size-5 shrink-0 p-0" : "",
+        className
+      ),
+      style,
+      ref,
+      children: [
+        iconLeft,
+        children,
+        iconRight
+      ]
+    }
+  );
+}
+
+// src/components/ui/combobox.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var comboboxInputVariants = (0, import_class_variance_authority.cva)(
+  [
+    // Layout
+    "flex w-full items-center",
+    // Appearance
+    "border border-default surface-default shadow-xs",
+    // Typography
+    "text-default type-body-sm-regular",
+    // Transition
+    "transition-colors",
+    // Focus (delegated from inner input)
+    "focus-within:outline-none focus-within:border-strong focus-within:ring-2 focus-within:ring-focus-default",
+    // Disabled
+    "has-[:disabled]:pointer-events-none has-[:disabled]:opacity-50 has-[:disabled]:cursor-not-allowed",
+    // Error
+    "has-[[aria-invalid=true]]:border-error",
+    "has-[[aria-invalid=true]:focus-visible]:ring-2 has-[[aria-invalid=true]:focus-visible]:ring-focus-error has-[[aria-invalid=true]:focus-visible]:border-error"
+  ],
+  {
+    variants: {
+      size: {
+        default: "h-9 gap-2 pl-3 pr-2 rounded-md",
+        large: "h-10 gap-3 pl-4 pr-2 rounded-md",
+        small: "h-8 gap-1.5 px-2 rounded-sm",
+        mini: "h-6 gap-1 px-1.5 rounded-sm type-body-xs-regular"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var Combobox = import_react.Combobox.Root;
+var useComboboxFilter = import_react.Combobox.useFilter;
+function ComboboxTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    import_react.Combobox.Trigger,
+    {
+      "data-slot": "combobox-trigger",
+      "aria-label": "Toggle suggestions",
+      className: cn(
+        "shrink-0 transition-transform duration-200 data-[open]:rotate-180",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CaretDownIcon, { size: 16, className: "text-secondary" })
+    }
+  );
+}
+function ComboboxClear({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    import_react.Combobox.Clear,
+    {
+      "data-slot": "combobox-clear",
+      "aria-label": "Clear selection",
+      className: cn("shrink-0", className),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CloseIcon, { size: 16, className: "text-secondary" })
+    }
+  );
+}
+function ComboboxInput({
+  className,
+  children,
+  size,
+  disabled = false,
+  showTrigger = true,
+  showClear = false,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+    "div",
+    {
+      ref,
+      "data-slot": "combobox-input",
+      className: cn(
+        "group/combobox-input",
+        comboboxInputVariants({ size }),
+        className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          import_react.Combobox.Input,
+          {
+            disabled,
+            className: "flex-1 min-w-0 bg-transparent outline-none placeholder:text-secondary",
+            ...props
+          }
+        ),
+        showClear && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ComboboxClear, { disabled }),
+        showTrigger && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          ComboboxTrigger,
+          {
+            className: "group-has-[[data-slot=combobox-clear]]/combobox-input:hidden",
+            disabled
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+function ComboboxContent({
+  className,
+  side = "bottom",
+  sideOffset = 8,
+  align = "start",
+  alignOffset = 0,
+  anchor,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react.Combobox.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    import_react.Combobox.Positioner,
+    {
+      side,
+      sideOffset,
+      align,
+      alignOffset,
+      anchor,
+      className: "isolate z-50 w-[var(--anchor-width)] outline-none",
+      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        import_react.Combobox.Popup,
+        {
+          "data-slot": "combobox-content",
+          className: cn(
+            // Layout — matches SelectContent
+            "group/combobox-content relative max-h-60 min-w-32 overflow-hidden",
+            // Appearance
+            "rounded-lg border border-default surface-default shadow-md",
+            // Open / close animation
+            "data-[open]:animate-in data-[open]:fade-in-0 data-[open]:zoom-in-95",
+            "data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:zoom-out-95",
+            "duration-150",
+            className
+          ),
+          ...props
+        }
+      )
+    }
+  ) });
+}
+function ComboboxList({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    import_react.Combobox.List,
+    {
+      "data-slot": "combobox-list",
+      className: cn(
+        // Layout — matches SelectContent list
+        "group/combobox-list p-[2px] overflow-y-auto max-h-[inherit]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ComboboxItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+    import_react.Combobox.Item,
+    {
+      "data-slot": "combobox-item",
+      className: cn(
+        // Layout
+        "relative flex w-full cursor-default select-none items-center gap-2",
+        "min-h-8 py-[5.5px] pr-8 pl-2 rounded-md",
+        // Typography & appearance
+        "text-default type-body-sm-regular",
+        "outline-none transition-colors",
+        // Highlighted
+        "data-[highlighted]:interactive-hover data-[highlighted]:outline-none",
+        // Disabled
+        "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        // SVG
+        "[&_svg]:pointer-events-none [&_svg]:shrink-0",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          import_react.Combobox.ItemIndicator,
+          {
+            render: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CheckmarkIcon, { size: 16 }) })
+          }
+        )
+      ]
+    }
+  );
+}
+function ComboboxGroup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    import_react.Combobox.Group,
+    {
+      "data-slot": "combobox-group",
+      className: cn(className),
+      ...props
+    }
+  );
+}
+function ComboboxLabel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    import_react.Combobox.GroupLabel,
+    {
+      "data-slot": "combobox-label",
+      className: cn(
+        "px-2 py-1.5 text-secondary type-label-xs-semibold",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ComboboxEmpty({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    "div",
+    {
+      "data-slot": "combobox-empty",
+      role: "status",
       className: cn(
-        "relative flex w-full cursor-pointer select-none items-center",
-        "min-h-8 px-2 py-[5.5px] rounded-md",
-        "type-body-sm-regular outline-none transition-colors text-default",
-        "data-[highlighted]:interactive-hover",
-        "data-[selected]:surface-secondary",
-        "data-[selected]:data-[highlighted]:interactive-hover",
-        "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        // Visible by default, hidden when the list contains items
+        "flex group-has-[[data-slot=combobox-item]]/combobox-list:hidden",
+        "w-full justify-center py-2 text-center",
+        "type-body-sm-regular text-secondary",
         className
       ),
-      ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_select.Select.ItemText, { className: "flex-1 min-w-0 truncate", children })
+      ...props
     }
   );
 }
-function SelectSeparator({
+function ComboboxSeparator({
   className,
-  ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    "div",
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    import_react.Combobox.Separator,
     {
-      ref,
-      role: "separator",
+      "data-slot": "combobox-separator",
       className: cn(
         "-mx-[2px] my-1 h-px bg-[var(--color-border-default)]",
         className
@@ -1296,52 +1858,126 @@ function SelectSeparator({
     }
   );
 }
-function SelectScrollUpButton({
+var comboboxChipsVariants = (0, import_class_variance_authority.cva)(
+  [
+    // Layout
+    "flex w-full flex-wrap items-center",
+    "py-1",
+    // Appearance
+    "border border-default surface-default shadow-xs",
+    // Typography
+    "text-default type-body-sm-regular",
+    // Transition
+    "transition-colors",
+    // Focus (delegated from inner input)
+    "focus-within:outline-none focus-within:border-strong focus-within:ring-2 focus-within:ring-focus-default",
+    // Disabled (uses data attribute since children are consumer-controlled)
+    "data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed",
+    // Error
+    "has-[[aria-invalid=true]]:border-error",
+    "has-[[aria-invalid=true]:focus-visible]:ring-2 has-[[aria-invalid=true]:focus-visible]:ring-focus-error has-[[aria-invalid=true]:focus-visible]:border-error",
+    // When chips are present, tighten horizontal padding
+    "has-data-[slot=combobox-chip]:px-1"
+  ],
+  {
+    variants: {
+      size: {
+        default: "min-h-9 gap-1 pl-3 pr-2 rounded-md",
+        large: "min-h-10 gap-1.5 pl-4 pr-2 rounded-md",
+        small: "min-h-8 gap-1 px-2 rounded-sm",
+        mini: "min-h-6 gap-0.5 px-1.5 rounded-sm type-body-xs-regular"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+function ComboboxChips({
   className,
-  ref,
+  children,
+  size,
+  showTrigger = true,
+  disabled = false,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    import_select.Select.ScrollUpArrow,
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+    import_react.Combobox.Chips,
     {
-      ref,
+      "data-slot": "combobox-chips",
+      "data-disabled": disabled || void 0,
+      className: cn(comboboxChipsVariants({ size }), className),
+      ...props,
+      children: [
+        children,
+        showTrigger && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ComboboxTrigger, { className: "ml-auto", disabled })
+      ]
+    }
+  );
+}
+function ComboboxChip({
+  className,
+  children,
+  showRemove = true,
+  removeLabel = "Remove",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+    import_react.Combobox.Chip,
+    {
+      "data-slot": "combobox-chip",
       className: cn(
-        "flex cursor-default items-center justify-center py-1 text-secondary",
+        badgeVariants({ variant: "secondary" }),
+        // Overrides for chip context
+        "gap-1 whitespace-nowrap",
+        // Disabled
+        "has-[:disabled]:pointer-events-none has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50",
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CaretUpIcon, { size: 14 })
+      children: [
+        children,
+        showRemove && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          import_react.Combobox.ChipRemove,
+          {
+            "data-slot": "combobox-chip-remove",
+            "aria-label": removeLabel,
+            render: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "inline-flex cursor-pointer opacity-50 hover:opacity-100", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CloseIcon, { size: 12, className: "pointer-events-none" }) })
+          }
+        )
+      ]
     }
   );
 }
-function SelectScrollDownButton({
+function ComboboxChipsInput({
   className,
-  ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    import_select.Select.ScrollDownArrow,
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    import_react.Combobox.Input,
     {
-      ref,
+      "data-slot": "combobox-chip-input",
       className: cn(
-        "flex cursor-default items-center justify-center py-1 text-secondary",
+        "flex-1 min-w-16 bg-transparent outline-none placeholder:text-secondary",
         className
       ),
-      ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CaretDownIcon, { size: 14 })
+      ...props
     }
   );
 }
+function useComboboxAnchor() {
+  return React5.useRef(null);
+}
 
 // src/components/ui/field.tsx
-var import_react = require("react");
-var import_class_variance_authority7 = require("class-variance-authority");
+var import_react2 = require("react");
+var import_class_variance_authority9 = require("class-variance-authority");
 
 // src/components/ui/label.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var labelClasses = "type-label-sm-medium flex flex-row items-center gap-2 text-default select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50";
 function Label({ className, ref, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "label",
     {
       ref,
@@ -1353,9 +1989,9 @@ function Label({ className, ref, ...props }) {
 }
 
 // src/components/ui/field.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function FieldSet({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "fieldset",
     {
       "data-slot": "field-set",
@@ -1373,7 +2009,7 @@ function FieldLegend({
   variant = "legend",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "legend",
     {
       "data-slot": "field-legend",
@@ -1389,7 +2025,7 @@ function FieldLegend({
   );
 }
 function FieldGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "div",
     {
       "data-slot": "field-group",
@@ -1401,7 +2037,7 @@ function FieldGroup({ className, ...props }) {
     }
   );
 }
-var fieldVariants = (0, import_class_variance_authority7.cva)(
+var fieldVariants = (0, import_class_variance_authority9.cva)(
   "group/field data-[invalid=true]:text-error flex w-full gap-3",
   {
     variants: {
@@ -1429,7 +2065,7 @@ function Field({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "div",
     {
       role: "group",
@@ -1441,7 +2077,7 @@ function Field({
   );
 }
 function FieldContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "div",
     {
       "data-slot": "field-content",
@@ -1457,7 +2093,7 @@ function FieldLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     Label,
     {
       "data-slot": "field-label",
@@ -1472,7 +2108,7 @@ function FieldLabel({
   );
 }
 function FieldTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "div",
     {
       "data-slot": "field-label",
@@ -1485,7 +2121,7 @@ function FieldTitle({ className, ...props }) {
   );
 }
 function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "p",
     {
       "data-slot": "field-description",
@@ -1504,7 +2140,7 @@ function FieldSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     "div",
     {
       "data-slot": "field-separator",
@@ -1515,8 +2151,8 @@ function FieldSeparator({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Separator, { className: "absolute inset-0 top-1/2" }),
-        children && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Separator, { className: "absolute inset-0 top-1/2" }),
+        children && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           "span",
           {
             className: "surface-default text-secondary relative mx-auto block w-fit px-2",
@@ -1534,7 +2170,7 @@ function FieldError({
   errors,
   ...props
 }) {
-  const content = (0, import_react.useMemo)(() => {
+  const content = (0, import_react2.useMemo)(() => {
     if (children) {
       return children;
     }
@@ -1544,14 +2180,14 @@ function FieldError({
     if (errors?.length === 1 && errors[0]?.message) {
       return errors[0].message;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: errors.map(
-      (error, index) => error?.message && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("li", { children: error.message }, index)
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: errors.map(
+      (error, index) => error?.message && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("li", { children: error.message }, index)
     ) });
   }, [children, errors]);
   if (!content) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "div",
     {
       role: "alert",
@@ -1564,19 +2200,19 @@ function FieldError({
 }
 
 // src/components/ui/dialog.tsx
-var React4 = __toESM(require("react"));
+var React6 = __toESM(require("react"));
 var import_dialog = require("@base-ui/react/dialog");
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var DialogChromeContext = React4.createContext(null);
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var DialogChromeContext = React6.createContext(null);
 function useDialogChrome() {
-  return React4.useContext(DialogChromeContext) ?? { showCloseButton: false };
+  return React6.useContext(DialogChromeContext) ?? { showCloseButton: false };
 }
 function DialogCloseControl({
   className,
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     import_dialog.Dialog.Close,
     {
       ref,
@@ -1588,8 +2224,8 @@ function DialogCloseControl({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CloseIcon, { size: 16, "aria-hidden": "true" }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CloseIcon, { size: 16, "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "sr-only", children: "Close" })
       ]
     }
   );
@@ -1599,7 +2235,7 @@ var DIALOG_MOBILE_FRAME = "w-[320px] min-h-[240px] max-h-[min(640px,calc(100dvh-
 var Dialog = import_dialog.Dialog.Root;
 var DialogTrigger = import_dialog.Dialog.Trigger;
 function DialogOverlay({ className, ref, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     import_dialog.Dialog.Backdrop,
     {
       ref,
@@ -1619,9 +2255,9 @@ function DialogContent({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_dialog.Dialog.Portal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DialogOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_dialog.Dialog.Viewport, { className: "fixed inset-0 z-50 flex items-start justify-center overflow-y-auto p-4 sm:items-center sm:p-6", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_dialog.Dialog.Portal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_dialog.Dialog.Viewport, { className: "fixed inset-0 z-50 flex items-start justify-center overflow-y-auto p-4 sm:items-center sm:p-6", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       import_dialog.Dialog.Popup,
       {
         ref,
@@ -1633,13 +2269,13 @@ function DialogContent({
           className
         ),
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DialogChromeContext, { value: { showCloseButton }, children })
+        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DialogChromeContext, { value: { showCloseButton }, children })
       }
     ) })
   ] });
 }
 function DialogBody({ className, ref, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     "div",
     {
       ref,
@@ -1653,7 +2289,7 @@ function DialogBody({ className, ref, ...props }) {
   );
 }
 function DialogFooter({ className, ref, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     "div",
     {
       ref,
@@ -1672,7 +2308,7 @@ function DialogHeader({
   ...props
 }) {
   const { showCloseButton } = useDialogChrome();
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     "div",
     {
       ref,
@@ -1682,14 +2318,14 @@ function DialogHeader({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex min-w-0 flex-col gap-1", children }),
-        showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DialogCloseControl, {}) : null
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "flex min-w-0 flex-col gap-1", children }),
+        showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DialogCloseControl, {}) : null
       ]
     }
   );
 }
 function DialogTitle({ className, ref, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     import_dialog.Dialog.Title,
     {
       ref,
@@ -1703,7 +2339,7 @@ function DialogDescription({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     import_dialog.Dialog.Description,
     {
       ref,
@@ -1715,15 +2351,18 @@ function DialogDescription({
 var DialogClose = import_dialog.Dialog.Close;
 
 // src/components/ui/drawer.tsx
-var React5 = __toESM(require("react"));
+var React7 = __toESM(require("react"));
 var import_vaul = require("vaul");
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var Drawer = import_vaul.Drawer.Root;
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var DrawerContext = React7.createContext({
+  direction: "bottom"
+});
+var Drawer = ({ direction = "bottom", ...props }) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DrawerContext.Provider, { value: { direction }, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_vaul.Drawer.Root, { direction, ...props }) });
 var DrawerTrigger = import_vaul.Drawer.Trigger;
 var DrawerPortal = import_vaul.Drawer.Portal;
 var DrawerClose = import_vaul.Drawer.Close;
-var DrawerOverlay = React5.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var DrawerOverlay = React7.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     import_vaul.Drawer.Overlay,
     {
       ref,
@@ -1734,44 +2373,43 @@ var DrawerOverlay = React5.forwardRef(
   )
 );
 DrawerOverlay.displayName = "DrawerOverlay";
-var DrawerContent = React5.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(DrawerPortal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DrawerOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-      import_vaul.Drawer.Content,
-      {
-        ref,
-        "data-slot": "drawer-content",
-        className: cn(
-          "group/drawer-content fixed z-50 flex h-auto flex-col surface-default shadow-lg outline-none",
-          // Bottom — slides up from the bottom edge
-          "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-xl data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=bottom]:border-default",
-          // Top — slides down from the top edge
-          "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-xl data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=top]:border-default",
-          // Left — slides in from the left edge
-          "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:h-full data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:rounded-r-xl data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:border-default data-[vaul-drawer-direction=left]:sm:max-w-sm",
-          // Right — slides in from the right edge
-          "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:h-full data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:rounded-l-xl data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:border-default data-[vaul-drawer-direction=right]:sm:max-w-sm",
-          className
-        ),
-        ...props,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-            "div",
-            {
-              "aria-hidden": "true",
-              className: "mx-auto mt-2 hidden h-[3px] w-[50px] shrink-0 rounded-[2px] surface-inverse group-data-[vaul-drawer-direction=bottom]/drawer-content:block"
-            }
+var DrawerContent = React7.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    const { direction } = React7.useContext(DrawerContext);
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(DrawerPortal, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DrawerOverlay, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+        import_vaul.Drawer.Content,
+        {
+          ref,
+          "data-slot": "drawer-content",
+          className: cn(
+            "group/drawer-content fixed z-50 flex h-auto flex-col surface-default shadow-lg outline-none",
+            direction === "bottom" && "inset-x-0 bottom-0 mt-24 max-h-[80vh] rounded-t-xl border-t border-default",
+            direction === "top" && "inset-x-0 top-0 mb-24 max-h-[80vh] rounded-b-xl border-b border-default",
+            direction === "left" && "inset-y-0 left-0 h-full w-3/4 rounded-r-xl border-r border-default",
+            direction === "right" && "inset-y-0 right-0 h-full w-3/4 rounded-l-xl border-l border-default",
+            className
           ),
-          children
-        ]
-      }
-    )
-  ] })
+          ...props,
+          children: [
+            direction === "bottom" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              "div",
+              {
+                "aria-hidden": "true",
+                className: "mx-auto mt-2 h-[3px] w-[50px] shrink-0 rounded-[2px] surface-inverse"
+              }
+            ),
+            children
+          ]
+        }
+      )
+    ] });
+  }
 );
 DrawerContent.displayName = "DrawerContent";
-var DrawerTitle = React5.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "shrink-0 p-4", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var DrawerTitle = React7.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "shrink-0 p-4", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     import_vaul.Drawer.Title,
     {
       ref,
@@ -1783,8 +2421,8 @@ var DrawerTitle = React5.forwardRef(
   ) })
 );
 DrawerTitle.displayName = "DrawerTitle";
-var DrawerBody = React5.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var DrawerBody = React7.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "div",
     {
       ref,
@@ -1798,7 +2436,7 @@ var DrawerBody = React5.forwardRef(
   )
 );
 DrawerBody.displayName = "DrawerBody";
-var DrawerDescription = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var DrawerDescription = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
   import_vaul.Drawer.Description,
   {
     ref,
@@ -1808,8 +2446,8 @@ var DrawerDescription = React5.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 DrawerDescription.displayName = "DrawerDescription";
-var DrawerFooter = React5.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var DrawerFooter = React7.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "div",
     {
       ref,
@@ -1827,9 +2465,9 @@ DrawerFooter.displayName = "DrawerFooter";
 // src/components/ui/breadcrumb.tsx
 var import_merge_props2 = require("@base-ui/react/merge-props");
 var import_use_render2 = require("@base-ui/react/use-render");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function Breadcrumb({ className, ref, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "nav",
     {
       "aria-label": "breadcrumb",
@@ -1841,7 +2479,7 @@ function Breadcrumb({ className, ref, ...props }) {
   );
 }
 function BreadcrumbList({ className, ref, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "ol",
     {
       "data-slot": "breadcrumb-list",
@@ -1855,7 +2493,7 @@ function BreadcrumbList({ className, ref, ...props }) {
   );
 }
 function BreadcrumbItem({ className, ref, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "li",
     {
       "data-slot": "breadcrumb-item",
@@ -1887,7 +2525,7 @@ function BreadcrumbLink({
   });
 }
 function BreadcrumbPage({ className, ref, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "span",
     {
       "data-slot": "breadcrumb-page",
@@ -1906,7 +2544,7 @@ function BreadcrumbSeparator({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "li",
     {
       "data-slot": "breadcrumb-separator",
@@ -1915,7 +2553,7 @@ function BreadcrumbSeparator({
       className: cn("[&>svg]:size-3.5", className),
       ref,
       ...props,
-      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CaretRightIcon, { className: "text-current cn-rtl-flip" })
+      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CaretRightIcon, { className: "text-current cn-rtl-flip" })
     }
   );
 }
@@ -1924,7 +2562,7 @@ function BreadcrumbEllipsis({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     "span",
     {
       "data-slot": "breadcrumb-ellipsis",
@@ -1937,8 +2575,8 @@ function BreadcrumbEllipsis({
       ref,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(MoreMenuIcon, { className: "text-current" }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "sr-only", children: "More" })
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(MoreMenuIcon, { className: "text-current" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "sr-only", children: "More" })
       ]
     }
   );
@@ -1946,18 +2584,18 @@ function BreadcrumbEllipsis({
 
 // src/components/ui/tooltip.tsx
 var import_tooltip = require("@base-ui/react/tooltip");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function TooltipProvider({
   delay = 0,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_tooltip.Tooltip.Provider, { delay, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_tooltip.Tooltip.Provider, { delay, ...props });
 }
 function Tooltip({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_tooltip.Tooltip.Root, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_tooltip.Tooltip.Root, { ...props });
 }
 function TooltipTrigger({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_tooltip.Tooltip.Trigger, { "data-slot": "tooltip-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_tooltip.Tooltip.Trigger, { "data-slot": "tooltip-trigger", ...props });
 }
 function TooltipContent({
   className,
@@ -1968,7 +2606,7 @@ function TooltipContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_tooltip.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_tooltip.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     import_tooltip.Tooltip.Positioner,
     {
       align,
@@ -1976,7 +2614,7 @@ function TooltipContent({
       side,
       sideOffset,
       className: "isolate z-50",
-      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
         import_tooltip.Tooltip.Popup,
         {
           "data-slot": "tooltip-content",
@@ -2000,7 +2638,7 @@ function TooltipContent({
           ...props,
           children: [
             children,
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
               import_tooltip.Tooltip.Arrow,
               {
                 className: cn(
@@ -2025,14 +2663,281 @@ function TooltipContent({
   ) });
 }
 
+// src/components/ui/toast.tsx
+var import_toast = require("@base-ui/react/toast");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var toastManager = import_toast.Toast.createToastManager();
+function emit(manager, type, title, options = {}) {
+  const { description, duration, priority, action, id } = options;
+  return manager.add({
+    id,
+    title,
+    description,
+    type,
+    timeout: duration,
+    priority: priority ?? (type === "error" ? "high" : "low"),
+    actionProps: action ? { children: action.label, onClick: action.onClick } : void 0
+  });
+}
+function makeToast(manager) {
+  function base(title, options) {
+    return emit(manager, "default", title, options);
+  }
+  return Object.assign(base, {
+    success: (title, options) => emit(manager, "success", title, options),
+    error: (title, options) => emit(manager, "error", title, options),
+    info: (title, options) => emit(manager, "info", title, options),
+    warning: (title, options) => emit(manager, "warning", title, options),
+    /** Resolve/reject a promise into loading → success/error toasts. */
+    promise: manager.promise,
+    /** Dismiss a specific toast by id. */
+    dismiss: (id) => manager.close(id),
+    /** Imperatively update an existing toast. */
+    update: manager.update
+  });
+}
+var toast = makeToast(toastManager);
+var TYPE_ICON = {
+  default: null,
+  success: CheckmarkIcon,
+  error: ExclamationIcon,
+  info: InformationIcon,
+  warning: WarningIcon
+};
+var TYPE_ICON_COLOR = {
+  default: "",
+  success: "text-success",
+  error: "text-error",
+  info: "text-info",
+  warning: "text-warning"
+};
+var TYPE_SURFACE = {
+  default: "surface-default border-default",
+  success: "surface-success border-success",
+  error: "surface-error border-error",
+  info: "surface-info border-info",
+  warning: "surface-warning border-warning"
+};
+var VIEWPORT_POSITION = {
+  "top-left": "top-4 left-4 sm:top-8 sm:left-8",
+  "top-center": "top-4 left-1/2 -translate-x-1/2 sm:top-8",
+  "top-right": "top-4 right-4 sm:top-8 sm:right-8",
+  "bottom-left": "bottom-4 left-4 sm:bottom-8 sm:left-8",
+  "bottom-center": "bottom-4 left-1/2 -translate-x-1/2 sm:bottom-8",
+  "bottom-right": "bottom-4 right-4 sm:bottom-8 sm:right-8"
+};
+function ToastList({ side }) {
+  const { toasts } = import_toast.Toast.useToastManager();
+  return toasts.map((item) => {
+    const rawType = item.type;
+    const type = rawType in TYPE_SURFACE ? rawType : "default";
+    const Icon = TYPE_ICON[type] ?? null;
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      import_toast.Toast.Root,
+      {
+        toast: item,
+        "data-slot": "toast",
+        swipeDirection: side === "top" ? ["up", "right"] : ["down", "right"],
+        style: { "--y-dir": side === "top" ? 1 : -1 },
+        className: cn(
+          // Stacking math (CSS variables provided by Base UI)
+          "[--gap:0.75rem] [--peek:0.625rem]",
+          "[--scale:calc(max(0,1-(var(--toast-index)*0.06)))] [--shrink:calc(1-var(--scale))]",
+          "[--height:var(--toast-frontmost-height,var(--toast-height))]",
+          "[--offset-y:calc((var(--toast-offset-y)*var(--y-dir))+(var(--toast-index)*var(--gap)*var(--y-dir))+var(--toast-swipe-movement-y))]",
+          // Layout — anchored to the viewport edge, full width, stacked by z-index
+          "absolute left-auto right-0 mr-0 w-full",
+          "z-[calc(1000-var(--toast-index))] h-[var(--height)] data-expanded:h-[var(--toast-height)]",
+          side === "top" ? "top-0 origin-top" : "bottom-0 origin-bottom",
+          // Surface — variant-tinted to match the Alert component (default = neutral)
+          TYPE_SURFACE[type],
+          "rounded-lg border bg-clip-padding shadow-lg select-none",
+          // Collapsed transform: peek + shrink each toast behind the front one
+          "[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)+(var(--y-dir)*((var(--toast-index)*var(--peek))+(var(--shrink)*var(--height))))))_scale(var(--scale))]",
+          // Expanded (hover/focus) transform: fan out by real heights + gap
+          "data-expanded:[transform:translateX(var(--toast-swipe-movement-x))_translateY(var(--offset-y))]",
+          // Enter / exit
+          "data-starting-style:[transform:translateY(calc(var(--y-dir)*-150%))]",
+          "data-ending-style:opacity-0 data-limited:opacity-0",
+          "[&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:[transform:translateY(calc(var(--y-dir)*-150%))]",
+          // Swipe-to-dismiss exits
+          "data-ending-style:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))]",
+          "data-ending-style:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))]",
+          "data-ending-style:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))]",
+          "data-ending-style:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]",
+          // Invisible spacer keeps the hover target contiguous across the gap
+          "after:absolute after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-['']",
+          side === "top" ? "after:top-full" : "after:bottom-full",
+          // Motion
+          "[transition:transform_0.5s_cubic-bezier(0.22,1,0.36,1),opacity_0.4s,height_0.15s]"
+        ),
+        children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+          import_toast.Toast.Content,
+          {
+            "data-slot": "toast-content",
+            className: cn(
+              "flex h-full items-start gap-3 p-4 overflow-hidden",
+              "transition-opacity duration-[250ms] ease-[cubic-bezier(0.22,1,0.36,1)]",
+              "data-behind:opacity-0 data-expanded:opacity-100"
+            ),
+            children: [
+              Icon ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                Icon,
+                {
+                  className: cn("mt-0.5 size-4 shrink-0", TYPE_ICON_COLOR[type])
+                }
+              ) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                  import_toast.Toast.Title,
+                  {
+                    "data-slot": "toast-title",
+                    className: "type-body-sm-medium text-default"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                  import_toast.Toast.Description,
+                  {
+                    "data-slot": "toast-description",
+                    className: "type-body-sm-regular text-secondary"
+                  }
+                )
+              ] }),
+              item.actionProps ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                import_toast.Toast.Action,
+                {
+                  "data-slot": "toast-action",
+                  className: cn(
+                    "shrink-0 rounded-md border border-default px-2.5 py-1",
+                    "type-label-xs-medium text-default surface-default",
+                    "transition-colors hover:surface-secondary",
+                    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-default"
+                  )
+                }
+              ) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                import_toast.Toast.Close,
+                {
+                  "data-slot": "toast-close",
+                  "aria-label": "Dismiss notification",
+                  className: cn(
+                    "shrink-0 rounded-md p-1 text-secondary",
+                    "transition-colors hover:surface-secondary hover:text-default",
+                    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-default"
+                  ),
+                  children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CloseIcon, { className: "size-4" })
+                }
+              )
+            ]
+          }
+        )
+      },
+      item.id
+    );
+  });
+}
+function Toaster({
+  position = "bottom-right",
+  timeout,
+  limit,
+  className,
+  toastManager: manager = toastManager
+}) {
+  const side = position.startsWith("top") ? "top" : "bottom";
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    import_toast.Toast.Provider,
+    {
+      toastManager: manager,
+      timeout,
+      limit,
+      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_toast.Toast.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        import_toast.Toast.Viewport,
+        {
+          "data-slot": "toaster",
+          className: cn(
+            "fixed z-50 mx-auto flex w-[calc(100vw-2rem)] sm:w-[22.5rem]",
+            VIEWPORT_POSITION[position],
+            className
+          ),
+          children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ToastList, { side })
+        }
+      ) })
+    }
+  );
+}
+function createToaster() {
+  const manager = import_toast.Toast.createToastManager();
+  const scopedToast = makeToast(manager);
+  function ScopedToaster(props) {
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Toaster, { ...props, toastManager: manager });
+  }
+  return { toast: scopedToast, Toaster: ScopedToaster };
+}
+
+// src/components/ui/hover-card.tsx
+var import_preview_card = require("@base-ui/react/preview-card");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+function HoverCard({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_preview_card.PreviewCard.Root, { ...props });
+}
+HoverCard.displayName = "HoverCard";
+function HoverCardTrigger({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_preview_card.PreviewCard.Trigger, { "data-slot": "hover-card-trigger", ...props });
+}
+HoverCardTrigger.displayName = "HoverCardTrigger";
+function HoverCardContent({
+  className,
+  side = "bottom",
+  sideOffset = 8,
+  align = "center",
+  alignOffset = 0,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_preview_card.PreviewCard.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_preview_card.PreviewCard.Positioner,
+    {
+      align,
+      alignOffset,
+      side,
+      sideOffset,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        import_preview_card.PreviewCard.Popup,
+        {
+          "data-slot": "hover-card-content",
+          className: cn(
+            // Tokens
+            "surface-default border-default text-default",
+            // Layout
+            "flex flex-col items-start w-fit max-w-xs origin-(--transform-origin) rounded-lg border p-4 shadow-md",
+            // Side-based slide-in
+            "data-[side=top]:slide-in-from-bottom-2",
+            "data-[side=bottom]:slide-in-from-top-2",
+            "data-[side=left]:slide-in-from-right-2",
+            "data-[side=right]:slide-in-from-left-2",
+            "data-[side=inline-start]:slide-in-from-right-2",
+            "data-[side=inline-end]:slide-in-from-left-2",
+            // Open / close animations
+            "data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95",
+            "data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+            className
+          ),
+          ...props
+        }
+      )
+    }
+  ) });
+}
+HoverCardContent.displayName = "HoverCardContent";
+
 // src/components/ui/popover.tsx
 var import_popover = require("@base-ui/react/popover");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function Popover({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_popover.Popover.Root, { "data-slot": "popover", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_popover.Popover.Root, { "data-slot": "popover", ...props });
 }
 function PopoverTrigger({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_popover.Popover.Trigger, { "data-slot": "popover-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_popover.Popover.Trigger, { "data-slot": "popover-trigger", ...props });
 }
 function PopoverContent({
   className,
@@ -2042,7 +2947,7 @@ function PopoverContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     import_popover.Popover.Positioner,
     {
       align,
@@ -2050,7 +2955,7 @@ function PopoverContent({
       side,
       sideOffset,
       className: "isolate z-50",
-      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         import_popover.Popover.Popup,
         {
           "data-slot": "popover-content",
@@ -2073,7 +2978,7 @@ function PopoverContent({
   ) });
 }
 function PopoverHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "div",
     {
       "data-slot": "popover-header",
@@ -2083,7 +2988,7 @@ function PopoverHeader({ className, ...props }) {
   );
 }
 function PopoverTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     import_popover.Popover.Title,
     {
       "data-slot": "popover-title",
@@ -2096,7 +3001,7 @@ function PopoverDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     import_popover.Popover.Description,
     {
       "data-slot": "popover-description",
@@ -2107,15 +3012,15 @@ function PopoverDescription({
 }
 
 // src/components/ui/sidebar.tsx
-var React6 = __toESM(require("react"));
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var React8 = __toESM(require("react"));
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var SIDEBAR_CONSTANTS = {
   WIDTH: "144px",
   WIDTH_ICON: "48px"
 };
-var SidebarContext = React6.createContext(null);
+var SidebarContext = React8.createContext(null);
 function useSidebar() {
-  const context = React6.useContext(SidebarContext);
+  const context = React8.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
@@ -2131,9 +3036,9 @@ function SidebarProvider({
   ref,
   ...props
 }) {
-  const [_open, _setOpen] = React6.useState(defaultOpen);
+  const [_open, _setOpen] = React8.useState(defaultOpen);
   const open = openProp ?? _open;
-  const setOpen = React6.useCallback(
+  const setOpen = React8.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -2144,11 +3049,11 @@ function SidebarProvider({
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React6.useCallback(() => {
+  const toggleSidebar = React8.useCallback(() => {
     return setOpen((open2) => !open2);
   }, [setOpen]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React6.useMemo(
+  const contextValue = React8.useMemo(
     () => ({
       state,
       open,
@@ -2157,7 +3062,7 @@ function SidebarProvider({
     }),
     [state, open, setOpen, toggleSidebar]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SidebarContext, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SidebarContext, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "div",
     {
       style: {
@@ -2183,7 +3088,7 @@ function Sidebar({
   ...props
 }) {
   const { state } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
     "aside",
     {
       ref,
@@ -2194,7 +3099,7 @@ function Sidebar({
       "aria-expanded": state === "expanded",
       role: "navigation",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           "div",
           {
             className: cn(
@@ -2203,14 +3108,14 @@ function Sidebar({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           "div",
           {
             className: cn(
               "fixed inset-y-0 z-10 h-svh w-[var(--sidebar-width)] transition-[left,right,width] duration-200 ease-linear flex left-0",
               "group-data-[collapsible=icon]:w-[var(--sidebar-width-icon)]"
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
               "div",
               {
                 "data-sidebar": "sidebar",
@@ -2229,7 +3134,7 @@ function Sidebar({
   );
 }
 function SidebarInset({ className, ref, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "main",
     {
       ref,
@@ -2242,7 +3147,7 @@ function SidebarInset({ className, ref, ...props }) {
   );
 }
 function SidebarHeader({ className, ref, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "div",
     {
       ref,
@@ -2257,7 +3162,7 @@ function SidebarHeader({ className, ref, ...props }) {
   );
 }
 function SidebarFooter({ className, ref, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "div",
     {
       ref,
@@ -2268,7 +3173,7 @@ function SidebarFooter({ className, ref, ...props }) {
   );
 }
 function SidebarContent({ className, ref, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "div",
     {
       ref,
@@ -2282,7 +3187,7 @@ function SidebarContent({ className, ref, ...props }) {
   );
 }
 function SidebarGroup({ className, ref, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "div",
     {
       ref,
@@ -2297,7 +3202,7 @@ function SidebarGroupContent({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "div",
     {
       ref,
@@ -2308,7 +3213,7 @@ function SidebarGroupContent({
   );
 }
 function SidebarMenu({ className, ref, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "ul",
     {
       ref,
@@ -2319,7 +3224,7 @@ function SidebarMenu({ className, ref, ...props }) {
   );
 }
 function SidebarMenuItem({ className, ref, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "li",
     {
       ref,
@@ -2338,7 +3243,7 @@ function SidebarMenuButton({
   ...props
 }) {
   const { state } = useSidebar();
-  const button = /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  const button = /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "button",
     {
       ref,
@@ -2357,16 +3262,16 @@ function SidebarMenuButton({
     return button;
   }
   const tooltipProps = typeof tooltip === "string" ? { children: tooltip } : tooltip;
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TooltipProvider, { delay: 0, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Tooltip, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TooltipTrigger, { render: button }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TooltipContent, { side: "right", align: "center", ...tooltipProps })
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TooltipProvider, { delay: 0, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TooltipTrigger, { render: button }),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TooltipContent, { side: "right", align: "center", ...tooltipProps })
   ] }) });
 }
 
 // src/components/ui/calendar.tsx
-var React7 = __toESM(require("react"));
+var React9 = __toESM(require("react"));
 var import_react_day_picker = require("react-day-picker");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function Calendar({
   className,
   classNames,
@@ -2379,7 +3284,7 @@ function Calendar({
   ...props
 }) {
   const defaultClassNames = (0, import_react_day_picker.getDefaultClassNames)();
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     import_react_day_picker.DayPicker,
     {
       showOutsideDays,
@@ -2482,7 +3387,7 @@ function Calendar({
         ...classNames
       },
       components: {
-        Root: ({ className: rootClassName, rootRef, ...rootProps }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        Root: ({ className: rootClassName, rootRef, ...rootProps }) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
           "div",
           {
             "data-slot": "calendar",
@@ -2497,7 +3402,7 @@ function Calendar({
           ...chevronProps
         }) => {
           if (orientation === "left") {
-            return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               ArrowLeftIcon,
               {
                 className: cn("size-4", chevronClassName),
@@ -2506,7 +3411,7 @@ function Calendar({
             );
           }
           if (orientation === "right") {
-            return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               ArrowRightIcon,
               {
                 className: cn("size-4", chevronClassName),
@@ -2514,7 +3419,7 @@ function Calendar({
               }
             );
           }
-          return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
             CaretDownIcon,
             {
               className: cn("size-4", chevronClassName),
@@ -2522,8 +3427,8 @@ function Calendar({
             }
           );
         },
-        DayButton: (dayButtonProps) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CalendarDayButton, { locale, ...dayButtonProps }),
-        WeekNumber: ({ children, ...weekNumberProps }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("td", { ...weekNumberProps, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) }),
+        DayButton: (dayButtonProps) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CalendarDayButton, { locale, ...dayButtonProps }),
+        WeekNumber: ({ children, ...weekNumberProps }) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("td", { ...weekNumberProps, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) }),
         ...components
       },
       ...props
@@ -2537,11 +3442,11 @@ function CalendarDayButton({
   locale,
   ...props
 }) {
-  const ref = React7.useRef(null);
-  React7.useEffect(() => {
+  const ref = React9.useRef(null);
+  React9.useEffect(() => {
     if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     Button,
     {
       ref,
@@ -2576,8 +3481,8 @@ Calendar.displayName = "Calendar";
 CalendarDayButton.displayName = "CalendarDayButton";
 
 // src/components/ui/date-picker.tsx
-var React8 = __toESM(require("react"));
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var React10 = __toESM(require("react"));
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function DatePickerTrigger({
   label,
   placeholder = "Pick a date",
@@ -2586,11 +3491,11 @@ function DatePickerTrigger({
   ref,
   ...rest
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
     PopoverTrigger,
     {
       disabled,
-      render: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      render: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         "button",
         {
           ref,
@@ -2615,7 +3520,7 @@ function DatePickerTrigger({
         }
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           CalendarIcon,
           {
             size: 16,
@@ -2623,7 +3528,7 @@ function DatePickerTrigger({
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "truncate", children: label ?? placeholder })
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "truncate", children: label ?? placeholder })
       ]
     }
   );
@@ -2640,8 +3545,8 @@ function DatePicker(props) {
     className,
     ref
   } = props;
-  const [date, setDate] = React8.useState(defaultValue);
-  const isControlled = React8.useRef("value" in props).current;
+  const [date, setDate] = React10.useState(defaultValue);
+  const isControlled = React10.useRef("value" in props).current;
   const selected = isControlled ? value : date;
   const handleSelect = (day) => {
     if (!isControlled) setDate(day);
@@ -2652,8 +3557,8 @@ function DatePicker(props) {
     month: "long",
     day: "numeric"
   }) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Popover, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Popover, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       DatePickerTrigger,
       {
         ref,
@@ -2663,7 +3568,7 @@ function DatePicker(props) {
         className
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(PopoverContent, { className: "w-auto p-0", align: "center", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(PopoverContent, { className: "w-auto p-0", align: "center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       Calendar,
       {
         mode: "single",
@@ -2682,11 +3587,11 @@ function DatePicker(props) {
 }
 
 // src/components/ui/upload.tsx
-var React9 = __toESM(require("react"));
-var import_class_variance_authority8 = require("class-variance-authority");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var React11 = __toESM(require("react"));
+var import_class_variance_authority10 = require("class-variance-authority");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var DEFAULT_MAX_FILE_SIZE = 10 * 1024 * 1024;
-var uploadVariants = (0, import_class_variance_authority8.cva)(
+var uploadVariants = (0, import_class_variance_authority10.cva)(
   "relative flex flex-col items-center justify-center rounded-lg transition-all duration-200 ease-in-out overflow-hidden w-full p-16 min-h-[200px]",
   {
     variants: {
@@ -2721,8 +3626,8 @@ function Upload({
   ref,
   ...props
 }) {
-  const fileInputRef = React9.useRef(null);
-  const [isDragOver, setIsDragOver] = React9.useState(false);
+  const fileInputRef = React11.useRef(null);
+  const [isDragOver, setIsDragOver] = React11.useState(false);
   const getFileTypeDisplay = () => {
     const typeMap = {
       "application/pdf": "PDF",
@@ -2786,17 +3691,17 @@ function Upload({
   const renderContent = () => {
     switch (effectiveState) {
       case "error":
-        return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
           "div",
           {
             className: "flex flex-col items-center text-center max-w-[289px]",
             style: { gap: "32px" },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "space-y-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Text, { variant: "h5", children: "Upload fail" }),
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Text, { variant: "body-md", className: "text-error", children: errorMessage })
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "space-y-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Text, { variant: "h5", children: "Upload fail" }),
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Text, { variant: "body-md", className: "text-error", children: errorMessage })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                 Button,
                 {
                   variant: "destructive",
@@ -2810,22 +3715,22 @@ function Upload({
           }
         );
       case "uploading":
-        return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
           "div",
           {
             className: "flex flex-col items-center text-center max-w-[289px]",
             style: { gap: "32px" },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Text, { variant: "h5", className: "text-default", children: "Uploading files" }),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "w-full max-w-[720px] space-y-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "w-full surface-secondary rounded-full h-2", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Text, { variant: "h5", className: "text-default", children: "Uploading files" }),
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "w-full max-w-[720px] space-y-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "w-full surface-secondary rounded-full h-2", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                   "div",
                   {
                     className: "interactive-accent h-2 rounded-full transition-all duration-300 ease-in-out",
                     style: { width: `${progress}%` }
                   }
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Text, { variant: "body-sm", className: "text-secondary text-center", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Text, { variant: "body-sm", className: "text-secondary text-center", children: [
                   Math.round(progress),
                   "% complete"
                 ] })
@@ -2834,29 +3739,29 @@ function Upload({
           }
         );
       case "success":
-        return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           "div",
           {
             className: "flex flex-col items-center text-center max-w-[289px]",
             style: { gap: "32px" },
-            children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "space-y-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Text, { variant: "h5", className: "text-success", children: "Upload successful!" }),
-              selectedFiles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "text-center", children: selectedFiles.map((file, index) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Text, { variant: "body-sm", children: file.name }, index)) })
+            children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "space-y-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Text, { variant: "h5", className: "text-success", children: "Upload successful!" }),
+              selectedFiles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "text-center", children: selectedFiles.map((file, index) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Text, { variant: "body-sm", children: file.name }, index)) })
             ] })
           }
         );
       default:
-        return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
           "div",
           {
             className: "flex flex-col items-center text-center max-w-[289px]",
             style: { gap: "32px" },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "space-y-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Text, { variant: "h5", className: "text-default", children: "Drag & drop files here" }),
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Text, { variant: "body-md", className: "text-secondary", children: "or click to browse from your computer" })
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "space-y-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Text, { variant: "h5", className: "text-default", children: "Drag & drop files here" }),
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Text, { variant: "body-md", className: "text-secondary", children: "or click to browse from your computer" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                 Button,
                 {
                   variant: "default",
@@ -2870,10 +3775,10 @@ function Upload({
                   children: "Choose files"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Text, { variant: "body-sm", className: "text-secondary", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Text, { variant: "body-sm", className: "text-secondary", children: [
                 "Supported file: ",
                 getFileTypeDisplay(),
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("br", {}),
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("br", {}),
                 "Max: ",
                 Math.round(maxFileSize / 1024 / 1024),
                 " MB each"
@@ -2883,7 +3788,7 @@ function Upload({
         );
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     "div",
     {
       ref,
@@ -2902,7 +3807,7 @@ function Upload({
       "aria-disabled": disabled,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           "input",
           {
             ref: fileInputRef,
@@ -2921,9 +3826,9 @@ function Upload({
 
 // src/components/ui/avatar.tsx
 var import_avatar = require("@base-ui/react/avatar");
-var import_class_variance_authority9 = require("class-variance-authority");
-var import_jsx_runtime21 = require("react/jsx-runtime");
-var avatarVariants = (0, import_class_variance_authority9.cva)(
+var import_class_variance_authority11 = require("class-variance-authority");
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var avatarVariants = (0, import_class_variance_authority11.cva)(
   "relative flex shrink-0 overflow-hidden select-none",
   {
     variants: {
@@ -2951,7 +3856,7 @@ var avatarVariants = (0, import_class_variance_authority9.cva)(
   }
 );
 function Avatar({ className, size, shape, ref, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     import_avatar.Avatar.Root,
     {
       ref,
@@ -2967,7 +3872,7 @@ function AvatarImage({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     import_avatar.Avatar.Image,
     {
       ref,
@@ -2982,7 +3887,7 @@ function AvatarFallback({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     import_avatar.Avatar.Fallback,
     {
       ref,
@@ -3007,7 +3912,7 @@ function AvatarGroup({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "div",
     {
       ref,
@@ -3028,7 +3933,7 @@ function AvatarGroupCount({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "div",
     {
       ref,
@@ -3050,9 +3955,9 @@ function AvatarGroupCount({
 
 // src/components/ui/checkbox.tsx
 var import_checkbox = require("@base-ui/react/checkbox");
-var import_class_variance_authority10 = require("class-variance-authority");
-var import_jsx_runtime22 = require("react/jsx-runtime");
-var checkboxVariants = (0, import_class_variance_authority10.cva)([
+var import_class_variance_authority12 = require("class-variance-authority");
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var checkboxVariants = (0, import_class_variance_authority12.cva)([
   // Base layout & appearance
   "peer group relative size-4 shrink-0",
   "rounded-xs border border-default surface-default shadow-xs",
@@ -3077,27 +3982,27 @@ var checkboxVariants = (0, import_class_variance_authority10.cva)([
   "[&_svg]:pointer-events-none [&_svg]:shrink-0"
 ]);
 function Checkbox({ className, ref, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     import_checkbox.Checkbox.Root,
     {
       "data-slot": "checkbox",
       ref,
       className: cn(checkboxVariants(), className),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
         import_checkbox.Checkbox.Indicator,
         {
           "data-slot": "checkbox-indicator",
           className: "absolute inset-0 flex items-center justify-center text-current",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
               CheckmarkIcon,
               {
                 size: 14,
                 className: "text-current hidden group-data-[checked]:block"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
               MinusIcon,
               {
                 size: 14,
@@ -3111,11 +4016,143 @@ function Checkbox({ className, ref, ...props }) {
   );
 }
 
+// src/components/ui/radio-group.tsx
+var React12 = __toESM(require("react"));
+var import_radio_group = require("@base-ui/react/radio-group");
+var import_radio = require("@base-ui/react/radio");
+var import_class_variance_authority13 = require("class-variance-authority");
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var radioGroupVariants = (0, import_class_variance_authority13.cva)("flex", {
+  variants: {
+    orientation: {
+      vertical: "flex-col gap-2",
+      horizontal: "flex-row flex-wrap gap-4"
+    },
+    layout: {
+      // Items shrink-wrap their content
+      inline: "",
+      // Items stretch to fill the container; labels take remaining space.
+      // Requires each item to be wrapped in a single element:
+      //   RadioGroup > div > (RadioGroupItem + label)
+      // Using RadioGroupCard satisfies this automatically.
+      // Extra wrapper elements (Fragment, nested divs) will silently break this layout.
+      block: "[&>*>label]:flex-1 [&>*>label]:min-w-0"
+    }
+  },
+  compoundVariants: [
+    // vertical + block: each item spans full container width
+    { orientation: "vertical", layout: "block", class: "[&>*]:w-full" },
+    // horizontal + block: items share the row equally
+    { orientation: "horizontal", layout: "block", class: "[&>*]:flex-1" }
+  ],
+  defaultVariants: {
+    orientation: "vertical",
+    layout: "inline"
+  }
+});
+var radioItemVariants = (0, import_class_variance_authority13.cva)([
+  // Base layout & appearance
+  "peer group inline-flex relative size-4 shrink-0",
+  "rounded-full border border-default surface-default shadow-xs",
+  // Transitions & hover
+  "transition-colors hover:interactive-hover",
+  // Focus
+  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-default",
+  // Disabled — checked items are slightly more opaque per design
+  "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50",
+  "data-[disabled]:data-[checked]:opacity-30",
+  // Error (aria-invalid)
+  "aria-invalid:border-error",
+  "aria-invalid:focus-visible:ring-3 aria-invalid:focus-visible:ring-focus-error"
+]);
+function RadioGroup({
+  className,
+  orientation,
+  layout,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    import_radio_group.RadioGroup,
+    {
+      "data-slot": "radio-group",
+      className: cn(radioGroupVariants({ orientation, layout }), className),
+      ...props
+    }
+  );
+}
+function RadioGroupItem({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    import_radio.Radio.Root,
+    {
+      "data-slot": "radio-group-item",
+      className: cn(radioItemVariants(), className),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        import_radio.Radio.Indicator,
+        {
+          "data-slot": "radio-group-indicator",
+          className: "absolute inset-0 flex items-center justify-center",
+          children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "size-2 rounded-full interactive-accent group-aria-invalid:interactive-destructive" })
+        }
+      )
+    }
+  );
+}
+function RadioGroupCard({
+  className,
+  label,
+  description,
+  flipped = false,
+  id,
+  ref,
+  ...props
+}) {
+  const generatedId = React12.useId();
+  const itemId = id ?? generatedId;
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+    "label",
+    {
+      ref,
+      "data-slot": "radio-group-card",
+      "data-disabled": props.disabled ? "" : void 0,
+      className: cn(
+        "flex items-start gap-3 p-3 border border-default surface-default rounded-md cursor-pointer w-full",
+        "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50",
+        className
+      ),
+      children: [
+        !flipped && // data-[disabled]:opacity-100 cancels the item-level opacity since
+        // the card wrapper already applies opacity-50 for the whole card.
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          RadioGroupItem,
+          {
+            id: itemId,
+            className: "mt-[2.5px] data-[disabled]:opacity-100",
+            ...props
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-col gap-1.5 min-w-0 flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "type-body-sm-medium text-default", children: label }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "type-body-xs-regular text-secondary", children: description })
+        ] }),
+        flipped && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          RadioGroupItem,
+          {
+            id: itemId,
+            className: "mt-[2.5px] data-[disabled]:opacity-100",
+            ...props
+          }
+        )
+      ]
+    }
+  );
+}
+
 // src/components/ui/switch.tsx
 var import_switch = require("@base-ui/react/switch");
-var import_class_variance_authority11 = require("class-variance-authority");
-var import_jsx_runtime23 = require("react/jsx-runtime");
-var switchVariants = (0, import_class_variance_authority11.cva)(
+var import_class_variance_authority14 = require("class-variance-authority");
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var switchVariants = (0, import_class_variance_authority14.cva)(
   "peer inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 relative focus-visible:ring-3 focus-visible:ring-focus-default aria-invalid:border-error aria-invalid:ring-3 aria-invalid:ring-focus-error data-checked:interactive-accent data-unchecked:interactive-secondary data-unchecked:border-default data-disabled:cursor-not-allowed data-disabled:opacity-50",
   {
     variants: {
@@ -3129,7 +4166,7 @@ var switchVariants = (0, import_class_variance_authority11.cva)(
     }
   }
 );
-var switchThumbVariants = (0, import_class_variance_authority11.cva)(
+var switchThumbVariants = (0, import_class_variance_authority14.cva)(
   "pointer-events-none block rounded-full surface-default shadow-sm ring-0 transition-transform",
   {
     variants: {
@@ -3144,14 +4181,14 @@ var switchThumbVariants = (0, import_class_variance_authority11.cva)(
   }
 );
 function Switch({ className, size, ref, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     import_switch.Switch.Root,
     {
       ref,
       "data-slot": "switch",
       className: cn(switchVariants({ size }), className),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
         import_switch.Switch.Thumb,
         {
           "data-slot": "switch-thumb",
@@ -3162,11 +4199,116 @@ function Switch({ className, size, ref, ...props }) {
   );
 }
 
+// src/components/ui/slider.tsx
+var import_slider = require("@base-ui/react/slider");
+var import_class_variance_authority15 = require("class-variance-authority");
+var import_jsx_runtime30 = require("react/jsx-runtime");
+var sliderControlVariants = (0, import_class_variance_authority15.cva)([
+  // Base layout
+  "relative flex w-full touch-none select-none items-center",
+  // Disabled
+  "data-[disabled]:opacity-50",
+  // Vertical orientation
+  "data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-40",
+  "data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col"
+]);
+var sliderTrackVariants = (0, import_class_variance_authority15.cva)([
+  // Base layout & appearance
+  "relative grow overflow-hidden rounded-full",
+  "interactive-secondary",
+  // Horizontal orientation
+  "data-[orientation=horizontal]:h-1 data-[orientation=horizontal]:w-full",
+  // Vertical orientation
+  "data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-40 data-[orientation=vertical]:w-1"
+]);
+var sliderIndicatorVariants = (0, import_class_variance_authority15.cva)([
+  // Background
+  "interactive-accent",
+  // Horizontal orientation
+  "data-[orientation=horizontal]:h-full",
+  // Vertical orientation
+  "data-[orientation=vertical]:w-full"
+]);
+var sliderThumbVariants = (0, import_class_variance_authority15.cva)([
+  // Base layout & appearance
+  "relative block size-3 shrink-0",
+  "rounded-full border border-[var(--color-interactive-accent)] interactive-default shadow-xs",
+  // Transitions
+  "transition-[color,box-shadow]",
+  // Extended hit area
+  "after:absolute after:-inset-2",
+  // Hover & active
+  "hover:ring-2 hover:ring-focus-default active:ring-2 active:ring-focus-default",
+  // Focus (targets inner hidden input via :has)
+  "has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-focus-default has-[:focus-visible]:outline-hidden",
+  // Disabled
+  "data-[disabled]:pointer-events-none data-[disabled]:opacity-50"
+]);
+function Slider({
+  className,
+  defaultValue,
+  value,
+  min = 0,
+  max = 100,
+  thumbLabels,
+  ...props
+}) {
+  const values = Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : typeof value === "number" ? [value] : typeof defaultValue === "number" ? [defaultValue] : [min];
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    import_slider.Slider.Root,
+    {
+      "data-slot": "slider",
+      className: cn(
+        "data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full",
+        className
+      ),
+      defaultValue,
+      value,
+      min,
+      max,
+      thumbAlignment: "edge",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+        import_slider.Slider.Control,
+        {
+          "data-slot": "slider-control",
+          className: sliderControlVariants(),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+              import_slider.Slider.Track,
+              {
+                "data-slot": "slider-track",
+                className: sliderTrackVariants(),
+                children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                  import_slider.Slider.Indicator,
+                  {
+                    "data-slot": "slider-range",
+                    className: sliderIndicatorVariants()
+                  }
+                )
+              }
+            ),
+            Array.from({ length: values.length }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+              import_slider.Slider.Thumb,
+              {
+                "data-slot": "slider-thumb",
+                "aria-label": thumbLabels?.[index],
+                className: sliderThumbVariants()
+              },
+              index
+            ))
+          ]
+        }
+      )
+    }
+  );
+}
+
 // src/components/ui/input.tsx
 var import_input = require("@base-ui/react/input");
-var import_class_variance_authority12 = require("class-variance-authority");
-var import_jsx_runtime24 = require("react/jsx-runtime");
-var inputVariants = (0, import_class_variance_authority12.cva)(
+var import_class_variance_authority16 = require("class-variance-authority");
+var import_jsx_runtime31 = require("react/jsx-runtime");
+var inputVariants = (0, import_class_variance_authority16.cva)(
   cn(
     // Layout
     "w-full min-w-0",
@@ -3204,7 +4346,7 @@ var inputVariants = (0, import_class_variance_authority12.cva)(
   }
 );
 function Input({ className, size, roundness, ref, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     import_input.Input,
     {
       "data-slot": "input",
@@ -3216,9 +4358,9 @@ function Input({ className, size, roundness, ref, ...props }) {
 }
 
 // src/components/ui/textarea.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function Textarea({ className, style, ref, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     "textarea",
     {
       className: cn(
@@ -3233,9 +4375,9 @@ function Textarea({ className, style, ref, ...props }) {
 }
 
 // src/components/ui/input-group.tsx
-var import_class_variance_authority13 = require("class-variance-authority");
-var import_jsx_runtime26 = require("react/jsx-runtime");
-var inputGroupVariants = (0, import_class_variance_authority13.cva)(
+var import_class_variance_authority17 = require("class-variance-authority");
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var inputGroupVariants = (0, import_class_variance_authority17.cva)(
   cn(
     // Layout
     "group/input-group relative flex w-full min-w-0 items-center overflow-hidden",
@@ -3282,7 +4424,7 @@ function InputGroup({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     "div",
     {
       ref,
@@ -3294,7 +4436,7 @@ function InputGroup({
     }
   );
 }
-var inputGroupAddonVariants = (0, import_class_variance_authority13.cva)(
+var inputGroupAddonVariants = (0, import_class_variance_authority17.cva)(
   "flex h-auto items-center justify-center gap-2 py-1.5 type-body-sm-regular group-data-[size=mini]/input-group:type-body-xs-regular text-secondary select-none [&>svg:not([class*='size-'])]:size-4",
   {
     variants: {
@@ -3316,7 +4458,7 @@ function InputGroupAddon({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     "div",
     {
       ref,
@@ -3331,7 +4473,7 @@ function InputGroupAddon({
     }
   );
 }
-var inputGroupButtonVariants = (0, import_class_variance_authority13.cva)("shadow-none py-0", {
+var inputGroupButtonVariants = (0, import_class_variance_authority17.cva)("shadow-none py-0", {
   variants: {
     size: {
       xs: "h-6 gap-1 rounded-sm px-1.5 type-label-xs-medium [&>svg:not([class*='size-'])]:size-3.5",
@@ -3352,7 +4494,7 @@ function InputGroupButton({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     Button,
     {
       ref,
@@ -3364,7 +4506,7 @@ function InputGroupButton({
   );
 }
 function InputGroupText({ className, ref, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     "span",
     {
       ref,
@@ -3381,7 +4523,7 @@ function InputGroupInput({ className, ref, ...props }) {
     // Most of these classes override Input's default border, background, shadow,
     // and focus/error/disabled styles so that InputGroup owns all visual states
     // via its own has-[...] selectors.
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       Input,
       {
         ref,
@@ -3403,7 +4545,7 @@ function InputGroupTextarea({
   return (
     // Same overrides as InputGroupInput — strips Textarea's own border, background,
     // shadow, and focus/error/disabled styles so InputGroup owns all visual states.
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       Textarea,
       {
         ref,
@@ -3418,121 +4560,59 @@ function InputGroupTextarea({
   );
 }
 
-// src/components/ui/badge.tsx
-var React10 = __toESM(require("react"));
-var import_class_variance_authority14 = require("class-variance-authority");
-var import_jsx_runtime27 = require("react/jsx-runtime");
-var badgeVariants = (0, import_class_variance_authority14.cva)(
+// src/components/ui/tag.tsx
+var import_class_variance_authority18 = require("class-variance-authority");
+var import_jsx_runtime34 = require("react/jsx-runtime");
+var tagVariants = (0, import_class_variance_authority18.cva)(
   [
     // Layout
-    "inline-flex items-center justify-center gap-1",
+    "inline-flex items-center justify-center",
     // Size
-    "h-6 px-2",
+    "h-6 px-2.5",
     // Text
     "whitespace-nowrap type-label-xs-medium",
     // Shape
-    "rounded-md",
-    // Transitions
-    "transition-colors",
-    // Focus — flush ring, no gap
-    "focus-visible:outline-none",
-    "focus-visible:ring-2 focus-visible:ring-focus-default",
-    // Icons
-    "[&_svg]:pointer-events-none [&_svg]:size-3 [&_svg]:shrink-0"
+    "rounded-full"
   ],
-  {
-    variants: {
-      variant: {
-        primary: ["interactive-accent interactive-accent-fg"],
-        secondary: ["interactive-secondary interactive-secondary-fg"],
-        outline: [
-          "interactive-default interactive-default-fg",
-          "border border-default"
-        ],
-        ghost: ["interactive-default interactive-default-fg"],
-        urgent: [
-          "interactive-destructive interactive-destructive-fg",
-          // Focus
-          "focus-visible:ring-3 focus-visible:ring-focus-error"
-        ]
-      }
-    },
-    defaultVariants: {}
-  }
-);
-function isSingleDisplayCharacter(node) {
-  if (node == null || typeof node === "boolean") return false;
-  if (typeof node === "string" || typeof node === "number") {
-    const trimmed = String(node).trim();
-    return trimmed.length === 1;
-  }
-  if (Array.isArray(node)) {
-    const parts = node.filter((x) => x != null && typeof x !== "boolean");
-    if (parts.length !== 1) return false;
-    return isSingleDisplayCharacter(parts[0]);
-  }
-  if (React10.isValidElement(node)) {
-    return isSingleDisplayCharacter(
-      node.props.children
-    );
-  }
-  return false;
-}
-function Badge({
-  className,
-  variant,
-  iconLeft,
-  iconRight,
-  onKeyDown,
-  style,
-  children,
-  ref,
-  ...props
-}) {
-  if (!variant) {
-    return null;
-  }
-  const circle = isSingleDisplayCharacter(children) && !iconLeft && !iconRight;
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-    "span",
-    {
-      ...props,
-      role: "button",
-      tabIndex: 0,
-      onKeyDown: (e) => {
-        if (e.key === "Enter" || e.key === " ") {
-          e.preventDefault();
-          e.currentTarget.click();
-        }
-        onKeyDown?.(e);
-      },
-      className: cn(
-        badgeVariants({ variant }),
-        circle ? "size-5 shrink-0 p-0" : "",
-        className
-      ),
-      style,
+  {
+    variants: {
+      color: {
+        violet: "bg-violet-100 text-violet-800",
+        cyan: "bg-cyan-100 text-cyan-900",
+        indigo: "bg-indigo-100 text-indigo-800",
+        orange: "bg-orange-100 text-orange-900",
+        pink: "bg-pink-100 text-pink-900",
+        verdant: "bg-verdant-100 text-verdant-800",
+        stone: "bg-stone-200 text-stone-800"
+      }
+    },
+    defaultVariants: {
+      color: "stone"
+    }
+  }
+);
+function Tag({ className, color, ref, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    "span",
+    {
+      className: cn(tagVariants({ color }), className),
       ref,
-      children: [
-        iconLeft,
-        children,
-        iconRight
-      ]
+      ...props
     }
   );
 }
 
 // src/components/ui/alert-dialog.tsx
 var import_alert_dialog = require("@base-ui/react/alert-dialog");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 function AlertDialog({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_alert_dialog.AlertDialog.Root, { "data-slot": "alert-dialog", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_alert_dialog.AlertDialog.Root, { "data-slot": "alert-dialog", ...props });
 }
 function AlertDialogTrigger({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     import_alert_dialog.AlertDialog.Trigger,
     {
       ref,
@@ -3546,7 +4626,7 @@ function AlertDialogOverlay({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     import_alert_dialog.AlertDialog.Backdrop,
     {
       ref,
@@ -3568,9 +4648,9 @@ function AlertDialogContent({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_alert_dialog.AlertDialog.Portal, { "data-slot": "alert-dialog-portal", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(AlertDialogOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_alert_dialog.AlertDialog.Portal, { "data-slot": "alert-dialog-portal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(AlertDialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       import_alert_dialog.AlertDialog.Popup,
       {
         ref,
@@ -3603,7 +4683,7 @@ function AlertDialogHeader({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "div",
     {
       ref,
@@ -3623,7 +4703,7 @@ function AlertDialogFooter({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "div",
     {
       ref,
@@ -3645,7 +4725,7 @@ function AlertDialogTitle({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     import_alert_dialog.AlertDialog.Title,
     {
       ref,
@@ -3660,7 +4740,7 @@ function AlertDialogDescription({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     import_alert_dialog.AlertDialog.Description,
     {
       ref,
@@ -3677,12 +4757,12 @@ function AlertDialogAction({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     import_alert_dialog.AlertDialog.Close,
     {
       ref,
       "data-slot": "alert-dialog-action",
-      render: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button, { variant, size }),
+      render: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Button, { variant, size }),
       className,
       ...props
     }
@@ -3695,12 +4775,12 @@ function AlertDialogCancel({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     import_alert_dialog.AlertDialog.Close,
     {
       ref,
       "data-slot": "alert-dialog-cancel",
-      render: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button, { variant, size }),
+      render: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Button, { variant, size }),
       className,
       ...props
     }
@@ -3708,14 +4788,14 @@ function AlertDialogCancel({
 }
 
 // src/components/ui/item.tsx
-var React11 = __toESM(require("react"));
+var React13 = __toESM(require("react"));
 var import_merge_props3 = require("@base-ui/react/merge-props");
 var import_use_render3 = require("@base-ui/react/use-render");
-var import_class_variance_authority15 = require("class-variance-authority");
-var import_jsx_runtime29 = require("react/jsx-runtime");
-var ItemGroupContext = React11.createContext(false);
+var import_class_variance_authority19 = require("class-variance-authority");
+var import_jsx_runtime36 = require("react/jsx-runtime");
+var ItemGroupContext = React13.createContext(false);
 function ItemGroup({ className, ref, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ItemGroupContext, { value: true, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ItemGroupContext, { value: true, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     "div",
     {
       ref,
@@ -3734,7 +4814,7 @@ function ItemSeparator({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     Separator,
     {
       ref,
@@ -3745,7 +4825,7 @@ function ItemSeparator({
     }
   );
 }
-var itemVariants = (0, import_class_variance_authority15.cva)(
+var itemVariants = (0, import_class_variance_authority19.cva)(
   "surface-default rounded-md border group/item flex w-full flex-wrap transition-colors duration-100 outline-none [a]:relative [a]:isolate [a]:after:absolute [a]:after:inset-0 [a]:after:rounded-[inherit] [a]:after:-z-10 [a]:after:pointer-events-none [a]:after:transition-colors",
   {
     variants: {
@@ -3772,7 +4852,7 @@ var Item = ({
   render,
   ...props
 }) => {
-  const insideGroup = React11.useContext(ItemGroupContext);
+  const insideGroup = React13.useContext(ItemGroupContext);
   return (0, import_use_render3.useRender)({
     defaultTagName: "div",
     props: (0, import_merge_props3.mergeProps)(
@@ -3790,7 +4870,7 @@ var Item = ({
     }
   });
 };
-var itemMediaVariants = (0, import_class_variance_authority15.cva)(
+var itemMediaVariants = (0, import_class_variance_authority19.cva)(
   "gap-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none",
   {
     variants: {
@@ -3812,7 +4892,7 @@ function ItemMedia({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     "div",
     {
       ref,
@@ -3828,7 +4908,7 @@ function ItemContent({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     "div",
     {
       ref,
@@ -3842,7 +4922,7 @@ function ItemContent({
   );
 }
 function ItemTitle({ className, ref, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     "div",
     {
       ref,
@@ -3860,7 +4940,7 @@ function ItemDescription({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     "p",
     {
       ref,
@@ -3878,7 +4958,7 @@ function ItemActions({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     "div",
     {
       ref,
@@ -3889,7 +4969,7 @@ function ItemActions({
   );
 }
 function ItemHeader({ className, ref, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     "div",
     {
       ref,
@@ -3903,7 +4983,7 @@ function ItemHeader({ className, ref, ...props }) {
   );
 }
 function ItemFooter({ className, ref, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     "div",
     {
       ref,
@@ -3919,14 +4999,14 @@ function ItemFooter({ className, ref, ...props }) {
 
 // src/components/ui/tabs.tsx
 var import_tabs = require("@base-ui/react/tabs");
-var import_class_variance_authority16 = require("class-variance-authority");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_class_variance_authority20 = require("class-variance-authority");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function Tabs({
   className,
   orientation = "horizontal",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     import_tabs.Tabs.Root,
     {
       "data-slot": "tabs",
@@ -3940,7 +5020,7 @@ function Tabs({
     }
   );
 }
-var tabsListVariants = (0, import_class_variance_authority16.cva)(
+var tabsListVariants = (0, import_class_variance_authority20.cva)(
   [
     // base layout
     "group/tabs-list inline-flex w-fit items-center p-1",
@@ -3968,7 +5048,7 @@ function TabsList({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     import_tabs.Tabs.List,
     {
       "data-slot": "tabs-list",
@@ -3978,7 +5058,7 @@ function TabsList({
     }
   );
 }
-var tabsTriggerVariants = (0, import_class_variance_authority16.cva)(
+var tabsTriggerVariants = (0, import_class_variance_authority20.cva)(
   [
     // base layout
     "relative inline-flex shrink-0 items-center justify-center whitespace-nowrap",
@@ -4032,7 +5112,7 @@ function TabsTrigger({
   size = "regular",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     import_tabs.Tabs.Tab,
     {
       "data-slot": "tabs-trigger",
@@ -4042,7 +5122,7 @@ function TabsTrigger({
   );
 }
 function TabsContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     import_tabs.Tabs.Panel,
     {
       "data-slot": "tabs-content",
@@ -4055,8 +5135,8 @@ function TabsContent({ className, ...props }) {
 // src/components/ui/dropdown-menu.tsx
 var import_menu = require("@base-ui/react/menu");
 var import_separator5 = require("@base-ui/react/separator");
-var import_class_variance_authority17 = require("class-variance-authority");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_class_variance_authority21 = require("class-variance-authority");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var DropdownMenu = import_menu.Menu.Root;
 var DropdownMenuGroup = import_menu.Menu.Group;
 var DropdownMenuSub = import_menu.Menu.SubmenuRoot;
@@ -4066,7 +5146,7 @@ function DropdownMenuTrigger({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     import_menu.Menu.Trigger,
     {
       "data-slot": "dropdown-trigger",
@@ -4085,7 +5165,7 @@ function DropdownMenuContent({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_menu.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_menu.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     import_menu.Menu.Positioner,
     {
       className: "isolate z-50 outline-none",
@@ -4093,7 +5173,7 @@ function DropdownMenuContent({
       alignOffset,
       side,
       sideOffset,
-      children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         import_menu.Menu.Popup,
         {
           "data-slot": "dropdown-content",
@@ -4120,7 +5200,7 @@ function DropdownMenuSubTrigger({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
     import_menu.Menu.SubmenuTrigger,
     {
       "data-slot": "dropdown-sub-trigger",
@@ -4139,7 +5219,7 @@ function DropdownMenuSubTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ArrowRightIcon, { size: 16, className: "ml-auto text-secondary" })
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ArrowRightIcon, { size: 16, className: "ml-auto text-secondary" })
       ]
     }
   );
@@ -4153,7 +5233,7 @@ function DropdownMenuSubContent({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     DropdownMenuContent,
     {
       "data-slot": "dropdown-sub-content",
@@ -4167,7 +5247,7 @@ function DropdownMenuSubContent({
     }
   );
 }
-var dropdownMenuItemVariants = (0, import_class_variance_authority17.cva)(
+var dropdownMenuItemVariants = (0, import_class_variance_authority21.cva)(
   [
     "relative flex w-full cursor-default select-none items-center gap-2",
     "min-h-8 px-2 py-[5.5px] rounded-md",
@@ -4196,7 +5276,7 @@ function DropdownMenuItem({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     import_menu.Menu.Item,
     {
       "data-slot": "dropdown-item",
@@ -4218,7 +5298,7 @@ function DropdownMenuCheckboxItem({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
     import_menu.Menu.CheckboxItem,
     {
       "data-slot": "dropdown-checkbox-item",
@@ -4236,7 +5316,7 @@ function DropdownMenuCheckboxItem({
       checked,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_menu.Menu.CheckboxItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(CheckmarkIcon, { size: 16 }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_menu.Menu.CheckboxItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(CheckmarkIcon, { size: 16 }) }) }),
         children
       ]
     }
@@ -4249,7 +5329,7 @@ function DropdownMenuRadioItem({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
     import_menu.Menu.RadioItem,
     {
       "data-slot": "dropdown-radio-item",
@@ -4267,7 +5347,7 @@ function DropdownMenuRadioItem({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "hidden size-2 rounded-full bg-[var(--color-interactive-accent)] group-data-[checked]:block" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "hidden size-2 rounded-full bg-[var(--color-interactive-accent)] group-data-[checked]:block" }) })
       ]
     }
   );
@@ -4277,7 +5357,7 @@ function DropdownMenuLabel({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     import_menu.Menu.GroupLabel,
     {
       "data-slot": "dropdown-label",
@@ -4295,7 +5375,7 @@ function DropdownMenuSeparator({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     import_separator5.Separator,
     {
       "data-slot": "dropdown-separator",
@@ -4312,7 +5392,7 @@ function DropdownMenuShortcut({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     "span",
     {
       "data-slot": "dropdown-shortcut",
@@ -4326,15 +5406,462 @@ function DropdownMenuShortcut({
   );
 }
 
+// src/components/ui/chart.tsx
+var React14 = __toESM(require("react"));
+var RechartsPrimitive = __toESM(require("recharts"));
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var THEMES = { light: "", dark: ".dark" };
+var INITIAL_DIMENSION = { width: 320, height: 200 };
+var ChartContext = React14.createContext(null);
+function useChart() {
+  const context = React14.useContext(ChartContext);
+  if (!context) {
+    throw new Error("useChart must be used within a <ChartContainer />");
+  }
+  return context;
+}
+function ChartContainer({
+  id,
+  className,
+  children,
+  config,
+  initialDimension = INITIAL_DIMENSION,
+  ...props
+}) {
+  const uniqueId = React14.useId();
+  const chartId = `chart-${id ?? uniqueId.replace(/:/g, "")}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+    "div",
+    {
+      "data-slot": "chart",
+      "data-chart": chartId,
+      className: cn(
+        // Layout
+        "flex aspect-video justify-center text-xs",
+        // Axis
+        "[&_.recharts-cartesian-axis-tick_text]:fill-(--color-text-secondary)",
+        // Grid
+        "[&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-(--color-border-default)/50",
+        "[&_.recharts-polar-grid_[stroke='#ccc']]:stroke-(--color-border-default)",
+        "[&_.recharts-reference-line_[stroke='#ccc']]:stroke-(--color-border-default)",
+        // Tooltip cursor
+        "[&_.recharts-curve.recharts-tooltip-cursor]:stroke-(--color-border-default)",
+        "[&_.recharts-rectangle.recharts-tooltip-cursor]:fill-(--color-surface-muted)",
+        // Dots & sectors
+        "[&_.recharts-dot[stroke='#fff']]:stroke-transparent",
+        "[&_.recharts-sector]:outline-hidden",
+        // Separate pie/donut slices with a stroke matching the surface behind the chart
+        "[&_.recharts-sector[stroke='#fff']]:stroke-(--color-surface-default)",
+        "[&_.recharts-sector[stroke='#fff']]:[stroke-width:2px]",
+        "[&_.recharts-radial-bar-background-sector]:fill-(--color-surface-muted)",
+        // Misc
+        "[&_.recharts-layer]:outline-hidden",
+        "[&_.recharts-surface]:outline-hidden",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ChartStyle, { id: chartId, config }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          RechartsPrimitive.ResponsiveContainer,
+          {
+            initialDimension,
+            children
+          }
+        )
+      ]
+    }
+  ) });
+}
+var ChartStyle = ({ id, config }) => {
+  const colorConfig = Object.entries(config).filter(
+    ([, item]) => item.theme ?? item.color
+  );
+  if (!colorConfig.length) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    "style",
+    {
+      dangerouslySetInnerHTML: {
+        __html: Object.entries(THEMES).map(
+          ([theme, prefix]) => `
+${prefix} [data-chart=${id}] {
+${colorConfig.map(([key, itemConfig]) => {
+            const color = itemConfig.theme?.[theme] ?? itemConfig.color;
+            return color ? `  --color-${key}: ${color};` : null;
+          }).filter(Boolean).join("\n")}
+}
+`
+        ).join("\n")
+      }
+    }
+  );
+};
+var ChartTooltip = RechartsPrimitive.Tooltip;
+function ChartTooltipContent({
+  active,
+  payload,
+  className,
+  indicator = "dot",
+  hideLabel = false,
+  hideIndicator = false,
+  label,
+  labelFormatter,
+  labelClassName,
+  formatter,
+  color,
+  nameKey,
+  labelKey
+}) {
+  const { config } = useChart();
+  const tooltipLabel = React14.useMemo(() => {
+    if (hideLabel || !payload?.length) {
+      return null;
+    }
+    const [item] = payload;
+    const key = `${labelKey ?? item?.dataKey ?? item?.name ?? "value"}`;
+    const itemConfig = getPayloadConfigFromPayload(config, item, key);
+    const value = !labelKey && typeof label === "string" ? config[label]?.label ?? label : itemConfig?.label;
+    if (labelFormatter) {
+      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: cn("font-semibold text-default", labelClassName), children: labelFormatter(value, payload) });
+    }
+    if (!value) {
+      return null;
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: cn("font-semibold text-default", labelClassName), children: value });
+  }, [
+    label,
+    labelFormatter,
+    payload,
+    hideLabel,
+    labelClassName,
+    config,
+    labelKey
+  ]);
+  if (!active || !payload?.length) {
+    return null;
+  }
+  const nestLabel = payload.length === 1 && indicator !== "dot";
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+    "div",
+    {
+      className: cn(
+        "grid min-w-[8rem] items-start gap-1.5 rounded-xl border border-muted surface-default px-3 py-2.5 text-xs text-secondary shadow-lg",
+        className
+      ),
+      children: [
+        !nestLabel ? tooltipLabel : null,
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "grid gap-1.5", children: payload.filter((item) => item.type !== "none").map((item, index) => {
+          const key = `${nameKey ?? item.name ?? item.dataKey ?? "value"}`;
+          const itemConfig = getPayloadConfigFromPayload(config, item, key);
+          const indicatorColor = color ?? item.payload?.fill ?? item.color ?? (itemConfig && "color" in itemConfig ? itemConfig.color : void 0);
+          return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+            "div",
+            {
+              className: cn(
+                "flex w-full flex-wrap items-stretch gap-1.5 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-secondary",
+                indicator === "dot" && "items-center"
+              ),
+              children: formatter && item?.value !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
+                itemConfig?.icon ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                  "div",
+                  {
+                    className: cn(
+                      "shrink-0 border-(--color-border) bg-(--color-bg)",
+                      {
+                        "h-3.5 w-3.5 rounded-[4px]": indicator === "dot",
+                        "w-1 rounded-full": indicator === "line",
+                        "w-0 border-[1.5px] border-dashed bg-transparent": indicator === "dashed",
+                        "my-0.5": nestLabel && indicator === "dashed"
+                      }
+                    ),
+                    style: {
+                      "--color-bg": indicatorColor,
+                      "--color-border": indicatorColor
+                    }
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+                  "div",
+                  {
+                    className: cn(
+                      "flex flex-1 justify-between leading-none",
+                      nestLabel ? "items-end" : "items-center"
+                    ),
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "grid gap-1.5", children: [
+                        nestLabel ? tooltipLabel : null,
+                        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-secondary", children: itemConfig?.label ?? item.name })
+                      ] }),
+                      item.value != null && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "ml-3 font-semibold text-default tabular-nums", children: typeof item.value === "number" ? item.value.toLocaleString() : String(item.value) })
+                    ]
+                  }
+                )
+              ] })
+            },
+            index
+          );
+        }) })
+      ]
+    }
+  );
+}
+var ChartLegend = RechartsPrimitive.Legend;
+function ChartLegendContent({
+  className,
+  hideIcon = false,
+  payload,
+  verticalAlign = "bottom",
+  nameKey
+}) {
+  const { config } = useChart();
+  if (!payload?.length) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    "div",
+    {
+      className: cn(
+        "flex items-center justify-center gap-4",
+        verticalAlign === "top" ? "pb-3" : "pt-3",
+        className
+      ),
+      children: payload.filter((item) => item.type !== "none").map((item, index) => {
+        const key = `${nameKey ?? item.dataKey ?? "value"}`;
+        const itemConfig = getPayloadConfigFromPayload(config, item, key);
+        const indicatorColor = item.color ?? (itemConfig && "color" in itemConfig ? itemConfig.color : void 0);
+        return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+          "div",
+          {
+            className: cn(
+              "flex items-center gap-1.5 text-secondary [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-secondary"
+            ),
+            children: [
+              itemConfig?.icon && !hideIcon ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(itemConfig.icon, {}) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                "div",
+                {
+                  className: "h-2 w-2 shrink-0 rounded-[2px]",
+                  style: {
+                    backgroundColor: indicatorColor
+                  }
+                }
+              ),
+              itemConfig?.label
+            ]
+          },
+          index
+        );
+      })
+    }
+  );
+}
+function getPayloadConfigFromPayload(config, payload, key) {
+  if (typeof payload !== "object" || payload === null) {
+    return void 0;
+  }
+  const payloadPayload = "payload" in payload && typeof payload.payload === "object" && payload.payload !== null ? payload.payload : void 0;
+  let configLabelKey = key;
+  if (key in payload && typeof payload[key] === "string") {
+    configLabelKey = payload[key];
+  } else if (payloadPayload && key in payloadPayload && typeof payloadPayload[key] === "string") {
+    configLabelKey = payloadPayload[key];
+  }
+  return configLabelKey in config ? config[configLabelKey] : config[key];
+}
+
+// src/components/ui/carousel.tsx
+var React15 = __toESM(require("react"));
+var import_embla_carousel_react = __toESM(require("embla-carousel-react"));
+var import_jsx_runtime40 = require("react/jsx-runtime");
+var CarouselContext = React15.createContext(null);
+function useCarousel() {
+  const context = React15.useContext(CarouselContext);
+  if (!context) {
+    throw new Error("useCarousel must be used within a <Carousel />");
+  }
+  return context;
+}
+function Carousel({
+  opts,
+  plugins,
+  setApi,
+  className,
+  children,
+  ref,
+  ...props
+}) {
+  const [carouselRef, api] = (0, import_embla_carousel_react.default)({ ...opts }, plugins);
+  const [canScrollPrev, setCanScrollPrev] = React15.useState(false);
+  const [canScrollNext, setCanScrollNext] = React15.useState(false);
+  const onSelect = React15.useCallback((emblaApi) => {
+    if (!emblaApi) return;
+    setCanScrollPrev(emblaApi.canScrollPrev());
+    setCanScrollNext(emblaApi.canScrollNext());
+  }, []);
+  const scrollPrev = React15.useCallback(() => {
+    api?.scrollPrev();
+  }, [api]);
+  const scrollNext = React15.useCallback(() => {
+    api?.scrollNext();
+  }, [api]);
+  const handleKeyDown = React15.useCallback(
+    (event) => {
+      if (event.key === "ArrowLeft") {
+        event.preventDefault();
+        scrollPrev();
+      } else if (event.key === "ArrowRight") {
+        event.preventDefault();
+        scrollNext();
+      }
+    },
+    [scrollPrev, scrollNext]
+  );
+  React15.useEffect(() => {
+    if (!api || !setApi) return;
+    setApi(api);
+  }, [api, setApi]);
+  React15.useEffect(() => {
+    if (!api) return;
+    onSelect(api);
+    api.on("reInit", onSelect);
+    api.on("select", onSelect);
+    return () => {
+      api.off("reInit", onSelect);
+      api.off("select", onSelect);
+    };
+  }, [api, onSelect]);
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    CarouselContext.Provider,
+    {
+      value: {
+        carouselRef,
+        api,
+        scrollPrev,
+        scrollNext,
+        canScrollPrev,
+        canScrollNext
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+        "div",
+        {
+          ...props,
+          ref,
+          className: cn("flex items-center gap-4", className),
+          role: "region",
+          "aria-roledescription": "carousel",
+          "data-slot": "carousel",
+          tabIndex: 0,
+          onKeyDownCapture: (event) => {
+            props.onKeyDownCapture?.(event);
+            handleKeyDown(event);
+          },
+          children
+        }
+      )
+    }
+  );
+}
+function CarouselContent({ className, ref, ...props }) {
+  const { carouselRef } = useCarousel();
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    "div",
+    {
+      ref: carouselRef,
+      className: "overflow-hidden flex-1 min-w-0",
+      "data-slot": "carousel-viewport",
+      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+        "div",
+        {
+          ref,
+          "data-slot": "carousel-content",
+          className: cn("flex -ml-4", className),
+          ...props
+        }
+      )
+    }
+  );
+}
+function CarouselItem({
+  className,
+  index,
+  total,
+  "aria-label": ariaLabel,
+  ref,
+  ...props
+}) {
+  const label = ariaLabel ?? (index !== void 0 && total !== void 0 ? `Slide ${index + 1} of ${total}` : void 0);
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    "div",
+    {
+      ref,
+      role: "group",
+      "aria-roledescription": "slide",
+      "aria-label": label,
+      "data-slot": "carousel-item",
+      className: cn("min-w-0 shrink-0 grow-0 basis-full pl-4", className),
+      ...props
+    }
+  );
+}
+function CarouselPrevious({
+  className,
+  variant = "default",
+  size = "default",
+  ref,
+  ...props
+}) {
+  const { scrollPrev, canScrollPrev } = useCarousel();
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    Button,
+    {
+      ref,
+      "data-slot": "carousel-previous",
+      variant,
+      size,
+      className: cn("size-9 shrink-0 rounded-md", className),
+      disabled: !canScrollPrev,
+      onClick: scrollPrev,
+      "aria-label": "Previous slide",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ArrowLeftIcon, { className: "size-4" })
+    }
+  );
+}
+function CarouselNext({
+  className,
+  variant = "default",
+  size = "default",
+  ref,
+  ...props
+}) {
+  const { scrollNext, canScrollNext } = useCarousel();
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    Button,
+    {
+      ref,
+      "data-slot": "carousel-next",
+      variant,
+      size,
+      className: cn("size-9 shrink-0 rounded-md", className),
+      disabled: !canScrollNext,
+      onClick: scrollNext,
+      "aria-label": "Next slide",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ArrowRightIcon, { className: "size-4" })
+    }
+  );
+}
+
 // src/components/ui/table.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function Table({ className, ref, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "div",
     {
       "data-slot": "table-container",
       className: "relative w-full overflow-x-auto",
-      children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
         "table",
         {
           ref,
@@ -4355,7 +5882,7 @@ function TableHeader({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "thead",
     {
       ref,
@@ -4376,14 +5903,14 @@ function TableBody({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("tbody", { ref, "data-slot": "table-body", className, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("tbody", { ref, "data-slot": "table-body", className, ...props });
 }
 function TableFooter({
   className,
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "tfoot",
     {
       ref,
@@ -4402,7 +5929,7 @@ function TableFooter({
   );
 }
 function TableRow({ className, ref, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "tr",
     {
       ref,
@@ -4426,7 +5953,7 @@ function TableHead({
   align = "left",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "th",
     {
       ref,
@@ -4454,7 +5981,7 @@ function TableCell({
   align = "left",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "td",
     {
       ref,
@@ -4480,7 +6007,7 @@ function TableCaption({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "caption",
     {
       ref,
@@ -4497,9 +6024,13 @@ function TableCaption({
   );
 }
 
+// src/components/ui/data-table/data-table.tsx
+var React16 = __toESM(require("react"));
+var import_react_table2 = require("@tanstack/react-table");
+
 // src/components/ui/data-table/data-table-view.tsx
 var import_react_table = require("@tanstack/react-table");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 function DataTableView({
   table,
   emptyState = "No results.",
@@ -4508,15 +6039,15 @@ function DataTableView({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "div",
     {
       className: cn("relative", loading && "opacity-50 pointer-events-none"),
       "aria-busy": loading || void 0,
-      children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(Table, { className, ...props, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TableRow, { children: headerGroup.headers.map((header) => {
+      children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(Table, { className, ...props, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(TableRow, { children: headerGroup.headers.map((header) => {
           const sorted = header.column.getIsSorted();
-          return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
             TableHead,
             {
               colSpan: header.colSpan,
@@ -4529,21 +6060,21 @@ function DataTableView({
             header.id
           );
         }) }, headerGroup.id)) }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TableBody, { children: table.getRowModel().rows.length > 0 ? table.getRowModel().rows.map((row) => {
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(TableBody, { children: table.getRowModel().rows.length > 0 ? table.getRowModel().rows.map((row) => {
           const rowProps = getRowProps?.(row);
-          return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
             TableRow,
             {
               "data-state": row.getIsSelected() ? "selected" : void 0,
               ...rowProps,
-              children: row.getVisibleCells().map((cell) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TableCell, { children: (0, import_react_table.flexRender)(
+              children: row.getVisibleCells().map((cell) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(TableCell, { children: (0, import_react_table.flexRender)(
                 cell.column.columnDef.cell,
                 cell.getContext()
               ) }, cell.id))
             },
             row.id
           );
-        }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           TableCell,
           {
             colSpan: table.getVisibleLeafColumns().length,
@@ -4557,7 +6088,7 @@ function DataTableView({
 }
 
 // src/components/ui/data-table/data-table-pagination.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function DataTablePagination({
   table,
   pageSizeOptions = [10, 20, 50, 100],
@@ -4569,7 +6100,7 @@ function DataTablePagination({
   const from = totalRows > 0 ? pageIndex * pageSize + 1 : 0;
   const to = Math.min((pageIndex + 1) * pageSize, totalRows);
   const resolvedPageSizeOptions = pageSizeOptions.includes(pageSize) ? pageSizeOptions : [...pageSizeOptions, pageSize].sort((a, b) => a - b);
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
     "div",
     {
       className: cn(
@@ -4578,7 +6109,7 @@ function DataTablePagination({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
           Text,
           {
             variant: "body-sm",
@@ -4587,8 +6118,8 @@ function DataTablePagination({
             children: totalRows > 0 ? `Showing ${from}\u2013${to} of ${totalRows}` : "No results"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
             Button,
             {
               variant: "ghost",
@@ -4596,10 +6127,10 @@ function DataTablePagination({
               onClick: () => table.firstPage(),
               disabled: !table.getCanPreviousPage(),
               "aria-label": "Go to first page",
-              children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ArrowLeftIcon, { "aria-hidden": "true" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ArrowLeftIcon, { "aria-hidden": "true" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
             Button,
             {
               variant: "ghost",
@@ -4607,11 +6138,11 @@ function DataTablePagination({
               onClick: () => table.previousPage(),
               disabled: !table.getCanPreviousPage(),
               "aria-label": "Go to previous page",
-              children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CaretLeftIcon, { "aria-hidden": "true" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(CaretLeftIcon, { "aria-hidden": "true" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Text, { as: "span", variant: "body-sm", className: "px-2 whitespace-nowrap", children: table.getPageCount() > 0 ? `Page ${pageIndex + 1} of ${table.getPageCount()}` : "No pages" }),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Text, { as: "span", variant: "body-sm", className: "px-2 whitespace-nowrap", children: table.getPageCount() > 0 ? `Page ${pageIndex + 1} of ${table.getPageCount()}` : "No pages" }),
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
             Button,
             {
               variant: "ghost",
@@ -4619,10 +6150,10 @@ function DataTablePagination({
               onClick: () => table.nextPage(),
               disabled: !table.getCanNextPage(),
               "aria-label": "Go to next page",
-              children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CaretRightIcon, { "aria-hidden": "true" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(CaretRightIcon, { "aria-hidden": "true" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
             Button,
             {
               variant: "ghost",
@@ -4630,12 +6161,12 @@ function DataTablePagination({
               onClick: () => table.lastPage(),
               disabled: !table.getCanNextPage(),
               "aria-label": "Go to last page",
-              children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ArrowRightIcon, { "aria-hidden": "true" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ArrowRightIcon, { "aria-hidden": "true" })
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
             Text,
             {
               as: "span",
@@ -4644,14 +6175,14 @@ function DataTablePagination({
               children: "Rows per page"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
             Select,
             {
               value: pageSize.toString(),
               onValueChange: (value) => table.setPageSize(Number(value)),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SelectTrigger, { className: "h-8 w-[70px]", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SelectValue, {}) }),
-                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SelectContent, { children: resolvedPageSizeOptions.map((size) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SelectItem, { value: size.toString(), children: size }, size)) })
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SelectTrigger, { className: "h-8 w-[70px]", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SelectValue, {}) }),
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SelectContent, { children: resolvedPageSizeOptions.map((size) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SelectItem, { value: size.toString(), children: size }, size)) })
               ]
             }
           )
@@ -4662,7 +6193,7 @@ function DataTablePagination({
 }
 
 // src/components/ui/data-table/data-table-column-header.tsx
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 function DataTableColumnHeader({
   column,
   title,
@@ -4670,7 +6201,7 @@ function DataTableColumnHeader({
   ...props
 }) {
   if (!column.getCanSort()) {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       Text,
       {
         as: "div",
@@ -4682,9 +6213,9 @@ function DataTableColumnHeader({
     );
   }
   const sorted = column.getIsSorted();
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: cn("flex items-center gap-2", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Text, { as: "span", variant: "body-sm-medium", children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: cn("flex items-center gap-2", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Text, { as: "span", variant: "body-sm-medium", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       Button,
       {
         variant: "ghost",
@@ -4696,38 +6227,134 @@ function DataTableColumnHeader({
         },
         "aria-label": `Sort by ${title}`,
         className: "text-secondary",
-        children: sorted === "desc" ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(CaretDownIcon, { "aria-hidden": "true" }) : sorted === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(CaretUpIcon, { "aria-hidden": "true" }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ArrowsDownUpIcon, { "aria-hidden": "true", size: 16 })
+        children: sorted === "desc" ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(CaretDownIcon, { "aria-hidden": "true" }) : sorted === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(CaretUpIcon, { "aria-hidden": "true" }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ArrowsDownUpIcon, { "aria-hidden": "true", size: 16 })
       }
     )
   ] });
 }
 
+// src/components/ui/data-table/data-table.tsx
+var import_jsx_runtime45 = require("react/jsx-runtime");
+function createSelectColumn() {
+  return {
+    id: "select",
+    header: ({ table }) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+      Checkbox,
+      {
+        checked: table.getIsAllPageRowsSelected(),
+        indeterminate: table.getIsSomePageRowsSelected() && !table.getIsAllPageRowsSelected(),
+        onCheckedChange: (checked) => table.toggleAllPageRowsSelected(!!checked),
+        "aria-label": "Select all"
+      }
+    ) }),
+    cell: ({ row }) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+      Checkbox,
+      {
+        checked: row.getIsSelected(),
+        onCheckedChange: (checked) => row.toggleSelected(!!checked),
+        "aria-label": "Select row"
+      }
+    ) }),
+    enableSorting: false,
+    enableHiding: false
+  };
+}
+function DataTable({
+  columns,
+  data,
+  getRowId,
+  showPagination = true,
+  pageSizeOptions,
+  initialPageSize = 10,
+  enableRowSelection = false,
+  onRowSelectionChange: onRowSelectionChangeProp,
+  enableSorting = true,
+  emptyState,
+  loading,
+  ...tableProps
+}) {
+  const [sorting, setSorting] = React16.useState([]);
+  const [rowSelection, setRowSelection] = React16.useState({});
+  const handleRowSelectionChange = React16.useCallback(
+    (updaterOrValue) => {
+      const next = typeof updaterOrValue === "function" ? updaterOrValue(rowSelection) : updaterOrValue;
+      setRowSelection(next);
+      onRowSelectionChangeProp?.(next);
+    },
+    [rowSelection, onRowSelectionChangeProp]
+  );
+  const allColumns = React16.useMemo(
+    () => enableRowSelection ? [createSelectColumn(), ...columns] : columns,
+    [columns, enableRowSelection]
+  );
+  const resolvedColumns = React16.useMemo(
+    () => enableSorting ? allColumns.map((col) => {
+      if (col.id === "select" || col.id === "actions") return col;
+      if (typeof col.header === "string") {
+        const title = col.header;
+        return {
+          ...col,
+          header: ({ column }) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DataTableColumnHeader, { column, title })
+        };
+      }
+      return col;
+    }) : allColumns,
+    [allColumns, enableSorting]
+  );
+  const table = (0, import_react_table2.useReactTable)({
+    data,
+    columns: resolvedColumns,
+    state: { sorting, rowSelection },
+    onSortingChange: setSorting,
+    onRowSelectionChange: enableRowSelection ? handleRowSelectionChange : void 0,
+    getCoreRowModel: (0, import_react_table2.getCoreRowModel)(),
+    getSortedRowModel: enableSorting ? (0, import_react_table2.getSortedRowModel)() : void 0,
+    getPaginationRowModel: showPagination ? (0, import_react_table2.getPaginationRowModel)() : void 0,
+    getRowId,
+    ...showPagination && {
+      initialState: { pagination: { pageSize: initialPageSize } }
+    }
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+      DataTableView,
+      {
+        table,
+        emptyState,
+        loading,
+        ...tableProps
+      }
+    ),
+    showPagination && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DataTablePagination, { table, pageSizeOptions })
+  ] });
+}
+
 // src/components/ui/data-table/data-table-view-options.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function DataTableViewOptions({
   table,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(DropdownMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       DropdownMenuTrigger,
       {
-        render: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        render: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           Button,
           {
             variant: "ghost",
             size: "sm",
             ...props,
             "aria-label": "Table options",
-            children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(CogIcon, { "aria-hidden": "true" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(CogIcon, { "aria-hidden": "true" })
           }
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(DropdownMenuContent, { align: "end", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DropdownMenuLabel, { children: "Toggle columns" }),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DropdownMenuSeparator, {}),
-      table.getAllColumns().filter((column) => column.getCanHide()).map((column) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(DropdownMenuContent, { align: "end", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DropdownMenuLabel, { children: "Toggle columns" }),
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DropdownMenuSeparator, {}),
+      table.getAllColumns().filter((column) => column.getCanHide()).map((column) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
         DropdownMenuCheckboxItem,
         {
           checked: column.getIsVisible(),
@@ -4797,6 +6424,16 @@ function DataTableViewOptions({
   CaretLeftIcon,
   CaretRightIcon,
   CaretUpIcon,
+  Carousel,
+  CarouselContent,
+  CarouselItem,
+  CarouselNext,
+  CarouselPrevious,
+  ChartContainer,
+  ChartLegend,
+  ChartLegendContent,
+  ChartTooltip,
+  ChartTooltipContent,
   ChatIcon,
   CheckIcon,
   Checkbox,
@@ -4804,7 +6441,21 @@ function DataTableViewOptions({
   CheckmarkSquareIcon,
   CloseIcon,
   CogIcon,
+  Combobox,
+  ComboboxChip,
+  ComboboxChips,
+  ComboboxChipsInput,
+  ComboboxContent,
+  ComboboxEmpty,
+  ComboboxGroup,
+  ComboboxInput,
+  ComboboxItem,
+  ComboboxLabel,
+  ComboboxList,
+  ComboboxSeparator,
+  ComboboxTrigger,
   CredentialsIcon,
+  DataTable,
   DataTableColumnHeader,
   DataTablePagination,
   DataTableView,
@@ -4849,6 +6500,12 @@ function DataTableViewOptions({
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
   EditIcon,
+  Empty,
+  EmptyActions,
+  EmptyContent,
+  EmptyDescription,
+  EmptyMedia,
+  EmptyTitle,
   EnvelopeIcon,
   ExclamationIcon,
   EyeClosedIcon,
@@ -4871,6 +6528,9 @@ function DataTableViewOptions({
   GraphPieIcon,
   HamburgerMenuIcon,
   HomeIcon,
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger,
   InformationIcon,
   Input,
   InputGroup,
@@ -4907,6 +6567,9 @@ function DataTableViewOptions({
   PopoverTrigger,
   PrintIcon,
   QuestionCircleIcon,
+  RadioGroup,
+  RadioGroupCard,
+  RadioGroupItem,
   Select,
   SelectContent,
   SelectGroup,
@@ -4930,6 +6593,7 @@ function DataTableViewOptions({
   SidebarMenuButton,
   SidebarMenuItem,
   SidebarProvider,
+  Slider,
   StarIcon,
   StatementIcon,
   Switch,
@@ -4946,8 +6610,10 @@ function DataTableViewOptions({
   TabsContent,
   TabsList,
   TabsTrigger,
+  Tag,
   Text,
   Textarea,
+  Toaster,
   Tooltip,
   TooltipContent,
   TooltipProvider,
@@ -4958,6 +6624,8 @@ function DataTableViewOptions({
   UserMultiIcon,
   WarningIcon,
   WrenchIcon,
+  ZoomInIcon,
+  ZoomOutIcon,
   alertVariants,
   avatarVariants,
   badgeVariants,
@@ -4965,18 +6633,34 @@ function DataTableViewOptions({
   buttonGroupVariants,
   buttonVariants,
   checkboxVariants,
+  cn,
+  comboboxChipsVariants,
+  comboboxInputVariants,
+  createToaster,
+  cva,
   dropdownMenuItemVariants,
+  emptyMediaVariants,
+  emptyVariants,
   inputGroupAddonVariants,
   inputGroupButtonVariants,
   inputGroupVariants,
   inputVariants,
   itemMediaVariants,
   itemVariants,
+  radioGroupVariants,
+  radioItemVariants,
   selectTriggerVariants,
   switchVariants,
   tabsListVariants,
   tabsTriggerVariants,
+  tagVariants,
   textVariants,
+  toast,
+  toastManager,
   uploadVariants,
+  useCarousel,
+  useChart,
+  useComboboxAnchor,
+  useComboboxFilter,
   useSidebar
 });