@framingui/ui 0.6.10 → 0.6.11

package/dist/index.mjs

@@ -81,76 +81,8 @@ 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/framingui-provider.tsx
+import { useEffect } from "react";
 
 // src/lib/theme-loader.ts
 function oklchToCSS(color) {
@@ -295,8 +227,99 @@ function setThemeId(themeId) {
   document.documentElement.setAttribute("data-theme", themeId);
 }
 
+// src/framingui-provider.tsx
+import { Fragment, jsx } from "react/jsx-runtime";
+function FramingUIProvider({ children, theme, themeId }) {
+  const resolvedThemeId = theme?.id ?? themeId ?? null;
+  useEffect(() => {
+    if (process.env.NODE_ENV !== "production" && theme && themeId && theme.id !== themeId) {
+      console.warn(
+        `[FramingUIProvider] theme.id "${theme.id}" does not match themeId "${themeId}". Using "${theme.id}" because the theme object is authoritative.`
+      );
+    }
+    if (theme) {
+      injectThemeCSS(theme);
+    }
+    if (resolvedThemeId && getCurrentThemeId() !== resolvedThemeId) {
+      setThemeId(resolvedThemeId);
+    }
+  }, [resolvedThemeId, theme, themeId]);
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+
+// src/primitives/heading.tsx
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { jsx as jsx2 } 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__ */ jsx2(
+      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 jsx3 } 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__ */ jsx3(
+      Comp,
+      {
+        className: cn(textVariants({ variant, size, className })),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Text.displayName = "Text";
+
 // src/lib/motion.ts
-import { useEffect, useState } from "react";
+import { useEffect as useEffect2, useState } from "react";
 var motionTokens = {
   duration: {
     instant: 0,
@@ -368,7 +391,7 @@ var scaleVariants = {
 };
 function useMotionSafe() {
   const [motionSafe, setMotionSafe] = useState(true);
-  useEffect(() => {
+  useEffect2(() => {
     const mediaQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
     setMotionSafe(!mediaQuery.matches);
     const handleChange = (e) => {
@@ -388,7 +411,7 @@ function getMotionTransition(transition, motionSafe) {
 
 // src/components/badge.tsx
 import { cva as cva3 } from "class-variance-authority";
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx as jsx4 } 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",
   {
@@ -406,14 +429,14 @@ var badgeVariants = cva3(
   }
 );
 function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ jsx3("div", { className: cn(badgeVariants({ variant }), className), ...props });
+  return /* @__PURE__ */ jsx4("div", { className: cn(badgeVariants({ variant }), className), ...props });
 }
 
 // src/components/avatar.tsx
 import * as React3 from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import { jsx as jsx4 } from "react/jsx-runtime";
-var Avatar = React3.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx4(
+import { jsx as jsx5 } from "react/jsx-runtime";
+var Avatar = React3.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx5(
   AvatarPrimitive.Root,
   {
     ref,
@@ -426,7 +449,7 @@ var Avatar = React3.forwardRef(({ className, children, ...props }, ref) => /* @_
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
+var AvatarImage = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(
   AvatarPrimitive.Image,
   {
     ref,
@@ -435,7 +458,7 @@ var AvatarImage = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
+var AvatarFallback = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -452,8 +475,8 @@ AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
 import * as React4 from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { Check } from "lucide-react";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var Checkbox = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(
+import { jsx as jsx6 } from "react/jsx-runtime";
+var Checkbox = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -462,7 +485,7 @@ var Checkbox = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx5(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: /* @__PURE__ */ jsx5(Check, { className: "h-4 w-4" }) })
+    children: /* @__PURE__ */ jsx6(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: /* @__PURE__ */ jsx6(Check, { className: "h-4 w-4" }) })
   }
 ));
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
@@ -471,9 +494,9 @@ Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 import * as React5 from "react";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import { Circle } from "lucide-react";
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 var RadioGroup = React5.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7(
     RadioGroupPrimitive.Root,
     {
       className: cn("grid gap-[var(--spacing-2)]", className),
@@ -484,7 +507,7 @@ var RadioGroup = React5.forwardRef(({ className, ...props }, ref) => {
 });
 RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
 var RadioGroupItem = React5.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7(
     RadioGroupPrimitive.Item,
     {
       ref,
@@ -493,7 +516,7 @@ var RadioGroupItem = React5.forwardRef(({ className, ...props }, ref) => {
         className
       ),
       ...props,
-      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" }) })
+      children: /* @__PURE__ */ jsx7(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx7(Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
     }
   );
 });
@@ -502,8 +525,8 @@ RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
 // src/components/switch.tsx
 import * as React6 from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
-import { jsx as jsx7 } from "react/jsx-runtime";
-var Switch = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(
+import { jsx as jsx8 } from "react/jsx-runtime";
+var Switch = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
   SwitchPrimitives.Root,
   {
     className: cn(
@@ -512,7 +535,7 @@ var Switch = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
     ),
     ...props,
     ref,
-    children: /* @__PURE__ */ jsx7(
+    children: /* @__PURE__ */ jsx8(
       SwitchPrimitives.Thumb,
       {
         className: cn(
@@ -526,10 +549,10 @@ Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // src/components/textarea.tsx
 import * as React7 from "react";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 var Textarea = React7.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx8(
+    return /* @__PURE__ */ jsx9(
       "textarea",
       {
         className: cn(
@@ -545,9 +568,9 @@ var Textarea = React7.forwardRef(
 Textarea.displayName = "Textarea";
 
 // src/components/skeleton.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "div",
     {
       className: cn("animate-pulse rounded-[var(--radius-md)] bg-[var(--bg-muted)]", className),
@@ -559,7 +582,7 @@ function Skeleton({ className, ...props }) {
 // src/components/scroll-area.tsx
 import * as React8 from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { jsx as jsx10, jsxs } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs } from "react/jsx-runtime";
 var ScrollArea = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   ScrollAreaPrimitive.Root,
   {
@@ -567,14 +590,14 @@ var ScrollArea = React8.forwardRef(({ className, children, ...props }, ref) => /
     className: cn("relative overflow-hidden", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx10(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-      /* @__PURE__ */ jsx10(ScrollBar, {}),
-      /* @__PURE__ */ jsx10(ScrollAreaPrimitive.Corner, {})
+      /* @__PURE__ */ jsx11(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ jsx11(ScrollBar, {}),
+      /* @__PURE__ */ jsx11(ScrollAreaPrimitive.Corner, {})
     ]
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React8.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx10(
+var ScrollBar = React8.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx11(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -586,7 +609,7 @@ var ScrollBar = React8.forwardRef(({ className, orientation = "vertical", ...pro
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx10(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-[var(--radius-full)] bg-[var(--border-default)]" })
+    children: /* @__PURE__ */ jsx11(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-[var(--radius-full)] bg-[var(--border-default)]" })
   }
 ));
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
@@ -595,7 +618,7 @@ ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 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 jsx11, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs2 } from "react/jsx-runtime";
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
@@ -610,32 +633,32 @@ var SelectTrigger = React9.forwardRef(({ className, children, ...props }, ref) =
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx11(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx11(ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+      /* @__PURE__ */ jsx12(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx12(ChevronDown, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+var SelectScrollUpButton = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ jsx11(ChevronUp, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ jsx12(ChevronUp, { className: "h-4 w-4" })
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+var SelectScrollDownButton = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ jsx11(ChevronDown, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ jsx12(ChevronDown, { className: "h-4 w-4" })
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React9.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx11(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs2(
+var SelectContent = React9.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx12(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs2(
   SelectPrimitive.Content,
   {
     ref,
@@ -647,8 +670,8 @@ var SelectContent = React9.forwardRef(({ className, children, position = "popper
     position,
     ...props,
     children: [
-      /* @__PURE__ */ jsx11(SelectScrollUpButton, {}),
-      /* @__PURE__ */ jsx11(
+      /* @__PURE__ */ jsx12(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx12(
         SelectPrimitive.Viewport,
         {
           className: cn(
@@ -658,12 +681,12 @@ var SelectContent = React9.forwardRef(({ className, children, position = "popper
           children
         }
       ),
-      /* @__PURE__ */ jsx11(SelectScrollDownButton, {})
+      /* @__PURE__ */ jsx12(SelectScrollDownButton, {})
     ]
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+var SelectLabel = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
   SelectPrimitive.Label,
   {
     ref,
@@ -685,13 +708,13 @@ var SelectItem = React9.forwardRef(({ className, children, ...props }, ref) => /
     ),
     ...props,
     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 })
+      /* @__PURE__ */ jsx12("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx12(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx12(Check2, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx12(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+var SelectSeparator = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
   SelectPrimitive.Separator,
   {
     ref,
@@ -705,12 +728,12 @@ SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 import * as React10 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { X } from "lucide-react";
-import { jsx as jsx12, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx13, 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 = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+var DialogOverlay = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -723,7 +746,7 @@ var DialogOverlay = React10.forwardRef(({ className, ...props }, ref) => /* @__P
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
 var DialogContent = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs3(DialogPortal, { children: [
-  /* @__PURE__ */ jsx12(DialogOverlay, {}),
+  /* @__PURE__ */ jsx13(DialogOverlay, {}),
   /* @__PURE__ */ jsxs3(
     DialogPrimitive.Content,
     {
@@ -736,17 +759,17 @@ var DialogContent = React10.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__ */ jsx12(X, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx12("span", { className: "sr-only", children: "Close" })
+          /* @__PURE__ */ jsx13(X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx13("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
   )
 ] }));
 DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx12("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx13("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
 DialogHeader.displayName = "DialogHeader";
-var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx12(
+var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx13(
   "div",
   {
     className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
@@ -754,7 +777,7 @@ var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx12(
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+var DialogTitle = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
   DialogPrimitive.Title,
   {
     ref,
@@ -763,7 +786,7 @@ var DialogTitle = React10.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+var DialogDescription = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
   DialogPrimitive.Description,
   {
     ref,
@@ -777,7 +800,7 @@ DialogDescription.displayName = DialogPrimitive.Description.displayName;
 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 jsx13, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs4 } from "react/jsx-runtime";
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuGroup = DropdownMenuPrimitive.Group;
@@ -796,12 +819,12 @@ var DropdownMenuSubTrigger = React11.forwardRef(({ className, inset, children, .
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx13(ChevronRight, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ jsx14(ChevronRight, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+var DropdownMenuSubContent = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -813,7 +836,7 @@ var DropdownMenuSubContent = React11.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React11.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx13(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx13(
+var DropdownMenuContent = React11.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx14(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx14(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -826,7 +849,7 @@ var DropdownMenuContent = React11.forwardRef(({ className, sideOffset = 4, ...pr
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React11.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx13(
+var DropdownMenuItem = React11.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx14(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -850,7 +873,7 @@ var DropdownMenuCheckboxItem = React11.forwardRef(({ className, children, checke
     checked,
     ...props,
     children: [
-      /* @__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" }) }) }),
+      /* @__PURE__ */ jsx14("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx14(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx14(Check3, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
@@ -866,13 +889,13 @@ var DropdownMenuRadioItem = React11.forwardRef(({ className, children, ...props
     ),
     ...props,
     children: [
-      /* @__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" }) }) }),
+      /* @__PURE__ */ jsx14("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx14(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx14(Circle2, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React11.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx13(
+var DropdownMenuLabel = React11.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx14(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -885,7 +908,7 @@ var DropdownMenuLabel = React11.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+var DropdownMenuSeparator = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -895,22 +918,22 @@ var DropdownMenuSeparator = React11.forwardRef(({ className, ...props }, ref) =>
 ));
 DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
 var DropdownMenuShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx13("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
+  return /* @__PURE__ */ jsx14("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
 };
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
 // src/components/table.tsx
 import * as React12 from "react";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } 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 }) })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx15("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx15("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })
 );
 Table.displayName = "Table";
-var TableHeader = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
+var TableBody = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
 TableBody.displayName = "TableBody";
-var TableFooter = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+var TableFooter = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
   "tfoot",
   {
     ref,
@@ -920,7 +943,7 @@ var TableFooter = React12.forwardRef(({ className, ...props }, ref) => /* @__PUR
 ));
 TableFooter.displayName = "TableFooter";
 var TableRow = React12.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
     "tr",
     {
       ref,
@@ -933,7 +956,7 @@ var TableRow = React12.forwardRef(
   )
 );
 TableRow.displayName = "TableRow";
-var TableHead = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+var TableHead = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
   "th",
   {
     ref,
@@ -945,7 +968,7 @@ var TableHead = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+var TableCell = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
   "td",
   {
     ref,
@@ -954,7 +977,7 @@ var TableCell = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+var TableCaption = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
   "caption",
   {
     ref,
@@ -967,9 +990,9 @@ TableCaption.displayName = "TableCaption";
 // src/components/tabs.tsx
 import * as React13 from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var Tabs = TabsPrimitive.Root;
-var TabsList = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
+var TabsList = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
   TabsPrimitive.List,
   {
     ref,
@@ -981,7 +1004,7 @@ var TabsList = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
+var TabsTrigger = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -993,7 +1016,7 @@ var TabsTrigger = React13.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
+var TabsContent = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
   TabsPrimitive.Content,
   {
     ref,
@@ -1011,9 +1034,9 @@ import * as React14 from "react";
 import * as ToastPrimitives from "@radix-ui/react-toast";
 import { cva as cva4 } from "class-variance-authority";
 import { X as X2 } from "lucide-react";
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var ToastProvider = ToastPrimitives.Provider;
-var ToastViewport = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
+var ToastViewport = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
   ToastPrimitives.Viewport,
   {
     ref,
@@ -1040,7 +1063,7 @@ var toastVariants = cva4(
   }
 );
 var Toast = React14.forwardRef(({ className, variant, ...props }, ref) => {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     ToastPrimitives.Root,
     {
       ref,
@@ -1050,7 +1073,7 @@ var Toast = React14.forwardRef(({ className, variant, ...props }, ref) => {
   );
 });
 Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
+var ToastAction = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
   ToastPrimitives.Action,
   {
     ref,
@@ -1062,7 +1085,7 @@ var ToastAction = React14.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
+var ToastClose = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
   ToastPrimitives.Close,
   {
     ref,
@@ -1072,13 +1095,13 @@ var ToastClose = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE
     ),
     "toast-close": "",
     ...props,
-    children: /* @__PURE__ */ jsx16(X2, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ jsx17(X2, { className: "h-4 w-4" })
   }
 ));
 ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(ToastPrimitives.Title, { ref, className: cn("text-sm font-semibold", className), ...props }));
+var ToastTitle = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(ToastPrimitives.Title, { ref, className: cn("text-sm font-semibold", className), ...props }));
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
+var ToastDescription = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
   ToastPrimitives.Description,
   {
     ref,
@@ -1091,11 +1114,11 @@ ToastDescription.displayName = ToastPrimitives.Description.displayName;
 // src/components/tooltip.tsx
 import * as React15 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React15.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx17(
+var TooltipContent = React15.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx18(
   TooltipPrimitive.Content,
   {
     ref,
@@ -1112,10 +1135,10 @@ TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 // src/components/popover.tsx
 import * as React16 from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React16.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx18(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx18(
+var PopoverContent = React16.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx19(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx19(
   PopoverPrimitive.Content,
   {
     ref,
@@ -1135,12 +1158,12 @@ import * as React17 from "react";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { cva as cva5 } from "class-variance-authority";
 import { X as X3 } from "lucide-react";
-import { jsx as jsx19, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx20, 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 = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+var SheetOverlay = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -1169,17 +1192,17 @@ var sheetVariants = cva5(
   }
 );
 var SheetContent = React17.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs5(SheetPortal, { children: [
-  /* @__PURE__ */ jsx19(SheetOverlay, {}),
+  /* @__PURE__ */ jsx20(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__ */ jsx19(X3, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsx19("span", { className: "sr-only", children: "Close" })
+      /* @__PURE__ */ jsx20(X3, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx20("span", { className: "sr-only", children: "Close" })
     ] })
   ] })
 ] }));
 SheetContent.displayName = SheetPrimitive.Content.displayName;
-var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx19(
+var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx20(
   "div",
   {
     className: cn("flex flex-col space-y-[var(--spacing-2)] text-center sm:text-left", className),
@@ -1187,7 +1210,7 @@ var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx19(
   }
 );
 SheetHeader.displayName = "SheetHeader";
-var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx19(
+var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx20(
   "div",
   {
     className: cn(
@@ -1198,7 +1221,7 @@ var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx19(
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+var SheetTitle = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   SheetPrimitive.Title,
   {
     ref,
@@ -1207,7 +1230,7 @@ var SheetTitle = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+var SheetDescription = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   SheetPrimitive.Description,
   {
     ref,
@@ -1220,11 +1243,11 @@ SheetDescription.displayName = SheetPrimitive.Description.displayName;
 // src/components/alert-dialog.tsx
 import * as React18 from "react";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
-import { jsx as jsx20, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs6 } from "react/jsx-runtime";
 var AlertDialog = AlertDialogPrimitive.Root;
 var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 var AlertDialogPortal = AlertDialogPrimitive.Portal;
-var AlertDialogOverlay = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+var AlertDialogOverlay = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
   AlertDialogPrimitive.Overlay,
   {
     className: cn(
@@ -1237,8 +1260,8 @@ var AlertDialogOverlay = React18.forwardRef(({ className, ...props }, ref) => /*
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
 var AlertDialogContent = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs6(AlertDialogPortal, { children: [
-  /* @__PURE__ */ jsx20(AlertDialogOverlay, {}),
-  /* @__PURE__ */ jsx20(
+  /* @__PURE__ */ jsx21(AlertDialogOverlay, {}),
+  /* @__PURE__ */ jsx21(
     AlertDialogPrimitive.Content,
     {
       ref,
@@ -1251,9 +1274,9 @@ var AlertDialogContent = React18.forwardRef(({ className, ...props }, ref) => /*
   )
 ] }));
 AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
-var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx20("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
+var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx21("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
 AlertDialogHeader.displayName = "AlertDialogHeader";
-var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx20(
+var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx21(
   "div",
   {
     className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
@@ -1261,7 +1284,7 @@ var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx20(
   }
 );
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+var AlertDialogTitle = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
   AlertDialogPrimitive.Title,
   {
     ref,
@@ -1270,7 +1293,7 @@ var AlertDialogTitle = React18.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+var AlertDialogDescription = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
   AlertDialogPrimitive.Description,
   {
     ref,
@@ -1279,9 +1302,9 @@ var AlertDialogDescription = React18.forwardRef(({ className, ...props }, ref) =
   }
 ));
 AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogAction = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(AlertDialogPrimitive.Action, { ref, className: cn(buttonVariants(), className), ...props }));
+var AlertDialogAction = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(AlertDialogPrimitive.Action, { ref, className: cn(buttonVariants(), className), ...props }));
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+var AlertDialogCancel = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
   AlertDialogPrimitive.Cancel,
   {
     ref,
@@ -1294,8 +1317,8 @@ AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
 // src/components/progress.tsx
 import * as React19 from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-import { jsx as jsx21 } from "react/jsx-runtime";
-var Progress = React19.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx21(
+import { jsx as jsx22 } from "react/jsx-runtime";
+var Progress = React19.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx22(
   ProgressPrimitive.Root,
   {
     ref,
@@ -1308,7 +1331,7 @@ var Progress = React19.forwardRef(({ className, value, ...props }, ref) => /* @_
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx21(
+    children: /* @__PURE__ */ jsx22(
       ProgressPrimitive.Indicator,
       {
         className: "h-full w-full flex-1 bg-[var(--bg-primary)] transition-all",
@@ -1322,7 +1345,7 @@ Progress.displayName = ProgressPrimitive.Root.displayName;
 // src/components/sidebar.tsx
 import * as React20 from "react";
 import { cva as cva6 } from "class-variance-authority";
-import { jsx as jsx22, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx23, 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",
   {
@@ -1398,7 +1421,7 @@ var sidebarFooterVariants = cva6("border-t border-[var(--border-default)] p-[var
 });
 var Sidebar = React20.forwardRef(
   ({ className, variant, size, collapsed, ...props }, ref) => {
-    return /* @__PURE__ */ jsx22(
+    return /* @__PURE__ */ jsx23(
       "div",
       {
         ref,
@@ -1413,13 +1436,13 @@ var Sidebar = React20.forwardRef(
 Sidebar.displayName = "Sidebar";
 var SidebarHeader = React20.forwardRef(
   ({ className, size, ...props }, ref) => {
-    return /* @__PURE__ */ jsx22("div", { ref, className: cn(sidebarHeaderVariants({ size, className })), ...props });
+    return /* @__PURE__ */ jsx23("div", { ref, className: cn(sidebarHeaderVariants({ size, className })), ...props });
   }
 );
 SidebarHeader.displayName = "SidebarHeader";
 var SidebarContent = React20.forwardRef(
   ({ className, spacing, ...props }, ref) => {
-    return /* @__PURE__ */ jsx22("div", { ref, className: cn(sidebarContentVariants({ spacing, className })), ...props });
+    return /* @__PURE__ */ jsx23("div", { ref, className: cn(sidebarContentVariants({ spacing, className })), ...props });
   }
 );
 SidebarContent.displayName = "SidebarContent";
@@ -1432,9 +1455,9 @@ var SidebarItem = React20.forwardRef(
         className: cn(sidebarItemVariants({ variant: active ? "active" : variant, className })),
         ...props,
         children: [
-          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 })
+          icon && /* @__PURE__ */ jsx23("span", { className: "flex-shrink-0", children: icon }),
+          /* @__PURE__ */ jsx23("span", { className: "flex-1 truncate text-left", children }),
+          badge && /* @__PURE__ */ jsx23("span", { className: "flex-shrink-0", children: badge })
         ]
       }
     );
@@ -1450,7 +1473,7 @@ var SidebarSection = React20.forwardRef(
       }
     }, [collapsed]);
     return /* @__PURE__ */ jsxs7("div", { ref, className: cn(sidebarSectionVariants({ className })), ...props, children: [
-      title && /* @__PURE__ */ jsx22(
+      title && /* @__PURE__ */ jsx23(
         "button",
         {
           className: cn(
@@ -1461,7 +1484,7 @@ var SidebarSection = React20.forwardRef(
           "aria-expanded": !isCollapsed,
           children: /* @__PURE__ */ jsxs7("span", { className: "flex items-center justify-between", children: [
             title,
-            /* @__PURE__ */ jsx22(
+            /* @__PURE__ */ jsx23(
               "span",
               {
                 className: cn("transition-transform", isCollapsed ? "rotate-0" : "rotate-90"),
@@ -1472,20 +1495,20 @@ var SidebarSection = React20.forwardRef(
           ] })
         }
       ),
-      !isCollapsed && /* @__PURE__ */ jsx22("div", { className: "space-y-[var(--spacing-1)]", children })
+      !isCollapsed && /* @__PURE__ */ jsx23("div", { className: "space-y-[var(--spacing-1)]", children })
     ] });
   }
 );
 SidebarSection.displayName = "SidebarSection";
 var SidebarSectionTitle = React20.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx22("div", { ref, className: cn(sidebarSectionTitleVariants({ className })), ...props });
+    return /* @__PURE__ */ jsx23("div", { ref, className: cn(sidebarSectionTitleVariants({ className })), ...props });
   }
 );
 SidebarSectionTitle.displayName = "SidebarSectionTitle";
 var SidebarFooter = React20.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx22("div", { ref, className: cn(sidebarFooterVariants({ className })), ...props });
+    return /* @__PURE__ */ jsx23("div", { ref, className: cn(sidebarFooterVariants({ className })), ...props });
   }
 );
 SidebarFooter.displayName = "SidebarFooter";
@@ -1494,7 +1517,7 @@ SidebarFooter.displayName = "SidebarFooter";
 import * as React21 from "react";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 import { cva as cva7 } from "class-variance-authority";
-import { jsx as jsx23, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs8 } from "react/jsx-runtime";
 var NavigationMenu = React21.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs8(
   NavigationMenuPrimitive.Root,
   {
@@ -1503,12 +1526,12 @@ var NavigationMenu = React21.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx23(NavigationMenuViewport, {})
+      /* @__PURE__ */ jsx24(NavigationMenuViewport, {})
     ]
   }
 ));
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var NavigationMenuList = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
   NavigationMenuPrimitive.List,
   {
     ref,
@@ -1533,7 +1556,7 @@ var NavigationMenuTrigger = React21.forwardRef(({ className, children, ...props
     children: [
       children,
       " ",
-      /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsx24(
         "svg",
         {
           width: "12",
@@ -1543,7 +1566,7 @@ var NavigationMenuTrigger = React21.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__ */ jsx23(
+          children: /* @__PURE__ */ jsx24(
             "path",
             {
               d: "M2.5 4.5L6 8L9.5 4.5",
@@ -1559,7 +1582,7 @@ var NavigationMenuTrigger = React21.forwardRef(({ className, children, ...props
   }
 ));
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var NavigationMenuContent = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
   NavigationMenuPrimitive.Content,
   {
     ref,
@@ -1572,7 +1595,7 @@ var NavigationMenuContent = React21.forwardRef(({ className, ...props }, ref) =>
 ));
 NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive.Link;
-var NavigationMenuViewport = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx23(
+var NavigationMenuViewport = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx24(
   NavigationMenuPrimitive.Viewport,
   {
     className: cn(
@@ -1584,7 +1607,7 @@ var NavigationMenuViewport = React21.forwardRef(({ className, ...props }, ref) =
   }
 ) }));
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-var NavigationMenuIndicator = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var NavigationMenuIndicator = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
   NavigationMenuPrimitive.Indicator,
   {
     ref,
@@ -1593,7 +1616,7 @@ var NavigationMenuIndicator = React21.forwardRef(({ className, ...props }, ref)
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx23("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-[var(--border-default)] shadow-md" })
+    children: /* @__PURE__ */ jsx24("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;
@@ -1601,7 +1624,7 @@ NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayN
 // src/components/breadcrumb.tsx
 import * as React22 from "react";
 import { cva as cva8 } from "class-variance-authority";
-import { jsx as jsx24, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs9 } from "react/jsx-runtime";
 var breadcrumbVariants = cva8("flex items-center gap-[var(--spacing-2)]", {
   variants: {
     size: {
@@ -1645,7 +1668,7 @@ var breadcrumbEllipsisVariants = cva8(
 );
 var Breadcrumb = React22.forwardRef(
   ({ className, size, separator: _separator = "/", ...props }, ref) => {
-    return /* @__PURE__ */ jsx24(
+    return /* @__PURE__ */ jsx25(
       "nav",
       {
         ref,
@@ -1658,17 +1681,17 @@ var Breadcrumb = React22.forwardRef(
 );
 Breadcrumb.displayName = "Breadcrumb";
 var BreadcrumbList = React22.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx24("ol", { ref, className: cn(breadcrumbListVariants({ className })), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx25("ol", { ref, className: cn(breadcrumbListVariants({ className })), ...props })
 );
 BreadcrumbList.displayName = "BreadcrumbList";
 var BreadcrumbItem = React22.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx24("li", { ref, className: cn(breadcrumbItemVariants({ className })), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx25("li", { ref, className: cn(breadcrumbItemVariants({ className })), ...props })
 );
 BreadcrumbItem.displayName = "BreadcrumbItem";
 var BreadcrumbLink = React22.forwardRef(
   ({ className, active, asChild = false, ...props }, ref) => {
     const Comp = asChild ? React22.Fragment : "a";
-    return /* @__PURE__ */ jsx24(
+    return /* @__PURE__ */ jsx25(
       Comp,
       {
         ref: asChild ? void 0 : ref,
@@ -1682,7 +1705,7 @@ var BreadcrumbLink = React22.forwardRef(
 );
 BreadcrumbLink.displayName = "BreadcrumbLink";
 var BreadcrumbPage = React22.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
     "span",
     {
       ref,
@@ -1700,7 +1723,7 @@ var BreadcrumbPage = React22.forwardRef(
 );
 BreadcrumbPage.displayName = "BreadcrumbPage";
 var BreadcrumbSeparator = React22.forwardRef(
-  ({ children, className, ...props }, ref) => /* @__PURE__ */ jsx24(
+  ({ children, className, ...props }, ref) => /* @__PURE__ */ jsx25(
     "li",
     {
       ref,
@@ -1722,7 +1745,7 @@ var BreadcrumbEllipsis = React22.forwardRef(({ className, ...props }, ref) => /*
     className: cn(breadcrumbEllipsisVariants({ className })),
     ...props,
     children: [
-      /* @__PURE__ */ jsx24(
+      /* @__PURE__ */ jsx25(
         "svg",
         {
           width: "15",
@@ -1731,7 +1754,7 @@ var BreadcrumbEllipsis = React22.forwardRef(({ className, ...props }, ref) => /*
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg",
           "aria-hidden": "true",
-          children: /* @__PURE__ */ jsx24(
+          children: /* @__PURE__ */ jsx25(
             "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",
@@ -1742,7 +1765,7 @@ var BreadcrumbEllipsis = React22.forwardRef(({ className, ...props }, ref) => /*
           )
         }
       ),
-      /* @__PURE__ */ jsx24("span", { className: "sr-only", children: "More" })
+      /* @__PURE__ */ jsx25("span", { className: "sr-only", children: "More" })
     ]
   }
 ));
@@ -1751,8 +1774,8 @@ BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
 // src/components/command.tsx
 import * as React23 from "react";
 import { Command as CommandPrimitive } from "cmdk";
-import { jsx as jsx25, jsxs as jsxs10 } from "react/jsx-runtime";
-var Command = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
+import { jsx as jsx26, jsxs as jsxs10 } from "react/jsx-runtime";
+var Command = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
   CommandPrimitive,
   {
     ref,
@@ -1768,14 +1791,14 @@ var CommandDialog = ({
   children,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     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__ */ 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 }) })
+      children: /* @__PURE__ */ jsx26("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__ */ jsx26(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 }) })
     }
   );
 };
@@ -1785,7 +1808,7 @@ var CommandInput = React23.forwardRef(({ className, ...props }, ref) => /* @__PU
     className: "flex items-center border-b border-[var(--border-default)] px-3",
     "cmdk-input-wrapper": "",
     children: [
-      /* @__PURE__ */ jsx25(
+      /* @__PURE__ */ jsx26(
         "svg",
         {
           width: "15",
@@ -1794,7 +1817,7 @@ var CommandInput = React23.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__ */ jsx25(
+          children: /* @__PURE__ */ jsx26(
             "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",
@@ -1805,7 +1828,7 @@ var CommandInput = React23.forwardRef(({ className, ...props }, ref) => /* @__PU
           )
         }
       ),
-      /* @__PURE__ */ jsx25(
+      /* @__PURE__ */ jsx26(
         CommandPrimitive.Input,
         {
           ref,
@@ -1820,7 +1843,7 @@ var CommandInput = React23.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandInput.displayName = CommandPrimitive.Input.displayName;
-var CommandList = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
+var CommandList = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
   CommandPrimitive.List,
   {
     ref,
@@ -1829,7 +1852,7 @@ var CommandList = React23.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = CommandPrimitive.List.displayName;
-var CommandEmpty = React23.forwardRef((props, ref) => /* @__PURE__ */ jsx25(
+var CommandEmpty = React23.forwardRef((props, ref) => /* @__PURE__ */ jsx26(
   CommandPrimitive.Empty,
   {
     ref,
@@ -1838,7 +1861,7 @@ var CommandEmpty = React23.forwardRef((props, ref) => /* @__PURE__ */ jsx25(
   }
 ));
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-var CommandGroup = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
+var CommandGroup = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
   CommandPrimitive.Group,
   {
     ref,
@@ -1850,7 +1873,7 @@ var CommandGroup = React23.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = CommandPrimitive.Group.displayName;
-var CommandSeparator = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
+var CommandSeparator = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
   CommandPrimitive.Separator,
   {
     ref,
@@ -1859,7 +1882,7 @@ var CommandSeparator = React23.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-var CommandItem = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
+var CommandItem = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
   CommandPrimitive.Item,
   {
     ref,
@@ -1872,7 +1895,7 @@ var CommandItem = React23.forwardRef(({ className, ...props }, ref) => /* @__PUR
 ));
 CommandItem.displayName = CommandPrimitive.Item.displayName;
 var CommandShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "span",
     {
       className: cn(
@@ -1887,9 +1910,9 @@ CommandShortcut.displayName = "CommandShortcut";
 
 // src/components/calendar.tsx
 import { DayPicker } from "react-day-picker";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     DayPicker,
     {
       showOutsideDays,
@@ -1933,7 +1956,7 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
       components: {
         Chevron: ({ orientation }) => {
           if (orientation === "left") {
-            return /* @__PURE__ */ jsx26(
+            return /* @__PURE__ */ jsx27(
               "svg",
               {
                 width: "15",
@@ -1942,7 +1965,7 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
                 fill: "none",
                 xmlns: "http://www.w3.org/2000/svg",
                 className: "h-4 w-4",
-                children: /* @__PURE__ */ jsx26(
+                children: /* @__PURE__ */ jsx27(
                   "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",
@@ -1954,7 +1977,7 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
               }
             );
           }
-          return /* @__PURE__ */ jsx26(
+          return /* @__PURE__ */ jsx27(
             "svg",
             {
               width: "15",
@@ -1963,7 +1986,7 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
               fill: "none",
               xmlns: "http://www.w3.org/2000/svg",
               className: "h-4 w-4",
-              children: /* @__PURE__ */ jsx26(
+              children: /* @__PURE__ */ jsx27(
                 "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",
@@ -2047,6 +2070,7 @@ export {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
+  FramingUIProvider,
   Heading,
   Input,
   Label,