@cogentic-co/ds 0.4.1 → 0.5.0

package/dist/index.js

@@ -1,43 +1,44 @@
 "use client";
-export { HeroSection, heroVariants } from './chunk-XQYFQ6PU.js';
-import { Input, Label } from './chunk-LW6GAWZM.js';
-export { AuthForm, Input, Label } from './chunk-LW6GAWZM.js';
-export { AreaChart, BarChart, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, LineChart, PieChart, RadialChart } from './chunk-U4EPKN7G.js';
-export { AnimatedEdge, Canvas, DashedEdge, DottedEdge, HandleBoundary, SolidEdge, TemporaryEdge, WorkflowConnection, WorkflowConnectionAnimated, WorkflowConnectionDashed, WorkflowConnectionDotted, WorkflowControls, WorkflowEdge, WorkflowGate, WorkflowGroup, WorkflowHandle, WorkflowLabel, WorkflowMinimap, WorkflowNode, WorkflowNodeAction, WorkflowNodeContent, WorkflowNodeDescription, WorkflowNodeFooter, WorkflowNodeHeader, WorkflowNodeRow, WorkflowNodeSeparator, WorkflowNodeTitle, WorkflowPanel, WorkflowToolbar, createConnectionLine, handleBase, workflowConnectionVariants, workflowGateVariants, workflowGroupVariants, workflowNodeVariants } from './chunk-XFWKI45G.js';
-export { AnimationSopMapping } from './chunk-65Z2VEKG.js';
-export { AnimationTeamRouting } from './chunk-BZSA47MS.js';
-export { AnimationTeamsNotification } from './chunk-IKATDPHG.js';
-export { AnimationVaspIdentification } from './chunk-EFLWU2JP.js';
-export { AnimationWebhooks } from './chunk-KUOF3XRZ.js';
-export { FadeIn, PricingTable, Switch } from './chunk-VWSX75RB.js';
-import { Button, buttonVariants } from './chunk-BNFSXNP2.js';
-export { Button, buttonVariants } from './chunk-BNFSXNP2.js';
-export { StatCard } from './chunk-7HRPF2N2.js';
-import { Card, CardContent, CardFooter } from './chunk-CG5JA7FM.js';
-export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './chunk-CG5JA7FM.js';
-export { FeatureSection } from './chunk-4NEQV6H2.js';
-export { AnimationPricingPreview } from './chunk-H7VUIMEL.js';
-export { AnimationRealtimeUpdates } from './chunk-FKPK3CB7.js';
-export { AnimationRestApi } from './chunk-I26ZXVSY.js';
-export { AnimationRiskScoring } from './chunk-HTYR73ON.js';
-export { AnimationSandbox } from './chunk-N7PBUY7G.js';
-export { AnimationScheduledReports } from './chunk-4YD3YS4B.js';
-export { AnimationSecureMessaging } from './chunk-NAPDFVBI.js';
-export { AnimationSlackNotification } from './chunk-F7REPQOA.js';
-export { AnimationAIAnalysis as AnimationAiAnalysis } from './chunk-BTFYV3TI.js';
-export { AnimationAuditTrail } from './chunk-SNOJLZP4.js';
-export { AnimationComplianceReports } from './chunk-5OOO6TRA.js';
-export { AnimationCustomRules } from './chunk-RZZTDJHG.js';
-export { AnimationJiraTicket } from './chunk-BTZB4JRC.js';
+export { HeroSection, heroVariants } from './chunk-XOPA23DG.js';
+import { Input, Label } from './chunk-LCPWR5YQ.js';
+export { AuthForm, Input, Label } from './chunk-LCPWR5YQ.js';
+export { AreaChart, BarChart, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, LineChart, PieChart, RadialChart } from './chunk-OZD3Z7GU.js';
+export { AnimatedEdge, Canvas, DashedEdge, DottedEdge, HandleBoundary, SolidEdge, TemporaryEdge, WorkflowConnection, WorkflowConnectionAnimated, WorkflowConnectionDashed, WorkflowConnectionDotted, WorkflowControls, WorkflowEdge, WorkflowGate, WorkflowGroup, WorkflowHandle, WorkflowLabel, WorkflowMinimap, WorkflowNode, WorkflowNodeAction, WorkflowNodeContent, WorkflowNodeDescription, WorkflowNodeFooter, WorkflowNodeHeader, WorkflowNodeRow, WorkflowNodeSeparator, WorkflowNodeTitle, WorkflowPanel, WorkflowToolbar, createConnectionLine, handleBase, workflowConnectionVariants, workflowGateVariants, workflowGroupVariants, workflowNodeVariants } from './chunk-UW2CXNUS.js';
+export { AnimationSopMapping } from './chunk-BDICDLS4.js';
+export { AnimationTeamRouting } from './chunk-YFXOWLHW.js';
+export { AnimationTeamsNotification } from './chunk-PT3UCIZC.js';
+export { AnimationVaspIdentification } from './chunk-QFT4SUYI.js';
+export { AnimationWebhooks } from './chunk-2FM7MIQO.js';
+export { FadeIn, PricingTable, Switch } from './chunk-O7JZMTAT.js';
+import { Button, buttonVariants } from './chunk-VLC2H35H.js';
+export { Button, buttonVariants } from './chunk-VLC2H35H.js';
+export { StatCard } from './chunk-4AMGJ6V6.js';
+import { Card, CardContent, CardFooter } from './chunk-WM7J5AFW.js';
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './chunk-WM7J5AFW.js';
+export { FeatureSection } from './chunk-ZLI4DUPN.js';
+export { AnimationPricingPreview } from './chunk-SOGD55OD.js';
+export { AnimationRealtimeUpdates } from './chunk-34DL2N2L.js';
+export { AnimationRestApi } from './chunk-XRSN2V6U.js';
+export { AnimationRiskScoring } from './chunk-ACUHNJB5.js';
+export { AnimationSandbox } from './chunk-4LGHWTQ2.js';
+export { AnimationScheduledReports } from './chunk-LPLHBW3D.js';
+export { AnimationSecureMessaging } from './chunk-XWICRB5T.js';
+export { AnimationSlackNotification } from './chunk-NCUG7GCF.js';
+export { AnimationAIAnalysis as AnimationAiAnalysis } from './chunk-3LQKDTMG.js';
+export { AnimationAuditTrail } from './chunk-UA4DQZNB.js';
+export { AnimationComplianceReports } from './chunk-MWOKG6Q6.js';
+export { AnimationCustomRules } from './chunk-AXFF2MQP.js';
+export { AnimationJiraTicket } from './chunk-OSTGUWBQ.js';
 export { EASE_OUT, FADE_UP, SLIDE_UP_VARIANT, STAGGER_CHILDREN, TRANSITION_DEFAULT, TRANSITION_FAST, VIEWPORT_ONCE } from './chunk-TAPJEVUA.js';
-export { AnimationJurisdictionDetection } from './chunk-5JLZ42JT.js';
+export { AnimationJurisdictionDetection } from './chunk-XQULNNYI.js';
 export { useCycleIndex } from './chunk-6RWCZUAD.js';
 import { useAnimationTimer } from './chunk-RXV2XUDZ.js';
 export { useAnimationTimer } from './chunk-RXV2XUDZ.js';
-export { AnimationMultiProtocol } from './chunk-RTK7R4KZ.js';
-import { cn, __objRest, __spreadValues, __spreadProps, timeAgo } from './chunk-GZNLQE3I.js';
-export { cn, timeAgo } from './chunk-GZNLQE3I.js';
-import { Calendar, ArrowUpRight, Linkedin, ChevronDownIcon, ChevronUpIcon, ChevronRightIcon, MoreHorizontalIcon, ChevronLeftIcon, LightbulbIcon, AlertCircleIcon, TriangleAlertIcon, InfoIcon, AlertTriangle, ArrowLeftRight, CheckIcon, ClipboardIcon, XIcon, SearchIcon, ArrowDown, ArrowUp, ChevronsUpDown, ChevronsLeft, ChevronLeft, ChevronRight, ChevronsRight, Settings2, PlusCircle, CalendarIcon, UploadIcon, PencilIcon, MinusIcon, Loader2Icon, PlusIcon, Search, PanelLeftIcon, OctagonXIcon, CircleCheckIcon, TrendingUpIcon, TrendingDownIcon, User, LogOut } from 'lucide-react';
+export { AnimationMultiProtocol } from './chunk-UEEB7IUZ.js';
+import { cn, timeAgo } from './chunk-OGKUGKX6.js';
+export { cn, timeAgo } from './chunk-OGKUGKX6.js';
+import { __objRest, __spreadValues, __spreadProps } from './chunk-QJTFKQBI.js';
+import { Calendar, ArrowUpRight, Linkedin, ChevronDownIcon, ChevronUpIcon, XIcon, ArrowUpIcon, CheckIcon, ChevronRightIcon, MoreHorizontalIcon, ChevronLeftIcon, LightbulbIcon, AlertCircleIcon, TriangleAlertIcon, InfoIcon, AlertTriangle, ArrowLeftRight, ClipboardIcon, SearchIcon, ArrowDown, ArrowUp, ChevronsUpDown, ChevronsLeft, ChevronLeft, ChevronRight, ChevronsRight, Settings2, PlusCircle, CalendarIcon, UploadIcon, PlusCircleIcon, X, PencilIcon, MinusIcon, Loader2Icon, PlusIcon, Search, PanelLeftIcon, OctagonXIcon, CircleCheckIcon, TrendingUpIcon, TrendingDownIcon, User, LogOut } from 'lucide-react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import Link from 'next/link';
 import Image from 'next/image';
@@ -46,6 +47,7 @@ import { cva } from 'class-variance-authority';
 import { AlertDialog as AlertDialog$1 } from '@base-ui/react/alert-dialog';
 import * as React4 from 'react';
 import React4__default, { useState, useEffect, useRef, useCallback, useMemo } from 'react';
+import { Dialog as Dialog$1 } from '@base-ui/react/dialog';
 import { Avatar as Avatar$1 } from '@base-ui/react/avatar';
 import { mergeProps } from '@base-ui/react/merge-props';
 import { useRender } from '@base-ui/react/use-render';
@@ -57,7 +59,6 @@ import { Checkbox as Checkbox$1 } from '@base-ui/react/checkbox';
 import { Collapsible as Collapsible$1 } from '@base-ui/react/collapsible';
 import { Combobox as Combobox$1 } from '@base-ui/react';
 import { Command as Command$1 } from 'cmdk';
