@polastack/design-system 0.1.18 → 0.1.20

package/dist/index.js

@@ -700,7 +700,8 @@ TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 import * as React12 from "react";
 import * as ToastPrimitive from "@radix-ui/react-toast";
 import { cva as cva5 } from "class-variance-authority";
-import { jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
+import { X } from "lucide-react";
+import { jsx as jsx11 } from "react/jsx-runtime";
 var ToastProvider = ToastPrimitive.Provider;
 var ToastViewport = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
   ToastPrimitive.Viewport,
@@ -761,24 +762,7 @@ var ToastClose = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE
     "toast-close": "",
     "aria-label": "Close",
     ...props,
-    children: /* @__PURE__ */ jsxs3(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "16",
-        height: "16",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "2",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        children: [
-          /* @__PURE__ */ jsx11("path", { d: "M18 6 6 18" }),
-          /* @__PURE__ */ jsx11("path", { d: "m6 6 12 12" })
-        ]
-      }
-    )
+    children: /* @__PURE__ */ jsx11(X, { className: "h-4 w-4" })
   }
 ));
 ToastClose.displayName = "ToastClose";
@@ -889,12 +873,12 @@ function useToast() {
 }
 
 // src/components/toast/toaster.tsx
-import { jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs3 } from "react/jsx-runtime";
 function Toaster() {
   const { toasts } = useToast();
-  return /* @__PURE__ */ jsxs4(ToastProvider, { children: [
-    toasts.map(({ id, title, description, action, ...props }) => /* @__PURE__ */ jsxs4(Toast, { ...props, children: [
-      /* @__PURE__ */ jsxs4("div", { className: "grid gap-1", children: [
+  return /* @__PURE__ */ jsxs3(ToastProvider, { children: [
+    toasts.map(({ id, title, description, action, ...props }) => /* @__PURE__ */ jsxs3(Toast, { ...props, children: [
+      /* @__PURE__ */ jsxs3("div", { className: "grid gap-1", children: [
         title && /* @__PURE__ */ jsx12(ToastTitle, { children: title }),
         description && /* @__PURE__ */ jsx12(ToastDescription, { children: description })
       ] }),
@@ -908,8 +892,8 @@ function Toaster() {
 // src/components/label/label.tsx
 import * as React14 from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
-import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
-var Label = React14.forwardRef(({ className, required, children, ...props }, ref) => /* @__PURE__ */ jsxs5(
+import { jsx as jsx13, jsxs as jsxs4 } from "react/jsx-runtime";
+var Label = React14.forwardRef(({ className, required, children, ...props }, ref) => /* @__PURE__ */ jsxs4(
   LabelPrimitive.Root,
   {
     ref,
@@ -992,6 +976,7 @@ Textarea.displayName = "Textarea";
 // src/components/checkbox/checkbox.tsx
 import * as React17 from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { Check, Minus } from "lucide-react";
 import { jsx as jsx16 } from "react/jsx-runtime";
 var Checkbox = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
   CheckboxPrimitive.Root,
@@ -1007,32 +992,7 @@ var Checkbox = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx16(CheckboxPrimitive.Indicator, { className: "flex items-center justify-center", children: props.checked === "indeterminate" ? /* @__PURE__ */ jsx16(
-      "svg",
-      {
-        width: "12",
-        height: "12",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "3",
-        strokeLinecap: "round",
-        children: /* @__PURE__ */ jsx16("path", { d: "M5 12h14" })
-      }
-    ) : /* @__PURE__ */ jsx16(
-      "svg",
-      {
-        width: "12",
-        height: "12",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "3",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        children: /* @__PURE__ */ jsx16("polyline", { points: "20 6 9 17 4 12" })
-      }
-    ) })
+    children: /* @__PURE__ */ jsx16(CheckboxPrimitive.Indicator, { className: "flex items-center justify-center", children: props.checked === "indeterminate" ? /* @__PURE__ */ jsx16(Minus, { className: "h-3 w-3", strokeWidth: 3 }) : /* @__PURE__ */ jsx16(Check, { className: "h-3 w-3", strokeWidth: 3 }) })
   }
 ));
 Checkbox.displayName = "Checkbox";
@@ -1127,11 +1087,12 @@ Switch.displayName = "Switch";
 // src/components/select/select.tsx
 import * as React20 from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
-import { jsx as jsx19, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Check as Check2, ChevronDown } from "lucide-react";
+import { jsx as jsx19, jsxs as jsxs5 } from "react/jsx-runtime";
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React20.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs6(
+var SelectTrigger = React20.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs5(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -1147,21 +1108,7 @@ var SelectTrigger = React20.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx19(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx19(
-        "svg",
-        {
-          width: "16",
-          height: "16",
-          viewBox: "0 0 24 24",
-          fill: "none",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          className: "shrink-0 opacity-50",
-          children: /* @__PURE__ */ jsx19("path", { d: "m6 9 6 6 6-6" })
-        }
-      ) })
+      /* @__PURE__ */ jsx19(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx19(ChevronDown, { className: "h-4 w-4 shrink-0 opacity-50" }) })
     ]
   }
 ));
@@ -1193,7 +1140,7 @@ var SelectContent = React20.forwardRef(({ className, children, position = "poppe
   }
 ) }));
 SelectContent.displayName = "SelectContent";
-var SelectItem = React20.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs6(
+var SelectItem = React20.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs5(
   SelectPrimitive.Item,
   {
     ref,
@@ -1205,20 +1152,7 @@ var SelectItem = React20.forwardRef(({ className, children, ...props }, ref) =>
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx19("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx19(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx19(
-        "svg",
-        {
-          width: "14",
-          height: "14",
-          viewBox: "0 0 24 24",
-          fill: "none",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          children: /* @__PURE__ */ jsx19("polyline", { points: "20 6 9 17 4 12" })
-        }
-      ) }) }),
+      /* @__PURE__ */ jsx19("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx19(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx19(Check2, { className: "h-3.5 w-3.5" }) }) }),
       /* @__PURE__ */ jsx19(SelectPrimitive.ItemText, { children })
     ]
   }
@@ -1246,7 +1180,8 @@ SelectSeparator.displayName = "SelectSeparator";
 // src/components/number-input/number-input.tsx
 import * as React21 from "react";
 import { cva as cva9 } from "class-variance-authority";
-import { jsx as jsx20, jsxs as jsxs7 } from "react/jsx-runtime";
+import { ChevronUp, ChevronDown as ChevronDown2 } from "lucide-react";
+import { jsx as jsx20, jsxs as jsxs6 } from "react/jsx-runtime";
 var numberInputVariants = cva9(
   "flex w-full rounded-md border border-[var(--color-border-input)] bg-[var(--color-surface-raised)] text-[var(--color-on-surface)] transition-colors duration-fast focus-within:ring-2 focus-within:ring-[var(--color-ring)] focus-within:ring-offset-2 ring-offset-[var(--color-ring-offset)] aria-[invalid=true]:border-error-500 aria-[invalid=true]:focus-within:ring-error-500",
   {
@@ -1344,7 +1279,7 @@ var NumberInput = React21.forwardRef(
         decrement();
       }
     }
-    return /* @__PURE__ */ jsxs7(
+    return /* @__PURE__ */ jsxs6(
       "div",
       {
         className: cn(
@@ -1370,7 +1305,7 @@ var NumberInput = React21.forwardRef(
               ...props
             }
           ),
-          !readOnly && !disabled && /* @__PURE__ */ jsxs7("div", { className: "flex flex-col border-l border-[var(--color-border-input)]", children: [
+          !readOnly && !disabled && /* @__PURE__ */ jsxs6("div", { className: "flex flex-col border-l border-[var(--color-border-input)]", children: [
             /* @__PURE__ */ jsx20(
               "button",
               {
@@ -1380,20 +1315,7 @@ var NumberInput = React21.forwardRef(
                 disabled: max != null && parseFloat(displayValue) >= max,
                 className: "flex flex-1 items-center justify-center px-1.5 text-[var(--color-on-surface-muted)] hover:bg-[var(--color-surface-muted)] disabled:opacity-30",
                 "aria-label": "Increment",
-                children: /* @__PURE__ */ jsx20(
-                  "svg",
-                  {
-                    width: "10",
-                    height: "10",
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    stroke: "currentColor",
-                    strokeWidth: "2.5",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    children: /* @__PURE__ */ jsx20("path", { d: "m18 15-6-6-6 6" })
-                  }
-                )
+                children: /* @__PURE__ */ jsx20(ChevronUp, { className: "h-2.5 w-2.5", strokeWidth: 2.5 })
               }
             ),
             /* @__PURE__ */ jsx20(
@@ -1405,20 +1327,7 @@ var NumberInput = React21.forwardRef(
                 disabled: min != null && parseFloat(displayValue) <= min,
                 className: "flex flex-1 items-center justify-center border-t border-[var(--color-border-input)] px-1.5 text-[var(--color-on-surface-muted)] hover:bg-[var(--color-surface-muted)] disabled:opacity-30",
                 "aria-label": "Decrement",
-                children: /* @__PURE__ */ jsx20(
-                  "svg",
-                  {
-                    width: "10",
-                    height: "10",
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    stroke: "currentColor",
-                    strokeWidth: "2.5",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    children: /* @__PURE__ */ jsx20("path", { d: "m6 9 6 6 6-6" })
-                  }
-                )
+                children: /* @__PURE__ */ jsx20(ChevronDown2, { className: "h-2.5 w-2.5", strokeWidth: 2.5 })
               }
             )
           ] })
@@ -1453,7 +1362,8 @@ DatePicker.displayName = "DatePicker";
 import * as React23 from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import { Command } from "cmdk";
-import { jsx as jsx22, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Check as Check3, ChevronsUpDown } from "lucide-react";
+import { jsx as jsx22, jsxs as jsxs7 } from "react/jsx-runtime";
 var Combobox = React23.forwardRef(
   ({
     options,
@@ -1469,8 +1379,8 @@ var Combobox = React23.forwardRef(
     const [open, setOpen] = React23.useState(false);
     const [search, setSearch] = React23.useState("");
     const selectedOption = options.find((o) => o.value === value);
-    return /* @__PURE__ */ jsxs8(PopoverPrimitive.Root, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsxs8(
+    return /* @__PURE__ */ jsxs7(PopoverPrimitive.Root, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsxs7(
         PopoverPrimitive.Trigger,
         {
           ref,
@@ -1488,24 +1398,7 @@ var Combobox = React23.forwardRef(
           ...props,
           children: [
             /* @__PURE__ */ jsx22("span", { className: cn(!selectedOption && "text-[var(--color-on-surface-muted)]"), children: selectedOption?.label ?? placeholder }),
-            /* @__PURE__ */ jsxs8(
-              "svg",
-              {
-                width: "16",
-                height: "16",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                className: "shrink-0 opacity-50",
-                children: [
-                  /* @__PURE__ */ jsx22("path", { d: "m7 15 5 5 5-5" }),
-                  /* @__PURE__ */ jsx22("path", { d: "m7 9 5-5 5 5" })
-                ]
-              }
-            )
+            /* @__PURE__ */ jsx22(ChevronsUpDown, { className: "h-4 w-4 shrink-0 opacity-50" })
           ]
         }
       ),
@@ -1515,7 +1408,7 @@ var Combobox = React23.forwardRef(
           className: "z-popover w-[var(--radix-popover-trigger-width)] rounded-md border border-[var(--color-border)] bg-[var(--color-surface-raised)] p-0 shadow-md animate-in fade-in-0 zoom-in-95",
           sideOffset: 4,
           align: "start",
-          children: /* @__PURE__ */ jsxs8(Command, { shouldFilter: true, children: [
+          children: /* @__PURE__ */ jsxs7(Command, { shouldFilter: true, children: [
             /* @__PURE__ */ jsx22(
               Command.Input,
               {
@@ -1525,9 +1418,9 @@ var Combobox = React23.forwardRef(
                 className: "flex h-9 w-full border-b border-[var(--color-border)] bg-transparent px-3 text-sm outline-none placeholder:text-[var(--color-on-surface-muted)]"
               }
             ),
-            /* @__PURE__ */ jsxs8(Command.List, { className: "max-h-60 overflow-auto p-1", children: [
+            /* @__PURE__ */ jsxs7(Command.List, { className: "max-h-60 overflow-auto p-1", children: [
               /* @__PURE__ */ jsx22(Command.Empty, { className: "px-2 py-6 text-center text-sm text-[var(--color-on-surface-muted)]", children: emptyMessage }),
-              options.map((option) => /* @__PURE__ */ jsxs8(
+              options.map((option) => /* @__PURE__ */ jsxs7(
                 Command.Item,
                 {
                   value: option.label,
@@ -1545,20 +1438,7 @@ var Combobox = React23.forwardRef(
                     "data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50"
                   ),
                   children: [
-                    /* @__PURE__ */ jsx22("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: option.value === value && /* @__PURE__ */ jsx22(
-                      "svg",
-                      {
-                        width: "14",
-                        height: "14",
-                        viewBox: "0 0 24 24",
-                        fill: "none",
-                        stroke: "currentColor",
-                        strokeWidth: "2",
-                        strokeLinecap: "round",
-                        strokeLinejoin: "round",
-                        children: /* @__PURE__ */ jsx22("polyline", { points: "20 6 9 17 4 12" })
-                      }
-                    ) }),
+                    /* @__PURE__ */ jsx22("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: option.value === value && /* @__PURE__ */ jsx22(Check3, { className: "h-3.5 w-3.5" }) }),
                     option.label
                   ]
                 },
@@ -1657,7 +1537,7 @@ FormMessage.displayName = "FormMessage";
 
 // src/components/dynamic-form-field/dynamic-form-field.tsx
 import * as React25 from "react";
-import { jsx as jsx24, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs8 } from "react/jsx-runtime";
 function getFieldComponent(type) {
   const map = {
     text: "Input",
@@ -1702,8 +1582,8 @@ var DynamicFormField = React25.forwardRef(
     className
   }, ref) => {
     if (isInlineField(type)) {
-      return /* @__PURE__ */ jsxs9(FormField, { ref, error, disabled, className, children: [
-        /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2", children: [
+      return /* @__PURE__ */ jsxs8(FormField, { ref, error, disabled, className, children: [
+        /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx24(FormControl, { children: type === "checkbox" ? /* @__PURE__ */ jsx24(
             Checkbox,
             {
@@ -1719,7 +1599,7 @@ var DynamicFormField = React25.forwardRef(
               onCheckedChange: (checked) => onChange?.(checked)
             }
           ) }),
-          /* @__PURE__ */ jsxs9(Label, { className: "text-sm font-normal", children: [
+          /* @__PURE__ */ jsxs8(Label, { className: "text-sm font-normal", children: [
             label,
             required && /* @__PURE__ */ jsx24("span", { "aria-hidden": "true", className: "ml-0.5 text-error-500", children: "*" })
           ] })
@@ -1766,7 +1646,7 @@ var DynamicFormField = React25.forwardRef(
             }
           );
         case "select":
-          return /* @__PURE__ */ jsxs9(
+          return /* @__PURE__ */ jsxs8(
             Select,
             {
               value,
@@ -1796,7 +1676,7 @@ var DynamicFormField = React25.forwardRef(
             {
               value,
               onValueChange: (v) => onChange?.(v),
-              children: options.map((opt) => /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2", children: [
+              children: options.map((opt) => /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2", children: [
                 /* @__PURE__ */ jsx24(RadioGroupItem, { value: opt.value, id: `${name}-${opt.value}` }),
                 /* @__PURE__ */ jsx24(Label, { htmlFor: `${name}-${opt.value}`, className: "font-normal", children: opt.label })
               ] }, opt.value))
@@ -1815,7 +1695,7 @@ var DynamicFormField = React25.forwardRef(
           );
       }
     }
-    return /* @__PURE__ */ jsxs9(FormField, { ref, error, required, disabled, className, children: [
+    return /* @__PURE__ */ jsxs8(FormField, { ref, error, required, disabled, className, children: [
       /* @__PURE__ */ jsx24(FormLabel, { children: label }),
       /* @__PURE__ */ jsx24(FormControl, { children: renderControl() }),
       description && /* @__PURE__ */ jsx24(FormDescription, { children: description }),
@@ -1828,7 +1708,7 @@ DynamicFormField.displayName = "DynamicFormField";
 // src/components/form-layout/form-layout.tsx
 import * as React26 from "react";
 import { cva as cva10 } from "class-variance-authority";
-import { jsx as jsx25, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs9 } from "react/jsx-runtime";
 var formLayoutVariants = cva10("", {
   variants: {
     layout: {
@@ -1883,7 +1763,7 @@ var FormLayout = React26.forwardRef(
   }
 );
 FormLayout.displayName = "FormLayout";
-var FormSection = React26.forwardRef(({ className, title, description, children, ...props }, ref) => /* @__PURE__ */ jsxs10(
+var FormSection = React26.forwardRef(({ className, title, description, children, ...props }, ref) => /* @__PURE__ */ jsxs9(
   "fieldset",
   {
     ref,
@@ -2136,9 +2016,11 @@ import {
   getPaginationRowModel,
   flexRender
 } from "@tanstack/react-table";
+import { ChevronsUpDown as ChevronsUpDown2 } from "lucide-react";
 
 // src/components/data-table/data-table-pagination.tsx
-import { jsx as jsx29, jsxs as jsxs11 } from "react/jsx-runtime";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { jsx as jsx29, jsxs as jsxs10 } from "react/jsx-runtime";
 function DataTablePagination({
   table,
   pageSizeOptions = [10, 20, 30, 50],
@@ -2148,7 +2030,7 @@ function DataTablePagination({
   const totalRows = table.getFilteredRowModel().rows.length;
   const from = pageIndex * pageSize + 1;
   const to = Math.min((pageIndex + 1) * pageSize, totalRows);
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs10(
     "div",
     {
       className: cn(
@@ -2156,7 +2038,7 @@ function DataTablePagination({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx29("span", { className: "hidden sm:inline", children: "Rows per page" }),
           /* @__PURE__ */ jsx29(
             "select",
@@ -2169,9 +2051,9 @@ function DataTablePagination({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-4", children: [
           /* @__PURE__ */ jsx29("span", { children: totalRows > 0 ? `${from}-${to} of ${totalRows}` : "0 results" }),
-          /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-1", children: [
             /* @__PURE__ */ jsx29(
               "button",
               {
@@ -2179,20 +2061,7 @@ function DataTablePagination({
                 onClick: () => table.previousPage(),
                 disabled: !table.getCanPreviousPage(),
                 "aria-label": "Previous page",
-                children: /* @__PURE__ */ jsx29(
-                  "svg",
-                  {
-                    width: "16",
-                    height: "16",
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    stroke: "currentColor",
-                    strokeWidth: "2",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    children: /* @__PURE__ */ jsx29("path", { d: "m15 18-6-6 6-6" })
-                  }
-                )
+                children: /* @__PURE__ */ jsx29(ChevronLeft, { className: "h-4 w-4" })
               }
             ),
             /* @__PURE__ */ jsx29(
@@ -2202,20 +2071,7 @@ function DataTablePagination({
                 onClick: () => table.nextPage(),
                 disabled: !table.getCanNextPage(),
                 "aria-label": "Next page",
-                children: /* @__PURE__ */ jsx29(
-                  "svg",
-                  {
-                    width: "16",
-                    height: "16",
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    stroke: "currentColor",
-                    strokeWidth: "2",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    children: /* @__PURE__ */ jsx29("path", { d: "m9 18 6-6-6-6" })
-                  }
-                )
+                children: /* @__PURE__ */ jsx29(ChevronRight, { className: "h-4 w-4" })
               }
             )
           ] })
@@ -2228,7 +2084,8 @@ DataTablePagination.displayName = "DataTablePagination";
 
 // src/components/data-table/data-table-toolbar.tsx
 import * as React30 from "react";
-import { jsx as jsx30, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Columns3 } from "lucide-react";
+import { jsx as jsx30, jsxs as jsxs11 } from "react/jsx-runtime";
 function DataTableToolbar({
   table,
   enableColumnVisibility = false,
@@ -2249,7 +2106,7 @@ function DataTableToolbar({
       return () => document.removeEventListener("mousedown", handleClickOutside);
     }
   }, [showColumnMenu]);
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs11(
     "div",
     {
       className: cn(
@@ -2257,15 +2114,15 @@ function DataTableToolbar({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
-          selectedCount > 0 && /* @__PURE__ */ jsxs12("span", { className: "text-sm text-[var(--color-on-surface-secondary)]", children: [
+        /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
+          selectedCount > 0 && /* @__PURE__ */ jsxs11("span", { className: "text-sm text-[var(--color-on-surface-secondary)]", children: [
             selectedCount,
             " selected"
           ] }),
           children
         ] }),
-        enableColumnVisibility && /* @__PURE__ */ jsxs12("div", { className: "relative", ref: menuRef, children: [
-          /* @__PURE__ */ jsxs12(
+        enableColumnVisibility && /* @__PURE__ */ jsxs11("div", { className: "relative", ref: menuRef, children: [
+          /* @__PURE__ */ jsxs11(
             "button",
             {
               className: "inline-flex items-center gap-1 rounded-md border border-[var(--color-border-input)] bg-[var(--color-surface-raised)] px-3 py-1.5 text-sm transition-colors hover:bg-[var(--color-surface-sunken)]",
@@ -2273,25 +2130,12 @@ function DataTableToolbar({
               "aria-label": "Toggle columns",
               "aria-expanded": showColumnMenu,
               children: [
-                /* @__PURE__ */ jsx30(
-                  "svg",
-                  {
-                    width: "14",
-                    height: "14",
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    stroke: "currentColor",
-                    strokeWidth: "2",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    children: /* @__PURE__ */ jsx30("path", { d: "M12 3v18M3 12h18" })
-                  }
-                ),
+                /* @__PURE__ */ jsx30(Columns3, { className: "h-3.5 w-3.5" }),
                 "Columns"
               ]
             }
           ),
-          showColumnMenu && /* @__PURE__ */ jsx30("div", { className: "absolute right-0 top-full z-popover mt-1 min-w-[10rem] rounded-md border border-[var(--color-border)] bg-[var(--color-surface-raised)] p-2 shadow-md", children: table.getAllColumns().filter((col) => col.getCanHide()).map((col) => /* @__PURE__ */ jsxs12(
+          showColumnMenu && /* @__PURE__ */ jsx30("div", { className: "absolute right-0 top-full z-popover mt-1 min-w-[10rem] rounded-md border border-[var(--color-border)] bg-[var(--color-surface-raised)] p-2 shadow-md", children: table.getAllColumns().filter((col) => col.getCanHide()).map((col) => /* @__PURE__ */ jsxs11(
             "label",
             {
               className: "flex items-center gap-2 rounded px-2 py-1 text-sm hover:bg-[var(--color-surface-sunken)] cursor-pointer capitalize",
@@ -2318,7 +2162,7 @@ function DataTableToolbar({
 DataTableToolbar.displayName = "DataTableToolbar";
 
 // src/components/data-table/data-table.tsx
-import { jsx as jsx31, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs12 } from "react/jsx-runtime";
 function DataTable({
   columns,
   data,
@@ -2383,7 +2227,7 @@ function DataTable({
     }
   }, [rowSelection, table, onRowSelectionChange]);
   const showToolbar = enableRowSelection || enableColumnVisibility;
-  return /* @__PURE__ */ jsxs13("div", { className: cn("rounded-md border border-[var(--color-border)]", className), children: [
+  return /* @__PURE__ */ jsxs12("div", { className: cn("rounded-md border border-[var(--color-border)]", className), children: [
     showToolbar && /* @__PURE__ */ jsx31(
       DataTableToolbar,
       {
@@ -2391,8 +2235,8 @@ function DataTable({
         enableColumnVisibility
       }
     ),
-    /* @__PURE__ */ jsxs13(Table, { "aria-label": ariaLabel, children: [
-      /* @__PURE__ */ jsx31(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx31(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx31(TableHead, { children: header.isPlaceholder ? null : header.column.getCanSort() ? /* @__PURE__ */ jsxs13(
+    /* @__PURE__ */ jsxs12(Table, { "aria-label": ariaLabel, children: [
+      /* @__PURE__ */ jsx31(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx31(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx31(TableHead, { children: header.isPlaceholder ? null : header.column.getCanSort() ? /* @__PURE__ */ jsxs12(
         "button",
         {
           className: "flex items-center gap-1 -ml-2 px-2 py-1 rounded-md hover:bg-[var(--color-surface-muted)] transition-colors duration-fast",
@@ -2404,21 +2248,12 @@ function DataTable({
               header.getContext()
             ),
             /* @__PURE__ */ jsx31(
-              "svg",
+              ChevronsUpDown2,
               {
-                width: "14",
-                height: "14",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
                 className: cn(
-                  "shrink-0",
+                  "h-3.5 w-3.5 shrink-0",
                   header.column.getIsSorted() ? "opacity-100" : "opacity-30"
-                ),
-                children: /* @__PURE__ */ jsx31("path", { d: "m7 15 5 5 5-5M7 9l5-5 5 5" })
+                )
               }
             )
           ]
@@ -2455,7 +2290,8 @@ function DataTable({
 DataTable.displayName = "DataTable";
 
 // src/components/data-table/data-table-column-header.tsx
-import { jsx as jsx32, jsxs as jsxs14 } from "react/jsx-runtime";
+import { ChevronsUpDown as ChevronsUpDown3 } from "lucide-react";
+import { jsx as jsx32, jsxs as jsxs13 } from "react/jsx-runtime";
 function DataTableColumnHeader({
   column,
   title,
@@ -2465,7 +2301,7 @@ function DataTableColumnHeader({
     return /* @__PURE__ */ jsx32("div", { className: cn(className), children: title });
   }
   const sorted = column.getIsSorted();
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs13(
     "button",
     {
       className: cn(
@@ -2477,21 +2313,12 @@ function DataTableColumnHeader({
       children: [
         title,
         /* @__PURE__ */ jsx32(
-          "svg",
+          ChevronsUpDown3,
           {
-            width: "14",
-            height: "14",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
             className: cn(
-              "shrink-0 transition-opacity",
+              "h-3.5 w-3.5 shrink-0 transition-opacity",
               sorted ? "opacity-100" : "opacity-30"
-            ),
-            children: sorted === "desc" ? /* @__PURE__ */ jsx32("path", { d: "m7 15 5 5 5-5M7 9l5-5 5 5" }) : sorted === "asc" ? /* @__PURE__ */ jsx32("path", { d: "m7 15 5 5 5-5M7 9l5-5 5 5" }) : /* @__PURE__ */ jsx32("path", { d: "m7 15 5 5 5-5M7 9l5-5 5 5" })
+            )
           }
         ),
         sorted === "asc" && /* @__PURE__ */ jsx32("span", { className: "sr-only", children: "sorted ascending" }),
@@ -2505,7 +2332,8 @@ DataTableColumnHeader.displayName = "DataTableColumnHeader";
 // src/components/filter-bar/filter-bar.tsx
 import * as React32 from "react";
 import { cva as cva13 } from "class-variance-authority";
-import { jsx as jsx33, jsxs as jsxs15 } from "react/jsx-runtime";
+import { X as X2 } from "lucide-react";
+import { jsx as jsx33, jsxs as jsxs14 } from "react/jsx-runtime";
 var FilterBar = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
   "div",
   {
@@ -2543,14 +2371,14 @@ var filterChipVariants = cva13(
   }
 );
 var FilterChip = React32.forwardRef(
-  ({ className, variant, label, value, onRemove, ...props }, ref) => /* @__PURE__ */ jsxs15(
+  ({ className, variant, label, value, onRemove, ...props }, ref) => /* @__PURE__ */ jsxs14(
     "span",
     {
       ref,
       className: cn(filterChipVariants({ variant }), className),
       ...props,
       children: [
-        /* @__PURE__ */ jsxs15("span", { className: "text-xs opacity-70", children: [
+        /* @__PURE__ */ jsxs14("span", { className: "text-xs opacity-70", children: [
           label,
           ":"
         ] }),
@@ -2562,20 +2390,7 @@ var FilterChip = React32.forwardRef(
             onClick: onRemove,
             className: "ml-0.5 rounded-full p-0.5 hover:bg-black/10 transition-colors",
             "aria-label": `Remove ${label} filter`,
-            children: /* @__PURE__ */ jsx33(
-              "svg",
-              {
-                width: "12",
-                height: "12",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                children: /* @__PURE__ */ jsx33("path", { d: "M18 6 6 18M6 6l12 12" })
-              }
-            )
+            children: /* @__PURE__ */ jsx33(X2, { className: "h-3 w-3" })
           }
         )
       ]
@@ -2583,7 +2398,7 @@ var FilterChip = React32.forwardRef(
   )
 );
 FilterChip.displayName = "FilterChip";
-var ActiveFilters = React32.forwardRef(({ className, onClearAll, clearAllLabel = "Clear all", children, ...props }, ref) => /* @__PURE__ */ jsxs15(
+var ActiveFilters = React32.forwardRef(({ className, onClearAll, clearAllLabel = "Clear all", children, ...props }, ref) => /* @__PURE__ */ jsxs14(
   "div",
   {
     ref,
@@ -2643,7 +2458,8 @@ PopoverContent.displayName = "PopoverContent";
 // src/components/dropdown-menu/dropdown-menu.tsx
 import * as React34 from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { jsx as jsx35, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Check as Check4, ChevronRight as ChevronRight2 } from "lucide-react";
+import { jsx as jsx35, jsxs as jsxs15 } from "react/jsx-runtime";
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuGroup = DropdownMenuPrimitive.Group;
@@ -2667,7 +2483,7 @@ var DropdownMenuContent = React34.forwardRef(({ className, sideOffset = 4, ...pr
   }
 ) }));
 DropdownMenuContent.displayName = "DropdownMenuContent";
-var DropdownMenuSubTrigger = React34.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs16(
+var DropdownMenuSubTrigger = React34.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs15(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -2682,21 +2498,7 @@ var DropdownMenuSubTrigger = React34.forwardRef(({ className, inset, children, .
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx35(
-        "svg",
-        {
-          width: "14",
-          height: "14",
-          viewBox: "0 0 24 24",
-          fill: "none",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          className: "ml-auto",
-          children: /* @__PURE__ */ jsx35("path", { d: "m9 18 6-6-6-6" })
-        }
-      )
+      /* @__PURE__ */ jsx35(ChevronRight2, { className: "ml-auto h-3.5 w-3.5" })
     ]
   }
 ));
@@ -2733,7 +2535,7 @@ var DropdownMenuItem = React34.forwardRef(({ className, inset, destructive, ...p
   }
 ));
 DropdownMenuItem.displayName = "DropdownMenuItem";
-var DropdownMenuCheckboxItem = React34.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs16(
+var DropdownMenuCheckboxItem = React34.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs15(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -2747,26 +2549,13 @@ var DropdownMenuCheckboxItem = React34.forwardRef(({ className, children, checke
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ jsx35("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx35(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx35(
-        "svg",
-        {
-          width: "14",
-          height: "14",
-          viewBox: "0 0 24 24",
-          fill: "none",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          children: /* @__PURE__ */ jsx35("polyline", { points: "20 6 9 17 4 12" })
-        }
-      ) }) }),
+      /* @__PURE__ */ jsx35("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx35(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx35(Check4, { className: "h-3.5 w-3.5" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuCheckboxItem.displayName = "DropdownMenuCheckboxItem";
-var DropdownMenuRadioItem = React34.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs16(
+var DropdownMenuRadioItem = React34.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs15(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -2825,7 +2614,8 @@ DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 // src/components/dialog/dialog.tsx
 import * as React35 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { jsx as jsx36, jsxs as jsxs17 } from "react/jsx-runtime";
+import { X as X3 } from "lucide-react";
+import { jsx as jsx36, jsxs as jsxs16 } from "react/jsx-runtime";
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogClose = DialogPrimitive.Close;
@@ -2843,9 +2633,9 @@ var DialogOverlay = React35.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = "DialogOverlay";
-var DialogContent = React35.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs17(DialogPrimitive.Portal, { children: [
+var DialogContent = React35.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs16(DialogPrimitive.Portal, { children: [
   /* @__PURE__ */ jsx36(DialogOverlay, {}),
-  /* @__PURE__ */ jsxs17(
+  /* @__PURE__ */ jsxs16(
     DialogPrimitive.Content,
     {
       ref,
@@ -2867,21 +2657,8 @@ var DialogContent = React35.forwardRef(({ className, children, ...props }, ref)
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsxs17(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2 disabled:pointer-events-none", children: [
-          /* @__PURE__ */ jsx36(
-            "svg",
-            {
-              width: "16",
-              height: "16",
-              viewBox: "0 0 24 24",
-              fill: "none",
-              stroke: "currentColor",
-              strokeWidth: "2",
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              children: /* @__PURE__ */ jsx36("path", { d: "M18 6 6 18M6 6l12 12" })
-            }
-          ),
+        /* @__PURE__ */ jsxs16(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2 disabled:pointer-events-none", children: [
+          /* @__PURE__ */ jsx36(X3, { className: "h-4 w-4" }),
           /* @__PURE__ */ jsx36("span", { className: "sr-only", children: "Close" })
         ] })
       ]
@@ -2936,7 +2713,8 @@ DialogDescription.displayName = "DialogDescription";
 // src/components/command-palette/command-palette.tsx
 import * as DialogPrimitive2 from "@radix-ui/react-dialog";
 import { Command as Command2 } from "cmdk";
-import { jsx as jsx37, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Search } from "lucide-react";
+import { jsx as jsx37, jsxs as jsxs17 } from "react/jsx-runtime";
 function CommandPalette({
   open,
   onOpenChange,
@@ -2944,7 +2722,7 @@ function CommandPalette({
   className,
   children
 }) {
-  return /* @__PURE__ */ jsx37(DialogPrimitive2.Root, { open, onOpenChange, children: /* @__PURE__ */ jsxs18(DialogPrimitive2.Portal, { children: [
+  return /* @__PURE__ */ jsx37(DialogPrimitive2.Root, { open, onOpenChange, children: /* @__PURE__ */ jsxs17(DialogPrimitive2.Portal, { children: [
     /* @__PURE__ */ jsx37(DialogPrimitive2.Overlay, { className: "fixed inset-0 z-modal bg-[var(--color-surface-overlay)] animate-in fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0" }),
     /* @__PURE__ */ jsx37(
       DialogPrimitive2.Content,
@@ -2955,26 +2733,9 @@ function CommandPalette({
           "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
           className
         ),
-        children: /* @__PURE__ */ jsxs18(Command2, { shouldFilter: true, className: "flex flex-col", children: [
-          /* @__PURE__ */ jsxs18("div", { className: "flex items-center border-b border-[var(--color-border)] px-4", children: [
-            /* @__PURE__ */ jsxs18(
-              "svg",
-              {
-                width: "18",
-                height: "18",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                className: "shrink-0 text-[var(--color-on-surface-muted)]",
-                children: [
-                  /* @__PURE__ */ jsx37("circle", { cx: "11", cy: "11", r: "8" }),
-                  /* @__PURE__ */ jsx37("path", { d: "m21 21-4.3-4.3" })
-                ]
-              }
-            ),
+        children: /* @__PURE__ */ jsxs17(Command2, { shouldFilter: true, className: "flex flex-col", children: [
+          /* @__PURE__ */ jsxs17("div", { className: "flex items-center border-b border-[var(--color-border)] px-4", children: [
+            /* @__PURE__ */ jsx37(Search, { className: "h-[18px] w-[18px] shrink-0 text-[var(--color-on-surface-muted)]" }),
             /* @__PURE__ */ jsx37(
               Command2.Input,
               {
@@ -3012,7 +2773,7 @@ function CommandPaletteItem({
   className,
   children
 }) {
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs17(
     Command2.Item,
     {
       onSelect,
@@ -3081,7 +2842,8 @@ CommandPaletteShortcut.displayName = "CommandPaletteShortcut";
 import * as React36 from "react";
 import * as DialogPrimitive3 from "@radix-ui/react-dialog";
 import { cva as cva14 } from "class-variance-authority";
-import { jsx as jsx38, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Pin, X as X4 } from "lucide-react";
+import { jsx as jsx38, jsxs as jsxs18 } from "react/jsx-runtime";
 var [DrawerContextProvider, useDrawerContext] = createContext2("Drawer");
 var DrawerStackContext = React36.createContext(
   null
@@ -3159,7 +2921,7 @@ var DrawerContent = React36.forwardRef(({ className, size, children, ...props },
       }
     );
   }
-  return /* @__PURE__ */ jsxs19(DialogPrimitive3.Portal, { children: [
+  return /* @__PURE__ */ jsxs18(DialogPrimitive3.Portal, { children: [
     /* @__PURE__ */ jsx38(
       DialogPrimitive3.Overlay,
       {
@@ -3193,7 +2955,7 @@ var DrawerContent = React36.forwardRef(({ className, size, children, ...props },
 DrawerContent.displayName = "DrawerContent";
 var DrawerHeader = React36.forwardRef(({ className, ...props }, ref) => {
   const { pinnable, pinned, onPinnedChange } = useDrawerContext();
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs18(
     "div",
     {
       ref,
@@ -3204,7 +2966,7 @@ var DrawerHeader = React36.forwardRef(({ className, ...props }, ref) => {
       ...props,
       children: [
         /* @__PURE__ */ jsx38("div", { className: "flex-1", children: props.children }),
-        /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-1", children: [
           pinnable && /* @__PURE__ */ jsx38(
             "button",
             {
@@ -3215,37 +2977,11 @@ var DrawerHeader = React36.forwardRef(({ className, ...props }, ref) => {
                 pinned ? "opacity-100 text-primary-500" : "opacity-50"
               ),
               "aria-label": pinned ? "Unpin drawer" : "Pin drawer",
-              children: /* @__PURE__ */ jsx38(
-                "svg",
-                {
-                  width: "16",
-                  height: "16",
-                  viewBox: "0 0 24 24",
-                  fill: pinned ? "currentColor" : "none",
-                  stroke: "currentColor",
-                  strokeWidth: "2",
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  children: /* @__PURE__ */ jsx38("path", { d: "M12 17v5M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1 1 1 0 0 1 1 1z" })
-                }
-              )
+              children: /* @__PURE__ */ jsx38(Pin, { className: "h-4 w-4", fill: pinned ? "currentColor" : "none" })
             }
           ),
-          /* @__PURE__ */ jsxs19(DialogPrimitive3.Close, { className: "rounded-sm p-1 opacity-50 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500", children: [
-            /* @__PURE__ */ jsx38(
-              "svg",
-              {
-                width: "16",
-                height: "16",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                children: /* @__PURE__ */ jsx38("path", { d: "M18 6 6 18M6 6l12 12" })
-              }
-            ),
+          /* @__PURE__ */ jsxs18(DialogPrimitive3.Close, { className: "rounded-sm p-1 opacity-50 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500", children: [
+            /* @__PURE__ */ jsx38(X4, { className: "h-4 w-4" }),
             /* @__PURE__ */ jsx38("span", { className: "sr-only", children: "Close" })
           ] })
         ] })
@@ -3287,7 +3023,8 @@ DrawerFooter.displayName = "DrawerFooter";
 
 // src/components/app-shell/app-shell.tsx
 import * as React37 from "react";
-import { jsx as jsx39, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Menu } from "lucide-react";
+import { jsx as jsx39, jsxs as jsxs19 } from "react/jsx-runtime";
 var [AppShellProvider, useAppShell] = createContext2("AppShell");
 var AppShell = React37.forwardRef(
   ({
@@ -3366,7 +3103,7 @@ var AppShellSidebar = React37.forwardRef(({ className, children, ...props }, ref
 AppShellSidebar.displayName = "AppShellSidebar";
 var AppShellHeader = React37.forwardRef(({ className, children, ...props }, ref) => {
   const { isMobile, setMobileSidebarOpen } = useAppShell();
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs19(
     "header",
     {
       ref,
@@ -3383,20 +3120,7 @@ var AppShellHeader = React37.forwardRef(({ className, children, ...props }, ref)
             onClick: () => setMobileSidebarOpen(true),
             className: "rounded-md p-1.5 hover:bg-[var(--color-surface-muted)] transition-colors touch:min-h-[--touch-target-min] touch:min-w-[--touch-target-min] flex items-center justify-center",
             "aria-label": "Open menu",
-            children: /* @__PURE__ */ jsx39(
-              "svg",
-              {
-                width: "20",
-                height: "20",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                children: /* @__PURE__ */ jsx39("path", { d: "M4 6h16M4 12h16M4 18h16" })
-              }
-            )
+            children: /* @__PURE__ */ jsx39(Menu, { className: "h-5 w-5" })
           }
         ),
         children
@@ -3436,7 +3160,7 @@ AppShellFooter.displayName = "AppShellFooter";
 
 // src/components/bottom-navigation/bottom-navigation.tsx
 import * as React38 from "react";
-import { jsx as jsx40, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs20 } from "react/jsx-runtime";
 var BottomNavigation = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
   "nav",
   {
@@ -3450,7 +3174,7 @@ var BottomNavigation = React38.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 BottomNavigation.displayName = "BottomNavigation";
-var BottomNavigationItem = React38.forwardRef(({ className, icon, label, active = false, ...props }, ref) => /* @__PURE__ */ jsxs21(
+var BottomNavigationItem = React38.forwardRef(({ className, icon, label, active = false, ...props }, ref) => /* @__PURE__ */ jsxs20(
   "button",
   {
     ref,
@@ -3471,7 +3195,8 @@ BottomNavigationItem.displayName = "BottomNavigationItem";
 
 // src/components/offline-indicator/offline-indicator.tsx
 import * as React39 from "react";
-import { jsx as jsx41, jsxs as jsxs22 } from "react/jsx-runtime";
+import { WifiOff } from "lucide-react";
+import { jsx as jsx41, jsxs as jsxs21 } from "react/jsx-runtime";
 var OfflineIndicator = React39.forwardRef(
   ({
     className,
@@ -3480,7 +3205,7 @@ var OfflineIndicator = React39.forwardRef(
     ...props
   }, ref) => {
     if (!isOffline) return null;
-    return /* @__PURE__ */ jsxs22(
+    return /* @__PURE__ */ jsxs21(
       "div",
       {
         ref,
@@ -3491,31 +3216,7 @@ var OfflineIndicator = React39.forwardRef(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsxs22(
-            "svg",
-            {
-              xmlns: "http://www.w3.org/2000/svg",
-              width: "14",
-              height: "14",
-              viewBox: "0 0 24 24",
-              fill: "none",
-              stroke: "currentColor",
-              strokeWidth: "2",
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              className: "mr-2 shrink-0",
-              "aria-hidden": "true",
-              children: [
-                /* @__PURE__ */ jsx41("line", { x1: "2", x2: "22", y1: "2", y2: "22" }),
-                /* @__PURE__ */ jsx41("path", { d: "M8.5 16.5a5 5 0 0 1 7 0" }),
-                /* @__PURE__ */ jsx41("path", { d: "M2 8.82a15 15 0 0 1 4.17-2.65" }),
-                /* @__PURE__ */ jsx41("path", { d: "M10.66 5c4.01-.36 8.14.9 11.34 3.76" }),
-                /* @__PURE__ */ jsx41("path", { d: "M16.85 11.25a10 10 0 0 1 2.22 1.68" }),
-                /* @__PURE__ */ jsx41("path", { d: "M5 12.859a10 10 0 0 1 5.17-2.69" }),
-                /* @__PURE__ */ jsx41("line", { x1: "12", x2: "12.01", y1: "20", y2: "20" })
-              ]
-            }
-          ),
+          /* @__PURE__ */ jsx41(WifiOff, { className: "mr-2 h-3.5 w-3.5 shrink-0", "aria-hidden": "true" }),
           message
         ]
       }
@@ -3526,7 +3227,7 @@ OfflineIndicator.displayName = "OfflineIndicator";
 
 // src/components/install-prompt/install-prompt.tsx
 import * as React40 from "react";
-import { jsx as jsx42, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs22 } from "react/jsx-runtime";
 var InstallPrompt = React40.forwardRef(
   ({
     className,
@@ -3551,10 +3252,10 @@ var InstallPrompt = React40.forwardRef(
           className
         ),
         ...props,
-        children: /* @__PURE__ */ jsxs23("div", { className: "mx-auto max-w-md", children: [
+        children: /* @__PURE__ */ jsxs22("div", { className: "mx-auto max-w-md", children: [
           /* @__PURE__ */ jsx42("p", { className: "text-sm font-semibold text-[var(--color-on-surface)]", children: title }),
           /* @__PURE__ */ jsx42("p", { className: "mt-1 text-xs text-[var(--color-on-surface-muted)]", children: description }),
-          /* @__PURE__ */ jsxs23("div", { className: "mt-3 flex gap-2", children: [
+          /* @__PURE__ */ jsxs22("div", { className: "mt-3 flex gap-2", children: [
             /* @__PURE__ */ jsx42(Button, { size: "sm", onClick: onInstall, className: "flex-1", children: installLabel }),
             /* @__PURE__ */ jsx42(
               Button,
@@ -3576,7 +3277,8 @@ InstallPrompt.displayName = "InstallPrompt";
 
 // src/components/pull-to-refresh/pull-to-refresh.tsx
 import * as React41 from "react";
-import { jsx as jsx43, jsxs as jsxs24 } from "react/jsx-runtime";
+import { ArrowDown } from "lucide-react";
+import { jsx as jsx43, jsxs as jsxs23 } from "react/jsx-runtime";
 var PullToRefresh = React41.forwardRef(
   ({ className, onRefresh, threshold = 80, disabled = false, children, ...props }, ref) => {
     const [pullDistance, setPullDistance] = React41.useState(0);
@@ -3622,7 +3324,7 @@ var PullToRefresh = React41.forwardRef(
     }, [disabled, isRefreshing, pullDistance, threshold, onRefresh]);
     const indicatorOpacity = Math.min(pullDistance / threshold, 1);
     const shouldTrigger = pullDistance >= threshold;
-    return /* @__PURE__ */ jsxs24(
+    return /* @__PURE__ */ jsxs23(
       "div",
       {
         ref: containerRef,
@@ -3643,26 +3345,13 @@ var PullToRefresh = React41.forwardRef(
                 {
                   className: "transition-opacity",
                   style: { opacity: isRefreshing ? 1 : indicatorOpacity },
-                  children: isRefreshing ? /* @__PURE__ */ jsx43(Spinner, { size: "sm" }) : /* @__PURE__ */ jsxs24(
-                    "svg",
+                  children: isRefreshing ? /* @__PURE__ */ jsx43(Spinner, { size: "sm" }) : /* @__PURE__ */ jsx43(
+                    ArrowDown,
                     {
-                      xmlns: "http://www.w3.org/2000/svg",
-                      width: "20",
-                      height: "20",
-                      viewBox: "0 0 24 24",
-                      fill: "none",
-                      stroke: "currentColor",
-                      strokeWidth: "2",
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round",
                       className: cn(
-                        "text-[var(--color-on-surface-muted)] transition-transform duration-normal",
+                        "h-5 w-5 text-[var(--color-on-surface-muted)] transition-transform duration-normal",
                         shouldTrigger && "rotate-180 text-primary-500"
-                      ),
-                      children: [
-                        /* @__PURE__ */ jsx43("path", { d: "M12 5v14" }),
-                        /* @__PURE__ */ jsx43("path", { d: "m19 12-7 7-7-7" })
-                      ]
+                      )
                     }
                   )
                 }
@@ -3680,7 +3369,7 @@ PullToRefresh.displayName = "PullToRefresh";
 // src/components/print/print-document.tsx
 import * as React42 from "react";
 import { cva as cva15 } from "class-variance-authority";
-import { jsx as jsx44, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs24 } from "react/jsx-runtime";
 var printDocumentVariants = cva15(
   [
     "bg-white text-neutral-900",
@@ -3730,12 +3419,12 @@ var PrintDocument = React42.forwardRef(
 );
 PrintDocument.displayName = "PrintDocument";
 var PrintHeader = React42.forwardRef(
-  ({ className, logo, title, subtitle, meta, children, ...props }, ref) => /* @__PURE__ */ jsxs25("div", { ref, className: cn("mb-6", className), ...props, children: [
+  ({ className, logo, title, subtitle, meta, children, ...props }, ref) => /* @__PURE__ */ jsxs24("div", { ref, className: cn("mb-6", className), ...props, children: [
     /* @__PURE__ */ jsx44("div", { className: "h-1 bg-primary-500 rounded-full mb-5" }),
-    /* @__PURE__ */ jsxs25("div", { className: "flex items-start justify-between pb-4 border-b border-neutral-200", children: [
-      /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ jsxs24("div", { className: "flex items-start justify-between pb-4 border-b border-neutral-200", children: [
+      /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-3", children: [
         logo && /* @__PURE__ */ jsx44("div", { className: "shrink-0", children: logo }),
-        /* @__PURE__ */ jsxs25("div", { children: [
+        /* @__PURE__ */ jsxs24("div", { children: [
           title && /* @__PURE__ */ jsx44("h1", { className: "text-2xl font-bold text-neutral-900 leading-tight", children: title }),
           subtitle && /* @__PURE__ */ jsx44("p", { className: "text-[8pt] font-medium tracking-widest uppercase text-neutral-400 mt-0.5", children: subtitle })
         ] })
@@ -3834,9 +3523,9 @@ PrintTableCell.displayName = "PrintTableCell";
 // src/components/print/print-field.tsx
 import * as React44 from "react";
 import { cva as cva16 } from "class-variance-authority";
-import { jsx as jsx46, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs25 } from "react/jsx-runtime";
 var PrintField = React44.forwardRef(
-  ({ className, label, value, children, ...props }, ref) => /* @__PURE__ */ jsxs26("div", { ref, className: cn("", className), ...props, children: [
+  ({ className, label, value, children, ...props }, ref) => /* @__PURE__ */ jsxs25("div", { ref, className: cn("", className), ...props, children: [
     /* @__PURE__ */ jsx46("dt", { className: "text-[8pt] font-medium text-neutral-500 mb-0.5", children: label }),
     /* @__PURE__ */ jsx46("dd", { className: "text-[9pt] text-neutral-900", children: value ?? children })
   ] })
@@ -3884,7 +3573,8 @@ PrintDivider.displayName = "PrintDivider";
 
 // src/components/stat-card/stat-card.tsx
 import * as React46 from "react";
-import { jsx as jsx48, jsxs as jsxs27 } from "react/jsx-runtime";
+import { ChevronUp as ChevronUp2, ChevronDown as ChevronDown3 } from "lucide-react";
+import { jsx as jsx48, jsxs as jsxs26 } from "react/jsx-runtime";
 function inferDirection(trend) {
   if (!trend) return "neutral";
   if (trend.startsWith("+")) return "up";
@@ -3896,15 +3586,15 @@ var TREND_STYLES = {
   down: "text-error-600 dark:text-error-400",
   neutral: "text-[var(--color-on-surface-muted)]"
 };
-var TREND_ICONS = {
-  up: "M7 17l5-5 5 5",
-  down: "M7 7l5 5 5-5",
-  neutral: ""
+var TREND_ICON_COMPONENTS = {
+  up: ChevronUp2,
+  down: ChevronDown3,
+  neutral: null
 };
 var StatCard = React46.forwardRef(
   ({ className, label, value, trend, trendDirection, icon, ...props }, ref) => {
     const direction = trendDirection ?? inferDirection(trend);
-    return /* @__PURE__ */ jsxs27(
+    return /* @__PURE__ */ jsxs26(
       "div",
       {
         ref,
@@ -3914,14 +3604,17 @@ var StatCard = React46.forwardRef(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsxs27("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs26("div", { className: "flex items-center justify-between", children: [
             /* @__PURE__ */ jsx48("p", { className: "text-xs font-medium text-[var(--color-on-surface-muted)] uppercase tracking-wider", children: label }),
             icon && /* @__PURE__ */ jsx48("span", { className: "text-[var(--color-on-surface-muted)]", children: icon })
           ] }),
-          /* @__PURE__ */ jsxs27("div", { className: "flex items-baseline gap-2 mt-2", children: [
+          /* @__PURE__ */ jsxs26("div", { className: "flex items-baseline gap-2 mt-2", children: [
             /* @__PURE__ */ jsx48("span", { className: "text-xl sm:text-2xl font-bold tabular-nums", children: value }),
-            trend && /* @__PURE__ */ jsxs27("span", { className: cn("inline-flex items-center gap-0.5 text-xs font-medium", TREND_STYLES[direction]), children: [
-              direction !== "neutral" && /* @__PURE__ */ jsx48("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx48("path", { d: TREND_ICONS[direction] }) }),
+            trend && /* @__PURE__ */ jsxs26("span", { className: cn("inline-flex items-center gap-0.5 text-xs font-medium", TREND_STYLES[direction]), children: [
+              (() => {
+                const TrendIcon = TREND_ICON_COMPONENTS[direction];
+                return TrendIcon ? /* @__PURE__ */ jsx48(TrendIcon, { className: "h-3 w-3", strokeWidth: 2.5 }) : null;
+              })(),
               trend
             ] })
           ] })
@@ -3934,9 +3627,9 @@ StatCard.displayName = "StatCard";
 
 // src/components/chart-container/chart-container.tsx
 import * as React47 from "react";
-import { jsx as jsx49, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs27 } from "react/jsx-runtime";
 var ChartContainer = React47.forwardRef(
-  ({ className, title, description, actions, children, ...props }, ref) => /* @__PURE__ */ jsxs28(
+  ({ className, title, description, actions, children, ...props }, ref) => /* @__PURE__ */ jsxs27(
     "div",
     {
       ref,
@@ -3946,8 +3639,8 @@ var ChartContainer = React47.forwardRef(
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsxs28("div", { className: "flex flex-col sm:flex-row sm:items-start sm:justify-between gap-2 sm:gap-4 p-4 sm:p-5 pb-0", children: [
-          /* @__PURE__ */ jsxs28("div", { children: [
+        /* @__PURE__ */ jsxs27("div", { className: "flex flex-col sm:flex-row sm:items-start sm:justify-between gap-2 sm:gap-4 p-4 sm:p-5 pb-0", children: [
+          /* @__PURE__ */ jsxs27("div", { children: [
             /* @__PURE__ */ jsx49("h3", { className: "text-sm font-semibold leading-none tracking-tight", children: title }),
             description && /* @__PURE__ */ jsx49("p", { className: "mt-1 text-xs text-[var(--color-on-surface-muted)]", children: description })
           ] }),
@@ -4066,7 +3759,7 @@ function getChartTheme() {
 }
 
 // src/components/chart/chart-tooltip.tsx
-import { jsx as jsx50, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs28 } from "react/jsx-runtime";
 var ChartTooltip = ({
   active,
   payload,
@@ -4077,7 +3770,7 @@ var ChartTooltip = ({
 }) => {
   if (!active || !payload?.length) return null;
   const displayLabel = labelFormatter ? labelFormatter(String(label)) : label;
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs28(
     "div",
     {
       className: cn(
@@ -4087,7 +3780,7 @@ var ChartTooltip = ({
       ),
       children: [
         displayLabel && /* @__PURE__ */ jsx50("p", { className: "font-medium text-[var(--color-on-surface)] mb-1", children: displayLabel }),
-        /* @__PURE__ */ jsx50("div", { className: "flex flex-col gap-0.5", children: payload.map((entry, i) => /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx50("div", { className: "flex flex-col gap-0.5", children: payload.map((entry, i) => /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx50(
             "span",
             {
@@ -4105,13 +3798,13 @@ var ChartTooltip = ({
 ChartTooltip.displayName = "ChartTooltip";
 
 // src/components/chart/chart-legend.tsx
-import { jsx as jsx51, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs29 } from "react/jsx-runtime";
 var ChartLegend = ({
   payload,
   className
 }) => {
   if (!payload?.length) return null;
-  return /* @__PURE__ */ jsx51("div", { className: cn("flex flex-wrap items-center justify-center gap-x-4 gap-y-1 pt-3", className), children: payload.map((entry, i) => /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-1.5 text-xs text-[var(--color-on-surface-muted)]", children: [
+  return /* @__PURE__ */ jsx51("div", { className: cn("flex flex-wrap items-center justify-center gap-x-4 gap-y-1 pt-3", className), children: payload.map((entry, i) => /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-1.5 text-xs text-[var(--color-on-surface-muted)]", children: [
     /* @__PURE__ */ jsx51(
       "span",
       {