@squadbase/vantage 0.0.1 → 0.1.0

package/dist/ui/index.js

@@ -1,302 +1,630 @@
-import { forwardRef, createContext, useState, useContext, useMemo, useEffect, useRef } from 'react';
+export { Badge, Button, Calendar, CalendarDayButton, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, toggleVariants, useIsMobile, useSidebar } from '../chunk-WQZYXXQW.js';
+import { cn } from '../chunk-A2UUGASH.js';
+export { cn } from '../chunk-A2UUGASH.js';
+import { Accordion as Accordion$1 } from '@base-ui/react/accordion';
+import { ChevronDownIcon, ChevronUpIcon, ChevronRightIcon, MoreHorizontalIcon, Loader2Icon } from 'lucide-react';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react';
+import { cva } from 'class-variance-authority';
+import { mergeProps } from '@base-ui/react/merge-props';
+import { useRender } from '@base-ui/react/use-render';
+import { Progress as Progress$1 } from '@base-ui/react/progress';
+import { ScrollArea as ScrollArea$1 } from '@base-ui/react/scroll-area';
+import { Slider as Slider$1 } from '@base-ui/react/slider';
+import { Switch as Switch$1 } from '@base-ui/react/switch';
+import { Tabs as Tabs$1 } from '@base-ui/react/tabs';
 
 // @squadbase/vantage — generated build. Do not edit.
-
-// src/ui/cn.ts
-function cn(...classes) {
-  return classes.filter(Boolean).join(" ");
-}
-var VARIANTS = {
-  default: "bg-primary text-primary-foreground hover:opacity-90",
-  secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-  outline: "border border-border bg-background hover:bg-accent hover:text-accent-foreground",
-  ghost: "hover:bg-accent hover:text-accent-foreground",
-  destructive: "bg-destructive text-destructive-foreground hover:opacity-90"
-};
-var SIZES = {
-  sm: "h-8 px-3 text-xs",
-  default: "h-9 px-4 text-sm",
-  lg: "h-10 px-6 text-sm",
-  icon: "h-9 w-9"
-};
-var Button = forwardRef(
-  ({ className, variant = "default", size = "default", type = "button", ...props }, ref) => /* @__PURE__ */ jsx(
-    "button",
-    {
-      ref,
-      type,
+function Accordion({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Accordion$1.Root,
+    {
+      "data-slot": "accordion",
+      className: cn("flex w-full flex-col", className),
+      ...props
+    }
+  );
+}
+function AccordionItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Accordion$1.Item,
+    {
+      "data-slot": "accordion-item",
+      className: cn("not-last:border-b", className),
+      ...props
+    }
+  );
+}
+function AccordionTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Accordion$1.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+    Accordion$1.Trigger,
+    {
+      "data-slot": "accordion-trigger",
       className: cn(
-        "inline-flex items-center justify-center gap-2 rounded-md font-medium transition-colors",
-        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1",
-        "disabled:pointer-events-none disabled:opacity-50",
-        VARIANTS[variant],
-        SIZES[size],
+        "group/accordion-trigger relative flex flex-1 items-start justify-between rounded-lg border border-transparent py-2.5 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:after:border-ring aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground",
         className
       ),
-      ...props
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronDownIcon, { "data-slot": "accordion-trigger-icon", className: "pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden" }),
+        /* @__PURE__ */ jsx(ChevronUpIcon, { "data-slot": "accordion-trigger-icon", className: "pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline" })
+      ]
     }
-  )
-);
-Button.displayName = "Button";
-var FIELD = "flex h-9 w-full rounded-md border border-input bg-background px-3 py-1 text-sm shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50";
-var Input = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("input", { ref, className: cn(FIELD, className), ...props })
-);
-Input.displayName = "Input";
-var Select = forwardRef(
-  ({ className, options, children, ...props }, ref) => /* @__PURE__ */ jsx("select", { ref, className: cn(FIELD, "pr-8", className), ...props, children: options ? options.map((o) => /* @__PURE__ */ jsx("option", { value: o.value, children: o.label }, o.value)) : children })
+  ) });
+}
+function AccordionContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Accordion$1.Panel,
+    {
+      "data-slot": "accordion-content",
+      className: "overflow-hidden text-sm data-open:animate-accordion-down data-closed:animate-accordion-up",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "h-(--accordion-panel-height) pt-0 pb-2.5 data-ending-style:h-0 data-starting-style:h-0 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4",
+            className
+          ),
+          children
+        }
+      )
+    }
+  );
+}
+var alertVariants = cva(
+  "group/alert relative grid w-full gap-0.5 rounded-lg border px-2.5 py-2 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-card text-card-foreground",
+        destructive: "bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
 );
