@framingui/ui 0.6.5 → 0.6.7

package/dist/index.mjs

@@ -12,7 +12,7 @@ import {
   Separator,
   buttonVariants,
   cn
-} from "./chunk-RWYATDH5.mjs";
+} from "./chunk-VV6WUMYC.mjs";
 
 // src/lib/tokens.ts
 var tokenVars = {
@@ -81,6 +81,77 @@ function extractTokenName(token) {
   return match ? match[1] : "";
 }
 
+// src/primitives/heading.tsx
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var headingVariants = cva("font-semibold tracking-tight", {
+  variants: {
+    level: {
+      1: "text-4xl lg:text-5xl",
+      2: "text-3xl lg:text-4xl",
+      3: "text-2xl lg:text-3xl",
+      4: "text-xl lg:text-2xl",
+      5: "text-lg lg:text-xl",
+      6: "text-base lg:text-lg"
+    }
+  },
+  defaultVariants: {
+    level: 1
+  }
+});
+var Heading = React.forwardRef(
+  ({ className, level = 1, ...props }, ref) => {
+    const Comp = `h${level}`;
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        className: cn(headingVariants({ level, className }), "text-[var(--heading-foreground)]"),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Heading.displayName = "Heading";
+
+// src/primitives/text.tsx
+import * as React2 from "react";
+import { cva as cva2 } from "class-variance-authority";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var textVariants = cva2("", {
+  variants: {
+    variant: {
+      body: "text-[var(--text-body-color)]",
+      caption: "text-[var(--text-caption-color)]",
+      label: "text-[var(--text-label-color)]",
+      code: "font-mono text-[var(--text-code-color)]"
+    },
+    size: {
+      sm: "text-sm",
+      default: "text-base",
+      lg: "text-lg"
+    }
+  },
+  defaultVariants: {
+    variant: "body",
+    size: "default"
+  }
+});
+var Text = React2.forwardRef(
+  ({ className, variant, size, as: Comp = "span", ...props }, ref) => {
+    return /* @__PURE__ */ jsx2(
+      Comp,
+      {
+        className: cn(textVariants({ variant, size, className })),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Text.displayName = "Text";
+
 // src/lib/theme-loader.ts
 function oklchToCSS(color) {
   return `oklch(${color.l} ${color.c} ${color.h})`;
@@ -316,9 +387,9 @@ function getMotionTransition(transition, motionSafe) {
 }
 
 // src/components/badge.tsx
-import { cva } from "class-variance-authority";
-import { jsx } from "react/jsx-runtime";
-var badgeVariants = cva(
+import { cva as cva3 } from "class-variance-authority";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var badgeVariants = cva3(
   "inline-flex items-center rounded-[var(--radius-full)] border px-[var(--spacing-3)] py-[var(--spacing-1)] text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-[var(--border-ring)] focus:ring-offset-2",
   {
     variants: {
@@ -335,14 +406,14 @@ var badgeVariants = cva(
   }
 );
 function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
+  return /* @__PURE__ */ jsx3("div", { className: cn(badgeVariants({ variant }), className), ...props });
 }
 
 // src/components/avatar.tsx
-import * as React from "react";
+import * as React3 from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var Avatar = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx2(
+import { jsx as jsx4 } from "react/jsx-runtime";
+var Avatar = React3.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx4(
   AvatarPrimitive.Root,
   {
     ref,
@@ -355,7 +426,7 @@ var Avatar = React.forwardRef(({ className, children, ...props }, ref) => /* @__
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
+var AvatarImage = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
   AvatarPrimitive.Image,
   {
     ref,
@@ -364,7 +435,7 @@ var AvatarImage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
+var AvatarFallback = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -378,11 +449,11 @@ var AvatarFallback = React.forwardRef(({ className, ...props }, ref) => /* @__PU
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
 
 // src/components/checkbox.tsx
-import * as React2 from "react";
+import * as React4 from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { Check } from "lucide-react";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var Checkbox = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+import { jsx as jsx5 } from "react/jsx-runtime";
+var Checkbox = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -391,18 +462,18 @@ var Checkbox = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx3(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: /* @__PURE__ */ jsx3(Check, { className: "h-4 w-4" }) })
+    children: /* @__PURE__ */ jsx5(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: /* @__PURE__ */ jsx5(Check, { className: "h-4 w-4" }) })
   }
 ));
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 
 // src/components/radio-group.tsx
-import * as React3 from "react";
+import * as React5 from "react";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import { Circle } from "lucide-react";
-import { jsx as jsx4 } from "react/jsx-runtime";
-var RadioGroup = React3.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx4(
+import { jsx as jsx6 } from "react/jsx-runtime";
+var RadioGroup = React5.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx6(
     RadioGroupPrimitive.Root,
     {
       className: cn("grid gap-[var(--spacing-2)]", className),
@@ -412,8 +483,8 @@ var RadioGroup = React3.forwardRef(({ className, ...props }, ref) => {
   );
 });
 RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React3.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx4(
+var RadioGroupItem = React5.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx6(
     RadioGroupPrimitive.Item,
     {
       ref,
@@ -422,17 +493,17 @@ var RadioGroupItem = React3.forwardRef(({ className, ...props }, ref) => {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx4(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx4(Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+      children: /* @__PURE__ */ jsx6(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx6(Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
     }
   );
 });
 RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
 
 // src/components/switch.tsx
-import * as React4 from "react";
+import * as React6 from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var Switch = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(
+import { jsx as jsx7 } from "react/jsx-runtime";
+var Switch = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(
   SwitchPrimitives.Root,
   {
     className: cn(
@@ -441,7 +512,7 @@ var Switch = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
     ),
     ...props,
     ref,
-    children: /* @__PURE__ */ jsx5(
+    children: /* @__PURE__ */ jsx7(
       SwitchPrimitives.Thumb,
       {
         className: cn(
@@ -454,11 +525,11 @@ var Switch = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
 Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // src/components/textarea.tsx
-import * as React5 from "react";
-import { jsx as jsx6 } from "react/jsx-runtime";
-var Textarea = React5.forwardRef(
+import * as React7 from "react";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var Textarea = React7.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx6(
+    return /* @__PURE__ */ jsx8(
       "textarea",
       {
         className: cn(
@@ -474,39 +545,36 @@ var Textarea = React5.forwardRef(
 Textarea.displayName = "Textarea";
 
 // src/components/skeleton.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx9(
     "div",
     {
-      className: cn(
-        "animate-pulse rounded-[var(--radius-md)] bg-[var(--bg-muted)]",
-        className
-      ),
+      className: cn("animate-pulse rounded-[var(--radius-md)] bg-[var(--bg-muted)]", className),
       ...props
     }
   );
 }
 
 // src/components/scroll-area.tsx
-import * as React6 from "react";
+import * as React8 from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { jsx as jsx8, jsxs } from "react/jsx-runtime";
-var ScrollArea = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+import { jsx as jsx10, jsxs } from "react/jsx-runtime";
+var ScrollArea = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   ScrollAreaPrimitive.Root,
   {
     ref,
     className: cn("relative overflow-hidden", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx8(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-      /* @__PURE__ */ jsx8(ScrollBar, {}),
-      /* @__PURE__ */ jsx8(ScrollAreaPrimitive.Corner, {})
+      /* @__PURE__ */ jsx10(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ jsx10(ScrollBar, {}),
+      /* @__PURE__ */ jsx10(ScrollAreaPrimitive.Corner, {})
     ]
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React6.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx8(
+var ScrollBar = React8.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx10(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -518,20 +586,20 @@ var ScrollBar = React6.forwardRef(({ className, orientation = "vertical", ...pro
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx8(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-[var(--radius-full)] bg-[var(--border-default)]" })
+    children: /* @__PURE__ */ jsx10(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-[var(--radius-full)] bg-[var(--border-default)]" })
   }
 ));
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
 // src/components/select.tsx
-import * as React7 from "react";
+import * as React9 from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { Check as Check2, ChevronDown, ChevronUp } from "lucide-react";
-import { jsx as jsx9, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs2 } from "react/jsx-runtime";
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs2(
+var SelectTrigger = React9.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs2(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -542,32 +610,32 @@ var SelectTrigger = React7.forwardRef(({ className, children, ...props }, ref) =
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx9(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx9(ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+      /* @__PURE__ */ jsx11(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx11(ChevronDown, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
+var SelectScrollUpButton = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ jsx9(ChevronUp, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ jsx11(ChevronUp, { className: "h-4 w-4" })
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
+var SelectScrollDownButton = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ jsx9(ChevronDown, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ jsx11(ChevronDown, { className: "h-4 w-4" })
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React7.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx9(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs2(
+var SelectContent = React9.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx11(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs2(
   SelectPrimitive.Content,
   {
     ref,
@@ -579,8 +647,8 @@ var SelectContent = React7.forwardRef(({ className, children, position = "popper
     position,
     ...props,
     children: [
-      /* @__PURE__ */ jsx9(SelectScrollUpButton, {}),
-      /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx11(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx11(
         SelectPrimitive.Viewport,
         {
           className: cn(
@@ -590,12 +658,12 @@ var SelectContent = React7.forwardRef(({ className, children, position = "popper
           children
         }
       ),
-      /* @__PURE__ */ jsx9(SelectScrollDownButton, {})
+      /* @__PURE__ */ jsx11(SelectScrollDownButton, {})
     ]
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
+var SelectLabel = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
   SelectPrimitive.Label,
   {
     ref,
@@ -607,7 +675,7 @@ var SelectLabel = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs2(
+var SelectItem = React9.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs2(
   SelectPrimitive.Item,
   {
     ref,
@@ -617,13 +685,13 @@ var SelectItem = React7.forwardRef(({ className, children, ...props }, ref) => /
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx9("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx9(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx9(Check2, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ jsx9(SelectPrimitive.ItemText, { children })
+      /* @__PURE__ */ jsx11("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx11(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx11(Check2, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx11(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
+var SelectSeparator = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
   SelectPrimitive.Separator,
   {
     ref,
@@ -634,15 +702,15 @@ var SelectSeparator = React7.forwardRef(({ className, ...props }, ref) => /* @__
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/dialog.tsx
-import * as React8 from "react";
+import * as React10 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { X } from "lucide-react";
-import { jsx as jsx10, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs3 } from "react/jsx-runtime";
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+var DialogOverlay = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -654,8 +722,8 @@ var DialogOverlay = React8.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs3(DialogPortal, { children: [
-  /* @__PURE__ */ jsx10(DialogOverlay, {}),
+var DialogContent = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs3(DialogPortal, { children: [
+  /* @__PURE__ */ jsx12(DialogOverlay, {}),
   /* @__PURE__ */ jsxs3(
     DialogPrimitive.Content,
     {
@@ -668,17 +736,17 @@ var DialogContent = React8.forwardRef(({ className, children, ...props }, ref) =
       children: [
         children,
         /* @__PURE__ */ jsxs3(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-neutral-400 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-500", children: [
-          /* @__PURE__ */ jsx10(X, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx10("span", { className: "sr-only", children: "Close" })
+          /* @__PURE__ */ jsx12(X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx12("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
   )
 ] }));
 DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx10("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx12("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
 DialogHeader.displayName = "DialogHeader";
-var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx10(
+var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx12(
   "div",
   {
     className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
@@ -686,7 +754,7 @@ var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx10(
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+var DialogTitle = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
   DialogPrimitive.Title,
   {
     ref,
@@ -695,7 +763,7 @@ var DialogTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+var DialogDescription = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
   DialogPrimitive.Description,
   {
     ref,
@@ -706,17 +774,17 @@ var DialogDescription = React8.forwardRef(({ className, ...props }, ref) => /* @
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // src/components/dropdown-menu.tsx
-import * as React9 from "react";
+import * as React11 from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { Check as Check3, ChevronRight, Circle as Circle2 } from "lucide-react";
-import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs4 } 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 DropdownMenuSubTrigger = React9.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs4(
+var DropdownMenuSubTrigger = React11.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs4(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -728,12 +796,12 @@ var DropdownMenuSubTrigger = React9.forwardRef(({ className, inset, children, ..
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx11(ChevronRight, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ jsx13(ChevronRight, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+var DropdownMenuSubContent = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -745,7 +813,7 @@ var DropdownMenuSubContent = React9.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React9.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx11(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx11(
+var DropdownMenuContent = React11.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx13(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx13(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -758,7 +826,7 @@ var DropdownMenuContent = React9.forwardRef(({ className, sideOffset = 4, ...pro
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React9.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx11(
+var DropdownMenuItem = React11.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx13(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -771,7 +839,7 @@ var DropdownMenuItem = React9.forwardRef(({ className, inset, ...props }, ref) =
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React9.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs4(
+var DropdownMenuCheckboxItem = React11.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs4(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -782,13 +850,13 @@ var DropdownMenuCheckboxItem = React9.forwardRef(({ className, children, checked
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ jsx11("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx11(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx11(Check3, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx13("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx13(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx13(Check3, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React9.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs4(
+var DropdownMenuRadioItem = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs4(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -798,13 +866,13 @@ var DropdownMenuRadioItem = React9.forwardRef(({ className, children, ...props }
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx11("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx11(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx11(Circle2, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ jsx13("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx13(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx13(Circle2, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React9.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx11(
+var DropdownMenuLabel = React11.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx13(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -817,7 +885,7 @@ var DropdownMenuLabel = React9.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+var DropdownMenuSeparator = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -827,35 +895,32 @@ var DropdownMenuSeparator = React9.forwardRef(({ className, ...props }, ref) =>
 ));
 DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
 var DropdownMenuShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx11("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
+  return /* @__PURE__ */ jsx13("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
 };
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
 // src/components/table.tsx
-import * as React10 from "react";
-import { jsx as jsx12 } from "react/jsx-runtime";
-var Table = React10.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx12("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx12("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })
+import * as React12 from "react";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var Table = React12.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx14("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx14("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })
 );
 Table.displayName = "Table";
-var TableHeader = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
+var TableBody = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
 TableBody.displayName = "TableBody";
-var TableFooter = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+var TableFooter = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
   "tfoot",
   {
     ref,
-    className: cn(
-      "border-t bg-[var(--bg-muted)]/50 font-medium [&>tr]:last:border-b-0",
-      className
-    ),
+    className: cn("border-t bg-[var(--bg-muted)]/50 font-medium [&>tr]:last:border-b-0", className),
     ...props
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React10.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+var TableRow = React12.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
     "tr",
     {
       ref,
@@ -868,7 +933,7 @@ var TableRow = React10.forwardRef(
   )
 );
 TableRow.displayName = "TableRow";
-var TableHead = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+var TableHead = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
   "th",
   {
     ref,
@@ -880,37 +945,31 @@ var TableHead = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+var TableCell = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
   "td",
   {
     ref,
-    className: cn(
-      "p-[var(--spacing-4)] align-middle [&:has([role=checkbox])]:pr-0",
-      className
-    ),
+    className: cn("p-[var(--spacing-4)] align-middle [&:has([role=checkbox])]:pr-0", className),
     ...props
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+var TableCaption = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
   "caption",
   {
     ref,
-    className: cn(
-      "mt-[var(--spacing-4)] text-sm text-[var(--bg-muted-foreground)]",
-      className
-    ),
+    className: cn("mt-[var(--spacing-4)] text-sm text-[var(--bg-muted-foreground)]", className),
     ...props
   }
 ));
 TableCaption.displayName = "TableCaption";
 
 // src/components/tabs.tsx
-import * as React11 from "react";
+import * as React13 from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 var Tabs = TabsPrimitive.Root;
-var TabsList = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+var TabsList = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
   TabsPrimitive.List,
   {
     ref,
@@ -922,7 +981,7 @@ var TabsList = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+var TabsTrigger = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -934,7 +993,7 @@ var TabsTrigger = React11.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+var TabsContent = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
   TabsPrimitive.Content,
   {
     ref,
@@ -948,13 +1007,13 @@ var TabsContent = React11.forwardRef(({ className, ...props }, ref) => /* @__PUR
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/toast.tsx
-import * as React12 from "react";
+import * as React14 from "react";
 import * as ToastPrimitives from "@radix-ui/react-toast";
-import { cva as cva2 } from "class-variance-authority";
+import { cva as cva4 } from "class-variance-authority";
 import { X as X2 } from "lucide-react";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var ToastProvider = ToastPrimitives.Provider;
-var ToastViewport = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+var ToastViewport = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
   ToastPrimitives.Viewport,
   {
     ref,
@@ -966,7 +1025,7 @@ var ToastViewport = React12.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
-var toastVariants = cva2(
+var toastVariants = cva4(
   "group pointer-events-auto relative flex w-full items-center justify-between space-x-[var(--spacing-4)] overflow-hidden rounded-[var(--radius-md)] border border-[var(--border-default)] p-[var(--spacing-6)] pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
   {
     variants: {
@@ -980,8 +1039,8 @@ var toastVariants = cva2(
     }
   }
 );
-var Toast = React12.forwardRef(({ className, variant, ...props }, ref) => {
-  return /* @__PURE__ */ jsx14(
+var Toast = React14.forwardRef(({ className, variant, ...props }, ref) => {
+  return /* @__PURE__ */ jsx16(
     ToastPrimitives.Root,
     {
       ref,
@@ -991,7 +1050,7 @@ var Toast = React12.forwardRef(({ className, variant, ...props }, ref) => {
   );
 });
 Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+var ToastAction = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
   ToastPrimitives.Action,
   {
     ref,
@@ -1003,7 +1062,7 @@ var ToastAction = React12.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+var ToastClose = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
   ToastPrimitives.Close,
   {
     ref,
@@ -1013,13 +1072,13 @@ var ToastClose = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE
     ),
     "toast-close": "",
     ...props,
-    children: /* @__PURE__ */ jsx14(X2, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ jsx16(X2, { className: "h-4 w-4" })
   }
 ));
 ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(ToastPrimitives.Title, { ref, className: cn("text-sm font-semibold", className), ...props }));
+var ToastTitle = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(ToastPrimitives.Title, { ref, className: cn("text-sm font-semibold", className), ...props }));
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+var ToastDescription = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
   ToastPrimitives.Description,
   {
     ref,
@@ -1030,13 +1089,13 @@ var ToastDescription = React12.forwardRef(({ className, ...props }, ref) => /* @
 ToastDescription.displayName = ToastPrimitives.Description.displayName;
 
 // src/components/tooltip.tsx
-import * as React13 from "react";
+import * as React15 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React13.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx15(
+var TooltipContent = React15.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx17(
   TooltipPrimitive.Content,
   {
     ref,
@@ -1051,12 +1110,12 @@ var TooltipContent = React13.forwardRef(({ className, sideOffset = 4, ...props }
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
 // src/components/popover.tsx
-import * as React14 from "react";
+import * as React16 from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React14.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx16(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx16(
+var PopoverContent = React16.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx18(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx18(
   PopoverPrimitive.Content,
   {
     ref,
@@ -1072,16 +1131,16 @@ var PopoverContent = React14.forwardRef(({ className, align = "center", sideOffs
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
 // src/components/sheet.tsx
-import * as React15 from "react";
+import * as React17 from "react";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
-import { cva as cva3 } from "class-variance-authority";
+import { cva as cva5 } from "class-variance-authority";
 import { X as X3 } from "lucide-react";
-import { jsx as jsx17, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs5 } from "react/jsx-runtime";
 var Sheet = SheetPrimitive.Root;
 var SheetTrigger = SheetPrimitive.Trigger;
 var SheetClose = SheetPrimitive.Close;
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+var SheetOverlay = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -1093,7 +1152,7 @@ var SheetOverlay = React15.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
-var sheetVariants = cva3(
+var sheetVariants = cva5(
   "fixed z-50 gap-[var(--spacing-4)] bg-[var(--bg-background)] p-[var(--spacing-6)] shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
   {
     variants: {
@@ -1109,29 +1168,26 @@ var sheetVariants = cva3(
     }
   }
 );
-var SheetContent = React15.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs5(SheetPortal, { children: [
-  /* @__PURE__ */ jsx17(SheetOverlay, {}),
+var SheetContent = React17.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs5(SheetPortal, { children: [
+  /* @__PURE__ */ jsx19(SheetOverlay, {}),
   /* @__PURE__ */ jsxs5(SheetPrimitive.Content, { ref, className: cn(sheetVariants({ side }), className), ...props, children: [
     children,
     /* @__PURE__ */ jsxs5(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-[var(--radius-sm)] opacity-70 ring-offset-[var(--bg-background)] transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-[var(--border-ring)] focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-[var(--bg-secondary)]", children: [
-      /* @__PURE__ */ jsx17(X3, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsx17("span", { className: "sr-only", children: "Close" })
+      /* @__PURE__ */ jsx19(X3, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx19("span", { className: "sr-only", children: "Close" })
     ] })
   ] })
 ] }));
 SheetContent.displayName = SheetPrimitive.Content.displayName;
-var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx17(
+var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx19(
   "div",
   {
-    className: cn(
-      "flex flex-col space-y-[var(--spacing-2)] text-center sm:text-left",
-      className
-    ),
+    className: cn("flex flex-col space-y-[var(--spacing-2)] text-center sm:text-left", className),
     ...props
   }
 );
 SheetHeader.displayName = "SheetHeader";
-var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx17(
+var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx19(
   "div",
   {
     className: cn(
@@ -1142,7 +1198,7 @@ var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx17(
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+var SheetTitle = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
   SheetPrimitive.Title,
   {
     ref,
@@ -1151,7 +1207,7 @@ var SheetTitle = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+var SheetDescription = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
   SheetPrimitive.Description,
   {
     ref,
@@ -1162,13 +1218,13 @@ var SheetDescription = React15.forwardRef(({ className, ...props }, ref) => /* @
 SheetDescription.displayName = SheetPrimitive.Description.displayName;
 
 // src/components/alert-dialog.tsx
-import * as React16 from "react";
+import * as React18 from "react";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
-import { jsx as jsx18, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs6 } from "react/jsx-runtime";
 var AlertDialog = AlertDialogPrimitive.Root;
 var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 var AlertDialogPortal = AlertDialogPrimitive.Portal;
-var AlertDialogOverlay = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+var AlertDialogOverlay = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   AlertDialogPrimitive.Overlay,
   {
     className: cn(
@@ -1180,9 +1236,9 @@ var AlertDialogOverlay = React16.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContent = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs6(AlertDialogPortal, { children: [
-  /* @__PURE__ */ jsx18(AlertDialogOverlay, {}),
-  /* @__PURE__ */ jsx18(
+var AlertDialogContent = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs6(AlertDialogPortal, { children: [
+  /* @__PURE__ */ jsx20(AlertDialogOverlay, {}),
+  /* @__PURE__ */ jsx20(
     AlertDialogPrimitive.Content,
     {
       ref,
@@ -1195,9 +1251,9 @@ var AlertDialogContent = React16.forwardRef(({ className, ...props }, ref) => /*
   )
 ] }));
 AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
-var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx18("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
+var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx20("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
 AlertDialogHeader.displayName = "AlertDialogHeader";
-var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx18(
+var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx20(
   "div",
   {
     className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
@@ -1205,7 +1261,7 @@ var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx18(
   }
 );
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+var AlertDialogTitle = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   AlertDialogPrimitive.Title,
   {
     ref,
@@ -1214,7 +1270,7 @@ var AlertDialogTitle = React16.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+var AlertDialogDescription = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   AlertDialogPrimitive.Description,
   {
     ref,
@@ -1223,9 +1279,9 @@ var AlertDialogDescription = React16.forwardRef(({ className, ...props }, ref) =
   }
 ));
 AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogAction = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(AlertDialogPrimitive.Action, { ref, className: cn(buttonVariants(), className), ...props }));
+var AlertDialogAction = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(AlertDialogPrimitive.Action, { ref, className: cn(buttonVariants(), className), ...props }));
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+var AlertDialogCancel = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   AlertDialogPrimitive.Cancel,
   {
     ref,
@@ -1236,10 +1292,10 @@ var AlertDialogCancel = React16.forwardRef(({ className, ...props }, ref) => /*
 AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
 
 // src/components/progress.tsx
-import * as React17 from "react";
+import * as React19 from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-import { jsx as jsx19 } from "react/jsx-runtime";
-var Progress = React17.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx19(
+import { jsx as jsx21 } from "react/jsx-runtime";
+var Progress = React19.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx21(
   ProgressPrimitive.Root,
   {
     ref,
@@ -1252,7 +1308,7 @@ var Progress = React17.forwardRef(({ className, value, ...props }, ref) => /* @_
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx19(
+    children: /* @__PURE__ */ jsx21(
       ProgressPrimitive.Indicator,
       {
         className: "h-full w-full flex-1 bg-[var(--bg-primary)] transition-all",
@@ -1264,10 +1320,10 @@ var Progress = React17.forwardRef(({ className, value, ...props }, ref) => /* @_
 Progress.displayName = ProgressPrimitive.Root.displayName;
 
 // src/components/sidebar.tsx
-import * as React18 from "react";
-import { cva as cva4 } from "class-variance-authority";
-import { jsx as jsx20, jsxs as jsxs7 } from "react/jsx-runtime";
-var sidebarVariants = cva4(
+import * as React20 from "react";
+import { cva as cva6 } from "class-variance-authority";
+import { jsx as jsx22, jsxs as jsxs7 } from "react/jsx-runtime";
+var sidebarVariants = cva6(
   "flex flex-col border-r border-[var(--border-default)] bg-[var(--bg-background)] transition-all duration-300",
   {
     variants: {
@@ -1287,7 +1343,7 @@ var sidebarVariants = cva4(
     }
   }
 );
-var sidebarHeaderVariants = cva4(
+var sidebarHeaderVariants = cva6(
   "flex items-center gap-[var(--spacing-2)] border-b border-[var(--border-default)] bg-[var(--bg-card)] p-[var(--spacing-4)]",
   {
     variants: {
@@ -1302,7 +1358,7 @@ var sidebarHeaderVariants = cva4(
     }
   }
 );
-var sidebarContentVariants = cva4("flex-1 overflow-y-auto p-[var(--spacing-4)]", {
+var sidebarContentVariants = cva6("flex-1 overflow-y-auto p-[var(--spacing-4)]", {
   variants: {
     spacing: {
       default: "space-y-[var(--spacing-2)]",
@@ -1314,7 +1370,7 @@ var sidebarContentVariants = cva4("flex-1 overflow-y-auto p-[var(--spacing-4)]",
     spacing: "default"
   }
 });
-var sidebarItemVariants = cva4(
+var sidebarItemVariants = cva6(
   "flex w-full items-center gap-[var(--spacing-3)] rounded-[var(--radius-md)] px-[var(--spacing-3)] py-[var(--spacing-2)] text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--border-ring)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
@@ -1328,24 +1384,21 @@ var sidebarItemVariants = cva4(
     }
   }
 );
-var sidebarSectionVariants = cva4("space-y-[var(--spacing-1)]", {
+var sidebarSectionVariants = cva6("space-y-[var(--spacing-1)]", {
   variants: {}
 });
-var sidebarSectionTitleVariants = cva4(
+var sidebarSectionTitleVariants = cva6(
   "px-[var(--spacing-3)] py-[var(--spacing-2)] text-xs font-semibold uppercase tracking-wider text-[var(--text-muted-foreground)]",
   {
     variants: {}
   }
 );
-var sidebarFooterVariants = cva4(
-  "border-t border-[var(--border-default)] p-[var(--spacing-4)]",
-  {
-    variants: {}
-  }
-);
-var Sidebar = React18.forwardRef(
+var sidebarFooterVariants = cva6("border-t border-[var(--border-default)] p-[var(--spacing-4)]", {
+  variants: {}
+});
+var Sidebar = React20.forwardRef(
   ({ className, variant, size, collapsed, ...props }, ref) => {
-    return /* @__PURE__ */ jsx20(
+    return /* @__PURE__ */ jsx22(
       "div",
       {
         ref,
@@ -1358,19 +1411,19 @@ var Sidebar = React18.forwardRef(
   }
 );
 Sidebar.displayName = "Sidebar";
-var SidebarHeader = React18.forwardRef(
+var SidebarHeader = React20.forwardRef(
   ({ className, size, ...props }, ref) => {
-    return /* @__PURE__ */ jsx20("div", { ref, className: cn(sidebarHeaderVariants({ size, className })), ...props });
+    return /* @__PURE__ */ jsx22("div", { ref, className: cn(sidebarHeaderVariants({ size, className })), ...props });
   }
 );
 SidebarHeader.displayName = "SidebarHeader";
-var SidebarContent = React18.forwardRef(
+var SidebarContent = React20.forwardRef(
   ({ className, spacing, ...props }, ref) => {
-    return /* @__PURE__ */ jsx20("div", { ref, className: cn(sidebarContentVariants({ spacing, className })), ...props });
+    return /* @__PURE__ */ jsx22("div", { ref, className: cn(sidebarContentVariants({ spacing, className })), ...props });
   }
 );
 SidebarContent.displayName = "SidebarContent";
-var SidebarItem = React18.forwardRef(
+var SidebarItem = React20.forwardRef(
   ({ className, variant, icon, badge, children, active, ...props }, ref) => {
     return /* @__PURE__ */ jsxs7(
       "button",
@@ -1379,25 +1432,25 @@ var SidebarItem = React18.forwardRef(
         className: cn(sidebarItemVariants({ variant: active ? "active" : variant, className })),
         ...props,
         children: [
-          icon && /* @__PURE__ */ jsx20("span", { className: "flex-shrink-0", children: icon }),
-          /* @__PURE__ */ jsx20("span", { className: "flex-1 truncate text-left", children }),
-          badge && /* @__PURE__ */ jsx20("span", { className: "flex-shrink-0", children: badge })
+          icon && /* @__PURE__ */ jsx22("span", { className: "flex-shrink-0", children: icon }),
+          /* @__PURE__ */ jsx22("span", { className: "flex-1 truncate text-left", children }),
+          badge && /* @__PURE__ */ jsx22("span", { className: "flex-shrink-0", children: badge })
         ]
       }
     );
   }
 );
 SidebarItem.displayName = "SidebarItem";
-var SidebarSection = React18.forwardRef(
+var SidebarSection = React20.forwardRef(
   ({ className, title, collapsed, children, ...props }, ref) => {
-    const [isCollapsed, setIsCollapsed] = React18.useState(collapsed ?? false);
-    React18.useEffect(() => {
+    const [isCollapsed, setIsCollapsed] = React20.useState(collapsed ?? false);
+    React20.useEffect(() => {
       if (collapsed !== void 0) {
         setIsCollapsed(collapsed);
       }
     }, [collapsed]);
     return /* @__PURE__ */ jsxs7("div", { ref, className: cn(sidebarSectionVariants({ className })), ...props, children: [
-      title && /* @__PURE__ */ jsx20(
+      title && /* @__PURE__ */ jsx22(
         "button",
         {
           className: cn(
@@ -1408,7 +1461,7 @@ var SidebarSection = React18.forwardRef(
           "aria-expanded": !isCollapsed,
           children: /* @__PURE__ */ jsxs7("span", { className: "flex items-center justify-between", children: [
             title,
-            /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsx22(
               "span",
               {
                 className: cn("transition-transform", isCollapsed ? "rotate-0" : "rotate-90"),
@@ -1419,30 +1472,30 @@ var SidebarSection = React18.forwardRef(
           ] })
         }
       ),
-      !isCollapsed && /* @__PURE__ */ jsx20("div", { className: "space-y-[var(--spacing-1)]", children })
+      !isCollapsed && /* @__PURE__ */ jsx22("div", { className: "space-y-[var(--spacing-1)]", children })
     ] });
   }
 );
 SidebarSection.displayName = "SidebarSection";
-var SidebarSectionTitle = React18.forwardRef(
+var SidebarSectionTitle = React20.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx20("div", { ref, className: cn(sidebarSectionTitleVariants({ className })), ...props });
+    return /* @__PURE__ */ jsx22("div", { ref, className: cn(sidebarSectionTitleVariants({ className })), ...props });
   }
 );
 SidebarSectionTitle.displayName = "SidebarSectionTitle";
-var SidebarFooter = React18.forwardRef(
+var SidebarFooter = React20.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx20("div", { ref, className: cn(sidebarFooterVariants({ className })), ...props });
+    return /* @__PURE__ */ jsx22("div", { ref, className: cn(sidebarFooterVariants({ className })), ...props });
   }
 );
 SidebarFooter.displayName = "SidebarFooter";
 
 // src/components/navigation-menu.tsx
-import * as React19 from "react";
+import * as React21 from "react";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
-import { cva as cva5 } from "class-variance-authority";
-import { jsx as jsx21, jsxs as jsxs8 } from "react/jsx-runtime";
-var NavigationMenu = React19.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs8(
+import { cva as cva7 } from "class-variance-authority";
+import { jsx as jsx23, jsxs as jsxs8 } from "react/jsx-runtime";
+var NavigationMenu = React21.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs8(
   NavigationMenuPrimitive.Root,
   {
     ref,
@@ -1450,12 +1503,12 @@ var NavigationMenu = React19.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx21(NavigationMenuViewport, {})
+      /* @__PURE__ */ jsx23(NavigationMenuViewport, {})
     ]
   }
 ));
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
+var NavigationMenuList = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   NavigationMenuPrimitive.List,
   {
     ref,
@@ -1468,10 +1521,10 @@ var NavigationMenuList = React19.forwardRef(({ className, ...props }, ref) => /*
 ));
 NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
 var NavigationMenuItem = NavigationMenuPrimitive.Item;
-var navigationMenuTriggerStyle = cva5(
+var navigationMenuTriggerStyle = cva7(
   "group inline-flex h-10 w-max items-center justify-center rounded-[var(--radius-md)] bg-[var(--bg-background)] px-[var(--spacing-4)] py-[var(--spacing-2)] text-sm font-medium transition-colors hover:bg-[var(--bg-accent)] hover:text-[var(--bg-accent-foreground)] focus:bg-[var(--bg-accent)] focus:text-[var(--bg-accent-foreground)] focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-[var(--bg-accent)]/50 data-[state=open]:bg-[var(--bg-accent)]/50"
 );
-var NavigationMenuTrigger = React19.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs8(
+var NavigationMenuTrigger = React21.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs8(
   NavigationMenuPrimitive.Trigger,
   {
     ref,
@@ -1480,7 +1533,7 @@ var NavigationMenuTrigger = React19.forwardRef(({ className, children, ...props
     children: [
       children,
       " ",
-      /* @__PURE__ */ jsx21(
+      /* @__PURE__ */ jsx23(
         "svg",
         {
           width: "12",
@@ -1490,7 +1543,7 @@ var NavigationMenuTrigger = React19.forwardRef(({ className, children, ...props
           xmlns: "http://www.w3.org/2000/svg",
           className: "relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180",
           "aria-hidden": "true",
-          children: /* @__PURE__ */ jsx21(
+          children: /* @__PURE__ */ jsx23(
             "path",
             {
               d: "M2.5 4.5L6 8L9.5 4.5",
@@ -1506,7 +1559,7 @@ var NavigationMenuTrigger = React19.forwardRef(({ className, children, ...props
   }
 ));
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
+var NavigationMenuContent = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   NavigationMenuPrimitive.Content,
   {
     ref,
@@ -1519,7 +1572,7 @@ var NavigationMenuContent = React19.forwardRef(({ className, ...props }, ref) =>
 ));
 NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive.Link;
-var NavigationMenuViewport = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx21(
+var NavigationMenuViewport = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx23(
   NavigationMenuPrimitive.Viewport,
   {
     className: cn(
@@ -1531,7 +1584,7 @@ var NavigationMenuViewport = React19.forwardRef(({ className, ...props }, ref) =
   }
 ) }));
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-var NavigationMenuIndicator = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
+var NavigationMenuIndicator = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   NavigationMenuPrimitive.Indicator,
   {
     ref,
@@ -1540,16 +1593,16 @@ var NavigationMenuIndicator = React19.forwardRef(({ className, ...props }, ref)
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx21("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-[var(--border-default)] shadow-md" })
+    children: /* @__PURE__ */ jsx23("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-[var(--border-default)] shadow-md" })
   }
 ));
 NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
 
 // src/components/breadcrumb.tsx
-import * as React20 from "react";
-import { cva as cva6 } from "class-variance-authority";
-import { jsx as jsx22, jsxs as jsxs9 } from "react/jsx-runtime";
-var breadcrumbVariants = cva6("flex items-center gap-[var(--spacing-2)]", {
+import * as React22 from "react";
+import { cva as cva8 } from "class-variance-authority";
+import { jsx as jsx24, jsxs as jsxs9 } from "react/jsx-runtime";
+var breadcrumbVariants = cva8("flex items-center gap-[var(--spacing-2)]", {
   variants: {
     size: {
       sm: "text-xs",
@@ -1561,13 +1614,13 @@ var breadcrumbVariants = cva6("flex items-center gap-[var(--spacing-2)]", {
     size: "default"
   }
 });
-var breadcrumbListVariants = cva6("flex flex-wrap items-center gap-1.5 break-words", {
+var breadcrumbListVariants = cva8("flex flex-wrap items-center gap-1.5 break-words", {
   variants: {}
 });
-var breadcrumbItemVariants = cva6("inline-flex items-center gap-1.5", {
+var breadcrumbItemVariants = cva8("inline-flex items-center gap-1.5", {
   variants: {}
 });
-var breadcrumbLinkVariants = cva6(
+var breadcrumbLinkVariants = cva8(
   "transition-colors hover:text-[var(--bg-foreground)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--border-ring)] focus-visible:ring-offset-2 rounded-[var(--radius-sm)]",
   {
     variants: {
@@ -1581,18 +1634,18 @@ var breadcrumbLinkVariants = cva6(
     }
   }
 );
-var breadcrumbSeparatorVariants = cva6("text-[var(--text-muted-foreground)] select-none", {
+var breadcrumbSeparatorVariants = cva8("text-[var(--text-muted-foreground)] select-none", {
   variants: {}
 });
-var breadcrumbEllipsisVariants = cva6(
+var breadcrumbEllipsisVariants = cva8(
   "inline-flex h-9 w-9 items-center justify-center text-[var(--text-muted-foreground)]",
   {
     variants: {}
   }
 );
-var Breadcrumb = React20.forwardRef(
+var Breadcrumb = React22.forwardRef(
   ({ className, size, separator: _separator = "/", ...props }, ref) => {
-    return /* @__PURE__ */ jsx22(
+    return /* @__PURE__ */ jsx24(
       "nav",
       {
         ref,
@@ -1604,18 +1657,18 @@ var Breadcrumb = React20.forwardRef(
   }
 );
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React20.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx22("ol", { ref, className: cn(breadcrumbListVariants({ className })), ...props })
+var BreadcrumbList = React22.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx24("ol", { ref, className: cn(breadcrumbListVariants({ className })), ...props })
 );
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React20.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx22("li", { ref, className: cn(breadcrumbItemVariants({ className })), ...props })
+var BreadcrumbItem = React22.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx24("li", { ref, className: cn(breadcrumbItemVariants({ className })), ...props })
 );
 BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React20.forwardRef(
+var BreadcrumbLink = React22.forwardRef(
   ({ className, active, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? React20.Fragment : "a";
-    return /* @__PURE__ */ jsx22(
+    const Comp = asChild ? React22.Fragment : "a";
+    return /* @__PURE__ */ jsx24(
       Comp,
       {
         ref: asChild ? void 0 : ref,
@@ -1628,8 +1681,8 @@ var BreadcrumbLink = React20.forwardRef(
   }
 );
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React20.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var BreadcrumbPage = React22.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
     "span",
     {
       ref,
@@ -1646,8 +1699,8 @@ var BreadcrumbPage = React20.forwardRef(
   )
 );
 BreadcrumbPage.displayName = "BreadcrumbPage";
-var BreadcrumbSeparator = React20.forwardRef(
-  ({ children, className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var BreadcrumbSeparator = React22.forwardRef(
+  ({ children, className, ...props }, ref) => /* @__PURE__ */ jsx24(
     "li",
     {
       ref,
@@ -1660,7 +1713,7 @@ var BreadcrumbSeparator = React20.forwardRef(
   )
 );
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
-var BreadcrumbEllipsis = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs9(
+var BreadcrumbEllipsis = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs9(
   "span",
   {
     ref,
@@ -1669,7 +1722,7 @@ var BreadcrumbEllipsis = React20.forwardRef(({ className, ...props }, ref) => /*
     className: cn(breadcrumbEllipsisVariants({ className })),
     ...props,
     children: [
-      /* @__PURE__ */ jsx22(
+      /* @__PURE__ */ jsx24(
         "svg",
         {
           width: "15",
@@ -1678,7 +1731,7 @@ var BreadcrumbEllipsis = React20.forwardRef(({ className, ...props }, ref) => /*
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg",
           "aria-hidden": "true",
-          children: /* @__PURE__ */ jsx22(
+          children: /* @__PURE__ */ jsx24(
             "path",
             {
               d: "M3.625 7.5C3.625 8.12132 3.12132 8.625 2.5 8.625C1.87868 8.625 1.375 8.12132 1.375 7.5C1.375 6.87868 1.87868 6.375 2.5 6.375C3.12132 6.375 3.625 6.87868 3.625 7.5ZM8.625 7.5C8.625 8.12132 8.12132 8.625 7.5 8.625C6.87868 8.625 6.375 8.12132 6.375 7.5C6.375 6.87868 6.87868 6.375 7.5 6.375C8.12132 6.375 8.625 6.87868 8.625 7.5ZM12.5 8.625C13.1213 8.625 13.625 8.12132 13.625 7.5C13.625 6.87868 13.1213 6.375 12.5 6.375C11.8787 6.375 11.375 6.87868 11.375 7.5C11.375 8.12132 11.8787 8.625 12.5 8.625Z",
@@ -1689,17 +1742,17 @@ var BreadcrumbEllipsis = React20.forwardRef(({ className, ...props }, ref) => /*
           )
         }
       ),
-      /* @__PURE__ */ jsx22("span", { className: "sr-only", children: "More" })
+      /* @__PURE__ */ jsx24("span", { className: "sr-only", children: "More" })
     ]
   }
 ));
 BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
 
 // src/components/command.tsx
-import * as React21 from "react";
+import * as React23 from "react";
 import { Command as CommandPrimitive } from "cmdk";
-import { jsx as jsx23, jsxs as jsxs10 } from "react/jsx-runtime";
-var Command = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+import { jsx as jsx25, jsxs as jsxs10 } from "react/jsx-runtime";
+var Command = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
   CommandPrimitive,
   {
     ref,
@@ -1715,24 +1768,24 @@ var CommandDialog = ({
   children,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx25(
     CommandPrimitive.Dialog,
     {
       ...props,
       className: cn(
         "fixed inset-0 z-50 bg-[var(--bg-background)]/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
       ),
-      children: /* @__PURE__ */ jsx23("div", { className: "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-[var(--border-default)] bg-[var(--bg-background)] p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", children: /* @__PURE__ */ jsx23(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-[var(--text-muted-foreground)] [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children }) })
+      children: /* @__PURE__ */ jsx25("div", { className: "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-[var(--border-default)] bg-[var(--bg-background)] p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", children: /* @__PURE__ */ jsx25(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-[var(--text-muted-foreground)] [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children }) })
     }
   );
 };
-var CommandInput = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs10(
+var CommandInput = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs10(
   "div",
   {
     className: "flex items-center border-b border-[var(--border-default)] px-3",
     "cmdk-input-wrapper": "",
     children: [
-      /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsx25(
         "svg",
         {
           width: "15",
@@ -1741,7 +1794,7 @@ var CommandInput = React21.forwardRef(({ className, ...props }, ref) => /* @__PU
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg",
           className: "mr-2 h-4 w-4 shrink-0 opacity-50",
-          children: /* @__PURE__ */ jsx23(
+          children: /* @__PURE__ */ jsx25(
             "path",
             {
               d: "M10 6.5C10 8.433 8.433 10 6.5 10C4.567 10 3 8.433 3 6.5C3 4.567 4.567 3 6.5 3C8.433 3 10 4.567 10 6.5ZM9.30884 10.0159C8.53901 10.6318 7.56251 11 6.5 11C4.01472 11 2 8.98528 2 6.5C2 4.01472 4.01472 2 6.5 2C8.98528 2 11 4.01472 11 6.5C11 7.56251 10.6318 8.53901 10.0159 9.30884L12.8536 12.1464C13.0488 12.3417 13.0488 12.6583 12.8536 12.8536C12.6583 13.0488 12.3417 13.0488 12.1464 12.8536L9.30884 10.0159Z",
@@ -1752,7 +1805,7 @@ var CommandInput = React21.forwardRef(({ className, ...props }, ref) => /* @__PU
           )
         }
       ),
-      /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsx25(
         CommandPrimitive.Input,
         {
           ref,
@@ -1767,7 +1820,7 @@ var CommandInput = React21.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandInput.displayName = CommandPrimitive.Input.displayName;
-var CommandList = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var CommandList = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
   CommandPrimitive.List,
   {
     ref,
@@ -1776,7 +1829,7 @@ var CommandList = React21.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = CommandPrimitive.List.displayName;
-var CommandEmpty = React21.forwardRef((props, ref) => /* @__PURE__ */ jsx23(
+var CommandEmpty = React23.forwardRef((props, ref) => /* @__PURE__ */ jsx25(
   CommandPrimitive.Empty,
   {
     ref,
@@ -1785,7 +1838,7 @@ var CommandEmpty = React21.forwardRef((props, ref) => /* @__PURE__ */ jsx23(
   }
 ));
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-var CommandGroup = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var CommandGroup = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
   CommandPrimitive.Group,
   {
     ref,
@@ -1797,7 +1850,7 @@ var CommandGroup = React21.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = CommandPrimitive.Group.displayName;
-var CommandSeparator = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var CommandSeparator = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
   CommandPrimitive.Separator,
   {
     ref,
@@ -1806,7 +1859,7 @@ var CommandSeparator = React21.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-var CommandItem = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var CommandItem = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
   CommandPrimitive.Item,
   {
     ref,
@@ -1819,7 +1872,7 @@ var CommandItem = React21.forwardRef(({ className, ...props }, ref) => /* @__PUR
 ));
 CommandItem.displayName = CommandPrimitive.Item.displayName;
 var CommandShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx25(
     "span",
     {
       className: cn(
@@ -1834,9 +1887,9 @@ CommandShortcut.displayName = "CommandShortcut";
 
 // src/components/calendar.tsx
 import { DayPicker } from "react-day-picker";
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx26(
     DayPicker,
     {
       showOutsideDays,
@@ -1880,7 +1933,7 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
       components: {
         Chevron: ({ orientation }) => {
           if (orientation === "left") {
-            return /* @__PURE__ */ jsx24(
+            return /* @__PURE__ */ jsx26(
               "svg",
               {
                 width: "15",
@@ -1889,7 +1942,7 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
                 fill: "none",
                 xmlns: "http://www.w3.org/2000/svg",
                 className: "h-4 w-4",
-                children: /* @__PURE__ */ jsx24(
+                children: /* @__PURE__ */ jsx26(
                   "path",
                   {
                     d: "M8.84182 3.13514C9.04327 3.32401 9.05348 3.64042 8.86462 3.84188L5.43521 7.49991L8.86462 11.1579C9.05348 11.3594 9.04327 11.6758 8.84182 11.8647C8.64036 12.0535 8.32394 12.0433 8.13508 11.8419L4.38508 7.84188C4.20477 7.64955 4.20477 7.35027 4.38508 7.15794L8.13508 3.15794C8.32394 2.95648 8.64036 2.94628 8.84182 3.13514Z",
@@ -1901,7 +1954,7 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
               }
             );
           }
-          return /* @__PURE__ */ jsx24(
+          return /* @__PURE__ */ jsx26(
             "svg",
             {
               width: "15",
@@ -1910,7 +1963,7 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
               fill: "none",
               xmlns: "http://www.w3.org/2000/svg",
               className: "h-4 w-4",
-              children: /* @__PURE__ */ jsx24(
+              children: /* @__PURE__ */ jsx26(
                 "path",
                 {
                   d: "M6.1584 3.13508C6.35985 2.94621 6.67627 2.95642 6.86514 3.15788L10.6151 7.15788C10.7954 7.3502 10.7954 7.64949 10.6151 7.84182L6.86514 11.8418C6.67627 12.0433 6.35985 12.0535 6.1584 11.8646C5.95694 11.6757 5.94673 11.3593 6.1356 11.1579L9.565 7.49985L6.1356 3.84182C5.94673 3.64036 5.95694 3.32394 6.1584 3.13508Z",
@@ -1994,6 +2047,7 @@ export {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
+  Heading,
   Input,
   Label,
   NavigationMenu,
@@ -2054,6 +2108,7 @@ export {
   TabsContent,
   TabsList,
   TabsTrigger,
+  Text,
   Textarea,
   Toast,
   ToastAction,
@@ -2073,6 +2128,7 @@ export {
   fadeVariants,
   getCurrentThemeId,
   getMotionTransition,
+  headingVariants,
   injectThemeCSS,
   isTokenReference,
   motionTokens,
@@ -2083,6 +2139,7 @@ export {
   setThemeId,
   sidebarVariants,
   slideVariants,
+  textVariants,
   themeToCSS,
   tokenVars,
   transitions,