@assure-one/design-system 0.4.1 → 0.7.0

package/dist/index.js

@@ -1,6 +1,6 @@
 "use client";
 import * as React36 from 'react';
-import { forwardRef, useState, useCallback, useId, useRef, useImperativeHandle, useEffect, createContext, useContext, useMemo } from 'react';
+import { forwardRef, useState, useCallback, useId, useRef, useImperativeHandle, useEffect, createContext, Fragment as Fragment$1, useContext, useMemo } from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
@@ -28,6 +28,7 @@ import { OTPInput as OTPInput$1, REGEXP_ONLY_DIGITS } from 'input-otp';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import { RemoveScroll } from 'react-remove-scroll';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 import { useFormStatus } from 'react-dom';
@@ -2120,6 +2121,74 @@ function FilterIcon({ size = 24, ...props }) {
     }
   ) });
 }
+function CheckCircleSolidIcon({ size = 24, ...props }) {
+  return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      fill: "currentColor",
+      d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 0 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z"
+    }
+  ) });
+}
+function XCircleSolidIcon({ size = 24, ...props }) {
+  return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      fill: "currentColor",
+      d: "M12 2.25C6.615 2.25 2.25 6.615 2.25 12s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-1.72 6.97a.75.75 0 0 0-1.06 1.06L10.94 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06L12 13.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L13.06 12l1.72-1.72a.75.75 0 1 0-1.06-1.06L12 10.94l-1.72-1.72Z"
+    }
+  ) });
+}
+function AlertTriangleSolidIcon({ size = 24, ...props }) {
+  return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      fill: "currentColor",
+      d: "M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003ZM12 8.25a.75.75 0 0 1 .75.75v3.75a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 .75-.75Zm0 8.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z"
+    }
+  ) });
+}
+function InfoCircleSolidIcon({ size = 24, ...props }) {
+  return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      fill: "currentColor",
+      d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm8.706-1.442c1.146-.573 2.437.463 2.126 1.706l-.709 2.836.042-.02a.75.75 0 0 1 .67 1.342l-.04.022c-1.147.573-2.438-.463-2.127-1.706l.71-2.836-.042.02a.75.75 0 1 1-.671-1.341l.041-.022ZM12 9a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z"
+    }
+  ) });
+}
+function TrendingUpIcon({ size = 24, ...props }) {
+  return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M2 17l6.5-6.5 5 5L22 7M16 7h6v6",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function TrendingDownIcon({ size = 24, ...props }) {
+  return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M2 7l6.5 6.5 5-5L22 17M16 17h6v-6",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
 var Accordion = React36.forwardRef(function Accordion2({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     AccordionPrimitive.Root,
@@ -3071,8 +3140,8 @@ function Select({
             children: /* @__PURE__ */ jsx(SelectValue, { placeholder })
           }
         ),
-        /* @__PURE__ */ jsx(SelectContent, { className: contentClassName, children: options.map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: opt.value, disabled: opt.disabled, children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5 truncate", children: [
-          opt.label,
+        /* @__PURE__ */ jsx(SelectContent, { className: contentClassName, children: options.map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: opt.value, disabled: opt.disabled, children: /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "line-clamp-1", children: opt.label }),
           opt.labelSuffix
         ] }) }, opt.value)) })
       ]
@@ -3090,16 +3159,17 @@ function ClientSelect({
   placeholder = "Select a client..."
 }) {
   const radixValue = value ?? void 0;
+  const selected = value ? clients.find((c) => c.id === value) : void 0;
   const handleChange = (next) => {
     onChange(next === "" ? null : next);
   };
   return /* @__PURE__ */ jsxs("div", { className: cn("relative w-full", className), children: [
     /* @__PURE__ */ jsx("input", { type: "hidden", name, value: value ?? "" }),
     /* @__PURE__ */ jsxs(SelectRoot, { value: radixValue, onValueChange: handleChange, children: [
-      /* @__PURE__ */ jsx(SelectTrigger, { "aria-invalid": !!error || void 0, "aria-label": placeholder, children: /* @__PURE__ */ jsx(SelectValue, { placeholder }) }),
-      /* @__PURE__ */ jsx(SelectContent, { children: clients.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-fg-3 px-3 py-6 text-center text-xs", children: "No clients yet" }) : clients.map((c) => /* @__PURE__ */ jsx(SelectItem, { value: c.id, children: /* @__PURE__ */ jsxs("span", { className: "flex flex-col", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-fg text-[13px] font-medium", children: c.label }),
-        c.email && /* @__PURE__ */ jsx("span", { className: "text-fg-3 text-xs", children: c.email })
+      /* @__PURE__ */ jsx(SelectTrigger, { "aria-invalid": !!error || void 0, "aria-label": placeholder, children: /* @__PURE__ */ jsx(SelectValue, { placeholder, children: selected?.label ?? "" }) }),
+      /* @__PURE__ */ jsx(SelectContent, { children: clients.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-fg-3 px-3 py-6 text-center text-xs", children: "No clients yet" }) : clients.map((c) => /* @__PURE__ */ jsx(SelectItem, { value: c.id, children: /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-col", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-fg line-clamp-1 text-[13px] font-medium", children: c.label }),
+        c.email && /* @__PURE__ */ jsx("span", { className: "text-fg-3 line-clamp-1 text-xs", children: c.email })
       ] }) }, c.id)) })
     ] }),
     error && /* @__PURE__ */ jsx("p", { role: "alert", className: "text-danger-fg mt-1.5 text-xs", children: error })
@@ -3436,7 +3506,7 @@ function CommandPalette({
                                 ),
                                 /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
                                   /* @__PURE__ */ jsx("div", { className: "text-fg text-sm font-medium", children: item.label }),
-                                  item.description && /* @__PURE__ */ jsx("div", { className: "text-fg-3 truncate text-xs", children: item.description })
+                                  item.description && /* @__PURE__ */ jsx("div", { className: "text-fg-3 line-clamp-1 text-xs", children: item.description })
                                 ] }),
                                 item.shortcut && /* @__PURE__ */ jsx("kbd", { className: cn(kbdClass, "hidden shrink-0 sm:inline-flex"), children: item.shortcut })
                               ]
@@ -4417,67 +4487,45 @@ var Input = forwardRef(function Input2({
   ] });
 });
 Input.displayName = "Input";
-var SHORTCUT_SECTIONS = [
-  {
-    title: "Create",
-    icon: /* @__PURE__ */ jsx(CornerDownLeftIcon, { className: "size-3" }),
-    shortcuts: [
-      { keys: ["C"], description: "New Client" },
-      { keys: ["T"], description: "Create Task" },
-      { keys: ["E"], description: "New Engagement" },
-      { keys: ["M"], description: "Compose Message" }
-    ]
-  },
-  {
-    title: "Go to",
-    icon: null,
-    shortcuts: [
-      { keys: ["G", "O"], description: "Overview" },
-      { keys: ["G", "C"], description: "Clients" },
-      { keys: ["G", "W"], description: "Workflow" },
-      { keys: ["G", "D"], description: "Documents" },
-      { keys: ["G", "B"], description: "Billing" },
-      { keys: ["G", "M"], description: "Communications" },
-      { keys: ["G", "A"], description: "Calendar" },
-      { keys: ["G", "R"], description: "Reports" },
-      { keys: ["G", "S"], description: "Settings" }
-    ]
-  },
-  {
-    title: "General",
-    icon: /* @__PURE__ */ jsx(CommandIcon, { className: "size-3" }),
-    shortcuts: [
-      { keys: ["\u2318", "K"], description: "Command palette" },
-      { keys: ["/"], description: "Focus search" },
-      { keys: ["?"], description: "Keyboard shortcuts" },
-      { keys: ["Esc"], description: "Close / go back" }
-    ]
-  }
-];
+var GENERAL_SECTION = {
+  title: "General",
+  icon: /* @__PURE__ */ jsx(CommandIcon, { className: "size-3" }),
+  shortcuts: [
+    { keys: ["\u2318", "K"], description: "Command palette" },
+    { keys: ["/"], description: "Focus search" },
+    { keys: ["?"], description: "Keyboard shortcuts" },
+    { keys: ["Esc"], description: "Close / go back" }
+  ]
+};
 var kbdClass2 = cn(
   "inline-flex items-center justify-center min-w-[18px] h-[18px] px-[5px]",
   "font-mono text-[10.5px] text-fg-3 bg-bg-2 border border-rule rounded-icon",
   "[border-bottom-width:1.5px]"
 );