-import { Dialog as Dialog$1 } from '@base-ui/react/dialog';
 import { ContextMenu as ContextMenu$1 } from '@base-ui/react/context-menu';
 import { getPaginationRowModel, useReactTable, getFilteredRowModel, getSortedRowModel, getCoreRowModel, getFacetedUniqueValues, getFacetedRowModel, flexRender } from '@tanstack/react-table';
 import { useVirtualizer } from '@tanstack/react-virtual';
@@ -66,7 +67,7 @@ import { Popover as Popover$1 } from '@base-ui/react/popover';
 import { Select as Select$1 } from '@base-ui/react/select';
 import { format, addDays } from 'date-fns';
 export { DirectionProvider, useDirection } from '@base-ui/react/direction-provider';
-import { Drawer as Drawer$1 } from 'vaul';
+import { DrawerPreview } from '@base-ui/react/drawer';
 export { useField, useForm, useStore } from '@tanstack/react-form';
 import { OTPInput, OTPInputContext } from 'input-otp';
 import { Menubar as Menubar$1 } from '@base-ui/react/menubar';
@@ -308,7 +309,7 @@ var alertVariants = cva(
     variants: {
       variant: {
         default: "bg-card text-card-foreground",
-        warning: "text-warning-foreground bg-warning/10 border-warning/30 *:data-[slot=alert-description]:text-warning-foreground/80 *:[svg]:text-warning",
+        warning: "text-amber-800 bg-amber-50 border-amber-200 dark:text-amber-200 dark:bg-amber-950 dark:border-amber-800 *:data-[slot=alert-description]:text-amber-700 dark:*:data-[slot=alert-description]:text-amber-300 *:[svg]:text-amber-600 dark:*:[svg]:text-amber-400",
         destructive: "text-destructive bg-card *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current"
       }
     },
@@ -542,6 +543,285 @@ function AnimatedCounter({
     suffix
   ] });
 }
+function Dialog(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx(Dialog$1.Root, __spreadValues({ "data-slot": "dialog" }, props));
+}
+function DialogTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx(Dialog$1.Trigger, __spreadValues({ "data-slot": "dialog-trigger" }, props));
+}
+function DialogPortal(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx(Dialog$1.Portal, __spreadValues({ "data-slot": "dialog-portal" }, props));
+}
+function DialogClose(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx(Dialog$1.Close, __spreadValues({ "data-slot": "dialog-close" }, props));
+}
+function DialogOverlay(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    Dialog$1.Backdrop,
+    __spreadValues({
+      "data-slot": "dialog-overlay",
+      className: cn(
+        "data-closed:fade-out-0 data-open:fade-in-0 fixed inset-0 isolate z-50 bg-black/10 duration-100 data-closed:animate-out data-open:animate-in supports-backdrop-filter:backdrop-blur-xs",
+        className
+      )
+    }, props)
+  );
+}
+function DialogContent(_a) {
+  var _b = _a, {
+    className,
+    children,
+    showCloseButton = true
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children",
+    "showCloseButton"
+  ]);
+  return /* @__PURE__ */ jsxs(DialogPortal, { children: [
+    /* @__PURE__ */ jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      Dialog$1.Popup,
+      __spreadProps(__spreadValues({
+        "data-slot": "dialog-content",
+        className: cn(
+          "data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-6 rounded-xl border border-border-light bg-background p-6 text-sm shadow-lg outline-none duration-100 data-closed:animate-out data-open:animate-in sm:max-w-md",
+          className
+        )
+      }, props), {
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsxs(
+            Dialog$1.Close,
+            {
+              "data-slot": "dialog-close",
+              render: /* @__PURE__ */ jsx(Button, { variant: "ghost", className: "absolute top-4 right-4", size: "icon-sm" }),
+              children: [
+                /* @__PURE__ */ jsx(XIcon, {}),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      })
+    )
+  ] });
+}
+function DialogHeader(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx("div", __spreadValues({ "data-slot": "dialog-header", className: cn("flex flex-col gap-2", className) }, props));
+}
+function DialogFooter(_a) {
+  var _b = _a, {
+    className,
+    showCloseButton = false,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "showCloseButton",
+    "children"
+  ]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-slot": "dialog-footer",
+      className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className)
+    }, props), {
+      children: [
+        children,
+        showCloseButton && /* @__PURE__ */ jsx(Dialog$1.Close, { render: /* @__PURE__ */ jsx(Button, { variant: "outline" }), children: "Close" })
+      ]
+    })
+  );
+}
+function DialogTitle(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    Dialog$1.Title,
+    __spreadValues({
+      "data-slot": "dialog-title",
+      className: cn("font-medium leading-none", className)
+    }, props)
+  );
+}
+function DialogDescription(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    Dialog$1.Description,
+    __spreadValues({
+      "data-slot": "dialog-description",
+      className: cn(
+        "text-muted-foreground text-sm *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground",
+        className
+      )
+    }, props)
+  );
+}
+function Textarea(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "textarea",
+    __spreadValues({
+      "data-slot": "textarea",
+      className: cn(
+        "field-sizing-content flex min-h-16 w-full rounded-md border border-input bg-transparent px-2.5 py-2 text-base shadow-xs outline-none transition-[color,box-shadow] placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+        className
+      )
+    }, props)
+  );
+}
+var actionConfig = {
+  approve: {
+    label: "Approve",
+    icon: CheckIcon,
+    dialogTitle: "Confirm Approval",
+    dialogDescription: "Are you sure you want to approve this item?",
+    confirmLabel: "Approve",
+    triggerClassName: "bg-emerald-600 text-white hover:bg-emerald-700 dark:bg-emerald-600 dark:hover:bg-emerald-500",
+    confirmClassName: "bg-emerald-600 text-white hover:bg-emerald-700 dark:bg-emerald-600 dark:hover:bg-emerald-500",
+    dialogClassName: "border-emerald-500"
+  },
+  reject: {
+    label: "Reject",
+    icon: XIcon,
+    dialogTitle: "Confirm Rejection",
+    dialogDescription: "Are you sure you want to reject this item? This action may require a reason.",
+    confirmLabel: "Reject",
+    triggerClassName: "border border-destructive text-destructive bg-transparent hover:bg-destructive/10 dark:hover:bg-destructive/20",
+    confirmClassName: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+    dialogClassName: "border-destructive"
+  },
+  escalate: {
+    label: "Escalate",
+    icon: ArrowUpIcon,
+    dialogTitle: "Confirm Escalation",
+    dialogDescription: "This will escalate the item to a senior reviewer.",
+    confirmLabel: "Escalate",
+    triggerClassName: "border border-amber-500 text-amber-600 bg-transparent hover:bg-amber-500/10 dark:text-amber-400 dark:hover:bg-amber-500/20",
+    confirmClassName: "bg-amber-500 text-white hover:bg-amber-600 dark:bg-amber-600 dark:hover:bg-amber-500",
+    dialogClassName: "border-amber-500"
+  }
+};
+function ApprovalDialog({
+  action,
+  requireReason,
+  onConfirm,
+  disabled
+}) {
+  const [reason, setReason] = useState("");
+  const [open, setOpen] = useState(false);
+  const config = actionConfig[action];
+  const Icon = config.icon;
+  function handleConfirm() {
+    onConfirm(reason || void 0);
+    setReason("");
+    setOpen(false);
+  }
+  return /* @__PURE__ */ jsxs(Dialog, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxs(DialogTrigger, { disabled, render: /* @__PURE__ */ jsx(Button, { className: config.triggerClassName }), children: [
+      /* @__PURE__ */ jsx(Icon, { className: "size-4" }),
+      config.label
+    ] }),
+    /* @__PURE__ */ jsxs(DialogContent, { className: config.dialogClassName, children: [
+      /* @__PURE__ */ jsxs(DialogHeader, { children: [
+        /* @__PURE__ */ jsx(DialogTitle, { children: config.dialogTitle }),
+        /* @__PURE__ */ jsx(DialogDescription, { children: config.dialogDescription })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-2", children: /* @__PURE__ */ jsx(
+        Textarea,
+        {
+          placeholder: requireReason ? "Reason (required)" : "Reason (optional)",
+          value: reason,
+          onChange: (e) => setReason(e.target.value)
+        }
+      ) }),
+      /* @__PURE__ */ jsxs(DialogFooter, { children: [
+        /* @__PURE__ */ jsx(DialogClose, { render: /* @__PURE__ */ jsx(Button, { variant: "outline" }), children: "Cancel" }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            className: config.confirmClassName,
+            onClick: handleConfirm,
+            disabled: requireReason && !reason.trim(),
+            children: config.confirmLabel
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function ApprovalButton({
+  action,
+  requireReason = false,
+  onAction,
+  disabled
+}) {
+  const config = actionConfig[action];
+  const Icon = config.icon;
+  if (!onAction) {
+    return /* @__PURE__ */ jsxs(Button, { className: config.triggerClassName, disabled: true, children: [
+      /* @__PURE__ */ jsx(Icon, { className: "size-4" }),
+      config.label
+    ] });
+  }
+  if (!requireReason) {
+    return /* @__PURE__ */ jsxs(Button, { className: config.triggerClassName, disabled, onClick: () => onAction(), children: [
+      /* @__PURE__ */ jsx(Icon, { className: "size-4" }),
+      config.label
+    ] });
+  }
+  return /* @__PURE__ */ jsx(
+    ApprovalDialog,
+    {
+      action,
+      requireReason,
+      onConfirm: onAction,
+      disabled
+    }
+  );
+}
+function ApprovalActions({
+  onApprove,
+  onReject,
+  onEscalate,
+  requireReason = false,
+  disabled,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "approval-actions", className: cn("flex items-center gap-2", className), children: [
+    /* @__PURE__ */ jsx(
+      ApprovalButton,
+      {
+        action: "approve",
+        requireReason,
+        onAction: onApprove,
+        disabled
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ApprovalButton,
+      {
+        action: "reject",
+        requireReason,
+        onAction: onReject,
+        disabled
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ApprovalButton,
+      {
+        action: "escalate",
+        requireReason,
+        onAction: onEscalate,
+        disabled
+      }
+    )
+  ] });
+}
 var CHARS = " .:-=+*#%@";
 var IS_MOBILE = typeof window !== "undefined" && window.innerWidth < 768;
 var CELL = IS_MOBILE ? 20 : 14;
@@ -653,6 +933,102 @@ function AsciiShader(_a) {
     }, props)
   );
 }
+function AuditLog(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "audit-log",
+      role: "log",
+      className: cn("space-y-0 divide-y divide-border", className)
+    }, props)
+  );
+}
+var auditLogEntryVariants = cva(
+  "flex items-start gap-3 px-4 py-3 text-sm transition-colors hover:bg-muted/50",
+  {
+    variants: {
+      action: {
+        create: "",
+        update: "",
+        delete: "",
+        approve: "",
+        reject: "",
+        login: "",
+        export: "",
+        default: ""
+      }
+    },
+    defaultVariants: {
+      action: "default"
+    }
+  }
+);
+function AuditLogEntry(_a) {
+  var _b = _a, { action, className } = _b, props = __objRest(_b, ["action", "className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "audit-log-entry",
+      "data-action": action != null ? action : "default",
+      className: cn(auditLogEntryVariants({ action }), className)
+    }, props)
+  );
+}
+function AuditLogIcon(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "audit-log-icon",
+      className: cn(
+        "mt-0.5 flex size-6 shrink-0 items-center justify-center rounded-full bg-muted",
+        className
+      )
+    }, props)
+  );
+}
+function AuditLogContent(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx("div", __spreadValues({ "data-slot": "audit-log-content", className: cn("min-w-0 flex-1", className) }, props));
+}
+function AuditLogMessage(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx("p", __spreadValues({ "data-slot": "audit-log-message", className: cn("text-sm", className) }, props));
+}
+function AuditLogMeta(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "audit-log-meta",
+      className: cn("flex items-center gap-2 text-muted-foreground text-xs", className)
+    }, props)
+  );
+}
+function AuditLogTime(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "time",
+    __spreadValues({
+      "data-slot": "audit-log-time",
+      className: cn("shrink-0 text-muted-foreground text-xs", className)
+    }, props)
+  );
+}
+function AuditLogDetail(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "audit-log-detail",
+      className: cn(
+        "mt-1.5 rounded-md border bg-muted/30 px-3 py-2 text-muted-foreground text-xs",
+        className
+      )
+    }, props)
+  );
+}
 function Avatar(_a) {
   var _b = _a, {
     className,
@@ -1179,7 +1555,7 @@ function Separator(_a) {
       "data-slot": "separator",
       orientation,
       className: cn(
-        "shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch",
+        "shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch",
         className
       )
     }, props)
@@ -2051,6 +2427,33 @@ function Checkbox(_a) {
     })
   );
 }