-Select.displayName = "Select";
-var Checkbox = forwardRef(
-  ({ className, label, id, ...props }, ref) => /* @__PURE__ */ jsxs("label", { className: "inline-flex items-center gap-2 text-sm", children: [
-    /* @__PURE__ */ jsx(
-      "input",
+function Alert({
+  className,
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert",
+      role: "alert",
+      className: cn(alertVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+function AlertTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-title",
+      className: cn(
+        "font-medium group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-description",
+      className: cn(
+        "text-sm text-balance text-muted-foreground md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertAction({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-action",
+      className: cn("absolute top-2 right-2", className),
+      ...props
+    }
+  );
+}
+function Breadcrumb({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "nav",
+    {
+      "aria-label": "breadcrumb",
+      "data-slot": "breadcrumb",
+      className: cn(className),
+      ...props
+    }
+  );
+}
+function BreadcrumbList({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "ol",
+    {
+      "data-slot": "breadcrumb-list",
+      className: cn(
+        "flex flex-wrap items-center gap-1.5 text-sm wrap-break-word text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function BreadcrumbItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "li",
+    {
+      "data-slot": "breadcrumb-item",
+      className: cn("inline-flex items-center gap-1", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbLink({
+  className,
+  render,
+  ...props
+}) {
+  return useRender({
+    defaultTagName: "a",
+    props: mergeProps(
       {
-        ref,
-        id,
-        type: "checkbox",
-        className: cn("h-4 w-4 rounded border-input text-primary focus-visible:ring-2 focus-visible:ring-ring", className),
-        ...props
-      }
+        className: cn("transition-colors hover:text-foreground", className)
+      },
+      props
     ),
-    label ? /* @__PURE__ */ jsx("span", { children: label }) : null
-  ] })
-);
-Checkbox.displayName = "Checkbox";
-function Card({ className, ...props }) {
+    render,
+    state: {
+      slot: "breadcrumb-link"
+    }
+  });
+}
+function BreadcrumbPage({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "breadcrumb-page",
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: cn("font-normal text-foreground", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbSeparator({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "li",
+    {
+      "data-slot": "breadcrumb-separator",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: cn("[&>svg]:size-3.5", className),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx(ChevronRightIcon, { className: "cn-rtl-flip" })
+    }
+  );
+}
+function BreadcrumbEllipsis({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "data-slot": "breadcrumb-ellipsis",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: cn(
+        "flex size-5 items-center justify-center [&>svg]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(MoreHorizontalIcon, {}),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More" })
+      ]
+    }
+  );
+}
+function Card({
+  className,
+  size = "default",
+  ...props
+}) {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: cn("rounded-xl border border-border bg-card text-card-foreground shadow-sm", className),
+      "data-slot": "card",
+      "data-size": size,
+      className: cn(
+        "group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl bg-card py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl",
+        className
+      ),
       ...props
     }
   );
 }
 function CardHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-1.5 p-6", className), ...props });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: cn(
+        "group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)",
+        className
+      ),
+      ...props
+    }
+  );
 }
 function CardTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx("h3", { className: cn("text-base font-semibold leading-none tracking-tight", className), ...props });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-title",
+      className: cn(
+        "cn-font-heading text-base leading-snug font-medium group-data-[size=sm]/card:text-sm",
+        className
+      ),
+      ...props
+    }
+  );
 }
 function CardDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx("p", { className: cn("text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function CardAction({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "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, ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("p-6 pt-0", className), ...props });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: cn("px-(--card-spacing)", className),
+      ...props
+    }
+  );
 }
 function CardFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("flex items-center p-6 pt-0", className), ...props });
