@northslopetech/altitude-ui 3.0.0 → 3.2.0

package/dist/index.mjs

@@ -1,6 +1,6 @@
 // src/components/ui/alert.tsx
-import * as React from "react";
-import { cva as cva2 } from "class-variance-authority";
+import * as React2 from "react";
+import { cva as cva3 } from "class-variance-authority";
 
 // src/lib/utils.ts
 import { clsx } from "clsx";
@@ -70,124 +70,6 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 
-// src/components/ui/alert.tsx
-import { jsx } from "react/jsx-runtime";
-var alertVariants = cva2(
-  "relative flex flex-wrap w-full items-center data-[multiline]:items-start gap-4 rounded-md border px-4 py-3 [&>[data-slot=alert-body]>svg]:size-4 [&>[data-slot=alert-body]>svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: "surface-default border-default [&>[data-slot=alert-body]>svg]:text-default",
-        info: "surface-info border-info [&>[data-slot=alert-body]>svg]:text-info",
-        success: "surface-success border-success [&>[data-slot=alert-body]>svg]:text-success",
-        warning: "surface-warning border-warning [&>[data-slot=alert-body]>svg]:text-warning",
-        error: "surface-error border-error [&>[data-slot=alert-body]>svg]:text-error"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function Alert({ className, variant, ref, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-slot": "alert",
-      role: variant === "warning" || variant === "error" ? "alert" : "status",
-      className: cn(alertVariants({ variant }), className),
-      ...props
-    }
-  );
-}
-function AlertBody({ className, ref, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-slot": "alert-body",
-      className: cn(
-        "grid flex-1 min-w-0 grid-cols-[auto_1fr] gap-x-3 gap-y-0.5 items-start [&>svg]:col-start-1 [&>svg]:row-start-1 [&>svg]:mt-0.5",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AlertTitle({ className, ref, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "p",
-    {
-      ref,
-      "data-slot": "alert-title",
-      className: cn(
-        "col-start-2 row-start-1 type-body-sm-medium text-default",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AlertDescription({
-  className,
-  ref: externalRef,
-  ...props
-}) {
-  const localRef = React.useRef(null);
-  React.useLayoutEffect(() => {
-    const el = localRef.current;
-    if (!el) return;
-    const alert = el.closest("[data-slot=alert]");
-    if (!alert) return;
-    const update = () => {
-      const lineHeight = parseFloat(getComputedStyle(el).lineHeight);
-      alert.toggleAttribute(
-        "data-multiline",
-        el.clientHeight > lineHeight * 1.5
-      );
-    };
-    update();
-    const resizeObserver = new ResizeObserver(update);
-    resizeObserver.observe(el);
-    return () => {
-      resizeObserver.disconnect();
-      alert.removeAttribute("data-multiline");
-    };
-  }, []);
-  return /* @__PURE__ */ jsx(
-    "p",
-    {
-      ref: (node) => {
-        localRef.current = node;
-        if (typeof externalRef === "function") externalRef(node);
-        else if (externalRef)
-          externalRef.current = node;
-      },
-      "data-slot": "alert-description",
-      className: cn(
-        "col-start-2 type-body-sm-regular text-secondary",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AlertActions({ className, ref, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-slot": "alert-actions",
-      className: cn("shrink-0 flex items-center gap-2", className),
-      ...props
-    }
-  );
-}
-
-// src/components/ui/accordion.tsx
-import { Accordion as AccordionPrimitive } from "@base-ui/react/accordion";
-
 // src/components/ui/icons.tsx
 import { LockIcon as PhosphorLock } from "@phosphor-icons/react/Lock";
 import { CheckIcon as PhosphorCheck } from "@phosphor-icons/react/Check";
@@ -248,7 +130,7 @@ import { SquaresFourIcon as PhosphorSquaresFour } from "@phosphor-icons/react/Sq
 import { MagnifyingGlassPlusIcon as PhosphorMagnifyingGlassPlus } from "@phosphor-icons/react/MagnifyingGlassPlus";
 import { MagnifyingGlassMinusIcon as PhosphorMagnifyingGlassMinus } from "@phosphor-icons/react/MagnifyingGlassMinus";
 import { SidebarSimpleIcon as PhosphorSidebarSimple } from "@phosphor-icons/react/SidebarSimple";
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 function createIcon(PhosphorIcon) {
   function Wrapped({
     className,
@@ -257,7 +139,7 @@ function createIcon(PhosphorIcon) {
     ref,
     ...props
   }) {
-    return /* @__PURE__ */ jsx2(
+    return /* @__PURE__ */ jsx(
       PhosphorIcon,
       {
         ref,
@@ -331,81 +213,12 @@ var PanelIcon = createIcon(PhosphorSidebarSimple);
 var ZoomInIcon = createIcon(PhosphorMagnifyingGlassPlus);
 var ZoomOutIcon = createIcon(PhosphorMagnifyingGlassMinus);
 
-// src/components/ui/accordion.tsx
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
-function Accordion({ className, ref, ...props }) {
-  return /* @__PURE__ */ jsx3(
-    AccordionPrimitive.Root,
-    {
-      ref,
-      "data-slot": "accordion",
-      className: cn("flex w-full flex-col", className),
-      ...props
-    }
-  );
-}
-function AccordionItem({ className, ref, ...props }) {
-  return /* @__PURE__ */ jsx3(
-    AccordionPrimitive.Item,
-    {
-      ref,
-      "data-slot": "accordion-item",
-      className: cn("border-b border-muted", className),
-      ...props
-    }
-  );
-}
-function AccordionTrigger({
-  className,
-  children,
-  ref,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx3(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
-    AccordionPrimitive.Trigger,
-    {
-      ref,
-      "data-slot": "accordion-trigger",
-      className: cn(
-        "group/accordion-trigger flex flex-1 items-center justify-between py-4 type-body-sm-medium text-default outline-none focus-visible:rounded-sm focus-visible:ring-2 focus-visible:ring-focus-default data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsx3(CaretDownIcon, { className: "shrink-0 text-secondary group-data-[panel-open]/accordion-trigger:hidden" }),
-        /* @__PURE__ */ jsx3(CaretUpIcon, { className: "hidden shrink-0 text-secondary group-data-[panel-open]/accordion-trigger:block" })
-      ]
-    }
-  ) });
-}
-function AccordionContent({
-  className,
-  children,
-  ref,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx3(
-    AccordionPrimitive.Panel,
-    {
-      ref,
-      "data-slot": "accordion-content",
-      className: cn(
-        "h-(--accordion-panel-height) overflow-hidden transition-[height] duration-200 ease-out data-[ending-style]:h-0 data-[starting-style]:h-0",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx3("div", { className: "pb-4 type-body-sm-regular text-default", children })
-    }
-  );
-}
-
 // src/components/ui/button.tsx
-import * as React2 from "react";
+import * as React from "react";
 import { Button as ButtonPrimitive } from "@base-ui/react/button";
-import { cva as cva3 } from "class-variance-authority";
-import { jsx as jsx4 } from "react/jsx-runtime";
-var buttonVariants = cva3(
+import { cva as cva2 } from "class-variance-authority";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var buttonVariants = cva2(
   [
     // Base layout
     "inline-flex items-center justify-center gap-2 whitespace-nowrap",
@@ -451,7 +264,7 @@ var buttonVariants = cva3(
         ],
         "destructive-subtle": [
           // Base
-          "interactive-default text-error shadow-xs",
+          "interactive-destructive-subtle interactive-destructive-subtle-fg shadow-xs",
           "border border-default",
           // Hover & active
           "hover:interactive-hover",
@@ -515,7 +328,7 @@ var buttonVariants = cva3(
     }
   }
 );
-var hasTextChildren = (children) => React2.Children.toArray(children).some(
+var hasTextChildren = (children) => React.Children.toArray(children).some(
   (child) => typeof child === "string" && child.trim().length > 0
 );
 function Button({
@@ -529,7 +342,7 @@ function Button({
 }) {
   const isIconOnly = !hasTextChildren(children);
   const iconOnlyClasses = isIconOnly ? "aspect-square px-0 py-0" : void 0;
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx2(
     ButtonPrimitive,
     {
       "data-slot": "button",
@@ -546,85 +359,285 @@ function Button({
   );
 }
 
-// src/components/ui/button-group.tsx
-import * as React3 from "react";
-import { mergeProps } from "@base-ui/react/merge-props";
-import { useRender } from "@base-ui/react/use-render";
-import { cva as cva4 } from "class-variance-authority";
-
-// src/components/ui/separator.tsx
-import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
-import { jsx as jsx5 } from "react/jsx-runtime";
-function Separator({
-  className,
-  orientation = "horizontal",
-  ref,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx5(
-    SeparatorPrimitive,
-    {
-      ref,
-      "data-slot": "separator",
-      orientation,
-      className: cn(
-        "shrink-0 border-0 border-default data-[orientation=horizontal]:border-t data-[orientation=horizontal]:h-0 data-[orientation=horizontal]:w-full data-[orientation=vertical]:border-l data-[orientation=vertical]:h-full data-[orientation=vertical]:w-0",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-// src/components/ui/button-group.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
-var ButtonGroupContext = React3.createContext(
-  "horizontal"
-);
-var buttonGroupVariants = cva4(
-  "flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2",
+// src/components/ui/alert.tsx
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+var alertVariants = cva3(
+  "relative flex flex-wrap w-full items-center data-[multiline]:items-start gap-4 rounded-md px-4 py-3 [&>[data-slot=alert-body]>svg]:size-4 [&>[data-slot=alert-body]>svg]:shrink-0",
   {
     variants: {
       variant: {
-        outlined: "",
-        ghost: "[&>[data-slot]:not([data-slot='button-group-separator'])]:border-0 [&>[data-slot]:not([data-slot='button-group-separator'])]:shadow-none"
-      },
-      orientation: {
-        horizontal: [
-          "[&>[data-slot]:not(:last-child)]:rounded-r-none",
-          "[&>[data-slot]:not(:first-child)]:rounded-l-none",
-          "[&>[data-slot]:not([data-slot='button-group-separator']):not(:first-child)]:border-l-0"
-        ].join(" "),
-        vertical: [
-          "flex-col",
-          "[&>[data-slot]:not(:last-child)]:rounded-b-none",
-          "[&>[data-slot]:not(:first-child)]:rounded-t-none",
-          "[&>[data-slot]:not([data-slot='button-group-separator']):not(:first-child)]:border-t-0"
-        ].join(" ")
+        default: "surface-secondary [&>[data-slot=alert-body]>svg]:text-default",
+        info: "surface-info border-info [&>[data-slot=alert-body]>svg]:text-info",
+        success: "surface-success border-success [&>[data-slot=alert-body]>svg]:text-success",
+        warning: "surface-warning border-warning [&>[data-slot=alert-body]>svg]:text-warning",
+        error: "surface-error border-error [&>[data-slot=alert-body]>svg]:text-error"
       }
     },
     defaultVariants: {
-      variant: "outlined",
-      orientation: "horizontal"
+      variant: "default"
     }
   }
 );
-function ButtonGroup({
-  className,
-  variant,
-  orientation,
-  children,
-  ref,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx6(ButtonGroupContext, { value: orientation ?? "horizontal", children: /* @__PURE__ */ jsx6(
+function Alert({ className, variant, onDismiss, ref, ...props }) {
+  return /* @__PURE__ */ jsxs(
     "div",
     {
-      role: "group",
-      "data-slot": "button-group",
-      "data-variant": variant ?? "outlined",
-      "data-orientation": orientation ?? "horizontal",
-      className: cn(buttonGroupVariants({ variant, orientation }), className),
+      ref,
+      "data-slot": "alert",
+      role: variant === "warning" || variant === "error" ? "alert" : "status",
+      className: cn(alertVariants({ variant }), className),
+      ...props,
+      children: [
+        props.children,
+        onDismiss && /* @__PURE__ */ jsx3(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "mini",
+            "aria-label": "Dismiss",
+            onClick: onDismiss,
+            className: "shrink-0 self-start",
+            children: /* @__PURE__ */ jsx3(CloseIcon, { size: 16 })
+          }
+        )
+      ]
+    }
+  );
+}
+function AlertBody({ className, ref, ...props }) {
+  return /* @__PURE__ */ jsx3(
+    "div",
+    {
+      ref,
+      "data-slot": "alert-body",
+      className: cn(
+        "grid flex-1 min-w-0 grid-cols-1 gap-y-0.5 items-start [&:has(>svg)]:grid-cols-[auto_1fr] [&:has(>svg)]:gap-x-3 [&>svg]:col-start-1 [&>svg]:row-start-1 [&>svg]:mt-0.5",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertTitle({ className, ref, ...props }) {
+  return /* @__PURE__ */ jsx3(
+    "p",
+    {
+      ref,
+      "data-slot": "alert-title",
+      className: cn(
+        "row-start-1 type-body-sm-medium text-default [div:has(>svg)>&]:col-start-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDescription({
+  className,
+  ref: externalRef,
+  ...props
+}) {
+  const localRef = React2.useRef(null);
+  React2.useLayoutEffect(() => {
+    const el = localRef.current;
+    if (!el) return;
+    const alert = el.closest("[data-slot=alert]");
+    if (!alert) return;
+    const update = () => {
+      const lineHeight = parseFloat(getComputedStyle(el).lineHeight);
+      alert.toggleAttribute(
+        "data-multiline",
+        el.clientHeight > lineHeight * 1.5
+      );
+    };
+    update();
+    const resizeObserver = new ResizeObserver(update);
+    resizeObserver.observe(el);
+    return () => {
+      resizeObserver.disconnect();
+      alert.removeAttribute("data-multiline");
+    };
+  }, []);
+  return /* @__PURE__ */ jsx3(
+    "p",
+    {
+      ref: (node) => {
+        localRef.current = node;
+        if (typeof externalRef === "function") externalRef(node);
+        else if (externalRef)
+          externalRef.current = node;
+      },
+      "data-slot": "alert-description",
+      className: cn(
+        "type-body-sm-regular text-secondary [div:has(>svg)>&]:col-start-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertActions({ className, ref, ...props }) {
+  return /* @__PURE__ */ jsx3(
+    "div",
+    {
+      ref,
+      "data-slot": "alert-actions",
+      className: cn("shrink-0 flex items-center gap-2", className),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/accordion.tsx
+import { Accordion as AccordionPrimitive } from "@base-ui/react/accordion";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+function Accordion({ className, ref, ...props }) {
+  return /* @__PURE__ */ jsx4(
+    AccordionPrimitive.Root,
+    {
+      ref,
+      "data-slot": "accordion",
+      className: cn("flex w-full flex-col", className),
+      ...props
+    }
+  );
+}
+function AccordionItem({ className, ref, ...props }) {
+  return /* @__PURE__ */ jsx4(
+    AccordionPrimitive.Item,
+    {
+      ref,
+      "data-slot": "accordion-item",
+      className: cn("border-b border-muted", className),
+      ...props
+    }
+  );
+}
+function AccordionTrigger({
+  className,
+  children,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx4(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs2(
+    AccordionPrimitive.Trigger,
+    {
+      ref,
+      "data-slot": "accordion-trigger",
+      className: cn(
+        "group/accordion-trigger flex flex-1 items-center justify-between py-4 type-body-sm-medium text-default outline-none focus-visible:rounded-sm focus-visible:ring-2 focus-visible:ring-focus-default data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx4(CaretDownIcon, { className: "shrink-0 text-secondary group-data-[panel-open]/accordion-trigger:hidden" }),
+        /* @__PURE__ */ jsx4(CaretUpIcon, { className: "hidden shrink-0 text-secondary group-data-[panel-open]/accordion-trigger:block" })
+      ]
+    }
+  ) });
+}
+function AccordionContent({
+  className,
+  children,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx4(
+    AccordionPrimitive.Panel,
+    {
+      ref,
+      "data-slot": "accordion-content",
+      className: cn(
+        "h-(--accordion-panel-height) overflow-hidden transition-[height] duration-200 ease-out data-[ending-style]:h-0 data-[starting-style]:h-0",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx4("div", { className: "pb-4 type-body-sm-regular text-default", children })
+    }
+  );
+}
+
+// src/components/ui/button-group.tsx
+import * as React3 from "react";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { cva as cva4 } from "class-variance-authority";
+
+// src/components/ui/separator.tsx
+import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
+import { jsx as jsx5 } from "react/jsx-runtime";
+function Separator({
+  className,
+  orientation = "horizontal",
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx5(
+    SeparatorPrimitive,
+    {
+      ref,
+      "data-slot": "separator",
+      orientation,
+      className: cn(
+        "shrink-0 border-0 border-default data-[orientation=horizontal]:border-t data-[orientation=horizontal]:h-0 data-[orientation=horizontal]:w-full data-[orientation=vertical]:border-l data-[orientation=vertical]:h-full data-[orientation=vertical]:w-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/button-group.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+var ButtonGroupContext = React3.createContext(
+  "horizontal"
+);
+var buttonGroupVariants = cva4(
+  "flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2",
+  {
+    variants: {
+      variant: {
+        outlined: "",
+        ghost: "[&>[data-slot]:not([data-slot='button-group-separator'])]:border-0 [&>[data-slot]:not([data-slot='button-group-separator'])]:shadow-none"
+      },
+      orientation: {
+        horizontal: [
+          "[&>[data-slot]:not(:last-child)]:rounded-r-none",
+          "[&>[data-slot]:not(:first-child)]:rounded-l-none",
+          "[&>[data-slot]:not([data-slot='button-group-separator']):not(:first-child)]:border-l-0"
+        ].join(" "),
+        vertical: [
+          "flex-col",
+          "[&>[data-slot]:not(:last-child)]:rounded-b-none",
+          "[&>[data-slot]:not(:first-child)]:rounded-t-none",
+          "[&>[data-slot]:not([data-slot='button-group-separator']):not(:first-child)]:border-t-0"
+        ].join(" ")
+      }
+    },
+    defaultVariants: {
+      variant: "outlined",
+      orientation: "horizontal"
+    }
+  }
+);
+function ButtonGroup({
+  className,
+  variant,
+  orientation,
+  children,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx6(ButtonGroupContext, { value: orientation ?? "horizontal", children: /* @__PURE__ */ jsx6(
+    "div",
+    {
+      role: "group",
+      "data-slot": "button-group",
+      "data-variant": variant ?? "outlined",
+      "data-orientation": orientation ?? "horizontal",
+      className: cn(buttonGroupVariants({ variant, orientation }), className),
       ref,
       ...props,
       children
@@ -690,10 +703,110 @@ function ButtonGroupSeparator({
   );
 }
 
-// src/components/ui/text.tsx
+// src/components/ui/empty.tsx
 import { cva as cva5 } from "class-variance-authority";
 import { jsx as jsx7 } from "react/jsx-runtime";
-var textVariants = cva5("text-default", {
+var emptyVariants = cva5("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__ */ jsx7(
+  "div",
+  {
+    ref,
+    "data-slot": "empty",
+    className: cn(emptyVariants({ variant }), className),
+    ...props,
+    children: /* @__PURE__ */ jsx7("div", { className: "flex w-full flex-col items-center gap-4", children })
+  }
+);
+Empty.displayName = "Empty";
+var emptyMediaVariants = cva5("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__ */ jsx7(
+  "div",
+  {
+    "data-slot": "empty-media",
+    className: cn(emptyMediaVariants({ variant }), className),
+    ...props
+  }
+);
+EmptyMedia.displayName = "EmptyMedia";
+var EmptyContent = ({ className, ref, ...props }) => /* @__PURE__ */ jsx7(
+  "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__ */ jsx7(
+  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__ */ jsx7(
+  "p",
+  {
+    ref,
+    "data-slot": "empty-description",
+    className: cn("type-body-sm text-secondary", className),
+    ...props
+  }
+);
+EmptyDescription.displayName = "EmptyDescription";
+var EmptyActions = ({ className, ref, ...props }) => /* @__PURE__ */ jsx7(
+  "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
+import { cva as cva6 } from "class-variance-authority";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var textVariants = cva6("text-default", {
   variants: {
     variant: {
       // Headings
@@ -746,7 +859,7 @@ function getDefaultElement(variant) {
 }
 function Text({ className, variant, as, style, ref, ...props }) {
   const Component = as || getDefaultElement(variant);
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     Component,
     {
       className: cn(textVariants({ variant }), className),
@@ -758,9 +871,9 @@ function Text({ className, variant, as, style, ref, ...props }) {
 }
 
 // src/components/ui/card.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function Card({ className, size = "default", ref, ...props }) {
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     "div",
     {
       ref,
@@ -775,7 +888,7 @@ function Card({ className, size = "default", ref, ...props }) {
   );
 }
 function CardHeader({ className, ref, ...props }) {
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     "div",
     {
       ref,
@@ -789,7 +902,7 @@ function CardHeader({ className, ref, ...props }) {
   );
 }
 function CardTitle({ className, ref, ...props }) {
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     Text,
     {
       ref,
@@ -801,7 +914,7 @@ function CardTitle({ className, ref, ...props }) {
   );
 }
 function CardDescription({ className, ref, ...props }) {
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     Text,
     {
       ref,
@@ -813,71 +926,380 @@ function CardDescription({ className, ref, ...props }) {
   );
 }
 function CardAction({ className, ref, ...props }) {
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
+    "div",
+    {
+      ref,
+      "data-slot": "card-action",
+      className: cn(
+        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardContent({ className, bleed, ref, ...props }) {
+  return /* @__PURE__ */ jsx9(
+    "div",
+    {
+      ref,
+      "data-slot": "card-content",
+      className: cn(
+        bleed ? "px-0" : "px-6 group-data-[size=sm]/card:px-3",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardFooter({ className, ref, ...props }) {
+  return /* @__PURE__ */ jsx9(
     "div",
     {
       ref,
-      "data-slot": "card-action",
+      "data-slot": "card-footer",
+      className: cn(
+        "flex items-center px-6 py-6 group-data-[size=sm]/card:p-3",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/select.tsx
+import { Select as SelectPrimitive } from "@base-ui/react/select";
+import { cva as cva7 } from "class-variance-authority";
+import { jsx as jsx10, jsxs as jsxs3 } from "react/jsx-runtime";
+var selectTriggerVariants = cva7(
+  [
+    // Layout
+    "flex w-full items-center justify-between",
+    // Appearance
+    "border border-default surface-default shadow-xs",
+    // Typography
+    "text-default type-body-sm-regular",
+    // Placeholder state (no value selected)
+    "data-[placeholder]:text-secondary",
+    // Transition
+    "transition-colors",
+    // Focus
+    "focus-visible:outline-none focus-visible:border-strong focus-visible:ring-2 focus-visible:ring-focus-default",
+    // Disabled
+    "disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed",
+    // Error
+    "aria-invalid:border-error",
+    "aria-invalid:focus-visible:ring-2 aria-invalid:focus-visible:ring-focus-error aria-invalid: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 Select = SelectPrimitive.Root;
+var SelectGroup = SelectPrimitive.Group;
+var SelectValue = SelectPrimitive.Value;
+function SelectTrigger({
+  className,
+  size,
+  children,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs3(
+    SelectPrimitive.Trigger,
+    {
+      "data-slot": "select-trigger",
+      ref,
+      className: cn(selectTriggerVariants({ size }), className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx10("span", { className: "flex-1 truncate text-left", children }),
+        /* @__PURE__ */ jsx10(
+          SelectPrimitive.Icon,
+          {
+            "data-slot": "select-icon",
+            className: "shrink-0 transition-transform duration-200 data-[open]:rotate-180",
+            children: /* @__PURE__ */ jsx10(CaretDownIcon, { size: 16, className: "text-secondary" })
+          }
+        )
+      ]
+    }
+  );
+}
+function SelectContent({
+  className,
+  positionerClassName,
+  children,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx10(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx10(
+    SelectPrimitive.Positioner,
+    {
+      side: "bottom",
+      align: "start",
+      alignItemWithTrigger: false,
+      sideOffset: 4,
+      className: cn(
+        "z-50 w-[var(--anchor-width)] outline-none",
+        positionerClassName
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxs3(
+        SelectPrimitive.Popup,
+        {
+          ref,
+          className: cn(
+            "relative max-h-60 min-w-32 overflow-hidden",
+            "rounded-lg border border-default surface-default shadow-md",
+            "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-200",
+            className
+          ),
+          children: [
+            /* @__PURE__ */ jsx10(SelectScrollUpButton, {}),
+            /* @__PURE__ */ jsx10(SelectPrimitive.List, { className: "p-[var(--3xs,2px)] overflow-y-auto max-h-[inherit]", children }),
+            /* @__PURE__ */ jsx10(SelectScrollDownButton, {})
+          ]
+        }
+      )
+    }
+  ) });
+}
+function SelectLabel({ className, ref, ...props }) {
+  return /* @__PURE__ */ jsx10(
+    SelectPrimitive.GroupLabel,
+    {
+      ref,
+      className: cn(
+        "text-secondary type-label-xs-semibold py-[5.5px] px-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SelectItem({
+  className,
+  children,
+  label,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx10(
+    SelectPrimitive.Item,
+    {
+      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__ */ jsx10(SelectPrimitive.ItemText, { className: "flex-1 min-w-0 truncate", children })
+    }
+  );
+}
+function SelectSeparator({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx10(
+    "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__ */ jsx10(
+    SelectPrimitive.ScrollUpArrow,
+    {
+      ref,
       className: cn(
-        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
+        "flex cursor-default items-center justify-center py-1 text-secondary",
         className
       ),
-      ...props
+      ...props,
+      children: /* @__PURE__ */ jsx10(CaretUpIcon, { size: 14 })
     }
   );
 }
-function CardContent({ className, bleed, ref, ...props }) {
-  return /* @__PURE__ */ jsx8(
-    "div",
+function SelectScrollDownButton({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx10(
+    SelectPrimitive.ScrollDownArrow,
     {
       ref,
-      "data-slot": "card-content",
       className: cn(
-        bleed ? "px-0" : "px-6 group-data-[size=sm]/card:px-3",
+        "flex cursor-default items-center justify-center py-1 text-secondary",
         className
       ),
-      ...props
+      ...props,
+      children: /* @__PURE__ */ jsx10(CaretDownIcon, { size: 14 })
     }
   );
 }
-function CardFooter({ className, ref, ...props }) {
-  return /* @__PURE__ */ jsx8(
-    "div",
+
+// src/components/ui/combobox.tsx
+import * as React5 from "react";
+import { Combobox as ComboboxPrimitive } from "@base-ui/react";
+
+// src/components/ui/badge.tsx
+import * as React4 from "react";
+import { cva as cva8 } from "class-variance-authority";
+import { jsxs as jsxs4 } from "react/jsx-runtime";
+var badgeVariants = cva8(
+  [
+    // 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__ */ jsxs4(
+    "span",
     {
-      ref,
-      "data-slot": "card-footer",
+      ...props,
+      role: "button",
+      tabIndex: 0,
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          e.currentTarget.click();
+        }
+        onKeyDown?.(e);
+      },
       className: cn(
-        "flex items-center px-6 py-6 group-data-[size=sm]/card:p-3",
+        badgeVariants({ variant }),
+        circle ? "size-5 shrink-0 p-0" : "",
         className
       ),
-      ...props
+      style,
+      ref,
+      children: [
+        iconLeft,
+        children,
+        iconRight
+      ]
     }
   );
 }
 
-// src/components/ui/select.tsx
-import { Select as SelectPrimitive } from "@base-ui/react/select";
-import { cva as cva6 } from "class-variance-authority";
-import { jsx as jsx9, jsxs as jsxs2 } from "react/jsx-runtime";
-var selectTriggerVariants = cva6(
+// src/components/ui/combobox.tsx
+import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
+var comboboxInputVariants = cva(
   [
     // Layout
-    "flex w-full items-center justify-between",
+    "flex w-full items-center",
     // Appearance
     "border border-default surface-default shadow-xs",
     // Typography
     "text-default type-body-sm-regular",
-    // Placeholder state (no value selected)
-    "data-[placeholder]:text-secondary",
     // Transition
     "transition-colors",
-    // Focus
-    "focus-visible:outline-none focus-visible:border-strong focus-visible:ring-2 focus-visible:ring-focus-default",
+    // Focus (delegated from inner input)
+    "focus-within:outline-none focus-within:border-strong focus-within:ring-2 focus-within:ring-focus-default",
     // Disabled
-    "disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed",
+    "has-[:disabled]:pointer-events-none has-[:disabled]:opacity-50 has-[:disabled]:cursor-not-allowed",
     // Error
-    "aria-invalid:border-error",
-    "aria-invalid:focus-visible:ring-2 aria-invalid:focus-visible:ring-focus-error aria-invalid:focus-visible:border-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: {
@@ -893,128 +1315,224 @@ var selectTriggerVariants = cva6(
     }
   }
 );
-var Select = SelectPrimitive.Root;
-var SelectGroup = SelectPrimitive.Group;
-var SelectValue = SelectPrimitive.Value;
-function SelectTrigger({
+var Combobox = ComboboxPrimitive.Root;
+var useComboboxFilter = ComboboxPrimitive.useFilter;
+function ComboboxTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx11(
+    ComboboxPrimitive.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__ */ jsx11(CaretDownIcon, { size: 16, className: "text-secondary" })
+    }
+  );
+}
+function ComboboxClear({ className, ...props }) {
+  return /* @__PURE__ */ jsx11(
+    ComboboxPrimitive.Clear,
+    {
+      "data-slot": "combobox-clear",
+      "aria-label": "Clear selection",
+      className: cn("shrink-0", className),
+      ...props,
+      children: /* @__PURE__ */ jsx11(CloseIcon, { size: 16, className: "text-secondary" })
+    }
+  );
+}
+function ComboboxInput({
   className,
-  size,
   children,
+  size,
+  disabled = false,
+  showTrigger = true,
+  showClear = false,
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs2(
-    SelectPrimitive.Trigger,
+  return /* @__PURE__ */ jsxs5(
+    "div",
     {
-      "data-slot": "select-trigger",
       ref,
-      className: cn(selectTriggerVariants({ size }), className),
-      ...props,
+      "data-slot": "combobox-input",
+      className: cn(
+        "group/combobox-input",
+        comboboxInputVariants({ size }),
+        className
+      ),
       children: [
-        /* @__PURE__ */ jsx9("span", { className: "flex-1 truncate text-left", children }),
-        /* @__PURE__ */ jsx9(
-          SelectPrimitive.Icon,
+        /* @__PURE__ */ jsx11(
+          ComboboxPrimitive.Input,
           {
-            "data-slot": "select-icon",
-            className: "shrink-0 transition-transform duration-200 data-[open]:rotate-180",
-            children: /* @__PURE__ */ jsx9(CaretDownIcon, { size: 16, className: "text-secondary" })
+            disabled,
+            className: "flex-1 min-w-0 bg-transparent outline-none placeholder:text-secondary",
+            ...props
           }
-        )
+        ),
+        showClear && /* @__PURE__ */ jsx11(ComboboxClear, { disabled }),
+        showTrigger && /* @__PURE__ */ jsx11(
+          ComboboxTrigger,
+          {
+            className: "group-has-[[data-slot=combobox-clear]]/combobox-input:hidden",
+            disabled
+          }
+        ),
+        children
       ]
     }
   );
 }
-function SelectContent({
+function ComboboxContent({
   className,
-  positionerClassName,
-  children,
-  ref,
+  side = "bottom",
+  sideOffset = 8,
+  align = "start",
+  alignOffset = 0,
+  anchor,
   ...props
 }) {
-  return /* @__PURE__ */ jsx9(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx9(
-    SelectPrimitive.Positioner,
+  return /* @__PURE__ */ jsx11(ComboboxPrimitive.Portal, { children: /* @__PURE__ */ jsx11(
+    ComboboxPrimitive.Positioner,
     {
-      side: "bottom",
-      align: "start",
-      alignItemWithTrigger: false,
-      sideOffset: 4,
-      className: cn(
-        "z-50 w-[var(--anchor-width)] outline-none",
-        positionerClassName
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsxs2(
-        SelectPrimitive.Popup,
+      side,
+      sideOffset,
+      align,
+      alignOffset,
+      anchor,
+      className: "isolate z-50 w-[var(--anchor-width)] outline-none",
+      children: /* @__PURE__ */ jsx11(
+        ComboboxPrimitive.Popup,
         {
-          ref,
+          "data-slot": "combobox-content",
           className: cn(
-            "relative max-h-60 min-w-32 overflow-hidden",
+            // 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-200",
+            "duration-150",
             className
           ),
-          children: [
-            /* @__PURE__ */ jsx9(SelectScrollUpButton, {}),
-            /* @__PURE__ */ jsx9(SelectPrimitive.List, { className: "p-[var(--3xs,2px)] overflow-y-auto max-h-[inherit]", children }),
-            /* @__PURE__ */ jsx9(SelectScrollDownButton, {})
-          ]
+          ...props
         }
       )
     }
   ) });
 }
-function SelectLabel({ className, ref, ...props }) {
-  return /* @__PURE__ */ jsx9(
-    SelectPrimitive.GroupLabel,
+function ComboboxList({ className, ...props }) {
+  return /* @__PURE__ */ jsx11(
+    ComboboxPrimitive.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__ */ jsxs5(
+    ComboboxPrimitive.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__ */ jsx11(
+          ComboboxPrimitive.ItemIndicator,
+          {
+            render: /* @__PURE__ */ jsx11("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ jsx11(CheckmarkIcon, { size: 16 }) })
+          }
+        )
+      ]
+    }
+  );
+}
+function ComboboxGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx11(
+    ComboboxPrimitive.Group,
+    {
+      "data-slot": "combobox-group",
+      className: cn(className),
+      ...props
+    }
+  );
+}
+function ComboboxLabel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx11(
+    ComboboxPrimitive.GroupLabel,
     {
-      ref,
+      "data-slot": "combobox-label",
       className: cn(
-        "text-secondary type-label-xs-semibold py-[5.5px] px-2",
+        "px-2 py-1.5 text-secondary type-label-xs-semibold",
         className
       ),
       ...props
     }
   );
 }
-function SelectItem({
+function ComboboxEmpty({
   className,
-  children,
-  label,
-  ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsx9(
-    SelectPrimitive.Item,
+  return /* @__PURE__ */ jsx11(
+    "div",
     {
-      ref,
-      label: label ?? (typeof children === "string" ? children : void 0),
+      "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__ */ jsx9(SelectPrimitive.ItemText, { className: "flex-1 min-w-0 truncate", children })
+      ...props
     }
   );
 }
-function SelectSeparator({
+function ComboboxSeparator({
   className,
-  ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsx9(
-    "div",
+  return /* @__PURE__ */ jsx11(
+    ComboboxPrimitive.Separator,
     {
-      ref,
-      role: "separator",
+      "data-slot": "combobox-separator",
       className: cn(
         "-mx-[2px] my-1 h-px bg-[var(--color-border-default)]",
         className
@@ -1023,52 +1541,126 @@ function SelectSeparator({
     }
   );
 }
-function SelectScrollUpButton({
+var comboboxChipsVariants = 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__ */ jsx9(
-    SelectPrimitive.ScrollUpArrow,
+  return /* @__PURE__ */ jsxs5(
+    ComboboxPrimitive.Chips,
     {
-      ref,
+      "data-slot": "combobox-chips",
+      "data-disabled": disabled || void 0,
+      className: cn(comboboxChipsVariants({ size }), className),
+      ...props,
+      children: [
+        children,
+        showTrigger && /* @__PURE__ */ jsx11(ComboboxTrigger, { className: "ml-auto", disabled })
+      ]
+    }
+  );
+}
+function ComboboxChip({
+  className,
+  children,
+  showRemove = true,
+  removeLabel = "Remove",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs5(
+    ComboboxPrimitive.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__ */ jsx9(CaretUpIcon, { size: 14 })
+      children: [
+        children,
+        showRemove && /* @__PURE__ */ jsx11(
+          ComboboxPrimitive.ChipRemove,
+          {
+            "data-slot": "combobox-chip-remove",
+            "aria-label": removeLabel,
+            render: /* @__PURE__ */ jsx11("span", { className: "inline-flex cursor-pointer opacity-50 hover:opacity-100", children: /* @__PURE__ */ jsx11(CloseIcon, { size: 12, className: "pointer-events-none" }) })
+          }
+        )
+      ]
     }
   );
 }
-function SelectScrollDownButton({
+function ComboboxChipsInput({
   className,
-  ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsx9(
-    SelectPrimitive.ScrollDownArrow,
+  return /* @__PURE__ */ jsx11(
+    ComboboxPrimitive.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__ */ jsx9(CaretDownIcon, { size: 14 })
+      ...props
     }
   );
 }
+function useComboboxAnchor() {
+  return React5.useRef(null);
+}
 
 // src/components/ui/field.tsx
 import { useMemo } from "react";
-import { cva as cva7 } from "class-variance-authority";
+import { cva as cva9 } from "class-variance-authority";
 
 // src/components/ui/label.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "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__ */ jsx10(
+  return /* @__PURE__ */ jsx12(
     "label",
     {
       ref,
@@ -1080,9 +1672,9 @@ function Label({ className, ref, ...props }) {
 }
 
 // src/components/ui/field.tsx
-import { jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
 function FieldSet({ className, ...props }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx13(
     "fieldset",
     {
       "data-slot": "field-set",
@@ -1100,7 +1692,7 @@ function FieldLegend({
   variant = "legend",
   ...props
 }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx13(
     "legend",
     {
       "data-slot": "field-legend",
@@ -1116,7 +1708,7 @@ function FieldLegend({
   );
 }
 function FieldGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx13(
     "div",
     {
       "data-slot": "field-group",
@@ -1128,7 +1720,7 @@ function FieldGroup({ className, ...props }) {
     }
   );
 }
-var fieldVariants = cva7(
+var fieldVariants = cva9(
   "group/field data-[invalid=true]:text-error flex w-full gap-3",
   {
     variants: {
@@ -1156,7 +1748,7 @@ function Field({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx13(
     "div",
     {
       role: "group",
@@ -1168,7 +1760,7 @@ function Field({
   );
 }
 function FieldContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx13(
     "div",
     {
       "data-slot": "field-content",
@@ -1184,7 +1776,7 @@ function FieldLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx13(
     Label,
     {
       "data-slot": "field-label",
@@ -1199,7 +1791,7 @@ function FieldLabel({
   );
 }
 function FieldTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx13(
     "div",
     {
       "data-slot": "field-label",
@@ -1212,7 +1804,7 @@ function FieldTitle({ className, ...props }) {
   );
 }
 function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx13(
     "p",
     {
       "data-slot": "field-description",
@@ -1231,7 +1823,7 @@ function FieldSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs6(
     "div",
     {
       "data-slot": "field-separator",
@@ -1242,8 +1834,8 @@ function FieldSeparator({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx11(Separator, { className: "absolute inset-0 top-1/2" }),
-        children && /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx13(Separator, { className: "absolute inset-0 top-1/2" }),
+        children && /* @__PURE__ */ jsx13(
           "span",
           {
             className: "surface-default text-secondary relative mx-auto block w-fit px-2",
@@ -1271,14 +1863,14 @@ function FieldError({
     if (errors?.length === 1 && errors[0]?.message) {
       return errors[0].message;
     }
-    return /* @__PURE__ */ jsx11("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: errors.map(
-      (error, index) => error?.message && /* @__PURE__ */ jsx11("li", { children: error.message }, index)
+    return /* @__PURE__ */ jsx13("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: errors.map(
+      (error, index) => error?.message && /* @__PURE__ */ jsx13("li", { children: error.message }, index)
     ) });
   }, [children, errors]);
   if (!content) {
     return null;
   }
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx13(
     "div",
     {
       role: "alert",
@@ -1291,19 +1883,19 @@ function FieldError({
 }
 
 // src/components/ui/dialog.tsx
-import * as React4 from "react";
+import * as React6 from "react";
 import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
-import { jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
-var DialogChromeContext = React4.createContext(null);
+import { jsx as jsx14, jsxs as jsxs7 } from "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__ */ jsxs4(
+  return /* @__PURE__ */ jsxs7(
     DialogPrimitive.Close,
     {
       ref,
@@ -1315,8 +1907,8 @@ function DialogCloseControl({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx12(CloseIcon, { size: 16, "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx12("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ jsx14(CloseIcon, { size: 16, "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx14("span", { className: "sr-only", children: "Close" })
       ]
     }
   );
@@ -1326,7 +1918,7 @@ var DIALOG_MOBILE_FRAME = "w-[320px] min-h-[240px] max-h-[min(640px,calc(100dvh-
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 function DialogOverlay({ className, ref, ...props }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx14(
     DialogPrimitive.Backdrop,
     {
       ref,
@@ -1346,9 +1938,9 @@ function DialogContent({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs4(DialogPrimitive.Portal, { children: [
-    /* @__PURE__ */ jsx12(DialogOverlay, {}),
-    /* @__PURE__ */ jsx12(DialogPrimitive.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__ */ jsx12(
+  return /* @__PURE__ */ jsxs7(DialogPrimitive.Portal, { children: [
+    /* @__PURE__ */ jsx14(DialogOverlay, {}),
+    /* @__PURE__ */ jsx14(DialogPrimitive.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__ */ jsx14(
       DialogPrimitive.Popup,
       {
         ref,
@@ -1360,13 +1952,13 @@ function DialogContent({
           className
         ),
         ...props,
-        children: /* @__PURE__ */ jsx12(DialogChromeContext, { value: { showCloseButton }, children })
+        children: /* @__PURE__ */ jsx14(DialogChromeContext, { value: { showCloseButton }, children })
       }
     ) })
   ] });
 }
 function DialogBody({ className, ref, ...props }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx14(
     "div",
     {
       ref,
@@ -1380,7 +1972,7 @@ function DialogBody({ className, ref, ...props }) {
   );
 }
 function DialogFooter({ className, ref, ...props }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx14(
     "div",
     {
       ref,
@@ -1399,7 +1991,7 @@ function DialogHeader({
   ...props
 }) {
   const { showCloseButton } = useDialogChrome();
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs7(
     "div",
     {
       ref,
@@ -1409,14 +2001,14 @@ function DialogHeader({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx12("div", { className: "flex min-w-0 flex-col gap-1", children }),
-        showCloseButton ? /* @__PURE__ */ jsx12(DialogCloseControl, {}) : null
+        /* @__PURE__ */ jsx14("div", { className: "flex min-w-0 flex-col gap-1", children }),
+        showCloseButton ? /* @__PURE__ */ jsx14(DialogCloseControl, {}) : null
       ]
     }
   );
 }
 function DialogTitle({ className, ref, ...props }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx14(
     DialogPrimitive.Title,
     {
       ref,
@@ -1430,7 +2022,7 @@ function DialogDescription({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx14(
     DialogPrimitive.Description,
     {
       ref,
@@ -1442,15 +2034,18 @@ function DialogDescription({
 var DialogClose = DialogPrimitive.Close;
 
 // src/components/ui/drawer.tsx
-import * as React5 from "react";
+import * as React7 from "react";
 import { Drawer as DrawerPrimitive } from "vaul";
-import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
-var Drawer = DrawerPrimitive.Root;
+import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
+var DrawerContext = React7.createContext({
+  direction: "bottom"
+});
+var Drawer = ({ direction = "bottom", ...props }) => /* @__PURE__ */ jsx15(DrawerContext.Provider, { value: { direction }, children: /* @__PURE__ */ jsx15(DrawerPrimitive.Root, { direction, ...props }) });
 var DrawerTrigger = DrawerPrimitive.Trigger;
 var DrawerPortal = DrawerPrimitive.Portal;
 var DrawerClose = DrawerPrimitive.Close;
-var DrawerOverlay = React5.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+var DrawerOverlay = React7.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
     DrawerPrimitive.Overlay,
     {
       ref,
@@ -1461,44 +2056,43 @@ var DrawerOverlay = React5.forwardRef(
   )
 );
 DrawerOverlay.displayName = "DrawerOverlay";
-var DrawerContent = React5.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs5(DrawerPortal, { children: [
-    /* @__PURE__ */ jsx13(DrawerOverlay, {}),
-    /* @__PURE__ */ jsxs5(
-      DrawerPrimitive.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__ */ jsx13(
-            "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__ */ jsxs8(DrawerPortal, { children: [
+      /* @__PURE__ */ jsx15(DrawerOverlay, {}),
+      /* @__PURE__ */ jsxs8(
+        DrawerPrimitive.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__ */ jsx15(
+              "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__ */ jsx13("div", { className: "shrink-0 p-4", children: /* @__PURE__ */ jsx13(
+var DrawerTitle = React7.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx15("div", { className: "shrink-0 p-4", children: /* @__PURE__ */ jsx15(
     DrawerPrimitive.Title,
     {
       ref,
@@ -1510,8 +2104,8 @@ var DrawerTitle = React5.forwardRef(
   ) })
 );
 DrawerTitle.displayName = "DrawerTitle";
-var DrawerBody = React5.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+var DrawerBody = React7.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
     "div",
     {
       ref,
@@ -1525,7 +2119,7 @@ var DrawerBody = React5.forwardRef(
   )
 );
 DrawerBody.displayName = "DrawerBody";
-var DrawerDescription = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+var DrawerDescription = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
   DrawerPrimitive.Description,
   {
     ref,
@@ -1535,8 +2129,8 @@ var DrawerDescription = React5.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 DrawerDescription.displayName = "DrawerDescription";
-var DrawerFooter = React5.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+var DrawerFooter = React7.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
     "div",
     {
       ref,
@@ -1554,9 +2148,9 @@ DrawerFooter.displayName = "DrawerFooter";
 // src/components/ui/breadcrumb.tsx
 import { mergeProps as mergeProps2 } from "@base-ui/react/merge-props";
 import { useRender as useRender2 } from "@base-ui/react/use-render";
-import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
 function Breadcrumb({ className, ref, ...props }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx16(
     "nav",
     {
       "aria-label": "breadcrumb",
@@ -1568,7 +2162,7 @@ function Breadcrumb({ className, ref, ...props }) {
   );
 }
 function BreadcrumbList({ className, ref, ...props }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx16(
     "ol",
     {
       "data-slot": "breadcrumb-list",
@@ -1582,7 +2176,7 @@ function BreadcrumbList({ className, ref, ...props }) {
   );
 }
 function BreadcrumbItem({ className, ref, ...props }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx16(
     "li",
     {
       "data-slot": "breadcrumb-item",
@@ -1614,7 +2208,7 @@ function BreadcrumbLink({
   });
 }
 function BreadcrumbPage({ className, ref, ...props }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx16(
     "span",
     {
       "data-slot": "breadcrumb-page",
@@ -1633,7 +2227,7 @@ function BreadcrumbSeparator({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx16(
     "li",
     {
       "data-slot": "breadcrumb-separator",
@@ -1642,7 +2236,7 @@ function BreadcrumbSeparator({
       className: cn("[&>svg]:size-3.5", className),
       ref,
       ...props,
-      children: children ?? /* @__PURE__ */ jsx14(CaretRightIcon, { className: "text-current cn-rtl-flip" })
+      children: children ?? /* @__PURE__ */ jsx16(CaretRightIcon, { className: "text-current cn-rtl-flip" })
     }
   );
 }
@@ -1651,7 +2245,7 @@ function BreadcrumbEllipsis({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs9(
     "span",
     {
       "data-slot": "breadcrumb-ellipsis",
@@ -1664,8 +2258,8 @@ function BreadcrumbEllipsis({
       ref,
       ...props,
       children: [
-        /* @__PURE__ */ jsx14(MoreMenuIcon, { className: "text-current" }),
-        /* @__PURE__ */ jsx14("span", { className: "sr-only", children: "More" })
+        /* @__PURE__ */ jsx16(MoreMenuIcon, { className: "text-current" }),
+        /* @__PURE__ */ jsx16("span", { className: "sr-only", children: "More" })
       ]
     }
   );
@@ -1673,18 +2267,18 @@ function BreadcrumbEllipsis({
 
 // src/components/ui/tooltip.tsx
 import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
-import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
 function TooltipProvider({
   delay = 0,
   ...props
 }) {
-  return /* @__PURE__ */ jsx15(TooltipPrimitive.Provider, { delay, ...props });
+  return /* @__PURE__ */ jsx17(TooltipPrimitive.Provider, { delay, ...props });
 }
 function Tooltip({ ...props }) {
-  return /* @__PURE__ */ jsx15(TooltipPrimitive.Root, { ...props });
+  return /* @__PURE__ */ jsx17(TooltipPrimitive.Root, { ...props });
 }
 function TooltipTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx15(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+  return /* @__PURE__ */ jsx17(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
 }
 function TooltipContent({
   className,
@@ -1695,7 +2289,7 @@ function TooltipContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx15(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx17(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx17(
     TooltipPrimitive.Positioner,
     {
       align,
@@ -1703,7 +2297,7 @@ function TooltipContent({
       side,
       sideOffset,
       className: "isolate z-50",
-      children: /* @__PURE__ */ jsxs7(
+      children: /* @__PURE__ */ jsxs10(
         TooltipPrimitive.Popup,
         {
           "data-slot": "tooltip-content",
@@ -1727,7 +2321,7 @@ function TooltipContent({
           ...props,
           children: [
             children,
-            /* @__PURE__ */ jsx15(
+            /* @__PURE__ */ jsx17(
               TooltipPrimitive.Arrow,
               {
                 className: cn(
@@ -1752,14 +2346,277 @@ function TooltipContent({
   ) });
 }
 
+// src/components/ui/toast.tsx
+import { Toast as ToastPrimitive } from "@base-ui/react/toast";
+import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
+var toastManager = ToastPrimitive.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 border-default",
+  success: "surface-success",
+  error: "surface-error",
+  info: "surface-info",
+  warning: "surface-warning"
+};
+var VIEWPORT_POSITION = {
+  "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 } = ToastPrimitive.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__ */ jsx18(
+      ToastPrimitive.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 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__ */ jsxs11(
+          ToastPrimitive.Content,
+          {
+            "data-slot": "toast-content",
+            className: cn(
+              "flex h-full gap-3 px-4 py-3 overflow-hidden",
+              item.description ? "items-start" : "items-center",
+              "transition-opacity duration-[250ms] ease-[cubic-bezier(0.22,1,0.36,1)]",
+              "data-behind:opacity-0 data-expanded:opacity-100"
+            ),
+            children: [
+              Icon ? /* @__PURE__ */ jsx18(
+                Icon,
+                {
+                  className: cn("mt-0.5 size-4 shrink-0", TYPE_ICON_COLOR[type])
+                }
+              ) : null,
+              /* @__PURE__ */ jsxs11("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+                /* @__PURE__ */ jsx18(
+                  ToastPrimitive.Title,
+                  {
+                    "data-slot": "toast-title",
+                    className: item.description ? "type-body-sm-medium text-default" : "type-label-sm-medium text-default"
+                  }
+                ),
+                item.description && /* @__PURE__ */ jsx18(
+                  ToastPrimitive.Description,
+                  {
+                    "data-slot": "toast-description",
+                    className: "type-body-sm-regular text-secondary"
+                  }
+                )
+              ] }),
+              item.actionProps ? /* @__PURE__ */ jsx18(
+                ToastPrimitive.Action,
+                {
+                  "data-slot": "toast-action",
+                  render: /* @__PURE__ */ jsx18(Button, { variant: "default", size: "mini" }),
+                  ...item.actionProps
+                }
+              ) : null,
+              /* @__PURE__ */ jsx18(
+                ToastPrimitive.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__ */ jsx18(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__ */ jsx18(
+    ToastPrimitive.Provider,
+    {
+      toastManager: manager,
+      timeout,
+      limit,
+      children: /* @__PURE__ */ jsx18(ToastPrimitive.Portal, { children: /* @__PURE__ */ jsx18(
+        ToastPrimitive.Viewport,
+        {
+          "data-slot": "toaster",
+          className: cn(
+            "fixed z-50 mx-auto flex w-[calc(100vw-2rem)] sm:w-[400px]",
+            VIEWPORT_POSITION[position],
+            className
+          ),
+          children: /* @__PURE__ */ jsx18(ToastList, { side })
+        }
+      ) })
+    }
+  );
+}
+function createToaster() {
+  const manager = ToastPrimitive.createToastManager();
+  const scopedToast = makeToast(manager);
+  function ScopedToaster(props) {
+    return /* @__PURE__ */ jsx18(Toaster, { ...props, toastManager: manager });
+  }
+  return { toast: scopedToast, Toaster: ScopedToaster };
+}
+
+// src/components/ui/hover-card.tsx
+import { PreviewCard as PreviewCardPrimitive } from "@base-ui/react/preview-card";
+import { jsx as jsx19 } from "react/jsx-runtime";
+function HoverCard({ ...props }) {
+  return /* @__PURE__ */ jsx19(PreviewCardPrimitive.Root, { ...props });
+}
+HoverCard.displayName = "HoverCard";
+function HoverCardTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx19(PreviewCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props });
+}
+HoverCardTrigger.displayName = "HoverCardTrigger";
+function HoverCardContent({
+  className,
+  side = "bottom",
+  sideOffset = 8,
+  align = "center",
+  alignOffset = 0,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx19(PreviewCardPrimitive.Portal, { children: /* @__PURE__ */ jsx19(
+    PreviewCardPrimitive.Positioner,
+    {
+      align,
+      alignOffset,
+      side,
+      sideOffset,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ jsx19(
+        PreviewCardPrimitive.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
 import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 function Popover({ ...props }) {
-  return /* @__PURE__ */ jsx16(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+  return /* @__PURE__ */ jsx20(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
 }
 function PopoverTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx16(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+  return /* @__PURE__ */ jsx20(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
 }
 function PopoverContent({
   className,
@@ -1769,7 +2626,7 @@ function PopoverContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx20(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx20(
     PopoverPrimitive.Positioner,
     {
       align,
@@ -1777,7 +2634,7 @@ function PopoverContent({
       side,
       sideOffset,
       className: "isolate z-50",
-      children: /* @__PURE__ */ jsx16(
+      children: /* @__PURE__ */ jsx20(
         PopoverPrimitive.Popup,
         {
           "data-slot": "popover-content",
@@ -1800,7 +2657,7 @@ function PopoverContent({
   ) });
 }
 function PopoverHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx20(
     "div",
     {
       "data-slot": "popover-header",
@@ -1810,7 +2667,7 @@ function PopoverHeader({ className, ...props }) {
   );
 }
 function PopoverTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx20(
     PopoverPrimitive.Title,
     {
       "data-slot": "popover-title",
@@ -1823,7 +2680,7 @@ function PopoverDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx20(
     PopoverPrimitive.Description,
     {
       "data-slot": "popover-description",
@@ -1834,15 +2691,15 @@ function PopoverDescription({
 }
 
 // src/components/ui/sidebar.tsx
-import * as React6 from "react";
-import { jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
+import * as React8 from "react";
+import { jsx as jsx21, jsxs as jsxs12 } from "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.");
   }
@@ -1858,9 +2715,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) {
@@ -1871,11 +2728,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,
@@ -1884,7 +2741,7 @@ function SidebarProvider({
     }),
     [state, open, setOpen, toggleSidebar]
   );
-  return /* @__PURE__ */ jsx17(SidebarContext, { value: contextValue, children: /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx21(SidebarContext, { value: contextValue, children: /* @__PURE__ */ jsx21(
     "div",
     {
       style: {
@@ -1910,7 +2767,7 @@ function Sidebar({
   ...props
 }) {
   const { state } = useSidebar();
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs12(
     "aside",
     {
       ref,
@@ -1921,7 +2778,7 @@ function Sidebar({
       "aria-expanded": state === "expanded",
       role: "navigation",
       children: [
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx21(
           "div",
           {
             className: cn(
@@ -1930,14 +2787,14 @@ function Sidebar({
             )
           }
         ),
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx21(
           "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",
+              "fixed inset-y-0 z-10 h-svh w-[var(--sidebar-width)] transition-[left,right,width] duration-200 ease-linear flex left-0 border-r border-[var(--color-sidebar-border)]",
               "group-data-[collapsible=icon]:w-[var(--sidebar-width-icon)]"
             ),
-            children: /* @__PURE__ */ jsx17(
+            children: /* @__PURE__ */ jsx21(
               "div",
               {
                 "data-sidebar": "sidebar",
@@ -1956,7 +2813,7 @@ function Sidebar({
   );
 }
 function SidebarInset({ className, ref, ...props }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx21(
     "main",
     {
       ref,
@@ -1969,7 +2826,7 @@ function SidebarInset({ className, ref, ...props }) {
   );
 }
 function SidebarHeader({ className, ref, ...props }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx21(
     "div",
     {
       ref,
@@ -1984,7 +2841,7 @@ function SidebarHeader({ className, ref, ...props }) {
   );
 }
 function SidebarFooter({ className, ref, ...props }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx21(
     "div",
     {
       ref,
@@ -1995,7 +2852,7 @@ function SidebarFooter({ className, ref, ...props }) {
   );
 }
 function SidebarContent({ className, ref, ...props }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx21(
     "div",
     {
       ref,
@@ -2009,7 +2866,7 @@ function SidebarContent({ className, ref, ...props }) {
   );
 }
 function SidebarGroup({ className, ref, ...props }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx21(
     "div",
     {
       ref,
@@ -2024,7 +2881,7 @@ function SidebarGroupContent({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx21(
     "div",
     {
       ref,
@@ -2035,7 +2892,7 @@ function SidebarGroupContent({
   );
 }
 function SidebarMenu({ className, ref, ...props }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx21(
     "ul",
     {
       ref,
@@ -2046,7 +2903,7 @@ function SidebarMenu({ className, ref, ...props }) {
   );
 }
 function SidebarMenuItem({ className, ref, ...props }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx21(
     "li",
     {
       ref,
@@ -2065,7 +2922,7 @@ function SidebarMenuButton({
   ...props
 }) {
   const { state } = useSidebar();
-  const button = /* @__PURE__ */ jsx17(
+  const button = /* @__PURE__ */ jsx21(
     "button",
     {
       ref,
@@ -2084,19 +2941,37 @@ function SidebarMenuButton({
     return button;
   }
   const tooltipProps = typeof tooltip === "string" ? { children: tooltip } : tooltip;
-  return /* @__PURE__ */ jsx17(TooltipProvider, { delay: 0, children: /* @__PURE__ */ jsxs8(Tooltip, { children: [
-    /* @__PURE__ */ jsx17(TooltipTrigger, { render: button }),
-    /* @__PURE__ */ jsx17(TooltipContent, { side: "right", align: "center", ...tooltipProps })
+  return /* @__PURE__ */ jsx21(TooltipProvider, { delay: 0, children: /* @__PURE__ */ jsxs12(Tooltip, { children: [
+    /* @__PURE__ */ jsx21(TooltipTrigger, { render: button }),
+    /* @__PURE__ */ jsx21(TooltipContent, { side: "right", align: "center", ...tooltipProps })
   ] }) });
 }
+function SidebarSeparator({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx21(
+    "div",
+    {
+      ref,
+      "data-sidebar": "separator",
+      className: cn(
+        "border-t border-[var(--color-sidebar-border)] w-full",
+        className
+      ),
+      ...props
+    }
+  );
+}
 
 // src/components/ui/calendar.tsx
-import * as React7 from "react";
+import * as React9 from "react";
 import {
   DayPicker,
   getDefaultClassNames
 } from "react-day-picker";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 function Calendar({
   className,
   classNames,
@@ -2109,7 +2984,7 @@ function Calendar({
   ...props
 }) {
   const defaultClassNames = getDefaultClassNames();
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx22(
     DayPicker,
     {
       showOutsideDays,
@@ -2212,7 +3087,7 @@ function Calendar({
         ...classNames
       },
       components: {
-        Root: ({ className: rootClassName, rootRef, ...rootProps }) => /* @__PURE__ */ jsx18(
+        Root: ({ className: rootClassName, rootRef, ...rootProps }) => /* @__PURE__ */ jsx22(
           "div",
           {
             "data-slot": "calendar",
@@ -2227,7 +3102,7 @@ function Calendar({
           ...chevronProps
         }) => {
           if (orientation === "left") {
-            return /* @__PURE__ */ jsx18(
+            return /* @__PURE__ */ jsx22(
               ArrowLeftIcon,
               {
                 className: cn("size-4", chevronClassName),
@@ -2236,7 +3111,7 @@ function Calendar({
             );
           }
           if (orientation === "right") {
-            return /* @__PURE__ */ jsx18(
+            return /* @__PURE__ */ jsx22(
               ArrowRightIcon,
               {
                 className: cn("size-4", chevronClassName),
@@ -2244,7 +3119,7 @@ function Calendar({
               }
             );
           }
-          return /* @__PURE__ */ jsx18(
+          return /* @__PURE__ */ jsx22(
             CaretDownIcon,
             {
               className: cn("size-4", chevronClassName),
@@ -2252,8 +3127,8 @@ function Calendar({
             }
           );
         },
-        DayButton: (dayButtonProps) => /* @__PURE__ */ jsx18(CalendarDayButton, { locale, ...dayButtonProps }),
-        WeekNumber: ({ children, ...weekNumberProps }) => /* @__PURE__ */ jsx18("td", { ...weekNumberProps, children: /* @__PURE__ */ jsx18("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) }),
+        DayButton: (dayButtonProps) => /* @__PURE__ */ jsx22(CalendarDayButton, { locale, ...dayButtonProps }),
+        WeekNumber: ({ children, ...weekNumberProps }) => /* @__PURE__ */ jsx22("td", { ...weekNumberProps, children: /* @__PURE__ */ jsx22("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) }),
         ...components
       },
       ...props
@@ -2267,11 +3142,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__ */ jsx18(
+  return /* @__PURE__ */ jsx22(
     Button,
     {
       ref,
@@ -2306,8 +3181,8 @@ Calendar.displayName = "Calendar";
 CalendarDayButton.displayName = "CalendarDayButton";
 
 // src/components/ui/date-picker.tsx
-import * as React8 from "react";
-import { jsx as jsx19, jsxs as jsxs9 } from "react/jsx-runtime";
+import * as React10 from "react";
+import { jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
 function DatePickerTrigger({
   label,
   placeholder = "Pick a date",
@@ -2316,11 +3191,11 @@ function DatePickerTrigger({
   ref,
   ...rest
 }) {
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs13(
     PopoverTrigger,
     {
       disabled,
-      render: /* @__PURE__ */ jsx19(
+      render: /* @__PURE__ */ jsx23(
         "button",
         {
           ref,
@@ -2345,7 +3220,7 @@ function DatePickerTrigger({
         }
       ),
       children: [
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx23(
           CalendarIcon,
           {
             size: 16,
@@ -2353,7 +3228,7 @@ function DatePickerTrigger({
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ jsx19("span", { className: "truncate", children: label ?? placeholder })
+        /* @__PURE__ */ jsx23("span", { className: "truncate", children: label ?? placeholder })
       ]
     }
   );
@@ -2370,8 +3245,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);
@@ -2382,8 +3257,8 @@ function DatePicker(props) {
     month: "long",
     day: "numeric"
   }) : null;
-  return /* @__PURE__ */ jsxs9(Popover, { children: [
-    /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsxs13(Popover, { children: [
+    /* @__PURE__ */ jsx23(
       DatePickerTrigger,
       {
         ref,
@@ -2393,7 +3268,7 @@ function DatePicker(props) {
         className
       }
     ),
-    /* @__PURE__ */ jsx19(PopoverContent, { className: "w-auto p-0", align: "center", children: /* @__PURE__ */ jsx19(
+    /* @__PURE__ */ jsx23(PopoverContent, { className: "w-auto p-0", align: "center", children: /* @__PURE__ */ jsx23(
       Calendar,
       {
         mode: "single",
@@ -2412,11 +3287,11 @@ function DatePicker(props) {
 }
 
 // src/components/ui/upload.tsx
-import * as React9 from "react";
-import { cva as cva8 } from "class-variance-authority";
-import { jsx as jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
+import * as React11 from "react";
+import { cva as cva10 } from "class-variance-authority";
+import { jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
 var DEFAULT_MAX_FILE_SIZE = 10 * 1024 * 1024;
-var uploadVariants = cva8(
+var uploadVariants = cva10(
   "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: {
@@ -2451,8 +3326,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",
@@ -2516,17 +3391,17 @@ function Upload({
   const renderContent = () => {
     switch (effectiveState) {
       case "error":
-        return /* @__PURE__ */ jsxs10(
+        return /* @__PURE__ */ jsxs14(
           "div",
           {
             className: "flex flex-col items-center text-center max-w-[289px]",
             style: { gap: "32px" },
             children: [
-              /* @__PURE__ */ jsxs10("div", { className: "space-y-4", children: [
-                /* @__PURE__ */ jsx20(Text, { variant: "h5", children: "Upload fail" }),
-                /* @__PURE__ */ jsx20(Text, { variant: "body-md", className: "text-error", children: errorMessage })
+              /* @__PURE__ */ jsxs14("div", { className: "space-y-4", children: [
+                /* @__PURE__ */ jsx24(Text, { variant: "h5", children: "Upload fail" }),
+                /* @__PURE__ */ jsx24(Text, { variant: "body-md", className: "text-error", children: errorMessage })
               ] }),
-              /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx24(
                 Button,
                 {
                   variant: "destructive",
@@ -2540,22 +3415,22 @@ function Upload({
           }
         );
       case "uploading":
-        return /* @__PURE__ */ jsxs10(
+        return /* @__PURE__ */ jsxs14(
           "div",
           {
             className: "flex flex-col items-center text-center max-w-[289px]",
             style: { gap: "32px" },
             children: [
-              /* @__PURE__ */ jsx20(Text, { variant: "h5", className: "text-default", children: "Uploading files" }),
-              /* @__PURE__ */ jsxs10("div", { className: "w-full max-w-[720px] space-y-2", children: [
-                /* @__PURE__ */ jsx20("div", { className: "w-full surface-secondary rounded-full h-2", children: /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx24(Text, { variant: "h5", className: "text-default", children: "Uploading files" }),
+              /* @__PURE__ */ jsxs14("div", { className: "w-full max-w-[720px] space-y-2", children: [
+                /* @__PURE__ */ jsx24("div", { className: "w-full surface-secondary rounded-full h-2", children: /* @__PURE__ */ jsx24(
                   "div",
                   {
                     className: "interactive-accent h-2 rounded-full transition-all duration-300 ease-in-out",
                     style: { width: `${progress}%` }
                   }
                 ) }),
-                /* @__PURE__ */ jsxs10(Text, { variant: "body-sm", className: "text-secondary text-center", children: [
+                /* @__PURE__ */ jsxs14(Text, { variant: "body-sm", className: "text-secondary text-center", children: [
                   Math.round(progress),
                   "% complete"
                 ] })
@@ -2564,29 +3439,29 @@ function Upload({
           }
         );
       case "success":
-        return /* @__PURE__ */ jsx20(
+        return /* @__PURE__ */ jsx24(
           "div",
           {
             className: "flex flex-col items-center text-center max-w-[289px]",
             style: { gap: "32px" },
-            children: /* @__PURE__ */ jsxs10("div", { className: "space-y-4", children: [
-              /* @__PURE__ */ jsx20(Text, { variant: "h5", className: "text-success", children: "Upload successful!" }),
-              selectedFiles.length > 0 && /* @__PURE__ */ jsx20("div", { className: "text-center", children: selectedFiles.map((file, index) => /* @__PURE__ */ jsx20(Text, { variant: "body-sm", children: file.name }, index)) })
+            children: /* @__PURE__ */ jsxs14("div", { className: "space-y-4", children: [
+              /* @__PURE__ */ jsx24(Text, { variant: "h5", className: "text-success", children: "Upload successful!" }),
+              selectedFiles.length > 0 && /* @__PURE__ */ jsx24("div", { className: "text-center", children: selectedFiles.map((file, index) => /* @__PURE__ */ jsx24(Text, { variant: "body-sm", children: file.name }, index)) })
             ] })
           }
         );
       default:
-        return /* @__PURE__ */ jsxs10(
+        return /* @__PURE__ */ jsxs14(
           "div",
           {
             className: "flex flex-col items-center text-center max-w-[289px]",
             style: { gap: "32px" },
             children: [
-              /* @__PURE__ */ jsxs10("div", { className: "space-y-4", children: [
-                /* @__PURE__ */ jsx20(Text, { variant: "h5", className: "text-default", children: "Drag & drop files here" }),
-                /* @__PURE__ */ jsx20(Text, { variant: "body-md", className: "text-secondary", children: "or click to browse from your computer" })
+              /* @__PURE__ */ jsxs14("div", { className: "space-y-4", children: [
+                /* @__PURE__ */ jsx24(Text, { variant: "h5", className: "text-default", children: "Drag & drop files here" }),
+                /* @__PURE__ */ jsx24(Text, { variant: "body-md", className: "text-secondary", children: "or click to browse from your computer" })
               ] }),
-              /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx24(
                 Button,
                 {
                   variant: "default",
@@ -2600,10 +3475,10 @@ function Upload({
                   children: "Choose files"
                 }
               ),
-              /* @__PURE__ */ jsxs10(Text, { variant: "body-sm", className: "text-secondary", children: [
+              /* @__PURE__ */ jsxs14(Text, { variant: "body-sm", className: "text-secondary", children: [
                 "Supported file: ",
                 getFileTypeDisplay(),
-                /* @__PURE__ */ jsx20("br", {}),
+                /* @__PURE__ */ jsx24("br", {}),
                 "Max: ",
                 Math.round(maxFileSize / 1024 / 1024),
                 " MB each"
@@ -2613,7 +3488,7 @@ function Upload({
         );
     }
   };
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs14(
     "div",
     {
       ref,
@@ -2632,7 +3507,7 @@ function Upload({
       "aria-disabled": disabled,
       ...props,
       children: [
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx24(
           "input",
           {
             ref: fileInputRef,
@@ -2651,9 +3526,9 @@ function Upload({
 
 // src/components/ui/avatar.tsx
 import { Avatar as AvatarPrimitive } from "@base-ui/react/avatar";
-import { cva as cva9 } from "class-variance-authority";
-import { jsx as jsx21 } from "react/jsx-runtime";
-var avatarVariants = cva9(
+import { cva as cva11 } from "class-variance-authority";
+import { jsx as jsx25 } from "react/jsx-runtime";
+var avatarVariants = cva11(
   "relative flex shrink-0 overflow-hidden select-none",
   {
     variants: {
@@ -2681,7 +3556,7 @@ var avatarVariants = cva9(
   }
 );
 function Avatar({ className, size, shape, ref, ...props }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx25(
     AvatarPrimitive.Root,
     {
       ref,
@@ -2697,7 +3572,7 @@ function AvatarImage({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx25(
     AvatarPrimitive.Image,
     {
       ref,
@@ -2712,7 +3587,7 @@ function AvatarFallback({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx25(
     AvatarPrimitive.Fallback,
     {
       ref,
@@ -2737,7 +3612,7 @@ function AvatarGroup({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx25(
     "div",
     {
       ref,
@@ -2758,7 +3633,7 @@ function AvatarGroupCount({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx25(
     "div",
     {
       ref,
@@ -2780,9 +3655,9 @@ function AvatarGroupCount({
 
 // src/components/ui/checkbox.tsx
 import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox";
-import { cva as cva10 } from "class-variance-authority";
-import { jsx as jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
-var checkboxVariants = cva10([
+import { cva as cva12 } from "class-variance-authority";
+import { jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
+var checkboxVariants = cva12([
   // Base layout & appearance
   "peer group relative size-4 shrink-0",
   "rounded-xs border border-default surface-default shadow-xs",
@@ -2807,27 +3682,27 @@ var checkboxVariants = cva10([
   "[&_svg]:pointer-events-none [&_svg]:shrink-0"
 ]);
 function Checkbox({ className, ref, ...props }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx26(
     CheckboxPrimitive.Root,
     {
       "data-slot": "checkbox",
       ref,
       className: cn(checkboxVariants(), className),
       ...props,
-      children: /* @__PURE__ */ jsxs11(
+      children: /* @__PURE__ */ jsxs15(
         CheckboxPrimitive.Indicator,
         {
           "data-slot": "checkbox-indicator",
           className: "absolute inset-0 flex items-center justify-center text-current",
           children: [
-            /* @__PURE__ */ jsx22(
+            /* @__PURE__ */ jsx26(
               CheckmarkIcon,
               {
                 size: 14,
                 className: "text-current hidden group-data-[checked]:block"
               }
             ),
-            /* @__PURE__ */ jsx22(
+            /* @__PURE__ */ jsx26(
               MinusIcon,
               {
                 size: 14,
@@ -2841,11 +3716,143 @@ function Checkbox({ className, ref, ...props }) {
   );
 }
 
+// src/components/ui/radio-group.tsx
+import * as React12 from "react";
+import { RadioGroup as RadioGroupPrimitive } from "@base-ui/react/radio-group";
+import { Radio as RadioPrimitive } from "@base-ui/react/radio";
+import { cva as cva13 } from "class-variance-authority";
+import { jsx as jsx27, jsxs as jsxs16 } from "react/jsx-runtime";
+var radioGroupVariants = cva13("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 = cva13([
+  // 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__ */ jsx27(
+    RadioGroupPrimitive,
+    {
+      "data-slot": "radio-group",
+      className: cn(radioGroupVariants({ orientation, layout }), className),
+      ...props
+    }
+  );
+}
+function RadioGroupItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx27(
+    RadioPrimitive.Root,
+    {
+      "data-slot": "radio-group-item",
+      className: cn(radioItemVariants(), className),
+      ...props,
+      children: /* @__PURE__ */ jsx27(
+        RadioPrimitive.Indicator,
+        {
+          "data-slot": "radio-group-indicator",
+          className: "absolute inset-0 flex items-center justify-center",
+          children: /* @__PURE__ */ jsx27("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__ */ jsxs16(
+    "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__ */ jsx27(
+          RadioGroupItem,
+          {
+            id: itemId,
+            className: "mt-[2.5px] data-[disabled]:opacity-100",
+            ...props
+          }
+        ),
+        /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-1.5 min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx27("span", { className: "type-body-sm-medium text-default", children: label }),
+          description && /* @__PURE__ */ jsx27("span", { className: "type-body-xs-regular text-secondary", children: description })
+        ] }),
+        flipped && /* @__PURE__ */ jsx27(
+          RadioGroupItem,
+          {
+            id: itemId,
+            className: "mt-[2.5px] data-[disabled]:opacity-100",
+            ...props
+          }
+        )
+      ]
+    }
+  );
+}
+
 // src/components/ui/switch.tsx
 import { Switch as SwitchPrimitive } from "@base-ui/react/switch";
-import { cva as cva11 } from "class-variance-authority";
-import { jsx as jsx23 } from "react/jsx-runtime";
-var switchVariants = cva11(
+import { cva as cva14 } from "class-variance-authority";
+import { jsx as jsx28 } from "react/jsx-runtime";
+var switchVariants = cva14(
   "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: {
@@ -2859,7 +3866,7 @@ var switchVariants = cva11(
     }
   }
 );
-var switchThumbVariants = cva11(
+var switchThumbVariants = cva14(
   "pointer-events-none block rounded-full surface-default shadow-sm ring-0 transition-transform",
   {
     variants: {
@@ -2874,14 +3881,14 @@ var switchThumbVariants = cva11(
   }
 );
 function Switch({ className, size, ref, ...props }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx28(
     SwitchPrimitive.Root,
     {
       ref,
       "data-slot": "switch",
       className: cn(switchVariants({ size }), className),
       ...props,
-      children: /* @__PURE__ */ jsx23(
+      children: /* @__PURE__ */ jsx28(
         SwitchPrimitive.Thumb,
         {
           "data-slot": "switch-thumb",
@@ -2892,11 +3899,116 @@ function Switch({ className, size, ref, ...props }) {
   );
 }
 
+// src/components/ui/slider.tsx
+import { Slider as SliderPrimitive } from "@base-ui/react/slider";
+import { cva as cva15 } from "class-variance-authority";
+import { jsx as jsx29, jsxs as jsxs17 } from "react/jsx-runtime";
+var sliderControlVariants = cva15([
+  // 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 = cva15([
+  // 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 = cva15([
+  // Background
+  "interactive-accent",
+  // Horizontal orientation
+  "data-[orientation=horizontal]:h-full",
+  // Vertical orientation
+  "data-[orientation=vertical]:w-full"
+]);
+var sliderThumbVariants = cva15([
+  // 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__ */ jsx29(
+    SliderPrimitive.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__ */ jsxs17(
+        SliderPrimitive.Control,
+        {
+          "data-slot": "slider-control",
+          className: sliderControlVariants(),
+          children: [
+            /* @__PURE__ */ jsx29(
+              SliderPrimitive.Track,
+              {
+                "data-slot": "slider-track",
+                className: sliderTrackVariants(),
+                children: /* @__PURE__ */ jsx29(
+                  SliderPrimitive.Indicator,
+                  {
+                    "data-slot": "slider-range",
+                    className: sliderIndicatorVariants()
+                  }
+                )
+              }
+            ),
+            Array.from({ length: values.length }, (_, index) => /* @__PURE__ */ jsx29(
+              SliderPrimitive.Thumb,
+              {
+                "data-slot": "slider-thumb",
+                "aria-label": thumbLabels?.[index],
+                className: sliderThumbVariants()
+              },
+              index
+            ))
+          ]
+        }
+      )
+    }
+  );
+}
+
 // src/components/ui/input.tsx
 import { Input as InputPrimitive } from "@base-ui/react/input";
-import { cva as cva12 } from "class-variance-authority";
-import { jsx as jsx24 } from "react/jsx-runtime";
-var inputVariants = cva12(
+import { cva as cva16 } from "class-variance-authority";
+import { jsx as jsx30 } from "react/jsx-runtime";
+var inputVariants = cva16(
   cn(
     // Layout
     "w-full min-w-0",
@@ -2934,7 +4046,7 @@ var inputVariants = cva12(
   }
 );
 function Input({ className, size, roundness, ref, ...props }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx30(
     InputPrimitive,
     {
       "data-slot": "input",
@@ -2946,9 +4058,9 @@ function Input({ className, size, roundness, ref, ...props }) {
 }
 
 // src/components/ui/textarea.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 function Textarea({ className, style, ref, ...props }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx31(
     "textarea",
     {
       className: cn(
@@ -2963,9 +4075,9 @@ function Textarea({ className, style, ref, ...props }) {
 }
 
 // src/components/ui/input-group.tsx
-import { cva as cva13 } from "class-variance-authority";
-import { jsx as jsx26 } from "react/jsx-runtime";
-var inputGroupVariants = cva13(
+import { cva as cva17 } from "class-variance-authority";
+import { jsx as jsx32 } from "react/jsx-runtime";
+var inputGroupVariants = cva17(
   cn(
     // Layout
     "group/input-group relative flex w-full min-w-0 items-center overflow-hidden",
@@ -3012,7 +4124,7 @@ function InputGroup({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx32(
     "div",
     {
       ref,
@@ -3024,7 +4136,7 @@ function InputGroup({
     }
   );
 }
-var inputGroupAddonVariants = cva13(
+var inputGroupAddonVariants = cva17(
   "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: {
@@ -3046,7 +4158,7 @@ function InputGroupAddon({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx32(
     "div",
     {
       ref,
@@ -3061,7 +4173,7 @@ function InputGroupAddon({
     }
   );
 }
-var inputGroupButtonVariants = cva13("shadow-none py-0", {
+var inputGroupButtonVariants = cva17("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",
@@ -3082,7 +4194,7 @@ function InputGroupButton({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx32(
     Button,
     {
       ref,
@@ -3094,7 +4206,7 @@ function InputGroupButton({
   );
 }
 function InputGroupText({ className, ref, ...props }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx32(
     "span",
     {
       ref,
@@ -3111,7 +4223,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__ */ jsx26(
+    /* @__PURE__ */ jsx32(
       Input,
       {
         ref,
@@ -3133,7 +4245,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__ */ jsx26(
+    /* @__PURE__ */ jsx32(
       Textarea,
       {
         ref,
@@ -3148,121 +4260,59 @@ function InputGroupTextarea({
   );
 }
 
-// src/components/ui/badge.tsx
-import * as React10 from "react";
-import { cva as cva14 } from "class-variance-authority";
-import { jsxs as jsxs12 } from "react/jsx-runtime";
-var badgeVariants = cva14(
+// src/components/ui/tag.tsx
+import { cva as cva18 } from "class-variance-authority";
+import { jsx as jsx33 } from "react/jsx-runtime";
+var tagVariants = cva18(
   [
     // 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"
-  ],
-  {
-    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__ */ jsxs12(
-    "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,
+    "whitespace-nowrap type-label-xs-medium",
+    // Shape
+    "rounded-full"
+  ],
+  {
+    variants: {
+      color: {
+        violet: "bg-violet-200 text-black",
+        cyan: "bg-cyan-200 text-black",
+        indigo: "bg-indigo-100 text-black",
+        orange: "bg-orange-200 text-black",
+        pink: "bg-pink-200 text-black",
+        verdant: "bg-verdant-200 text-black",
+        stone: "bg-stone-200 text-black"
+      }
+    },
+    defaultVariants: {
+      color: "stone"
+    }
+  }
+);
+function Tag({ className, color, ref, ...props }) {
+  return /* @__PURE__ */ jsx33(
+    "span",
+    {
+      className: cn(tagVariants({ color }), className),
       ref,
-      children: [
-        iconLeft,
-        children,
-        iconRight
-      ]
+      ...props
     }
   );
 }
 
 // src/components/ui/alert-dialog.tsx
 import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog";
-import { jsx as jsx27, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs18 } from "react/jsx-runtime";
 function AlertDialog({ ...props }) {
-  return /* @__PURE__ */ jsx27(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
+  return /* @__PURE__ */ jsx34(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
 }
 function AlertDialogTrigger({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx34(
     AlertDialogPrimitive.Trigger,
     {
       ref,
@@ -3276,7 +4326,7 @@ function AlertDialogOverlay({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx34(
     AlertDialogPrimitive.Backdrop,
     {
       ref,
@@ -3298,9 +4348,9 @@ function AlertDialogContent({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs13(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", children: [
-    /* @__PURE__ */ jsx27(AlertDialogOverlay, {}),
-    /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsxs18(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", children: [
+    /* @__PURE__ */ jsx34(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx34(
       AlertDialogPrimitive.Popup,
       {
         ref,
@@ -3333,7 +4383,7 @@ function AlertDialogHeader({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       ref,
@@ -3353,7 +4403,7 @@ function AlertDialogFooter({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       ref,
@@ -3375,7 +4425,7 @@ function AlertDialogTitle({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx34(
     AlertDialogPrimitive.Title,
     {
       ref,
@@ -3390,7 +4440,7 @@ function AlertDialogDescription({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx34(
     AlertDialogPrimitive.Description,
     {
       ref,
@@ -3407,12 +4457,12 @@ function AlertDialogAction({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx34(
     AlertDialogPrimitive.Close,
     {
       ref,
       "data-slot": "alert-dialog-action",
-      render: /* @__PURE__ */ jsx27(Button, { variant, size }),
+      render: /* @__PURE__ */ jsx34(Button, { variant, size }),
       className,
       ...props
     }
@@ -3425,12 +4475,12 @@ function AlertDialogCancel({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx34(
     AlertDialogPrimitive.Close,
     {
       ref,
       "data-slot": "alert-dialog-cancel",
-      render: /* @__PURE__ */ jsx27(Button, { variant, size }),
+      render: /* @__PURE__ */ jsx34(Button, { variant, size }),
       className,
       ...props
     }
@@ -3438,14 +4488,14 @@ function AlertDialogCancel({
 }
 
 // src/components/ui/item.tsx
-import * as React11 from "react";
+import * as React13 from "react";
 import { mergeProps as mergeProps3 } from "@base-ui/react/merge-props";
 import { useRender as useRender3 } from "@base-ui/react/use-render";
-import { cva as cva15 } from "class-variance-authority";
-import { jsx as jsx28 } from "react/jsx-runtime";
-var ItemGroupContext = React11.createContext(false);
+import { cva as cva19 } from "class-variance-authority";
+import { jsx as jsx35 } from "react/jsx-runtime";
+var ItemGroupContext = React13.createContext(false);
 function ItemGroup({ className, ref, ...props }) {
-  return /* @__PURE__ */ jsx28(ItemGroupContext, { value: true, children: /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx35(ItemGroupContext, { value: true, children: /* @__PURE__ */ jsx35(
     "div",
     {
       ref,
@@ -3464,7 +4514,7 @@ function ItemSeparator({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx35(
     Separator,
     {
       ref,
@@ -3475,7 +4525,7 @@ function ItemSeparator({
     }
   );
 }
-var itemVariants = cva15(
+var itemVariants = cva19(
   "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: {
@@ -3502,7 +4552,7 @@ var Item = ({
   render,
   ...props
 }) => {
-  const insideGroup = React11.useContext(ItemGroupContext);
+  const insideGroup = React13.useContext(ItemGroupContext);
   return useRender3({
     defaultTagName: "div",
     props: mergeProps3(
@@ -3520,7 +4570,7 @@ var Item = ({
     }
   });
 };
-var itemMediaVariants = cva15(
+var itemMediaVariants = cva19(
   "gap-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none",
   {
     variants: {
@@ -3542,7 +4592,7 @@ function ItemMedia({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx35(
     "div",
     {
       ref,
@@ -3558,7 +4608,7 @@ function ItemContent({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx35(
     "div",
     {
       ref,
@@ -3572,7 +4622,7 @@ function ItemContent({
   );
 }
 function ItemTitle({ className, ref, ...props }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx35(
     "div",
     {
       ref,
@@ -3590,7 +4640,7 @@ function ItemDescription({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx35(
     "p",
     {
       ref,
@@ -3608,7 +4658,7 @@ function ItemActions({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx35(
     "div",
     {
       ref,
@@ -3619,7 +4669,7 @@ function ItemActions({
   );
 }
 function ItemHeader({ className, ref, ...props }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx35(
     "div",
     {
       ref,
@@ -3633,7 +4683,7 @@ function ItemHeader({ className, ref, ...props }) {
   );
 }
 function ItemFooter({ className, ref, ...props }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx35(
     "div",
     {
       ref,
@@ -3649,14 +4699,14 @@ function ItemFooter({ className, ref, ...props }) {
 
 // src/components/ui/tabs.tsx
 import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
-import { cva as cva16 } from "class-variance-authority";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { cva as cva20 } from "class-variance-authority";
+import { jsx as jsx36 } from "react/jsx-runtime";
 function Tabs({
   className,
   orientation = "horizontal",
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx36(
     TabsPrimitive.Root,
     {
       "data-slot": "tabs",
@@ -3670,7 +4720,7 @@ function Tabs({
     }
   );
 }
-var tabsListVariants = cva16(
+var tabsListVariants = cva20(
   [
     // base layout
     "group/tabs-list inline-flex w-fit items-center p-1",
@@ -3698,7 +4748,7 @@ function TabsList({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx36(
     TabsPrimitive.List,
     {
       "data-slot": "tabs-list",
@@ -3708,7 +4758,7 @@ function TabsList({
     }
   );
 }
-var tabsTriggerVariants = cva16(
+var tabsTriggerVariants = cva20(
   [
     // base layout
     "relative inline-flex shrink-0 items-center justify-center whitespace-nowrap",
@@ -3762,7 +4812,7 @@ function TabsTrigger({
   size = "regular",
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx36(
     TabsPrimitive.Tab,
     {
       "data-slot": "tabs-trigger",
@@ -3772,7 +4822,7 @@ function TabsTrigger({
   );
 }
 function TabsContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx36(
     TabsPrimitive.Panel,
     {
       "data-slot": "tabs-content",
@@ -3785,8 +4835,8 @@ function TabsContent({ className, ...props }) {
 // src/components/ui/dropdown-menu.tsx
 import { Menu as MenuPrimitive } from "@base-ui/react/menu";
 import { Separator as SeparatorPrimitive2 } from "@base-ui/react/separator";
-import { cva as cva17 } from "class-variance-authority";
-import { jsx as jsx30, jsxs as jsxs14 } from "react/jsx-runtime";
+import { cva as cva21 } from "class-variance-authority";
+import { jsx as jsx37, jsxs as jsxs19 } from "react/jsx-runtime";
 var DropdownMenu = MenuPrimitive.Root;
 var DropdownMenuGroup = MenuPrimitive.Group;
 var DropdownMenuSub = MenuPrimitive.SubmenuRoot;
@@ -3796,7 +4846,7 @@ function DropdownMenuTrigger({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx37(
     MenuPrimitive.Trigger,
     {
       "data-slot": "dropdown-trigger",
@@ -3815,7 +4865,7 @@ function DropdownMenuContent({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(MenuPrimitive.Portal, { children: /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx37(MenuPrimitive.Portal, { children: /* @__PURE__ */ jsx37(
     MenuPrimitive.Positioner,
     {
       className: "isolate z-50 outline-none",
@@ -3823,7 +4873,7 @@ function DropdownMenuContent({
       alignOffset,
       side,
       sideOffset,
-      children: /* @__PURE__ */ jsx30(
+      children: /* @__PURE__ */ jsx37(
         MenuPrimitive.Popup,
         {
           "data-slot": "dropdown-content",
@@ -3850,7 +4900,7 @@ function DropdownMenuSubTrigger({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs19(
     MenuPrimitive.SubmenuTrigger,
     {
       "data-slot": "dropdown-sub-trigger",
@@ -3869,7 +4919,7 @@ function DropdownMenuSubTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx30(ArrowRightIcon, { size: 16, className: "ml-auto text-secondary" })
+        /* @__PURE__ */ jsx37(ArrowRightIcon, { size: 16, className: "ml-auto text-secondary" })
       ]
     }
   );
@@ -3883,7 +4933,7 @@ function DropdownMenuSubContent({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx37(
     DropdownMenuContent,
     {
       "data-slot": "dropdown-sub-content",
@@ -3897,7 +4947,7 @@ function DropdownMenuSubContent({
     }
   );
 }
-var dropdownMenuItemVariants = cva17(
+var dropdownMenuItemVariants = cva21(
   [
     "relative flex w-full cursor-default select-none items-center gap-2",
     "min-h-8 px-2 py-[5.5px] rounded-md",
@@ -3926,7 +4976,7 @@ function DropdownMenuItem({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx37(
     MenuPrimitive.Item,
     {
       "data-slot": "dropdown-item",
@@ -3948,7 +4998,7 @@ function DropdownMenuCheckboxItem({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs19(
     MenuPrimitive.CheckboxItem,
     {
       "data-slot": "dropdown-checkbox-item",
@@ -3966,7 +5016,7 @@ function DropdownMenuCheckboxItem({
       checked,
       ...props,
       children: [
-        /* @__PURE__ */ jsx30("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ jsx30(MenuPrimitive.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx30(CheckmarkIcon, { size: 16 }) }) }),
+        /* @__PURE__ */ jsx37("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ jsx37(MenuPrimitive.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx37(CheckmarkIcon, { size: 16 }) }) }),
         children
       ]
     }
@@ -3979,7 +5029,7 @@ function DropdownMenuRadioItem({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs19(
     MenuPrimitive.RadioItem,
     {
       "data-slot": "dropdown-radio-item",
@@ -3997,7 +5047,7 @@ function DropdownMenuRadioItem({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx30("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ jsx30("span", { className: "hidden size-2 rounded-full bg-[var(--color-interactive-accent)] group-data-[checked]:block" }) })
+        /* @__PURE__ */ jsx37("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ jsx37("span", { className: "hidden size-2 rounded-full bg-[var(--color-interactive-accent)] group-data-[checked]:block" }) })
       ]
     }
   );
@@ -4007,7 +5057,7 @@ function DropdownMenuLabel({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx37(
     MenuPrimitive.GroupLabel,
     {
       "data-slot": "dropdown-label",
@@ -4025,7 +5075,7 @@ function DropdownMenuSeparator({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx37(
     SeparatorPrimitive2,
     {
       "data-slot": "dropdown-separator",
@@ -4042,7 +5092,7 @@ function DropdownMenuShortcut({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx37(
     "span",
     {
       "data-slot": "dropdown-shortcut",
@@ -4056,15 +5106,462 @@ function DropdownMenuShortcut({
   );
 }
 
+// src/components/ui/chart.tsx
+import * as React14 from "react";
+import * as RechartsPrimitive from "recharts";
+import { Fragment, jsx as jsx38, jsxs as jsxs20 } from "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__ */ jsx38(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs20(
+    "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__ */ jsx38(ChartStyle, { id: chartId, config }),
+        /* @__PURE__ */ jsx38(
+          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__ */ jsx38(
+    "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__ */ jsx38("div", { className: cn("font-semibold text-default", labelClassName), children: labelFormatter(value, payload) });
+    }
+    if (!value) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx38("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__ */ jsxs20(
+    "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__ */ jsx38("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__ */ jsx38(
+            "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__ */ jsxs20(Fragment, { children: [
+                itemConfig?.icon ? /* @__PURE__ */ jsx38(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx38(
+                  "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__ */ jsxs20(
+                  "div",
+                  {
+                    className: cn(
+                      "flex flex-1 justify-between leading-none",
+                      nestLabel ? "items-end" : "items-center"
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsxs20("div", { className: "grid gap-1.5", children: [
+                        nestLabel ? tooltipLabel : null,
+                        /* @__PURE__ */ jsx38("span", { className: "text-secondary", children: itemConfig?.label ?? item.name })
+                      ] }),
+                      item.value != null && /* @__PURE__ */ jsx38("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__ */ jsx38(
+    "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__ */ jsxs20(
+          "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__ */ jsx38(itemConfig.icon, {}) : /* @__PURE__ */ jsx38(
+                "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
+import * as React15 from "react";
+import useEmblaCarousel from "embla-carousel-react";
+import { jsx as jsx39 } from "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] = useEmblaCarousel({ ...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__ */ jsx39(
+    CarouselContext.Provider,
+    {
+      value: {
+        carouselRef,
+        api,
+        scrollPrev,
+        scrollNext,
+        canScrollPrev,
+        canScrollNext
+      },
+      children: /* @__PURE__ */ jsx39(
+        "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__ */ jsx39(
+    "div",
+    {
+      ref: carouselRef,
+      className: "overflow-hidden flex-1 min-w-0",
+      "data-slot": "carousel-viewport",
+      children: /* @__PURE__ */ jsx39(
+        "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__ */ jsx39(
+    "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__ */ jsx39(
+    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__ */ jsx39(ArrowLeftIcon, { className: "size-4" })
+    }
+  );
+}
+function CarouselNext({
+  className,
+  variant = "default",
+  size = "default",
+  ref,
+  ...props
+}) {
+  const { scrollNext, canScrollNext } = useCarousel();
+  return /* @__PURE__ */ jsx39(
+    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__ */ jsx39(ArrowRightIcon, { className: "size-4" })
+    }
+  );
+}
+
 // src/components/ui/table.tsx
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 function Table({ className, ref, ...props }) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx40(
     "div",
     {
       "data-slot": "table-container",
       className: "relative w-full overflow-x-auto",
-      children: /* @__PURE__ */ jsx31(
+      children: /* @__PURE__ */ jsx40(
         "table",
         {
           ref,
@@ -4085,7 +5582,7 @@ function TableHeader({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx40(
     "thead",
     {
       ref,
@@ -4106,14 +5603,14 @@ function TableBody({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsx31("tbody", { ref, "data-slot": "table-body", className, ...props });
+  return /* @__PURE__ */ jsx40("tbody", { ref, "data-slot": "table-body", className, ...props });
 }
 function TableFooter({
   className,
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx40(
     "tfoot",
     {
       ref,
@@ -4132,7 +5629,7 @@ function TableFooter({
   );
 }
 function TableRow({ className, ref, ...props }) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx40(
     "tr",
     {
       ref,
@@ -4156,7 +5653,7 @@ function TableHead({
   align = "left",
   ...props
 }) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx40(
     "th",
     {
       ref,
@@ -4184,7 +5681,7 @@ function TableCell({
   align = "left",
   ...props
 }) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx40(
     "td",
     {
       ref,
@@ -4210,7 +5707,7 @@ function TableCaption({
   ref,
   ...props
 }) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx40(
     "caption",
     {
       ref,
@@ -4227,11 +5724,20 @@ function TableCaption({
   );
 }
 
+// src/components/ui/data-table/data-table.tsx
+import * as React16 from "react";
+import {
+  useReactTable,
+  getCoreRowModel,
+  getSortedRowModel,
+  getPaginationRowModel
+} from "@tanstack/react-table";
+
 // src/components/ui/data-table/data-table-view.tsx
 import {
   flexRender
 } from "@tanstack/react-table";
-import { jsx as jsx32, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs21 } from "react/jsx-runtime";
 function DataTableView({
   table,
   emptyState = "No results.",
@@ -4240,15 +5746,15 @@ function DataTableView({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx41(
     "div",
     {
       className: cn("relative", loading && "opacity-50 pointer-events-none"),
       "aria-busy": loading || void 0,
-      children: /* @__PURE__ */ jsxs15(Table, { className, ...props, children: [
-        /* @__PURE__ */ jsx32(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx32(TableRow, { children: headerGroup.headers.map((header) => {
+      children: /* @__PURE__ */ jsxs21(Table, { className, ...props, children: [
+        /* @__PURE__ */ jsx41(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx41(TableRow, { children: headerGroup.headers.map((header) => {
           const sorted = header.column.getIsSorted();
-          return /* @__PURE__ */ jsx32(
+          return /* @__PURE__ */ jsx41(
             TableHead,
             {
               colSpan: header.colSpan,
@@ -4261,21 +5767,21 @@ function DataTableView({
             header.id
           );
         }) }, headerGroup.id)) }),
-        /* @__PURE__ */ jsx32(TableBody, { children: table.getRowModel().rows.length > 0 ? table.getRowModel().rows.map((row) => {
+        /* @__PURE__ */ jsx41(TableBody, { children: table.getRowModel().rows.length > 0 ? table.getRowModel().rows.map((row) => {
           const rowProps = getRowProps?.(row);
-          return /* @__PURE__ */ jsx32(
+          return /* @__PURE__ */ jsx41(
             TableRow,
             {
               "data-state": row.getIsSelected() ? "selected" : void 0,
               ...rowProps,
-              children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx32(TableCell, { children: flexRender(
+              children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx41(TableCell, { children: flexRender(
                 cell.column.columnDef.cell,
                 cell.getContext()
               ) }, cell.id))
             },
             row.id
           );
-        }) : /* @__PURE__ */ jsx32(TableRow, { children: /* @__PURE__ */ jsx32(
+        }) : /* @__PURE__ */ jsx41(TableRow, { children: /* @__PURE__ */ jsx41(
           TableCell,
           {
             colSpan: table.getVisibleLeafColumns().length,
@@ -4289,7 +5795,7 @@ function DataTableView({
 }
 
 // src/components/ui/data-table/data-table-pagination.tsx
-import { jsx as jsx33, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs22 } from "react/jsx-runtime";
 function DataTablePagination({
   table,
   pageSizeOptions = [10, 20, 50, 100],
@@ -4301,7 +5807,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__ */ jsxs16(
+  return /* @__PURE__ */ jsxs22(
     "div",
     {
       className: cn(
@@ -4310,7 +5816,7 @@ function DataTablePagination({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx33(
+        /* @__PURE__ */ jsx42(
           Text,
           {
             variant: "body-sm",
@@ -4319,8 +5825,8 @@ function DataTablePagination({
             children: totalRows > 0 ? `Showing ${from}\u2013${to} of ${totalRows}` : "No results"
           }
         ),
-        /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx33(
+        /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx42(
             Button,
             {
               variant: "ghost",
@@ -4328,10 +5834,10 @@ function DataTablePagination({
               onClick: () => table.firstPage(),
               disabled: !table.getCanPreviousPage(),
               "aria-label": "Go to first page",
-              children: /* @__PURE__ */ jsx33(ArrowLeftIcon, { "aria-hidden": "true" })
+              children: /* @__PURE__ */ jsx42(ArrowLeftIcon, { "aria-hidden": "true" })
             }
           ),
-          /* @__PURE__ */ jsx33(
+          /* @__PURE__ */ jsx42(
             Button,
             {
               variant: "ghost",
@@ -4339,11 +5845,11 @@ function DataTablePagination({
               onClick: () => table.previousPage(),
               disabled: !table.getCanPreviousPage(),
               "aria-label": "Go to previous page",
-              children: /* @__PURE__ */ jsx33(CaretLeftIcon, { "aria-hidden": "true" })
+              children: /* @__PURE__ */ jsx42(CaretLeftIcon, { "aria-hidden": "true" })
             }
           ),
-          /* @__PURE__ */ jsx33(Text, { as: "span", variant: "body-sm", className: "px-2 whitespace-nowrap", children: table.getPageCount() > 0 ? `Page ${pageIndex + 1} of ${table.getPageCount()}` : "No pages" }),
-          /* @__PURE__ */ jsx33(
+          /* @__PURE__ */ jsx42(Text, { as: "span", variant: "body-sm", className: "px-2 whitespace-nowrap", children: table.getPageCount() > 0 ? `Page ${pageIndex + 1} of ${table.getPageCount()}` : "No pages" }),
+          /* @__PURE__ */ jsx42(
             Button,
             {
               variant: "ghost",
@@ -4351,10 +5857,10 @@ function DataTablePagination({
               onClick: () => table.nextPage(),
               disabled: !table.getCanNextPage(),
               "aria-label": "Go to next page",
-              children: /* @__PURE__ */ jsx33(CaretRightIcon, { "aria-hidden": "true" })
+              children: /* @__PURE__ */ jsx42(CaretRightIcon, { "aria-hidden": "true" })
             }
           ),
-          /* @__PURE__ */ jsx33(
+          /* @__PURE__ */ jsx42(
             Button,
             {
               variant: "ghost",
@@ -4362,12 +5868,12 @@ function DataTablePagination({
               onClick: () => table.lastPage(),
               disabled: !table.getCanNextPage(),
               "aria-label": "Go to last page",
-              children: /* @__PURE__ */ jsx33(ArrowRightIcon, { "aria-hidden": "true" })
+              children: /* @__PURE__ */ jsx42(ArrowRightIcon, { "aria-hidden": "true" })
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx33(
+        /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx42(
             Text,
             {
               as: "span",
@@ -4376,14 +5882,14 @@ function DataTablePagination({
               children: "Rows per page"
             }
           ),
-          /* @__PURE__ */ jsxs16(
+          /* @__PURE__ */ jsxs22(
             Select,
             {
               value: pageSize.toString(),
               onValueChange: (value) => table.setPageSize(Number(value)),
               children: [
-                /* @__PURE__ */ jsx33(SelectTrigger, { className: "h-8 w-[70px]", children: /* @__PURE__ */ jsx33(SelectValue, {}) }),
-                /* @__PURE__ */ jsx33(SelectContent, { children: resolvedPageSizeOptions.map((size) => /* @__PURE__ */ jsx33(SelectItem, { value: size.toString(), children: size }, size)) })
+                /* @__PURE__ */ jsx42(SelectTrigger, { className: "h-8 w-[70px]", children: /* @__PURE__ */ jsx42(SelectValue, {}) }),
+                /* @__PURE__ */ jsx42(SelectContent, { children: resolvedPageSizeOptions.map((size) => /* @__PURE__ */ jsx42(SelectItem, { value: size.toString(), children: size }, size)) })
               ]
             }
           )
@@ -4394,7 +5900,7 @@ function DataTablePagination({
 }
 
 // src/components/ui/data-table/data-table-column-header.tsx
-import { jsx as jsx34, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs23 } from "react/jsx-runtime";
 function DataTableColumnHeader({
   column,
   title,
@@ -4402,7 +5908,7 @@ function DataTableColumnHeader({
   ...props
 }) {
   if (!column.getCanSort()) {
-    return /* @__PURE__ */ jsx34(
+    return /* @__PURE__ */ jsx43(
       Text,
       {
         as: "div",
@@ -4414,9 +5920,9 @@ function DataTableColumnHeader({
     );
   }
   const sorted = column.getIsSorted();
-  return /* @__PURE__ */ jsxs17("div", { className: cn("flex items-center gap-2", className), ...props, children: [
-    /* @__PURE__ */ jsx34(Text, { as: "span", variant: "body-sm-medium", children: title }),
-    /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsxs23("div", { className: cn("flex items-center gap-2", className), ...props, children: [
+    /* @__PURE__ */ jsx43(Text, { as: "span", variant: "body-sm-medium", children: title }),
+    /* @__PURE__ */ jsx43(
       Button,
       {
         variant: "ghost",
@@ -4428,38 +5934,134 @@ function DataTableColumnHeader({
         },
         "aria-label": `Sort by ${title}`,
         className: "text-secondary",
-        children: sorted === "desc" ? /* @__PURE__ */ jsx34(CaretDownIcon, { "aria-hidden": "true" }) : sorted === "asc" ? /* @__PURE__ */ jsx34(CaretUpIcon, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx34(ArrowsDownUpIcon, { "aria-hidden": "true", size: 16 })
+        children: sorted === "desc" ? /* @__PURE__ */ jsx43(CaretDownIcon, { "aria-hidden": "true" }) : sorted === "asc" ? /* @__PURE__ */ jsx43(CaretUpIcon, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx43(ArrowsDownUpIcon, { "aria-hidden": "true", size: 16 })
       }
     )
   ] });
 }
 
+// src/components/ui/data-table/data-table.tsx
+import { jsx as jsx44, jsxs as jsxs24 } from "react/jsx-runtime";
+function createSelectColumn() {
+  return {
+    id: "select",
+    header: ({ table }) => /* @__PURE__ */ jsx44("div", { className: "flex items-center", children: /* @__PURE__ */ jsx44(
+      Checkbox,
+      {
+        checked: table.getIsAllPageRowsSelected(),
+        indeterminate: table.getIsSomePageRowsSelected() && !table.getIsAllPageRowsSelected(),
+        onCheckedChange: (checked) => table.toggleAllPageRowsSelected(!!checked),
+        "aria-label": "Select all"
+      }
+    ) }),
+    cell: ({ row }) => /* @__PURE__ */ jsx44("div", { className: "flex items-center", children: /* @__PURE__ */ jsx44(
+      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__ */ jsx44(DataTableColumnHeader, { column, title })
+        };
+      }
+      return col;
+    }) : allColumns,
+    [allColumns, enableSorting]
+  );
+  const table = useReactTable({
+    data,
+    columns: resolvedColumns,
+    state: { sorting, rowSelection },
+    onSortingChange: setSorting,
+    onRowSelectionChange: enableRowSelection ? handleRowSelectionChange : void 0,
+    getCoreRowModel: getCoreRowModel(),
+    getSortedRowModel: enableSorting ? getSortedRowModel() : void 0,
+    getPaginationRowModel: showPagination ? getPaginationRowModel() : void 0,
+    getRowId,
+    ...showPagination && {
+      initialState: { pagination: { pageSize: initialPageSize } }
+    }
+  });
+  return /* @__PURE__ */ jsxs24("div", { children: [
+    /* @__PURE__ */ jsx44(
+      DataTableView,
+      {
+        table,
+        emptyState,
+        loading,
+        ...tableProps
+      }
+    ),
+    showPagination && /* @__PURE__ */ jsx44(DataTablePagination, { table, pageSizeOptions })
+  ] });
+}
+
 // src/components/ui/data-table/data-table-view-options.tsx
-import { jsx as jsx35, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs25 } from "react/jsx-runtime";
 function DataTableViewOptions({
   table,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs18(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsxs25(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx45(
       DropdownMenuTrigger,
       {
-        render: /* @__PURE__ */ jsx35(
+        render: /* @__PURE__ */ jsx45(
           Button,
           {
             variant: "ghost",
             size: "sm",
             ...props,
             "aria-label": "Table options",
-            children: /* @__PURE__ */ jsx35(CogIcon, { "aria-hidden": "true" })
+            children: /* @__PURE__ */ jsx45(CogIcon, { "aria-hidden": "true" })
           }
         )
       }
     ),
-    /* @__PURE__ */ jsxs18(DropdownMenuContent, { align: "end", children: [
-      /* @__PURE__ */ jsx35(DropdownMenuLabel, { children: "Toggle columns" }),
-      /* @__PURE__ */ jsx35(DropdownMenuSeparator, {}),
-      table.getAllColumns().filter((column) => column.getCanHide()).map((column) => /* @__PURE__ */ jsx35(
+    /* @__PURE__ */ jsxs25(DropdownMenuContent, { align: "end", children: [
+      /* @__PURE__ */ jsx45(DropdownMenuLabel, { children: "Toggle columns" }),
+      /* @__PURE__ */ jsx45(DropdownMenuSeparator, {}),
+      table.getAllColumns().filter((column) => column.getCanHide()).map((column) => /* @__PURE__ */ jsx45(
         DropdownMenuCheckboxItem,
         {
           checked: column.getIsVisible(),
@@ -4528,6 +6130,16 @@ export {
   CaretLeftIcon,
   CaretRightIcon,
   CaretUpIcon,
+  Carousel,
+  CarouselContent,
+  CarouselItem,
+  CarouselNext,
+  CarouselPrevious,
+  ChartContainer,
+  ChartLegend,
+  ChartLegendContent,
+  ChartTooltip,
+  ChartTooltipContent,
   ChatIcon,
   CheckIcon,
   Checkbox,
@@ -4535,7 +6147,21 @@ export {
   CheckmarkSquareIcon,
   CloseIcon,
   CogIcon,
+  Combobox,
+  ComboboxChip,
+  ComboboxChips,
+  ComboboxChipsInput,
+  ComboboxContent,
+  ComboboxEmpty,
+  ComboboxGroup,
+  ComboboxInput,
+  ComboboxItem,
+  ComboboxLabel,
+  ComboboxList,
+  ComboboxSeparator,
+  ComboboxTrigger,
   CredentialsIcon,
+  DataTable,
   DataTableColumnHeader,
   DataTablePagination,
   DataTableView,
@@ -4580,6 +6206,12 @@ export {
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
   EditIcon,
+  Empty,
+  EmptyActions,
+  EmptyContent,
+  EmptyDescription,
+  EmptyMedia,
+  EmptyTitle,
   EnvelopeIcon,
   ExclamationIcon,
   EyeClosedIcon,
@@ -4602,6 +6234,9 @@ export {
   GraphPieIcon,
   HamburgerMenuIcon,
   HomeIcon,
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger,
   InformationIcon,
   Input,
   InputGroup,
@@ -4638,6 +6273,9 @@ export {
   PopoverTrigger,
   PrintIcon,
   QuestionCircleIcon,
+  RadioGroup,
+  RadioGroupCard,
+  RadioGroupItem,
   Select,
   SelectContent,
   SelectGroup,
@@ -4661,6 +6299,8 @@ export {
   SidebarMenuButton,
   SidebarMenuItem,
   SidebarProvider,
+  SidebarSeparator,
+  Slider,
   StarIcon,
   StatementIcon,
   Switch,
@@ -4677,8 +6317,10 @@ export {
   TabsContent,
   TabsList,
   TabsTrigger,
+  Tag,
   Text,
   Textarea,
+  Toaster,
   Tooltip,
   TooltipContent,
   TooltipProvider,
@@ -4689,6 +6331,8 @@ export {
   UserMultiIcon,
   WarningIcon,
   WrenchIcon,
+  ZoomInIcon,
+  ZoomOutIcon,
   alertVariants,
   avatarVariants,
   badgeVariants,
@@ -4696,18 +6340,34 @@ export {
   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
 };