+var highlighterPromise = null;
+function getHighlighter() {
+  if (!highlighterPromise) {
+    highlighterPromise = import('./dist-42IWCT5F.js').then(
+      (mod) => mod.createHighlighter({
+        themes: ["github-dark-default", "github-light-default"],
+        langs: [
+          "tsx",
+          "typescript",
+          "javascript",
+          "css",
+          "html",
+          "json",
+          "bash",
+          "shell",
+          "markdown",
+          "python",
+          "go",
+          "rust",
+          "sql",
+          "yaml"
+        ]
+      })
+    );
+  }
+  return highlighterPromise;
+}
 function CodeBlock(_a) {
   var _b = _a, {
     code,
@@ -2066,11 +2469,33 @@ function CodeBlock(_a) {
     "className"
   ]);
   const [copied, setCopied] = useState(false);
+  const [highlightedHtml, setHighlightedHtml] = useState(null);
   const handleCopy = useCallback(() => {
     navigator.clipboard.writeText(code);
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
   }, [code]);
+  useEffect(() => {
+    if (!language) return;
+    let cancelled = false;
+    getHighlighter().then((highlighter) => {
+      if (cancelled) return;
+      const supportedLangs = highlighter.getLoadedLanguages();
+      if (!supportedLangs.includes(language)) return;
+      const html = highlighter.codeToHtml(code, {
+        lang: language,
+        themes: {
+          light: "github-light-default",
+          dark: "github-dark-default"
+        }
+      });
+      setHighlightedHtml(html);
+    }).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [code, language]);
   const lines = code.split("\n");
   return /* @__PURE__ */ jsxs(
     "div",
@@ -2094,10 +2519,18 @@ function CodeBlock(_a) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto p-4 font-mono text-sm", children: /* @__PURE__ */ jsx("code", { children: showLineNumbers ? lines.map((line, i) => /* @__PURE__ */ jsxs("span", { className: "table-row", children: [
-          /* @__PURE__ */ jsx("span", { className: "table-cell select-none pr-4 text-right text-muted-foreground/50", children: i + 1 }),
-          /* @__PURE__ */ jsx("span", { className: "table-cell", children: line }),
-          "\n"
+        highlightedHtml ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "[&_.shiki]:bg-transparent! [&_pre]:overflow-x-auto [&_pre]:p-4 [&_pre]:font-mono [&_pre]:text-sm [&_pre]:leading-relaxed",
+              showLineNumbers && "[&_.shiki_.line]:table-row [&_.shiki_.line]:[counter-increment:line] [&_.shiki_.line]:before:table-cell [&_.shiki_.line]:before:select-none [&_.shiki_.line]:before:pr-4 [&_.shiki_.line]:before:text-right [&_.shiki_.line]:before:text-muted-foreground/50 [&_.shiki_.line]:before:content-[counter(line)] [&_.shiki_code]:table [&_.shiki_code]:w-full [&_.shiki_code]:[counter-reset:line]"
+            ),
+            dangerouslySetInnerHTML: { __html: highlightedHtml }
+          }
+        ) : /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto p-4 font-mono text-sm leading-relaxed", children: /* @__PURE__ */ jsx("code", { className: cn(showLineNumbers && "table w-full"), children: showLineNumbers ? lines.map((line, i) => /* @__PURE__ */ jsxs("span", { className: "table-row", children: [
+          /* @__PURE__ */ jsx("span", { className: "table-cell select-none pr-4 text-right align-top text-muted-foreground/50", children: i + 1 }),
+          /* @__PURE__ */ jsx("span", { className: "table-cell whitespace-pre", children: line })
         ] }, i)) : code }) })
       ]
     })
@@ -2115,19 +2548,6 @@ function CollapsibleContent(_a) {
   var props = __objRest(_a, []);
   return /* @__PURE__ */ jsx(Collapsible$1.Panel, __spreadValues({ "data-slot": "collapsible-content" }, props));
 }
-function Textarea(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx(
-    "textarea",
-    __spreadValues({
-      "data-slot": "textarea",
-      className: cn(
-        "field-sizing-content flex min-h-16 w-full rounded-md border border-input bg-transparent px-2.5 py-2 text-base shadow-xs outline-none transition-[color,box-shadow] placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
-        className
-      )
-    }, props)
-  );
-}
 function InputGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
@@ -2479,147 +2899,29 @@ function ComboboxChip(_a) {
         children,
         showRemove && /* @__PURE__ */ jsx(
           Combobox$1.ChipRemove,
-          {
-            render: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon-xs" }),
-            className: "-ml-1 opacity-50 hover:opacity-100",
-            "data-slot": "combobox-chip-remove",
-            children: /* @__PURE__ */ jsx(XIcon, { className: "pointer-events-none" })
-          }
-        )
-      ]
-    })
-  );
-}
-function ComboboxChipsInput(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx(
-    Combobox$1.Input,
-    __spreadValues({
-      "data-slot": "combobox-chip-input",
-      className: cn("min-w-16 flex-1 outline-none", className)
-    }, props)
-  );
-}
-function useComboboxAnchor() {
-  return React4.useRef(null);
-}
-function Dialog(_a) {
-  var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx(Dialog$1.Root, __spreadValues({ "data-slot": "dialog" }, props));
-}
-function DialogTrigger(_a) {
-  var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx(Dialog$1.Trigger, __spreadValues({ "data-slot": "dialog-trigger" }, props));
-}
-function DialogPortal(_a) {
-  var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx(Dialog$1.Portal, __spreadValues({ "data-slot": "dialog-portal" }, props));
-}
-function DialogClose(_a) {
-  var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx(Dialog$1.Close, __spreadValues({ "data-slot": "dialog-close" }, props));
-}
-function DialogOverlay(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx(
-    Dialog$1.Backdrop,
-    __spreadValues({
-      "data-slot": "dialog-overlay",
-      className: cn(
-        "data-closed:fade-out-0 data-open:fade-in-0 fixed inset-0 isolate z-50 bg-black/10 duration-100 data-closed:animate-out data-open:animate-in supports-backdrop-filter:backdrop-blur-xs",
-        className
-      )
-    }, props)
-  );
-}
-function DialogContent(_a) {
-  var _b = _a, {
-    className,
-    children,
-    showCloseButton = true
-  } = _b, props = __objRest(_b, [
-    "className",
-    "children",
-    "showCloseButton"
-  ]);
-  return /* @__PURE__ */ jsxs(DialogPortal, { children: [
-    /* @__PURE__ */ jsx(DialogOverlay, {}),
-    /* @__PURE__ */ jsxs(
-      Dialog$1.Popup,
-      __spreadProps(__spreadValues({
-        "data-slot": "dialog-content",
-        className: cn(
-          "data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-6 rounded-xl border border-border-light bg-background p-6 text-sm shadow-lg outline-none duration-100 data-closed:animate-out data-open:animate-in sm:max-w-md",
-          className
-        )
-      }, props), {
-        children: [
-          children,
-          showCloseButton && /* @__PURE__ */ jsxs(
-            Dialog$1.Close,
-            {
-              "data-slot": "dialog-close",
-              render: /* @__PURE__ */ jsx(Button, { variant: "ghost", className: "absolute top-4 right-4", size: "icon-sm" }),
-              children: [
-                /* @__PURE__ */ jsx(XIcon, {}),
-                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
-              ]
-            }
-          )
-        ]
-      })
-    )
-  ] });
-}
-function DialogHeader(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx("div", __spreadValues({ "data-slot": "dialog-header", className: cn("flex flex-col gap-2", className) }, props));
-}
-function DialogFooter(_a) {
-  var _b = _a, {
-    className,
-    showCloseButton = false,
-    children
-  } = _b, props = __objRest(_b, [
-    "className",
-    "showCloseButton",
-    "children"
-  ]);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    __spreadProps(__spreadValues({
-      "data-slot": "dialog-footer",
-      className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className)
-    }, props), {
-      children: [
-        children,
-        showCloseButton && /* @__PURE__ */ jsx(Dialog$1.Close, { render: /* @__PURE__ */ jsx(Button, { variant: "outline" }), children: "Close" })
+          {
+            render: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon-xs" }),
+            className: "-ml-1 opacity-50 hover:opacity-100",
+            "data-slot": "combobox-chip-remove",
+            children: /* @__PURE__ */ jsx(XIcon, { className: "pointer-events-none" })
+          }
+        )
       ]
     })
   );
 }