-}
-var Ctx = createContext(null);
-function Tabs({ defaultValue, value, onValueChange, className, children }) {
-  const [internal, setInternal] = useState(defaultValue);
-  const current = value ?? internal;
-  const setValue = (v) => {
-    if (value === void 0) setInternal(v);
-    onValueChange?.(v);
-  };
-  return /* @__PURE__ */ jsx(Ctx.Provider, { value: { value: current, setValue }, children: /* @__PURE__ */ jsx("div", { className, children }) });
-}
-function TabsList({ className, children }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("inline-flex h-9 items-center gap-1 rounded-lg bg-muted p-1 text-muted-foreground", className), children });
-}
-function TabsTrigger({ value, children }) {
-  const ctx = useContext(Ctx);
-  if (!ctx) throw new Error("TabsTrigger must be used within Tabs");
-  const active = ctx.value === value;
   return /* @__PURE__ */ jsx(
-    "button",
+    "div",
     {
-      type: "button",
-      onClick: () => ctx.setValue(value),
+      "data-slot": "card-footer",
       className: cn(
-        "inline-flex items-center justify-center rounded-md px-3 py-1 text-sm font-medium transition-all",
-        active ? "bg-background text-foreground shadow-sm" : "hover:text-foreground"
+        "flex items-center rounded-b-xl border-t bg-muted/50 p-(--card-spacing)",
+        className
       ),
-      children
+      ...props
     }
   );
 }
