@ember-home/unbound-styleguide 0.0.15 → 0.0.16

package/dist/{chunk-A3FCZIQU.js → chunk-VFB4PT2U.js}

@@ -59,70 +59,159 @@ function useDebouncedCallback(callback, delay = 300) {
   };
 }
 
-// src/@styleguide/icons/icon-map.ts
+// src/@styleguide/icons/intent-map.ts
 import {
-  Plus,
   X,
   Trash2,
-  Save,
-  RotateCcw,
-  GripVertical,
+  Check,
   ChevronLeft,
   ChevronRight,
-  ChevronDown,
-  ChevronUp,
   ChevronsLeft,
   ChevronsRight,
+  ChevronDown,
+  ChevronUp,
   ChevronsUpDown,
-  Check,
-  Circle,
-  Loader2,
-  AlertCircle,
-  ArrowUp,
-  ArrowDown,
+  GripVertical,
+  Plus,
+  Save,
+  RotateCcw,
   Search,
   ListFilter,
   Calendar,
   CalendarClock,
   MoreHorizontal,
   Columns3,
+  ArrowUp,
+  ArrowDown,
   PanelLeft,
-  PanelRight
+  PanelRight,
+  Loader2,
+  AlertCircle,
+  CheckCircle,
+  XCircle,
+  Info,
+  Clock,
+  Lock,
+  ExternalLink,
+  Download,
+  Upload
 } from "lucide-react";
-var iconMap = {
-  // Actions
-  "add": Plus,
+var intentMap = {
+  // Dismissal
   "close": X,
   "delete": Trash2,
+  // Selection
+  "selected": Check,
+  "complete": Check,
+  // Navigation
+  "navigate-back": ChevronLeft,
+  "navigate-forward": ChevronRight,
+  "pagination-first": ChevronsLeft,
+  "pagination-last": ChevronsRight,
+  // Disclosure
+  "expand": ChevronDown,
+  "collapse": ChevronUp,
+  "collapsed": ChevronRight,
+  "disclosure": ChevronsUpDown,
+  // Reordering
+  "reorder-up": ChevronUp,
+  "reorder-down": ChevronDown,
+  "drag-handle": GripVertical,
+  // Actions
+  "add": Plus,
   "save": Save,
   "reset": RotateCcw,
-  "grip": GripVertical,
+  // Content
+  "search": Search,
+  "filter": ListFilter,
+  "calendar": Calendar,
+  "schedule": CalendarClock,
+  "more-actions": MoreHorizontal,
+  "column-settings": Columns3,
+  // Sorting
+  "sort-ascending": ArrowUp,
+  "sort-descending": ArrowDown,
+  // Panels
+  "panel-primary": PanelLeft,
+  "panel-secondary": PanelRight,
+  // Feedback
+  "loading": Loader2,
+  "warning": AlertCircle,
+  "success": CheckCircle,
+  "error": XCircle,
+  "info": Info,
+  "pending": Clock,
+  "locked": Lock,
+  // Utility
+  "external": ExternalLink,
+  "download": Download,
+  "upload": Upload
+};
+
+// src/@styleguide/icons/icon-map.ts
+import {
+  Plus as Plus2,
+  X as X2,
+  Trash2 as Trash22,
+  Save as Save2,
+  RotateCcw as RotateCcw2,
+  GripVertical as GripVertical2,
+  ChevronLeft as ChevronLeft2,
+  ChevronRight as ChevronRight2,
+  ChevronDown as ChevronDown2,
+  ChevronUp as ChevronUp2,
+  ChevronsLeft as ChevronsLeft2,
+  ChevronsRight as ChevronsRight2,
+  ChevronsUpDown as ChevronsUpDown2,
+  Check as Check2,
+  Circle,
+  Loader2 as Loader22,
+  AlertCircle as AlertCircle2,
+  ArrowUp as ArrowUp2,
+  ArrowDown as ArrowDown2,
+  Search as Search2,
+  ListFilter as ListFilter2,
+  Calendar as Calendar2,
+  CalendarClock as CalendarClock2,
+  MoreHorizontal as MoreHorizontal2,
+  Columns3 as Columns32,
+  PanelLeft as PanelLeft2,
+  PanelRight as PanelRight2
+} from "lucide-react";
+var iconMap = {
+  // Actions
+  "add": Plus2,
+  "close": X2,
+  "delete": Trash22,
+  "save": Save2,
+  "reset": RotateCcw2,
+  "grip": GripVertical2,
   // Navigation
-  "chevron-left": ChevronLeft,
-  "chevron-right": ChevronRight,
-  "chevron-down": ChevronDown,
-  "chevron-up": ChevronUp,
-  "chevrons-left": ChevronsLeft,
-  "chevrons-right": ChevronsRight,
-  "chevrons-up-down": ChevronsUpDown,
+  "chevron-left": ChevronLeft2,
+  "chevron-right": ChevronRight2,
+  "chevron-down": ChevronDown2,
+  "chevron-up": ChevronUp2,
+  "chevrons-left": ChevronsLeft2,
+  "chevrons-right": ChevronsRight2,
+  "chevrons-up-down": ChevronsUpDown2,
   // Indicators
-  "check": Check,
+  "check": Check2,
   "circle": Circle,
-  "spinner": Loader2,
-  "alert-circle": AlertCircle,
+  "spinner": Loader22,
+  "alert-circle": AlertCircle2,
   // Sorting
-  "sort-asc": ArrowUp,
-  "sort-desc": ArrowDown,
+  "sort-asc": ArrowUp2,
+  "sort-desc": ArrowDown2,
   // Content
-  "search": Search,
-  "filter": ListFilter,
-  "calendar": Calendar,
-  "calendar-clock": CalendarClock,
-  "more-horizontal": MoreHorizontal,
-  "columns": Columns3,
+  "search": Search2,
+  "filter": ListFilter2,
+  "calendar": Calendar2,
+  "calendar-clock": CalendarClock2,
+  "more-horizontal": MoreHorizontal2,
+  "columns": Columns32,
   // Panels
-  "panel-left": PanelLeft,
-  "panel-right": PanelRight
+  "panel-left": PanelLeft2,
+  "panel-right": PanelRight2
 };
 
 // src/@styleguide/icons/Icon.tsx
@@ -136,8 +225,26 @@ var sizeClasses = {
   xl: "size-6"
 };
 var Icon = forwardRef(
-  ({ name, size = "md", label, className, ...props }, ref) => {
-    const LucideIcon = iconMap[name];
+  ({ size = "md", label, className, ...props }, ref) => {
+    let LucideIcon;
+    const restProps = { ...props };
+    if ("intent" in restProps && restProps.intent) {
+      LucideIcon = intentMap[props.intent];
+      delete restProps.intent;
+    } else if ("glyph" in restProps && restProps.glyph) {
+      LucideIcon = props.glyph;
+      delete restProps.glyph;
+    } else if ("name" in restProps && restProps.name) {
+      if (process.env.NODE_ENV === "development") {
+        console.warn(
+          `[Icon] name="${restProps.name}" is deprecated. Use intent="..." instead.`
+        );
+      }
+      LucideIcon = iconMap[props.name];
+      delete restProps.name;
+    } else {
+      return null;
+    }
     return /* @__PURE__ */ jsx(
       LucideIcon,
       {
@@ -147,7 +254,7 @@ var Icon = forwardRef(
         "aria-hidden": label ? void 0 : true,
         "aria-label": label,
         role: label ? "img" : void 0,
-        ...props
+        ...restProps
       }
     );
   }
@@ -218,7 +325,7 @@ Button.displayName = "Button";
 
 // src/@styleguide/actions/DropdownMenu/DropdownMenu.tsx
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { CheckIcon, ChevronDownIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
+import { Circle as Circle2 } from "lucide-react";
 import { jsx as jsx3, jsxs } from "react/jsx-runtime";
 function DropdownMenu({ ...props }) {
   return /* @__PURE__ */ jsx3(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
@@ -248,7 +355,7 @@ function DropdownMenuButtonTrigger({
       "data-slot": "dropdown-menu-button-trigger",
       children: [
         children,
-        showChevron && /* @__PURE__ */ jsx3(ChevronDownIcon, { className: "size-4 opacity-50" })
+        showChevron && /* @__PURE__ */ jsx3(Icon, { intent: "expand", className: "opacity-50" })
       ]
     }
   ) });
@@ -313,7 +420,7 @@ function DropdownMenuCheckboxItem({
       checked,
       ...props,
       children: [
-        /* @__PURE__ */ jsx3("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx3(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx3(CheckIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx3("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx3(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx3(Icon, { intent: "selected" }) }) }),
         children
       ]
     }
@@ -339,7 +446,7 @@ function DropdownMenuRadioItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx3("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx3(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx3(CircleIcon, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ jsx3("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx3(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx3(Icon, { glyph: Circle2, className: "size-2 fill-current" }) }) }),
         children
       ]
     }
