@devalok/shilp-sutra 0.8.3 → 0.9.0

package/dist/ui/index.js

@@ -1,328 +1,526 @@
 "use client";
-import { Button as r, buttonVariants as t } from "./button.js";
-import { IconButton as n } from "./icon-button.js";
-import { ButtonGroup as p, useButtonGroup as u } from "./button-group.js";
-import { Input as m, inputVariants as d } from "./input.js";
-import { ColorInput as x } from "./color-input.js";
-import { Label as S } from "./label.js";
-import { Separator as s } from "./separator.js";
-import { VisuallyHidden as M } from "./visually-hidden.js";
-import { Autocomplete as c } from "./autocomplete.js";
-import { Combobox as I } from "./combobox.js";
-import { FileUpload as v } from "./file-upload.js";
-import { Checkbox as w } from "./checkbox.js";
-import { RadioGroup as V, RadioGroupItem as B } from "./radio.js";
-import { Switch as k } from "./switch.js";
-import { Select as L, SelectContent as R, SelectGroup as H, SelectItem as N, SelectLabel as O, SelectScrollDownButton as y, SelectScrollUpButton as E, SelectSeparator as U, SelectTrigger as j, SelectValue as q, selectTriggerVariants as z } from "./select.js";
-import { Textarea as K, textareaVariants as Q } from "./textarea.js";
-import { NumberInput as X } from "./number-input.js";
-import { SearchInput as Z } from "./search-input.js";
-import { InputOTP as $, InputOTPGroup as ee, InputOTPSeparator as oe, InputOTPSlot as re } from "./input-otp.js";
-import { FormField as ae, FormHelperText as ne, useFormField as ie } from "./form.js";
-import { Slider as ue } from "./slider.js";
-import { Toggle as me, toggleVariants as de } from "./toggle.js";
-import { ToggleGroup as xe, ToggleGroupItem as be } from "./toggle-group.js";
-import { AlertDialog as Ce, AlertDialogAction as se, AlertDialogCancel as fe, AlertDialogContent as Me, AlertDialogDescription as Te, AlertDialogFooter as ce, AlertDialogHeader as De, AlertDialogOverlay as Ie, AlertDialogPortal as Pe, AlertDialogTitle as ve, AlertDialogTrigger as Ae } from "./alert-dialog.js";
-import { Dialog as he, DialogClose as Ve, DialogContent as Be, DialogContentRaw as Ge, DialogDescription as ke, DialogFooter as Fe, DialogHeader as Le, DialogOverlay as Re, DialogPortal as He, DialogTitle as Ne, DialogTrigger as Oe } from "./dialog.js";
-import { Sheet as Ee, SheetClose as Ue, SheetContent as je, SheetDescription as qe, SheetFooter as ze, SheetHeader as Je, SheetOverlay as Ke, SheetPortal as Qe, SheetTitle as We, SheetTrigger as Xe } from "./sheet.js";
-import { Toast as Ze, ToastAction as _e, ToastClose as $e, ToastDescription as eo, ToastProvider as oo, ToastTitle as ro, ToastViewport as to } from "./toast.js";
-import { Toaster as no } from "./toaster.js";
-import { Tooltip as po, TooltipContent as uo, TooltipProvider as lo, TooltipTrigger as mo } from "./tooltip.js";
-import { Popover as xo, PopoverAnchor as bo, PopoverContent as So, PopoverTrigger as Co } from "./popover.js";
-import { HoverCard as fo, HoverCardContent as Mo, HoverCardTrigger as To } from "./hover-card.js";
-import { Collapsible as Do, CollapsibleContent as Io, CollapsibleTrigger as Po } from "./collapsible.js";
-import { Alert as Ao, alertVariants as wo } from "./alert.js";
-import { Banner as Vo, bannerVariants as Bo } from "./banner.js";
-import { Spinner as ko } from "./spinner.js";
-import { Card as Lo, CardContent as Ro, CardDescription as Ho, CardFooter as No, CardHeader as Oo, CardTitle as yo, cardVariants as Eo } from "./card.js";
-import { Badge as jo, badgeVariants as qo } from "./badge.js";
-import { Avatar as Jo, AvatarFallback as Ko, AvatarImage as Qo, avatarVariants as Wo } from "./avatar.js";
-import { Table as Yo, TableBody as Zo, TableCaption as _o, TableCell as $o, TableFooter as er, TableHead as or, TableHeader as rr, TableRow as tr } from "./table.js";
-import { Progress as nr, progressIndicatorVariants as ir, progressTrackVariants as pr } from "./progress.js";
-import { Skeleton as lr, skeletonVariants as mr } from "./skeleton.js";
-import { StatCard as gr } from "./stat-card.js";
-import { Code as br } from "./code.js";
-import { AspectRatio as Cr } from "./aspect-ratio.js";
-import { Accordion as fr, AccordionContent as Mr, AccordionItem as Tr, AccordionTrigger as cr } from "./accordion.js";
-import { Tabs as Ir, TabsContent as Pr, TabsList as vr, TabsTrigger as Ar } from "./tabs.js";
-import { Breadcrumb as hr, BreadcrumbEllipsis as Vr, BreadcrumbItem as Br, BreadcrumbLink as Gr, BreadcrumbList as kr, BreadcrumbPage as Fr, BreadcrumbSeparator as Lr } from "./breadcrumb.js";
-import { DropdownMenu as Hr, DropdownMenuCheckboxItem as Nr, DropdownMenuContent as Or, DropdownMenuGroup as yr, DropdownMenuItem as Er, DropdownMenuLabel as Ur, DropdownMenuPortal as jr, DropdownMenuRadioGroup as qr, DropdownMenuRadioItem as zr, DropdownMenuSeparator as Jr, DropdownMenuShortcut as Kr, DropdownMenuSub as Qr, DropdownMenuSubContent as Wr, DropdownMenuSubTrigger as Xr, DropdownMenuTrigger as Yr } from "./dropdown-menu.js";
-import { ContextMenu as _r, ContextMenuCheckboxItem as $r, ContextMenuContent as et, ContextMenuGroup as ot, ContextMenuItem as rt, ContextMenuLabel as tt, ContextMenuPortal as at, ContextMenuRadioGroup as nt, ContextMenuRadioItem as it, ContextMenuSeparator as pt, ContextMenuShortcut as ut, ContextMenuSub as lt, ContextMenuSubContent as mt, ContextMenuSubTrigger as dt, ContextMenuTrigger as gt } from "./context-menu.js";
-import { Menubar as bt, MenubarCheckboxItem as St, MenubarContent as Ct, MenubarGroup as st, MenubarItem as ft, MenubarLabel as Mt, MenubarMenu as Tt, MenubarPortal as ct, MenubarRadioGroup as Dt, MenubarRadioItem as It, MenubarSeparator as Pt, MenubarShortcut as vt, MenubarSub as At, MenubarSubContent as wt, MenubarSubTrigger as ht, MenubarTrigger as Vt } from "./menubar.js";
-import { PaginationContent as Gt, PaginationEllipsis as kt, PaginationItem as Ft, PaginationLink as Lt, PaginationNav as Rt, PaginationNext as Ht, PaginationPrevious as Nt, PaginationRoot as Ot, generatePagination as yt } from "./pagination.js";
-import { NavigationMenu as Ut, NavigationMenuContent as jt, NavigationMenuIndicator as qt, NavigationMenuItem as zt, NavigationMenuLink as Jt, NavigationMenuList as Kt, NavigationMenuTrigger as Qt, NavigationMenuViewport as Wt } from "./navigation-menu.js";
-import { Sidebar as Yt, SidebarContent as Zt, SidebarFooter as _t, SidebarGroup as $t, SidebarGroupAction as ea, SidebarGroupContent as oa, SidebarGroupLabel as ra, SidebarHeader as ta, SidebarInput as aa, SidebarInset as na, SidebarMenu as ia, SidebarMenuAction as pa, SidebarMenuBadge as ua, SidebarMenuButton as la, SidebarMenuItem as ma, SidebarMenuSkeleton as da, SidebarMenuSub as ga, SidebarMenuSubButton as xa, SidebarMenuSubItem as ba, SidebarProvider as Sa, SidebarRail as Ca, SidebarSeparator as sa, SidebarTrigger as fa, useSidebar as Ma } from "./sidebar.js";
-import { Step as ca, Stepper as Da } from "./stepper.js";
-import { Chip as Pa, chipVariants as va } from "./chip.js";
-import { Collapse as wa, Fade as ha, Grow as Va, Slide as Ba } from "./transitions.js";
-import { Text as ka, textVariants as Fa } from "./text.js";
-import { Stack as Ra } from "./stack.js";
-import { Container as Na } from "./container.js";
-import { SegmentedControl as ya, SegmentedControlItem as Ea, segmentedControlItemVariants as Ua } from "./segmented-control.js";
-import { Link as qa } from "./link.js";
-import { cn as Ja } from "./lib/utils.js";
-import { duration as Qa, durations as Wa, easings as Xa, motion as Ya } from "./lib/motion.js";
-import { TreeItem as _a } from "./tree-view/tree-item.js";
-import { TreeView as en } from "./tree-view/tree-view.js";
-import { useTree as rn } from "./tree-view/use-tree.js";
+import { B as K, b as Q } from "../_chunks/button.js";
+import { IconButton as Y } from "./icon-button.js";
+import { B as $, S as ee, u as re } from "../_chunks/spinner.js";
+import { I as ae, l as oe, S as ne, c as se, h as ie, d as le, m as ce, f as de, e as be, a as ue, n as ge, o as xe, g as me, p as pe, q as fe, j as ve, i as ye, r as Ne, s as Se, t as Ce, u as Te, v as we, w as Me, b as he, k as Ie, x as De, y as Ae } from "../_chunks/sidebar.js";
+import { ColorInput as Ve } from "./color-input.js";
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import * as s from "react";
+import { E as m, bo as S, bn as p, bl as f, bm as v } from "../_chunks/primitives.js";
+import { c as l } from "../_chunks/utils.js";
+import { VisuallyHidden as ke } from "./visually-hidden.js";
+import { Autocomplete as Ge } from "./autocomplete.js";
+import { Combobox as Fe } from "./combobox.js";
+import { FileUpload as ze } from "./file-upload.js";
+import { C as je } from "../_chunks/checkbox.js";
+import { RadioGroup as Ue, RadioGroupItem as qe } from "./radio.js";
+import { C as _e, c as Je, d as Ke, e as Qe, a as We, b as Ye, S as Ze, f as $e } from "../_chunks/card.js";
+import { Select as rr, SelectContent as tr, SelectGroup as ar, SelectItem as or, SelectLabel as nr, SelectScrollDownButton as sr, SelectScrollUpButton as ir, SelectSeparator as lr, SelectTrigger as cr, SelectValue as dr, selectTriggerVariants as br } from "./select.js";
+import { Textarea as gr, textareaVariants as xr } from "./textarea.js";
+import { NumberInput as pr } from "./number-input.js";
+import { SearchInput as vr } from "./search-input.js";
+import { InputOTP as Nr, InputOTPGroup as Sr, InputOTPSeparator as Cr, InputOTPSlot as Tr } from "./input-otp.js";
+import { F as Mr, a as hr, u as Ir } from "../_chunks/form.js";
+import { Slider as Ar } from "./slider.js";
+import { Toggle as Vr, toggleVariants as Rr } from "./toggle.js";
+import { ToggleGroup as Br, ToggleGroupItem as Gr } from "./toggle-group.js";
+import { AlertDialog as Fr, AlertDialogAction as Hr, AlertDialogCancel as zr, AlertDialogContent as Or, AlertDialogDescription as jr, AlertDialogFooter as Er, AlertDialogHeader as Ur, AlertDialogOverlay as qr, AlertDialogPortal as Xr, AlertDialogTitle as _r, AlertDialogTrigger as Jr } from "./alert-dialog.js";
+import { Dialog as Qr, DialogClose as Wr, DialogContent as Yr, DialogContentRaw as Zr, DialogDescription as $r, DialogFooter as et, DialogHeader as rt, DialogOverlay as tt, DialogPortal as at, DialogTitle as ot, DialogTrigger as nt } from "./dialog.js";
+import { Sheet as it, SheetClose as lt, SheetContent as ct, SheetDescription as dt, SheetFooter as bt, SheetHeader as ut, SheetOverlay as gt, SheetPortal as xt, SheetTitle as mt, SheetTrigger as pt } from "./sheet.js";
+import { Toast as vt, ToastAction as yt, ToastClose as Nt, ToastDescription as St, ToastProvider as Ct, ToastTitle as Tt, ToastViewport as wt } from "./toast.js";
+import { Toaster as ht } from "./toaster.js";
+import { a as Dt, c as At, T as Pt, b as Vt } from "../_chunks/tooltip.js";
+import { Popover as kt, PopoverAnchor as Bt, PopoverContent as Gt, PopoverTrigger as Lt } from "./popover.js";
+import { HoverCard as Ht, HoverCardContent as zt, HoverCardTrigger as Ot } from "./hover-card.js";
+import { Collapsible as Et, CollapsibleContent as Ut, CollapsibleTrigger as qt } from "./collapsible.js";
+import { IconInfoCircle as x, IconAlertCircle as C, IconAlertTriangle as T, IconCircleCheck as w, IconX as y } from "@tabler/icons-react";
+import { m as d } from "../_chunks/vendor.js";
+import { Banner as _t, bannerVariants as Jt } from "./banner.js";
+import { A as Qt, b as Wt, a as Yt, c as Zt } from "../_chunks/avatar.js";
+import { Table as ea, TableBody as ra, TableCaption as ta, TableCell as aa, TableFooter as oa, TableHead as na, TableHeader as sa, TableRow as ia } from "./table.js";
+import { Progress as ca, progressIndicatorVariants as da, progressTrackVariants as ba } from "./progress.js";
+import { Skeleton as ga, skeletonVariants as xa } from "./skeleton.js";
+import { StatCard as pa } from "./stat-card.js";
+import { Code as va } from "./code.js";
+import { AspectRatio as Na } from "./aspect-ratio.js";
+import { Accordion as Ca, AccordionContent as Ta, AccordionItem as wa, AccordionTrigger as Ma } from "./accordion.js";
+import { Breadcrumb as Ia, BreadcrumbEllipsis as Da, BreadcrumbItem as Aa, BreadcrumbLink as Pa, BreadcrumbList as Va, BreadcrumbPage as Ra, BreadcrumbSeparator as ka } from "./breadcrumb.js";
+import { DropdownMenu as Ga, DropdownMenuCheckboxItem as La, DropdownMenuContent as Fa, DropdownMenuGroup as Ha, DropdownMenuItem as za, DropdownMenuLabel as Oa, DropdownMenuPortal as ja, DropdownMenuRadioGroup as Ea, DropdownMenuRadioItem as Ua, DropdownMenuSeparator as qa, DropdownMenuShortcut as Xa, DropdownMenuSub as _a, DropdownMenuSubContent as Ja, DropdownMenuSubTrigger as Ka, DropdownMenuTrigger as Qa } from "./dropdown-menu.js";
+import { ContextMenu as Ya, ContextMenuCheckboxItem as Za, ContextMenuContent as $a, ContextMenuGroup as eo, ContextMenuItem as ro, ContextMenuLabel as to, ContextMenuPortal as ao, ContextMenuRadioGroup as oo, ContextMenuRadioItem as no, ContextMenuSeparator as so, ContextMenuShortcut as io, ContextMenuSub as lo, ContextMenuSubContent as co, ContextMenuSubTrigger as bo, ContextMenuTrigger as uo } from "./context-menu.js";
+import { Menubar as xo, MenubarCheckboxItem as mo, MenubarContent as po, MenubarGroup as fo, MenubarItem as vo, MenubarLabel as yo, MenubarMenu as No, MenubarPortal as So, MenubarRadioGroup as Co, MenubarRadioItem as To, MenubarSeparator as wo, MenubarShortcut as Mo, MenubarSub as ho, MenubarSubContent as Io, MenubarSubTrigger as Do, MenubarTrigger as Ao } from "./menubar.js";
+import { PaginationContent as Vo, PaginationEllipsis as Ro, PaginationItem as ko, PaginationLink as Bo, PaginationNav as Go, PaginationNext as Lo, PaginationPrevious as Fo, PaginationRoot as Ho, generatePagination as zo } from "./pagination.js";
+import { NavigationMenu as jo, NavigationMenuContent as Eo, NavigationMenuIndicator as Uo, NavigationMenuItem as qo, NavigationMenuLink as Xo, NavigationMenuList as _o, NavigationMenuTrigger as Jo, NavigationMenuViewport as Ko } from "./navigation-menu.js";
+import { Step as Wo, Stepper as Yo } from "./stepper.js";
+import { Chip as $o, chipVariants as en } from "./chip.js";
+import { Collapse as tn, Fade as an, Grow as on, Slide as nn } from "./transitions.js";
+import { Text as ln, textVariants as cn } from "./text.js";
+import { Stack as bn } from "./stack.js";
+import { Container as gn } from "./container.js";
+import { T as mn, a as pn, u as fn } from "../_chunks/tree-view.js";
+import { SegmentedControl as yn, SegmentedControlItem as Nn, segmentedControlItemVariants as Sn } from "./segmented-control.js";
+import { Link as Tn } from "./link.js";
+const M = s.forwardRef(({ className: e, required: r, children: a, ...n }, o) => c(m, { ref: o, className: l("font-sans text-ds-md font-medium text-text-primary leading-none peer-disabled:opacity-[0.38]", e), ...n, children: [a, r && t("span", { className: "text-text-error ml-ds-01", "aria-hidden": "true", children: "*" })] }));
+M.displayName = m.displayName;
+const h = d("relative flex gap-ds-04 rounded-ds-lg border p-ds-05", {
+  variants: {
+    variant: {
+      subtle: "",
+      filled: "",
+      outline: ""
+    },
+    color: {
+      info: "",
+      success: "",
+      warning: "",
+      error: "",
+      neutral: ""
+    }
+  },
+  compoundVariants: [
+    // subtle (surface bg) — default, matches previous behavior
+    { variant: "subtle", color: "info", className: "bg-info-surface border-info-border text-info-text" },
+    { variant: "subtle", color: "success", className: "bg-success-surface border-success-border text-success-text" },
+    { variant: "subtle", color: "warning", className: "bg-warning-surface border-warning-border text-warning-text" },
+    { variant: "subtle", color: "error", className: "bg-error-surface border-error-border text-error-text" },
+    { variant: "subtle", color: "neutral", className: "bg-layer-02 border-border text-text-primary [&>svg]:text-text-secondary" },
+    // filled (solid bg, white text)
+    { variant: "filled", color: "info", className: "bg-info text-text-on-color border-transparent [&>svg]:text-text-on-color" },
+    { variant: "filled", color: "success", className: "bg-success text-text-on-color border-transparent [&>svg]:text-text-on-color" },
+    { variant: "filled", color: "warning", className: "bg-warning text-text-on-color border-transparent [&>svg]:text-text-on-color" },
+    { variant: "filled", color: "error", className: "bg-error text-text-on-color border-transparent [&>svg]:text-text-on-color" },
+    { variant: "filled", color: "neutral", className: "bg-layer-03 text-text-primary border-transparent [&>svg]:text-text-secondary" },
+    // outline (transparent bg, colored border)
+    { variant: "outline", color: "info", className: "bg-transparent border-info-border text-info-text" },
+    { variant: "outline", color: "success", className: "bg-transparent border-success-border text-success-text" },
+    { variant: "outline", color: "warning", className: "bg-transparent border-warning-border text-warning-text" },
+    { variant: "outline", color: "error", className: "bg-transparent border-error-border text-error-text" },
+    { variant: "outline", color: "neutral", className: "bg-transparent border-border text-text-primary [&>svg]:text-text-secondary" }
+  ],
+  defaultVariants: { variant: "subtle", color: "info" }
+}), I = {
+  info: x,
+  success: w,
+  warning: T,
+  error: C,
+  neutral: x
+}, D = s.forwardRef(({ className: e, variant: r = "subtle", color: a = "info", title: n, onDismiss: o, children: i, ...b }, u) => {
+  const g = I[a ?? "info"];
+  return c("div", { ref: u, className: l(h({ variant: r, color: a }), e), role: "alert", ...b, children: [t(g, { className: "mt-ds-01 h-ico-md w-ico-md shrink-0", "aria-hidden": "true" }), c("div", { className: "flex-1 min-w-0", children: [n && t("p", { className: "text-ds-md font-semibold mb-ds-01", children: n }), t("div", { className: "text-ds-md opacity-[0.9]", children: i })] }), o && t("button", { type: "button", onClick: o, className: "shrink-0 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-sm text-icon-secondary transition-colors hover:text-icon-primary hover:bg-field focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus", "aria-label": "Dismiss", children: t(y, { className: "h-ico-sm w-ico-sm" }) })] });
+});
+D.displayName = "Alert";
+const A = d("inline-flex items-center gap-ds-02b font-sans font-medium rounded-ds-full border", {
+  variants: {
+    variant: {
+      subtle: "",
+      secondary: "",
+      // alias → subtle
+      solid: "",
+      outline: "",
+      destructive: ""
+      // alias → solid + error
+    },
+    color: {
+      default: "",
+      info: "",
+      success: "",
+      error: "",
+      warning: "",
+      brand: "",
+      accent: "",
+      teal: "",
+      amber: "",
+      slate: "",
+      indigo: "",
+      cyan: "",
+      orange: "",
+      emerald: ""
+    },
+    size: {
+      xs: "h-[16px] px-ds-02b text-ds-xs",
+      sm: "h-[20px] px-ds-03 text-ds-xs",
+      md: "h-ds-xs px-ds-03 text-ds-sm",
+      lg: "h-ds-xs-plus px-ds-04 text-ds-md"
+    }
+  },
+  compoundVariants: [
+    // subtle (surface bg)
+    { variant: "subtle", color: "default", className: "bg-field text-text-secondary border-border" },
+    // "secondary" alias → same as subtle + default
+    { variant: "secondary", color: "default", className: "bg-field text-text-secondary border-border" },
+    // "destructive" alias → solid + error
+    { variant: "destructive", color: "default", className: "bg-error text-text-on-color border-transparent" },
+    { variant: "destructive", color: "error", className: "bg-error text-text-on-color border-transparent" },
+    { variant: "subtle", color: "info", className: "bg-info-surface text-info-text border-info-border" },
+    { variant: "subtle", color: "success", className: "bg-success-surface text-success-text border-success-border" },
+    { variant: "subtle", color: "error", className: "bg-error-surface text-error-text border-error-border" },
+    { variant: "subtle", color: "warning", className: "bg-warning-surface text-warning-text border-warning-border" },
+    { variant: "subtle", color: "brand", className: "bg-interactive-subtle text-text-brand border-interactive" },
+    { variant: "subtle", color: "accent", className: "bg-accent-subtle text-accent border-accent" },
+    { variant: "subtle", color: "teal", className: "bg-category-teal-surface text-category-teal-text border-category-teal-border" },
+    { variant: "subtle", color: "amber", className: "bg-category-amber-surface text-category-amber-text border-category-amber-border" },
+    { variant: "subtle", color: "slate", className: "bg-category-slate-surface text-category-slate-text border-category-slate-border" },
+    { variant: "subtle", color: "indigo", className: "bg-category-indigo-surface text-category-indigo-text border-category-indigo-border" },
+    { variant: "subtle", color: "cyan", className: "bg-category-cyan-surface text-category-cyan-text border-category-cyan-border" },
+    { variant: "subtle", color: "orange", className: "bg-category-orange-surface text-category-orange-text border-category-orange-border" },
+    { variant: "subtle", color: "emerald", className: "bg-category-emerald-surface text-category-emerald-text border-category-emerald-border" },
+    // solid (filled bg)
+    { variant: "solid", color: "default", className: "bg-interactive text-text-on-color border-transparent" },
+    { variant: "solid", color: "info", className: "bg-info text-text-on-color border-transparent" },
+    { variant: "solid", color: "success", className: "bg-success text-text-on-color border-transparent" },
+    { variant: "solid", color: "error", className: "bg-error text-text-on-color border-transparent" },
+    { variant: "solid", color: "warning", className: "bg-warning text-text-on-color border-transparent" },
+    { variant: "solid", color: "brand", className: "bg-interactive text-text-on-color border-transparent" },
+    { variant: "solid", color: "accent", className: "bg-accent text-text-on-color border-transparent" },
+    { variant: "solid", color: "teal", className: "bg-category-teal text-text-on-color border-transparent" },
+    { variant: "solid", color: "amber", className: "bg-category-amber text-text-on-color border-transparent" },
+    { variant: "solid", color: "slate", className: "bg-category-slate text-text-on-color border-transparent" },
+    { variant: "solid", color: "indigo", className: "bg-category-indigo text-text-on-color border-transparent" },
+    { variant: "solid", color: "cyan", className: "bg-category-cyan text-text-on-color border-transparent" },
+    { variant: "solid", color: "orange", className: "bg-category-orange text-text-on-color border-transparent" },
+    { variant: "solid", color: "emerald", className: "bg-category-emerald text-text-on-color border-transparent" },
+    // outline (border only)
+    { variant: "outline", color: "default", className: "bg-transparent text-text-secondary border-border" },
+    { variant: "outline", color: "info", className: "bg-transparent text-info-text border-info-border" },
+    { variant: "outline", color: "success", className: "bg-transparent text-success-text border-success-border" },
+    { variant: "outline", color: "error", className: "bg-transparent text-error-text border-error-border" },
+    { variant: "outline", color: "warning", className: "bg-transparent text-warning-text border-warning-border" },
+    { variant: "outline", color: "brand", className: "bg-transparent text-text-brand border-interactive" },
+    { variant: "outline", color: "accent", className: "bg-transparent text-accent border-accent" },
+    { variant: "outline", color: "teal", className: "bg-transparent text-category-teal-text border-category-teal-border" },
+    { variant: "outline", color: "amber", className: "bg-transparent text-category-amber-text border-category-amber-border" },
+    { variant: "outline", color: "slate", className: "bg-transparent text-category-slate-text border-category-slate-border" },
+    { variant: "outline", color: "indigo", className: "bg-transparent text-category-indigo-text border-category-indigo-border" },
+    { variant: "outline", color: "cyan", className: "bg-transparent text-category-cyan-text border-category-cyan-border" },
+    { variant: "outline", color: "orange", className: "bg-transparent text-category-orange-text border-category-orange-border" },
+    { variant: "outline", color: "emerald", className: "bg-transparent text-category-emerald-text border-category-emerald-border" }
+  ],
+  defaultVariants: {
+    variant: "subtle",
+    color: "default",
+    size: "md"
+  }
+}), P = s.forwardRef(({ className: e, variant: r, color: a, size: n, dot: o, onDismiss: i, children: b, ...u }, g) => c("span", { ref: g, className: l(A({ variant: r, color: a, size: n }), e), ...u, children: [o && t("span", { className: "h-ds-02b w-ds-02b rounded-ds-full bg-current opacity-[0.7] shrink-0", "aria-hidden": "true" }), b, i && t("button", { type: "button", onClick: i, className: "ml-ds-01 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-full text-icon-secondary transition-colors hover:text-icon-primary hover:bg-field focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus", "aria-label": "Remove", children: t(y, { className: "h-ico-sm w-ico-sm" }) })] }));
+P.displayName = "Badge";
+const U = S, N = s.createContext({ variant: "line" }), V = d("inline-flex items-center", {
+  variants: {
+    variant: {
+      line: "border-b border-border w-full gap-0",
+      contained: "bg-layer-02 p-ds-02 rounded-ds-lg gap-ds-02"
+    }
+  },
+  defaultVariants: { variant: "line" }
+}), R = d("inline-flex items-center justify-center whitespace-nowrap font-sans text-ds-md font-medium transition-[color,background-color,border-color,box-shadow] duration-fast-01 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-1 disabled:pointer-events-none disabled:opacity-[0.38]", {
+  variants: {
+    variant: {
+      line: [
+        "px-ds-05 py-ds-03 -mb-px border-b-2 border-transparent",
+        "text-text-secondary hover:text-text-primary",
+        "data-[state=active]:border-interactive data-[state=active]:text-interactive"
+      ],
+      contained: [
+        "px-ds-05 py-ds-02b rounded-ds-md",
+        "text-text-secondary hover:text-text-primary",
+        "data-[state=active]:bg-layer-01 data-[state=active]:shadow-01 data-[state=active]:text-text-primary"
+      ]
+    }
+  },
+  defaultVariants: { variant: "line" }
+}), k = s.forwardRef(({ className: e, variant: r, ...a }, n) => {
+  const o = r ?? "line";
+  return t(N.Provider, { value: { variant: o }, children: t(f, { ref: n, className: l(V({ variant: o }), e), ...a }) });
+});
+k.displayName = f.displayName;
+const B = s.forwardRef(({ className: e, variant: r, ...a }, n) => {
+  const o = s.useContext(N), i = r ?? o.variant;
+  return t(v, { ref: n, className: l(R({ variant: i }), e), ...a });
+});
+B.displayName = v.displayName;
+const G = s.forwardRef(({ className: e, ...r }, a) => t(p, { ref: a, className: l("mt-ds-05 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-2", e), ...r }));
+G.displayName = p.displayName;
+const L = {
+  productive: {
+    standard: "cubic-bezier(0.2, 0, 0.38, 0.9)",
+    entrance: "cubic-bezier(0, 0, 0.38, 0.9)",
+    exit: "cubic-bezier(0.2, 0, 1, 0.9)"
+  },
+  expressive: {
+    standard: "cubic-bezier(0.4, 0.14, 0.3, 1)",
+    entrance: "cubic-bezier(0, 0, 0.3, 1)",
+    exit: "cubic-bezier(0.4, 0.14, 1, 1)"
+  }
+}, F = {
+  instant: "0ms",
+  "fast-01": "70ms",
+  "fast-02": "110ms",
+  "moderate-01": "150ms",
+  "moderate-02": "240ms",
+  "slow-01": "400ms",
+  "slow-02": "700ms"
+};
+function q(e, r) {
+  return L[r][e];
+}
+function X(e) {
+  return F[e];
+}
 export {
-  fr as Accordion,
-  Mr as AccordionContent,
-  Tr as AccordionItem,
-  cr as AccordionTrigger,
-  Ao as Alert,
-  Ce as AlertDialog,
-  se as AlertDialogAction,
-  fe as AlertDialogCancel,
-  Me as AlertDialogContent,
-  Te as AlertDialogDescription,
-  ce as AlertDialogFooter,
-  De as AlertDialogHeader,
-  Ie as AlertDialogOverlay,
-  Pe as AlertDialogPortal,
-  ve as AlertDialogTitle,
-  Ae as AlertDialogTrigger,
-  Cr as AspectRatio,
-  c as Autocomplete,
-  Jo as Avatar,
-  Ko as AvatarFallback,
-  Qo as AvatarImage,
-  jo as Badge,
-  Vo as Banner,
-  hr as Breadcrumb,
-  Vr as BreadcrumbEllipsis,
-  Br as BreadcrumbItem,
-  Gr as BreadcrumbLink,
-  kr as BreadcrumbList,
-  Fr as BreadcrumbPage,
-  Lr as BreadcrumbSeparator,
-  r as Button,
-  p as ButtonGroup,
-  Lo as Card,
-  Ro as CardContent,
-  Ho as CardDescription,
-  No as CardFooter,
-  Oo as CardHeader,
-  yo as CardTitle,
-  w as Checkbox,
-  Pa as Chip,
-  br as Code,
-  wa as Collapse,
-  Do as Collapsible,
-  Io as CollapsibleContent,
-  Po as CollapsibleTrigger,
-  x as ColorInput,
-  I as Combobox,
-  Na as Container,
-  _r as ContextMenu,
-  $r as ContextMenuCheckboxItem,
-  et as ContextMenuContent,
-  ot as ContextMenuGroup,
-  rt as ContextMenuItem,
-  tt as ContextMenuLabel,
-  at as ContextMenuPortal,
-  nt as ContextMenuRadioGroup,
-  it as ContextMenuRadioItem,
-  pt as ContextMenuSeparator,
-  ut as ContextMenuShortcut,
-  lt as ContextMenuSub,
-  mt as ContextMenuSubContent,
-  dt as ContextMenuSubTrigger,
-  gt as ContextMenuTrigger,
-  he as Dialog,
-  Ve as DialogClose,
-  Be as DialogContent,
-  Ge as DialogContentRaw,
-  ke as DialogDescription,
-  Fe as DialogFooter,
-  Le as DialogHeader,
-  Re as DialogOverlay,
-  He as DialogPortal,
-  Ne as DialogTitle,
-  Oe as DialogTrigger,
-  Hr as DropdownMenu,
-  Nr as DropdownMenuCheckboxItem,
-  Or as DropdownMenuContent,
-  yr as DropdownMenuGroup,
-  Er as DropdownMenuItem,
-  Ur as DropdownMenuLabel,
-  jr as DropdownMenuPortal,
-  qr as DropdownMenuRadioGroup,
-  zr as DropdownMenuRadioItem,
-  Jr as DropdownMenuSeparator,
-  Kr as DropdownMenuShortcut,
-  Qr as DropdownMenuSub,
-  Wr as DropdownMenuSubContent,
-  Xr as DropdownMenuSubTrigger,
-  Yr as DropdownMenuTrigger,
-  ha as Fade,
-  v as FileUpload,
-  ae as FormField,
-  ne as FormHelperText,
-  Va as Grow,
-  fo as HoverCard,
-  Mo as HoverCardContent,
-  To as HoverCardTrigger,
-  n as IconButton,
-  m as Input,
-  $ as InputOTP,
-  ee as InputOTPGroup,
-  oe as InputOTPSeparator,
-  re as InputOTPSlot,
-  S as Label,
-  qa as Link,
-  bt as Menubar,
-  St as MenubarCheckboxItem,
-  Ct as MenubarContent,
-  st as MenubarGroup,
-  ft as MenubarItem,
-  Mt as MenubarLabel,
-  Tt as MenubarMenu,
-  ct as MenubarPortal,
-  Dt as MenubarRadioGroup,
-  It as MenubarRadioItem,
-  Pt as MenubarSeparator,
-  vt as MenubarShortcut,
-  At as MenubarSub,
-  wt as MenubarSubContent,
-  ht as MenubarSubTrigger,
-  Vt as MenubarTrigger,
-  Ut as NavigationMenu,
-  jt as NavigationMenuContent,
-  qt as NavigationMenuIndicator,
-  zt as NavigationMenuItem,
-  Jt as NavigationMenuLink,
-  Kt as NavigationMenuList,
-  Qt as NavigationMenuTrigger,
-  Wt as NavigationMenuViewport,
-  X as NumberInput,
-  Gt as PaginationContent,
-  kt as PaginationEllipsis,
-  Ft as PaginationItem,
-  Lt as PaginationLink,
-  Rt as PaginationNav,
-  Ht as PaginationNext,
-  Nt as PaginationPrevious,
-  Ot as PaginationRoot,
-  xo as Popover,
-  bo as PopoverAnchor,
-  So as PopoverContent,
-  Co as PopoverTrigger,
-  nr as Progress,
-  V as RadioGroup,
-  B as RadioGroupItem,
-  Z as SearchInput,
-  ya as SegmentedControl,
-  Ea as SegmentedControlItem,
-  L as Select,
-  R as SelectContent,
-  H as SelectGroup,
-  N as SelectItem,
-  O as SelectLabel,
-  y as SelectScrollDownButton,
-  E as SelectScrollUpButton,
-  U as SelectSeparator,
-  j as SelectTrigger,
-  q as SelectValue,
-  s as Separator,
-  Ee as Sheet,
-  Ue as SheetClose,
-  je as SheetContent,
-  qe as SheetDescription,
-  ze as SheetFooter,
-  Je as SheetHeader,
-  Ke as SheetOverlay,
-  Qe as SheetPortal,
-  We as SheetTitle,
-  Xe as SheetTrigger,
-  Yt as Sidebar,
-  Zt as SidebarContent,
-  _t as SidebarFooter,
-  $t as SidebarGroup,
-  ea as SidebarGroupAction,
-  oa as SidebarGroupContent,
-  ra as SidebarGroupLabel,
-  ta as SidebarHeader,
-  aa as SidebarInput,
-  na as SidebarInset,
-  ia as SidebarMenu,
-  pa as SidebarMenuAction,
-  ua as SidebarMenuBadge,
-  la as SidebarMenuButton,
-  ma as SidebarMenuItem,
-  da as SidebarMenuSkeleton,
-  ga as SidebarMenuSub,
-  xa as SidebarMenuSubButton,
-  ba as SidebarMenuSubItem,
-  Sa as SidebarProvider,
-  Ca as SidebarRail,
-  sa as SidebarSeparator,
-  fa as SidebarTrigger,
-  lr as Skeleton,
-  Ba as Slide,
-  ue as Slider,
-  ko as Spinner,
-  Ra as Stack,
-  gr as StatCard,
-  ca as Step,
-  Da as Stepper,
-  k as Switch,
-  Yo as Table,
-  Zo as TableBody,
-  _o as TableCaption,
-  $o as TableCell,
-  er as TableFooter,
-  or as TableHead,
-  rr as TableHeader,
-  tr as TableRow,
-  Ir as Tabs,
-  Pr as TabsContent,
-  vr as TabsList,
-  Ar as TabsTrigger,
-  ka as Text,
-  K as Textarea,
-  Ze as Toast,
-  _e as ToastAction,
-  $e as ToastClose,
-  eo as ToastDescription,
-  oo as ToastProvider,
-  ro as ToastTitle,
-  to as ToastViewport,
-  no as Toaster,
-  me as Toggle,
-  xe as ToggleGroup,
-  be as ToggleGroupItem,
-  po as Tooltip,
-  uo as TooltipContent,
-  lo as TooltipProvider,
-  mo as TooltipTrigger,
-  _a as TreeItem,
-  en as TreeView,
-  M as VisuallyHidden,
-  wo as alertVariants,
-  Wo as avatarVariants,
-  qo as badgeVariants,
-  Bo as bannerVariants,
-  t as buttonVariants,
-  Eo as cardVariants,
-  va as chipVariants,
-  Ja as cn,
-  Qa as duration,
-  Wa as durations,
-  Xa as easings,
-  yt as generatePagination,
-  d as inputVariants,
-  Ya as motion,
-  ir as progressIndicatorVariants,
-  pr as progressTrackVariants,
-  Ua as segmentedControlItemVariants,
-  z as selectTriggerVariants,
-  mr as skeletonVariants,
-  Fa as textVariants,
-  Q as textareaVariants,
-  de as toggleVariants,
-  u as useButtonGroup,
-  ie as useFormField,
-  Ma as useSidebar,
-  rn as useTree
+  Ca as Accordion,
+  Ta as AccordionContent,
+  wa as AccordionItem,
+  Ma as AccordionTrigger,
+  D as Alert,
+  Fr as AlertDialog,
+  Hr as AlertDialogAction,
+  zr as AlertDialogCancel,
+  Or as AlertDialogContent,
+  jr as AlertDialogDescription,
+  Er as AlertDialogFooter,
+  Ur as AlertDialogHeader,
+  qr as AlertDialogOverlay,
+  Xr as AlertDialogPortal,
+  _r as AlertDialogTitle,
+  Jr as AlertDialogTrigger,
+  Na as AspectRatio,
+  Ge as Autocomplete,
+  Qt as Avatar,
+  Wt as AvatarFallback,
+  Yt as AvatarImage,
+  P as Badge,
+  _t as Banner,
+  Ia as Breadcrumb,
+  Da as BreadcrumbEllipsis,
+  Aa as BreadcrumbItem,
+  Pa as BreadcrumbLink,
+  Va as BreadcrumbList,
+  Ra as BreadcrumbPage,
+  ka as BreadcrumbSeparator,
+  K as Button,
+  $ as ButtonGroup,
+  _e as Card,
+  Je as CardContent,
+  Ke as CardDescription,
+  Qe as CardFooter,
+  We as CardHeader,
+  Ye as CardTitle,
+  je as Checkbox,
+  $o as Chip,
+  va as Code,
+  tn as Collapse,
+  Et as Collapsible,
+  Ut as CollapsibleContent,
+  qt as CollapsibleTrigger,
+  Ve as ColorInput,
+  Fe as Combobox,
+  gn as Container,
+  Ya as ContextMenu,
+  Za as ContextMenuCheckboxItem,
+  $a as ContextMenuContent,
+  eo as ContextMenuGroup,
+  ro as ContextMenuItem,
+  to as ContextMenuLabel,
+  ao as ContextMenuPortal,
+  oo as ContextMenuRadioGroup,
+  no as ContextMenuRadioItem,
+  so as ContextMenuSeparator,
+  io as ContextMenuShortcut,
+  lo as ContextMenuSub,
+  co as ContextMenuSubContent,
+  bo as ContextMenuSubTrigger,
+  uo as ContextMenuTrigger,
+  Qr as Dialog,
+  Wr as DialogClose,
+  Yr as DialogContent,
+  Zr as DialogContentRaw,
+  $r as DialogDescription,
+  et as DialogFooter,
+  rt as DialogHeader,
+  tt as DialogOverlay,
+  at as DialogPortal,
+  ot as DialogTitle,
+  nt as DialogTrigger,
+  Ga as DropdownMenu,
+  La as DropdownMenuCheckboxItem,
+  Fa as DropdownMenuContent,
+  Ha as DropdownMenuGroup,
+  za as DropdownMenuItem,
+  Oa as DropdownMenuLabel,
+  ja as DropdownMenuPortal,
+  Ea as DropdownMenuRadioGroup,
+  Ua as DropdownMenuRadioItem,
+  qa as DropdownMenuSeparator,
+  Xa as DropdownMenuShortcut,
+  _a as DropdownMenuSub,
+  Ja as DropdownMenuSubContent,
+  Ka as DropdownMenuSubTrigger,
+  Qa as DropdownMenuTrigger,
+  an as Fade,
+  ze as FileUpload,
+  Mr as FormField,
+  hr as FormHelperText,
+  on as Grow,
+  Ht as HoverCard,
+  zt as HoverCardContent,
+  Ot as HoverCardTrigger,
+  Y as IconButton,
+  ae as Input,
+  Nr as InputOTP,
+  Sr as InputOTPGroup,
+  Cr as InputOTPSeparator,
+  Tr as InputOTPSlot,
+  M as Label,
+  Tn as Link,
+  xo as Menubar,
+  mo as MenubarCheckboxItem,
+  po as MenubarContent,
+  fo as MenubarGroup,
+  vo as MenubarItem,
+  yo as MenubarLabel,
+  No as MenubarMenu,
+  So as MenubarPortal,
+  Co as MenubarRadioGroup,
+  To as MenubarRadioItem,
+  wo as MenubarSeparator,
+  Mo as MenubarShortcut,
+  ho as MenubarSub,
+  Io as MenubarSubContent,
+  Do as MenubarSubTrigger,
+  Ao as MenubarTrigger,
+  jo as NavigationMenu,
+  Eo as NavigationMenuContent,
+  Uo as NavigationMenuIndicator,
+  qo as NavigationMenuItem,
+  Xo as NavigationMenuLink,
+  _o as NavigationMenuList,
+  Jo as NavigationMenuTrigger,
+  Ko as NavigationMenuViewport,
+  pr as NumberInput,
+  Vo as PaginationContent,
+  Ro as PaginationEllipsis,
+  ko as PaginationItem,
+  Bo as PaginationLink,
+  Go as PaginationNav,
+  Lo as PaginationNext,
+  Fo as PaginationPrevious,
+  Ho as PaginationRoot,
+  kt as Popover,
+  Bt as PopoverAnchor,
+  Gt as PopoverContent,
+  Lt as PopoverTrigger,
+  ca as Progress,
+  Ue as RadioGroup,
+  qe as RadioGroupItem,
+  vr as SearchInput,
+  yn as SegmentedControl,
+  Nn as SegmentedControlItem,
+  rr as Select,
+  tr as SelectContent,
+  ar as SelectGroup,
+  or as SelectItem,
+  nr as SelectLabel,
+  sr as SelectScrollDownButton,
+  ir as SelectScrollUpButton,
+  lr as SelectSeparator,
+  cr as SelectTrigger,
+  dr as SelectValue,
+  oe as Separator,
+  it as Sheet,
+  lt as SheetClose,
+  ct as SheetContent,
+  dt as SheetDescription,
+  bt as SheetFooter,
+  ut as SheetHeader,
+  gt as SheetOverlay,
+  xt as SheetPortal,
+  mt as SheetTitle,
+  pt as SheetTrigger,
+  ne as Sidebar,
+  se as SidebarContent,
+  ie as SidebarFooter,
+  le as SidebarGroup,
+  ce as SidebarGroupAction,
+  de as SidebarGroupContent,
+  be as SidebarGroupLabel,
+  ue as SidebarHeader,
+  ge as SidebarInput,
+  xe as SidebarInset,
+  me as SidebarMenu,
+  pe as SidebarMenuAction,
+  fe as SidebarMenuBadge,
+  ve as SidebarMenuButton,
+  ye as SidebarMenuItem,
+  Ne as SidebarMenuSkeleton,
+  Se as SidebarMenuSub,
+  Ce as SidebarMenuSubButton,
+  Te as SidebarMenuSubItem,
+  we as SidebarProvider,
+  Me as SidebarRail,
+  he as SidebarSeparator,
+  Ie as SidebarTrigger,
+  ga as Skeleton,
+  nn as Slide,
+  Ar as Slider,
+  ee as Spinner,
+  bn as Stack,
+  pa as StatCard,
+  Wo as Step,
+  Yo as Stepper,
+  Ze as Switch,
+  ea as Table,
+  ra as TableBody,
+  ta as TableCaption,
+  aa as TableCell,
+  oa as TableFooter,
+  na as TableHead,
+  sa as TableHeader,
+  ia as TableRow,
+  U as Tabs,
+  G as TabsContent,
+  k as TabsList,
+  B as TabsTrigger,
+  ln as Text,
+  gr as Textarea,
+  vt as Toast,
+  yt as ToastAction,
+  Nt as ToastClose,
+  St as ToastDescription,
+  Ct as ToastProvider,
+  Tt as ToastTitle,
+  wt as ToastViewport,
+  ht as Toaster,
+  Vr as Toggle,
+  Br as ToggleGroup,
+  Gr as ToggleGroupItem,
+  Dt as Tooltip,
+  At as TooltipContent,
+  Pt as TooltipProvider,
+  Vt as TooltipTrigger,
+  mn as TreeItem,
+  pn as TreeView,
+  ke as VisuallyHidden,
+  h as alertVariants,
+  Zt as avatarVariants,
+  A as badgeVariants,
+  Jt as bannerVariants,
+  Q as buttonVariants,
+  $e as cardVariants,
+  en as chipVariants,
+  l as cn,
+  X as duration,
+  F as durations,
+  L as easings,
+  zo as generatePagination,
+  De as inputVariants,
+  q as motion,
+  da as progressIndicatorVariants,
+  ba as progressTrackVariants,
+  Sn as segmentedControlItemVariants,
+  br as selectTriggerVariants,
+  xa as skeletonVariants,
+  cn as textVariants,
+  xr as textareaVariants,
+  Rr as toggleVariants,
+  re as useButtonGroup,
+  Ir as useFormField,
+  Ae as useSidebar,
+  fn as useTree
 };