-function DialogTitle(_a) {
+function ComboboxChipsInput(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
-    Dialog$1.Title,
+    Combobox$1.Input,
     __spreadValues({
-      "data-slot": "dialog-title",
-      className: cn("font-medium leading-none", className)
+      "data-slot": "combobox-chip-input",
+      className: cn("min-w-16 flex-1 outline-none", className)
     }, props)
   );
 }
-function DialogDescription(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx(
-    Dialog$1.Description,
-    __spreadValues({
-      "data-slot": "dialog-description",
-      className: cn(
-        "text-muted-foreground text-sm *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground",
-        className
-      )
-    }, props)
-  );
+function useComboboxAnchor() {
+  return React4.useRef(null);
 }
 function Command(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
@@ -2778,6 +3080,239 @@ function CommandShortcut(_a) {
     }, props)
   );
 }
+function CommentThread(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx("div", __spreadValues({ "data-slot": "comment-thread", className: cn("space-y-4", className) }, props));
+}
+function Comment(_a) {
+  var _b = _a, { reply, className } = _b, props = __objRest(_b, ["reply", "className"]);
+  return /* @__PURE__ */ jsx("div", __spreadValues({ "data-slot": "comment", className: cn("flex gap-3", reply && "ml-10", className) }, props));
+}
+function CommentAvatar(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "comment-avatar",
+      className: cn(
+        "flex size-8 shrink-0 items-center justify-center rounded-full bg-muted font-medium text-xs",
+        className
+      )
+    }, props)
+  );
+}
+function CommentBody(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "comment-body",
+      className: cn("min-w-0 flex-1 space-y-1", className)
+    }, props)
+  );
+}
+function CommentHeader(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "comment-header",
+      className: cn("flex items-center gap-2", className)
+    }, props)
+  );
+}
+function CommentAuthor(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx("span", __spreadValues({ "data-slot": "comment-author", className: cn("font-medium text-sm", className) }, props));
+}
+function CommentTime(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "time",
+    __spreadValues({
+      "data-slot": "comment-time",
+      className: cn("text-muted-foreground text-xs", className)
+    }, props)
+  );
+}
+function CommentContent(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "comment-content",
+      className: cn("text-foreground text-sm", className)
+    }, props)
+  );
+}
+function CommentActions(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "comment-actions",
+      className: cn("flex items-center gap-2", className)
+    }, props)
+  );
+}
+var complianceScoreVariants = cva("relative inline-flex items-center justify-center", {
+  variants: {
+    size: {
+      sm: "size-20",
+      default: "size-28",
+      lg: "size-36"
+    }
+  },
+  defaultVariants: {
+    size: "default"
+  }
+});
+var sizeConfig = {
+  sm: { strokeWidth: 5, viewBox: 80, radius: 34, fontSize: "text-lg", labelSize: "text-[8px]" },
+  default: {
+    strokeWidth: 6,
+    viewBox: 80,
+    radius: 34,
+    fontSize: "text-2xl",
+    labelSize: "text-[9px]"
+  },
+  lg: {
+    strokeWidth: 7,
+    viewBox: 80,
+    radius: 34,
+    fontSize: "text-3xl",
+    labelSize: "text-[10px]"
+  }
+};
+function getScoreColor(score) {
+  if (score <= 40) return "text-destructive";
+  if (score <= 70) return "text-warning";
+  return "text-emerald-500";
+}
+function getTrackColor(score) {
+  if (score <= 40) return "text-destructive/15";
+  if (score <= 70) return "text-warning/15";
+  return "text-emerald-500/15";
+}
+function ComplianceScore(_a) {
+  var _b = _a, {
+    score,
+    label,
+    size = "default",
+    showValue = true,
+    color,
+    className
+  } = _b, props = __objRest(_b, [
+    "score",
+    "label",
+    "size",
+    "showValue",
+    "color",
+    "className"
+  ]);
+  const clampedScore = Math.max(0, Math.min(100, score));
+  const cfg = sizeConfig[size != null ? size : "default"];
+  const circumference = 2 * Math.PI * cfg.radius;
+  const [animatedScore, setAnimatedScore] = useState(0);
+  const hasAnimated = useRef(false);
+  const ref = useRef(null);
+  useEffect(() => {
+    const el = ref.current;
+    if (!el) return;
+    if (hasAnimated.current) {
+      setAnimatedScore(clampedScore);
+      return;
+    }
+    const observer = new IntersectionObserver(
+      ([entry]) => {
+        if (!entry.isIntersecting || hasAnimated.current) return;
+        hasAnimated.current = true;
+        const start = performance.now();
+        const duration = 800;
+        function tick(now) {
+          const progress = Math.min((now - start) / duration, 1);
+          const eased = 1 - (1 - progress) ** 3;
+          setAnimatedScore(Math.round(clampedScore * eased));
+          if (progress < 1) requestAnimationFrame(tick);
+        }
+        requestAnimationFrame(tick);
+      },
+      { threshold: 0.5 }
+    );
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, [clampedScore]);
+  const dashOffset = circumference - animatedScore / 100 * circumference;
+  const scoreColor = color != null ? color : getScoreColor(clampedScore);
+  const trackColor = color ? `${color}/15` : getTrackColor(clampedScore);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    __spreadProps(__spreadValues({
+      ref,
+      "data-slot": "compliance-score",
+      className: cn(complianceScoreVariants({ size }), className)
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            viewBox: `0 0 ${cfg.viewBox} ${cfg.viewBox}`,
+            className: "absolute inset-0 size-full -rotate-90",
+            "aria-hidden": "true",
+            children: [
+              /* @__PURE__ */ jsx(
+                "circle",
+                {
+                  cx: cfg.viewBox / 2,
+                  cy: cfg.viewBox / 2,
+                  r: cfg.radius,
+                  fill: "none",
+                  strokeWidth: cfg.strokeWidth,
+                  className: cn("stroke-current", trackColor),
+                  strokeLinecap: "round"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "circle",
+                {
+                  cx: cfg.viewBox / 2,
+                  cy: cfg.viewBox / 2,
+                  r: cfg.radius,
+                  fill: "none",
+                  strokeWidth: cfg.strokeWidth,
+                  className: cn("stroke-current transition-[stroke-dashoffset] duration-300", scoreColor),
+                  strokeLinecap: "round",
+                  strokeDasharray: circumference,
+                  strokeDashoffset: dashOffset
+                }
+              )
+            ]
+          }
+        ),
+        showValue && /* @__PURE__ */ jsxs("div", { className: "relative z-10 flex flex-col items-center", children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn("font-mono font-semibold tabular-nums", cfg.fontSize, scoreColor),
+              "aria-label": `${animatedScore}%`,
+              children: animatedScore
+            }
+          ),
+          label && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "mt-0.5 font-medium text-muted-foreground uppercase tracking-wide",
+                cfg.labelSize
+              ),
+              children: label
+            }
+          )
+        ] })
+      ]
+    })
+  );
+}
 function ContextMenu(_a) {
   var props = __objRest(_a, []);
   return /* @__PURE__ */ jsx(ContextMenu$1.Root, __spreadValues({ "data-slot": "context-menu" }, props));
@@ -4203,6 +4738,86 @@ function DateRangePicker({
     ) })
   ] });
 }
+var deadlineCountdownVariants = cva("inline-flex items-center gap-1.5 text-sm font-medium", {
+  variants: {
+    urgency: {
+      normal: "text-muted-foreground",
+      warning: "text-amber-600 dark:text-amber-400",
+      critical: "text-red-600 dark:text-red-400",
+      overdue: "text-destructive"
+    }
+  },
+  defaultVariants: {
+    urgency: "normal"
+  }
+});
+function getAutoUrgency(deadline, warningDays, criticalDays) {
+  const now = /* @__PURE__ */ new Date();
+  const diff = deadline.getTime() - now.getTime();
+  const days = diff / (1e3 * 60 * 60 * 24);
+  if (days < 0) return "overdue";
+  if (days <= criticalDays) return "critical";
+  if (days <= warningDays) return "warning";
+  return "normal";
+}
+function formatTimeRemaining(deadline) {
+  const now = /* @__PURE__ */ new Date();
+  const diff = deadline.getTime() - now.getTime();
+  if (diff < 0) {
+    const absDiff = Math.abs(diff);
+    const days2 = Math.floor(absDiff / (1e3 * 60 * 60 * 24));
+    if (days2 > 0) return `${days2}d overdue`;
+    const hours2 = Math.floor(absDiff / (1e3 * 60 * 60));
+    if (hours2 > 0) return `${hours2}h overdue`;
+    return "Just overdue";
+  }
+  const days = Math.floor(diff / (1e3 * 60 * 60 * 24));
+  const hours = Math.floor(diff % (1e3 * 60 * 60 * 24) / (1e3 * 60 * 60));
+  if (days > 0) return `${days}d ${hours}h`;
+  if (hours > 0) return `${hours}h`;
+  const mins = Math.floor(diff / (1e3 * 60));
+  return `${mins}m`;
+}
+var dotColors = {
+  normal: "bg-muted-foreground/40",
+  warning: "bg-amber-500",
+  critical: "bg-red-500 animate-pulse",
+  overdue: "bg-destructive animate-pulse"
+};
+function DeadlineCountdown(_a) {
+  var _b = _a, {
+    deadline,
+    urgency: urgencyOverride,
+    warningDays = 7,
+    criticalDays = 2,
+    label,
+    showDot = true,
+    className
+  } = _b, props = __objRest(_b, [
+    "deadline",
+    "urgency",
+    "warningDays",
+    "criticalDays",
+    "label",
+    "showDot",
+    "className"
+  ]);
+  const urgency = urgencyOverride != null ? urgencyOverride : getAutoUrgency(deadline, warningDays, criticalDays);
+  const timeText = formatTimeRemaining(deadline);
+  return /* @__PURE__ */ jsxs(
+    "span",
+    __spreadProps(__spreadValues({
+      "data-slot": "deadline-countdown",
+      className: cn(deadlineCountdownVariants({ urgency }), className)
+    }, props), {
+      children: [
+        showDot && /* @__PURE__ */ jsx("span", { className: cn("size-2 shrink-0 rounded-full", dotColors[urgency]) }),
+        label && /* @__PURE__ */ jsx("span", { children: label }),
+        /* @__PURE__ */ jsx("span", { children: timeText })
+      ]
+    })
+  );
+}
 function DescriptionList(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
@@ -4238,20 +4853,24 @@ function DescriptionListDetail(_a) {
   return /* @__PURE__ */ jsx("dd", __spreadValues({ "data-slot": "description-list-detail", className: cn("text-sm", className) }, props));
 }
 function Drawer(_a) {
-  var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx(Drawer$1.Root, __spreadValues({ "data-slot": "drawer" }, props));
+  var _b = _a, {
+    swipeDirection = "down"
+  } = _b, props = __objRest(_b, [
+    "swipeDirection"
+  ]);
+  return /* @__PURE__ */ jsx(DrawerPreview.Root, __spreadValues({ "data-slot": "drawer", swipeDirection }, props));
 }
 function DrawerTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx(Drawer$1.Trigger, __spreadValues({ "data-slot": "drawer-trigger" }, props));
+  return /* @__PURE__ */ jsx(DrawerPreview.Trigger, __spreadValues({ "data-slot": "drawer-trigger" }, props));
 }
 function DrawerPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx(Drawer$1.Portal, __spreadValues({ "data-slot": "drawer-portal" }, props));
