npm - @polastack/design-system - Versions diffs - 0.1.2 → 0.1.3 - Mend

@polastack/design-system 0.1.2 → 0.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/index.js CHANGED Viewed

@@ -334,34 +334,63 @@ Badge.displayName = "Badge";
 // src/components/avatar/avatar.tsx
 import * as React5 from "react";
 import { cva as cva3 } from "class-variance-authority";
+// src/lib/string-hash.ts
+function stringToIndex(str, buckets) {
+  let hash = 5381;
+  for (let i = 0; i < str.length; i++) {
+    hash = (hash << 5) + hash + str.charCodeAt(i) | 0;
+  }
+  return Math.abs(hash) % buckets;
+}
+// src/components/avatar/avatar.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
 var [AvatarContextProvider, useAvatarContext] = createContext2("Avatar");
-var avatarVariants = cva3(
-  "relative flex shrink-0 overflow-hidden rounded-full",
-  {
-    variants: {
-      size: {
-        sm: "h-8 w-8 text-xs",
-        md: "h-10 w-10 text-sm",
-        lg: "h-12 w-12 text-base"
-      }
+var FALLBACK_COLORS = [
+  "bg-primary-100 text-primary-700 dark:bg-primary-950 dark:text-primary-300",
+  "bg-success-100 text-success-700 dark:bg-success-950 dark:text-success-300",
+  "bg-warning-100 text-warning-700 dark:bg-warning-950 dark:text-warning-300",
+  "bg-error-100 text-error-700 dark:bg-error-950 dark:text-error-300",
+  "bg-info-100 text-info-700 dark:bg-info-950 dark:text-info-300",
+  "bg-primary-200 text-primary-800 dark:bg-primary-900 dark:text-primary-200",
+  "bg-info-200 text-info-800 dark:bg-info-900 dark:text-info-200",
+  "bg-success-200 text-success-800 dark:bg-success-900 dark:text-success-200"
+];
+var avatarVariants = cva3("relative flex shrink-0 overflow-hidden", {
+  variants: {
+    size: {
+      sm: "h-8 w-8 text-xs",
+      md: "h-10 w-10 text-sm",
+      lg: "h-12 w-12 text-base"
     },
-    defaultVariants: {
-      size: "md"
+    shape: {
+      circle: "rounded-full",
+      square: "rounded-lg"
     }
+  },
+  defaultVariants: {
+    size: "md",
+    shape: "circle"
   }
-);
+});
 var Avatar = React5.forwardRef(
-  ({ className, size, ...props }, ref) => {
+  ({ className, size = "md", shape = "circle", ...props }, ref) => {
     const [imageLoaded, setImageLoaded] = React5.useState(false);
-    return /* @__PURE__ */ jsx4(AvatarContextProvider, { value: { imageLoaded, setImageLoaded }, children: /* @__PURE__ */ jsx4(
-      "span",
+    return /* @__PURE__ */ jsx4(
+      AvatarContextProvider,
       {
-        ref,
-        className: cn(avatarVariants({ size }), className),
-        ...props
+        value: { imageLoaded, setImageLoaded, shape, size },
+        children: /* @__PURE__ */ jsx4(
+          "span",
+          {
+            ref,
+            className: cn(avatarVariants({ size, shape }), className),
+            ...props
+          }
+        )
       }
-    ) });
+    );
   }
 );
 Avatar.displayName = "Avatar";
@@ -391,15 +420,18 @@ var AvatarImage = React5.forwardRef(
   }
 );
 AvatarImage.displayName = "AvatarImage";
-var AvatarFallback = React5.forwardRef(({ className, ...props }, ref) => {
-  const { imageLoaded } = useAvatarContext();
+var AvatarFallback = React5.forwardRef(({ className, colorSeed, ...props }, ref) => {
+  const { imageLoaded, shape } = useAvatarContext();
   if (imageLoaded) return null;
+  const colorClasses = colorSeed ? FALLBACK_COLORS[stringToIndex(colorSeed, FALLBACK_COLORS.length)] : "bg-[var(--color-surface-muted)] text-[var(--color-on-surface-secondary)]";
   return /* @__PURE__ */ jsx4(
     "span",
     {
       ref,
       className: cn(
-        "flex h-full w-full items-center justify-center rounded-full bg-[var(--color-surface-muted)] font-medium text-[var(--color-on-surface-secondary)]",
+        "flex h-full w-full items-center justify-center font-medium",
+        shape === "circle" ? "rounded-full" : "rounded-lg",
+        colorClasses,
         className
       ),
       ...props
@@ -407,12 +439,101 @@ var AvatarFallback = React5.forwardRef(({ className, ...props }, ref) => {
   );
 });
 AvatarFallback.displayName = "AvatarFallback";
+var STATUS_COLORS = {
+  online: "bg-success-500",
+  offline: "bg-neutral-400",
+  busy: "bg-error-500",
+  away: "bg-warning-500"
+};
+var STATUS_LABELS = {
+  online: "Online",
+  offline: "Offline",
+  busy: "Busy",
+  away: "Away"
+};
+var STATUS_SIZES = {
+  sm: "h-2.5 w-2.5",
+  md: "h-3 w-3",
+  lg: "h-3.5 w-3.5"
+};
+var AvatarStatus = React5.forwardRef(({ status, className, ...props }, ref) => {
+  const { size, shape } = useAvatarContext();
+  return /* @__PURE__ */ jsx4(
+    "span",
+    {
+      ref,
+      role: "status",
+      "aria-label": props["aria-label"] ?? STATUS_LABELS[status],
+      className: cn(
+        "absolute bottom-0 right-0 rounded-full ring-2 ring-[var(--color-surface)]",
+        STATUS_COLORS[status],
+        STATUS_SIZES[size],
+        shape === "circle" && "translate-x-[10%] translate-y-[10%]",
+        className
+      ),
+      ...props
+    }
+  );
+});
+AvatarStatus.displayName = "AvatarStatus";
-// src/components/separator/separator.tsx
+// src/components/avatar-group/avatar-group.tsx
 import * as React6 from "react";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var Separator = React6.forwardRef(
-  ({ className, orientation = "horizontal", decorative = false, ...props }, ref) => /* @__PURE__ */ jsx5(
+import { jsx as jsx5, jsxs } from "react/jsx-runtime";
+var SPACING = {
+  sm: "-space-x-2",
+  md: "-space-x-3",
+  lg: "-space-x-3"
+};
+var AvatarGroup = React6.forwardRef(
+  ({ className, max = 3, size = "md", children, ...props }, ref) => {
+    const items = React6.Children.toArray(children);
+    const visible = items.slice(0, max);
+    const overflow = items.length - max;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        role: "group",
+        className: cn(
+          "flex items-center",
+          SPACING[size],
+          className
+        ),
+        ...props,
+        children: [
+          visible.map((child, i) => /* @__PURE__ */ jsx5(
+            "span",
+            {
+              className: "relative ring-2 ring-[var(--color-surface)] rounded-full",
+              style: { zIndex: visible.length - i },
+              children: child
+            },
+            i
+          )),
+          overflow > 0 && /* @__PURE__ */ jsx5(
+            "span",
+            {
+              className: "relative ring-2 ring-[var(--color-surface)] rounded-full",
+              style: { zIndex: 0 },
+              children: /* @__PURE__ */ jsx5(Avatar, { size, children: /* @__PURE__ */ jsxs(AvatarFallback, { children: [
+                "+",
+                overflow
+              ] }) })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+AvatarGroup.displayName = "AvatarGroup";
+// src/components/separator/separator.tsx
+import * as React7 from "react";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var Separator = React7.forwardRef(
+  ({ className, orientation = "horizontal", decorative = false, ...props }, ref) => /* @__PURE__ */ jsx6(
     "div",
     {
       ref,
@@ -430,10 +551,10 @@ var Separator = React6.forwardRef(
 Separator.displayName = "Separator";
 // src/components/skeleton/skeleton.tsx
-import * as React7 from "react";
-import { jsx as jsx6 } from "react/jsx-runtime";
-var Skeleton = React7.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
+import * as React8 from "react";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var Skeleton = React8.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx7(
     "div",
     {
       ref,
@@ -446,9 +567,9 @@ var Skeleton = React7.forwardRef(
 Skeleton.displayName = "Skeleton";
 // src/components/spinner/spinner.tsx
-import * as React8 from "react";
+import * as React9 from "react";
 import { cva as cva4 } from "class-variance-authority";
-import { jsx as jsx7, jsxs } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs2 } from "react/jsx-runtime";
 var spinnerVariants = cva4("animate-spin", {
   variants: {
     size: {
@@ -461,9 +582,9 @@ var spinnerVariants = cva4("animate-spin", {
     size: "md"
   }
 });
-var Spinner = React8.forwardRef(
-  ({ className, size, ...props }, ref) => /* @__PURE__ */ jsxs("div", { ref, role: "status", "aria-label": "Loading", ...props, children: [
-    /* @__PURE__ */ jsxs(
+var Spinner = React9.forwardRef(
+  ({ className, size, ...props }, ref) => /* @__PURE__ */ jsxs2("div", { ref, role: "status", "aria-label": "Loading", ...props, children: [
+    /* @__PURE__ */ jsxs2(
       "svg",
       {
         className: cn(spinnerVariants({ size }), className),
@@ -471,7 +592,7 @@ var Spinner = React8.forwardRef(
         fill: "none",
         viewBox: "0 0 24 24",
         children: [
-          /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx8(
             "circle",
             {
               className: "opacity-25",
@@ -482,7 +603,7 @@ var Spinner = React8.forwardRef(
               strokeWidth: "4"
             }
           ),
-          /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx8(
             "path",
             {
               className: "opacity-75",
@@ -493,15 +614,15 @@ var Spinner = React8.forwardRef(
         ]
       }
     ),
-    /* @__PURE__ */ jsx7("span", { className: "sr-only", children: "Loading..." })
+    /* @__PURE__ */ jsx8("span", { className: "sr-only", children: "Loading..." })
   ] })
 );
 Spinner.displayName = "Spinner";
 // src/components/card/card.tsx
-import * as React9 from "react";
-import { jsx as jsx8 } from "react/jsx-runtime";
-var Card = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
+import * as React10 from "react";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var Card = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
   "div",
   {
     ref,
@@ -513,7 +634,7 @@ var Card = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ j
   }
 ));
 Card.displayName = "Card";
-var CardHeader = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
+var CardHeader = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
   "div",
   {
     ref,
@@ -522,7 +643,7 @@ var CardHeader = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
+var CardTitle = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
   "h3",
   {
     ref,
@@ -531,7 +652,7 @@ var CardTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
+var CardDescription = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
   "p",
   {
     ref,
@@ -540,9 +661,9 @@ var CardDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+var CardContent = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9("div", { ref, className: cn("p-6 pt-0", className), ...props }));
 CardContent.displayName = "CardContent";
-var CardFooter = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
+var CardFooter = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
   "div",
   {
     ref,
@@ -553,13 +674,13 @@ var CardFooter = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE_
 CardFooter.displayName = "CardFooter";
 // src/components/tooltip/tooltip.tsx
-import * as React10 from "react";
+import * as React11 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React10.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx9(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx9(
+var TooltipContent = React11.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx10(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx10(
   TooltipPrimitive.Content,
   {
     ref,
@@ -577,12 +698,12 @@ var TooltipContent = React10.forwardRef(({ className, sideOffset = 4, ...props }
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 // src/components/toast/toast.tsx
-import * as React11 from "react";
+import * as React12 from "react";
 import * as ToastPrimitive from "@radix-ui/react-toast";
 import { cva as cva5 } from "class-variance-authority";
-import { jsx as jsx10, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
 var ToastProvider = ToastPrimitive.Provider;
-var ToastViewport = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+var ToastViewport = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
   ToastPrimitive.Viewport,
   {
     ref,
@@ -609,7 +730,7 @@ var toastVariants = cva5(
     }
   }
 );
-var Toast = React11.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx10(
+var Toast = React12.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx11(
   ToastPrimitive.Root,
   {
     ref,
@@ -618,7 +739,7 @@ var Toast = React11.forwardRef(({ className, variant, ...props }, ref) => /* @__
   }
 ));
 Toast.displayName = "Toast";
-var ToastAction = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+var ToastAction = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
   ToastPrimitive.Action,
   {
     ref,
@@ -630,7 +751,7 @@ var ToastAction = React11.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 ToastAction.displayName = "ToastAction";
-var ToastClose = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+var ToastClose = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
   ToastPrimitive.Close,
   {
     ref,
@@ -641,7 +762,7 @@ var ToastClose = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE
     "toast-close": "",
     "aria-label": "Close",
     ...props,
-    children: /* @__PURE__ */ jsxs2(
+    children: /* @__PURE__ */ jsxs3(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -654,15 +775,15 @@ var ToastClose = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE
         strokeLinecap: "round",
         strokeLinejoin: "round",
         children: [
-          /* @__PURE__ */ jsx10("path", { d: "M18 6 6 18" }),
-          /* @__PURE__ */ jsx10("path", { d: "m6 6 12 12" })
+          /* @__PURE__ */ jsx11("path", { d: "M18 6 6 18" }),
+          /* @__PURE__ */ jsx11("path", { d: "m6 6 12 12" })
         ]
       }
     )
   }
 ));
 ToastClose.displayName = "ToastClose";
-var ToastTitle = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+var ToastTitle = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
   ToastPrimitive.Title,
   {
     ref,
@@ -671,7 +792,7 @@ var ToastTitle = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 ToastTitle.displayName = "ToastTitle";
-var ToastDescription = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+var ToastDescription = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
   ToastPrimitive.Description,
   {
     ref,
@@ -682,7 +803,7 @@ var ToastDescription = React11.forwardRef(({ className, ...props }, ref) => /* @
 ToastDescription.displayName = "ToastDescription";
 // src/components/toast/use-toast.ts
-import * as React12 from "react";
+import * as React13 from "react";
 var TOAST_LIMIT = 5;
 var TOAST_REMOVE_DELAY = 1e3;
 var count = 0;
@@ -753,8 +874,8 @@ function toast(props) {
   return { id, dismiss };
 }
 function useToast() {
-  const [state, setState] = React12.useState(memoryState);
-  React12.useEffect(() => {
+  const [state, setState] = React13.useState(memoryState);
+  React13.useEffect(() => {
     listeners.push(setState);
     return () => {
       const index = listeners.indexOf(setState);
@@ -769,27 +890,27 @@ function useToast() {
 }
 // src/components/toast/toaster.tsx
-import { jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
 function Toaster() {
   const { toasts } = useToast();
-  return /* @__PURE__ */ jsxs3(ToastProvider, { children: [
-    toasts.map(({ id, title, description, action, ...props }) => /* @__PURE__ */ jsxs3(Toast, { ...props, children: [
-      /* @__PURE__ */ jsxs3("div", { className: "grid gap-1", children: [
-        title && /* @__PURE__ */ jsx11(ToastTitle, { children: title }),
-        description && /* @__PURE__ */ jsx11(ToastDescription, { children: description })
+  return /* @__PURE__ */ jsxs4(ToastProvider, { children: [
+    toasts.map(({ id, title, description, action, ...props }) => /* @__PURE__ */ jsxs4(Toast, { ...props, children: [
+      /* @__PURE__ */ jsxs4("div", { className: "grid gap-1", children: [
+        title && /* @__PURE__ */ jsx12(ToastTitle, { children: title }),
+        description && /* @__PURE__ */ jsx12(ToastDescription, { children: description })
       ] }),
       action,
-      /* @__PURE__ */ jsx11(ToastClose, {})
+      /* @__PURE__ */ jsx12(ToastClose, {})
     ] }, id)),
-    /* @__PURE__ */ jsx11(ToastViewport, {})
+    /* @__PURE__ */ jsx12(ToastViewport, {})
   ] });
 }
 // src/components/label/label.tsx
-import * as React13 from "react";
+import * as React14 from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
-import { jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
-var Label = React13.forwardRef(({ className, required, children, ...props }, ref) => /* @__PURE__ */ jsxs4(
+import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
+var Label = React14.forwardRef(({ className, required, children, ...props }, ref) => /* @__PURE__ */ jsxs5(
   LabelPrimitive.Root,
   {
     ref,
@@ -800,16 +921,16 @@ var Label = React13.forwardRef(({ className, required, children, ...props }, ref
     ...props,
     children: [
       children,
-      required && /* @__PURE__ */ jsx12("span", { "aria-hidden": "true", className: "ml-0.5 text-error-500", children: "*" })
+      required && /* @__PURE__ */ jsx13("span", { "aria-hidden": "true", className: "ml-0.5 text-error-500", children: "*" })
     ]
   }
 ));
 Label.displayName = "Label";
 // src/components/input/input.tsx
-import * as React14 from "react";
+import * as React15 from "react";
 import { cva as cva6 } from "class-variance-authority";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 var inputVariants = cva6(
   "flex w-full rounded-md border border-[var(--color-border-input)] bg-[var(--color-surface-raised)] px-3 text-[var(--color-on-surface)] transition-colors duration-fast file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-[var(--color-on-surface-muted)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-ring)] focus-visible:ring-offset-2 ring-offset-[var(--color-ring-offset)] disabled:cursor-not-allowed disabled:opacity-50 aria-[invalid=true]:border-error-500 aria-[invalid=true]:focus-visible:ring-error-500 touch:min-h-[--touch-target-min]",
   {
@@ -825,8 +946,8 @@ var inputVariants = cva6(
     }
   }
 );
-var Input = React14.forwardRef(
-  ({ className, size, type, ...props }, ref) => /* @__PURE__ */ jsx13(
+var Input = React15.forwardRef(
+  ({ className, size, type, ...props }, ref) => /* @__PURE__ */ jsx14(
     "input",
     {
       ref,
@@ -839,9 +960,9 @@ var Input = React14.forwardRef(
 Input.displayName = "Input";
 // src/components/textarea/textarea.tsx
-import * as React15 from "react";
+import * as React16 from "react";
 import { cva as cva7 } from "class-variance-authority";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 var textareaVariants = cva7(
   "flex w-full resize-y rounded-md border border-[var(--color-border-input)] bg-[var(--color-surface-raised)] px-3 py-2 text-[var(--color-on-surface)] transition-colors duration-fast placeholder:text-[var(--color-on-surface-muted)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-ring)] focus-visible:ring-offset-2 ring-offset-[var(--color-ring-offset)] disabled:cursor-not-allowed disabled:opacity-50 aria-[invalid=true]:border-error-500 aria-[invalid=true]:focus-visible:ring-error-500",
   {
@@ -857,8 +978,8 @@ var textareaVariants = cva7(
     }
   }
 );
-var Textarea = React15.forwardRef(
-  ({ className, size, ...props }, ref) => /* @__PURE__ */ jsx14(
+var Textarea = React16.forwardRef(
+  ({ className, size, ...props }, ref) => /* @__PURE__ */ jsx15(
     "textarea",
     {
       ref,
@@ -870,10 +991,10 @@ var Textarea = React15.forwardRef(
 Textarea.displayName = "Textarea";
 // src/components/checkbox/checkbox.tsx
-import * as React16 from "react";
+import * as React17 from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import { jsx as jsx15 } from "react/jsx-runtime";
-var Checkbox = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
+import { jsx as jsx16 } from "react/jsx-runtime";
+var Checkbox = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -887,7 +1008,7 @@ var Checkbox = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx15(CheckboxPrimitive.Indicator, { className: "flex items-center justify-center", children: props.checked === "indeterminate" ? /* @__PURE__ */ jsx15(
+    children: /* @__PURE__ */ jsx16(CheckboxPrimitive.Indicator, { className: "flex items-center justify-center", children: props.checked === "indeterminate" ? /* @__PURE__ */ jsx16(
       "svg",
       {
         width: "12",
@@ -897,9 +1018,9 @@ var Checkbox = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__
         stroke: "currentColor",
         strokeWidth: "3",
         strokeLinecap: "round",
-        children: /* @__PURE__ */ jsx15("path", { d: "M5 12h14" })
+        children: /* @__PURE__ */ jsx16("path", { d: "M5 12h14" })
       }
-    ) : /* @__PURE__ */ jsx15(
+    ) : /* @__PURE__ */ jsx16(
       "svg",
       {
         width: "12",
@@ -910,7 +1031,7 @@ var Checkbox = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__
         strokeWidth: "3",
         strokeLinecap: "round",
         strokeLinejoin: "round",
-        children: /* @__PURE__ */ jsx15("polyline", { points: "20 6 9 17 4 12" })
+        children: /* @__PURE__ */ jsx16("polyline", { points: "20 6 9 17 4 12" })
       }
     ) })
   }
@@ -918,10 +1039,10 @@ var Checkbox = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 Checkbox.displayName = "Checkbox";
 // src/components/radio-group/radio-group.tsx
-import * as React17 from "react";
+import * as React18 from "react";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-import { jsx as jsx16 } from "react/jsx-runtime";
-var RadioGroup = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
+import { jsx as jsx17 } from "react/jsx-runtime";
+var RadioGroup = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
   RadioGroupPrimitive.Root,
   {
     ref,
@@ -930,7 +1051,7 @@ var RadioGroup = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 RadioGroup.displayName = "RadioGroup";
-var RadioGroupItem = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
+var RadioGroupItem = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
   RadioGroupPrimitive.Item,
   {
     ref,
@@ -943,7 +1064,7 @@ var RadioGroupItem = React17.forwardRef(({ className, ...props }, ref) => /* @__
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx16(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx16(
+    children: /* @__PURE__ */ jsx17(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx17(
       "svg",
       {
         width: "8",
@@ -951,7 +1072,7 @@ var RadioGroupItem = React17.forwardRef(({ className, ...props }, ref) => /* @__
         viewBox: "0 0 8 8",
         fill: "currentColor",
         className: "text-primary-500",
-        children: /* @__PURE__ */ jsx16("circle", { cx: "4", cy: "4", r: "4" })
+        children: /* @__PURE__ */ jsx17("circle", { cx: "4", cy: "4", r: "4" })
       }
     ) })
   }
@@ -959,10 +1080,10 @@ var RadioGroupItem = React17.forwardRef(({ className, ...props }, ref) => /* @__
 RadioGroupItem.displayName = "RadioGroupItem";
 // src/components/switch/switch.tsx
-import * as React18 from "react";
+import * as React19 from "react";
 import * as SwitchPrimitive from "@radix-ui/react-switch";
 import { cva as cva8 } from "class-variance-authority";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var switchVariants = cva8(
   "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors duration-fast focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-ring)] focus-visible:ring-offset-2 ring-offset-[var(--color-ring-offset)] disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary-500 data-[state=unchecked]:bg-neutral-300 dark:data-[state=unchecked]:bg-neutral-600 touch:min-h-[--touch-target-min]",
   {
@@ -993,25 +1114,25 @@ var thumbVariants = cva8(
     }
   }
 );
-var Switch = React18.forwardRef(({ className, size, ...props }, ref) => /* @__PURE__ */ jsx17(
+var Switch = React19.forwardRef(({ className, size, ...props }, ref) => /* @__PURE__ */ jsx18(
   SwitchPrimitive.Root,
   {
     ref,
     className: cn(switchVariants({ size }), className),
     ...props,
-    children: /* @__PURE__ */ jsx17(SwitchPrimitive.Thumb, { className: thumbVariants({ size }) })
+    children: /* @__PURE__ */ jsx18(SwitchPrimitive.Thumb, { className: thumbVariants({ size }) })
   }
 ));
 Switch.displayName = "Switch";
 // src/components/select/select.tsx
-import * as React19 from "react";
+import * as React20 from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
-import { jsx as jsx18, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs6 } from "react/jsx-runtime";
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React19.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs5(
+var SelectTrigger = React20.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs6(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -1027,7 +1148,7 @@ var SelectTrigger = React19.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx18(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx19(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx19(
         "svg",
         {
           width: "16",
@@ -1039,14 +1160,14 @@ var SelectTrigger = React19.forwardRef(({ className, children, ...props }, ref)
           strokeLinecap: "round",
           strokeLinejoin: "round",
           className: "shrink-0 opacity-50",
-          children: /* @__PURE__ */ jsx18("path", { d: "m6 9 6 6 6-6" })
+          children: /* @__PURE__ */ jsx19("path", { d: "m6 9 6 6 6-6" })
         }
       ) })
     ]
   }
 ));
 SelectTrigger.displayName = "SelectTrigger";
-var SelectContent = React19.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx18(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx18(
+var SelectContent = React20.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx19(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx19(
   SelectPrimitive.Content,
   {
     ref,
@@ -1060,7 +1181,7 @@ var SelectContent = React19.forwardRef(({ className, children, position = "poppe
     ),
     position,
     ...props,
-    children: /* @__PURE__ */ jsx18(
+    children: /* @__PURE__ */ jsx19(
       SelectPrimitive.Viewport,
       {
         className: cn(
@@ -1073,7 +1194,7 @@ var SelectContent = React19.forwardRef(({ className, children, position = "poppe
   }
 ) }));
 SelectContent.displayName = "SelectContent";
-var SelectItem = React19.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs5(
+var SelectItem = React20.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs6(
   SelectPrimitive.Item,
   {
     ref,
@@ -1085,7 +1206,7 @@ var SelectItem = React19.forwardRef(({ className, children, ...props }, ref) =>
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx18("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx18(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx19("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx19(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx19(
         "svg",
         {
           width: "14",
@@ -1096,15 +1217,15 @@ var SelectItem = React19.forwardRef(({ className, children, ...props }, ref) =>
           strokeWidth: "2",
           strokeLinecap: "round",
           strokeLinejoin: "round",
-          children: /* @__PURE__ */ jsx18("polyline", { points: "20 6 9 17 4 12" })
+          children: /* @__PURE__ */ jsx19("polyline", { points: "20 6 9 17 4 12" })
         }
       ) }) }),
-      /* @__PURE__ */ jsx18(SelectPrimitive.ItemText, { children })
+      /* @__PURE__ */ jsx19(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
 SelectItem.displayName = "SelectItem";
-var SelectLabel = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+var SelectLabel = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
   SelectPrimitive.Label,
   {
     ref,
@@ -1113,7 +1234,7 @@ var SelectLabel = React19.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = "SelectLabel";
-var SelectSeparator = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+var SelectSeparator = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
   SelectPrimitive.Separator,
   {
     ref,
@@ -1124,9 +1245,9 @@ var SelectSeparator = React19.forwardRef(({ className, ...props }, ref) => /* @_
 SelectSeparator.displayName = "SelectSeparator";
 // src/components/number-input/number-input.tsx
-import * as React20 from "react";
+import * as React21 from "react";
 import { cva as cva9 } from "class-variance-authority";
-import { jsx as jsx19, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs7 } from "react/jsx-runtime";
 var numberInputVariants = cva9(
   "flex w-full rounded-md border border-[var(--color-border-input)] bg-[var(--color-surface-raised)] text-[var(--color-on-surface)] transition-colors duration-fast focus-within:ring-2 focus-within:ring-[var(--color-ring)] focus-within:ring-offset-2 ring-offset-[var(--color-ring-offset)] aria-[invalid=true]:border-error-500 aria-[invalid=true]:focus-within:ring-error-500",
   {
@@ -1142,7 +1263,7 @@ var numberInputVariants = cva9(
     }
   }
 );
-var NumberInput = React20.forwardRef(
+var NumberInput = React21.forwardRef(
   ({
     className,
     size,
@@ -1157,7 +1278,7 @@ var NumberInput = React20.forwardRef(
     readOnly,
     ...props
   }, ref) => {
-    const [internalValue, setInternalValue] = React20.useState(
+    const [internalValue, setInternalValue] = React21.useState(
       defaultValue != null ? formatValue(defaultValue, precision) : ""
     );
     const isControlled = controlledValue !== void 0;
@@ -1224,7 +1345,7 @@ var NumberInput = React20.forwardRef(
         decrement();
       }
     }
-    return /* @__PURE__ */ jsxs6(
+    return /* @__PURE__ */ jsxs7(
       "div",
       {
         className: cn(
@@ -1234,7 +1355,7 @@ var NumberInput = React20.forwardRef(
         ),
         "aria-invalid": props["aria-invalid"],
         children: [
-          /* @__PURE__ */ jsx19(
+          /* @__PURE__ */ jsx20(
             "input",
             {
               ref,
@@ -1250,8 +1371,8 @@ var NumberInput = React20.forwardRef(
               ...props
             }
           ),
-          !readOnly && !disabled && /* @__PURE__ */ jsxs6("div", { className: "flex flex-col border-l border-[var(--color-border-input)]", children: [
-            /* @__PURE__ */ jsx19(
+          !readOnly && !disabled && /* @__PURE__ */ jsxs7("div", { className: "flex flex-col border-l border-[var(--color-border-input)]", children: [
+            /* @__PURE__ */ jsx20(
               "button",
               {
                 type: "button",
@@ -1260,7 +1381,7 @@ var NumberInput = React20.forwardRef(
                 disabled: max != null && parseFloat(displayValue) >= max,
                 className: "flex flex-1 items-center justify-center px-1.5 text-[var(--color-on-surface-muted)] hover:bg-[var(--color-surface-muted)] disabled:opacity-30",
                 "aria-label": "Increment",
-                children: /* @__PURE__ */ jsx19(
+                children: /* @__PURE__ */ jsx20(
                   "svg",
                   {
                     width: "10",
@@ -1271,12 +1392,12 @@ var NumberInput = React20.forwardRef(
                     strokeWidth: "2.5",
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
-                    children: /* @__PURE__ */ jsx19("path", { d: "m18 15-6-6-6 6" })
+                    children: /* @__PURE__ */ jsx20("path", { d: "m18 15-6-6-6 6" })
                   }
                 )
               }
             ),
-            /* @__PURE__ */ jsx19(
+            /* @__PURE__ */ jsx20(
               "button",
               {
                 type: "button",
@@ -1285,7 +1406,7 @@ var NumberInput = React20.forwardRef(
                 disabled: min != null && parseFloat(displayValue) <= min,
                 className: "flex flex-1 items-center justify-center border-t border-[var(--color-border-input)] px-1.5 text-[var(--color-on-surface-muted)] hover:bg-[var(--color-surface-muted)] disabled:opacity-30",
                 "aria-label": "Decrement",
-                children: /* @__PURE__ */ jsx19(
+                children: /* @__PURE__ */ jsx20(
                   "svg",
                   {
                     width: "10",
@@ -1296,7 +1417,7 @@ var NumberInput = React20.forwardRef(
                     strokeWidth: "2.5",
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
-                    children: /* @__PURE__ */ jsx19("path", { d: "m6 9 6 6 6-6" })
+                    children: /* @__PURE__ */ jsx20("path", { d: "m6 9 6 6 6-6" })
                   }
                 )
               }
@@ -1310,10 +1431,10 @@ var NumberInput = React20.forwardRef(
 NumberInput.displayName = "NumberInput";
 // src/components/date-picker/date-picker.tsx
-import * as React21 from "react";
-import { jsx as jsx20 } from "react/jsx-runtime";
-var DatePicker = React21.forwardRef(
-  ({ className, size, ...props }, ref) => /* @__PURE__ */ jsx20(
+import * as React22 from "react";
+import { jsx as jsx21 } from "react/jsx-runtime";
+var DatePicker = React22.forwardRef(
+  ({ className, size, ...props }, ref) => /* @__PURE__ */ jsx21(
     "input",
     {
       ref,
@@ -1330,11 +1451,11 @@ var DatePicker = React21.forwardRef(
 DatePicker.displayName = "DatePicker";
 // src/components/combobox/combobox.tsx
-import * as React22 from "react";
+import * as React23 from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import { Command } from "cmdk";
-import { jsx as jsx21, jsxs as jsxs7 } from "react/jsx-runtime";
-var Combobox = React22.forwardRef(
+import { jsx as jsx22, jsxs as jsxs8 } from "react/jsx-runtime";
+var Combobox = React23.forwardRef(
   ({
     options,
     value,
@@ -1346,11 +1467,11 @@ var Combobox = React22.forwardRef(
     className,
     ...props
   }, ref) => {
-    const [open, setOpen] = React22.useState(false);
-    const [search, setSearch] = React22.useState("");
+    const [open, setOpen] = React23.useState(false);
+    const [search, setSearch] = React23.useState("");
     const selectedOption = options.find((o) => o.value === value);
-    return /* @__PURE__ */ jsxs7(PopoverPrimitive.Root, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsxs7(
+    return /* @__PURE__ */ jsxs8(PopoverPrimitive.Root, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsxs8(
         PopoverPrimitive.Trigger,
         {
           ref,
@@ -1367,8 +1488,8 @@ var Combobox = React22.forwardRef(
           ),
           ...props,
           children: [
-            /* @__PURE__ */ jsx21("span", { className: cn(!selectedOption && "text-[var(--color-on-surface-muted)]"), children: selectedOption?.label ?? placeholder }),
-            /* @__PURE__ */ jsxs7(
+            /* @__PURE__ */ jsx22("span", { className: cn(!selectedOption && "text-[var(--color-on-surface-muted)]"), children: selectedOption?.label ?? placeholder }),
+            /* @__PURE__ */ jsxs8(
               "svg",
               {
                 width: "16",
@@ -1381,22 +1502,22 @@ var Combobox = React22.forwardRef(
                 strokeLinejoin: "round",
                 className: "shrink-0 opacity-50",
                 children: [
-                  /* @__PURE__ */ jsx21("path", { d: "m7 15 5 5 5-5" }),
-                  /* @__PURE__ */ jsx21("path", { d: "m7 9 5-5 5 5" })
+                  /* @__PURE__ */ jsx22("path", { d: "m7 15 5 5 5-5" }),
+                  /* @__PURE__ */ jsx22("path", { d: "m7 9 5-5 5 5" })
                 ]
               }
             )
           ]
         }
       ),
-      /* @__PURE__ */ jsx21(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx21(
+      /* @__PURE__ */ jsx22(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx22(
         PopoverPrimitive.Content,
         {
           className: "z-popover w-[var(--radix-popover-trigger-width)] rounded-md border border-[var(--color-border)] bg-[var(--color-surface-raised)] p-0 shadow-md animate-in fade-in-0 zoom-in-95",
           sideOffset: 4,
           align: "start",
-          children: /* @__PURE__ */ jsxs7(Command, { shouldFilter: true, children: [
-            /* @__PURE__ */ jsx21(
+          children: /* @__PURE__ */ jsxs8(Command, { shouldFilter: true, children: [
+            /* @__PURE__ */ jsx22(
               Command.Input,
               {
                 value: search,
@@ -1405,9 +1526,9 @@ var Combobox = React22.forwardRef(
                 className: "flex h-9 w-full border-b border-[var(--color-border)] bg-transparent px-3 text-sm outline-none placeholder:text-[var(--color-on-surface-muted)]"
               }
             ),
-            /* @__PURE__ */ jsxs7(Command.List, { className: "max-h-60 overflow-auto p-1", children: [
-              /* @__PURE__ */ jsx21(Command.Empty, { className: "px-2 py-6 text-center text-sm text-[var(--color-on-surface-muted)]", children: emptyMessage }),
-              options.map((option) => /* @__PURE__ */ jsxs7(
+            /* @__PURE__ */ jsxs8(Command.List, { className: "max-h-60 overflow-auto p-1", children: [
+              /* @__PURE__ */ jsx22(Command.Empty, { className: "px-2 py-6 text-center text-sm text-[var(--color-on-surface-muted)]", children: emptyMessage }),
+              options.map((option) => /* @__PURE__ */ jsxs8(
                 Command.Item,
                 {
                   value: option.label,
@@ -1425,7 +1546,7 @@ var Combobox = React22.forwardRef(
                     "data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50"
                   ),
                   children: [
-                    /* @__PURE__ */ jsx21("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: option.value === value && /* @__PURE__ */ jsx21(
+                    /* @__PURE__ */ jsx22("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: option.value === value && /* @__PURE__ */ jsx22(
                       "svg",
                       {
                         width: "14",
@@ -1436,7 +1557,7 @@ var Combobox = React22.forwardRef(
                         strokeWidth: "2",
                         strokeLinecap: "round",
                         strokeLinejoin: "round",
-                        children: /* @__PURE__ */ jsx21("polyline", { points: "20 6 9 17 4 12" })
+                        children: /* @__PURE__ */ jsx22("polyline", { points: "20 6 9 17 4 12" })
                       }
                     ) }),
                     option.label
@@ -1454,28 +1575,28 @@ var Combobox = React22.forwardRef(
 Combobox.displayName = "Combobox";
 // src/components/form-field/form-field.tsx
-import * as React23 from "react";
-import { jsx as jsx22 } from "react/jsx-runtime";
+import * as React24 from "react";
+import { jsx as jsx23 } from "react/jsx-runtime";
 var [FormFieldProvider, useFormField] = createContext2("FormField");
-var FormField = React23.forwardRef(
+var FormField = React24.forwardRef(
   ({ className, error, required, disabled, children, ...props }, ref) => {
-    const id = React23.useId();
+    const id = React24.useId();
     const descriptionId = `${id}-description`;
     const messageId = `${id}-message`;
-    return /* @__PURE__ */ jsx22(
+    return /* @__PURE__ */ jsx23(
       FormFieldProvider,
       {
         value: { id, error, required, disabled, descriptionId, messageId },
-        children: /* @__PURE__ */ jsx22("div", { ref, className: cn("space-y-1.5", className), ...props, children })
+        children: /* @__PURE__ */ jsx23("div", { ref, className: cn("space-y-1.5", className), ...props, children })
       }
     );
   }
 );
 FormField.displayName = "FormField";
-var FormLabel = React23.forwardRef(
+var FormLabel = React24.forwardRef(
   ({ className, children, ...props }, ref) => {
     const { id, error, required } = useFormField();
-    return /* @__PURE__ */ jsx22(
+    return /* @__PURE__ */ jsx23(
       Label,
       {
         ref,
@@ -1495,7 +1616,7 @@ function FormControl({ children }) {
     !error ? descriptionId : void 0,
     error ? messageId : void 0
   ].filter(Boolean).join(" ") || void 0;
-  return React23.cloneElement(children, {
+  return React24.cloneElement(children, {
     id,
     "aria-invalid": error ? true : void 0,
     "aria-describedby": describedBy,
@@ -1504,9 +1625,9 @@ function FormControl({ children }) {
   });
 }
 FormControl.displayName = "FormControl";
-var FormDescription = React23.forwardRef(({ className, ...props }, ref) => {
+var FormDescription = React24.forwardRef(({ className, ...props }, ref) => {
   const { descriptionId } = useFormField();
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     "p",
     {
       ref,
@@ -1517,11 +1638,11 @@ var FormDescription = React23.forwardRef(({ className, ...props }, ref) => {
   );
 });
 FormDescription.displayName = "FormDescription";
-var FormMessage = React23.forwardRef(({ className, children, ...props }, ref) => {
+var FormMessage = React24.forwardRef(({ className, children, ...props }, ref) => {
   const { error, messageId } = useFormField();
   const message = error || children;
   if (!message) return null;
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     "p",
     {
       ref,
@@ -1536,8 +1657,8 @@ var FormMessage = React23.forwardRef(({ className, children, ...props }, ref) =>
 FormMessage.displayName = "FormMessage";
 // src/components/dynamic-form-field/dynamic-form-field.tsx
-import * as React24 from "react";
-import { jsx as jsx23, jsxs as jsxs8 } from "react/jsx-runtime";
+import * as React25 from "react";
+import { jsx as jsx24, jsxs as jsxs9 } from "react/jsx-runtime";
 function getFieldComponent(type) {
   const map = {
     text: "Input",
@@ -1562,7 +1683,7 @@ function getFieldComponent(type) {
 function isInlineField(type) {
   return type === "checkbox" || type === "switch";
 }
-var DynamicFormField = React24.forwardRef(
+var DynamicFormField = React25.forwardRef(
   ({
     type,
     name,
@@ -1582,16 +1703,16 @@ var DynamicFormField = React24.forwardRef(
     className
   }, ref) => {
     if (isInlineField(type)) {
-      return /* @__PURE__ */ jsxs8(FormField, { ref, error, disabled, className, children: [
-        /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx23(FormControl, { children: type === "checkbox" ? /* @__PURE__ */ jsx23(
+      return /* @__PURE__ */ jsxs9(FormField, { ref, error, disabled, className, children: [
+        /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx24(FormControl, { children: type === "checkbox" ? /* @__PURE__ */ jsx24(
             Checkbox,
             {
               name,
               checked: value,
               onCheckedChange: (checked) => onChange?.(checked)
             }
-          ) : /* @__PURE__ */ jsx23(
+          ) : /* @__PURE__ */ jsx24(
             Switch,
             {
               name,
@@ -1599,19 +1720,19 @@ var DynamicFormField = React24.forwardRef(
               onCheckedChange: (checked) => onChange?.(checked)
             }
           ) }),
-          /* @__PURE__ */ jsxs8(Label, { className: "text-sm font-normal", children: [
+          /* @__PURE__ */ jsxs9(Label, { className: "text-sm font-normal", children: [
             label,
-            required && /* @__PURE__ */ jsx23("span", { "aria-hidden": "true", className: "ml-0.5 text-error-500", children: "*" })
+            required && /* @__PURE__ */ jsx24("span", { "aria-hidden": "true", className: "ml-0.5 text-error-500", children: "*" })
           ] })
         ] }),
-        description && /* @__PURE__ */ jsx23(FormDescription, { children: description }),
-        /* @__PURE__ */ jsx23(FormMessage, {})
+        description && /* @__PURE__ */ jsx24(FormDescription, { children: description }),
+        /* @__PURE__ */ jsx24(FormMessage, {})
       ] });
     }
     function renderControl() {
       switch (type) {
         case "textarea":
-          return /* @__PURE__ */ jsx23(
+          return /* @__PURE__ */ jsx24(
             Textarea,
             {
               name,
@@ -1622,7 +1743,7 @@ var DynamicFormField = React24.forwardRef(
             }
           );
         case "number":
-          return /* @__PURE__ */ jsx23(
+          return /* @__PURE__ */ jsx24(
             NumberInput,
             {
               name,
@@ -1635,7 +1756,7 @@ var DynamicFormField = React24.forwardRef(
             }
           );
         case "date":
-          return /* @__PURE__ */ jsx23(
+          return /* @__PURE__ */ jsx24(
             DatePicker,
             {
               name,
@@ -1646,7 +1767,7 @@ var DynamicFormField = React24.forwardRef(
             }
           );
         case "select":
-          return /* @__PURE__ */ jsxs8(
+          return /* @__PURE__ */ jsxs9(
             Select,
             {
               value,
@@ -1654,13 +1775,13 @@ var DynamicFormField = React24.forwardRef(
               disabled,
               name,
               children: [
-                /* @__PURE__ */ jsx23(SelectTrigger, { children: /* @__PURE__ */ jsx23(SelectValue, { placeholder }) }),
-                /* @__PURE__ */ jsx23(SelectContent, { children: options.map((opt) => /* @__PURE__ */ jsx23(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
+                /* @__PURE__ */ jsx24(SelectTrigger, { children: /* @__PURE__ */ jsx24(SelectValue, { placeholder }) }),
+                /* @__PURE__ */ jsx24(SelectContent, { children: options.map((opt) => /* @__PURE__ */ jsx24(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
               ]
             }
           );
         case "combobox":
-          return /* @__PURE__ */ jsx23(
+          return /* @__PURE__ */ jsx24(
             Combobox,
             {
               name,
@@ -1671,19 +1792,19 @@ var DynamicFormField = React24.forwardRef(
             }
           );
         case "radio":
-          return /* @__PURE__ */ jsx23(
+          return /* @__PURE__ */ jsx24(
             RadioGroup,
             {
               value,
               onValueChange: (v) => onChange?.(v),
-              children: options.map((opt) => /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx23(RadioGroupItem, { value: opt.value, id: `${name}-${opt.value}` }),
-                /* @__PURE__ */ jsx23(Label, { htmlFor: `${name}-${opt.value}`, className: "font-normal", children: opt.label })
+              children: options.map((opt) => /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx24(RadioGroupItem, { value: opt.value, id: `${name}-${opt.value}` }),
+                /* @__PURE__ */ jsx24(Label, { htmlFor: `${name}-${opt.value}`, className: "font-normal", children: opt.label })
               ] }, opt.value))
             }
           );
         default:
-          return /* @__PURE__ */ jsx23(
+          return /* @__PURE__ */ jsx24(
             Input,
             {
               type: type === "datetime" ? "datetime-local" : type,
@@ -1695,20 +1816,20 @@ var DynamicFormField = React24.forwardRef(
           );
       }
     }
-    return /* @__PURE__ */ jsxs8(FormField, { ref, error, required, disabled, className, children: [
-      /* @__PURE__ */ jsx23(FormLabel, { children: label }),
-      /* @__PURE__ */ jsx23(FormControl, { children: renderControl() }),
-      description && /* @__PURE__ */ jsx23(FormDescription, { children: description }),
-      /* @__PURE__ */ jsx23(FormMessage, {})
+    return /* @__PURE__ */ jsxs9(FormField, { ref, error, required, disabled, className, children: [
+      /* @__PURE__ */ jsx24(FormLabel, { children: label }),
+      /* @__PURE__ */ jsx24(FormControl, { children: renderControl() }),
+      description && /* @__PURE__ */ jsx24(FormDescription, { children: description }),
+      /* @__PURE__ */ jsx24(FormMessage, {})
     ] });
   }
 );
 DynamicFormField.displayName = "DynamicFormField";
 // src/components/form-layout/form-layout.tsx
-import * as React25 from "react";
+import * as React26 from "react";
 import { cva as cva10 } from "class-variance-authority";
-import { jsx as jsx24, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs10 } from "react/jsx-runtime";
 var formLayoutVariants = cva10("", {
   variants: {
     layout: {
@@ -1744,8 +1865,8 @@ var formLayoutVariants = cva10("", {
     size: "md"
   }
 });
-var FormLayout = React25.forwardRef(
-  ({ className, layout, size, columns = 2, style, ...props }, ref) => /* @__PURE__ */ jsx24(
+var FormLayout = React26.forwardRef(
+  ({ className, layout, size, columns = 2, style, ...props }, ref) => /* @__PURE__ */ jsx25(
     "div",
     {
       ref,
@@ -1756,15 +1877,15 @@ var FormLayout = React25.forwardRef(
   )
 );
 FormLayout.displayName = "FormLayout";
-var FormSection = React25.forwardRef(({ className, title, description, children, ...props }, ref) => /* @__PURE__ */ jsxs9(
+var FormSection = React26.forwardRef(({ className, title, description, children, ...props }, ref) => /* @__PURE__ */ jsxs10(
   "fieldset",
   {
     ref,
     className: cn("space-y-4 border-0 p-0", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx24("legend", { className: "text-sm font-semibold text-[var(--color-on-surface)]", children: title }),
-      description && /* @__PURE__ */ jsx24("p", { className: "-mt-2 text-xs text-[var(--color-on-surface-muted)]", children: description }),
+      /* @__PURE__ */ jsx25("legend", { className: "text-sm font-semibold text-[var(--color-on-surface)]", children: title }),
+      description && /* @__PURE__ */ jsx25("p", { className: "-mt-2 text-xs text-[var(--color-on-surface-muted)]", children: description }),
       children
     ]
   }
@@ -1776,8 +1897,8 @@ var alignClasses = {
   center: "justify-center",
   between: "justify-between"
 };
-var FormActions = React25.forwardRef(
-  ({ className, align = "right", ...props }, ref) => /* @__PURE__ */ jsx24(
+var FormActions = React26.forwardRef(
+  ({ className, align = "right", ...props }, ref) => /* @__PURE__ */ jsx25(
     "div",
     {
       ref,
@@ -1793,10 +1914,10 @@ var FormActions = React25.forwardRef(
 FormActions.displayName = "FormActions";
 // src/components/tabs/tabs.tsx
-import * as React26 from "react";
+import * as React27 from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import { cva as cva11 } from "class-variance-authority";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 var [TabsVariantProvider, useTabsVariant] = createContext2("TabsVariant");
 var Tabs = TabsPrimitive.Root;
 var tabsListVariants = cva11(
@@ -1811,7 +1932,7 @@ var tabsListVariants = cva11(
     defaultVariants: { variant: "default" }
   }
 );
-var TabsList = React26.forwardRef(({ className, variant = "default", ...props }, ref) => /* @__PURE__ */ jsx25(TabsVariantProvider, { value: { variant }, children: /* @__PURE__ */ jsx25(
+var TabsList = React27.forwardRef(({ className, variant = "default", ...props }, ref) => /* @__PURE__ */ jsx26(TabsVariantProvider, { value: { variant }, children: /* @__PURE__ */ jsx26(
   TabsPrimitive.List,
   {
     ref,
@@ -1825,9 +1946,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-500 data-[state=active]:text-[var(--color-on-surface)] text-[var(--color-on-surface-secondary)]"
 };
-var TabsTrigger = React26.forwardRef(({ className, ...props }, ref) => {
+var TabsTrigger = React27.forwardRef(({ className, ...props }, ref) => {
   const { variant } = useTabsVariant();
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     TabsPrimitive.Trigger,
     {
       ref,
@@ -1841,7 +1962,7 @@ var TabsTrigger = React26.forwardRef(({ className, ...props }, ref) => {
   );
 });
 TabsTrigger.displayName = "TabsTrigger";
-var TabsContent = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
+var TabsContent = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
   TabsPrimitive.Content,
   {
     ref,
@@ -1855,9 +1976,9 @@ var TabsContent = React26.forwardRef(({ className, ...props }, ref) => /* @__PUR
 TabsContent.displayName = "TabsContent";
 // src/components/empty-state/empty-state.tsx
-import * as React27 from "react";
+import * as React28 from "react";
 import { cva as cva12 } from "class-variance-authority";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 var emptyStateVariants = cva12(
   "flex flex-col items-center justify-center text-center",
   {
@@ -1871,8 +1992,8 @@ var emptyStateVariants = cva12(
     defaultVariants: { size: "md" }
   }
 );
-var EmptyState = React27.forwardRef(
-  ({ className, size, ...props }, ref) => /* @__PURE__ */ jsx26(
+var EmptyState = React28.forwardRef(
+  ({ className, size, ...props }, ref) => /* @__PURE__ */ jsx27(
     "div",
     {
       ref,
@@ -1882,7 +2003,7 @@ var EmptyState = React27.forwardRef(
   )
 );
 EmptyState.displayName = "EmptyState";
-var EmptyStateIcon = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+var EmptyStateIcon = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
   "div",
   {
     ref,
@@ -1891,7 +2012,7 @@ var EmptyStateIcon = React27.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 EmptyStateIcon.displayName = "EmptyStateIcon";
-var EmptyStateTitle = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+var EmptyStateTitle = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
   "h3",
   {
     ref,
@@ -1900,7 +2021,7 @@ var EmptyStateTitle = React27.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 EmptyStateTitle.displayName = "EmptyStateTitle";
-var EmptyStateDescription = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+var EmptyStateDescription = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
   "p",
   {
     ref,
@@ -1909,7 +2030,7 @@ var EmptyStateDescription = React27.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 EmptyStateDescription.displayName = "EmptyStateDescription";
-var EmptyStateActions = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+var EmptyStateActions = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
   "div",
   {
     ref,
@@ -1920,9 +2041,9 @@ var EmptyStateActions = React27.forwardRef(({ className, ...props }, ref) => /*
 EmptyStateActions.displayName = "EmptyStateActions";
 // src/components/table/table.tsx
-import * as React28 from "react";
-import { jsx as jsx27 } from "react/jsx-runtime";
-var Table = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx27(
+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(
   "table",
   {
     ref,
@@ -1931,9 +2052,9 @@ var Table = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ) }));
 Table.displayName = "Table";
-var TableHeader = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+var TableBody = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
   "tbody",
   {
     ref,
@@ -1942,7 +2063,7 @@ var TableBody = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+var TableFooter = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
   "tfoot",
   {
     ref,
@@ -1954,7 +2075,7 @@ var TableFooter = React28.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+var TableRow = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
   "tr",
   {
     ref,
@@ -1966,7 +2087,7 @@ var TableRow = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+var TableHead = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
   "th",
   {
     ref,
@@ -1978,7 +2099,7 @@ var TableHead = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+var TableCell = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
   "td",
   {
     ref,
@@ -1990,7 +2111,7 @@ var TableCell = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+var TableCaption = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
   "caption",
   {
     ref,
@@ -2001,7 +2122,7 @@ var TableCaption = React28.forwardRef(({ className, ...props }, ref) => /* @__PU
 TableCaption.displayName = "TableCaption";
 // src/components/data-table/data-table.tsx
-import * as React30 from "react";
+import * as React31 from "react";
 import {
   useReactTable,
   getCoreRowModel,
@@ -2011,7 +2132,7 @@ import {
 } from "@tanstack/react-table";
 // src/components/data-table/data-table-pagination.tsx
-import { jsx as jsx28, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs11 } from "react/jsx-runtime";
 function DataTablePagination({
   table,
   pageSizeOptions = [10, 20, 30, 50],
@@ -2021,7 +2142,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__ */ jsxs11(
     "div",
     {
       className: cn(
@@ -2029,30 +2150,30 @@ function DataTablePagination({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx28("span", { children: "Rows per page" }),
-          /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx29("span", { children: "Rows per page" }),
+          /* @__PURE__ */ jsx29(
             "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__ */ jsx28("option", { value: size, children: size }, size))
+              children: pageSizeOptions.map((size) => /* @__PURE__ */ jsx29("option", { value: size, children: size }, size))
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ jsx28("span", { children: totalRows > 0 ? `${from}-${to} of ${totalRows}` : "0 results" }),
-          /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ jsx29("span", { children: totalRows > 0 ? `${from}-${to} of ${totalRows}` : "0 results" }),
+          /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx29(
               "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__ */ jsx28(
+                children: /* @__PURE__ */ jsx29(
                   "svg",
                   {
                     width: "16",
@@ -2063,19 +2184,19 @@ function DataTablePagination({
                     strokeWidth: "2",
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
-                    children: /* @__PURE__ */ jsx28("path", { d: "m15 18-6-6 6-6" })
+                    children: /* @__PURE__ */ jsx29("path", { d: "m15 18-6-6 6-6" })
                   }
                 )
               }
             ),
-            /* @__PURE__ */ jsx28(
+            /* @__PURE__ */ jsx29(
               "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__ */ jsx28(
+                children: /* @__PURE__ */ jsx29(
                   "svg",
                   {
                     width: "16",
@@ -2086,7 +2207,7 @@ function DataTablePagination({
                     strokeWidth: "2",
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
-                    children: /* @__PURE__ */ jsx28("path", { d: "m9 18 6-6-6-6" })
+                    children: /* @__PURE__ */ jsx29("path", { d: "m9 18 6-6-6-6" })
                   }
                 )
               }
@@ -2100,18 +2221,18 @@ function DataTablePagination({
 DataTablePagination.displayName = "DataTablePagination";
 // src/components/data-table/data-table-toolbar.tsx
-import * as React29 from "react";
-import { jsx as jsx29, jsxs as jsxs11 } from "react/jsx-runtime";
+import * as React30 from "react";
+import { jsx as jsx30, jsxs as jsxs12 } from "react/jsx-runtime";
 function DataTableToolbar({
   table,
   enableColumnVisibility = false,
   className,
   children
 }) {
-  const [showColumnMenu, setShowColumnMenu] = React29.useState(false);
-  const menuRef = React29.useRef(null);
+  const [showColumnMenu, setShowColumnMenu] = React30.useState(false);
+  const menuRef = React30.useRef(null);
   const selectedCount = table.getFilteredSelectedRowModel().rows.length;
-  React29.useEffect(() => {
+  React30.useEffect(() => {
     function handleClickOutside(event) {
       if (menuRef.current && !menuRef.current.contains(event.target)) {
         setShowColumnMenu(false);
@@ -2122,7 +2243,7 @@ function DataTableToolbar({
       return () => document.removeEventListener("mousedown", handleClickOutside);
     }
   }, [showColumnMenu]);
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     "div",
     {
       className: cn(
@@ -2130,15 +2251,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__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
+          selectedCount > 0 && /* @__PURE__ */ jsxs12("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__ */ jsxs12("div", { className: "relative", ref: menuRef, children: [
+          /* @__PURE__ */ jsxs12(
             "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)]",
@@ -2146,7 +2267,7 @@ function DataTableToolbar({
               "aria-label": "Toggle columns",
               "aria-expanded": showColumnMenu,
               children: [
-                /* @__PURE__ */ jsx29(
+                /* @__PURE__ */ jsx30(
                   "svg",
                   {
                     width: "14",
@@ -2157,19 +2278,19 @@ function DataTableToolbar({
                     strokeWidth: "2",
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
-                    children: /* @__PURE__ */ jsx29("path", { d: "M12 3v18M3 12h18" })
+                    children: /* @__PURE__ */ jsx30("path", { d: "M12 3v18M3 12h18" })
                   }
                 ),
                 "Columns"
               ]
             }
           ),
-          showColumnMenu && /* @__PURE__ */ jsx29("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__ */ jsx30("div", { className: "absolute right-0 top-full z-popover mt-1 min-w-[10rem] rounded-md border border-[var(--color-border)] bg-[var(--color-surface-raised)] p-2 shadow-md", children: table.getAllColumns().filter((col) => col.getCanHide()).map((col) => /* @__PURE__ */ jsxs12(
             "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__ */ jsx29(
+                /* @__PURE__ */ jsx30(
                   "input",
                   {
                     type: "checkbox",
@@ -2191,7 +2312,7 @@ function DataTableToolbar({
 DataTableToolbar.displayName = "DataTableToolbar";
 // src/components/data-table/data-table.tsx
-import { jsx as jsx30, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs13 } from "react/jsx-runtime";
 function DataTable({
   columns,
   data,
@@ -2206,14 +2327,14 @@ function DataTable({
   className,
   "aria-label": ariaLabel
 }) {
-  const [sorting, setSorting] = React30.useState([]);
-  const [rowSelection, setRowSelection] = React30.useState({});
-  const [columnVisibility, setColumnVisibility] = React30.useState({});
-  const allColumns = React30.useMemo(() => {
+  const [sorting, setSorting] = React31.useState([]);
+  const [rowSelection, setRowSelection] = React31.useState({});
+  const [columnVisibility, setColumnVisibility] = React31.useState({});
+  const allColumns = React31.useMemo(() => {
     if (!enableRowSelection) return columns;
     const selectColumn = {
       id: "select",
-      header: ({ table: table2 }) => /* @__PURE__ */ jsx30(
+      header: ({ table: table2 }) => /* @__PURE__ */ jsx31(
         Checkbox,
         {
           checked: table2.getIsAllPageRowsSelected() ? true : table2.getIsSomePageRowsSelected() ? "indeterminate" : false,
@@ -2221,7 +2342,7 @@ function DataTable({
           "aria-label": "Select all"
         }
       ),
-      cell: ({ row }) => /* @__PURE__ */ jsx30(
+      cell: ({ row }) => /* @__PURE__ */ jsx31(
         Checkbox,
         {
           checked: row.getIsSelected(),
@@ -2249,23 +2370,23 @@ function DataTable({
     enableRowSelection,
     initialState: { pagination: { pageSize } }
   });
-  React30.useEffect(() => {
+  React31.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__ */ jsx30(
+  return /* @__PURE__ */ jsxs13("div", { className: cn("rounded-md border border-[var(--color-border)]", className), children: [
+    showToolbar && /* @__PURE__ */ jsx31(
       DataTableToolbar,
       {
         table,
         enableColumnVisibility
       }
     ),
-    /* @__PURE__ */ jsxs12(Table, { "aria-label": ariaLabel, children: [
-      /* @__PURE__ */ jsx30(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx30(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx30(TableHead, { children: header.isPlaceholder ? null : header.column.getCanSort() ? /* @__PURE__ */ jsxs12(
+    /* @__PURE__ */ jsxs13(Table, { "aria-label": ariaLabel, children: [
+      /* @__PURE__ */ jsx31(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx31(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx31(TableHead, { children: header.isPlaceholder ? null : header.column.getCanSort() ? /* @__PURE__ */ jsxs13(
         "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",
@@ -2276,7 +2397,7 @@ function DataTable({
               header.column.columnDef.header,
               header.getContext()
             ),
-            /* @__PURE__ */ jsx30(
+            /* @__PURE__ */ jsx31(
               "svg",
               {
                 width: "14",
@@ -2291,7 +2412,7 @@ function DataTable({
                   "shrink-0",
                   header.column.getIsSorted() ? "opacity-100" : "opacity-30"
                 ),
-                children: /* @__PURE__ */ jsx30("path", { d: "m7 15 5 5 5-5M7 9l5-5 5 5" })
+                children: /* @__PURE__ */ jsx31("path", { d: "m7 15 5 5 5-5M7 9l5-5 5 5" })
               }
             )
           ]
@@ -2300,14 +2421,14 @@ function DataTable({
         header.column.columnDef.header,
         header.getContext()
       ) }, header.id)) }, headerGroup.id)) }),
-      /* @__PURE__ */ jsx30(TableBody, { children: table.getRowModel().rows.length > 0 ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx30(
+      /* @__PURE__ */ jsx31(TableBody, { children: table.getRowModel().rows.length > 0 ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx31(
         TableRow,
         {
           "data-state": row.getIsSelected() ? "selected" : void 0,
-          children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx30(TableCell, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))
+          children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx31(TableCell, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))
         },
         row.id
-      )) : /* @__PURE__ */ jsx30(TableRow, { children: /* @__PURE__ */ jsx30(
+      )) : /* @__PURE__ */ jsx31(TableRow, { children: /* @__PURE__ */ jsx31(
         TableCell,
         {
           colSpan: allColumns.length,
@@ -2316,7 +2437,7 @@ function DataTable({
         }
       ) }) })
     ] }),
-    enablePagination && /* @__PURE__ */ jsx30(
+    enablePagination && /* @__PURE__ */ jsx31(
       DataTablePagination,
       {
         table,
@@ -2328,17 +2449,17 @@ function DataTable({
 DataTable.displayName = "DataTable";
 // src/components/data-table/data-table-column-header.tsx
-import { jsx as jsx31, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs14 } from "react/jsx-runtime";
 function DataTableColumnHeader({
   column,
   title,
   className
 }) {
   if (!column.getCanSort()) {
-    return /* @__PURE__ */ jsx31("div", { className: cn(className), children: title });
+    return /* @__PURE__ */ jsx32("div", { className: cn(className), children: title });
   }
   const sorted = column.getIsSorted();
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(
     "button",
     {
       className: cn(
@@ -2349,7 +2470,7 @@ function DataTableColumnHeader({
       "aria-label": `Sort by ${title}`,
       children: [
         title,
-        /* @__PURE__ */ jsx31(
+        /* @__PURE__ */ jsx32(
           "svg",
           {
             width: "14",
@@ -2364,11 +2485,11 @@ function DataTableColumnHeader({
               "shrink-0 transition-opacity",
               sorted ? "opacity-100" : "opacity-30"
             ),
-            children: sorted === "desc" ? /* @__PURE__ */ jsx31("path", { d: "m7 15 5 5 5-5M7 9l5-5 5 5" }) : sorted === "asc" ? /* @__PURE__ */ jsx31("path", { d: "m7 15 5 5 5-5M7 9l5-5 5 5" }) : /* @__PURE__ */ jsx31("path", { d: "m7 15 5 5 5-5M7 9l5-5 5 5" })
+            children: sorted === "desc" ? /* @__PURE__ */ jsx32("path", { d: "m7 15 5 5 5-5M7 9l5-5 5 5" }) : sorted === "asc" ? /* @__PURE__ */ jsx32("path", { d: "m7 15 5 5 5-5M7 9l5-5 5 5" }) : /* @__PURE__ */ jsx32("path", { d: "m7 15 5 5 5-5M7 9l5-5 5 5" })
           }
         ),
-        sorted === "asc" && /* @__PURE__ */ jsx31("span", { className: "sr-only", children: "sorted ascending" }),
-        sorted === "desc" && /* @__PURE__ */ jsx31("span", { className: "sr-only", children: "sorted descending" })
+        sorted === "asc" && /* @__PURE__ */ jsx32("span", { className: "sr-only", children: "sorted ascending" }),
+        sorted === "desc" && /* @__PURE__ */ jsx32("span", { className: "sr-only", children: "sorted descending" })
       ]
     }
   );
@@ -2376,10 +2497,10 @@ function DataTableColumnHeader({
 DataTableColumnHeader.displayName = "DataTableColumnHeader";
 // src/components/filter-bar/filter-bar.tsx
-import * as React31 from "react";
+import * as React32 from "react";
 import { cva as cva13 } from "class-variance-authority";
-import { jsx as jsx32, jsxs as jsxs14 } from "react/jsx-runtime";
-var FilterBar = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
+import { jsx as jsx33, jsxs as jsxs15 } from "react/jsx-runtime";
+var FilterBar = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
   "div",
   {
     ref,
@@ -2393,7 +2514,7 @@ var FilterBar = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 FilterBar.displayName = "FilterBar";
-var FilterBarGroup = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
+var FilterBarGroup = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
   "div",
   {
     ref,
@@ -2415,27 +2536,27 @@ var filterChipVariants = cva13(
     defaultVariants: { variant: "default" }
   }
 );
-var FilterChip = React31.forwardRef(
-  ({ className, variant, label, value, onRemove, ...props }, ref) => /* @__PURE__ */ jsxs14(
+var FilterChip = React32.forwardRef(
+  ({ className, variant, label, value, onRemove, ...props }, ref) => /* @__PURE__ */ jsxs15(
     "span",
     {
       ref,
       className: cn(filterChipVariants({ variant }), className),
       ...props,
       children: [
-        /* @__PURE__ */ jsxs14("span", { className: "text-xs opacity-70", children: [
+        /* @__PURE__ */ jsxs15("span", { className: "text-xs opacity-70", children: [
           label,
           ":"
         ] }),
-        /* @__PURE__ */ jsx32("span", { children: value }),
-        onRemove && /* @__PURE__ */ jsx32(
+        /* @__PURE__ */ jsx33("span", { children: value }),
+        onRemove && /* @__PURE__ */ jsx33(
           "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__ */ jsx32(
+            children: /* @__PURE__ */ jsx33(
               "svg",
               {
                 width: "12",
@@ -2446,7 +2567,7 @@ var FilterChip = React31.forwardRef(
                 strokeWidth: "2",
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
-                children: /* @__PURE__ */ jsx32("path", { d: "M18 6 6 18M6 6l12 12" })
+                children: /* @__PURE__ */ jsx33("path", { d: "M18 6 6 18M6 6l12 12" })
               }
             )
           }
@@ -2456,7 +2577,7 @@ var FilterChip = React31.forwardRef(
   )
 );
 FilterChip.displayName = "FilterChip";
-var ActiveFilters = React31.forwardRef(({ className, onClearAll, clearAllLabel = "Clear all", children, ...props }, ref) => /* @__PURE__ */ jsxs14(
+var ActiveFilters = React32.forwardRef(({ className, onClearAll, clearAllLabel = "Clear all", children, ...props }, ref) => /* @__PURE__ */ jsxs15(
   "div",
   {
     ref,
@@ -2464,7 +2585,7 @@ var ActiveFilters = React31.forwardRef(({ className, onClearAll, clearAllLabel =
     ...props,
     children: [
       children,
-      onClearAll && /* @__PURE__ */ jsx32(
+      onClearAll && /* @__PURE__ */ jsx33(
         "button",
         {
           type: "button",
@@ -2477,7 +2598,7 @@ var ActiveFilters = React31.forwardRef(({ className, onClearAll, clearAllLabel =
   }
 ));
 ActiveFilters.displayName = "ActiveFilters";
-var FilterBarActions = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
+var FilterBarActions = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
   "div",
   {
     ref,
@@ -2488,13 +2609,13 @@ var FilterBarActions = React31.forwardRef(({ className, ...props }, ref) => /* @
 FilterBarActions.displayName = "FilterBarActions";
 // src/components/popover/popover.tsx
-import * as React32 from "react";
+import * as React33 from "react";
 import * as PopoverPrimitive2 from "@radix-ui/react-popover";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 var Popover = PopoverPrimitive2.Root;
 var PopoverTrigger = PopoverPrimitive2.Trigger;
 var PopoverAnchor = PopoverPrimitive2.Anchor;
-var PopoverContent = React32.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx33(PopoverPrimitive2.Portal, { children: /* @__PURE__ */ jsx33(
+var PopoverContent = React33.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx34(PopoverPrimitive2.Portal, { children: /* @__PURE__ */ jsx34(
   PopoverPrimitive2.Content,
   {
     ref,
@@ -2514,16 +2635,16 @@ var PopoverContent = React32.forwardRef(({ className, align = "center", sideOffs
 PopoverContent.displayName = "PopoverContent";
 // src/components/dropdown-menu/dropdown-menu.tsx
-import * as React33 from "react";
+import * as React34 from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { jsx as jsx34, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs16 } 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 = React33.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx34(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx34(
+var DropdownMenuContent = React34.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx35(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx35(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -2540,7 +2661,7 @@ var DropdownMenuContent = React33.forwardRef(({ className, sideOffset = 4, ...pr
   }
 ) }));
 DropdownMenuContent.displayName = "DropdownMenuContent";
-var DropdownMenuSubTrigger = React33.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs15(
+var DropdownMenuSubTrigger = React34.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs16(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -2555,7 +2676,7 @@ var DropdownMenuSubTrigger = React33.forwardRef(({ className, inset, children, .
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx34(
+      /* @__PURE__ */ jsx35(
         "svg",
         {
           width: "14",
@@ -2567,14 +2688,14 @@ var DropdownMenuSubTrigger = React33.forwardRef(({ className, inset, children, .
           strokeLinecap: "round",
           strokeLinejoin: "round",
           className: "ml-auto",
-          children: /* @__PURE__ */ jsx34("path", { d: "m9 18 6-6-6-6" })
+          children: /* @__PURE__ */ jsx35("path", { d: "m9 18 6-6-6-6" })
         }
       )
     ]
   }
 ));
 DropdownMenuSubTrigger.displayName = "DropdownMenuSubTrigger";
-var DropdownMenuSubContent = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
+var DropdownMenuSubContent = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -2589,7 +2710,7 @@ var DropdownMenuSubContent = React33.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = "DropdownMenuSubContent";
-var DropdownMenuItem = React33.forwardRef(({ className, inset, destructive, ...props }, ref) => /* @__PURE__ */ jsx34(
+var DropdownMenuItem = React34.forwardRef(({ className, inset, destructive, ...props }, ref) => /* @__PURE__ */ jsx35(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -2606,7 +2727,7 @@ var DropdownMenuItem = React33.forwardRef(({ className, inset, destructive, ...p
   }
 ));
 DropdownMenuItem.displayName = "DropdownMenuItem";
-var DropdownMenuCheckboxItem = React33.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs15(
+var DropdownMenuCheckboxItem = React34.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs16(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -2620,7 +2741,7 @@ var DropdownMenuCheckboxItem = React33.forwardRef(({ className, children, checke
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ jsx34("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx34(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx34(
+      /* @__PURE__ */ jsx35("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx35(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx35(
         "svg",
         {
           width: "14",
@@ -2631,7 +2752,7 @@ var DropdownMenuCheckboxItem = React33.forwardRef(({ className, children, checke
           strokeWidth: "2",
           strokeLinecap: "round",
           strokeLinejoin: "round",
-          children: /* @__PURE__ */ jsx34("polyline", { points: "20 6 9 17 4 12" })
+          children: /* @__PURE__ */ jsx35("polyline", { points: "20 6 9 17 4 12" })
         }
       ) }) }),
       children
@@ -2639,7 +2760,7 @@ var DropdownMenuCheckboxItem = React33.forwardRef(({ className, children, checke
   }
 ));
 DropdownMenuCheckboxItem.displayName = "DropdownMenuCheckboxItem";
-var DropdownMenuRadioItem = React33.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs15(
+var DropdownMenuRadioItem = React34.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs16(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -2652,13 +2773,13 @@ var DropdownMenuRadioItem = React33.forwardRef(({ className, children, ...props
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx34("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx34(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx34("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "currentColor", children: /* @__PURE__ */ jsx34("circle", { cx: "4", cy: "4", r: "4" }) }) }) }),
+      /* @__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" }) }) }) }),
       children
     ]
   }
 ));
 DropdownMenuRadioItem.displayName = "DropdownMenuRadioItem";
-var DropdownMenuLabel = React33.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx34(
+var DropdownMenuLabel = React34.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx35(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -2671,7 +2792,7 @@ var DropdownMenuLabel = React33.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = "DropdownMenuLabel";
-var DropdownMenuSeparator = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
+var DropdownMenuSeparator = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -2683,7 +2804,7 @@ DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
 var DropdownMenuShortcut = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx34(
+}) => /* @__PURE__ */ jsx35(
   "span",
   {
     className: cn(
@@ -2696,13 +2817,13 @@ var DropdownMenuShortcut = ({
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 // src/components/dialog/dialog.tsx
-import * as React34 from "react";
+import * as React35 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { jsx as jsx35, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs17 } from "react/jsx-runtime";
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+var DialogOverlay = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -2716,9 +2837,9 @@ var DialogOverlay = React34.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = "DialogOverlay";
-var DialogContent = React34.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs16(DialogPrimitive.Portal, { children: [
-  /* @__PURE__ */ jsx35(DialogOverlay, {}),
-  /* @__PURE__ */ jsxs16(
+var DialogContent = React35.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs17(DialogPrimitive.Portal, { children: [
+  /* @__PURE__ */ jsx36(DialogOverlay, {}),
+  /* @__PURE__ */ jsxs17(
     DialogPrimitive.Content,
     {
       ref,
@@ -2740,8 +2861,8 @@ var DialogContent = React34.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__ */ jsx35(
+        /* @__PURE__ */ jsxs17(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2 disabled:pointer-events-none", children: [
+          /* @__PURE__ */ jsx36(
             "svg",
             {
               width: "16",
@@ -2752,10 +2873,10 @@ var DialogContent = React34.forwardRef(({ className, children, ...props }, ref)
               strokeWidth: "2",
               strokeLinecap: "round",
               strokeLinejoin: "round",
-              children: /* @__PURE__ */ jsx35("path", { d: "M18 6 6 18M6 6l12 12" })
+              children: /* @__PURE__ */ jsx36("path", { d: "M18 6 6 18M6 6l12 12" })
             }
           ),
-          /* @__PURE__ */ jsx35("span", { className: "sr-only", children: "Close" })
+          /* @__PURE__ */ jsx36("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
@@ -2765,7 +2886,7 @@ DialogContent.displayName = "DialogContent";
 var DialogHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx35(
+}) => /* @__PURE__ */ jsx36(
   "div",
   {
     className: cn("flex flex-col gap-1.5 text-center sm:text-left", className),
@@ -2776,7 +2897,7 @@ DialogHeader.displayName = "DialogHeader";
 var DialogFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx35(
+}) => /* @__PURE__ */ jsx36(
   "div",
   {
     className: cn(
@@ -2787,7 +2908,7 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+var DialogTitle = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
   DialogPrimitive.Title,
   {
     ref,
@@ -2796,7 +2917,7 @@ var DialogTitle = React34.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = "DialogTitle";
-var DialogDescription = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+var DialogDescription = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
   DialogPrimitive.Description,
   {
     ref,
@@ -2809,7 +2930,7 @@ DialogDescription.displayName = "DialogDescription";
 // src/components/command-palette/command-palette.tsx
 import * as DialogPrimitive2 from "@radix-ui/react-dialog";
 import { Command as Command2 } from "cmdk";
-import { jsx as jsx36, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs18 } from "react/jsx-runtime";
 function CommandPalette({
   open,
   onOpenChange,
@@ -2817,9 +2938,9 @@ function CommandPalette({
   className,
   children
 }) {
-  return /* @__PURE__ */ jsx36(DialogPrimitive2.Root, { open, onOpenChange, children: /* @__PURE__ */ jsxs17(DialogPrimitive2.Portal, { children: [
-    /* @__PURE__ */ jsx36(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__ */ jsx36(
+  return /* @__PURE__ */ jsx37(DialogPrimitive2.Root, { open, onOpenChange, children: /* @__PURE__ */ jsxs18(DialogPrimitive2.Portal, { children: [
+    /* @__PURE__ */ jsx37(DialogPrimitive2.Overlay, { className: "fixed inset-0 z-modal bg-[var(--color-surface-overlay)] animate-in fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0" }),
+    /* @__PURE__ */ jsx37(
       DialogPrimitive2.Content,
       {
         className: cn(
@@ -2828,9 +2949,9 @@ 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__ */ jsxs17(
+        children: /* @__PURE__ */ jsxs18(Command2, { shouldFilter: true, className: "flex flex-col", children: [
+          /* @__PURE__ */ jsxs18("div", { className: "flex items-center border-b border-[var(--color-border)] px-4", children: [
+            /* @__PURE__ */ jsxs18(
               "svg",
               {
                 width: "18",
@@ -2843,12 +2964,12 @@ function CommandPalette({
                 strokeLinejoin: "round",
                 className: "shrink-0 text-[var(--color-on-surface-muted)]",
                 children: [
-                  /* @__PURE__ */ jsx36("circle", { cx: "11", cy: "11", r: "8" }),
-                  /* @__PURE__ */ jsx36("path", { d: "m21 21-4.3-4.3" })
+                  /* @__PURE__ */ jsx37("circle", { cx: "11", cy: "11", r: "8" }),
+                  /* @__PURE__ */ jsx37("path", { d: "m21 21-4.3-4.3" })
                 ]
               }
             ),
-            /* @__PURE__ */ jsx36(
+            /* @__PURE__ */ jsx37(
               Command2.Input,
               {
                 placeholder,
@@ -2856,7 +2977,7 @@ function CommandPalette({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx36(Command2.List, { className: "max-h-80 overflow-auto p-2", children })
+          /* @__PURE__ */ jsx37(Command2.List, { className: "max-h-80 overflow-auto p-2", children })
         ] })
       }
     )
@@ -2867,7 +2988,7 @@ function CommandPaletteGroup({
   heading,
   children
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     Command2.Group,
     {
       heading,
@@ -2885,7 +3006,7 @@ function CommandPaletteItem({
   className,
   children
 }) {
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     Command2.Item,
     {
       onSelect,
@@ -2897,9 +3018,9 @@ function CommandPaletteItem({
         className
       ),
       children: [
-        icon && /* @__PURE__ */ jsx36("span", { className: "mr-2 flex h-4 w-4 items-center justify-center text-[var(--color-on-surface-muted)]", children: icon }),
-        /* @__PURE__ */ jsx36("span", { className: "flex-1", children }),
-        shortcut && /* @__PURE__ */ jsx36(CommandPaletteShortcut, { children: shortcut })
+        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 })
       ]
     }
   );
@@ -2909,7 +3030,7 @@ function CommandPaletteSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     Command2.Separator,
     {
       className: cn("-mx-1 my-1 h-px bg-[var(--color-border)]", className),
@@ -2923,7 +3044,7 @@ function CommandPaletteEmpty({
   children = "No results found.",
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     Command2.Empty,
     {
       className: cn("px-2 py-6 text-center text-sm text-[var(--color-on-surface-muted)]", className),
@@ -2937,7 +3058,7 @@ function CommandPaletteShortcut({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "span",
     {
       className: cn(
@@ -2951,32 +3072,32 @@ function CommandPaletteShortcut({
 CommandPaletteShortcut.displayName = "CommandPaletteShortcut";
 // src/components/drawer/drawer.tsx
-import * as React35 from "react";
+import * as React36 from "react";
 import * as DialogPrimitive3 from "@radix-ui/react-dialog";
 import { cva as cva14 } from "class-variance-authority";
-import { jsx as jsx37, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs19 } from "react/jsx-runtime";
 var [DrawerContextProvider, useDrawerContext] = createContext2("Drawer");
-var DrawerStackContext = React35.createContext(
+var DrawerStackContext = React36.createContext(
   null
 );
 function DrawerProvider({ children }) {
-  const stackRef = React35.useRef([]);
-  const [, forceUpdate] = React35.useState(0);
-  const register = React35.useCallback((id) => {
+  const stackRef = React36.useRef([]);
+  const [, forceUpdate] = React36.useState(0);
+  const register = React36.useCallback((id) => {
     const level = stackRef.current.length;
     stackRef.current = [...stackRef.current, { id, level }];
     forceUpdate((n) => n + 1);
     return level;
   }, []);
-  const unregister = React35.useCallback((id) => {
+  const unregister = React36.useCallback((id) => {
     stackRef.current = stackRef.current.filter((e) => e.id !== id);
     forceUpdate((n) => n + 1);
   }, []);
-  const ctx = React35.useMemo(
+  const ctx = React36.useMemo(
     () => ({ stack: stackRef.current, register, unregister }),
     [register, unregister]
   );
-  return /* @__PURE__ */ jsx37(DrawerStackContext.Provider, { value: ctx, children });
+  return /* @__PURE__ */ jsx38(DrawerStackContext.Provider, { value: ctx, children });
 }
 DrawerProvider.displayName = "DrawerProvider";
 function Drawer({
@@ -2988,7 +3109,7 @@ function Drawer({
   onPinnedChange,
   children
 }) {
-  return /* @__PURE__ */ jsx37(DrawerContextProvider, { value: { side, pinnable, pinned, onPinnedChange }, children: /* @__PURE__ */ jsx37(DialogPrimitive3.Root, { open, onOpenChange, children }) });
+  return /* @__PURE__ */ jsx38(DrawerContextProvider, { value: { side, pinnable, pinned, onPinnedChange }, children: /* @__PURE__ */ jsx38(DialogPrimitive3.Root, { open, onOpenChange, children }) });
 }
 Drawer.displayName = "Drawer";
 var DrawerTrigger = DialogPrimitive3.Trigger;
@@ -3005,12 +3126,12 @@ var drawerSizeVariants = cva14("", {
   },
   defaultVariants: { size: "md" }
 });
-var DrawerContent = React35.forwardRef(({ className, size, children, ...props }, ref) => {
+var DrawerContent = React36.forwardRef(({ className, size, children, ...props }, ref) => {
   const { side, pinned } = useDrawerContext();
-  const stackCtx = React35.useContext(DrawerStackContext);
-  const drawerId = React35.useId();
-  const [level, setLevel] = React35.useState(0);
-  React35.useEffect(() => {
+  const stackCtx = React36.useContext(DrawerStackContext);
+  const drawerId = React36.useId();
+  const [level, setLevel] = React36.useState(0);
+  React36.useEffect(() => {
     if (stackCtx) {
       const l = stackCtx.register(drawerId);
       setLevel(l);
@@ -3019,7 +3140,7 @@ var DrawerContent = React35.forwardRef(({ className, size, children, ...props },
   }, [stackCtx, drawerId]);
   const stackOffset = stackCtx ? level * 2 : 0;
   if (pinned) {
-    return /* @__PURE__ */ jsx37(
+    return /* @__PURE__ */ jsx38(
       "div",
       {
         className: cn(
@@ -3032,8 +3153,8 @@ var DrawerContent = React35.forwardRef(({ className, size, children, ...props },
       }
     );
   }
-  return /* @__PURE__ */ jsxs18(DialogPrimitive3.Portal, { children: [
-    /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsxs19(DialogPrimitive3.Portal, { children: [
+    /* @__PURE__ */ jsx38(
       DialogPrimitive3.Overlay,
       {
         className: cn(
@@ -3044,7 +3165,7 @@ var DrawerContent = React35.forwardRef(({ className, size, children, ...props },
         style: { zIndex: 200 + stackOffset }
       }
     ),
-    /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsx38(
       DialogPrimitive3.Content,
       {
         ref,
@@ -3058,15 +3179,15 @@ var DrawerContent = React35.forwardRef(({ className, size, children, ...props },
         ),
         style: { zIndex: 201 + stackOffset },
         ...props,
-        children: /* @__PURE__ */ jsx37("div", { className: "flex h-full flex-col", children })
+        children: /* @__PURE__ */ jsx38("div", { className: "flex h-full flex-col", children })
       }
     )
   ] });
 });
 DrawerContent.displayName = "DrawerContent";
-var DrawerHeader = React35.forwardRef(({ className, ...props }, ref) => {
+var DrawerHeader = React36.forwardRef(({ className, ...props }, ref) => {
   const { pinnable, pinned, onPinnedChange } = useDrawerContext();
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     "div",
     {
       ref,
@@ -3076,9 +3197,9 @@ var DrawerHeader = React35.forwardRef(({ className, ...props }, ref) => {
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx37("div", { className: "flex-1", children: props.children }),
-        /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-1", children: [
-          pinnable && /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx38("div", { className: "flex-1", children: props.children }),
+        /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-1", children: [
+          pinnable && /* @__PURE__ */ jsx38(
             "button",
             {
               type: "button",
@@ -3088,7 +3209,7 @@ var DrawerHeader = React35.forwardRef(({ className, ...props }, ref) => {
                 pinned ? "opacity-100 text-primary-500" : "opacity-50"
               ),
               "aria-label": pinned ? "Unpin drawer" : "Pin drawer",
-              children: /* @__PURE__ */ jsx37(
+              children: /* @__PURE__ */ jsx38(
                 "svg",
                 {
                   width: "16",
@@ -3099,13 +3220,13 @@ var DrawerHeader = React35.forwardRef(({ className, ...props }, ref) => {
                   strokeWidth: "2",
                   strokeLinecap: "round",
                   strokeLinejoin: "round",
-                  children: /* @__PURE__ */ jsx37("path", { d: "M12 17v5M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1 1 1 0 0 1 1 1z" })
+                  children: /* @__PURE__ */ jsx38("path", { d: "M12 17v5M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1 1 1 0 0 1 1 1z" })
                 }
               )
             }
           ),
-          /* @__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__ */ jsx37(
+          /* @__PURE__ */ jsxs19(DialogPrimitive3.Close, { className: "rounded-sm p-1 opacity-50 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500", children: [
+            /* @__PURE__ */ jsx38(
               "svg",
               {
                 width: "16",
@@ -3116,10 +3237,10 @@ var DrawerHeader = React35.forwardRef(({ className, ...props }, ref) => {
                 strokeWidth: "2",
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
-                children: /* @__PURE__ */ jsx37("path", { d: "M18 6 6 18M6 6l12 12" })
+                children: /* @__PURE__ */ jsx38("path", { d: "M18 6 6 18M6 6l12 12" })
               }
             ),
-            /* @__PURE__ */ jsx37("span", { className: "sr-only", children: "Close" })
+            /* @__PURE__ */ jsx38("span", { className: "sr-only", children: "Close" })
           ] })
         ] })
       ]
@@ -3127,7 +3248,7 @@ var DrawerHeader = React35.forwardRef(({ className, ...props }, ref) => {
   );
 });
 DrawerHeader.displayName = "DrawerHeader";
-var DrawerTitle = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
+var DrawerTitle = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
   DialogPrimitive3.Title,
   {
     ref,
@@ -3136,7 +3257,7 @@ var DrawerTitle = React35.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DrawerTitle.displayName = "DrawerTitle";
-var DrawerDescription = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
+var DrawerDescription = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
   DialogPrimitive3.Description,
   {
     ref,
@@ -3145,7 +3266,7 @@ var DrawerDescription = React35.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 DrawerDescription.displayName = "DrawerDescription";
-var DrawerFooter = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
+var DrawerFooter = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
   "div",
   {
     ref,
@@ -3159,10 +3280,10 @@ var DrawerFooter = React35.forwardRef(({ className, ...props }, ref) => /* @__PU
 DrawerFooter.displayName = "DrawerFooter";
 // src/components/app-shell/app-shell.tsx
-import * as React36 from "react";
-import { jsx as jsx38, jsxs as jsxs19 } from "react/jsx-runtime";
+import * as React37 from "react";
+import { jsx as jsx39, jsxs as jsxs20 } from "react/jsx-runtime";
 var [AppShellProvider, useAppShell] = createContext2("AppShell");
-var AppShell = React36.forwardRef(
+var AppShell = React37.forwardRef(
   ({
     className,
     sidebarCollapsed: controlledCollapsed,
@@ -3174,11 +3295,11 @@ var AppShell = React36.forwardRef(
     ...props
   }, ref) => {
     const { isMobile } = useBreakpoint();
-    const [internalCollapsed, setInternalCollapsed] = React36.useState(false);
-    const [mobileSidebarOpen, setMobileSidebarOpen] = React36.useState(false);
+    const [internalCollapsed, setInternalCollapsed] = React37.useState(false);
+    const [mobileSidebarOpen, setMobileSidebarOpen] = React37.useState(false);
     const collapsed = controlledCollapsed ?? internalCollapsed;
     const setCollapsed = onSidebarCollapsedChange ?? setInternalCollapsed;
-    return /* @__PURE__ */ jsx38(
+    return /* @__PURE__ */ jsx39(
       AppShellProvider,
       {
         value: {
@@ -3189,7 +3310,7 @@ var AppShell = React36.forwardRef(
           mobileSidebarOpen,
           setMobileSidebarOpen
         },
-        children: /* @__PURE__ */ jsx38(
+        children: /* @__PURE__ */ jsx39(
           "div",
           {
             ref,
@@ -3207,20 +3328,20 @@ var AppShell = React36.forwardRef(
   }
 );
 AppShell.displayName = "AppShell";
-var AppShellSidebar = React36.forwardRef(({ className, children, ...props }, ref) => {
+var AppShellSidebar = React37.forwardRef(({ className, children, ...props }, ref) => {
   const { sidebarCollapsed, isMobile, mobileSidebarOpen, setMobileSidebarOpen } = useAppShell();
   if (isMobile) {
-    return /* @__PURE__ */ jsx38(
+    return /* @__PURE__ */ jsx39(
       Drawer,
       {
         open: mobileSidebarOpen,
         onOpenChange: setMobileSidebarOpen,
         side: "left",
-        children: /* @__PURE__ */ jsx38(DrawerContent, { size: "sm", className, children })
+        children: /* @__PURE__ */ jsx39(DrawerContent, { size: "sm", className, children })
       }
     );
   }
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     "aside",
     {
       ref,
@@ -3237,9 +3358,9 @@ var AppShellSidebar = React36.forwardRef(({ className, children, ...props }, ref
   );
 });
 AppShellSidebar.displayName = "AppShellSidebar";
-var AppShellHeader = React36.forwardRef(({ className, children, ...props }, ref) => {
+var AppShellHeader = React37.forwardRef(({ className, children, ...props }, ref) => {
   const { isMobile, setMobileSidebarOpen } = useAppShell();
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     "header",
     {
       ref,
@@ -3249,14 +3370,14 @@ var AppShellHeader = React36.forwardRef(({ className, children, ...props }, ref)
       ),
       ...props,
       children: [
-        isMobile && /* @__PURE__ */ jsx38(
+        isMobile && /* @__PURE__ */ jsx39(
           "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__ */ jsx38(
+            children: /* @__PURE__ */ jsx39(
               "svg",
               {
                 width: "20",
@@ -3267,7 +3388,7 @@ var AppShellHeader = React36.forwardRef(({ className, children, ...props }, ref)
                 strokeWidth: "2",
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
-                children: /* @__PURE__ */ jsx38("path", { d: "M4 6h16M4 12h16M4 18h16" })
+                children: /* @__PURE__ */ jsx39("path", { d: "M4 6h16M4 12h16M4 18h16" })
               }
             )
           }
@@ -3278,9 +3399,9 @@ var AppShellHeader = React36.forwardRef(({ className, children, ...props }, ref)
   );
 });
 AppShellHeader.displayName = "AppShellHeader";
-var AppShellContent = React36.forwardRef(({ className, ...props }, ref) => {
+var AppShellContent = React37.forwardRef(({ className, ...props }, ref) => {
   const { withBottomNav } = useAppShell();
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     "main",
     {
       ref,
@@ -3294,7 +3415,7 @@ var AppShellContent = React36.forwardRef(({ className, ...props }, ref) => {
   );
 });
 AppShellContent.displayName = "AppShellContent";
-var AppShellFooter = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+var AppShellFooter = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
   "footer",
   {
     ref,
@@ -3308,9 +3429,9 @@ var AppShellFooter = React36.forwardRef(({ className, ...props }, ref) => /* @__
 AppShellFooter.displayName = "AppShellFooter";
 // src/components/bottom-navigation/bottom-navigation.tsx
-import * as React37 from "react";
-import { jsx as jsx39, jsxs as jsxs20 } from "react/jsx-runtime";
-var BottomNavigation = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
+import * as React38 from "react";
+import { jsx as jsx40, jsxs as jsxs21 } from "react/jsx-runtime";
+var BottomNavigation = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
   "nav",
   {
     ref,
@@ -3323,7 +3444,7 @@ var BottomNavigation = React37.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 BottomNavigation.displayName = "BottomNavigation";
-var BottomNavigationItem = React37.forwardRef(({ className, icon, label, active = false, ...props }, ref) => /* @__PURE__ */ jsxs20(
+var BottomNavigationItem = React38.forwardRef(({ className, icon, label, active = false, ...props }, ref) => /* @__PURE__ */ jsxs21(
   "button",
   {
     ref,
@@ -3335,17 +3456,17 @@ var BottomNavigationItem = React37.forwardRef(({ className, icon, label, active
     "aria-current": active ? "page" : void 0,
     ...props,
     children: [
-      /* @__PURE__ */ jsx39("span", { className: "flex h-6 w-6 items-center justify-center", children: icon }),
-      /* @__PURE__ */ jsx39("span", { children: label })
+      /* @__PURE__ */ jsx40("span", { className: "flex h-6 w-6 items-center justify-center", children: icon }),
+      /* @__PURE__ */ jsx40("span", { children: label })
     ]
   }
 ));
 BottomNavigationItem.displayName = "BottomNavigationItem";
 // src/components/offline-indicator/offline-indicator.tsx
-import * as React38 from "react";
-import { jsx as jsx40, jsxs as jsxs21 } from "react/jsx-runtime";
-var OfflineIndicator = React38.forwardRef(
+import * as React39 from "react";
+import { jsx as jsx41, jsxs as jsxs22 } from "react/jsx-runtime";
+var OfflineIndicator = React39.forwardRef(
   ({
     className,
     isOffline,
@@ -3353,7 +3474,7 @@ var OfflineIndicator = React38.forwardRef(
     ...props
   }, ref) => {
     if (!isOffline) return null;
-    return /* @__PURE__ */ jsxs21(
+    return /* @__PURE__ */ jsxs22(
       "div",
       {
         ref,
@@ -3364,7 +3485,7 @@ var OfflineIndicator = React38.forwardRef(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsxs21(
+          /* @__PURE__ */ jsxs22(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -3379,13 +3500,13 @@ var OfflineIndicator = React38.forwardRef(
               className: "mr-2 shrink-0",
               "aria-hidden": "true",
               children: [
-                /* @__PURE__ */ jsx40("line", { x1: "2", x2: "22", y1: "2", y2: "22" }),
-                /* @__PURE__ */ jsx40("path", { d: "M8.5 16.5a5 5 0 0 1 7 0" }),
-                /* @__PURE__ */ jsx40("path", { d: "M2 8.82a15 15 0 0 1 4.17-2.65" }),
-                /* @__PURE__ */ jsx40("path", { d: "M10.66 5c4.01-.36 8.14.9 11.34 3.76" }),
-                /* @__PURE__ */ jsx40("path", { d: "M16.85 11.25a10 10 0 0 1 2.22 1.68" }),
-                /* @__PURE__ */ jsx40("path", { d: "M5 12.859a10 10 0 0 1 5.17-2.69" }),
-                /* @__PURE__ */ jsx40("line", { x1: "12", x2: "12.01", y1: "20", y2: "20" })
+                /* @__PURE__ */ jsx41("line", { x1: "2", x2: "22", y1: "2", y2: "22" }),
+                /* @__PURE__ */ jsx41("path", { d: "M8.5 16.5a5 5 0 0 1 7 0" }),
+                /* @__PURE__ */ jsx41("path", { d: "M2 8.82a15 15 0 0 1 4.17-2.65" }),
+                /* @__PURE__ */ jsx41("path", { d: "M10.66 5c4.01-.36 8.14.9 11.34 3.76" }),
+                /* @__PURE__ */ jsx41("path", { d: "M16.85 11.25a10 10 0 0 1 2.22 1.68" }),
+                /* @__PURE__ */ jsx41("path", { d: "M5 12.859a10 10 0 0 1 5.17-2.69" }),
+                /* @__PURE__ */ jsx41("line", { x1: "12", x2: "12.01", y1: "20", y2: "20" })
               ]
             }
           ),
@@ -3398,9 +3519,9 @@ var OfflineIndicator = React38.forwardRef(
 OfflineIndicator.displayName = "OfflineIndicator";
 // src/components/install-prompt/install-prompt.tsx
-import * as React39 from "react";
-import { jsx as jsx41, jsxs as jsxs22 } from "react/jsx-runtime";
-var InstallPrompt = React39.forwardRef(
+import * as React40 from "react";
+import { jsx as jsx42, jsxs as jsxs23 } from "react/jsx-runtime";
+var InstallPrompt = React40.forwardRef(
   ({
     className,
     canInstall,
@@ -3413,7 +3534,7 @@ var InstallPrompt = React39.forwardRef(
     ...props
   }, ref) => {
     if (!canInstall) return null;
-    return /* @__PURE__ */ jsx41(
+    return /* @__PURE__ */ jsx42(
       "div",
       {
         ref,
@@ -3424,12 +3545,12 @@ var InstallPrompt = React39.forwardRef(
           className
         ),
         ...props,
-        children: /* @__PURE__ */ jsxs22("div", { className: "mx-auto max-w-md", children: [
-          /* @__PURE__ */ jsx41("p", { className: "text-sm font-semibold text-[var(--color-on-surface)]", children: title }),
-          /* @__PURE__ */ jsx41("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__ */ jsx41(Button, { size: "sm", onClick: onInstall, className: "flex-1", children: installLabel }),
-            /* @__PURE__ */ jsx41(
+        children: /* @__PURE__ */ jsxs23("div", { className: "mx-auto max-w-md", children: [
+          /* @__PURE__ */ jsx42("p", { className: "text-sm font-semibold text-[var(--color-on-surface)]", children: title }),
+          /* @__PURE__ */ jsx42("p", { className: "mt-1 text-xs text-[var(--color-on-surface-muted)]", children: description }),
+          /* @__PURE__ */ jsxs23("div", { className: "mt-3 flex gap-2", children: [
+            /* @__PURE__ */ jsx42(Button, { size: "sm", onClick: onInstall, className: "flex-1", children: installLabel }),
+            /* @__PURE__ */ jsx42(
               Button,
               {
                 size: "sm",
@@ -3448,16 +3569,16 @@ var InstallPrompt = React39.forwardRef(
 InstallPrompt.displayName = "InstallPrompt";
 // src/components/pull-to-refresh/pull-to-refresh.tsx
-import * as React40 from "react";
-import { jsx as jsx42, jsxs as jsxs23 } from "react/jsx-runtime";
-var PullToRefresh = React40.forwardRef(
+import * as React41 from "react";
+import { jsx as jsx43, jsxs as jsxs24 } from "react/jsx-runtime";
+var PullToRefresh = React41.forwardRef(
   ({ className, onRefresh, threshold = 80, disabled = false, children, ...props }, ref) => {
-    const [pullDistance, setPullDistance] = React40.useState(0);
-    const [isRefreshing, setIsRefreshing] = React40.useState(false);
-    const startYRef = React40.useRef(0);
-    const containerRef = React40.useRef(null);
-    React40.useImperativeHandle(ref, () => containerRef.current);
-    const handleTouchStart = React40.useCallback(
+    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(
       (e) => {
         if (disabled || isRefreshing) return;
         const container = containerRef.current;
@@ -3467,7 +3588,7 @@ var PullToRefresh = React40.forwardRef(
       },
       [disabled, isRefreshing]
     );
-    const handleTouchMove = React40.useCallback(
+    const handleTouchMove = React41.useCallback(
       (e) => {
         if (disabled || isRefreshing || startYRef.current === 0) return;
         const distance = Math.max(
@@ -3480,7 +3601,7 @@ var PullToRefresh = React40.forwardRef(
       },
       [disabled, isRefreshing, threshold]
     );
-    const handleTouchEnd = React40.useCallback(async () => {
+    const handleTouchEnd = React41.useCallback(async () => {
       if (disabled || isRefreshing) return;
       if (pullDistance >= threshold) {
         setIsRefreshing(true);
@@ -3495,7 +3616,7 @@ var PullToRefresh = React40.forwardRef(
     }, [disabled, isRefreshing, pullDistance, threshold, onRefresh]);
     const indicatorOpacity = Math.min(pullDistance / threshold, 1);
     const shouldTrigger = pullDistance >= threshold;
-    return /* @__PURE__ */ jsxs23(
+    return /* @__PURE__ */ jsxs24(
       "div",
       {
         ref: containerRef,
@@ -3505,18 +3626,18 @@ var PullToRefresh = React40.forwardRef(
         onTouchEnd: handleTouchEnd,
         ...props,
         children: [
-          /* @__PURE__ */ jsx42(
+          /* @__PURE__ */ jsx43(
             "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__ */ jsx42(
+              children: /* @__PURE__ */ jsx43(
                 "div",
                 {
                   className: "transition-opacity",
                   style: { opacity: isRefreshing ? 1 : indicatorOpacity },
-                  children: isRefreshing ? /* @__PURE__ */ jsx42(Spinner, { size: "sm" }) : /* @__PURE__ */ jsxs23(
+                  children: isRefreshing ? /* @__PURE__ */ jsx43(Spinner, { size: "sm" }) : /* @__PURE__ */ jsxs24(
                     "svg",
                     {
                       xmlns: "http://www.w3.org/2000/svg",
@@ -3533,8 +3654,8 @@ var PullToRefresh = React40.forwardRef(
                         shouldTrigger && "rotate-180 text-primary-500"
                       ),
                       children: [
-                        /* @__PURE__ */ jsx42("path", { d: "M12 5v14" }),
-                        /* @__PURE__ */ jsx42("path", { d: "m19 12-7 7-7-7" })
+                        /* @__PURE__ */ jsx43("path", { d: "M12 5v14" }),
+                        /* @__PURE__ */ jsx43("path", { d: "m19 12-7 7-7-7" })
                       ]
                     }
                   )
@@ -3558,7 +3679,9 @@ export {
   AppShellSidebar,
   Avatar,
   AvatarFallback,
+  AvatarGroup,
   AvatarImage,
+  AvatarStatus,
   BREAKPOINTS,
   Badge,
   BottomNavigation,