-function TabsContent({ value, className, children }) {
-  const ctx = useContext(Ctx);
-  if (!ctx) throw new Error("TabsContent must be used within Tabs");
-  if (ctx.value !== value) return null;
-  return /* @__PURE__ */ jsx("div", { className: cn("mt-4", className), children });
+function Label({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "label",
+    {
+      "data-slot": "label",
+      className: cn(
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
 }
-function Table({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: "w-full overflow-x-auto", children: /* @__PURE__ */ jsx("table", { className: cn("w-full caption-bottom text-sm", className), ...props }) });
+function Progress({
+  className,
+  children,
+  value,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    Progress$1.Root,
+    {
+      value,
+      "data-slot": "progress",
+      className: cn("flex flex-wrap gap-3", className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ProgressTrack, { children: /* @__PURE__ */ jsx(ProgressIndicator, {}) })
+      ]
+    }
+  );
 }
-function TableHeader(props) {
-  return /* @__PURE__ */ jsx("thead", { className: "[&_tr]:border-b border-border", ...props });
+function ProgressTrack({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Progress$1.Track,
+    {
+      className: cn(
+        "relative flex h-1 w-full items-center overflow-x-hidden rounded-full bg-muted",
+        className
+      ),
+      "data-slot": "progress-track",
+      ...props
+    }
+  );
 }
-function TableBody(props) {
-  return /* @__PURE__ */ jsx("tbody", { className: "[&_tr:last-child]:border-0", ...props });
+function ProgressIndicator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Progress$1.Indicator,
+    {
+      "data-slot": "progress-indicator",
+      className: cn("h-full bg-primary transition-all", className),
+      ...props
+    }
+  );
 }
-function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ jsx("tr", { className: cn("border-b border-border transition-colors hover:bg-muted/50", className), ...props });
+function ProgressLabel({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Progress$1.Label,
+    {
+      className: cn("text-sm font-medium", className),
+      "data-slot": "progress-label",
+      ...props
+    }
+  );
 }
-function TableHead({ className, ...props }) {
+function ProgressValue({ className, ...props }) {
   return /* @__PURE__ */ jsx(
-    "th",
+    Progress$1.Value,
     {
-      className: cn("h-10 px-3 text-left align-middle text-xs font-medium text-muted-foreground", className),
+      className: cn(
+        "ml-auto text-sm text-muted-foreground tabular-nums",
+        className
+      ),
+      "data-slot": "progress-value",
       ...props
     }
   );
 }
-function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ jsx("td", { className: cn("px-3 py-2.5 align-middle", className), ...props });
+function ScrollArea({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    ScrollArea$1.Root,
+    {
+      "data-slot": "scroll-area",
+      className: cn("relative", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          ScrollArea$1.Viewport,
+          {
+            "data-slot": "scroll-area-viewport",
+            className: "size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1",
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx(ScrollBar, {}),
+        /* @__PURE__ */ jsx(ScrollArea$1.Corner, {})
+      ]
+    }
+  );
 }
-function DataTable({
-  columns,
-  data,
-  pageSize = 10,
-  getRowId,
-  empty,
-  className
+function ScrollBar({
+  className,
+  orientation = "vertical",
+  ...props
 }) {
-  const [sort, setSort] = useState(null);
-  const [page, setPage] = useState(0);
-  const valueOf = (row, col) => {
-    if (col.accessor) return col.accessor(row);
-    const v = row[col.key];
-    return typeof v === "number" ? v : String(v ?? "");
-  };
-  const sorted = useMemo(() => {
-    if (!sort) return data;
-    const col = columns.find((c) => c.key === sort.key);
-    if (!col) return data;
-    const copy = [...data];
-    const rank = (v) => typeof v === "number" ? 0 : 1;
-    copy.sort((a, b) => {
-      const av = valueOf(a, col);
-      const bv = valueOf(b, col);
-      let cmp = rank(av) - rank(bv);
-      if (cmp === 0) {
-        cmp = typeof av === "number" && typeof bv === "number" ? av - bv : String(av).localeCompare(String(bv));
-      }
-      return sort.dir === "asc" ? cmp : -cmp;
-    });
-    return copy;
-  }, [data, sort, columns]);
-  const pageCount = Math.max(1, Math.ceil(sorted.length / pageSize));
-  const clampedPage = Math.min(page, pageCount - 1);
-  const rows = sorted.slice(clampedPage * pageSize, clampedPage * pageSize + pageSize);
-  const toggleSort = (key) => {
-    setPage(0);
-    setSort(
-      (prev) => prev?.key === key ? prev.dir === "asc" ? { key, dir: "desc" } : null : { key, dir: "asc" }
-    );
-  };
-  const alignClass = (a) => a === "right" ? "text-right" : a === "center" ? "text-center" : "text-left";
-  if (data.length === 0 && empty) {
-    return /* @__PURE__ */ jsx("div", { className: cn("rounded-xl border border-border bg-card", className), children: empty });
-  }
-  return /* @__PURE__ */ jsxs("div", { className: cn("rounded-xl border border-border bg-card", className), children: [
-    /* @__PURE__ */ jsxs(Table, { children: [
-      /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsx(TableRow, { children: columns.map((col) => /* @__PURE__ */ jsx(TableHead, { className: alignClass(col.align), children: col.sortable ? /* @__PURE__ */ jsxs(
-        "button",
+  return /* @__PURE__ */ jsx(
+    ScrollArea$1.Scrollbar,
+    {
+      "data-slot": "scroll-area-scrollbar",
+      "data-orientation": orientation,
+      orientation,
+      className: cn(
+        "flex touch-none p-px transition-colors select-none data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        ScrollArea$1.Thumb,
         {
-          type: "button",
-          onClick: () => toggleSort(col.key),
-          className: "inline-flex items-center gap-1 hover:text-foreground",
-          children: [
-            col.header,
-            /* @__PURE__ */ jsx("span", { className: "text-[10px]", children: sort?.key === col.key ? sort.dir === "asc" ? "\u25B2" : "\u25BC" : "\u2195" })
-          ]
+          "data-slot": "scroll-area-thumb",
+          className: "relative flex-1 rounded-full bg-border"
         }
-      ) : col.header }, col.key)) }) }),
-      /* @__PURE__ */ jsx(TableBody, { children: rows.map((row, i) => /* @__PURE__ */ jsx(TableRow, { children: columns.map((col) => /* @__PURE__ */ jsx(TableCell, { className: alignClass(col.align), children: col.render ? col.render(row) : String(row[col.key] ?? "") }, col.key)) }, getRowId ? getRowId(row, i) : i)) })
-    ] }),
-    pageCount > 1 ? /* @__PURE__ */ jsx(
-      Pagination,
-      {
-        page: clampedPage,
-        pageCount,
-        total: sorted.length,
-        onPageChange: setPage
-      }
-    ) : null
-  ] });
+      )
+    }
+  );
+}
+function Slider({
+  className,
+  defaultValue,
+  value,
+  min = 0,
+  max = 100,
+  ...props
+}) {
+  const _values = Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max];
+  return /* @__PURE__ */ jsx(
+    Slider$1.Root,
+    {
+      className: cn("data-horizontal:w-full data-vertical:h-full", className),
+      "data-slot": "slider",
+      defaultValue,
+      value,
+      min,
+      max,
+      thumbAlignment: "edge",
+      ...props,
+      children: /* @__PURE__ */ jsxs(Slider$1.Control, { className: "relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col", children: [
+        /* @__PURE__ */ jsx(
+          Slider$1.Track,
+          {
+            "data-slot": "slider-track",
+            className: "relative grow overflow-hidden rounded-full bg-muted select-none data-horizontal:h-1 data-horizontal:w-full data-vertical:h-full data-vertical:w-1",
+            children: /* @__PURE__ */ jsx(
+              Slider$1.Indicator,
+              {
+                "data-slot": "slider-range",
+                className: "bg-primary select-none data-horizontal:h-full data-vertical:w-full"
+              }
+            )
+          }
+        ),
+        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx(
+          Slider$1.Thumb,
+          {
+            "data-slot": "slider-thumb",
+            className: "relative block size-3 shrink-0 rounded-full border border-ring bg-white ring-ring/50 transition-[color,box-shadow] select-none after:absolute after:-inset-2 hover:ring-3 focus-visible:ring-3 focus-visible:outline-hidden active:ring-3 disabled:pointer-events-none disabled:opacity-50"
+          },
+          index
+        ))
+      ] })
+    }
+  );
+}
+function Spinner({ className, ...props }) {
+  return /* @__PURE__ */ jsx(Loader2Icon, { "data-slot": "spinner", role: "status", "aria-label": "Loading", className: cn("size-4 animate-spin", className), ...props });
 }
-function Pagination({ page, pageCount, total, onPageChange }) {
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 border-t border-border px-3 py-2 text-sm", children: [
-    /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
-      total != null ? `${total} rows \xB7 ` : "",
-      "Page ",
-      page + 1,
-      " of ",
-      pageCount
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
-      /* @__PURE__ */ jsx(Button, { size: "sm", variant: "outline", disabled: page === 0, onClick: () => onPageChange(page - 1), children: "Previous" }),
-      /* @__PURE__ */ jsx(
-        Button,
+function Switch({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Switch$1.Root,
+    {
+      "data-slot": "switch",
+      "data-size": size,
+      className: cn(
+        "peer group/switch relative 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 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:bg-primary data-unchecked:bg-input dark:data-unchecked:bg-input/80 data-disabled:cursor-not-allowed data-disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        Switch$1.Thumb,
         {
-          size: "sm",
-          variant: "outline",
-          disabled: page >= pageCount - 1,
-          onClick: () => onPageChange(page + 1),
-          children: "Next"
+          "data-slot": "switch-thumb",
+          className: "pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] dark:data-checked:bg-primary-foreground group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 dark:data-unchecked:bg-foreground"
         }
       )
-    ] })
-  ] });
-}
-function MetricCard({ label, value, delta, deltaLabel, icon, className }) {
-  const positive = (delta ?? 0) >= 0;
-  return /* @__PURE__ */ jsxs(Card, { className: cn("p-5", className), children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between", children: [
-      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-muted-foreground", children: label }),
-      icon ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: icon }) : null
-    ] }),
-    /* @__PURE__ */ jsx("p", { className: "mt-2 text-3xl font-semibold tracking-tight", children: value }),
-    delta != null ? /* @__PURE__ */ jsxs("p", { className: "mt-1 text-xs", children: [
-      /* @__PURE__ */ jsxs("span", { className: cn("font-medium", positive ? "text-[var(--chart-2)]" : "text-destructive"), children: [
-        positive ? "\u25B2" : "\u25BC",
-        " ",
-        Math.abs(delta),
-        "%"
-      ] }),
-      " ",
-      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: deltaLabel ?? "vs. previous" })
-    ] }) : null
-  ] });
+    }
+  );
 }