+  return /* @__PURE__ */ jsx(DrawerPreview.Portal, __spreadValues({ "data-slot": "drawer-portal" }, props));
 }
 function DrawerClose(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx(Drawer$1.Close, __spreadValues({ "data-slot": "drawer-close" }, props));
+  return /* @__PURE__ */ jsx(DrawerPreview.Close, __spreadValues({ "data-slot": "drawer-close" }, props));
 }
 function DrawerOverlay(_a) {
   var _b = _a, {
@@ -4260,41 +4879,79 @@ function DrawerOverlay(_a) {
     "className"
   ]);
   return /* @__PURE__ */ jsx(
-    Drawer$1.Overlay,
+    DrawerPreview.Backdrop,
     __spreadValues({
       "data-slot": "drawer-overlay",
       className: cn(
-        "data-closed:fade-out-0 data-open:fade-in-0 fixed inset-0 z-50 bg-black/10 data-closed:animate-out data-open:animate-in supports-backdrop-filter:backdrop-blur-xs",
+        "fixed inset-0 z-50 bg-black/10 transition-opacity duration-300 supports-backdrop-filter:backdrop-blur-xs [&[data-ending-style]]:opacity-0 [&[data-starting-style]]:opacity-0",
         className
       )
     }, props)
   );
 }
+var directionClasses = {
+  down: [
+    "inset-x-0 bottom-0 max-h-[80vh] rounded-t-xl border-t",
+    "[&[data-starting-style]]:translate-y-full [&[data-ending-style]]:translate-y-full"
+  ].join(" "),
+  up: [
+    "inset-x-0 top-0 max-h-[80vh] rounded-b-xl border-b",
+    "[&[data-starting-style]]:-translate-y-full [&[data-ending-style]]:-translate-y-full"
+  ].join(" "),
+  left: [
+    "inset-y-0 left-0 w-3/4 rounded-r-xl border-r sm:max-w-sm",
+    "[&[data-starting-style]]:-translate-x-full [&[data-ending-style]]:-translate-x-full"
+  ].join(" "),
+  right: [
+    "inset-y-0 right-0 w-3/4 rounded-l-xl border-l sm:max-w-sm",
+    "[&[data-starting-style]]:translate-x-full [&[data-ending-style]]:translate-x-full"
+  ].join(" ")
+};
 function DrawerContent(_a) {
   var _b = _a, {
     className,
-    children
+    children,
+    direction = "down",
+    showCloseButton = true,
+    showHandle
   } = _b, props = __objRest(_b, [
     "className",
-    "children"
+    "children",
+    "direction",
+    "showCloseButton",
+    "showHandle"
   ]);
-  return /* @__PURE__ */ jsxs(DrawerPortal, { "data-slot": "drawer-portal", children: [
+  const showHandleResolved = showHandle != null ? showHandle : direction === "down" || direction === "up";
+  return /* @__PURE__ */ jsxs(DrawerPortal, { children: [
     /* @__PURE__ */ jsx(DrawerOverlay, {}),
-    /* @__PURE__ */ jsxs(
-      Drawer$1.Content,
+    /* @__PURE__ */ jsx(DrawerPreview.Viewport, { children: /* @__PURE__ */ jsxs(
+      DrawerPreview.Popup,
       __spreadProps(__spreadValues({
         "data-slot": "drawer-content",
+        "data-direction": direction,
         className: cn(
-          "group/drawer-content fixed z-50 flex h-auto flex-col bg-background text-sm data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=bottom]:rounded-t-xl data-[vaul-drawer-direction=left]:rounded-r-xl data-[vaul-drawer-direction=top]:rounded-b-xl data-[vaul-drawer-direction=right]:rounded-l-xl data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm",
+          "group/drawer-content fixed z-50 flex h-auto flex-col bg-background text-sm transition-transform duration-300 ease-out [&[data-swiping]]:transition-none",
+          directionClasses[direction],
           className
         )
       }, props), {
         children: [
-          /* @__PURE__ */ jsx("div", { className: "mx-auto mt-4 hidden h-1.5 w-[100px] shrink-0 rounded-full bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
-          children
+          showHandleResolved && /* @__PURE__ */ jsx("div", { className: "mx-auto mt-4 h-1.5 w-[100px] shrink-0 rounded-full bg-muted" }),
+          children,
+          showCloseButton && /* @__PURE__ */ jsxs(
+            DrawerPreview.Close,
+            {
+              "data-slot": "drawer-close",
+              render: /* @__PURE__ */ jsx(Button, { variant: "ghost", className: "absolute top-4 right-4", size: "icon-sm" }),
+              children: [
+                /* @__PURE__ */ jsx(XIcon, {}),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
         ]
       })
-    )
+    ) })
   ] });
 }
 function DrawerHeader(_a) {
@@ -4304,7 +4961,7 @@ function DrawerHeader(_a) {
     __spreadValues({
       "data-slot": "drawer-header",
       className: cn(
-        "flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left",
+        "flex flex-col gap-0.5 p-4 group-data-[direction=down]/drawer-content:text-center group-data-[direction=up]/drawer-content:text-center md:gap-1.5 md:text-left",
         className
       )
     }, props)
@@ -4323,7 +4980,7 @@ function DrawerFooter(_a) {
 function DrawerTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
-    Drawer$1.Title,
+    DrawerPreview.Title,
     __spreadValues({
       "data-slot": "drawer-title",
       className: cn("font-medium text-foreground", className)
@@ -4337,7 +4994,7 @@ function DrawerDescription(_a) {
     "className"
   ]);
   return /* @__PURE__ */ jsx(
-    Drawer$1.Description,
+    DrawerPreview.Description,
     __spreadValues({
       "data-slot": "drawer-description",
       className: cn("text-muted-foreground text-sm", className)
@@ -4844,27 +5501,103 @@ function FileUpload(_a) {
         /* @__PURE__ */ jsx(
           "input",
           {
-            ref: inputRef,
-            type: "file",
-            accept,
-            multiple,
-            className: "sr-only",
-            onChange: (e) => e.target.files && handleFiles(e.target.files),
-            disabled,
-            tabIndex: -1
+            ref: inputRef,
+            type: "file",
+            accept,
+            multiple,
+            className: "sr-only",
+            onChange: (e) => e.target.files && handleFiles(e.target.files),
+            disabled,
+            tabIndex: -1
+          }
+        ),
+        children != null ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(UploadIcon, { className: "size-8 text-muted-foreground" }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "font-medium text-sm", children: "Drop files here or click to upload" }),
+            /* @__PURE__ */ jsx("p", { className: "mt-1 text-muted-foreground text-xs", children: accept ? `Accepted: ${accept}` : "Any file type" })
+          ] })
+        ] })
+      ]
+    })
+  );
+}
+function FilterBar(_a) {
+  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-slot": "filter-bar",
+      className: cn("flex flex-wrap items-center gap-2", className)
+    }, props), {
+      children
+    })
+  );
+}
+function FilterChip(_a) {
+  var _b = _a, {
+    label,
+    value,
+    onRemove,
+    className
+  } = _b, props = __objRest(_b, [
+    "label",
+    "value",
+    "onRemove",
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxs(
+    "span",
+    __spreadProps(__spreadValues({
+      "data-slot": "filter-chip",
+      className: cn(
+        "inline-flex h-8 items-center gap-1.5 rounded-md border border-dashed px-3 text-xs",
+        className
+      )
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx(PlusCircleIcon, { className: "size-3.5 text-muted-foreground" }),
+        /* @__PURE__ */ jsx("span", { className: "font-medium", children: label }),
+        value && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { className: "mx-0.5 h-4 w-px bg-border" }),
+          /* @__PURE__ */ jsx("span", { className: "rounded-sm bg-secondary px-1.5 py-0.5 font-normal", children: value })
+        ] }),
+        onRemove && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": `Remove ${label} filter`,
+            onClick: onRemove,
+            className: "ml-0.5 cursor-pointer rounded-full p-0.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+            children: /* @__PURE__ */ jsx(X, { className: "size-3" })
           }
-        ),
-        children != null ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(UploadIcon, { className: "size-8 text-muted-foreground" }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("p", { className: "font-medium text-sm", children: "Drop files here or click to upload" }),
-            /* @__PURE__ */ jsx("p", { className: "mt-1 text-muted-foreground text-xs", children: accept ? `Accepted: ${accept}` : "Any file type" })
-          ] })
-        ] })
+        )
       ]
     })
   );
 }
+function FilterClear(_a) {
+  var _b = _a, {
+    onClick,
+    className,
+    children = "Clear all"
+  } = _b, props = __objRest(_b, [
+    "onClick",
+    "className",
+    "children"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "button",
+    __spreadProps(__spreadValues({
+      type: "button",
+      "data-slot": "filter-clear",
+      className: cn("text-muted-foreground text-xs underline-offset-4 hover:underline", className),
+      onClick
+    }, props), {
+      children
+    })
+  );
+}
 var colsMap = {
   1: "grid-cols-1",
   2: "grid-cols-2",
@@ -6028,6 +6761,70 @@ function PaginationEllipsis(_a) {
     })
   );
 }