-function KeyboardShortcutsDialog() {
+function KeyboardShortcutsDialog({
+  sections,
+  hotkey = "?"
+} = {}) {
   const [open, setOpen] = React36.useState(false);
   React36.useEffect(() => {
+    if (hotkey === null) return;
     function handleKeyDown(e) {
       const target = e.target;
       if (target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement || target instanceof HTMLSelectElement || target?.isContentEditable) {
         return;
       }
-      if (e.key === "?" && !e.metaKey && !e.ctrlKey && !e.altKey) {
+      if (e.key === hotkey && !e.metaKey && !e.ctrlKey && !e.altKey) {
         e.preventDefault();
         setOpen((prev) => !prev);
       }
     }
     document.addEventListener("keydown", handleKeyDown);
     return () => document.removeEventListener("keydown", handleKeyDown);
-  }, []);
+  }, [hotkey]);
+  const allSections = sections ? [...sections, GENERAL_SECTION] : [GENERAL_SECTION];
   return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs(DialogContent, { size: "md", className: "p-0", children: [
     /* @__PURE__ */ jsx(DialogHeader, { className: "border-rule mb-0 border-b px-5 py-4 pr-12", children: /* @__PURE__ */ jsx(DialogTitle, { className: "text-sm font-semibold", children: "Keyboard Shortcuts" }) }),
-    /* @__PURE__ */ jsx("div", { className: "scrollbar-thin max-h-[60vh] overflow-y-auto px-5 py-4", children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-x-6 gap-y-5", children: SHORTCUT_SECTIONS.map((section) => /* @__PURE__ */ jsxs("div", { className: cn(section.title === "Go to" && "row-span-2"), children: [
+    /* @__PURE__ */ jsx("div", { className: "scrollbar-thin max-h-[60vh] overflow-y-auto px-5 py-4", children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-x-6 gap-y-5", children: allSections.map((section) => /* @__PURE__ */ jsxs("div", { className: cn(section.wide && "row-span-2"), children: [
       /* @__PURE__ */ jsxs(
         "h3",
         {
@@ -4508,7 +4556,7 @@ function KeyboardShortcutsDialog() {
     ] }, section.title)) }) }),
     /* @__PURE__ */ jsx("div", { className: "border-rule bg-bg-2/40 border-t px-5 py-3", children: /* @__PURE__ */ jsxs("p", { className: "text-fg-3 text-[11px]", children: [
       "Press ",
-      /* @__PURE__ */ jsx("kbd", { className: kbdClass2, children: "?" }),
+      /* @__PURE__ */ jsx("kbd", { className: kbdClass2, children: hotkey ?? "?" }),
       " anytime to toggle this dialog"
     ] }) })
   ] }) });