@@ -415,7 +522,7 @@ function DropdownMenuSubTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx3(ChevronRightIcon, { className: "ml-auto size-4" })
+        /* @__PURE__ */ jsx3(Icon, { intent: "navigate-forward", className: "ml-auto" })
       ]
     }
   );
@@ -915,7 +1022,6 @@ function CollapsibleContent2({ ...props }) {
 
 // src/@styleguide/layout-and-structure/UtilityBar/UtilityBar.tsx
 import * as React4 from "react";
-import { ListFilter as ListFilter2, ChevronDown as ChevronDown2, X as X2 } from "lucide-react";
 import * as CollapsiblePrimitive2 from "@radix-ui/react-collapsible";
 import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs4 } from "react/jsx-runtime";
 var FilterButton = React4.forwardRef(
@@ -931,7 +1037,7 @@ var FilterButton = React4.forwardRef(
         className: mergeClasses("relative", expanded && "bg-surface-default", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsx14(ListFilter2, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx14(Icon, { intent: "filter" }),
           /* @__PURE__ */ jsx14("span", { children: label }),
           showIndicator && /* @__PURE__ */ jsxs4("span", { className: "absolute -top-0.5 -right-0.5 flex h-2.5 w-2.5", children: [
             /* @__PURE__ */ jsx14("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-fill-brand/60" }),
@@ -948,7 +1054,7 @@ function SelectionControls({ count, onClear, actions }) {
     /* @__PURE__ */ jsxs4(DropdownMenu, { children: [
       /* @__PURE__ */ jsx14(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs4(Button, { variant: "secondary", size: "lg", children: [
         "Actions",
-        /* @__PURE__ */ jsx14(ChevronDown2, { className: "ml-1 h-4 w-4" })
+        /* @__PURE__ */ jsx14(Icon, { intent: "expand", className: "ml-1" })
       ] }) }),
       /* @__PURE__ */ jsx14(DropdownMenuContent, { align: "start", children: actions })
     ] }),
@@ -964,7 +1070,7 @@ function SelectionControls({ count, onClear, actions }) {
           onClick: onClear,
           className: "p-0.5 hover:bg-surface-default-secondary-hover rounded",
           "aria-label": "Clear selection",
-          children: /* @__PURE__ */ jsx14(X2, { className: "h-3.5 w-3.5" })
+          children: /* @__PURE__ */ jsx14(Icon, { intent: "close", size: "sm" })
         }
       )
     ] })
@@ -1064,7 +1170,6 @@ function UtilityBar({
 // src/@styleguide/overlays/Dialog/Dialog.tsx
 import * as React5 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { XIcon } from "lucide-react";
 import { jsx as jsx15, jsxs as jsxs5 } from "react/jsx-runtime";
 function Dialog({ ...props }) {
   return /* @__PURE__ */ jsx15(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
@@ -1143,7 +1248,7 @@ function DialogContent({
             "data-slot": "dialog-close",
             className: "ring-offset-background focus:ring-default data-[state=open]:bg-fill-default-secondary data-[state=open]:text-default-tertiary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
             children: [
-              /* @__PURE__ */ jsx15(XIcon, {}),
+              /* @__PURE__ */ jsx15(Icon, { intent: "close" }),
               /* @__PURE__ */ jsx15("span", { className: "sr-only", children: "Close" })
             ]
           }
@@ -1199,7 +1304,6 @@ function DialogDescription({ className, ...props }) {
 // src/@styleguide/overlays/Popover/Popover.tsx
 import * as React6 from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { XIcon as XIcon2 } from "lucide-react";
 import { jsx as jsx16, jsxs as jsxs6 } from "react/jsx-runtime";
 function Popover({ ...props }) {
   return /* @__PURE__ */ jsx16(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
@@ -1266,7 +1370,7 @@ function PopoverContent({
             "data-slot": "popover-close",
             className: "ring-offset-background focus:ring-default data-[state=open]:bg-fill-default-secondary data-[state=open]:text-default-tertiary absolute top-2 right-2 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
             children: [
-              /* @__PURE__ */ jsx16(XIcon2, {}),
+              /* @__PURE__ */ jsx16(Icon, { intent: "close" }),
               /* @__PURE__ */ jsx16("span", { className: "sr-only", children: "Close" })
             ]
           }
@@ -1295,7 +1399,6 @@ function PopoverArrow({ className, ...props }) {
 // src/@styleguide/overlays/Sheet/Sheet.tsx
 import * as React7 from "react";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
-import { XIcon as XIcon3, PanelRightIcon, PanelLeftIcon } from "lucide-react";
 import { Fragment as Fragment3, jsx as jsx17, jsxs as jsxs7 } from "react/jsx-runtime";
 var SheetContext = React7.createContext({
   side: "right",
@@ -1379,7 +1482,7 @@ function SheetContent({
     [preventCloseOnOutsideClick, onPointerDownOutside]
   );
   const closeButton = showCloseButton && /* @__PURE__ */ jsx17(SheetPrimitive.Close, { asChild: true, children: /* @__PURE__ */ jsxs7(Button, { variant: "ghost", size: "icon-sm", className: "absolute top-3 right-3", children: [
-    /* @__PURE__ */ jsx17(XIcon3, { className: "size-4" }),
+    /* @__PURE__ */ jsx17(Icon, { intent: "close" }),
     /* @__PURE__ */ jsx17("span", { className: "sr-only", children: "Close" })
   ] }) });
   return /* @__PURE__ */ jsx17(SheetContext.Provider, { value: { side, detailsOpen, setDetailsOpen }, children: /* @__PURE__ */ jsx17(
@@ -1440,7 +1543,7 @@ function SheetHeader({ className, actions, showCloseButton = false, children, ..
           actions,
           actions && showCloseButton && /* @__PURE__ */ jsx17("div", { className: "mx-2 h-5 w-px bg-border" }),
           showCloseButton && /* @__PURE__ */ jsx17(SheetPrimitive.Close, { asChild: true, children: /* @__PURE__ */ jsxs7(Button, { variant: "tertiary", size: "icon-sm", children: [
-            /* @__PURE__ */ jsx17(XIcon3, { className: "size-4" }),
+            /* @__PURE__ */ jsx17(Icon, { intent: "close" }),
             /* @__PURE__ */ jsx17("span", { className: "sr-only", children: "Close" })
           ] }) })
         ] })
@@ -1491,7 +1594,6 @@ function SheetDescription({ className, ...props }) {
 function SheetDetailsToggle({ className, ...props }) {
   const { side, detailsOpen, setDetailsOpen } = useSheetContext();
   const detailsSide = side === "left" ? "left" : "right";
-  const Icon3 = detailsSide === "right" ? PanelRightIcon : PanelLeftIcon;
   return /* @__PURE__ */ jsx17(
     Button,
     {
@@ -1503,7 +1605,7 @@ function SheetDetailsToggle({ className, ...props }) {
       "aria-expanded": detailsOpen,
       "aria-label": detailsOpen ? "Close details" : "Open details",
       ...props,
-      children: /* @__PURE__ */ jsx17(Icon3, { className: "size-4" })
+      children: /* @__PURE__ */ jsx17(Icon, { intent: detailsSide === "right" ? "panel-secondary" : "panel-primary" })
     }
   );
 }
@@ -1533,7 +1635,6 @@ function SheetDetails({ className, children, ...props }) {
 // src/@styleguide/overlays/PageSheet/PageSheet.tsx
 import * as React8 from "react";
 import * as DialogPrimitive2 from "@radix-ui/react-dialog";
-import { ChevronDown as ChevronDown3, ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight2 } from "lucide-react";
 import { jsx as jsx18, jsxs as jsxs8 } from "react/jsx-runtime";
 function PageSheet({
   open,
@@ -1594,7 +1695,7 @@ function PageSheet({
               ),
               "aria-label": "Close modal",
               children: /* @__PURE__ */ jsxs8("span", { className: "flex items-center gap-2 text-white/80 hover:text-white transition-colors", children: [
-                /* @__PURE__ */ jsx18("span", { className: "flex items-center justify-center w-6 h-6 rounded-full border-2 border-current", children: /* @__PURE__ */ jsx18(ChevronDown3, { className: "h-4 w-4", strokeWidth: 3 }) }),
+                /* @__PURE__ */ jsx18("span", { className: "flex items-center justify-center w-6 h-6 rounded-full border-2 border-current", children: /* @__PURE__ */ jsx18(Icon, { intent: "expand" }) }),
                 /* @__PURE__ */ jsx18("span", { className: "text-sm font-medium tracking-wide", children: "CLOSE" })
               ] })
             }
@@ -1735,7 +1836,7 @@ function PageSheetNav({
 }
 function PageSheetNavItem({
   value,
-  icon: Icon3,
+  icon: iconGlyph,
   children,
   disabled = false,
   className
@@ -1761,7 +1862,7 @@ function PageSheetNavItem({
         className
       ),
       children: [
-        Icon3 && /* @__PURE__ */ jsx18(Icon3, { className: "size-4 shrink-0" }),
+        iconGlyph && /* @__PURE__ */ jsx18(Icon, { glyph: iconGlyph, className: "shrink-0" }),
         /* @__PURE__ */ jsx18("span", { children })
       ]
     }
@@ -1834,7 +1935,7 @@ function PageSheetWizardFooter({
             onClick: onPrevious,
             disabled: isFirstStep || previousDisabled || isValidating,
             children: [
-              /* @__PURE__ */ jsx18(ChevronLeft2, { className: "mr-1 h-4 w-4" }),
+              /* @__PURE__ */ jsx18(Icon, { intent: "navigate-back", className: "mr-1" }),
               prevLabel
             ]
           }
@@ -1863,7 +1964,7 @@ function PageSheetWizardFooter({
             disabled: nextDisabled || isValidating,
             children: [
               isValidating ? "Validating..." : nextLabel,
-              /* @__PURE__ */ jsx18(ChevronRight2, { className: "ml-1 h-4 w-4" })
+              /* @__PURE__ */ jsx18(Icon, { intent: "navigate-forward", className: "ml-1" })
             ]
           }
         )) })
@@ -1874,7 +1975,6 @@ function PageSheetWizardFooter({
 
 // src/@styleguide/selection-and-inputs/Checkbox/Checkbox.tsx
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import { CheckIcon as CheckIcon2 } from "lucide-react";
 import { jsx as jsx19 } from "react/jsx-runtime";
 function Checkbox({ className, ...props }) {
   return /* @__PURE__ */ jsx19(
@@ -1891,7 +1991,7 @@ function Checkbox({ className, ...props }) {
         {
           "data-slot": "checkbox-indicator",
           className: "grid place-content-center text-current transition-none",
-          children: /* @__PURE__ */ jsx19(CheckIcon2, { className: "size-3.5" })
+          children: /* @__PURE__ */ jsx19(Icon, { intent: "selected", size: "sm" })
         }
       )
     }
@@ -1924,7 +2024,6 @@ Input.displayName = "Input";
 
 // src/@styleguide/selection-and-inputs/SearchInput/SearchInput.tsx
 import * as React10 from "react";
-import { Search as Search2, X as X3 } from "lucide-react";
 import { jsx as jsx21, jsxs as jsxs9 } from "react/jsx-runtime";
 var sizeConfig = {
   default: {
@@ -1990,13 +2089,13 @@ var SearchInput = React10.forwardRef(
     const hasClearButton = showClear && value && !disabled;
     return /* @__PURE__ */ jsxs9("div", { className: "relative", children: [
       /* @__PURE__ */ jsx21(
-        Search2,
+        Icon,
         {
+          intent: "search",
           className: mergeClasses(
             "absolute top-1/2 -translate-y-1/2 text-default-tertiary pointer-events-none",
             config.searchIcon
-          ),
-          "aria-hidden": "true"
+          )
         }
       ),
       /* @__PURE__ */ jsx21(
@@ -2031,7 +2130,7 @@ var SearchInput = React10.forwardRef(
             config.clearButton
           ),
           "aria-label": "Clear search",
-          children: /* @__PURE__ */ jsx21(X3, { className: config.clearIcon, "aria-hidden": "true" })
+          children: /* @__PURE__ */ jsx21(Icon, { intent: "close", className: config.clearIcon })
         }
       )
     ] });
@@ -2186,7 +2285,6 @@ function Switch({ className, ...props }) {
 
 // src/@styleguide/selection-and-inputs/Select/Select.tsx
 import * as SelectPrimitive from "@radix-ui/react-select";
-import { CheckIcon as CheckIcon3, ChevronDownIcon as ChevronDownIcon2, ChevronUpIcon } from "lucide-react";
 import { jsx as jsx26, jsxs as jsxs11 } from "react/jsx-runtime";
 function Select({ ...props }) {
   return /* @__PURE__ */ jsx26(SelectPrimitive.Root, { "data-slot": "select", ...props });
@@ -2215,7 +2313,7 @@ function SelectTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx26(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx26(ChevronDownIcon2, { className: "size-4 opacity-50" }) })
+        /* @__PURE__ */ jsx26(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx26(Icon, { intent: "expand", className: "opacity-50" }) })
       ]
     }
   );
@@ -2282,7 +2380,7 @@ function SelectItem({ className, children, ...props }) {
           {
             "data-slot": "select-item-indicator",
             className: "absolute right-2 flex size-3.5 items-center justify-center",
-            children: /* @__PURE__ */ jsx26(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx26(CheckIcon3, { className: "size-4" }) })
+            children: /* @__PURE__ */ jsx26(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx26(Icon, { intent: "selected" }) })
           }
         ),
         /* @__PURE__ */ jsx26(SelectPrimitive.ItemText, { children })
@@ -2313,7 +2411,7 @@ function SelectScrollUpButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx26(ChevronUpIcon, { className: "size-4" })
+      children: /* @__PURE__ */ jsx26(Icon, { intent: "collapse" })
     }
   );
 }
@@ -2330,14 +2428,13 @@ function SelectScrollDownButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx26(ChevronDownIcon2, { className: "size-4" })
+      children: /* @__PURE__ */ jsx26(Icon, { intent: "expand" })
     }
   );
 }
 
 // src/@styleguide/selection-and-inputs/Command/Command.tsx
 import { Command as CommandPrimitive } from "cmdk";
-import { SearchIcon } from "lucide-react";
 import { jsx as jsx27, jsxs as jsxs12 } from "react/jsx-runtime";
 function Command({ className, ...props }) {
   return /* @__PURE__ */ jsx27(
@@ -2382,7 +2479,7 @@ function CommandInput({ className, ...props }) {
       "data-slot": "command-input-wrapper",
       className: "flex h-9 items-center gap-2 border-b px-3",
       children: [
-        /* @__PURE__ */ jsx27(SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ jsx27(Icon, { intent: "search", className: "shrink-0 opacity-50" }),
         /* @__PURE__ */ jsx27(
           CommandPrimitive.Input,
           {
@@ -2473,7 +2570,6 @@ function CommandShortcut({ className, ...props }) {
 
 // src/@styleguide/selection-and-inputs/Combobox/Combobox.tsx
 import * as React13 from "react";
-import { CheckIcon as CheckIcon4, ChevronsUpDownIcon } from "lucide-react";
 import { jsx as jsx28, jsxs as jsxs13 } from "react/jsx-runtime";
 function Combobox({
   value,
@@ -2519,7 +2615,7 @@ function Combobox({
         ),
         children: [
           /* @__PURE__ */ jsx28("span", { className: "truncate", children: selectedOption?.label ?? placeholder }),
-          /* @__PURE__ */ jsx28(ChevronsUpDownIcon, { className: "ml-2 size-4 shrink-0 opacity-50" })
+          /* @__PURE__ */ jsx28(Icon, { intent: "disclosure", className: "ml-2 shrink-0 opacity-50" })
         ]
       }
     ) }),
@@ -2543,10 +2639,11 @@ function Combobox({
                 },
                 children: [
                   /* @__PURE__ */ jsx28(
-                    CheckIcon4,
+                    Icon,
                     {
+                      intent: "selected",
                       className: mergeClasses(
-                        "mr-2 size-4",
+                        "mr-2",
                         value === option.value ? "opacity-100" : "opacity-0"
                       )
                     }
@@ -2594,7 +2691,7 @@ function ComboboxTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx28(ChevronsUpDownIcon, { className: "ml-2 size-4 shrink-0 opacity-50" })
+        /* @__PURE__ */ jsx28(Icon, { intent: "disclosure", className: "ml-2 shrink-0 opacity-50" })
       ]
     }
   ) });
@@ -2645,10 +2742,11 @@ function ComboboxItem({
       ...props,
       children: [
         /* @__PURE__ */ jsx28(
-          CheckIcon4,
+          Icon,
           {
+            intent: "selected",
             className: mergeClasses(
-              "mr-2 size-4",
+              "mr-2",
               selected ? "opacity-100" : "opacity-0"
             )
           }
@@ -2660,10 +2758,9 @@ function ComboboxItem({
 }
 
 // src/@styleguide/selection-and-inputs/Calendar/Calendar.tsx
-import { ChevronLeft as ChevronLeft3, ChevronRight as ChevronRight3 } from "lucide-react";
 import { DayPicker } from "react-day-picker";
 import { jsx as jsx29 } from "react/jsx-runtime";
-function Calendar2({
+function Calendar3({
   className,
   classNames,
   showOutsideDays = true,
@@ -2752,20 +2849,19 @@ function Calendar2({
       components: {
         Chevron: ({ orientation }) => {
           if (orientation === "left") {
-            return /* @__PURE__ */ jsx29(ChevronLeft3, { className: "h-4 w-4" });
+            return /* @__PURE__ */ jsx29(Icon, { intent: "navigate-back" });
           }
-          return /* @__PURE__ */ jsx29(ChevronRight3, { className: "h-4 w-4" });
+          return /* @__PURE__ */ jsx29(Icon, { intent: "navigate-forward" });
         }
       },
       ...props
     }
   );
 }
-Calendar2.displayName = "Calendar";
+Calendar3.displayName = "Calendar";
 
 // src/@styleguide/selection-and-inputs/DatePicker/DatePicker.tsx
 import * as React14 from "react";
-import { CalendarIcon } from "lucide-react";
 
 // src/@styleguide/selection-and-inputs/DatePicker/date-utils.ts
 import { format, parse, isValid, isBefore, isAfter, startOfDay } from "date-fns";
@@ -2983,7 +3079,7 @@ function DatePicker({
             ),
             tabIndex: -1,
             "aria-label": "Open calendar",
-            children: /* @__PURE__ */ jsx30(CalendarIcon, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx30(Icon, { intent: "calendar" })
           }
         ) })
       ] }) }),
@@ -2996,7 +3092,7 @@ function DatePicker({
             e.preventDefault();
           },
           children: /* @__PURE__ */ jsx30(
-            Calendar2,
+            Calendar3,
             {
               mode: "single",
               selected: value ?? void 0,
@@ -3017,7 +3113,6 @@ function DatePicker({
 // src/@styleguide/selection-and-inputs/DateRangePicker/DateRangePicker.tsx
 import * as React15 from "react";
 import { isBefore as isBefore3, isAfter as isAfter3, startOfDay as startOfDay4 } from "date-fns";
-import { CalendarIcon as CalendarIcon2 } from "lucide-react";
 
 // src/@styleguide/selection-and-inputs/DateRangePicker/date-utils.ts
 import { format as format2, parse as parse2, isValid as isValid2, isBefore as isBefore2, isAfter as isAfter2, startOfDay as startOfDay2 } from "date-fns";
@@ -3710,7 +3805,7 @@ function DateRangePicker({
         ),
         "aria-label": "Select date range",
         children: [
-          /* @__PURE__ */ jsx31(CalendarIcon2, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ jsx31(Icon, { intent: "calendar", className: "mr-2" }),
           value.from || value.to ? formatDateRange(value) : /* @__PURE__ */ jsx31("span", { children: "Select date range" })
         ]
       }
@@ -3732,7 +3827,7 @@ function DateRangePicker({
             inputSection,
             numberOfMonths === 2 ? /* @__PURE__ */ jsxs15("div", { className: "flex gap-4", children: [
               /* @__PURE__ */ jsx31(
-                Calendar2,
+                Calendar3,
                 {
                   mode: "range",
                   selected: toRdpRange(calendarSelection),
@@ -3747,7 +3842,7 @@ function DateRangePicker({
                 }
               ),
               /* @__PURE__ */ jsx31(
-                Calendar2,
+                Calendar3,
                 {
                   mode: "range",
                   selected: toRdpRange(calendarSelection),
@@ -3762,7 +3857,7 @@ function DateRangePicker({
                 }
               )
             ] }) : /* @__PURE__ */ jsx31(
-              Calendar2,
+              Calendar3,
               {
                 mode: "range",
                 selected: toRdpRange(calendarSelection),
@@ -4417,7 +4512,6 @@ function RecurrenceScheduler({
 }
 
 // src/@styleguide/selection-and-inputs/recurrence-scheduler/SummaryDisplay.tsx
-import { CalendarClock as CalendarClock2, AlertCircle as AlertCircle2, Check as Check2 } from "lucide-react";
 import clsx2 from "clsx";
 import { jsx as jsx35, jsxs as jsxs19 } from "react/jsx-runtime";
 function SummaryDisplay({
@@ -4435,7 +4529,7 @@ function SummaryDisplay({
         className
       ),
       children: [
-        isEnabled && isValid3 ? /* @__PURE__ */ jsx35(CalendarClock2, { className: "h-5 w-5 text-link shrink-0 mt-0.5" }) : isEnabled && !isValid3 ? /* @__PURE__ */ jsx35(AlertCircle2, { className: "h-5 w-5 text-critical shrink-0 mt-0.5" }) : /* @__PURE__ */ jsx35(CalendarClock2, { className: "h-5 w-5 text-default-tertiary shrink-0 mt-0.5" }),
+        isEnabled && isValid3 ? /* @__PURE__ */ jsx35(Icon, { intent: "schedule", size: "lg", className: "text-link shrink-0 mt-0.5" }) : isEnabled && !isValid3 ? /* @__PURE__ */ jsx35(Icon, { intent: "warning", size: "lg", className: "text-critical shrink-0 mt-0.5" }) : /* @__PURE__ */ jsx35(Icon, { intent: "schedule", size: "lg", className: "text-default-tertiary shrink-0 mt-0.5" }),
         /* @__PURE__ */ jsx35("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx35(
           "p",
           {
@@ -4446,7 +4540,7 @@ function SummaryDisplay({
             children: summary
           }
         ) }),
-        isEnabled && isValid3 && /* @__PURE__ */ jsx35(Check2, { className: "h-4 w-4 text-green-600 shrink-0 mt-0.5" })
+        isEnabled && isValid3 && /* @__PURE__ */ jsx35(Icon, { intent: "complete", className: "text-green-600 shrink-0 mt-0.5" })
       ]
     }
   );
@@ -4454,15 +4548,12 @@ function SummaryDisplay({
 
 // src/@styleguide/selection-and-inputs/filter-system/semantic/SemanticFilterController.tsx
 import * as React19 from "react";
-import { RotateCcw as RotateCcw3, ListFilter as ListFilter3 } from "lucide-react";
 
 // src/@styleguide/selection-and-inputs/filter-system/semantic/SemanticQuickFilters.tsx
 import * as React17 from "react";
-import { Check as Check4, Plus as Plus2, RotateCcw as RotateCcw2, Trash2 as Trash22 } from "lucide-react";
 
 // src/@styleguide/selection-and-inputs/filter-system/semantic/ValueInput.tsx
 import * as React16 from "react";
-import { Check as Check3, ChevronDown as ChevronDown4 } from "lucide-react";
 import { jsx as jsx36, jsxs as jsxs20 } from "react/jsx-runtime";
 function ValueInput({
   uiHint,
@@ -4630,7 +4721,7 @@ function ComboboxInput2({
         ),
         children: [
           /* @__PURE__ */ jsx36("span", { className: "truncate", children: selectedOption?.label ?? "Select..." }),
-          /* @__PURE__ */ jsx36(ChevronDown4, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+          /* @__PURE__ */ jsx36(Icon, { intent: "expand", className: "ml-2 shrink-0 opacity-50" })
         ]
       }
     ) }),
@@ -4649,10 +4740,11 @@ function ComboboxInput2({
             className: "text-xs",
             children: [
               /* @__PURE__ */ jsx36(
-                Check3,
+                Icon,
                 {
+                  intent: "selected",
                   className: mergeClasses(
-                    "mr-2 h-4 w-4",
+                    "mr-2",
                     value === opt.value ? "opacity-100" : "opacity-0"
                   )
                 }
@@ -4700,7 +4792,7 @@ function CheckboxListInput({
         ),
         children: [
           /* @__PURE__ */ jsx36("span", { className: "truncate", children: displayLabel }),
-          /* @__PURE__ */ jsx36(ChevronDown4, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+          /* @__PURE__ */ jsx36(Icon, { intent: "expand", className: "ml-2 shrink-0 opacity-50" })
         ]
       }
     ) }),
@@ -4716,10 +4808,11 @@ function CheckboxListInput({
             className: "text-xs",
             children: [
               /* @__PURE__ */ jsx36(
-                Check3,
+                Icon,
                 {
+                  intent: "selected",
                   className: mergeClasses(
-                    "mr-2 h-4 w-4",
+                    "mr-2",
                     selectedValues.includes(opt.value) ? "opacity-100" : "opacity-0"
                   )
                 }
@@ -4769,7 +4862,7 @@ function MultiComboboxInput({
         ),
         children: [
           /* @__PURE__ */ jsx36("span", { className: "truncate", children: displayLabel }),
-          /* @__PURE__ */ jsx36(ChevronDown4, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+          /* @__PURE__ */ jsx36(Icon, { intent: "expand", className: "ml-2 shrink-0 opacity-50" })
         ]
       }
     ) }),
@@ -4785,10 +4878,11 @@ function MultiComboboxInput({
             className: "text-xs",
             children: [
               /* @__PURE__ */ jsx36(
-                Check3,
+                Icon,
                 {
+                  intent: "selected",
                   className: mergeClasses(
-                    "mr-2 h-4 w-4",
+                    "mr-2",
                     selectedValues.includes(opt.value) ? "opacity-100" : "opacity-0"
                   )
                 }
@@ -5558,7 +5652,7 @@ function QuickFilterDropdown({
                 hasValue ? "text-default-tertiary hover:text-default hover:bg-surface-default-secondary-hover" : "text-default-tertiary/50 cursor-not-allowed"
               ),
               children: [
-                /* @__PURE__ */ jsx37(RotateCcw2, { className: "h-3 w-3" }),
+                /* @__PURE__ */ jsx37(Icon, { intent: "reset", size: "xs" }),
                 "Reset filter"
               ]
             }
@@ -5573,7 +5667,7 @@ function QuickFilterDropdown({
               },
               className: "flex items-center gap-1 px-2 py-1 rounded text-xs text-default-tertiary hover:text-default hover:bg-surface-default-secondary-hover",
               children: [
-                /* @__PURE__ */ jsx37(Trash22, { className: "h-3 w-3" }),
+                /* @__PURE__ */ jsx37(Icon, { intent: "delete", size: "xs" }),
                 "Remove filter"
               ]
             }
@@ -5590,10 +5684,11 @@ function QuickFilterDropdown({
               className: "text-xs",
               children: [
                 /* @__PURE__ */ jsx37(
-                  Check4,
+                  Icon,
                   {
+                    intent: "selected",
                     className: mergeClasses(
-                      "mr-2 h-4 w-4",
+                      "mr-2",
                       selectedValues.includes(opt.value) ? "opacity-100" : "opacity-0"
                     )
                   }
@@ -5623,7 +5718,7 @@ function QuickFilterDropdown({
                 hasValue ? "text-default-tertiary hover:text-default hover:bg-surface-default-secondary-hover" : "text-default-tertiary/50 cursor-not-allowed"
               ),
               children: [
-                /* @__PURE__ */ jsx37(RotateCcw2, { className: "h-3 w-3" }),
+                /* @__PURE__ */ jsx37(Icon, { intent: "reset", size: "xs" }),
                 "Reset filter"
               ]
             }
@@ -5638,7 +5733,7 @@ function QuickFilterDropdown({
               },
               className: "flex items-center gap-1 px-2 py-1 rounded text-xs text-default-tertiary hover:text-default hover:bg-surface-default-secondary-hover",
               children: [
-                /* @__PURE__ */ jsx37(Trash22, { className: "h-3 w-3" }),
+                /* @__PURE__ */ jsx37(Icon, { intent: "delete", size: "xs" }),
                 "Remove filter"
               ]
             }
@@ -5655,10 +5750,11 @@ function QuickFilterDropdown({
               className: "text-xs",
               children: [
                 /* @__PURE__ */ jsx37(
-                  Check4,
+                  Icon,
                   {
+                    intent: "selected",
                     className: mergeClasses(
-                      "mr-2 h-4 w-4",
+                      "mr-2",
                       value === opt.value ? "opacity-100" : "opacity-0"
                     )
                   }
@@ -5687,7 +5783,7 @@ function QuickFilterDropdown({
               hasValue ? "text-default-tertiary hover:text-default hover:bg-surface-default-secondary-hover" : "text-default-tertiary/50 cursor-not-allowed"
             ),
             children: [
-              /* @__PURE__ */ jsx37(RotateCcw2, { className: "h-3 w-3" }),
+              /* @__PURE__ */ jsx37(Icon, { intent: "reset", size: "xs" }),
               "Reset filter"
             ]
           }
@@ -5702,7 +5798,7 @@ function QuickFilterDropdown({
             },
             className: "flex items-center gap-1 px-2 py-1 rounded text-xs text-default-tertiary hover:text-default hover:bg-surface-default-secondary-hover",
             children: [
-              /* @__PURE__ */ jsx37(Trash22, { className: "h-3 w-3" }),
+              /* @__PURE__ */ jsx37(Icon, { intent: "delete", size: "xs" }),
               "Remove filter"
             ]
           }
@@ -5767,7 +5863,7 @@ function AddFilterButton({
         size: "sm",
         className: "h-8 w-8 p-0 text-default-tertiary",
         "aria-label": "Add filter",
-        children: /* @__PURE__ */ jsx37(Plus2, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ jsx37(Icon, { intent: "add" })
       }
     ) }),
     /* @__PURE__ */ jsx37(PopoverPortal, { children: /* @__PURE__ */ jsx37(PopoverContent, { className: "w-48 p-0", align: "start", children: /* @__PURE__ */ jsxs21(Command, { children: [
@@ -5798,7 +5894,6 @@ function AddFilterButton({
 
 // src/@styleguide/selection-and-inputs/filter-system/semantic/SemanticAdvancedFilterBuilder.tsx
 import * as React18 from "react";
-import { Plus as Plus3, Trash2 as Trash23, Save as Save2 } from "lucide-react";
 import { jsx as jsx38, jsxs as jsxs22 } from "react/jsx-runtime";
 function SemanticAdvancedFilterBuilder({
   fields,
@@ -5882,7 +5977,7 @@ function SemanticAdvancedFilterBuilder({
             onClick: handleAddFilter,
             disabled: fields.length === 0,
             children: [
-              /* @__PURE__ */ jsx38(Plus3, { className: "h-3.5 w-3.5" }),
+              /* @__PURE__ */ jsx38(Icon, { intent: "add", size: "sm" }),
               "Add filter"
             ]
           }
@@ -5906,7 +6001,7 @@ function SemanticAdvancedFilterBuilder({
           className: "h-8 text-xs gap-1",
           onClick: onSaveAsView,
           children: [
-            /* @__PURE__ */ jsx38(Save2, { className: "h-3.5 w-3.5" }),
+            /* @__PURE__ */ jsx38(Icon, { intent: "save", size: "sm" }),
             "Save as View"
           ]
         }
@@ -5966,7 +6061,7 @@ function FilterRow({
           className: "h-8 w-8 p-0 text-default-tertiary hover:text-critical md:hidden",
           onClick: onRemove,
           "aria-label": "Remove filter",
-          children: /* @__PURE__ */ jsx38(Trash23, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ jsx38(Icon, { intent: "delete" })
         }
       )
     ] }),
@@ -6013,7 +6108,7 @@ function FilterRow({
         className: "hidden md:flex h-8 w-8 p-0 text-default-tertiary hover:text-critical",
         onClick: onRemove,
         "aria-label": "Remove filter",
-        children: /* @__PURE__ */ jsx38(Trash23, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ jsx38(Icon, { intent: "delete" })
       }
     )
   ] });
@@ -6156,7 +6251,7 @@ function SemanticFilterController({
           className: "h-8 text-xs text-default-tertiary gap-1.5",
           onClick: handleResetAll,
           children: [
-            /* @__PURE__ */ jsx39(RotateCcw3, { className: "h-3.5 w-3.5" }),
+            /* @__PURE__ */ jsx39(Icon, { intent: "reset", size: "sm" }),
             "Reset all"
           ]
         }
@@ -6169,7 +6264,7 @@ function SemanticFilterController({
           className: "h-8 text-xs text-default-secondary gap-1.5",
           onClick: () => setAdvancedOpen(true),
           children: [
-            /* @__PURE__ */ jsx39(ListFilter3, { className: "h-3.5 w-3.5" }),
+            /* @__PURE__ */ jsx39(Icon, { intent: "filter", size: "sm" }),
             "Advanced filters"
           ]
         }
@@ -6341,7 +6436,6 @@ function TabsContent({ className, ...props }) {
 import * as React21 from "react";
 import { Slot as Slot3 } from "@radix-ui/react-slot";
 import { cva as cva4 } from "class-variance-authority";
-import { PanelLeftIcon as PanelLeftIcon2, X as X5 } from "lucide-react";
 import * as TooltipPrimitive2 from "@radix-ui/react-tooltip";
 import { Fragment as Fragment6, jsx as jsx41, jsxs as jsxs24 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
@@ -6476,7 +6570,7 @@ function Sidebar({
                   onClick: () => setOpenMobile(false),
                   className: "size-8",
                   "aria-label": "Close menu",
-                  children: /* @__PURE__ */ jsx41(X5, { className: "size-4" })
+                  children: /* @__PURE__ */ jsx41(Icon, { intent: "close" })
                 }
               )
             ] }),
@@ -6559,7 +6653,7 @@ function SidebarTrigger({
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx41(PanelLeftIcon2, {}),
+        /* @__PURE__ */ jsx41(Icon, { intent: "panel-primary" }),
         /* @__PURE__ */ jsx41("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     }
@@ -7007,7 +7101,6 @@ import { useMemo as useMemo10 } from "react";
 import {
   flexRender as flexRender2
 } from "@tanstack/react-table";
-import { ArrowUp as ArrowUp2, ArrowDown as ArrowDown2, Loader2 as Loader23 } from "lucide-react";
 
 // src/@styleguide/tables/Table/Table.tsx
 import { jsx as jsx42 } from "react/jsx-runtime";
@@ -7088,7 +7181,6 @@ function formatColumnName(columnId) {
 
 // src/@styleguide/tables/DataTable/components/DataTableRightRail.tsx
 import { useState as useState14 } from "react";
-import { MoreHorizontal as MoreHorizontal2, Columns3 as Columns32, GripVertical as GripVertical2 } from "lucide-react";
 import {
   DndContext,
   closestCenter,
@@ -7118,7 +7210,7 @@ function RowActionsCell({ row, actions }) {
         onClick: (e) => e.stopPropagation(),
         children: [
           /* @__PURE__ */ jsx43("span", { className: "sr-only", children: "Open menu" }),
-          /* @__PURE__ */ jsx43(MoreHorizontal2, { className: "h-4 w-4" })
+          /* @__PURE__ */ jsx43(Icon, { intent: "more-actions" })
         ]
       }
     ) }),
@@ -7168,7 +7260,7 @@ function SortableColumnItem({ id, column, disabled }) {
             className: "cursor-grab touch-none text-default-tertiary hover:text-default",
             ...attributes,
             ...listeners,
-            children: /* @__PURE__ */ jsx43(GripVertical2, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx43(Icon, { intent: "drag-handle" })
           }
         ),
         /* @__PURE__ */ jsx43(
@@ -7218,7 +7310,7 @@ function ColumnVisibilityCell({
           size: "sm",
           className: "h-8 w-8 p-0",
           "aria-label": "Toggle column visibility",
-          children: /* @__PURE__ */ jsx43(Columns32, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ jsx43(Icon, { intent: "column-settings" })
         }
       ) }),
       /* @__PURE__ */ jsxs25(DropdownMenuContent, { align: "end", className: "w-[180px]", children: [
@@ -7281,7 +7373,7 @@ function SortableColumnVisibilityDropdown({
         size: "sm",
         className: "h-8 w-8 p-0",
         "aria-label": "Toggle column visibility and reorder",
-        children: /* @__PURE__ */ jsx43(Columns32, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ jsx43(Icon, { intent: "column-settings" })
       }
     ) }),
     /* @__PURE__ */ jsxs25(DropdownMenuContent, { align: "end", className: "w-[220px]", children: [
@@ -7410,9 +7502,6 @@ function TruncatedCell({
   ] });
 }
 
-// src/@styleguide/tables/DataTable/components/MobileCardView.tsx
-import { Loader2 as Loader22 } from "lucide-react";
-
 // src/@styleguide/tables/DataTable/components/MobileCardRow.tsx
 import { flexRender } from "@tanstack/react-table";
 import { jsx as jsx46, jsxs as jsxs28 } from "react/jsx-runtime";
@@ -7604,7 +7693,7 @@ function MobileCardView({
   const rows = table.getRowModel().rows;
   const hasActions = !!rowActions;
   return /* @__PURE__ */ jsxs30("div", { className: "relative", children: [
-    isFetching && !isLoading && /* @__PURE__ */ jsx48("div", { className: "absolute top-2 right-2 z-20", children: /* @__PURE__ */ jsx48(Loader22, { className: "h-4 w-4 animate-spin text-default-tertiary" }) }),
+    isFetching && !isLoading && /* @__PURE__ */ jsx48("div", { className: "absolute top-2 right-2 z-20", children: /* @__PURE__ */ jsx48(Icon, { intent: "loading", className: "animate-spin text-default-tertiary" }) }),
     /* @__PURE__ */ jsx48(
       "div",
       {
@@ -7665,8 +7754,8 @@ function DataTableColumnHeader({
       children: [
         title,
         /* @__PURE__ */ jsxs31("span", { className: "ml-2 w-4 h-4 inline-flex items-center justify-center", children: [
-          sorted === "asc" && /* @__PURE__ */ jsx49(ArrowUp2, { className: "h-4 w-4" }),
-          sorted === "desc" && /* @__PURE__ */ jsx49(ArrowDown2, { className: "h-4 w-4" })
+          sorted === "asc" && /* @__PURE__ */ jsx49(Icon, { intent: "sort-ascending" }),
+          sorted === "desc" && /* @__PURE__ */ jsx49(Icon, { intent: "sort-descending" })
         ] })
       ]
     }
@@ -7884,7 +7973,7 @@ function DataTableRenderer({
       ),
       children: [
         toolbarSlot && /* @__PURE__ */ jsx49("div", { className: mergeClasses("mb-4", fullWidth && "mx-6"), children: toolbarSlot }),
-        isFetching && !isLoading && /* @__PURE__ */ jsx49("div", { className: "absolute top-2 right-2 z-20", children: /* @__PURE__ */ jsx49(Loader23, { className: "h-4 w-4 animate-spin text-default-tertiary" }) }),
+        isFetching && !isLoading && /* @__PURE__ */ jsx49("div", { className: "absolute top-2 right-2 z-20", children: /* @__PURE__ */ jsx49(Icon, { intent: "loading", className: "animate-spin text-default-tertiary" }) }),
         /* @__PURE__ */ jsx49("div", { className: mergeClasses(
           "overflow-x-auto",
           isFetching && !isLoading && "opacity-50 transition-opacity"
@@ -7938,12 +8027,6 @@ function DataTableRenderer({
 var DataTable = DataTableRenderer;
 
 // src/@styleguide/tables/DataTable/DataTablePagination.tsx
-import {
-  ChevronLeft as ChevronLeft4,
-  ChevronRight as ChevronRight4,
-  ChevronsLeft as ChevronsLeft2,
-  ChevronsRight as ChevronsRight2
-} from "lucide-react";
 import { jsx as jsx50, jsxs as jsxs32 } from "react/jsx-runtime";
 function DataTablePagination({
   table,
@@ -7986,7 +8069,7 @@ function DataTablePagination({
               onClick: () => table.setPageIndex(0),
               disabled: !table.getCanPreviousPage(),
               "aria-label": "Go to first page",
-              children: /* @__PURE__ */ jsx50(ChevronsLeft2, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsx50(Icon, { intent: "pagination-first" })
             }
           ),
           /* @__PURE__ */ jsxs32(
@@ -7998,7 +8081,7 @@ function DataTablePagination({
               disabled: !table.getCanPreviousPage(),
               "aria-label": "Go to previous page",
               children: [
-                /* @__PURE__ */ jsx50(ChevronLeft4, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsx50(Icon, { intent: "navigate-back" }),
                 /* @__PURE__ */ jsx50("span", { className: "hidden sm:inline ml-1", children: "Previous" })
               ]
             }
@@ -8019,7 +8102,7 @@ function DataTablePagination({
               "aria-label": "Go to next page",
               children: [
                 /* @__PURE__ */ jsx50("span", { className: "hidden sm:inline mr-1", children: "Next" }),
-                /* @__PURE__ */ jsx50(ChevronRight4, { className: "h-4 w-4" })
+                /* @__PURE__ */ jsx50(Icon, { intent: "navigate-forward" })
               ]
             }
           ),
@@ -8031,7 +8114,7 @@ function DataTablePagination({
               onClick: () => table.setPageIndex(pageCount - 1),
               disabled: !table.getCanNextPage(),
               "aria-label": "Go to last page",
-              children: /* @__PURE__ */ jsx50(ChevronsRight2, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsx50(Icon, { intent: "pagination-last" })
             }
           )
         ] }),
@@ -8856,7 +8939,6 @@ function useStableViewConfig(factory) {
 
 // src/@styleguide/filters/RuleBuilder/RuleBuilder.tsx
 import { useState as useState19, useCallback as useCallback16, useMemo as useMemo15 } from "react";
-import { Plus as Plus4 } from "lucide-react";
 
 // src/@styleguide/filters/RuleBuilder/operators.ts
 var OPERATORS2 = {
@@ -8904,11 +8986,9 @@ function getOperatorConfig(operatorId) {
 
 // src/@styleguide/filters/RuleRow/RuleRow.tsx
 import { useCallback as useCallback15 } from "react";
-import { X as X6 } from "lucide-react";
 
 // src/@styleguide/filters/RuleBuilder/components/MultiSelect.tsx
 import { useState as useState18, useCallback as useCallback14, useMemo as useMemo14 } from "react";
-import { Check as Check5, ChevronDown as ChevronDown5 } from "lucide-react";
 import { jsx as jsx52, jsxs as jsxs33 } from "react/jsx-runtime";
 function MultiSelect({
   options,
@@ -8945,7 +9025,7 @@ function MultiSelect({
         ),
         children: [
           /* @__PURE__ */ jsx52("span", { className: "truncate text-sm", children: displayLabel }),
-          /* @__PURE__ */ jsx52(ChevronDown5, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+          /* @__PURE__ */ jsx52(Icon, { intent: "expand", className: "ml-2 shrink-0 opacity-50" })
         ]
       }
     ) }),
@@ -8961,10 +9041,11 @@ function MultiSelect({
             className: "text-sm",
             children: [
               /* @__PURE__ */ jsx52(
-                Check5,
+                Icon,
                 {
+                  intent: "selected",
                   className: mergeClasses(
-                    "mr-2 h-4 w-4",
+                    "mr-2",
                     value.includes(opt.value) ? "opacity-100" : "opacity-0"
                   )
                 }
@@ -9071,7 +9152,7 @@ function RuleRow({
         disabled: !canRemove,
         className: "shrink-0",
         "aria-label": "Remove rule",
-        children: /* @__PURE__ */ jsx53(X6, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ jsx53(Icon, { intent: "close" })
       }
     )
   ] });
@@ -9271,7 +9352,7 @@ function RuleBuilder({
         onClick: handleAddRule,
         className: "w-full border border-dashed",
         children: [
-          /* @__PURE__ */ jsx54(Plus4, { className: "h-4 w-4 mr-2" }),
+          /* @__PURE__ */ jsx54(Icon, { intent: "add", className: "mr-2" }),
           "Add rule"
         ]
       }
@@ -9309,7 +9390,6 @@ function RuleBuilder({
 }
 
 // src/@styleguide/selection-and-inputs/recurrence-scheduler/FrequencySelect.tsx
-import { Check as Check6, ChevronsUpDown as ChevronsUpDown2 } from "lucide-react";
 import { jsx as jsx55, jsxs as jsxs36 } from "react/jsx-runtime";
 function FrequencySelect({
   value,
@@ -9332,7 +9412,7 @@ function FrequencySelect({
           disabled,
           children: [
             selectedOption?.label ?? "Select frequency...",
-            /* @__PURE__ */ jsx55(ChevronsUpDown2, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+            /* @__PURE__ */ jsx55(Icon, { intent: "disclosure", className: "ml-2 shrink-0 opacity-50" })
           ]
         }
       ) }),
@@ -9350,10 +9430,11 @@ function FrequencySelect({
               },
               children: [
                 /* @__PURE__ */ jsx55(
-                  Check6,
+                  Icon,
                   {
+                    intent: "selected",
                     className: mergeClasses(
-                      "mr-2 h-4 w-4",
+                      "mr-2",
                       value === option.value ? "opacity-100" : "opacity-0"
                     )
                   }
@@ -9374,6 +9455,7 @@ export {
   useIsMobile,
   useDebouncedValue,
   useDebouncedCallback,
+  intentMap,
   iconMap,
   Icon,
   buttonVariants,
@@ -9497,7 +9579,7 @@ export {
   ComboboxGroup,
   ComboboxList,
   ComboboxItem,
-  Calendar2 as Calendar,
+  Calendar3 as Calendar,
   DatePicker,
   DateRangePicker,
   DEFAULT_RECURRENCE_CONFIG,