+var policyBannerVariants = cva(
+  "relative flex w-full items-center gap-3 rounded-lg border px-4 py-3 text-sm",
+  {
+    variants: {
+      variant: {
+        info: "border-blue-200 bg-blue-50 text-blue-900 dark:border-blue-800 dark:bg-blue-950 dark:text-blue-100",
+        warning: "border-amber-200 bg-amber-50 text-amber-900 dark:border-amber-800 dark:bg-amber-950 dark:text-amber-100",
+        critical: "border-red-200 bg-red-50 text-red-900 dark:border-red-800 dark:bg-red-950 dark:text-red-100"
+      }
+    },
+    defaultVariants: {
+      variant: "info"
+    }
+  }
+);
+function PolicyBanner(_a) {
+  var _b = _a, {
+    variant,
+    icon,
+    action,
+    dismissible = true,
+    onDismiss,
+    children,
+    className
+  } = _b, props = __objRest(_b, [
+    "variant",
+    "icon",
+    "action",
+    "dismissible",
+    "onDismiss",
+    "children",
+    "className"
+  ]);
+  const [visible, setVisible] = React4.useState(true);
+  if (!visible) return null;
+  function handleDismiss() {
+    setVisible(false);
+    onDismiss == null ? void 0 : onDismiss();
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-slot": "policy-banner",
+      role: "alert",
+      className: cn(policyBannerVariants({ variant }), className)
+    }, props), {
+      children: [
+        icon && /* @__PURE__ */ jsx("span", { className: "shrink-0", children: icon }),
+        /* @__PURE__ */ jsx("div", { className: "flex-1", children }),
+        action && /* @__PURE__ */ jsx("span", { className: "shrink-0", children: action }),
+        dismissible && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: handleDismiss,
+            className: "shrink-0 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+            "aria-label": "Dismiss",
+            children: /* @__PURE__ */ jsx(XIcon, { className: "size-4" })
+          }
+        )
+      ]
+    })
+  );
+}
 function hasProgressTrack(children) {
   let found = false;
   React4__default.Children.forEach(children, (child) => {
@@ -6039,18 +6836,31 @@ function hasProgressTrack(children) {
   return found;
 }
 function Progress(_a) {
-  var _b = _a, { className, children, value } = _b, props = __objRest(_b, ["className", "children", "value"]);
+  var _b = _a, { className, children, value, animate } = _b, props = __objRest(_b, ["className", "children", "value", "animate"]);
   const hasCustomTrack = hasProgressTrack(children);
+  const [mountedValue, setMountedValue] = React4__default.useState(animate ? 0 : value);
+  React4__default.useEffect(() => {
+    if (animate) {
+      const id = requestAnimationFrame(() => setMountedValue(value));
+      return () => cancelAnimationFrame(id);
+    }
+    setMountedValue(value);
+  }, [animate, value]);
   return /* @__PURE__ */ jsxs(
     Progress$1.Root,
     __spreadProps(__spreadValues({
-      value,
+      value: mountedValue,
       "data-slot": "progress",
       className: cn("flex flex-wrap gap-3", className)
     }, props), {
       children: [
         children,
-        !hasCustomTrack && /* @__PURE__ */ jsx(ProgressTrack, { children: /* @__PURE__ */ jsx(ProgressIndicator, {}) })
+        !hasCustomTrack && /* @__PURE__ */ jsx(ProgressTrack, { children: /* @__PURE__ */ jsx(
+          ProgressIndicator,
+          {
+            className: animate ? "transition-all duration-700 ease-out" : void 0
+          }
+        ) })
       ]
     })
   );
@@ -6560,8 +7370,8 @@ function SegmentedControl(_a) {
           {
             className: "absolute inset-y-1 rounded-md bg-background shadow-sm transition-all duration-200",
             style: {
-              width: `${100 / options.length}%`,
-              left: `${selectedIndex * 100 / options.length}%`
+              width: `calc((100% - 8px) / ${options.length})`,
+              left: `calc(4px + ${selectedIndex} * (100% - 8px) / ${options.length})`
             }
           }
         ),
@@ -6718,7 +7528,7 @@ function Skeleton(_a) {
     "div",
     __spreadValues({
       "data-slot": "skeleton",
-      className: cn("animate-pulse rounded-md bg-muted", className)
+      className: cn("animate-pulse rounded-md bg-muted-foreground/15", className)
     }, props)
   );
 }
@@ -7485,6 +8295,24 @@ var Toaster = (_a) => {
     }, props)
   );
 };
+function SplitPane(_a) {
+  var _b = _a, { direction = "horizontal", className, children } = _b, props = __objRest(_b, ["direction", "className", "children"]);
+  return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({ "data-slot": "split-pane", className: cn("flex h-full w-full", className) }, props), { children: /* @__PURE__ */ jsx(ResizablePanelGroup, { direction, children }) }));
+}
+function SplitPanePanel(_a) {
+  var _b = _a, { minSize = 20, defaultSize = 35 } = _b, props = __objRest(_b, ["minSize", "defaultSize"]);
+  return /* @__PURE__ */ jsx(ResizablePanel, __spreadValues({ minSize, defaultSize }, props));
+}
+function SplitPaneDivider(_a) {
+  var _b = _a, { withHandle = true, className } = _b, props = __objRest(_b, ["withHandle", "className"]);
+  return /* @__PURE__ */ jsx(
+    ResizableHandle,
+    __spreadValues({
+      withHandle,
+      className: cn("data-[slot=resizable-handle]:bg-border", className)
+    }, props)
+  );
+}
 function Stat(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx("div", __spreadValues({ "data-slot": "stat", className: cn("space-y-1", className) }, props));
@@ -7527,45 +8355,186 @@ function StatTrend(_a) {
     children
   ] }));
 }
-function Stepper(_a) {
-  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsx("nav", __spreadProps(__spreadValues({ "data-slot": "stepper", "aria-label": "Progress", className }, props), { children: /* @__PURE__ */ jsx("ol", { className: "flex items-center gap-2", children }) }));
+var statusIndicatorVariants = cva("relative inline-flex shrink-0 rounded-full", {
+  variants: {
+    variant: {
+      online: "bg-emerald-500",
+      offline: "bg-muted-foreground/40",
+      busy: "bg-destructive",
+      away: "bg-amber-500",
+      pending: "bg-blue-500"
+    },
+    size: {
+      sm: "size-2",
+      default: "size-2.5",
+      lg: "size-3.5"
+    },
+    pulse: {
+      true: "",
+      false: ""
+    }
+  },
+  compoundVariants: [
+    { pulse: true, variant: "online", className: "animate-pulse" },
+    { pulse: true, variant: "busy", className: "animate-pulse" },
+    { pulse: true, variant: "pending", className: "animate-pulse" }
+  ],
+  defaultVariants: {
+    variant: "online",
+    size: "default",
+    pulse: false
+  }
+});
+function StatusIndicator(_a) {
+  var _b = _a, {
+    variant,
+    size,
+    pulse,
+    label,
+    className
+  } = _b, props = __objRest(_b, [
+    "variant",
+    "size",
+    "pulse",
+    "label",
+    "className"
+  ]);
+  const defaultLabels = {
+    online: "Online",
+    offline: "Offline",
+    busy: "Busy",
+    away: "Away",
+    pending: "Pending"
+  };
+  return /* @__PURE__ */ jsx(
+    "span",
+    __spreadValues({
+      "data-slot": "status-indicator",
+      role: "status",
+      "aria-label": label != null ? label : defaultLabels[variant != null ? variant : "online"],
+      className: cn(statusIndicatorVariants({ variant, size, pulse }), className)
+    }, props)
+  );
 }
-function Step(_a) {
-  var _b = _a, { status = "upcoming", index, className, children } = _b, props = __objRest(_b, ["status", "index", "className", "children"]);
-  return /* @__PURE__ */ jsxs(
-    "li",
-    __spreadProps(__spreadValues({
-      "data-slot": "step",
+var stepProgressVariants = cva("", {
+  variants: {
+    orientation: {
+      horizontal: "flex w-full items-start",
+      vertical: "flex flex-col"
+    }
+  },
+  defaultVariants: {
+    orientation: "vertical"
+  }
+});
+function StepProgress(_a) {
+  var _b = _a, { orientation, className } = _b, props = __objRest(_b, ["orientation", "className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "step-progress",
+      "data-orientation": orientation != null ? orientation : "vertical",
+      className: cn(stepProgressVariants({ orientation }), className)
+    }, props)
+  );
+}
+function StepProgressItem(_a) {
+  var _b = _a, { status = "upcoming", className } = _b, props = __objRest(_b, ["status", "className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "step-progress-item",
       "data-status": status,
-      className: cn("flex items-center gap-2", className)
+      className: cn(
+        "relative flex",
+        // Vertical: row layout, bottom padding
+        "[[data-orientation='vertical']_&]:gap-3 [[data-orientation='vertical']_&]:pb-8 [[data-orientation='vertical']_&]:last:pb-0",
+        // Horizontal: column layout, flex-1 to share space
+        "[[data-orientation='horizontal']_&]:flex-1 [[data-orientation='horizontal']_&]:flex-col [[data-orientation='horizontal']_&]:items-center [[data-orientation='horizontal']_&]:gap-2",
+        className
+      )
+    }, props)
+  );
+}
+var indicatorStyles = {
+  complete: "border-emerald-500 bg-emerald-500 text-white",
+  current: "border-primary bg-primary text-primary-foreground",
+  upcoming: "border-border bg-background text-muted-foreground"
+};
+function StepProgressIndicator(_a) {
+  var _b = _a, {
+    status = "upcoming",
+    step,
+    className
+  } = _b, props = __objRest(_b, [
+    "status",
+    "step",
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-slot": "step-progress-indicator",
+      className: cn(
+        "relative z-10 flex size-8 shrink-0 items-center justify-center rounded-full border-2 font-semibold text-xs",
+        indicatorStyles[status],
+        className
+      )
     }, props), {
-      children: [
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: cn(
-              "flex size-8 shrink-0 items-center justify-center rounded-full border-2 font-medium text-xs transition-colors",
-              status === "complete" && "border-primary bg-primary text-primary-foreground",
-              status === "current" && "border-primary text-primary",
-              status === "upcoming" && "border-muted-foreground/30 text-muted-foreground"
-            ),
-            children: status === "complete" ? /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) : index
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { className: cn("font-medium text-sm", status === "upcoming" && "text-muted-foreground"), children })
-      ]
+      children: status === "complete" ? /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) : step
     })
   );
 }