@@ -4637,15 +4685,17 @@ function Logo({
   className,
   iconClassName,
   textClassName,
+  productName = "Pro",
   inverted = false
 }) {
   const s = sizeStyles[size];
+  const ariaLabel = productName ? `Assure ${productName}` : "Assure";
   return /* @__PURE__ */ jsxs(
     Link,
     {
       href,
       className: cn("inline-flex items-center", s.gap, className),
-      "aria-label": "Assure Pro",
+      "aria-label": ariaLabel,
       children: [
         /* @__PURE__ */ jsx(
           Image2,
@@ -4669,8 +4719,10 @@ function Logo({
             ),
             children: [
               /* @__PURE__ */ jsx("span", { children: "Assure" }),
-              " ",
-              /* @__PURE__ */ jsx("span", { className: cn("font-medium", inverted ? "text-pro-fg" : "text-pro-fg"), children: "Pro" })
+              productName && /* @__PURE__ */ jsxs(Fragment, { children: [
+                " ",
+                /* @__PURE__ */ jsx("span", { className: "text-pro-fg font-medium", children: productName })
+              ] })
             ]
           }
         )
@@ -4701,7 +4753,7 @@ function MultiFilterPill({
         ),
         children: [
           icon && /* @__PURE__ */ jsx("span", { className: "[&>svg]:size-3.5", "aria-hidden": "true", children: icon }),
-          /* @__PURE__ */ jsx("span", { className: "truncate", children: displayLabel }),
+          /* @__PURE__ */ jsx("span", { className: "line-clamp-1", children: displayLabel }),
           active ? /* @__PURE__ */ jsx(
             "span",
             {
@@ -4781,7 +4833,7 @@ function MultiFilterPill({
                           "aria-hidden": "true"
                         }
                       ),
-                      /* @__PURE__ */ jsx("span", { className: "truncate", children: opt.label })
+                      /* @__PURE__ */ jsx("span", { className: "line-clamp-1", children: opt.label })
                     ]
                   }
                 ) }, opt.key);
@@ -5440,15 +5492,46 @@ function SearchSelect({
   onCreate,
   placeholder = "Search...",
   className,
-  disabled = false
+  disabled = false,
+  groupFilter = false,
+  pinnedGroups,
+  closeOnSelect = false,
+  showGroupCounts = false,
+  onCreateNew,
+  createNewLabel = "Create new"
 }) {
   const [search, setSearch] = React36.useState("");
   const [open, setOpen] = React36.useState(false);
+  const [activeChip, setActiveChip] = React36.useState(null);
   const selectedIds = React36.useMemo(() => new Set(selected.map((s) => s.id)), [selected]);
   const filtered = React36.useMemo(
     () => options.filter((opt) => !selectedIds.has(opt.id)),
     [options, selectedIds]
   );
+  const groups = React36.useMemo(() => {
+    const order = [];
+    const byGroup = /* @__PURE__ */ new Map();
+    for (const opt of filtered) {
+      if (!byGroup.has(opt.group)) {
+        byGroup.set(opt.group, []);
+        order.push(opt.group);
+      }
+      byGroup.get(opt.group).push(opt);
+    }
+    return order.map((g) => [g, byGroup.get(g)]);
+  }, [filtered]);
+  const hasGroups = React36.useMemo(() => groups.some(([g]) => g != null), [groups]);
+  const pinnedSet = React36.useMemo(() => new Set(pinnedGroups ?? []), [pinnedGroups]);
+  const chips = React36.useMemo(() => {
+    if (!groupFilter || !hasGroups) return [];
+    return groups.map(([g]) => g).filter((g) => g != null && !pinnedSet.has(g));
+  }, [groupFilter, hasGroups, groups, pinnedSet]);
+  const visibleGroups = React36.useMemo(() => {
+    if (chips.length > 0 && activeChip) {
+      return groups.filter(([g]) => g === activeChip);
+    }
+    return groups;
+  }, [groups, chips.length, activeChip]);
   const trimmedSearch = search.trim();
   const hasExactMatch = React36.useMemo(
     () => options.some((opt) => opt.label.toLowerCase() === trimmedSearch.toLowerCase()),
@@ -5459,8 +5542,9 @@ function SearchSelect({
     (option) => {
       onSelect(option);
       setSearch("");
+      if (closeOnSelect) setOpen(false);
     },
-    [onSelect]
+    [onSelect, closeOnSelect]
   );
   const handleCreate = React36.useCallback(() => {
     if (onCreate && trimmedSearch) {
@@ -5469,8 +5553,17 @@ function SearchSelect({
       setOpen(false);
     }
   }, [onCreate, trimmedSearch]);
+  const inputRef = React36.useRef(null);
+  const singleValue = closeOnSelect ? selected[0] ?? null : null;
+  const showValue = singleValue !== null && !open;
+  React36.useEffect(() => {
+    if (open && closeOnSelect) {
+      const raf = requestAnimationFrame(() => inputRef.current?.focus());
+      return () => cancelAnimationFrame(raf);
+    }
+  }, [open, closeOnSelect]);
   return /* @__PURE__ */ jsxs("div", { className: cn("relative w-full", className), children: [
-    selected.length > 0 && /* @__PURE__ */ jsx("div", { className: "mb-2 flex flex-wrap gap-1.5", children: selected.map((item) => /* @__PURE__ */ jsxs(
+    !closeOnSelect && selected.length > 0 && /* @__PURE__ */ jsx("div", { className: "mb-2 flex flex-wrap gap-1.5", children: selected.map((item) => /* @__PURE__ */ jsxs(
       "span",
       {
         className: cn(
@@ -5513,7 +5606,7 @@ function SearchSelect({
           }
         },
         children: [
-          /* @__PURE__ */ jsx(PopoverAnchor, { asChild: true, children: /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsx(PopoverAnchor, { asChild: true, children: /* @__PURE__ */ jsx(
             "div",
             {
               className: cn(
@@ -5521,9 +5614,59 @@ function SearchSelect({
                 "transition-[color,background-color,border-color,box-shadow] duration-[var(--duration-fast)] ease-[var(--ease-out-quart)]",
                 "motion-reduce:transition-none",
                 "focus-within:border-accent focus-within:[box-shadow:var(--shadow-focus-ring)]",
+                showValue && "hover:bg-bg-2 gap-2 pr-2 pl-3",
                 disabled && "bg-bg-disabled cursor-not-allowed"
               ),
-              children: [
+              children: showValue && singleValue ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => !disabled && setOpen(true),
+                    disabled,
+                    className: "flex h-full flex-1 items-center gap-2 text-left outline-none disabled:cursor-not-allowed",
+                    children: [
+                      singleValue.icon && /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          className: cn(
+                            "flex size-5 shrink-0 items-center justify-center rounded-full [&_svg]:size-3",
+                            singleValue.iconClassName
+                          ),
+                          "aria-hidden": "true",
+                          children: singleValue.icon
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs("span", { className: "text-fg flex-1 truncate text-[13px]", children: [
+                        singleValue.label,
+                        singleValue.description && /* @__PURE__ */ jsxs("span", { className: "text-fg-4", children: [
+                          " \xB7 ",
+                          singleValue.description
+                        ] })
+                      ] })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => onRemove(singleValue),
+                    disabled,
+                    className: cn(
+                      "text-fg-3 shrink-0 rounded-full p-0.5",
+                      "transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)]",
+                      "motion-reduce:transition-none",
+                      "hover:bg-overlay-hover hover:text-fg",
+                      "disabled:text-fg-disabled disabled:cursor-not-allowed disabled:hover:bg-transparent",
+                      "focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none"
+                    ),
+                    "aria-label": `Clear ${singleValue.label}`,
+                    children: /* @__PURE__ */ jsx(XIcon, { className: "size-3.5", "aria-hidden": "true" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(ChevronDownIcon, { className: "text-fg-4 size-4 shrink-0", "aria-hidden": "true" })
+              ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
                 /* @__PURE__ */ jsx(
                   SearchIcon,
                   {
@@ -5534,6 +5677,7 @@ function SearchSelect({
                 /* @__PURE__ */ jsx(
                   Command.Input,
                   {
+                    ref: inputRef,
                     value: search,
                     onValueChange: (v) => {
                       setSearch(v);
@@ -5551,7 +5695,7 @@ function SearchSelect({
                     )
                   }
                 )
-              ]
+              ] })
             }
           ) }),
           /* @__PURE__ */ jsx(
@@ -5559,56 +5703,156 @@ function SearchSelect({
             {
               align: "start",
               sideOffset: 4,
+              avoidCollisions: false,
               onOpenAutoFocus: (e) => e.preventDefault(),
               onInteractOutside: (e) => {
                 const target = e.target;
                 if (target.closest("[cmdk-input]")) e.preventDefault();
               },
-              className: cn("w-(--radix-popover-trigger-width) p-0", "min-w-[12rem]"),
-              children: /* @__PURE__ */ jsxs(Command.List, { className: "scrollbar-thin max-h-60 overflow-y-auto p-1", children: [
-                filtered.length === 0 && !showCreate && /* @__PURE__ */ jsx(Command.Empty, { className: "text-fg-3 px-3 py-2 text-xs", children: search ? "No results found." : "No options available." }),
-                filtered.map((option) => /* @__PURE__ */ jsxs(
-                  Command.Item,
+              style: {
+                width: "var(--radix-popover-trigger-width)",
+                maxHeight: "var(--radix-popover-content-available-height)"
+              },
+              className: cn("p-0", "flex flex-col", "min-w-[12rem] overflow-hidden"),
+              children: /* @__PURE__ */ jsxs(RemoveScroll, { removeScrollBar: false, className: "contents", children: [
+                chips.length > 0 && /* @__PURE__ */ jsx("div", { className: "border-rule flex flex-wrap gap-1 border-b p-1.5", children: [null, ...chips].map((chip) => {
+                  const active = activeChip === chip;
+                  return /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => setActiveChip(chip),
+                      className: cn(
+                        "rounded-pill px-2.5 py-0.5 text-[12px] font-medium",
+                        "transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
+                        active ? "bg-pro-fg text-fg-on-pro" : "border-rule text-fg-2 hover:bg-bg-2 border bg-transparent"
+                      ),
+                      children: chip ?? "All"
+                    },
+                    chip ?? "__all"
+                  );
+                }) }),
+                /* @__PURE__ */ jsxs(
+                  Command.List,
                   {
-                    value: option.label,
-                    onSelect: () => handleSelect(option),
                     className: cn(
-                      "rounded-pill flex cursor-default items-center gap-2 px-2 py-1.5 text-[13px] outline-none select-none",
-                      "text-fg-2 transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)]",
+                      // No top padding: a sticky group heading pins at top-0, so any
+                      // top padding would leave a strip above it where the previous
+                      // group's last item peeks through. Top spacing comes from the
+                      // heading's own pt-2 instead.
+                      "scrollbar-thin min-h-0 flex-1 max-h-[min(20rem,60vh)] overflow-y-auto px-1 pb-1",
+                      // Quiet sentence-case section labels (only shown when grouped)
+                      "[&_[cmdk-group-heading]]:bg-surface [&_[cmdk-group-heading]]:sticky [&_[cmdk-group-heading]]:top-0 [&_[cmdk-group-heading]]:z-10",
+                      "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:pt-2 [&_[cmdk-group-heading]]:pb-1",
+                      "[&_[cmdk-group-heading]]:text-[11px] [&_[cmdk-group-heading]]:font-medium",
+                      "[&_[cmdk-group-heading]]:text-fg-3"
+                    ),
+                    children: [
+                      filtered.length === 0 && !showCreate && /* @__PURE__ */ jsx(Command.Empty, { className: "text-fg-3 px-3 py-2 text-xs", children: search ? "No results found." : "No options available." }),
+                      visibleGroups.map(([group, groupOptions]) => {
+                        const baseHeading = activeChip ? void 0 : group || void 0;
+                        const heading = baseHeading && showGroupCounts && !trimmedSearch ? `${baseHeading} \xB7 ${groupOptions.length}` : baseHeading;
+                        return /* @__PURE__ */ jsx(Command.Group, { heading, children: groupOptions.map((option) => {
+                          const isRich = !!option.icon || !!option.description;
+                          return /* @__PURE__ */ jsx(
+                            Command.Item,
+                            {
+                              value: hasGroups && group ? `${option.label} ${group}` : option.label,
+                              onSelect: () => handleSelect(option),
+                              className: cn(
+                                "flex cursor-default items-center outline-none select-none",
+                                "transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)]",
+                                "motion-reduce:transition-none",
+                                isRich ? "rounded-md text-fg gap-2.5 px-2 py-1.5" : "rounded-pill text-fg-2 gap-2 px-2 py-1.5 text-[13px]",
+                                "data-[selected=true]:bg-bg-2 data-[selected=true]:text-fg"
+                              ),
+                              children: isRich ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                                option.icon && /* @__PURE__ */ jsx(
+                                  "span",
+                                  {
+                                    className: cn(
+                                      "flex size-7 shrink-0 items-center justify-center rounded-full [&_svg]:size-3.5",
+                                      option.iconClassName
+                                    ),
+                                    "aria-hidden": "true",
+                                    children: option.icon
+                                  }
+                                ),
+                                /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+                                  /* @__PURE__ */ jsx("span", { className: "block truncate text-[13px] font-medium", children: option.label }),
+                                  option.description && /* @__PURE__ */ jsx("span", { className: "text-fg-4 block truncate text-[11px]", children: option.description })
+                                ] })
+                              ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                                option.color ? /* @__PURE__ */ jsx(
+                                  "span",
+                                  {
+                                    className: "size-2 shrink-0 rounded-full",
+                                    style: { backgroundColor: option.color },
+                                    "aria-hidden": "true"
+                                  }
+                                ) : /* @__PURE__ */ jsx(
+                                  CheckIcon,
+                                  {
+                                    className: "size-4 shrink-0 text-transparent",
+                                    "aria-hidden": "true"
+                                  }
+                                ),
+                                /* @__PURE__ */ jsx("span", { className: "line-clamp-1", children: option.label })
+                              ] })
+                            },
+                            option.id
+                          );
+                        }) }, group ?? "__ungrouped");
+                      }),
+                      showCreate && /* @__PURE__ */ jsxs(Fragment, { children: [
+                        filtered.length > 0 && /* @__PURE__ */ jsx("div", { className: "bg-rule -mx-1 my-1 h-px", "aria-hidden": "true" }),
+                        /* @__PURE__ */ jsxs(
+                          Command.Item,
+                          {
+                            value: `__create_${trimmedSearch}`,
+                            onSelect: handleCreate,
+                            className: cn(
+                              "rounded-pill flex cursor-default items-center gap-2 px-2 py-1.5 text-[13px] outline-none select-none",
+                              "text-pro-fg transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)]",
+                              "motion-reduce:transition-none",
+                              "data-[selected=true]:bg-pro-bg"
+                            ),
+                            children: [
+                              /* @__PURE__ */ jsx(PlusIcon, { className: "size-4 shrink-0", "aria-hidden": "true" }),
+                              /* @__PURE__ */ jsxs("span", { className: "line-clamp-1", children: [
+                                "Create \u201C",
+                                trimmedSearch,
+                                "\u201D"
+                              ] })
+                            ]
+                          }
+                        )
+                      ] })
+                    ]
+                  }
+                ),
+                onCreateNew && /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    onMouseDown: (e) => e.preventDefault(),
+                    onClick: () => {
+                      onCreateNew();
+                      setOpen(false);
+                    },
+                    className: cn(
+                      "border-rule text-pro-fg flex w-full shrink-0 items-center gap-2 border-t px-3 py-2.5 text-[13px] font-medium",
+                      "transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)]",
                       "motion-reduce:transition-none",
-                      "data-[selected=true]:bg-bg-2 data-[selected=true]:text-fg"
+                      "hover:bg-pro-bg",
+                      "focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none"
                     ),
                     children: [
-                      /* @__PURE__ */ jsx(CheckIcon, { className: "size-4 shrink-0 text-transparent", "aria-hidden": "true" }),
-                      /* @__PURE__ */ jsx("span", { className: "truncate", children: option.label })
+                      /* @__PURE__ */ jsx(PlusIcon, { className: "size-4 shrink-0", "aria-hidden": "true" }),
+                      createNewLabel
                     ]
-                  },
-                  option.id
-                )),
-                showCreate && /* @__PURE__ */ jsxs(Fragment, { children: [
-                  filtered.length > 0 && /* @__PURE__ */ jsx("div", { className: "bg-rule -mx-1 my-1 h-px", "aria-hidden": "true" }),
-                  /* @__PURE__ */ jsxs(
-                    Command.Item,
-                    {
-                      value: `__create_${trimmedSearch}`,
-                      onSelect: handleCreate,
-                      className: cn(
-                        "rounded-pill flex cursor-default items-center gap-2 px-2 py-1.5 text-[13px] outline-none select-none",
-                        "text-pro-fg transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)]",
-                        "motion-reduce:transition-none",
-                        "data-[selected=true]:bg-pro-bg"
-                      ),
-                      children: [
-                        /* @__PURE__ */ jsx(PlusIcon, { className: "size-4 shrink-0", "aria-hidden": "true" }),
-                        /* @__PURE__ */ jsxs("span", { className: "truncate", children: [
-                          "Create \u201C",
-                          trimmedSearch,
-                          "\u201D"
-                        ] })
-                      ]
-                    }
-                  )
-                ] })
+                  }
+                )
               ] })
             }
           )
@@ -5892,7 +6136,7 @@ function SideDrawer({
 function SideDrawerHeader({ title, subtitle, onClose, className }) {
   return /* @__PURE__ */ jsx("div", { className: cn("border-rule bg-surface shrink-0 border-b px-6 py-4", className), children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4", children: [
     /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-      /* @__PURE__ */ jsx("h2", { className: "font-display text-fg truncate text-base leading-tight font-medium tracking-tight", children: title }),
+      /* @__PURE__ */ jsx("h2", { className: "font-display text-fg line-clamp-1 text-base leading-tight font-medium tracking-tight", children: title }),
       subtitle && /* @__PURE__ */ jsx("p", { className: "text-fg-3 mt-1 text-sm", children: subtitle })
     ] }),
     onClose && /* @__PURE__ */ jsx(
@@ -6637,32 +6881,55 @@ function ToastProvider({ children }) {
     )
   ] });
 }
-var variantStyles = {
-  default: "bg-surface border-rule text-fg",
-  success: "bg-success-bg border-success-line text-success-fg",
-  destructive: "bg-danger-bg border-danger-line text-danger-fg",
-  warning: "bg-warning-bg border-warning-line text-warning-fg"
+var variantConfig = {
+  default: { chip: "bg-pro-bg", icon: "text-pro-fg", bar: "bg-pro-fg", Icon: InfoCircleSolidIcon },
+  success: {
+    chip: "bg-success-bg",
+    icon: "text-success-fg",
+    bar: "bg-success-fg",
+    Icon: CheckCircleSolidIcon
+  },
+  destructive: {
+    chip: "bg-danger-bg",
+    icon: "text-danger-fg",
+    bar: "bg-danger-fg",
+    Icon: XCircleSolidIcon
+  },
+  warning: {
+    chip: "bg-warning-bg",
+    icon: "text-warning-fg",
+    bar: "bg-warning-fg",
+    Icon: AlertTriangleSolidIcon
+  }
 };
 function ToastItem({ toast, onDismiss }) {
   const timerRef = useRef(void 0);
   const [exiting, setExiting] = useState(false);
+  const [filled, setFilled] = useState(false);
+  const duration = toast.duration ?? 5e3;
+  const showProgress = duration > 0;
   const close = useCallback(() => {
     setExiting(true);
     setTimeout(() => onDismiss(toast.id), 150);
   }, [toast.id, onDismiss]);
   useEffect(() => {
-    const duration = toast.duration ?? 5e3;
-    if (duration <= 0) return;
+    if (!showProgress) return;
     timerRef.current = setTimeout(close, duration);
     return () => clearTimeout(timerRef.current);
-  }, [toast.duration, close]);
-  return /* @__PURE__ */ jsx(
+  }, [showProgress, duration, close]);
+  useEffect(() => {
+    if (!showProgress) return;
+    const raf = requestAnimationFrame(() => setFilled(true));
+    return () => cancelAnimationFrame(raf);
+  }, [showProgress]);
+  const { chip, icon, bar, Icon: Icon3 } = variantConfig[toast.variant ?? "default"];
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       role: "status",
       "data-state": exiting ? "closed" : "open",
       className: cn(
-        "rounded-card shadow-card pointer-events-auto w-80 border p-4",
+        "bg-surface border-rule text-fg rounded-card shadow-card pointer-events-auto relative w-80 overflow-hidden border p-4",
         "font-body",
         // Unified data-state animation (spec §5.27) — same model as Dialog/Tooltip:
         //   open  → fade+slide in over --duration-overlay (200ms), ease-out-quart
@@ -6671,29 +6938,68 @@ function ToastItem({ toast, onDismiss }) {
         "data-[state=open]:duration-[var(--duration-overlay)] data-[state=open]:ease-[var(--ease-out-quart)]",
         "data-[state=closed]:animate-out data-[state=closed]:slide-out-to-right-8 data-[state=closed]:fade-out-0",
         "data-[state=closed]:duration-[var(--duration-fast)] data-[state=closed]:ease-[var(--ease-in)]",
-        "motion-reduce:animate-none",
-        variantStyles[toast.variant ?? "default"]
+        "motion-reduce:animate-none"
       ),
-      children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
-        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-sm leading-tight font-semibold", children: toast.title }),
-          toast.description && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm leading-snug opacity-80", children: toast.description })
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "inline-flex size-8 shrink-0 items-center justify-center rounded-[9px]",
+                chip,
+                icon
+              ),
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ jsx(Icon3, { className: "size-5" })
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-fg text-sm leading-tight font-semibold", children: toast.title }),
+            toast.description && /* @__PURE__ */ jsx("p", { className: "text-fg-3 mt-0.5 text-sm leading-snug", children: toast.description }),
+            toast.action && /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => {
+                  toast.action?.onClick();
+                  close();
+                },
+                className: cn(
+                  "text-pro-fg mt-2 text-sm font-semibold",
+                  "transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] hover:underline motion-reduce:transition-none",
+                  "focus-visible:[box-shadow:var(--shadow-focus-ring)] rounded-sm focus-visible:outline-none"
+                ),
+                children: toast.action.label
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: close,
+              className: cn(
+                "text-fg-4 hover:text-fg-2 rounded-icon -mr-1 inline-flex size-5 shrink-0 items-center justify-center",
+                "transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
+                "focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none"
+              ),
+              "aria-label": "Dismiss",
+              children: /* @__PURE__ */ jsx(XIcon, { className: "size-3.5", "aria-hidden": "true" })
+            }
+          )
         ] }),
-        /* @__PURE__ */ jsx(
-          "button",
+        showProgress && /* @__PURE__ */ jsx("div", { className: "bg-rule absolute inset-x-0 bottom-0 h-1", "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+          "div",
           {
-            type: "button",
-            onClick: close,
             className: cn(
-              "rounded-icon inline-flex size-5 shrink-0 items-center justify-center",
-              "opacity-70 transition-opacity duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] hover:opacity-100 motion-reduce:transition-none",
-              "focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none"
+              "h-full transition-[width] ease-linear motion-reduce:transition-none",
+              bar
             ),
-            "aria-label": "Dismiss",
-            children: /* @__PURE__ */ jsx(XIcon, { className: "size-3.5", "aria-hidden": "true" })
+            style: { width: filled ? "100%" : "0%", transitionDuration: `${duration}ms` }
           }
-        )
-      ] })
+        ) })
+      ]
     }
   );
 }
@@ -7039,7 +7345,9 @@ var SidebarBrandText = React36.forwardRef(
         ref,
         "aria-hidden": "false",
         className: cn(
-          "min-w-0 truncate",
+          // line-clamp-1 (not `truncate`) so multi-word wordmarks clip at a
+          // word boundary instead of mid-word when the rail is narrow.
+          "min-w-0 line-clamp-1",
           // Smooth fade + width collapse on rail. Keeps the wordmark
           // legible up to the moment the column reaches rail width, then
           // fully drops out (visibility:hidden cuts hit-testing).
@@ -7157,7 +7465,10 @@ var SidebarLink = React36.forwardRef(
             "span",
             {
               className: cn(
-                "min-w-0 flex-1 truncate",
+                // line-clamp-1 (not `truncate`) so multi-word labels clip at a
+                // word boundary; collapses cleanly with the rail-mode max-width
+                // animation since both rules only constrain visible content.
+                "min-w-0 flex-1 line-clamp-1",
                 "transition-[opacity,max-width] duration-[180ms] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
                 "max-w-full opacity-100",
                 "group-data-[labels=hide]/sidebar:max-w-0 group-data-[labels=hide]/sidebar:opacity-0 group-data-[labels=hide]/sidebar:invisible"
@@ -7178,7 +7489,10 @@ var SidebarLinkLabel = React36.forwardRef(
       {
         ref,
         className: cn(
-          "min-w-0 flex-1 truncate",
+          // line-clamp-1 (not `truncate`) so multi-word labels clip at a
+          // word boundary; collapses cleanly with the rail-mode max-width
+          // animation since both rules only constrain visible content.
+          "min-w-0 flex-1 line-clamp-1",
           // Fade + collapse instead of hard display:none so a single
           // 180ms opacity tween covers all labels in lockstep with the
           // 220ms aside-width transition — no snap on the last frame.
@@ -7296,7 +7610,10 @@ var SidebarLinkGroup = React36.forwardRef(
       "span",
       {
         className: cn(
-          "min-w-0 flex-1 truncate",
+          // line-clamp-1 (not `truncate`) so multi-word labels clip at a
+          // word boundary; collapses cleanly with the rail-mode max-width
+          // animation since both rules only constrain visible content.
+          "min-w-0 flex-1 line-clamp-1",
           "transition-[opacity,max-width] duration-[180ms] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
           "max-w-full opacity-100",
           "group-data-[labels=hide]/sidebar:max-w-0 group-data-[labels=hide]/sidebar:opacity-0 group-data-[labels=hide]/sidebar:invisible"
@@ -7390,8 +7707,8 @@ var SidebarUser = React36.forwardRef(function SidebarUser2({ name, subtitle, ava
           "group-data-[labels=hide]/sidebar:max-w-0 group-data-[labels=hide]/sidebar:opacity-0 group-data-[labels=hide]/sidebar:invisible"
         ),
         children: [
-          /* @__PURE__ */ jsx("div", { className: "text-fg truncate text-[13px] font-medium", children: name }),
-          subtitle != null && /* @__PURE__ */ jsx("div", { className: "text-fg-4 truncate font-mono text-[10.5px]", children: subtitle })
+          /* @__PURE__ */ jsx("div", { className: "text-fg line-clamp-1 text-[13px] font-medium", children: name }),
+          subtitle != null && /* @__PURE__ */ jsx("div", { className: "text-fg-4 line-clamp-1 font-mono text-[10.5px]", children: subtitle })
         ]
       }
     )
@@ -7460,7 +7777,7 @@ var AppHeaderSearch = forwardRef(
         ...props,
         children: [
           /* @__PURE__ */ jsx(SearchIcon, { className: "size-[13px] shrink-0", strokeWidth: 1.8, "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx("span", { className: "truncate text-left", children: placeholder }),
+          /* @__PURE__ */ jsx("span", { className: "line-clamp-1 text-left", children: placeholder }),
           shortcut !== null && shortcut !== void 0 && shortcut !== "" && /* @__PURE__ */ jsx(
             "kbd",
             {
@@ -7569,35 +7886,125 @@ var toneToValue = {
   accent: "text-accent",
   muted: "text-fg"
 };
-var KpiCard = forwardRef(function KpiCard2({ label, value, icon, tone = "muted", hint, action, toneValue, className, ...props }, ref) {
-  return /* @__PURE__ */ jsx(Card, { ref, className: cn("p-4", className), ...props, children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
-    icon && /* @__PURE__ */ jsx(
-      "div",
-      {
-        "aria-hidden": "true",
-        className: cn(
-          "flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg]:size-5",
-          toneToTile[tone]
-        ),
-        children: icon
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsx(
-        "p",
+var sentimentChip = {
+  positive: "bg-success-bg text-success-fg",
+  negative: "bg-danger-bg text-danger-fg",
+  neutral: "bg-bg-3 text-fg-3"
+};
+var sentimentText = {
+  positive: "text-success-fg",
+  negative: "text-danger-fg",
+  neutral: "text-fg-3"
+};
+var directionToSentiment = {
+  up: "positive",
+  down: "negative",
+  flat: "neutral"
+};
+var directionToIcon = {
+  up: TrendingUpIcon,
+  down: TrendingDownIcon,
+  flat: MinusIcon
+};
+var directionToSrLabel = {
+  up: "Up",
+  down: "Down",
+  flat: "No change"
+};
+function Sparkline({ data, className }) {
+  if (data.length < 2) return null;
+  const w = 100;
+  const h = 28;
+  const min = Math.min(...data);
+  const max = Math.max(...data);
+  const range = max - min || 1;
+  const coords = data.map((d, i) => {
+    const x = i / (data.length - 1) * w;
+    const y = h - (d - min) / range * (h - 2) - 1;
+    return [x, y];
+  });
+  const line = coords.map(([x, y]) => `${x.toFixed(2)},${y.toFixed(2)}`).join(" ");
+  const area = `0,${h} ${line} ${w},${h}`;
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      viewBox: `0 0 ${w} ${h}`,
+      preserveAspectRatio: "none",
+      className: cn("h-7 w-full", className),
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx("polygon", { points: area, fill: "currentColor", className: "opacity-10" }),
+        /* @__PURE__ */ jsx(
+          "polyline",
+          {
+            points: line,
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            vectorEffect: "non-scaling-stroke"
+          }
+        )
+      ]
+    }
+  );
+}
+var KpiCard = forwardRef(function KpiCard2({ label, value, icon, tone = "muted", delta, trend, hint, action, toneValue, className, ...props }, ref) {
+  const deltaSentiment = delta ? delta.sentiment ?? directionToSentiment[delta.direction] : null;
+  const DeltaIcon = delta ? directionToIcon[delta.direction] : null;
+  const sparkColor = deltaSentiment ? sentimentText[deltaSentiment] : toneToValue[tone];
+  return /* @__PURE__ */ jsxs(Card, { ref, className: cn("p-4", className), ...props, children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+      icon && /* @__PURE__ */ jsx(
+        "div",
         {
+          "aria-hidden": "true",
           className: cn(
-            "text-2xl font-bold tracking-tight tabular-nums",
-            toneValue ? toneToValue[tone] : "text-fg"
+            "flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg]:size-5",
+            toneToTile[tone]
           ),
-          children: value
+          children: icon
         }
       ),
-      /* @__PURE__ */ jsx("p", { className: "text-fg-3 text-xs", children: label }),
-      hint && /* @__PURE__ */ jsx("p", { className: "text-fg-4 mt-0.5 text-[11px]", children: hint })
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-baseline gap-x-2 gap-y-1", children: [
+          /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: cn(
+                "text-2xl font-bold tracking-tight tabular-nums",
+                toneValue ? toneToValue[tone] : "text-fg"
+              ),
+              children: value
+            }
+          ),
+          delta && DeltaIcon && deltaSentiment && /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: cn(
+                "inline-flex items-center gap-0.5 rounded-full px-1.5 py-0.5 text-[11px] font-semibold tabular-nums",
+                sentimentChip[deltaSentiment]
+              ),
+              children: [
+                /* @__PURE__ */ jsx(DeltaIcon, { className: "size-3" }),
+                /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
+                  directionToSrLabel[delta.direction],
+                  " "
+                ] }),
+                delta.value
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "text-fg-3 text-xs", children: label }),
+        delta?.label && /* @__PURE__ */ jsx("p", { className: "text-fg-4 mt-0.5 text-[11px]", children: delta.label }),
+        hint && /* @__PURE__ */ jsx("p", { className: "text-fg-4 mt-0.5 text-[11px]", children: hint })
+      ] }),
+      action && /* @__PURE__ */ jsx("div", { className: "shrink-0", children: action })
     ] }),
-    action && /* @__PURE__ */ jsx("div", { className: "shrink-0", children: action })
-  ] }) });
+    trend && trend.length > 1 && /* @__PURE__ */ jsx(Sparkline, { data: trend, className: cn("mt-3", sparkColor) })
+  ] });
 });
 KpiCard.displayName = "KpiCard";
 var DataTable = forwardRef(function DataTable2({ withToolbar, className, children, ...props }, ref) {
@@ -7970,7 +8377,7 @@ var DetailSpineHeader = forwardRef(
         }
       ),
       /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsx("div", { className: "font-display text-fg truncate text-base leading-tight font-medium", children: title }),
+        /* @__PURE__ */ jsx("div", { className: "font-display text-fg line-clamp-1 text-base leading-tight font-medium", children: title }),
         /* @__PURE__ */ jsx("div", { className: "font-spec text-fg-4 text-[11px]", children: subtitle })
       ] })
     ] });
@@ -8049,29 +8456,196 @@ var KanbanColumn = forwardRef(function KanbanColumn2({ title, count, className,
   );
 });
 KanbanColumn.displayName = "KanbanColumn";
-var kanbanCardVariants = cva(
-  cn(
-    "bg-surface border border-rule rounded-card shadow-quiet p-3 space-y-2 cursor-grab",
-    "transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] motion-reduce:transition-none"
-  ),
-  {
-    variants: {
-      variant: {
-        default: "",
-        pro: "border-l-2 border-l-pro-fg",
-        warn: "border-l-2 border-l-warning-fg",
-        danger: "border-l-2 border-l-danger-fg"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
+var kanbanCardBase = cn(
+  "bg-surface border border-rule rounded-card shadow-quiet p-3 space-y-2 cursor-grab",
+  "transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] hover:border-rule-strong motion-reduce:transition-none"
 );
-var KanbanCard = forwardRef(function KanbanCard2({ variant, className, children, ...props }, ref) {
-  return /* @__PURE__ */ jsx("div", { ref, className: cn(kanbanCardVariants({ variant }), className), ...props, children });
+var priorityConfig = {
+  high: { label: "High", variant: "destructive" },
+  medium: { label: "Med", variant: "warning" },
+  low: { label: "Low", variant: "secondary" }
+};
+var dueStatusClass = {
+  overdue: "text-danger-fg font-semibold",
+  soon: "text-warning-fg font-semibold",
+  default: "text-fg-3 font-medium"
+};
+var KanbanCard = forwardRef(function KanbanCard2({ className, label, title, client, priority, dueDate, dueStatus, assignee, children, ...props }, ref) {
+  const isRich = title !== void 0;
+  const pri = priority ? priorityConfig[priority] : null;
+  const hasFooter = Boolean(dueDate || assignee);
+  return /* @__PURE__ */ jsx("div", { ref, className: cn(kanbanCardBase, className), ...props, children: isRich ? /* @__PURE__ */ jsxs("div", { children: [
+    (label || pri) && /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-start justify-between gap-2", children: [
+      label ? /* @__PURE__ */ jsx(Badge, { variant: "info", size: "sm", children: label }) : /* @__PURE__ */ jsx("span", {}),
+      pri && /* @__PURE__ */ jsx(Badge, { variant: pri.variant, size: "sm", children: pri.label })
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "text-fg text-[13px] leading-snug font-semibold", children: title }),
+    client && /* @__PURE__ */ jsxs("p", { className: "text-fg-3 mt-1 flex items-center gap-1.5 text-xs", children: [
+      /* @__PURE__ */ jsx(UserIcon, { className: "size-3 shrink-0", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx("span", { className: "truncate", children: client })
+    ] }),
+    hasFooter && /* @__PURE__ */ jsxs("div", { className: "border-rule-soft mt-3 flex items-center justify-between border-t pt-2.5", children: [
+      dueDate ? /* @__PURE__ */ jsxs(
+        "span",
+        {
+          className: cn(
+            "flex items-center gap-1 text-xs",
+            dueStatusClass[dueStatus ?? "default"]
+          ),
+          children: [
+            /* @__PURE__ */ jsx(CalendarIcon, { className: "size-3 shrink-0", "aria-hidden": "true" }),
+            dueDate
+          ]
+        }
+      ) : /* @__PURE__ */ jsx("span", {}),
+      assignee && /* @__PURE__ */ jsx(Avatar, { size: "xs", name: assignee.name, src: assignee.src, title: assignee.name })
+    ] })
+  ] }) : children });
 });
 KanbanCard.displayName = "KanbanCard";
+var NotificationPanel = forwardRef(
+  function NotificationPanel2({ className, children, ...props }, ref) {
+    return /* @__PURE__ */ jsx("div", { ref, className: cn("bg-surface text-fg flex w-full flex-col", className), ...props, children });
+  }
+);
+NotificationPanel.displayName = "NotificationPanel";
+var NotificationPanelHeader = forwardRef(
+  function NotificationPanelHeader2({ title = "Notifications", unreadCount = 0, onMarkAllRead, onSettings, className, ...props }, ref) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn("border-rule flex items-center justify-between border-b px-4 py-3", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("h3", { className: "text-fg text-sm font-semibold", children: title }),
+            unreadCount > 0 && /* @__PURE__ */ jsx("span", { className: "bg-accent/10 text-accent rounded-pill px-1.5 py-0.5 text-[11px] font-semibold tabular-nums", children: unreadCount > 99 ? "99+" : unreadCount })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+            onMarkAllRead && unreadCount > 0 && /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: onMarkAllRead,
+                className: "text-fg-3 hover:text-fg text-xs font-medium",
+                children: "Mark all read"
+              }
+            ),
+            onSettings && /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: onSettings,
+                "aria-label": "Notification settings",
+                className: "text-fg-3 hover:text-fg hover:bg-bg-2 rounded-md p-1 [&_svg]:size-[15px]",
+                children: /* @__PURE__ */ jsx(SettingsIcon, {})
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+NotificationPanelHeader.displayName = "NotificationPanelHeader";
+var FILTER_OPTIONS = ["all", "unread"];
+var NotificationFilter = forwardRef(
+  function NotificationFilter2({ value, onValueChange, actions, className, ...props }, ref) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "border-rule flex items-center justify-between gap-2 border-b px-3 py-2",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "bg-bg-2 inline-flex rounded-md p-0.5 text-xs font-medium", children: FILTER_OPTIONS.map((option) => /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => onValueChange(option),
+              "aria-pressed": value === option,
+              className: cn(
+                "rounded-[6px] px-2.5 py-1 capitalize transition-colors",
+                "focus-visible:ring-accent outline-none focus-visible:ring-2",
+                value === option ? "bg-surface text-fg shadow-quiet" : "text-fg-3 hover:text-fg"
+              ),
+              children: option
+            },
+            option
+          )) }),
+          actions
+        ]
+      }
+    );
+  }
+);
+NotificationFilter.displayName = "NotificationFilter";
+var NotificationList = forwardRef(
+  function NotificationList2({ className, children, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn("divide-rule-soft max-h-[460px] divide-y overflow-y-auto", className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+NotificationList.displayName = "NotificationList";
+var NotificationItem = forwardRef(
+  function NotificationItem2({ title, body, typeLabel, client, time, sender, icon, unread, className, ...props }, ref) {
+    const meta = [typeLabel, client, time].filter(Boolean);
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref,
+        type: "button",
+        className: cn(
+          "flex w-full gap-3 px-4 py-3 text-left outline-none",
+          "transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
+          "hover:bg-bg-2/60 focus-visible:bg-bg-2/60",
+          unread && "bg-accent/[0.06]",
+          className
+        ),
+        ...props,
+        children: [
+          sender ? /* @__PURE__ */ jsx(Avatar, { size: "sm", name: sender.name, src: sender.src, className: "mt-0.5" }) : /* @__PURE__ */ jsx(
+            "div",
+            {
+              "aria-hidden": "true",
+              className: "bg-bg-2 text-fg-3 mt-0.5 flex size-7 shrink-0 items-center justify-center rounded-full [&_svg]:size-3.5",
+              children: icon
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+            unread && /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Unread. " }),
+            /* @__PURE__ */ jsx("p", { className: cn("text-fg text-sm leading-snug", unread ? "font-semibold" : "font-medium"), children: title }),
+            body && /* @__PURE__ */ jsx("p", { className: "text-fg-3 mt-0.5 truncate text-xs", children: body }),
+            meta.length > 0 && /* @__PURE__ */ jsx("div", { className: "text-fg-4 mt-1 flex flex-wrap items-center gap-1.5 text-[11px]", children: meta.map((part, i) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+              i > 0 && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7" }),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn(
+                    i === 0 && typeLabel ? "font-medium tracking-wide uppercase" : "tabular-nums"
+                  ),
+                  children: part
+                }
+              )
+            ] }, i)) })
+          ] })
+        ]
+      }
+    );
+  }
+);
+NotificationItem.displayName = "NotificationItem";
 var Toolbar = forwardRef(function Toolbar2({ className, children, ...props }, ref) {
   return /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center gap-2", className), ...props, children });
 });
@@ -8199,6 +8773,6 @@ var KbdHint = forwardRef(function KbdHint2({ className, children, ...props }, re
 });
 KbdHint.displayName = "KbdHint";
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityItem, ActivityList, Alert, AlertCircleIcon, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlertTriangleIcon, AppHeader, AppHeaderActions, AppHeaderBreadcrumb, AppHeaderSearch, AppHeaderTitle, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightSmallIcon, ArrowUpIcon, AspectRatio, AtSignIcon, Avatar, Badge, BarChartIcon, BellIcon, Blockquote, BoldIcon, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BriefcaseIcon, Building2Icon, BuildingIcon, Button, Calendar, CalendarIcon, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChatBubbleIcon, CheckCircle2Icon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, CircleDotIcon, CircleIcon, ClientSelect, ClipboardCheckIcon, ClockIcon, CloseIcon, Collapsible, CollapsibleContent, CollapsibleTrigger, ComingSoon, CommandIcon, CommandPalette, ConfirmActionButton, Content15 as Content, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, CopyIcon, CornerDownLeftIcon, CreditCardIcon, DATE_DISPLAY_PLACEHOLDER, DangerAction, DataItem, DataTable, DataTableBody, DataTableCell, DataTableCellDue, DataTableCellId, DataTableCellMono, DataTableCellName, DataTableCheckbox, DataTableHead, DataTableHeader, DataTablePagination, DataTableResultsCount, DataTableRow, DataTableSearch, DataTableSpacer, DataTableToolbar, DatePicker, DetailGrid, DetailMain, DetailSpine, DetailSpineHeader, DetailSpineSection, DetailSpineStats, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DismissibleChip, DocumentIcon, DollarSignIcon, DownloadIcon, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EyeIcon, EyeOffIcon, Eyebrow, FileIcon, FileReturnIcon, FileTextIcon, FileUpload, FilterChip, FilterIcon, FlagIcon, FolderClosedIcon, FolderOpenIcon, FolderPlusIcon, FormError, FormSection, FormSuccess, GlobeIcon, GoogleBrandIcon, HelpCircleIcon, HistoryIcon, HomeIcon, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, IconAction, InboxIcon, InfoIcon, Input, ItalicIcon, Kanban, KanbanCard, KanbanColumn, KanbanIcon, KbdHint, KeyIcon, KeyboardShortcutsDialog, KpiCard, Label4 as Label, LayoutDashboardIcon, LayoutGridIcon, LayoutListIcon, LightningIcon, Link2Icon, LinkAction, LinkButton, LinkIcon, ListChecksIcon, ListIcon, ListOrderedIcon, LoaderIcon, LoadingRows, LockIcon, LockKeyholeIcon, LockOpenIcon, LogOutIcon, Logo, MailIcon, Main, MapPinIcon, MenuIcon, MessageCircleIcon, MessageCircleWarningIcon, MetadataGrid, MicrosoftBrandIcon, MinusIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoveIcon, MultiFilterPill, MultiSelectField, MutedSpec, Numeric, OTPInput, PageHeader, PageHeaderSep, PageHeaderSpec, Pagination, PaletteIcon, PanelLeftCloseIcon, PanelLeftIcon, PaperclipIcon, PenSignIcon, PencilIcon, PhoneIcon, PhoneInput, PlusIcon, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, PrimaryAction, ProgressBar, ProgressRing, RadioGroup3 as RadioGroup, RadioGroupItem, ReceiptIcon, ReplyIcon, RotateCcwIcon, SaveIcon, ScrollArea, ScrollBar, SearchIcon, SearchInput, SearchSelect, SecondaryAction, Section, SectionHead, SectionHeader, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SendIcon, Separator4 as Separator, SettingsIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Shell, ShieldIcon, SideDrawer, Sidebar, SidebarBrand, SidebarBrandText, SidebarFooter, SidebarLink, SidebarLinkAction, SidebarLinkBadge, SidebarLinkGroup, SidebarLinkLabel, SidebarProvider, SidebarSection, SidebarTrigger, SidebarUser, Skeleton, SkeletonCircle, SkeletonText, SlashIcon, Slider, SmartphoneIcon, SparkleIcon, SparklesIcon, StarIcon, StarRating, Stat, Stepper, StrikethroughIcon, SubmitButton, SunIcon, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableIcon, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagIcon, TeamIcon, TeamMemberSelect, Textarea, ToastProvider, ToggleGroup, ToggleGroupItem, Toolbar, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Trash2Icon, TrashIcon, UnderlineIcon, UploadIcon, UserCircleIcon, UserIcon, UsersIcon, VisuallyHidden, WorkflowIcon, XIcon, ZoomInIcon, ZoomOutIcon, alertVariants, badgeVariants, buttonVariants, cardVariants, cn, colors, displayToIso, filterChipVariants, inputVariants, isoToDisplay, kanbanCardVariants, labelVariants, progressBarVariants, progressRingVariants, radii, reference, searchInputVariants, shadows, sidebarLinkBadgeVariants, spacing, starRatingVariants, surfaces, systemTokens, textareaVariants, typography, useSidebarState, useToast };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityItem, ActivityList, Alert, AlertCircleIcon, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlertTriangleIcon, AlertTriangleSolidIcon, AppHeader, AppHeaderActions, AppHeaderBreadcrumb, AppHeaderSearch, AppHeaderTitle, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightSmallIcon, ArrowUpIcon, AspectRatio, AtSignIcon, Avatar, Badge, BarChartIcon, BellIcon, Blockquote, BoldIcon, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BriefcaseIcon, Building2Icon, BuildingIcon, Button, Calendar, CalendarIcon, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChatBubbleIcon, CheckCircle2Icon, CheckCircleSolidIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, CircleDotIcon, CircleIcon, ClientSelect, ClipboardCheckIcon, ClockIcon, CloseIcon, Collapsible, CollapsibleContent, CollapsibleTrigger, ComingSoon, CommandIcon, CommandPalette, ConfirmActionButton, Content15 as Content, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, CopyIcon, CornerDownLeftIcon, CreditCardIcon, DATE_DISPLAY_PLACEHOLDER, DangerAction, DataItem, DataTable, DataTableBody, DataTableCell, DataTableCellDue, DataTableCellId, DataTableCellMono, DataTableCellName, DataTableCheckbox, DataTableHead, DataTableHeader, DataTablePagination, DataTableResultsCount, DataTableRow, DataTableSearch, DataTableSpacer, DataTableToolbar, DatePicker, DetailGrid, DetailMain, DetailSpine, DetailSpineHeader, DetailSpineSection, DetailSpineStats, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DismissibleChip, DocumentIcon, DollarSignIcon, DownloadIcon, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EyeIcon, EyeOffIcon, Eyebrow, FileIcon, FileReturnIcon, FileTextIcon, FileUpload, FilterChip, FilterIcon, FlagIcon, FolderClosedIcon, FolderOpenIcon, FolderPlusIcon, FormError, FormSection, FormSuccess, GlobeIcon, GoogleBrandIcon, HelpCircleIcon, HistoryIcon, HomeIcon, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, IconAction, InboxIcon, InfoCircleSolidIcon, InfoIcon, Input, ItalicIcon, Kanban, KanbanCard, KanbanColumn, KanbanIcon, KbdHint, KeyIcon, KeyboardShortcutsDialog, KpiCard, Label4 as Label, LayoutDashboardIcon, LayoutGridIcon, LayoutListIcon, LightningIcon, Link2Icon, LinkAction, LinkButton, LinkIcon, ListChecksIcon, ListIcon, ListOrderedIcon, LoaderIcon, LoadingRows, LockIcon, LockKeyholeIcon, LockOpenIcon, LogOutIcon, Logo, MailIcon, Main, MapPinIcon, MenuIcon, MessageCircleIcon, MessageCircleWarningIcon, MetadataGrid, MicrosoftBrandIcon, MinusIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoveIcon, MultiFilterPill, MultiSelectField, MutedSpec, NotificationFilter, NotificationItem, NotificationList, NotificationPanel, NotificationPanelHeader, Numeric, OTPInput, PageHeader, PageHeaderSep, PageHeaderSpec, Pagination, PaletteIcon, PanelLeftCloseIcon, PanelLeftIcon, PaperclipIcon, PenSignIcon, PencilIcon, PhoneIcon, PhoneInput, PlusIcon, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, PrimaryAction, ProgressBar, ProgressRing, RadioGroup3 as RadioGroup, RadioGroupItem, ReceiptIcon, ReplyIcon, RotateCcwIcon, SaveIcon, ScrollArea, ScrollBar, SearchIcon, SearchInput, SearchSelect, SecondaryAction, Section, SectionHead, SectionHeader, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SendIcon, Separator4 as Separator, SettingsIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Shell, ShieldIcon, SideDrawer, Sidebar, SidebarBrand, SidebarBrandText, SidebarFooter, SidebarLink, SidebarLinkAction, SidebarLinkBadge, SidebarLinkGroup, SidebarLinkLabel, SidebarProvider, SidebarSection, SidebarTrigger, SidebarUser, Skeleton, SkeletonCircle, SkeletonText, SlashIcon, Slider, SmartphoneIcon, SparkleIcon, SparklesIcon, StarIcon, StarRating, Stat, Stepper, StrikethroughIcon, SubmitButton, SunIcon, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableIcon, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagIcon, TeamIcon, TeamMemberSelect, Textarea, ToastProvider, ToggleGroup, ToggleGroupItem, Toolbar, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Trash2Icon, TrashIcon, TrendingDownIcon, TrendingUpIcon, UnderlineIcon, UploadIcon, UserCircleIcon, UserIcon, UsersIcon, VisuallyHidden, WorkflowIcon, XCircleSolidIcon, XIcon, ZoomInIcon, ZoomOutIcon, alertVariants, badgeVariants, buttonVariants, cardVariants, cn, colors, displayToIso, filterChipVariants, inputVariants, isoToDisplay, labelVariants, progressBarVariants, progressRingVariants, radii, reference, searchInputVariants, shadows, sidebarLinkBadgeVariants, spacing, starRatingVariants, surfaces, systemTokens, textareaVariants, typography, useSidebarState, useToast };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map