-function FilterBar({ className, children, ...props }) {
+function Tabs({
+  className,
+  orientation = "horizontal",
+  ...props
+}) {
   return /* @__PURE__ */ jsx(
-    "div",
+    Tabs$1.Root,
     {
+      "data-slot": "tabs",
+      "data-orientation": orientation,
       className: cn(
-        "flex flex-wrap items-end gap-3 rounded-xl border border-border bg-card p-4",
+        "group/tabs flex gap-2 data-horizontal:flex-col",
         className
       ),
-      ...props,
-      children
+      ...props
     }
   );
 }
-function FilterField({ label, children }) {
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
-    /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: label }),
-    children
-  ] });
+var tabsListVariants = cva(
+  "group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-8 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none",
+  {
+    variants: {
+      variant: {
+        default: "bg-muted",
+        line: "gap-1 bg-transparent"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function TabsList({
+  className,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Tabs$1.List,
+    {
+      "data-slot": "tabs-list",
+      "data-variant": variant,
+      className: cn(tabsListVariants({ variant }), className),
+      ...props
+    }
+  );
 }
-function DashboardShell({ title, description, actions, nav, children, className }) {
-  return /* @__PURE__ */ jsxs("div", { className: cn("min-h-screen bg-background text-foreground", className), children: [
-    /* @__PURE__ */ jsxs("header", { className: "sticky top-0 z-10 border-b border-border bg-background/80 backdrop-blur", children: [
-      /* @__PURE__ */ jsxs("div", { className: "mx-auto flex max-w-7xl flex-wrap items-center justify-between gap-3 px-6 py-4", children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          title ? /* @__PURE__ */ jsx("h1", { className: "text-xl font-semibold tracking-tight", children: title }) : null,
-          description ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: description }) : null
-        ] }),
-        actions ? /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: actions }) : null
-      ] }),
-      nav ? /* @__PURE__ */ jsx("nav", { className: "mx-auto max-w-7xl px-6 pb-2", children: nav }) : null
-    ] }),
-    /* @__PURE__ */ jsx("main", { className: "mx-auto max-w-7xl px-6 py-6", children })
-  ] });
+function TabsTrigger({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Tabs$1.Tab,
+    {
+      "data-slot": "tabs-trigger",
+      className: cn(
+        "relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 aria-disabled:pointer-events-none aria-disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent",
+        "data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground",
+        "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TabsContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Tabs$1.Panel,
+    {
+      "data-slot": "tabs-content",
+      className: cn("flex-1 text-sm outline-none", className),
+      ...props
+    }
+  );
 }
 function Loading({ label = "Loading\u2026", className }) {
   return /* @__PURE__ */ jsx("div", { className: cn("flex min-h-[30vh] items-center justify-center", className), role: "status", "aria-live": "polite", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 text-sm text-muted-foreground", children: [
@@ -337,280 +665,7 @@ function ErrorState({
     }
   );
 }
-var FIELD2 = "h-9 rounded-md border border-input bg-background px-3 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring";
-function DatePicker({ value, onChange, min, max, className, id }) {
-  return /* @__PURE__ */ jsx(
-    "input",
-    {
-      id,
-      type: "date",
-      value: value ?? "",
-      min,
-      max,
-      onChange: (e) => onChange?.(e.target.value),
-      className: cn(FIELD2, className)
-    }
-  );
-}
-function DateRangePicker({ value, onChange, className }) {
-  const from = value?.from ?? "";
-  const to = value?.to ?? "";
-  return /* @__PURE__ */ jsxs("div", { className: cn("inline-flex items-center gap-2", className), children: [
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        type: "date",
-        value: from,
-        max: to || void 0,
-        onChange: (e) => onChange?.({ from: e.target.value, to }),
-        className: FIELD2,
-        "aria-label": "From date"
-      }
-    ),
-    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2013" }),
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        type: "date",
-        value: to,
-        min: from || void 0,
-        onChange: (e) => onChange?.({ from, to: e.target.value }),
-        className: FIELD2,
-        "aria-label": "To date"
-      }
-    )
-  ] });
-}
-var CHART_COLORS = [
-  "var(--chart-1)",
-  "var(--chart-2)",
-  "var(--chart-3)",
-  "var(--chart-4)",
-  "var(--chart-5)"
-];
-function ChartContainer({
-  children,
-  className,
-  height = 260
-}) {
-  return /* @__PURE__ */ jsx("div", { className: cn("w-full", className), style: { height }, children });
-}
-function ChartLegend({ series }) {
-  return /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-4 pt-3 text-xs text-muted-foreground", children: series.map((s, i) => /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
-    /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: "h-2.5 w-2.5 rounded-[3px]",
-        style: { backgroundColor: s.color ?? CHART_COLORS[i % CHART_COLORS.length] }
-      }
-    ),
-    s.label ?? s.key
-  ] }, s.key)) });
-}
-function ChartTooltip({ children, className }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "pointer-events-none rounded-md border border-border bg-popover px-2.5 py-1.5 text-xs shadow-md",
-        className
-      ),
-      children
-    }
-  );
-}
-var PAD = { top: 8, right: 8, bottom: 22, left: 32 };
-function useGeometry(data, series) {
-  let max = 0;
-  for (const row of data) {
-    for (const s of series) {
-      const v = Number(row[s.key] ?? 0);
-      if (v > max) max = v;
-    }
-  }
-  return { max: max === 0 ? 1 : max };
-}
-function BarChart({
-  data,
-  categoryKey,
-  series,
-  height = 260,
-  className
-}) {
-  const width = 640;
-  const { max } = useGeometry(data, series);
-  const chartW = width - PAD.left - PAD.right;
-  const chartH = height - PAD.top - PAD.bottom;
-  const groupW = chartW / Math.max(1, data.length);
-  const barW = Math.max(2, groupW * 0.7 / series.length);
-  return /* @__PURE__ */ jsxs("div", { className: cn("w-full", className), children: [
-    /* @__PURE__ */ jsxs("svg", { viewBox: `0 0 ${width} ${height}`, className: "w-full", style: { height }, role: "img", children: [
-      [0, 0.25, 0.5, 0.75, 1].map((t) => {
-        const y = PAD.top + chartH * (1 - t);
-        return /* @__PURE__ */ jsxs("g", { children: [
-          /* @__PURE__ */ jsx("line", { x1: PAD.left, x2: width - PAD.right, y1: y, y2: y, stroke: "var(--border)", strokeWidth: 1 }),
-          /* @__PURE__ */ jsx("text", { x: PAD.left - 6, y: y + 3, textAnchor: "end", fontSize: 9, fill: "var(--muted-foreground)", children: Math.round(max * t) })
-        ] }, t);
-      }),
-      data.map((row, i) => {
-        const gx = PAD.left + groupW * i + (groupW - barW * series.length) / 2;
-        return /* @__PURE__ */ jsxs("g", { children: [
-          series.map((s, si) => {
-            const v = Number(row[s.key] ?? 0);
-            const h = v / max * chartH;
-            return /* @__PURE__ */ jsx(
-              "rect",
-              {
-                x: gx + si * barW,
-                y: PAD.top + chartH - h,
-                width: barW - 1,
-                height: Math.max(0, h),
-                rx: 2,
-                fill: s.color ?? CHART_COLORS[si % CHART_COLORS.length],
-                children: /* @__PURE__ */ jsx("title", { children: `${String(row[categoryKey])} \xB7 ${s.label ?? s.key}: ${v}` })
-              },
-              s.key
-            );
-          }),
-          /* @__PURE__ */ jsx(
-            "text",
-            {
-              x: PAD.left + groupW * i + groupW / 2,
-              y: height - 6,
-              textAnchor: "middle",
-              fontSize: 9,
-              fill: "var(--muted-foreground)",
-              children: String(row[categoryKey])
-            }
-          )
-        ] }, i);
-      })
-    ] }),
-    /* @__PURE__ */ jsx(ChartLegend, { series })
-  ] });
-}
-function LineChart({
-  data,
-  categoryKey,
-  series,
-  height = 260,
-  className
-}) {
-  const width = 640;
-  const { max } = useGeometry(data, series);
-  const chartW = width - PAD.left - PAD.right;
-  const chartH = height - PAD.top - PAD.bottom;
-  const stepX = chartW / Math.max(1, data.length - 1);
-  const pointFor = (v, i) => ({
-    x: PAD.left + stepX * i,
-    y: PAD.top + chartH - v / max * chartH
-  });
-  return /* @__PURE__ */ jsxs("div", { className: cn("w-full", className), children: [
-    /* @__PURE__ */ jsxs("svg", { viewBox: `0 0 ${width} ${height}`, className: "w-full", style: { height }, role: "img", children: [
-      [0, 0.5, 1].map((t) => {
-        const y = PAD.top + chartH * (1 - t);
-        return /* @__PURE__ */ jsx("line", { x1: PAD.left, x2: width - PAD.right, y1: y, y2: y, stroke: "var(--border)", strokeWidth: 1 }, t);
-      }),
-      series.map((s, si) => {
-        const pts = data.map((row, i) => pointFor(Number(row[s.key] ?? 0), i));
-        const d = pts.map((p, i) => `${i === 0 ? "M" : "L"}${p.x},${p.y}`).join(" ");
-        const color = s.color ?? CHART_COLORS[si % CHART_COLORS.length];
-        return /* @__PURE__ */ jsxs("g", { children: [
-          /* @__PURE__ */ jsx("path", { d, fill: "none", stroke: color, strokeWidth: 2 }),
-          pts.map((p, i) => /* @__PURE__ */ jsx("circle", { cx: p.x, cy: p.y, r: 2.5, fill: color }, i))
-        ] }, s.key);
-      }),
-      data.map((row, i) => /* @__PURE__ */ jsx(
-        "text",
-        {
-          x: PAD.left + stepX * i,
-          y: height - 6,
-          textAnchor: "middle",
-          fontSize: 9,
-          fill: "var(--muted-foreground)",
-          children: String(row[categoryKey])
-        },
-        i
-      ))
-    ] }),
-    /* @__PURE__ */ jsx(ChartLegend, { series })
-  ] });
-}
-function Dialog({ open, onClose, title, description, children, footer, className }) {
-  useEffect(() => {
-    if (!open) return;
-    const onKey = (e) => {
-      if (e.key === "Escape") onClose();
-    };
-    document.addEventListener("keydown", onKey);
-    return () => document.removeEventListener("keydown", onKey);
-  }, [open, onClose]);
-  if (!open) return null;
-  return /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: [
-    /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-black/50", onClick: onClose, "aria-hidden": true }),
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        role: "dialog",
-        "aria-modal": "true",
-        className: cn(
-          "relative z-10 w-full max-w-lg rounded-xl border border-border bg-card p-6 shadow-lg",
-          className
-        ),
-        children: [
-          title ? /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: title }) : null,
-          description ? /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: description }) : null,
-          children ? /* @__PURE__ */ jsx("div", { className: "mt-4", children }) : null,
-          footer ? /* @__PURE__ */ jsx("div", { className: "mt-6 flex justify-end gap-2", children: footer }) : null
-        ]
-      }
-    )
-  ] });
-}
-function DropdownMenu({ trigger, items, align = "start", className }) {
-  const [open, setOpen] = useState(false);
-  const ref = useRef(null);
-  useEffect(() => {
-    if (!open) return;
-    const onDoc = (e) => {
-      if (ref.current && !ref.current.contains(e.target)) setOpen(false);
-    };
-    document.addEventListener("mousedown", onDoc);
-    return () => document.removeEventListener("mousedown", onDoc);
-  }, [open]);
-  return /* @__PURE__ */ jsxs("div", { ref, className: cn("relative inline-block", className), children: [
-    /* @__PURE__ */ jsx("span", { onClick: () => setOpen((v) => !v), children: trigger }),
-    open ? /* @__PURE__ */ jsx(
-      "div",
-      {
-        role: "menu",
-        className: cn(
-          "absolute z-50 mt-1 min-w-[10rem] rounded-md border border-border bg-popover p-1 shadow-md",
-          align === "end" ? "right-0" : "left-0"
-        ),
-        children: items.map((item, i) => /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            role: "menuitem",
-            disabled: item.disabled,
-            onClick: () => {
-              item.onSelect?.();
-              setOpen(false);
-            },
-            className: cn(
-              "flex w-full items-center rounded-sm px-2 py-1.5 text-left text-sm",
-              "hover:bg-accent hover:text-accent-foreground disabled:pointer-events-none disabled:opacity-50"
-            ),
-            children: item.label
-          },
-          i
-        ))
-      }
-    ) : null
-  ] });
-}
 
-export { BarChart, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChartContainer, ChartLegend, ChartTooltip, Checkbox, DashboardShell, DataTable, DatePicker, DateRangePicker, Dialog, DropdownMenu, Empty, ErrorState, FilterBar, FilterField, Input, LineChart, Loading, MetricCard, Pagination, Select, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, cn };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertAction, AlertDescription, AlertTitle, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Empty, ErrorState, Label, Loading, Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, ScrollArea, ScrollBar, Slider, Spinner, Switch, Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map