-function StepSeparator(_a) {
+function StepProgressConnector(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "step-progress-connector",
+      className: cn(
+        // Vertical: line going down
+        "[[data-orientation='vertical']_&]:absolute [[data-orientation='vertical']_&]:top-8 [[data-orientation='vertical']_&]:left-[15px] [[data-orientation='vertical']_&]:h-[calc(100%-2rem)] [[data-orientation='vertical']_&]:w-0.5",
+        // Horizontal: line going right
+        "[[data-orientation='horizontal']_&]:absolute [[data-orientation='horizontal']_&]:top-4 [[data-orientation='horizontal']_&]:left-[calc(50%+20px)] [[data-orientation='horizontal']_&]:h-0.5 [[data-orientation='horizontal']_&]:w-[calc(100%-40px)]",
+        "bg-border",
+        "[&[data-complete='true']]:bg-emerald-500",
+        className
+      )
+    }, props)
+  );
+}
+function StepProgressContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
     "div",
     __spreadValues({
-      "data-slot": "step-separator",
-      className: cn("h-px flex-1 bg-border", className),
-      "aria-hidden": true
+      "data-slot": "step-progress-content",
+      className: cn(
+        "min-w-0",
+        "[[data-orientation='vertical']_&]:pt-1",
+        "[[data-orientation='horizontal']_&]:text-center",
+        className
+      )
+    }, props)
+  );
+}
+function StepProgressTitle(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "p",
+    __spreadValues({
+      "data-slot": "step-progress-title",
+      className: cn("font-medium text-sm", className)
+    }, props)
+  );
+}
+function StepProgressDescription(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "p",
+    __spreadValues({
+      "data-slot": "step-progress-description",
+      className: cn("text-muted-foreground text-xs", className)
     }, props)
   );
 }
@@ -7623,31 +8592,93 @@ function StreamingCards({
     }
   ) });
 }
