@polastack/design-system 0.1.22 → 0.1.24

package/dist/index.js

@@ -1799,14 +1799,389 @@ var FormActions = React26.forwardRef(
 );
 FormActions.displayName = "FormActions";
 
-// src/components/tabs/tabs.tsx
+// src/components/progress/progress.tsx
 import * as React27 from "react";
-import * as TabsPrimitive from "@radix-ui/react-tabs";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
 import { cva as cva11 } from "class-variance-authority";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs10 } from "react/jsx-runtime";
+var progressVariants = cva11(
+  "relative w-full overflow-hidden rounded-full bg-[var(--color-surface-muted)]",
+  {
+    variants: {
+      variant: {
+        default: "",
+        success: "",
+        warning: "",
+        error: "",
+        info: ""
+      },
+      size: {
+        sm: "h-1.5",
+        md: "h-2.5",
+        lg: "h-4"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md"
+    }
+  }
+);
+var progressIndicatorVariants = cva11(
+  "h-full rounded-full transition-[width] duration-normal ease-default",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary-500",
+        success: "bg-success-500",
+        warning: "bg-warning-500",
+        error: "bg-error-500",
+        info: "bg-info-500"
+      },
+      indeterminate: {
+        true: "w-1/3 animate-[progress-indeterminate_2s_ease-in-out_infinite]",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      indeterminate: false
+    }
+  }
+);
+var floatingBubbleVariants = {
+  default: "bg-primary-600 dark:bg-primary-400",
+  success: "bg-success-600 dark:bg-success-400",
+  warning: "bg-warning-600 dark:bg-warning-400",
+  error: "bg-error-600 dark:bg-error-400",
+  info: "bg-info-600 dark:bg-info-400"
+};
+var floatingArrowVariants = {
+  default: "border-t-primary-600 dark:border-t-primary-400",
+  success: "border-t-success-600 dark:border-t-success-400",
+  warning: "border-t-warning-600 dark:border-t-warning-400",
+  error: "border-t-error-600 dark:border-t-error-400",
+  info: "border-t-info-600 dark:border-t-info-400"
+};
+var markerVariants = {
+  default: "border-primary-500",
+  success: "border-success-500",
+  warning: "border-warning-500",
+  error: "border-error-500",
+  info: "border-info-500"
+};
+var Progress = React27.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    value,
+    max = 100,
+    showLabel,
+    labelPosition = "right",
+    showMarker,
+    ...props
+  }, ref) => {
+    const isIndeterminate = value === null || value === void 0;
+    const clampedValue = isIndeterminate ? null : Math.min(max, Math.max(0, value));
+    const percent = isIndeterminate ? 0 : clampedValue / max * 100;
+    const resolvedVariant = variant ?? "default";
+    const labelContent = showLabel ? typeof showLabel === "function" ? showLabel(clampedValue) : isIndeterminate ? null : `${Math.round(clampedValue)}%` : null;
+    const isFloating = labelPosition === "floating" && labelContent && !isIndeterminate;
+    const hasMarker = showMarker && !isIndeterminate;
+    const bar = /* @__PURE__ */ jsx26(
+      ProgressPrimitive.Root,
+      {
+        ref,
+        value: clampedValue,
+        max,
+        className: cn(progressVariants({ variant, size }), className),
+        ...props,
+        children: /* @__PURE__ */ jsx26(
+          ProgressPrimitive.Indicator,
+          {
+            className: cn(
+              progressIndicatorVariants({
+                variant,
+                indeterminate: isIndeterminate
+              })
+            ),
+            style: isIndeterminate ? void 0 : { width: `${percent}%` }
+          }
+        )
+      }
+    );
+    if (isFloating || hasMarker) {
+      return /* @__PURE__ */ jsxs10("div", { className: "relative", children: [
+        isFloating && /* @__PURE__ */ jsx26(
+          "div",
+          {
+            className: "absolute bottom-full mb-2 transition-[left] duration-normal ease-default",
+            style: { left: `${percent}%` },
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ jsxs10("div", { className: "relative -translate-x-1/2", children: [
+              /* @__PURE__ */ jsx26(
+                "span",
+                {
+                  className: cn(
+                    "block rounded-md px-2 py-0.5 text-xs font-semibold tabular-nums text-white whitespace-nowrap shadow-sm",
+                    floatingBubbleVariants[resolvedVariant]
+                  ),
+                  children: labelContent
+                }
+              ),
+              /* @__PURE__ */ jsx26(
+                "div",
+                {
+                  className: cn(
+                    "mx-auto h-0 w-0 border-x-4 border-t-4 border-x-transparent",
+                    floatingArrowVariants[resolvedVariant]
+                  )
+                }
+              )
+            ] })
+          }
+        ),
+        bar,
+        hasMarker && /* @__PURE__ */ jsx26(
+          "div",
+          {
+            className: "absolute top-1/2 -translate-y-1/2 transition-[left] duration-normal ease-default pointer-events-none",
+            style: { left: `${percent}%` },
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ jsx26(
+              "div",
+              {
+                className: cn(
+                  "h-3.5 w-3.5 -translate-x-1/2 rounded-full border-2 bg-white shadow-sm dark:bg-[var(--color-surface-raised)]",
+                  markerVariants[resolvedVariant]
+                )
+              }
+            )
+          }
+        )
+      ] });
+    }
+    if (!labelContent) return bar;
+    if (labelPosition === "top") {
+      return /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ jsx26("span", { className: "text-sm font-medium text-[var(--color-on-surface-secondary)]", children: labelContent }),
+        bar
+      ] });
+    }
+    return /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx26("div", { className: "flex-1", children: bar }),
+      /* @__PURE__ */ jsx26("span", { className: "shrink-0 text-sm font-medium tabular-nums text-[var(--color-on-surface-secondary)]", children: labelContent })
+    ] });
+  }
+);
+Progress.displayName = "Progress";
+
+// src/components/stepper/stepper.tsx
+import * as React28 from "react";
+import { cva as cva12 } from "class-variance-authority";
+import { Check as Check4 } from "lucide-react";
+import { Fragment as Fragment2, jsx as jsx27, jsxs as jsxs11 } from "react/jsx-runtime";
+var stepIndicatorVariants = cva12(
+  "flex items-center justify-center rounded-full font-medium shrink-0 transition-colors duration-normal border-2",
+  {
+    variants: {
+      status: {
+        pending: "border-[var(--color-border)] bg-[var(--color-surface)] text-[var(--color-on-surface-muted)]",
+        active: "border-primary-500 bg-primary-500 text-white",
+        completed: "border-primary-500 bg-primary-500 text-white",
+        error: "border-error-500 bg-error-500 text-white",
+        loading: "border-primary-500 bg-primary-500 text-white"
+      },
+      size: {
+        sm: "h-6 w-6 text-xs",
+        md: "h-8 w-8 text-sm",
+        lg: "h-10 w-10 text-base"
+      }
+    },
+    defaultVariants: {
+      status: "pending",
+      size: "md"
+    }
+  }
+);
+var connectorVariants = cva12("transition-colors duration-normal", {
+  variants: {
+    completed: {
+      true: "bg-primary-500",
+      false: "bg-[var(--color-border)]"
+    },
+    orientation: {
+      horizontal: "h-0.5 flex-1 mx-2",
+      vertical: "w-0.5 min-h-6"
+    }
+  },
+  defaultVariants: {
+    completed: false,
+    orientation: "horizontal"
+  }
+});
+var spinnerSizeMap = {
+  sm: "sm",
+  md: "sm",
+  lg: "sm"
+};
+var checkSizeMap = {
+  sm: 12,
+  md: 16,
+  lg: 20
+};
+function StepIndicatorContent({
+  step,
+  index,
+  status,
+  size
+}) {
+  if (step.icon && status !== "completed" && status !== "loading") {
+    return /* @__PURE__ */ jsx27(Fragment2, { children: step.icon });
+  }
+  if (status === "loading") {
+    return /* @__PURE__ */ jsx27(Spinner, { size: spinnerSizeMap[size], className: "text-current" });
+  }
+  if (status === "completed") {
+    const s = checkSizeMap[size];
+    return /* @__PURE__ */ jsx27(Check4, { size: s, strokeWidth: 3 });
+  }
+  return /* @__PURE__ */ jsx27(Fragment2, { children: index + 1 });
+}
+var Stepper = React28.forwardRef(
+  ({
+    className,
+    steps,
+    activeStep,
+    orientation = "horizontal",
+    size = "md",
+    clickable = false,
+    onStepClick,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsx27(
+      "ol",
+      {
+        ref,
+        role: "list",
+        "aria-label": "Progress",
+        className: cn(
+          orientation === "horizontal" ? "flex items-start" : "flex flex-col",
+          className
+        ),
+        ...props,
+        children: steps.map((step, index) => {
+          const derivedStatus = step.status ?? (index < activeStep ? "completed" : index === activeStep ? "active" : "pending");
+          const isLast = index === steps.length - 1;
+          const isClickable = clickable && (derivedStatus === "completed" || derivedStatus === "active");
+          const handleClick = () => {
+            if (isClickable && onStepClick) onStepClick(index);
+          };
+          const connector = !isLast ? /* @__PURE__ */ jsx27(
+            "div",
+            {
+              className: cn(
+                connectorVariants({
+                  completed: index < activeStep,
+                  orientation
+                })
+              ),
+              "aria-hidden": "true"
+            }
+          ) : null;
+          const indicatorButton = /* @__PURE__ */ jsx27(
+            "button",
+            {
+              type: "button",
+              className: cn(
+                stepIndicatorVariants({ status: derivedStatus, size }),
+                isClickable && "cursor-pointer hover:ring-2 hover:ring-primary-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-ring)] focus-visible:ring-offset-2",
+                !isClickable && "cursor-default",
+                "touch:min-h-[--touch-target-min] touch:min-w-[--touch-target-min]"
+              ),
+              onClick: handleClick,
+              disabled: !isClickable,
+              tabIndex: isClickable ? 0 : -1,
+              "aria-label": `Step ${index + 1}: ${step.label}${derivedStatus === "completed" ? " (completed)" : derivedStatus === "error" ? " (error)" : derivedStatus === "loading" ? " (loading)" : ""}`,
+              children: /* @__PURE__ */ jsx27(
+                StepIndicatorContent,
+                {
+                  step,
+                  index,
+                  status: derivedStatus,
+                  size
+                }
+              )
+            }
+          );
+          const labelEl = /* @__PURE__ */ jsx27(
+            "span",
+            {
+              className: cn(
+                "text-sm font-medium",
+                derivedStatus === "active" && "text-[var(--color-on-surface)]",
+                derivedStatus === "pending" && "text-[var(--color-on-surface-secondary)]",
+                derivedStatus === "completed" && "text-[var(--color-on-surface-secondary)]",
+                derivedStatus === "loading" && "text-[var(--color-on-surface)]",
+                derivedStatus === "error" && "text-error-600 dark:text-error-400"
+              ),
+              children: step.label
+            }
+          );
+          const descEl = step.description ? /* @__PURE__ */ jsx27("span", { className: "text-xs text-[var(--color-on-surface-muted)] max-w-[140px]", children: step.description }) : null;
+          if (orientation === "horizontal") {
+            return /* @__PURE__ */ jsxs11(React28.Fragment, { children: [
+              /* @__PURE__ */ jsxs11(
+                "li",
+                {
+                  role: "listitem",
+                  "aria-current": derivedStatus === "active" ? "step" : void 0,
+                  className: "flex flex-col items-center gap-1.5 text-center",
+                  children: [
+                    indicatorButton,
+                    labelEl,
+                    descEl
+                  ]
+                }
+              ),
+              connector
+            ] }, index);
+          }
+          return /* @__PURE__ */ jsxs11(
+            "li",
+            {
+              role: "listitem",
+              "aria-current": derivedStatus === "active" ? "step" : void 0,
+              className: "flex gap-3",
+              children: [
+                /* @__PURE__ */ jsxs11("div", { className: "flex flex-col items-center", children: [
+                  indicatorButton,
+                  connector
+                ] }),
+                /* @__PURE__ */ jsxs11("div", { className: cn("flex flex-col gap-0.5", !isLast && "pb-6"), children: [
+                  labelEl,
+                  descEl
+                ] })
+              ]
+            },
+            index
+          );
+        })
+      }
+    );
+  }
+);
+Stepper.displayName = "Stepper";
+
+// src/components/tabs/tabs.tsx
+import * as React29 from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { cva as cva13 } from "class-variance-authority";
+import { jsx as jsx28 } from "react/jsx-runtime";
 var [TabsVariantProvider, useTabsVariant] = createContext2("TabsVariant");
 var Tabs = TabsPrimitive.Root;
-var tabsListVariants = cva11(
+var tabsListVariants = cva13(
   "inline-flex items-center justify-center overflow-x-auto max-w-full",
   {
     variants: {
@@ -1818,7 +2193,7 @@ var tabsListVariants = cva11(
     defaultVariants: { variant: "default" }
   }
 );
-var TabsList = React27.forwardRef(({ className, variant = "default", ...props }, ref) => /* @__PURE__ */ jsx26(TabsVariantProvider, { value: { variant }, children: /* @__PURE__ */ jsx26(
+var TabsList = React29.forwardRef(({ className, variant = "default", ...props }, ref) => /* @__PURE__ */ jsx28(TabsVariantProvider, { value: { variant }, children: /* @__PURE__ */ jsx28(
   TabsPrimitive.List,
   {
     ref,
@@ -1832,9 +2207,9 @@ var tabsTriggerVariantStyles = {
   default: "rounded-md data-[state=active]:bg-[var(--color-surface-raised)] data-[state=active]:shadow-sm data-[state=active]:text-[var(--color-on-surface)] text-[var(--color-on-surface-secondary)]",
   underline: "border-b-2 border-transparent rounded-none data-[state=active]:border-primary-400 data-[state=active]:text-[var(--color-on-surface)] text-[var(--color-on-surface-secondary)]"
 };
-var TabsTrigger = React27.forwardRef(({ className, ...props }, ref) => {
+var TabsTrigger = React29.forwardRef(({ className, ...props }, ref) => {
   const { variant } = useTabsVariant();
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx28(
     TabsPrimitive.Trigger,
     {
       ref,
@@ -1848,7 +2223,7 @@ var TabsTrigger = React27.forwardRef(({ className, ...props }, ref) => {
   );
 });
 TabsTrigger.displayName = "TabsTrigger";
-var TabsContent = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+var TabsContent = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
   TabsPrimitive.Content,
   {
     ref,
@@ -1862,10 +2237,10 @@ var TabsContent = React27.forwardRef(({ className, ...props }, ref) => /* @__PUR
 TabsContent.displayName = "TabsContent";
 
 // src/components/empty-state/empty-state.tsx
-import * as React28 from "react";
-import { cva as cva12 } from "class-variance-authority";
-import { jsx as jsx27 } from "react/jsx-runtime";
-var emptyStateVariants = cva12(
+import * as React30 from "react";
+import { cva as cva14 } from "class-variance-authority";
+import { jsx as jsx29 } from "react/jsx-runtime";
+var emptyStateVariants = cva14(
   "flex flex-col items-center justify-center text-center",
   {
     variants: {
@@ -1878,8 +2253,8 @@ var emptyStateVariants = cva12(
     defaultVariants: { size: "md" }
   }
 );
-var EmptyState = React28.forwardRef(
-  ({ className, size, ...props }, ref) => /* @__PURE__ */ jsx27(
+var EmptyState = React30.forwardRef(
+  ({ className, size, ...props }, ref) => /* @__PURE__ */ jsx29(
     "div",
     {
       ref,
@@ -1889,7 +2264,7 @@ var EmptyState = React28.forwardRef(
   )
 );
 EmptyState.displayName = "EmptyState";
-var EmptyStateIcon = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+var EmptyStateIcon = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
   "div",
   {
     ref,
@@ -1898,7 +2273,7 @@ var EmptyStateIcon = React28.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 EmptyStateIcon.displayName = "EmptyStateIcon";
-var EmptyStateTitle = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+var EmptyStateTitle = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
   "h3",
   {
     ref,
@@ -1907,7 +2282,7 @@ var EmptyStateTitle = React28.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 EmptyStateTitle.displayName = "EmptyStateTitle";
-var EmptyStateDescription = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+var EmptyStateDescription = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
   "p",
   {
     ref,
@@ -1916,7 +2291,7 @@ var EmptyStateDescription = React28.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 EmptyStateDescription.displayName = "EmptyStateDescription";
-var EmptyStateActions = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+var EmptyStateActions = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
   "div",
   {
     ref,
@@ -1927,9 +2302,9 @@ var EmptyStateActions = React28.forwardRef(({ className, ...props }, ref) => /*
 EmptyStateActions.displayName = "EmptyStateActions";
 
 // src/components/table/table.tsx
-import * as React29 from "react";
-import { jsx as jsx28 } from "react/jsx-runtime";
-var Table = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx28(
+import * as React31 from "react";
+import { jsx as jsx30 } from "react/jsx-runtime";
+var Table = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx30(
   "table",
   {
     ref,
@@ -1938,9 +2313,9 @@ var Table = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ) }));
 Table.displayName = "Table";
-var TableHeader = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+var TableBody = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
   "tbody",
   {
     ref,
@@ -1949,7 +2324,7 @@ var TableBody = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+var TableFooter = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
   "tfoot",
   {
     ref,
@@ -1961,7 +2336,7 @@ var TableFooter = React29.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+var TableRow = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
   "tr",
   {
     ref,
@@ -1973,7 +2348,7 @@ var TableRow = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+var TableHead = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
   "th",
   {
     ref,
@@ -1985,7 +2360,7 @@ var TableHead = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+var TableCell = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
   "td",
   {
     ref,
@@ -1997,7 +2372,7 @@ var TableCell = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+var TableCaption = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
   "caption",
   {
     ref,
@@ -2008,7 +2383,7 @@ var TableCaption = React29.forwardRef(({ className, ...props }, ref) => /* @__PU
 TableCaption.displayName = "TableCaption";
 
 // src/components/data-table/data-table.tsx
-import * as React31 from "react";
+import * as React33 from "react";
 import {
   useReactTable,
   getCoreRowModel,
@@ -2020,7 +2395,7 @@ import { ChevronsUpDown as ChevronsUpDown2 } from "lucide-react";
 
 // src/components/data-table/data-table-pagination.tsx
 import { ChevronLeft, ChevronRight } from "lucide-react";
-import { jsx as jsx29, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs12 } from "react/jsx-runtime";
 function DataTablePagination({
   table,
   pageSizeOptions = [10, 20, 30, 50],
@@ -2030,7 +2405,7 @@ function DataTablePagination({
   const totalRows = table.getFilteredRowModel().rows.length;
   const from = pageIndex * pageSize + 1;
   const to = Math.min((pageIndex + 1) * pageSize, totalRows);
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs12(
     "div",
     {
       className: cn(
@@ -2038,40 +2413,40 @@ function DataTablePagination({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx29("span", { className: "hidden sm:inline", children: "Rows per page" }),
-          /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx31("span", { className: "hidden sm:inline", children: "Rows per page" }),
+          /* @__PURE__ */ jsx31(
             "select",
             {
               value: pageSize,
               onChange: (e) => table.setPageSize(Number(e.target.value)),
               className: "h-8 rounded-md border border-[var(--color-border-input)] bg-[var(--color-surface-raised)] px-2 text-sm",
               "aria-label": "Rows per page",
-              children: pageSizeOptions.map((size) => /* @__PURE__ */ jsx29("option", { value: size, children: size }, size))
+              children: pageSizeOptions.map((size) => /* @__PURE__ */ jsx31("option", { value: size, children: size }, size))
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ jsx29("span", { children: totalRows > 0 ? `${from}-${to} of ${totalRows}` : "0 results" }),
-          /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ jsx31("span", { children: totalRows > 0 ? `${from}-${to} of ${totalRows}` : "0 results" }),
+          /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx31(
               "button",
               {
                 className: "inline-flex h-8 w-8 items-center justify-center rounded-md border border-[var(--color-border-input)] bg-[var(--color-surface-raised)] transition-colors hover:bg-[var(--color-surface-sunken)] disabled:opacity-50 disabled:pointer-events-none",
                 onClick: () => table.previousPage(),
                 disabled: !table.getCanPreviousPage(),
                 "aria-label": "Previous page",
-                children: /* @__PURE__ */ jsx29(ChevronLeft, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx31(ChevronLeft, { className: "h-4 w-4" })
               }
             ),
-            /* @__PURE__ */ jsx29(
+            /* @__PURE__ */ jsx31(
               "button",
               {
                 className: "inline-flex h-8 w-8 items-center justify-center rounded-md border border-[var(--color-border-input)] bg-[var(--color-surface-raised)] transition-colors hover:bg-[var(--color-surface-sunken)] disabled:opacity-50 disabled:pointer-events-none",
                 onClick: () => table.nextPage(),
                 disabled: !table.getCanNextPage(),
                 "aria-label": "Next page",
-                children: /* @__PURE__ */ jsx29(ChevronRight, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx31(ChevronRight, { className: "h-4 w-4" })
               }
             )
           ] })
@@ -2083,19 +2458,19 @@ function DataTablePagination({
 DataTablePagination.displayName = "DataTablePagination";
 
 // src/components/data-table/data-table-toolbar.tsx
-import * as React30 from "react";
+import * as React32 from "react";
 import { Columns3 } from "lucide-react";
-import { jsx as jsx30, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs13 } from "react/jsx-runtime";
 function DataTableToolbar({
   table,
   enableColumnVisibility = false,
   className,
   children
 }) {
-  const [showColumnMenu, setShowColumnMenu] = React30.useState(false);
-  const menuRef = React30.useRef(null);
+  const [showColumnMenu, setShowColumnMenu] = React32.useState(false);
+  const menuRef = React32.useRef(null);
   const selectedCount = table.getFilteredSelectedRowModel().rows.length;
-  React30.useEffect(() => {
+  React32.useEffect(() => {
     function handleClickOutside(event) {
       if (menuRef.current && !menuRef.current.contains(event.target)) {
         setShowColumnMenu(false);
@@ -2106,7 +2481,7 @@ function DataTableToolbar({
       return () => document.removeEventListener("mousedown", handleClickOutside);
     }
   }, [showColumnMenu]);
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs13(
     "div",
     {
       className: cn(
@@ -2114,15 +2489,15 @@ function DataTableToolbar({
         className
       ),
       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: [
+        /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
+          selectedCount > 0 && /* @__PURE__ */ jsxs13("span", { className: "text-sm text-[var(--color-on-surface-secondary)]", children: [
             selectedCount,
             " selected"
           ] }),
           children
         ] }),
-        enableColumnVisibility && /* @__PURE__ */ jsxs11("div", { className: "relative", ref: menuRef, children: [
-          /* @__PURE__ */ jsxs11(
+        enableColumnVisibility && /* @__PURE__ */ jsxs13("div", { className: "relative", ref: menuRef, children: [
+          /* @__PURE__ */ jsxs13(
             "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)]",
@@ -2130,17 +2505,17 @@ function DataTableToolbar({
               "aria-label": "Toggle columns",
               "aria-expanded": showColumnMenu,
               children: [
-                /* @__PURE__ */ jsx30(Columns3, { className: "h-3.5 w-3.5" }),
+                /* @__PURE__ */ jsx32(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__ */ jsxs11(
+          showColumnMenu && /* @__PURE__ */ jsx32("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__ */ jsxs13(
             "label",
             {
               className: "flex items-center gap-2 rounded px-2 py-1 text-sm hover:bg-[var(--color-surface-sunken)] cursor-pointer capitalize",
               children: [
-                /* @__PURE__ */ jsx30(
+                /* @__PURE__ */ jsx32(
                   "input",
                   {
                     type: "checkbox",
@@ -2162,7 +2537,7 @@ function DataTableToolbar({
 DataTableToolbar.displayName = "DataTableToolbar";
 
 // src/components/data-table/data-table.tsx
-import { jsx as jsx31, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs14 } from "react/jsx-runtime";
 function DataTable({
   columns,
   data,
@@ -2177,14 +2552,14 @@ function DataTable({
   className,
   "aria-label": ariaLabel
 }) {
-  const [sorting, setSorting] = React31.useState([]);
-  const [rowSelection, setRowSelection] = React31.useState({});
-  const [columnVisibility, setColumnVisibility] = React31.useState({});
-  const allColumns = React31.useMemo(() => {
+  const [sorting, setSorting] = React33.useState([]);
+  const [rowSelection, setRowSelection] = React33.useState({});
+  const [columnVisibility, setColumnVisibility] = React33.useState({});
+  const allColumns = React33.useMemo(() => {
     if (!enableRowSelection) return columns;
     const selectColumn = {
       id: "select",
-      header: ({ table: table2 }) => /* @__PURE__ */ jsx31(
+      header: ({ table: table2 }) => /* @__PURE__ */ jsx33(
         Checkbox,
         {
           checked: table2.getIsAllPageRowsSelected() ? true : table2.getIsSomePageRowsSelected() ? "indeterminate" : false,
@@ -2192,7 +2567,7 @@ function DataTable({
           "aria-label": "Select all"
         }
       ),
-      cell: ({ row }) => /* @__PURE__ */ jsx31(
+      cell: ({ row }) => /* @__PURE__ */ jsx33(
         Checkbox,
         {
           checked: row.getIsSelected(),
@@ -2220,23 +2595,23 @@ function DataTable({
     enableRowSelection,
     initialState: { pagination: { pageSize } }
   });
-  React31.useEffect(() => {
+  React33.useEffect(() => {
     if (onRowSelectionChange) {
       const selectedRows = table.getFilteredSelectedRowModel().rows.map((row) => row.original);
       onRowSelectionChange(selectedRows);
     }
   }, [rowSelection, table, onRowSelectionChange]);
   const showToolbar = enableRowSelection || enableColumnVisibility;
-  return /* @__PURE__ */ jsxs12("div", { className: cn("rounded-md border border-[var(--color-border)]", className), children: [
-    showToolbar && /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsxs14("div", { className: cn("rounded-md border border-[var(--color-border)]", className), children: [
+    showToolbar && /* @__PURE__ */ jsx33(
       DataTableToolbar,
       {
         table,
         enableColumnVisibility
       }
     ),
-    /* @__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(
+    /* @__PURE__ */ jsxs14(Table, { "aria-label": ariaLabel, children: [
+      /* @__PURE__ */ jsx33(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx33(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx33(TableHead, { children: header.isPlaceholder ? null : header.column.getCanSort() ? /* @__PURE__ */ jsxs14(
         "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",
@@ -2247,7 +2622,7 @@ function DataTable({
               header.column.columnDef.header,
               header.getContext()
             ),
-            /* @__PURE__ */ jsx31(
+            /* @__PURE__ */ jsx33(
               ChevronsUpDown2,
               {
                 className: cn(
@@ -2262,14 +2637,14 @@ function DataTable({
         header.column.columnDef.header,
         header.getContext()
       ) }, header.id)) }, headerGroup.id)) }),
-      /* @__PURE__ */ jsx31(TableBody, { children: table.getRowModel().rows.length > 0 ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx31(
+      /* @__PURE__ */ jsx33(TableBody, { children: table.getRowModel().rows.length > 0 ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx33(
         TableRow,
         {
           "data-state": row.getIsSelected() ? "selected" : void 0,
-          children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx31(TableCell, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))
+          children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx33(TableCell, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))
         },
         row.id
-      )) : /* @__PURE__ */ jsx31(TableRow, { children: /* @__PURE__ */ jsx31(
+      )) : /* @__PURE__ */ jsx33(TableRow, { children: /* @__PURE__ */ jsx33(
         TableCell,
         {
           colSpan: allColumns.length,
@@ -2278,7 +2653,7 @@ function DataTable({
         }
       ) }) })
     ] }),
-    enablePagination && /* @__PURE__ */ jsx31(
+    enablePagination && /* @__PURE__ */ jsx33(
       DataTablePagination,
       {
         table,
@@ -2291,17 +2666,17 @@ DataTable.displayName = "DataTable";
 
 // src/components/data-table/data-table-column-header.tsx
 import { ChevronsUpDown as ChevronsUpDown3 } from "lucide-react";
-import { jsx as jsx32, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs15 } from "react/jsx-runtime";
 function DataTableColumnHeader({
   column,
   title,
   className
 }) {
   if (!column.getCanSort()) {
-    return /* @__PURE__ */ jsx32("div", { className: cn(className), children: title });
+    return /* @__PURE__ */ jsx34("div", { className: cn(className), children: title });
   }
   const sorted = column.getIsSorted();
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs15(
     "button",
     {
       className: cn(
@@ -2312,7 +2687,7 @@ function DataTableColumnHeader({
       "aria-label": `Sort by ${title}`,
       children: [
         title,
-        /* @__PURE__ */ jsx32(
+        /* @__PURE__ */ jsx34(
           ChevronsUpDown3,
           {
             className: cn(
@@ -2321,8 +2696,8 @@ function DataTableColumnHeader({
             )
           }
         ),
-        sorted === "asc" && /* @__PURE__ */ jsx32("span", { className: "sr-only", children: "sorted ascending" }),
-        sorted === "desc" && /* @__PURE__ */ jsx32("span", { className: "sr-only", children: "sorted descending" })
+        sorted === "asc" && /* @__PURE__ */ jsx34("span", { className: "sr-only", children: "sorted ascending" }),
+        sorted === "desc" && /* @__PURE__ */ jsx34("span", { className: "sr-only", children: "sorted descending" })
       ]
     }
   );
@@ -2330,11 +2705,11 @@ function DataTableColumnHeader({
 DataTableColumnHeader.displayName = "DataTableColumnHeader";
 
 // src/components/filter-bar/filter-bar.tsx
-import * as React32 from "react";
-import { cva as cva13 } from "class-variance-authority";
+import * as React34 from "react";
+import { cva as cva15 } from "class-variance-authority";
 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(
+import { jsx as jsx35, jsxs as jsxs16 } from "react/jsx-runtime";
+var FilterBar = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
   "div",
   {
     ref,
@@ -2348,7 +2723,7 @@ var FilterBar = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 FilterBar.displayName = "FilterBar";
-var FilterBarGroup = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+var FilterBarGroup = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
   "div",
   {
     ref,
@@ -2358,7 +2733,7 @@ var FilterBarGroup = React32.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 FilterBarGroup.displayName = "FilterBarGroup";
-var filterChipVariants = cva13(
+var filterChipVariants = cva15(
   "inline-flex items-center gap-1 rounded-full px-3 py-1 text-sm font-medium transition-colors duration-fast",
   {
     variants: {
@@ -2370,27 +2745,27 @@ var filterChipVariants = cva13(
     defaultVariants: { variant: "default" }
   }
 );
-var FilterChip = React32.forwardRef(
-  ({ className, variant, label, value, onRemove, ...props }, ref) => /* @__PURE__ */ jsxs14(
+var FilterChip = React34.forwardRef(
+  ({ className, variant, label, value, onRemove, ...props }, ref) => /* @__PURE__ */ jsxs16(
     "span",
     {
       ref,
       className: cn(filterChipVariants({ variant }), className),
       ...props,
       children: [
-        /* @__PURE__ */ jsxs14("span", { className: "text-xs opacity-70", children: [
+        /* @__PURE__ */ jsxs16("span", { className: "text-xs opacity-70", children: [
           label,
           ":"
         ] }),
-        /* @__PURE__ */ jsx33("span", { children: value }),
-        onRemove && /* @__PURE__ */ jsx33(
+        /* @__PURE__ */ jsx35("span", { children: value }),
+        onRemove && /* @__PURE__ */ jsx35(
           "button",
           {
             type: "button",
             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(X2, { className: "h-3 w-3" })
+            children: /* @__PURE__ */ jsx35(X2, { className: "h-3 w-3" })
           }
         )
       ]
@@ -2398,7 +2773,7 @@ var FilterChip = React32.forwardRef(
   )
 );
 FilterChip.displayName = "FilterChip";
-var ActiveFilters = React32.forwardRef(({ className, onClearAll, clearAllLabel = "Clear all", children, ...props }, ref) => /* @__PURE__ */ jsxs14(
+var ActiveFilters = React34.forwardRef(({ className, onClearAll, clearAllLabel = "Clear all", children, ...props }, ref) => /* @__PURE__ */ jsxs16(
   "div",
   {
     ref,
@@ -2406,7 +2781,7 @@ var ActiveFilters = React32.forwardRef(({ className, onClearAll, clearAllLabel =
     ...props,
     children: [
       children,
-      onClearAll && /* @__PURE__ */ jsx33(
+      onClearAll && /* @__PURE__ */ jsx35(
         "button",
         {
           type: "button",
@@ -2419,7 +2794,7 @@ var ActiveFilters = React32.forwardRef(({ className, onClearAll, clearAllLabel =
   }
 ));
 ActiveFilters.displayName = "ActiveFilters";
-var FilterBarActions = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+var FilterBarActions = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
   "div",
   {
     ref,
@@ -2430,13 +2805,13 @@ var FilterBarActions = React32.forwardRef(({ className, ...props }, ref) => /* @
 FilterBarActions.displayName = "FilterBarActions";
 
 // src/components/popover/popover.tsx
-import * as React33 from "react";
+import * as React35 from "react";
 import * as PopoverPrimitive2 from "@radix-ui/react-popover";
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var Popover = PopoverPrimitive2.Root;
 var PopoverTrigger = PopoverPrimitive2.Trigger;
 var PopoverAnchor = PopoverPrimitive2.Anchor;
-var PopoverContent = React33.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx34(PopoverPrimitive2.Portal, { children: /* @__PURE__ */ jsx34(
+var PopoverContent = React35.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx36(PopoverPrimitive2.Portal, { children: /* @__PURE__ */ jsx36(
   PopoverPrimitive2.Content,
   {
     ref,
@@ -2456,17 +2831,17 @@ var PopoverContent = React33.forwardRef(({ className, align = "center", sideOffs
 PopoverContent.displayName = "PopoverContent";
 
 // src/components/dropdown-menu/dropdown-menu.tsx
-import * as React34 from "react";
+import * as React36 from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { Check as Check4, ChevronRight as ChevronRight2 } from "lucide-react";
-import { jsx as jsx35, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Check as Check5, ChevronRight as ChevronRight2 } from "lucide-react";
+import { jsx as jsx37, jsxs as jsxs17 } from "react/jsx-runtime";
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuContent = React34.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx35(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx35(
+var DropdownMenuContent = React36.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx37(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx37(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -2483,7 +2858,7 @@ var DropdownMenuContent = React34.forwardRef(({ className, sideOffset = 4, ...pr
   }
 ) }));
 DropdownMenuContent.displayName = "DropdownMenuContent";
-var DropdownMenuSubTrigger = React34.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs15(
+var DropdownMenuSubTrigger = React36.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs17(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -2498,12 +2873,12 @@ var DropdownMenuSubTrigger = React34.forwardRef(({ className, inset, children, .
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx35(ChevronRight2, { className: "ml-auto h-3.5 w-3.5" })
+      /* @__PURE__ */ jsx37(ChevronRight2, { className: "ml-auto h-3.5 w-3.5" })
     ]
   }
 ));
 DropdownMenuSubTrigger.displayName = "DropdownMenuSubTrigger";
-var DropdownMenuSubContent = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+var DropdownMenuSubContent = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -2518,7 +2893,7 @@ var DropdownMenuSubContent = React34.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = "DropdownMenuSubContent";
-var DropdownMenuItem = React34.forwardRef(({ className, inset, destructive, ...props }, ref) => /* @__PURE__ */ jsx35(
+var DropdownMenuItem = React36.forwardRef(({ className, inset, destructive, ...props }, ref) => /* @__PURE__ */ jsx37(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -2535,7 +2910,7 @@ var DropdownMenuItem = React34.forwardRef(({ className, inset, destructive, ...p
   }
 ));
 DropdownMenuItem.displayName = "DropdownMenuItem";
-var DropdownMenuCheckboxItem = React34.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs15(
+var DropdownMenuCheckboxItem = React36.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs17(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -2549,13 +2924,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(Check4, { className: "h-3.5 w-3.5" }) }) }),
+      /* @__PURE__ */ jsx37("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx37(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx37(Check5, { className: "h-3.5 w-3.5" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuCheckboxItem.displayName = "DropdownMenuCheckboxItem";
-var DropdownMenuRadioItem = React34.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs15(
+var DropdownMenuRadioItem = React36.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs17(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -2568,13 +2943,13 @@ var DropdownMenuRadioItem = React34.forwardRef(({ className, children, ...props
     ),
     ...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: "8", height: "8", viewBox: "0 0 8 8", fill: "currentColor", children: /* @__PURE__ */ jsx35("circle", { cx: "4", cy: "4", r: "4" }) }) }) }),
+      /* @__PURE__ */ jsx37("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx37(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx37("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "currentColor", children: /* @__PURE__ */ jsx37("circle", { cx: "4", cy: "4", r: "4" }) }) }) }),
       children
     ]
   }
 ));
 DropdownMenuRadioItem.displayName = "DropdownMenuRadioItem";
-var DropdownMenuLabel = React34.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx35(
+var DropdownMenuLabel = React36.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx37(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -2587,7 +2962,7 @@ var DropdownMenuLabel = React34.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = "DropdownMenuLabel";
-var DropdownMenuSeparator = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+var DropdownMenuSeparator = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -2599,7 +2974,7 @@ DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
 var DropdownMenuShortcut = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx35(
+}) => /* @__PURE__ */ jsx37(
   "span",
   {
     className: cn(
@@ -2612,14 +2987,14 @@ var DropdownMenuShortcut = ({
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
 // src/components/dialog/dialog.tsx
-import * as React35 from "react";
+import * as React37 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { X as X3 } from "lucide-react";
-import { jsx as jsx36, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs18 } from "react/jsx-runtime";
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
+var DialogOverlay = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -2633,9 +3008,9 @@ var DialogOverlay = React35.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = "DialogOverlay";
-var DialogContent = React35.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs16(DialogPrimitive.Portal, { children: [
-  /* @__PURE__ */ jsx36(DialogOverlay, {}),
-  /* @__PURE__ */ jsxs16(
+var DialogContent = React37.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs18(DialogPrimitive.Portal, { children: [
+  /* @__PURE__ */ jsx38(DialogOverlay, {}),
+  /* @__PURE__ */ jsxs18(
     DialogPrimitive.Content,
     {
       ref,
@@ -2657,9 +3032,9 @@ var DialogContent = React35.forwardRef(({ className, children, ...props }, ref)
       ...props,
       children: [
         children,
-        /* @__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" })
+        /* @__PURE__ */ jsxs18(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__ */ jsx38(X3, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx38("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
@@ -2669,7 +3044,7 @@ DialogContent.displayName = "DialogContent";
 var DialogHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx36(
+}) => /* @__PURE__ */ jsx38(
   "div",
   {
     className: cn("flex flex-col gap-1.5 text-center sm:text-left", className),
@@ -2680,7 +3055,7 @@ DialogHeader.displayName = "DialogHeader";
 var DialogFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx36(
+}) => /* @__PURE__ */ jsx38(
   "div",
   {
     className: cn(
@@ -2691,7 +3066,7 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
+var DialogTitle = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
   DialogPrimitive.Title,
   {
     ref,
@@ -2700,7 +3075,7 @@ var DialogTitle = React35.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = "DialogTitle";
-var DialogDescription = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
+var DialogDescription = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
   DialogPrimitive.Description,
   {
     ref,
@@ -2714,7 +3089,7 @@ DialogDescription.displayName = "DialogDescription";
 import * as DialogPrimitive2 from "@radix-ui/react-dialog";
 import { Command as Command2 } from "cmdk";
 import { Search } from "lucide-react";
-import { jsx as jsx37, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs19 } from "react/jsx-runtime";
 function CommandPalette({
   open,
   onOpenChange,
@@ -2722,9 +3097,9 @@ function CommandPalette({
   className,
   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(
+  return /* @__PURE__ */ jsx39(DialogPrimitive2.Root, { open, onOpenChange, children: /* @__PURE__ */ jsxs19(DialogPrimitive2.Portal, { children: [
+    /* @__PURE__ */ jsx39(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__ */ jsx39(
       DialogPrimitive2.Content,
       {
         className: cn(
@@ -2733,10 +3108,10 @@ function CommandPalette({
           "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
           className
         ),
-        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(
+        children: /* @__PURE__ */ jsxs19(Command2, { shouldFilter: true, className: "flex flex-col", children: [
+          /* @__PURE__ */ jsxs19("div", { className: "flex items-center border-b border-[var(--color-border)] px-4", children: [
+            /* @__PURE__ */ jsx39(Search, { className: "h-[18px] w-[18px] shrink-0 text-[var(--color-on-surface-muted)]" }),
+            /* @__PURE__ */ jsx39(
               Command2.Input,
               {
                 placeholder,
@@ -2744,7 +3119,7 @@ function CommandPalette({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx37(Command2.List, { className: "max-h-80 overflow-auto p-2", children })
+          /* @__PURE__ */ jsx39(Command2.List, { className: "max-h-80 overflow-auto p-2", children })
         ] })
       }
     )
@@ -2755,7 +3130,7 @@ function CommandPaletteGroup({
   heading,
   children
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx39(
     Command2.Group,
     {
       heading,
@@ -2773,7 +3148,7 @@ function CommandPaletteItem({
   className,
   children
 }) {
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs19(
     Command2.Item,
     {
       onSelect,
@@ -2785,9 +3160,9 @@ function CommandPaletteItem({
         className
       ),
       children: [
-        icon && /* @__PURE__ */ jsx37("span", { className: "mr-2 flex h-4 w-4 items-center justify-center text-[var(--color-on-surface-muted)]", children: icon }),
-        /* @__PURE__ */ jsx37("span", { className: "flex-1", children }),
-        shortcut && /* @__PURE__ */ jsx37(CommandPaletteShortcut, { children: shortcut })
+        icon && /* @__PURE__ */ jsx39("span", { className: "mr-2 flex h-4 w-4 items-center justify-center text-[var(--color-on-surface-muted)]", children: icon }),
+        /* @__PURE__ */ jsx39("span", { className: "flex-1", children }),
+        shortcut && /* @__PURE__ */ jsx39(CommandPaletteShortcut, { children: shortcut })
       ]
     }
   );
@@ -2797,7 +3172,7 @@ function CommandPaletteSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx39(
     Command2.Separator,
     {
       className: cn("-mx-1 my-1 h-px bg-[var(--color-border)]", className),
@@ -2811,7 +3186,7 @@ function CommandPaletteEmpty({
   children = "No results found.",
   ...props
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx39(
     Command2.Empty,
     {
       className: cn("px-2 py-6 text-center text-sm text-[var(--color-on-surface-muted)]", className),
@@ -2825,7 +3200,7 @@ function CommandPaletteShortcut({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx39(
     "span",
     {
       className: cn(
@@ -2839,33 +3214,33 @@ function CommandPaletteShortcut({
 CommandPaletteShortcut.displayName = "CommandPaletteShortcut";
 
 // src/components/drawer/drawer.tsx
-import * as React36 from "react";
+import * as React38 from "react";
 import * as DialogPrimitive3 from "@radix-ui/react-dialog";
-import { cva as cva14 } from "class-variance-authority";
+import { cva as cva16 } from "class-variance-authority";
 import { Pin, X as X4 } from "lucide-react";
-import { jsx as jsx38, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs20 } from "react/jsx-runtime";
 var [DrawerContextProvider, useDrawerContext] = createContext2("Drawer");
-var DrawerStackContext = React36.createContext(
+var DrawerStackContext = React38.createContext(
   null
 );
 function DrawerProvider({ children }) {
-  const stackRef = React36.useRef([]);
-  const [, forceUpdate] = React36.useState(0);
-  const register = React36.useCallback((id) => {
+  const stackRef = React38.useRef([]);
+  const [, forceUpdate] = React38.useState(0);
+  const register = React38.useCallback((id) => {
     const level = stackRef.current.length;
     stackRef.current = [...stackRef.current, { id, level }];
     forceUpdate((n) => n + 1);
     return level;
   }, []);
-  const unregister = React36.useCallback((id) => {
+  const unregister = React38.useCallback((id) => {
     stackRef.current = stackRef.current.filter((e) => e.id !== id);
     forceUpdate((n) => n + 1);
   }, []);
-  const ctx = React36.useMemo(
+  const ctx = React38.useMemo(
     () => ({ stack: stackRef.current, register, unregister }),
     [register, unregister]
   );
-  return /* @__PURE__ */ jsx38(DrawerStackContext.Provider, { value: ctx, children });
+  return /* @__PURE__ */ jsx40(DrawerStackContext.Provider, { value: ctx, children });
 }
 DrawerProvider.displayName = "DrawerProvider";
 function Drawer({
@@ -2877,12 +3252,12 @@ function Drawer({
   onPinnedChange,
   children
 }) {
-  return /* @__PURE__ */ jsx38(DrawerContextProvider, { value: { side, pinnable, pinned, onPinnedChange }, children: /* @__PURE__ */ jsx38(DialogPrimitive3.Root, { open, onOpenChange, children }) });
+  return /* @__PURE__ */ jsx40(DrawerContextProvider, { value: { side, pinnable, pinned, onPinnedChange }, children: /* @__PURE__ */ jsx40(DialogPrimitive3.Root, { open, onOpenChange, children }) });
 }
 Drawer.displayName = "Drawer";
 var DrawerTrigger = DialogPrimitive3.Trigger;
 var DrawerClose = DialogPrimitive3.Close;
-var drawerSizeVariants = cva14("", {
+var drawerSizeVariants = cva16("", {
   variants: {
     size: {
       sm: "w-80",
@@ -2894,12 +3269,12 @@ var drawerSizeVariants = cva14("", {
   },
   defaultVariants: { size: "md" }
 });
-var DrawerContent = React36.forwardRef(({ className, size, children, ...props }, ref) => {
+var DrawerContent = React38.forwardRef(({ className, size, children, ...props }, ref) => {
   const { side, pinned } = useDrawerContext();
-  const stackCtx = React36.useContext(DrawerStackContext);
-  const drawerId = React36.useId();
-  const [level, setLevel] = React36.useState(0);
-  React36.useEffect(() => {
+  const stackCtx = React38.useContext(DrawerStackContext);
+  const drawerId = React38.useId();
+  const [level, setLevel] = React38.useState(0);
+  React38.useEffect(() => {
     if (stackCtx) {
       const l = stackCtx.register(drawerId);
       setLevel(l);
@@ -2908,7 +3283,7 @@ var DrawerContent = React36.forwardRef(({ className, size, children, ...props },
   }, [stackCtx, drawerId]);
   const stackOffset = stackCtx ? level * 2 : 0;
   if (pinned) {
-    return /* @__PURE__ */ jsx38(
+    return /* @__PURE__ */ jsx40(
       "div",
       {
         className: cn(
@@ -2921,8 +3296,8 @@ var DrawerContent = React36.forwardRef(({ className, size, children, ...props },
       }
     );
   }
-  return /* @__PURE__ */ jsxs18(DialogPrimitive3.Portal, { children: [
-    /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsxs20(DialogPrimitive3.Portal, { children: [
+    /* @__PURE__ */ jsx40(
       DialogPrimitive3.Overlay,
       {
         className: cn(
@@ -2933,7 +3308,7 @@ var DrawerContent = React36.forwardRef(({ className, size, children, ...props },
         style: { zIndex: 200 + stackOffset }
       }
     ),
-    /* @__PURE__ */ jsx38(
+    /* @__PURE__ */ jsx40(
       DialogPrimitive3.Content,
       {
         ref,
@@ -2947,15 +3322,15 @@ var DrawerContent = React36.forwardRef(({ className, size, children, ...props },
         ),
         style: { zIndex: 201 + stackOffset },
         ...props,
-        children: /* @__PURE__ */ jsx38("div", { className: "flex h-full flex-col", children })
+        children: /* @__PURE__ */ jsx40("div", { className: "flex h-full flex-col", children })
       }
     )
   ] });
 });
 DrawerContent.displayName = "DrawerContent";
-var DrawerHeader = React36.forwardRef(({ className, ...props }, ref) => {
+var DrawerHeader = React38.forwardRef(({ className, ...props }, ref) => {
   const { pinnable, pinned, onPinnedChange } = useDrawerContext();
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs20(
     "div",
     {
       ref,
@@ -2965,9 +3340,9 @@ var DrawerHeader = React36.forwardRef(({ className, ...props }, ref) => {
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx38("div", { className: "flex-1", children: props.children }),
-        /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-1", children: [
-          pinnable && /* @__PURE__ */ jsx38(
+        /* @__PURE__ */ jsx40("div", { className: "flex-1", children: props.children }),
+        /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-1", children: [
+          pinnable && /* @__PURE__ */ jsx40(
             "button",
             {
               type: "button",
@@ -2977,12 +3352,12 @@ 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(Pin, { className: "h-4 w-4", fill: pinned ? "currentColor" : "none" })
+              children: /* @__PURE__ */ jsx40(Pin, { className: "h-4 w-4", fill: pinned ? "currentColor" : "none" })
             }
           ),
-          /* @__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" })
+          /* @__PURE__ */ jsxs20(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__ */ jsx40(X4, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx40("span", { className: "sr-only", children: "Close" })
           ] })
         ] })
       ]
@@ -2990,7 +3365,7 @@ var DrawerHeader = React36.forwardRef(({ className, ...props }, ref) => {
   );
 });
 DrawerHeader.displayName = "DrawerHeader";
-var DrawerTitle = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+var DrawerTitle = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
   DialogPrimitive3.Title,
   {
     ref,
@@ -2999,7 +3374,7 @@ var DrawerTitle = React36.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DrawerTitle.displayName = "DrawerTitle";
-var DrawerDescription = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+var DrawerDescription = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
   DialogPrimitive3.Description,
   {
     ref,
@@ -3008,7 +3383,7 @@ var DrawerDescription = React36.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 DrawerDescription.displayName = "DrawerDescription";
-var DrawerFooter = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+var DrawerFooter = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
   "div",
   {
     ref,
@@ -3022,11 +3397,11 @@ var DrawerFooter = React36.forwardRef(({ className, ...props }, ref) => /* @__PU
 DrawerFooter.displayName = "DrawerFooter";
 
 // src/components/app-shell/app-shell.tsx
-import * as React37 from "react";
+import * as React39 from "react";
 import { Menu } from "lucide-react";
-import { jsx as jsx39, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs21 } from "react/jsx-runtime";
 var [AppShellProvider, useAppShell] = createContext2("AppShell");
-var AppShell = React37.forwardRef(
+var AppShell = React39.forwardRef(
   ({
     className,
     sidebarCollapsed: controlledCollapsed,
@@ -3038,11 +3413,11 @@ var AppShell = React37.forwardRef(
     ...props
   }, ref) => {
     const { isMobile } = useBreakpoint();
-    const [internalCollapsed, setInternalCollapsed] = React37.useState(false);
-    const [mobileSidebarOpen, setMobileSidebarOpen] = React37.useState(false);
+    const [internalCollapsed, setInternalCollapsed] = React39.useState(false);
+    const [mobileSidebarOpen, setMobileSidebarOpen] = React39.useState(false);
     const collapsed = controlledCollapsed ?? internalCollapsed;
     const setCollapsed = onSidebarCollapsedChange ?? setInternalCollapsed;
-    return /* @__PURE__ */ jsx39(
+    return /* @__PURE__ */ jsx41(
       AppShellProvider,
       {
         value: {
@@ -3053,7 +3428,7 @@ var AppShell = React37.forwardRef(
           mobileSidebarOpen,
           setMobileSidebarOpen
         },
-        children: /* @__PURE__ */ jsx39(
+        children: /* @__PURE__ */ jsx41(
           "div",
           {
             ref,
@@ -3071,20 +3446,20 @@ var AppShell = React37.forwardRef(
   }
 );
 AppShell.displayName = "AppShell";
-var AppShellSidebar = React37.forwardRef(({ className, children, ...props }, ref) => {
+var AppShellSidebar = React39.forwardRef(({ className, children, ...props }, ref) => {
   const { sidebarCollapsed, isMobile, mobileSidebarOpen, setMobileSidebarOpen } = useAppShell();
   if (isMobile) {
-    return /* @__PURE__ */ jsx39(
+    return /* @__PURE__ */ jsx41(
       Drawer,
       {
         open: mobileSidebarOpen,
         onOpenChange: setMobileSidebarOpen,
         side: "left",
-        children: /* @__PURE__ */ jsx39(DrawerContent, { size: "sm", className, children })
+        children: /* @__PURE__ */ jsx41(DrawerContent, { size: "sm", className, children })
       }
     );
   }
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx41(
     "aside",
     {
       ref,
@@ -3101,9 +3476,9 @@ var AppShellSidebar = React37.forwardRef(({ className, children, ...props }, ref
   );
 });
 AppShellSidebar.displayName = "AppShellSidebar";
-var AppShellHeader = React37.forwardRef(({ className, children, ...props }, ref) => {
+var AppShellHeader = React39.forwardRef(({ className, children, ...props }, ref) => {
   const { isMobile, setMobileSidebarOpen } = useAppShell();
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs21(
     "header",
     {
       ref,
@@ -3113,14 +3488,14 @@ var AppShellHeader = React37.forwardRef(({ className, children, ...props }, ref)
       ),
       ...props,
       children: [
-        isMobile && /* @__PURE__ */ jsx39(
+        isMobile && /* @__PURE__ */ jsx41(
           "button",
           {
             type: "button",
             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(Menu, { className: "h-5 w-5" })
+            children: /* @__PURE__ */ jsx41(Menu, { className: "h-5 w-5" })
           }
         ),
         children
@@ -3129,9 +3504,9 @@ var AppShellHeader = React37.forwardRef(({ className, children, ...props }, ref)
   );
 });
 AppShellHeader.displayName = "AppShellHeader";
-var AppShellContent = React37.forwardRef(({ className, ...props }, ref) => {
+var AppShellContent = React39.forwardRef(({ className, ...props }, ref) => {
   const { withBottomNav } = useAppShell();
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx41(
     "main",
     {
       ref,
@@ -3145,7 +3520,7 @@ var AppShellContent = React37.forwardRef(({ className, ...props }, ref) => {
   );
 });
 AppShellContent.displayName = "AppShellContent";
-var AppShellFooter = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
+var AppShellFooter = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
   "footer",
   {
     ref,
@@ -3159,9 +3534,9 @@ var AppShellFooter = React37.forwardRef(({ className, ...props }, ref) => /* @__
 AppShellFooter.displayName = "AppShellFooter";
 
 // src/components/bottom-navigation/bottom-navigation.tsx
-import * as React38 from "react";
-import { jsx as jsx40, jsxs as jsxs20 } from "react/jsx-runtime";
-var BottomNavigation = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
+import * as React40 from "react";
+import { jsx as jsx42, jsxs as jsxs22 } from "react/jsx-runtime";
+var BottomNavigation = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx42(
   "nav",
   {
     ref,
@@ -3174,7 +3549,7 @@ var BottomNavigation = React38.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 BottomNavigation.displayName = "BottomNavigation";
-var BottomNavigationItem = React38.forwardRef(({ className, icon, label, active = false, ...props }, ref) => /* @__PURE__ */ jsxs20(
+var BottomNavigationItem = React40.forwardRef(({ className, icon, label, active = false, ...props }, ref) => /* @__PURE__ */ jsxs22(
   "button",
   {
     ref,
@@ -3186,18 +3561,18 @@ var BottomNavigationItem = React38.forwardRef(({ className, icon, label, active
     "aria-current": active ? "page" : void 0,
     ...props,
     children: [
-      /* @__PURE__ */ jsx40("span", { className: "flex h-6 w-6 items-center justify-center", children: icon }),
-      /* @__PURE__ */ jsx40("span", { children: label })
+      /* @__PURE__ */ jsx42("span", { className: "flex h-6 w-6 items-center justify-center", children: icon }),
+      /* @__PURE__ */ jsx42("span", { children: label })
     ]
   }
 ));
 BottomNavigationItem.displayName = "BottomNavigationItem";
 
 // src/components/offline-indicator/offline-indicator.tsx
-import * as React39 from "react";
+import * as React41 from "react";
 import { WifiOff } from "lucide-react";
-import { jsx as jsx41, jsxs as jsxs21 } from "react/jsx-runtime";
-var OfflineIndicator = React39.forwardRef(
+import { jsx as jsx43, jsxs as jsxs23 } from "react/jsx-runtime";
+var OfflineIndicator = React41.forwardRef(
   ({
     className,
     isOffline,
@@ -3205,7 +3580,7 @@ var OfflineIndicator = React39.forwardRef(
     ...props
   }, ref) => {
     if (!isOffline) return null;
-    return /* @__PURE__ */ jsxs21(
+    return /* @__PURE__ */ jsxs23(
       "div",
       {
         ref,
@@ -3216,7 +3591,7 @@ var OfflineIndicator = React39.forwardRef(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsx41(WifiOff, { className: "mr-2 h-3.5 w-3.5 shrink-0", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx43(WifiOff, { className: "mr-2 h-3.5 w-3.5 shrink-0", "aria-hidden": "true" }),
           message
         ]
       }
@@ -3226,9 +3601,9 @@ var OfflineIndicator = React39.forwardRef(
 OfflineIndicator.displayName = "OfflineIndicator";
 
 // src/components/install-prompt/install-prompt.tsx
-import * as React40 from "react";
-import { jsx as jsx42, jsxs as jsxs22 } from "react/jsx-runtime";
-var InstallPrompt = React40.forwardRef(
+import * as React42 from "react";
+import { jsx as jsx44, jsxs as jsxs24 } from "react/jsx-runtime";
+var InstallPrompt = React42.forwardRef(
   ({
     className,
     canInstall,
@@ -3241,7 +3616,7 @@ var InstallPrompt = React40.forwardRef(
     ...props
   }, ref) => {
     if (!canInstall) return null;
-    return /* @__PURE__ */ jsx42(
+    return /* @__PURE__ */ jsx44(
       "div",
       {
         ref,
@@ -3252,12 +3627,12 @@ var InstallPrompt = React40.forwardRef(
           className
         ),
         ...props,
-        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__ */ jsxs22("div", { className: "mt-3 flex gap-2", children: [
-            /* @__PURE__ */ jsx42(Button, { size: "sm", onClick: onInstall, className: "flex-1", children: installLabel }),
-            /* @__PURE__ */ jsx42(
+        children: /* @__PURE__ */ jsxs24("div", { className: "mx-auto max-w-md", children: [
+          /* @__PURE__ */ jsx44("p", { className: "text-sm font-semibold text-[var(--color-on-surface)]", children: title }),
+          /* @__PURE__ */ jsx44("p", { className: "mt-1 text-xs text-[var(--color-on-surface-muted)]", children: description }),
+          /* @__PURE__ */ jsxs24("div", { className: "mt-3 flex gap-2", children: [
+            /* @__PURE__ */ jsx44(Button, { size: "sm", onClick: onInstall, className: "flex-1", children: installLabel }),
+            /* @__PURE__ */ jsx44(
               Button,
               {
                 size: "sm",
@@ -3276,17 +3651,17 @@ var InstallPrompt = React40.forwardRef(
 InstallPrompt.displayName = "InstallPrompt";
 
 // src/components/pull-to-refresh/pull-to-refresh.tsx
-import * as React41 from "react";
+import * as React43 from "react";
 import { ArrowDown } from "lucide-react";
-import { jsx as jsx43, jsxs as jsxs23 } from "react/jsx-runtime";
-var PullToRefresh = React41.forwardRef(
+import { jsx as jsx45, jsxs as jsxs25 } from "react/jsx-runtime";
+var PullToRefresh = React43.forwardRef(
   ({ className, onRefresh, threshold = 80, disabled = false, children, ...props }, ref) => {
-    const [pullDistance, setPullDistance] = React41.useState(0);
-    const [isRefreshing, setIsRefreshing] = React41.useState(false);
-    const startYRef = React41.useRef(0);
-    const containerRef = React41.useRef(null);
-    React41.useImperativeHandle(ref, () => containerRef.current);
-    const handleTouchStart = React41.useCallback(
+    const [pullDistance, setPullDistance] = React43.useState(0);
+    const [isRefreshing, setIsRefreshing] = React43.useState(false);
+    const startYRef = React43.useRef(0);
+    const containerRef = React43.useRef(null);
+    React43.useImperativeHandle(ref, () => containerRef.current);
+    const handleTouchStart = React43.useCallback(
       (e) => {
         if (disabled || isRefreshing) return;
         const container = containerRef.current;
@@ -3296,7 +3671,7 @@ var PullToRefresh = React41.forwardRef(
       },
       [disabled, isRefreshing]
     );
-    const handleTouchMove = React41.useCallback(
+    const handleTouchMove = React43.useCallback(
       (e) => {
         if (disabled || isRefreshing || startYRef.current === 0) return;
         const distance = Math.max(
@@ -3309,7 +3684,7 @@ var PullToRefresh = React41.forwardRef(
       },
       [disabled, isRefreshing, threshold]
     );
-    const handleTouchEnd = React41.useCallback(async () => {
+    const handleTouchEnd = React43.useCallback(async () => {
       if (disabled || isRefreshing) return;
       if (pullDistance >= threshold) {
         setIsRefreshing(true);
@@ -3324,7 +3699,7 @@ var PullToRefresh = React41.forwardRef(
     }, [disabled, isRefreshing, pullDistance, threshold, onRefresh]);
     const indicatorOpacity = Math.min(pullDistance / threshold, 1);
     const shouldTrigger = pullDistance >= threshold;
-    return /* @__PURE__ */ jsxs23(
+    return /* @__PURE__ */ jsxs25(
       "div",
       {
         ref: containerRef,
@@ -3334,18 +3709,18 @@ var PullToRefresh = React41.forwardRef(
         onTouchEnd: handleTouchEnd,
         ...props,
         children: [
-          /* @__PURE__ */ jsx43(
+          /* @__PURE__ */ jsx45(
             "div",
             {
               className: "flex items-center justify-center overflow-hidden transition-[height] duration-normal",
               style: { height: isRefreshing ? threshold * 0.6 : pullDistance },
               "aria-hidden": "true",
-              children: /* @__PURE__ */ jsx43(
+              children: /* @__PURE__ */ jsx45(
                 "div",
                 {
                   className: "transition-opacity",
                   style: { opacity: isRefreshing ? 1 : indicatorOpacity },
-                  children: isRefreshing ? /* @__PURE__ */ jsx43(Spinner, { size: "sm" }) : /* @__PURE__ */ jsx43(
+                  children: isRefreshing ? /* @__PURE__ */ jsx45(Spinner, { size: "sm" }) : /* @__PURE__ */ jsx45(
                     ArrowDown,
                     {
                       className: cn(
@@ -3367,10 +3742,10 @@ var PullToRefresh = React41.forwardRef(
 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 jsxs24 } from "react/jsx-runtime";
-var printDocumentVariants = cva15(
+import * as React44 from "react";
+import { cva as cva17 } from "class-variance-authority";
+import { jsx as jsx46, jsxs as jsxs26 } from "react/jsx-runtime";
+var printDocumentVariants = cva17(
   [
     "bg-white text-neutral-900",
     "flex flex-col",
@@ -3398,8 +3773,8 @@ var printDocumentVariants = cva15(
     }
   }
 );
-var PrintDocument = React42.forwardRef(
-  ({ className, size, orientation, padding = "20mm", style, children, ...props }, ref) => /* @__PURE__ */ jsx44(
+var PrintDocument = React44.forwardRef(
+  ({ className, size, orientation, padding = "20mm", style, children, ...props }, ref) => /* @__PURE__ */ jsx46(
     "div",
     {
       ref,
@@ -3418,25 +3793,25 @@ var PrintDocument = React42.forwardRef(
   )
 );
 PrintDocument.displayName = "PrintDocument";
-var PrintHeader = React42.forwardRef(
-  ({ 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-400 rounded-full mb-5" }),
-    /* @__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__ */ 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 })
+var PrintHeader = React44.forwardRef(
+  ({ className, logo, title, subtitle, meta, children, ...props }, ref) => /* @__PURE__ */ jsxs26("div", { ref, className: cn("mb-6", className), ...props, children: [
+    /* @__PURE__ */ jsx46("div", { className: "h-1 bg-primary-400 rounded-full mb-5" }),
+    /* @__PURE__ */ jsxs26("div", { className: "flex items-start justify-between pb-4 border-b border-neutral-200", children: [
+      /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-3", children: [
+        logo && /* @__PURE__ */ jsx46("div", { className: "shrink-0", children: logo }),
+        /* @__PURE__ */ jsxs26("div", { children: [
+          title && /* @__PURE__ */ jsx46("h1", { className: "text-2xl font-bold text-neutral-900 leading-tight", children: title }),
+          subtitle && /* @__PURE__ */ jsx46("p", { className: "text-[8pt] font-medium tracking-widest uppercase text-neutral-400 mt-0.5", children: subtitle })
         ] })
       ] }),
-      meta && /* @__PURE__ */ jsx44("div", { className: "text-right text-[9pt] text-neutral-600 leading-relaxed", children: meta }),
+      meta && /* @__PURE__ */ jsx46("div", { className: "text-right text-[9pt] text-neutral-600 leading-relaxed", children: meta }),
       children
     ] })
   ] })
 );
 PrintHeader.displayName = "PrintHeader";
-var PrintFooter = React42.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx44(
+var PrintFooter = React44.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx46(
     "div",
     {
       ref,
@@ -3449,10 +3824,10 @@ var PrintFooter = React42.forwardRef(
 PrintFooter.displayName = "PrintFooter";
 
 // src/components/print/print-table.tsx
-import * as React43 from "react";
-import { jsx as jsx45 } from "react/jsx-runtime";
-var PrintTable = React43.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx45(
+import * as React45 from "react";
+import { jsx as jsx47 } from "react/jsx-runtime";
+var PrintTable = React45.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx47(
     "table",
     {
       ref,
@@ -3462,20 +3837,20 @@ var PrintTable = React43.forwardRef(
   )
 );
 PrintTable.displayName = "PrintTable";
-var PrintTableHeader = React43.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx45("thead", { ref, className: cn("", className), ...props })
+var PrintTableHeader = React45.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx47("thead", { ref, className: cn("", className), ...props })
 );
 PrintTableHeader.displayName = "PrintTableHeader";
-var PrintTableBody = React43.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx45("tbody", { ref, className: cn("", className), ...props })
+var PrintTableBody = React45.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx47("tbody", { ref, className: cn("", className), ...props })
 );
 PrintTableBody.displayName = "PrintTableBody";
-var PrintTableFooter = React43.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx45("tfoot", { ref, className: cn("", className), ...props })
+var PrintTableFooter = React45.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx47("tfoot", { ref, className: cn("", className), ...props })
 );
 PrintTableFooter.displayName = "PrintTableFooter";
-var PrintTableRow = React43.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx45(
+var PrintTableRow = React45.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx47(
     "tr",
     {
       ref,
@@ -3485,8 +3860,8 @@ var PrintTableRow = React43.forwardRef(
   )
 );
 PrintTableRow.displayName = "PrintTableRow";
-var PrintTableHead = React43.forwardRef(
-  ({ className, align = "left", ...props }, ref) => /* @__PURE__ */ jsx45(
+var PrintTableHead = React45.forwardRef(
+  ({ className, align = "left", ...props }, ref) => /* @__PURE__ */ jsx47(
     "th",
     {
       ref,
@@ -3502,8 +3877,8 @@ var PrintTableHead = React43.forwardRef(
   )
 );
 PrintTableHead.displayName = "PrintTableHead";
-var PrintTableCell = React43.forwardRef(
-  ({ className, align = "left", ...props }, ref) => /* @__PURE__ */ jsx45(
+var PrintTableCell = React45.forwardRef(
+  ({ className, align = "left", ...props }, ref) => /* @__PURE__ */ jsx47(
     "td",
     {
       ref,
@@ -3521,17 +3896,17 @@ var PrintTableCell = React43.forwardRef(
 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 jsxs25 } from "react/jsx-runtime";
-var PrintField = React44.forwardRef(
-  ({ 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 })
+import * as React46 from "react";
+import { cva as cva18 } from "class-variance-authority";
+import { jsx as jsx48, jsxs as jsxs27 } from "react/jsx-runtime";
+var PrintField = React46.forwardRef(
+  ({ className, label, value, children, ...props }, ref) => /* @__PURE__ */ jsxs27("div", { ref, className: cn("", className), ...props, children: [
+    /* @__PURE__ */ jsx48("dt", { className: "text-[8pt] font-medium text-neutral-500 mb-0.5", children: label }),
+    /* @__PURE__ */ jsx48("dd", { className: "text-[9pt] text-neutral-900", children: value ?? children })
   ] })
 );
 PrintField.displayName = "PrintField";
-var printFieldGroupVariants = cva16("grid gap-x-6 gap-y-2", {
+var printFieldGroupVariants = cva18("grid gap-x-6 gap-y-2", {
   variants: {
     columns: {
       1: "grid-cols-1",
@@ -3544,8 +3919,8 @@ var printFieldGroupVariants = cva16("grid gap-x-6 gap-y-2", {
     columns: 2
   }
 });
-var PrintFieldGroup = React44.forwardRef(
-  ({ className, columns, ...props }, ref) => /* @__PURE__ */ jsx46(
+var PrintFieldGroup = React46.forwardRef(
+  ({ className, columns, ...props }, ref) => /* @__PURE__ */ jsx48(
     "dl",
     {
       ref,
@@ -3557,10 +3932,10 @@ var PrintFieldGroup = React44.forwardRef(
 PrintFieldGroup.displayName = "PrintFieldGroup";
 
 // src/components/print/print-divider.tsx
-import * as React45 from "react";
-import { jsx as jsx47 } from "react/jsx-runtime";
-var PrintDivider = React45.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx47(
+import * as React47 from "react";
+import { jsx as jsx49 } from "react/jsx-runtime";
+var PrintDivider = React47.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx49(
     "hr",
     {
       ref,
@@ -3572,9 +3947,9 @@ var PrintDivider = React45.forwardRef(
 PrintDivider.displayName = "PrintDivider";
 
 // src/components/stat-card/stat-card.tsx
-import * as React46 from "react";
+import * as React48 from "react";
 import { ChevronUp as ChevronUp2, ChevronDown as ChevronDown3 } from "lucide-react";
-import { jsx as jsx48, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs28 } from "react/jsx-runtime";
 function inferDirection(trend) {
   if (!trend) return "neutral";
   if (trend.startsWith("+")) return "up";
@@ -3591,10 +3966,10 @@ var TREND_ICON_COMPONENTS = {
   down: ChevronDown3,
   neutral: null
 };
-var StatCard = React46.forwardRef(
+var StatCard = React48.forwardRef(
   ({ className, label, value, trend, trendDirection, icon, ...props }, ref) => {
     const direction = trendDirection ?? inferDirection(trend);
-    return /* @__PURE__ */ jsxs26(
+    return /* @__PURE__ */ jsxs28(
       "div",
       {
         ref,
@@ -3604,16 +3979,16 @@ var StatCard = React46.forwardRef(
         ),
         ...props,
         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__ */ jsxs28("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx50("p", { className: "text-xs font-medium text-[var(--color-on-surface-muted)] uppercase tracking-wider", children: label }),
+            icon && /* @__PURE__ */ jsx50("span", { className: "text-[var(--color-on-surface-muted)]", children: icon })
           ] }),
-          /* @__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__ */ jsxs26("span", { className: cn("inline-flex items-center gap-0.5 text-xs font-medium", TREND_STYLES[direction]), children: [
+          /* @__PURE__ */ jsxs28("div", { className: "flex items-baseline gap-2 mt-2", children: [
+            /* @__PURE__ */ jsx50("span", { className: "text-xl sm:text-2xl font-bold tabular-nums", children: value }),
+            trend && /* @__PURE__ */ jsxs28("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;
+                return TrendIcon ? /* @__PURE__ */ jsx50(TrendIcon, { className: "h-3 w-3", strokeWidth: 2.5 }) : null;
               })(),
               trend
             ] })
@@ -3626,10 +4001,10 @@ var StatCard = React46.forwardRef(
 StatCard.displayName = "StatCard";
 
 // src/components/chart-container/chart-container.tsx
-import * as React47 from "react";
-import { jsx as jsx49, jsxs as jsxs27 } from "react/jsx-runtime";
-var ChartContainer = React47.forwardRef(
-  ({ className, title, description, actions, children, ...props }, ref) => /* @__PURE__ */ jsxs27(
+import * as React49 from "react";
+import { jsx as jsx51, jsxs as jsxs29 } from "react/jsx-runtime";
+var ChartContainer = React49.forwardRef(
+  ({ className, title, description, actions, children, ...props }, ref) => /* @__PURE__ */ jsxs29(
     "div",
     {
       ref,
@@ -3639,14 +4014,14 @@ var ChartContainer = React47.forwardRef(
       ),
       ...props,
       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 })
+        /* @__PURE__ */ jsxs29("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__ */ jsxs29("div", { children: [
+            /* @__PURE__ */ jsx51("h3", { className: "text-sm font-semibold leading-none tracking-tight", children: title }),
+            description && /* @__PURE__ */ jsx51("p", { className: "mt-1 text-xs text-[var(--color-on-surface-muted)]", children: description })
           ] }),
-          actions && /* @__PURE__ */ jsx49("div", { className: "flex items-center gap-2 shrink-0", children: actions })
+          actions && /* @__PURE__ */ jsx51("div", { className: "flex items-center gap-2 shrink-0", children: actions })
         ] }),
-        /* @__PURE__ */ jsx49("div", { className: "p-4 sm:p-5", children })
+        /* @__PURE__ */ jsx51("div", { className: "p-4 sm:p-5", children })
       ]
     }
   )
@@ -3759,7 +4134,7 @@ function getChartTheme() {
 }
 
 // src/components/chart/chart-tooltip.tsx
-import { jsx as jsx50, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs30 } from "react/jsx-runtime";
 var ChartTooltip = ({
   active,
   payload,
@@ -3770,7 +4145,7 @@ var ChartTooltip = ({
 }) => {
   if (!active || !payload?.length) return null;
   const displayLabel = labelFormatter ? labelFormatter(String(label)) : label;
-  return /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsxs30(
     "div",
     {
       className: cn(
@@ -3779,17 +4154,17 @@ var ChartTooltip = ({
         className
       ),
       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__ */ jsxs28("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx50(
+        displayLabel && /* @__PURE__ */ jsx52("p", { className: "font-medium text-[var(--color-on-surface)] mb-1", children: displayLabel }),
+        /* @__PURE__ */ jsx52("div", { className: "flex flex-col gap-0.5", children: payload.map((entry, i) => /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx52(
             "span",
             {
               className: "inline-block h-2.5 w-2.5 shrink-0 rounded-full",
               style: { backgroundColor: entry.color }
             }
           ),
-          /* @__PURE__ */ jsx50("span", { className: "text-[var(--color-on-surface-muted)]", children: entry.name }),
-          /* @__PURE__ */ jsx50("span", { className: "ml-auto font-medium tabular-nums text-[var(--color-on-surface)]", children: formatter ? formatter(entry.value, entry.name) : entry.value.toLocaleString() })
+          /* @__PURE__ */ jsx52("span", { className: "text-[var(--color-on-surface-muted)]", children: entry.name }),
+          /* @__PURE__ */ jsx52("span", { className: "ml-auto font-medium tabular-nums text-[var(--color-on-surface)]", children: formatter ? formatter(entry.value, entry.name) : entry.value.toLocaleString() })
         ] }, i)) })
       ]
     }
@@ -3798,21 +4173,21 @@ var ChartTooltip = ({
 ChartTooltip.displayName = "ChartTooltip";
 
 // src/components/chart/chart-legend.tsx
-import { jsx as jsx51, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs31 } 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__ */ jsxs29("div", { className: "flex items-center gap-1.5 text-xs text-[var(--color-on-surface-muted)]", children: [
-    /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx53("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__ */ jsxs31("div", { className: "flex items-center gap-1.5 text-xs text-[var(--color-on-surface-muted)]", children: [
+    /* @__PURE__ */ jsx53(
       "span",
       {
         className: "inline-block h-2.5 w-2.5 shrink-0 rounded-full",
         style: { backgroundColor: entry.color }
       }
     ),
-    /* @__PURE__ */ jsx51("span", { children: entry.value })
+    /* @__PURE__ */ jsx53("span", { children: entry.value })
   ] }, i)) });
 };
 ChartLegend.displayName = "ChartLegend";
@@ -3928,6 +4303,7 @@ export {
   PrintTableHead,
   PrintTableHeader,
   PrintTableRow,
+  Progress,
   PullToRefresh,
   RadioGroup,
   RadioGroupItem,
@@ -3943,6 +4319,7 @@ export {
   Skeleton,
   Spinner,
   StatCard,
+  Stepper,
   Switch,
   Table,
   TableBody,
@@ -3984,7 +4361,9 @@ export {
   inputVariants,
   printDocumentVariants,
   printFieldGroupVariants,
+  progressVariants,
   spinnerVariants,
+  stepIndicatorVariants,
   switchVariants,
   textareaVariants,
   toast,