-function StripedBar(_a) {
+var waffleChartVariants = cva("w-full text-foreground", {
+  variants: {
+    mode: {
+      grid: "",
+      bar: ""
+    },
+    size: {
+      xs: "",
+      sm: "",
+      default: "",
+      lg: ""
+    }
+  },
+  compoundVariants: [
+    { mode: "bar", size: "xs", className: "h-4" },
+    { mode: "bar", size: "sm", className: "h-6" },
+    { mode: "bar", size: "default", className: "h-10" },
+    { mode: "bar", size: "lg", className: "h-16" },
+    { mode: "grid", size: "xs", className: "max-w-32 aspect-square" },
+    { mode: "grid", size: "sm", className: "max-w-48 aspect-square" },
+    { mode: "grid", size: "default", className: "max-w-sm aspect-square" },
+    { mode: "grid", size: "lg", className: "max-w-lg aspect-square" }
+  ],
+  defaultVariants: {
+    mode: "grid",
+    size: "default"
+  }
+});
+function WaffleChart(_a) {
   var _b = _a, {
     segments,
-    stripes: totalStripes = 60,
-    animated = true,
+    mode = "grid",
+    size = "default",
+    animate = true,
     duration = 800,
+    gap: gapProp,
+    radius: radiusProp,
+    rows = 10,
+    cols = 10,
+    stripes = 60,
+    dividers = true,
     className
   } = _b, props = __objRest(_b, [
     "segments",
-    "stripes",
-    "animated",
+    "mode",
+    "size",
+    "animate",
     "duration",
+    "gap",
+    "radius",
+    "rows",
+    "cols",
+    "stripes",
+    "dividers",
     "className"
   ]);
   const canvasRef = React4.useRef(null);
   const containerRef = React4.useRef(null);
-  const progressRef = React4.useRef(animated ? 0 : 1);
+  const progressRef = React4.useRef(animate ? 0 : 1);
   const startTimeRef = React4.useRef(null);
   const colorsRef = React4.useRef(null);
-  const blockData = React4.useMemo(() => {
+  const gap = gapProp != null ? gapProp : mode === "bar" ? 2.5 : 2;
+  const radius = radiusProp != null ? radiusProp : mode === "bar" ? 1 : 2;
+  const totalCells = rows * cols;
+  const gridCellData = React4.useMemo(() => {
+    var _a2;
+    if (mode !== "grid") return [];
+    const cells = [];
+    for (const seg of segments) {
+      const count = Math.round(seg.value / 100 * totalCells);
+      const hasExplicitColor = seg.color != null;
+      for (let i = 0; i < count; i++) {
+        cells.push({ color: (_a2 = seg.color) != null ? _a2 : null, useDefault: !hasExplicitColor });
+      }
+    }
+    const remaining = Math.max(0, totalCells - cells.length);
+    for (let i = 0; i < remaining; i++) {
+      cells.push({ color: null, useDefault: false });
+    }
+    return cells;
+  }, [segments, totalCells, mode]);
+  const barBlockData = React4.useMemo(() => {
     var _a2;
+    if (mode !== "bar") return [];
     const blocks = [];
-    for (let s = 0; s < segments.length; s++) {
-      const seg = segments[s];
-      const count = Math.round(seg.value / 100 * totalStripes);
+    for (const seg of segments) {
+      const count = Math.round(seg.value / 100 * stripes);
       const hasExplicitColor = seg.color != null;
       for (let i = 0; i < count; i++) {
         blocks.push({
@@ -7656,11 +8687,11 @@ function StripedBar(_a) {
           dividerAfter: false
         });
       }
-      if (blocks.length > 0) {
+      if (dividers && blocks.length > 0) {
         blocks[blocks.length - 1].dividerAfter = true;
       }
     }
-    const remaining = Math.max(0, totalStripes - blocks.length);
+    const remaining = Math.max(0, stripes - blocks.length);
     for (let i = 0; i < remaining; i++) {
       blocks.push({ color: null, useDefault: false, dividerAfter: false });
     }
@@ -7668,7 +8699,7 @@ function StripedBar(_a) {
       blocks[blocks.length - 1].dividerAfter = false;
     }
     return blocks;
-  }, [segments, totalStripes]);
+  }, [segments, stripes, dividers, mode]);
   React4.useEffect(() => {
     const container = containerRef.current;
     if (!container) return;
@@ -7691,8 +8722,96 @@ function StripedBar(_a) {
       };
     }
   }, []);
+  const drawGrid = React4.useCallback(
+    (ctx, w, h) => {
+      var _a2;
+      if (totalCells === 0) return;
+      const cellW = (w - (cols - 1) * gap) / cols;
+      const cellH = (h - (rows - 1) * gap) / rows;
+      const progress = progressRef.current;
+      const visibleCells = Math.floor(progress * totalCells);
+      const colors = (_a2 = colorsRef.current) != null ? _a2 : {
+        muted: "oklch(0.5 0 0 / 0.1)",
+        primary: "var(--color-primary)"
+      };
+      for (let row = 0; row < rows; row++) {
+        for (let col = 0; col < cols; col++) {
+          const idx = row * cols + col;
+          const cell = gridCellData[idx];
+          if (!cell) continue;
+          const hasColor = cell.color !== null || cell.useDefault;
+          const isFilled = hasColor && idx < visibleCells;
+          const fillColor = cell.useDefault ? colors.primary : cell.color;
+          ctx.fillStyle = isFilled ? fillColor : colors.muted;
+          const x = col * (cellW + gap);
+          const y = row * (cellH + gap);
+          ctx.beginPath();
+          ctx.roundRect(x, y, cellW, cellH, radius);
+          ctx.fill();
+        }
+      }
+    },
+    [gridCellData, rows, cols, gap, radius, totalCells]
+  );
+  const drawBar = React4.useCallback(
+    (ctx, w, h) => {
+      var _a2;
+      const total = barBlockData.length;
+      if (total === 0) return;
+      const rowGap = gap;
+      const colGap = gap;
+      const dividerGap = 10;
+      const dividerCount = barBlockData.filter((b) => b.dividerAfter).length;
+      const targetSize = 4;
+      const barRows = Math.max(1, Math.floor((h + rowGap) / (targetSize + rowGap)));
+      const blockH = (h - (barRows - 1) * rowGap) / barRows;
+      const normalGaps = total - 1 - dividerCount;
+      const availableWidth = w - normalGaps * colGap - dividerCount * dividerGap;
+      const blockW = Math.max(2, availableWidth / total);
+      const progress = progressRef.current;
+      const visibleCols = Math.floor(progress * total);
+      const colors = (_a2 = colorsRef.current) != null ? _a2 : {
+        muted: "oklch(0.5 0 0 / 0.1)",
+        divider: "oklch(0.5 0 0 / 0.3)",
+        primary: "var(--color-primary)"
+      };
+      let x = 0;
+      for (let col = 0; col < total; col++) {
+        const block = barBlockData[col];
+        const hasColor = block.color !== null || block.useDefault;
+        const isFilled = hasColor && col < visibleCols;
+        const fillColor = block.useDefault ? colors.primary : block.color;
+        ctx.fillStyle = isFilled ? fillColor : colors.muted;
+        for (let row = 0; row < barRows; row++) {
+          const y = row * (blockH + rowGap);
+          ctx.beginPath();
+          ctx.roundRect(x, y, blockW, blockH, radius);
+          ctx.fill();
+        }
+        if (block.dividerAfter) {
+          const halfGap = dividerGap / 2;
+          x += blockW + halfGap;
+          const dotRadius = 1;
+          const dotSpacing = 4;
+          const dotCount = Math.max(3, Math.floor(h / dotSpacing));
+          const totalDotH = dotCount * dotSpacing;
+          const startY = (h - totalDotH) / 2 + dotSpacing / 2;
+          ctx.fillStyle = colors.divider;
+          for (let d = 0; d < dotCount; d++) {
+            const dotY = startY + d * dotSpacing;
+            ctx.beginPath();
+            ctx.arc(x, dotY, dotRadius, 0, Math.PI * 2);
+            ctx.fill();
+          }
+          x += halfGap;
+        } else if (col < total - 1) {
+          x += blockW + colGap;
+        }
+      }
+    },
+    [barBlockData, gap, radius]
+  );
   const draw = React4.useCallback(() => {
-    var _a2;
     const canvas = canvasRef.current;
     const container = containerRef.current;
     if (!canvas || !container) return;
@@ -7709,59 +8828,14 @@ function StripedBar(_a) {
     if (!ctx) return;
     ctx.scale(dpr, dpr);
     ctx.clearRect(0, 0, w, h);
-    const total = blockData.length;
-    if (total === 0) return;
-    const colGap = 2.5;
-    const rowGap = 2.5;
-    const dividerGap = 8;
-    const dividerCount = blockData.filter((b) => b.dividerAfter).length;
-    const radius = 1;
-    const targetSize = 4;
-    const rows = Math.max(1, Math.floor((h + rowGap) / (targetSize + rowGap)));
-    const blockH = (h - (rows - 1) * rowGap) / rows;
-    const availableWidth = w - (total - 1) * colGap - dividerCount * dividerGap;
-    const blockW = Math.max(2, availableWidth / total);
-    const progress = progressRef.current;
-    const visibleCols = Math.floor(progress * total);
-    const colors = (_a2 = colorsRef.current) != null ? _a2 : {
-      muted: "oklch(0.5 0 0 / 0.1)",
-      divider: "oklch(0.5 0 0 / 0.3)",
-      primary: "var(--color-primary)"
-    };
-    let x = 0;
-    for (let col = 0; col < total; col++) {
-      const block = blockData[col];
-      const hasColor = block.color !== null || block.useDefault;
-      const isFilled = hasColor && col < visibleCols;
-      const fillColor = block.useDefault ? colors.primary : block.color;
-      ctx.fillStyle = isFilled ? fillColor : colors.muted;
-      for (let row = 0; row < rows; row++) {
-        const y = row * (blockH + rowGap);
-        ctx.beginPath();
-        ctx.roundRect(x, y, blockW, blockH, radius);
-        ctx.fill();
-      }
-      x += blockW + colGap;
-      if (block.dividerAfter) {
-        const dotRadius = 1.2;
-        const dotSpacing = 4.5;
-        const dotCount = Math.max(3, Math.floor(h / dotSpacing));
-        const totalDotH = dotCount * dotSpacing;
-        const startY = (h - totalDotH) / 2 + dotSpacing / 2;
-        const dotX = x + dividerGap / 2 - colGap / 2;
-        ctx.fillStyle = colors.divider;
-        for (let d = 0; d < dotCount; d++) {
-          const dotY = startY + d * dotSpacing;
-          ctx.beginPath();
-          ctx.arc(dotX, dotY, dotRadius, 0, Math.PI * 2);
-          ctx.fill();
-        }
-        x += dividerGap - colGap;
-      }
+    if (mode === "grid") {
+      drawGrid(ctx, w, h);
+    } else {
+      drawBar(ctx, w, h);
     }
-  }, [blockData]);
+  }, [mode, drawGrid, drawBar]);
   React4.useEffect(() => {
-    if (!animated) {
+    if (!animate) {
       progressRef.current = 1;
       const id = requestAnimationFrame(() => draw());
       return () => cancelAnimationFrame(id);
@@ -7769,19 +8843,19 @@ function StripedBar(_a) {
     progressRef.current = 0;
     startTimeRef.current = null;
     let rafId;
-    function animate(timestamp) {
+    function animateFrame(timestamp) {
       if (!startTimeRef.current) startTimeRef.current = timestamp;
       const elapsed = timestamp - startTimeRef.current;
       const t = Math.min(elapsed / duration, 1);
       progressRef.current = 1 - (1 - t) ** 3;
       draw();
       if (t < 1) {
-        rafId = requestAnimationFrame(animate);
+        rafId = requestAnimationFrame(animateFrame);
       }
     }
-    rafId = requestAnimationFrame(animate);
+    rafId = requestAnimationFrame(animateFrame);
     return () => cancelAnimationFrame(rafId);
-  }, [animated, duration, draw]);
+  }, [animate, duration, draw]);
   React4.useEffect(() => {
     const container = containerRef.current;
     if (!container) return;
@@ -7800,13 +8874,36 @@ function StripedBar(_a) {
     "div",
     __spreadProps(__spreadValues({
       ref: containerRef,
-      "data-slot": "striped-bar",
-      className: cn("h-10 w-full text-foreground", className)
+      "data-slot": "waffle-chart",
+      className: cn(waffleChartVariants({ mode, size }), className)
     }, props), {
       children: /* @__PURE__ */ jsx("canvas", { ref: canvasRef, className: "block size-full" })
     })
   );
 }
+function StripedBar(_a) {
+  var _b = _a, {
+    segments,
+    stripes = 60,
+    animated = true,
+    duration = 800
+  } = _b, props = __objRest(_b, [
+    "segments",
+    "stripes",
+    "animated",
+    "duration"
+  ]);
+  return /* @__PURE__ */ jsx(
+    WaffleChart,
+    __spreadValues({
+      segments,
+      mode: "bar",
+      stripes,
+      animate: animated,
+      duration
+    }, props)
+  );
+}
 var PALETTES = {
   blue: {
     light: ["100, 140, 200", "80, 160, 120", "140, 100, 180"],
@@ -8009,7 +9106,7 @@ function Tag(_a) {
       {
         type: "button",
         onClick: onRemove,
-        className: "ml-0.5 rounded-sm opacity-70 transition-opacity hover:opacity-100",
+        className: "ml-0.5 cursor-pointer rounded-sm opacity-70 transition-opacity hover:opacity-100",
         "aria-label": "Remove",
         children: /* @__PURE__ */ jsx(XIcon, { className: "size-3" })
       }
@@ -8045,7 +9142,7 @@ function TimelineDot(_a) {
     __spreadProps(__spreadValues({
       "data-slot": "timeline-dot",
       className: cn(
-        "absolute top-1 left-[-33px] flex size-[17px] items-center justify-center rounded-full border-2 border-border bg-background",
+        "absolute top-0.5 left-[-35px] flex size-[22px] items-center justify-center rounded-full border-2 border-border bg-background",
         className
       )
     }, props), {
@@ -8668,6 +9765,6 @@ function AppShell({
   ] });
 }
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertAction, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnimatedCounter, AppShell, ArticleCard, AsciiShader, AspectRatio, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, BgShader, Blockquote, BlockyShader, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar2 as Calendar, CalendarDayButton, Callout, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CaseCard, Checkbox, CodeBlock, Col, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, DataTable, DataTableColumnHeader, DataTableFacetedFilter, DataTablePagination, DataTableToolbar, DataTableViewOptions, DatePicker, DateRangePicker, DescriptionList, DescriptionListDetail, DescriptionListItem, DescriptionListTerm, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, EntityHeader, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FileUpload, Grid, H1, H2, H3, H4, HoverCard, HoverCardContent, HoverCardTrigger, InlineCode, InlineEdit, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Large, Lead, List, LoadingOverlay, LogoVasp, Marquee, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Muted, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, NumberInput, P, PageCta, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, Prose, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, RiskGauge, ScrollArea, ScrollBar, SearchInput, SegmentedControl, 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, Slider, Small, Spinner, Stat, StatLabel, StatTrend, StatValue, Step, StepSeparator, Stepper, StreamingCards, StripedBar, SubtleShader, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, TeamCard, Textarea, ThemeScript, Timeline, TimelineContent, TimelineDot, TimelineItem, TimelineTime, TimelineTitle, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Typewriter, VisuallyHidden, badgeVariants, buttonGroupVariants, calloutVariants, headerVariants as entityHeaderVariants, logoVaspVariants, navigationMenuTriggerStyle, TIER_COLORS as riskGaugeTierColors, tabsListVariants, tagVariants, toggleVariants, trendVariants, useCarousel, useCarouselState, useClipboard, useComboboxAnchor, useDataTable, useDebounce, useDisclosure, useIntersectionObserver, useIsMobile, useLocalStorage, useMediaQuery, useSidebar };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertAction, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnimatedCounter, AppShell, ApprovalActions, ApprovalButton, ApprovalDialog, ArticleCard, AsciiShader, AspectRatio, AuditLog, AuditLogContent, AuditLogDetail, AuditLogEntry, AuditLogIcon, AuditLogMessage, AuditLogMeta, AuditLogTime, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, BgShader, Blockquote, BlockyShader, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar2 as Calendar, CalendarDayButton, Callout, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CaseCard, Checkbox, CodeBlock, Col, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Comment, CommentActions, CommentAuthor, CommentAvatar, CommentBody, CommentContent, CommentHeader, CommentThread, CommentTime, ComplianceScore, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, DataTable, DataTableColumnHeader, DataTableFacetedFilter, DataTablePagination, DataTableToolbar, DataTableViewOptions, DatePicker, DateRangePicker, DeadlineCountdown, DescriptionList, DescriptionListDetail, DescriptionListItem, DescriptionListTerm, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, EntityHeader, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FileUpload, FilterBar, FilterChip, FilterClear, Grid, H1, H2, H3, H4, HoverCard, HoverCardContent, HoverCardTrigger, InlineCode, InlineEdit, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Large, Lead, List, LoadingOverlay, LogoVasp, Marquee, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Muted, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, NumberInput, P, PageCta, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PolicyBanner, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, Prose, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, RiskGauge, ScrollArea, ScrollBar, SearchInput, SegmentedControl, 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, Slider, Small, Spinner, SplitPane, SplitPaneDivider, SplitPanePanel, Stat, StatLabel, StatTrend, StatValue, StatusIndicator, StepProgress, StepProgressConnector, StepProgressContent, StepProgressDescription, StepProgressIndicator, StepProgressItem, StepProgressTitle, StreamingCards, StripedBar, SubtleShader, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, TeamCard, Textarea, ThemeScript, Timeline, TimelineContent, TimelineDot, TimelineItem, TimelineTime, TimelineTitle, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Typewriter, VisuallyHidden, WaffleChart, auditLogEntryVariants, badgeVariants, buttonGroupVariants, calloutVariants, complianceScoreVariants, deadlineCountdownVariants, headerVariants as entityHeaderVariants, logoVaspVariants, navigationMenuTriggerStyle, policyBannerVariants, TIER_COLORS as riskGaugeTierColors, statusIndicatorVariants, stepProgressVariants, tabsListVariants, tagVariants, toggleVariants, trendVariants, useCarousel, useCarouselState, useClipboard, useComboboxAnchor, useDataTable, useDebounce, useDisclosure, useIntersectionObserver, useIsMobile, useLocalStorage, useMediaQuery, useSidebar, waffleChartVariants };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map