@evinvest/uikit 0.1.2 → 0.3.0

package/dist/index.js

@@ -1890,12 +1890,29 @@ function CollapsibleContent({
   return /* @__PURE__ */ jsx24("div", { "data-slot": "collapsible-content", "data-state": "open", ...props, children });
 }
 
-// src/components/tabs.tsx
-import * as React34 from "react";
+// src/components/container.tsx
+import "react";
 import { jsx as jsx25 } from "react/jsx-runtime";
-var TabsContext = React34.createContext(null);
+function Container({ className, ...props }) {
+  return /* @__PURE__ */ jsx25(
+    "div",
+    {
+      "data-slot": "container",
+      className: cn(
+        "mx-auto w-full max-w-[var(--page-max,90rem)] px-[var(--page-px,1rem)]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/tabs.tsx
+import * as React35 from "react";
+import { jsx as jsx26 } from "react/jsx-runtime";
+var TabsContext = React35.createContext(null);
 function useTabs() {
-  const ctx = React34.useContext(TabsContext);
+  const ctx = React35.useContext(TabsContext);
   if (!ctx) throw new Error("Tabs parts must be used within <Tabs>");
   return ctx;
 }
@@ -1913,7 +1930,7 @@ function Tabs({
     defaultValue,
     ...onValueChange ? { onChange: onValueChange } : {}
   });
-  return /* @__PURE__ */ jsx25(TabsContext.Provider, { value: { value: active, setValue, orientation }, children: /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(TabsContext.Provider, { value: { value: active, setValue, orientation }, children: /* @__PURE__ */ jsx26(
     "div",
     {
       "data-slot": "tabs",
@@ -1931,12 +1948,12 @@ function TabsList({
   ...props
 }) {
   const { orientation } = useTabs();
-  const items = React34.Children.toArray(children);
+  const items = React35.Children.toArray(children);
   const { activeIndex, setActiveIndex, onKeyDown: rovingKeyDown } = useRovingFocus({
     count: items.length,
     orientation: orientation === "vertical" ? "vertical" : "horizontal"
   });
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "div",
     {
       role: "tablist",
@@ -1952,7 +1969,7 @@ function TabsList({
       },
       ...props,
       children: items.map(
-        (child, index) => React34.isValidElement(child) ? React34.cloneElement(child, {
+        (child, index) => React35.isValidElement(child) ? React35.cloneElement(child, {
           __index: index,
           __isFocusItem: index === activeIndex,
           __onFocusItem: () => setActiveIndex(index)
@@ -1972,7 +1989,7 @@ function TabsTrigger({
 }) {
   const { value: active, setValue } = useTabs();
   const selected = active === value;
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "button",
     {
       type: "button",
@@ -2006,7 +2023,7 @@ function TabsContent({
 }) {
   const { value: active } = useTabs();
   if (active !== value) return null;
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "div",
     {
       role: "tabpanel",
@@ -2021,7 +2038,7 @@ function TabsContent({
 
 // src/components/toggle.tsx
 import "react";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 var TOGGLE_BASE = "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 aria-invalid:border-destructive whitespace-nowrap";
 var toggleVariantClasses = {
   default: "bg-transparent",
@@ -2054,7 +2071,7 @@ function Toggle({
     defaultValue: defaultPressed,
     ...onPressedChange ? { onChange: onPressedChange } : {}
   });
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     "button",
     {
       type: "button",
@@ -2072,9 +2089,9 @@ function Toggle({
 }
 
 // src/components/toggle-group.tsx
-import * as React36 from "react";
-import { jsx as jsx27 } from "react/jsx-runtime";
-var ToggleGroupContext = React36.createContext({
+import * as React37 from "react";
+import { jsx as jsx28 } from "react/jsx-runtime";
+var ToggleGroupContext = React37.createContext({
   variant: "default",
   size: "default",
   value: [],
@@ -2101,7 +2118,7 @@ function ToggleGroup({
     defaultValue: toArray(defaultValue),
     onChange: (next) => onValueChange?.(type === "single" ? next[0] ?? "" : next)
   });
-  const toggle = React36.useCallback(
+  const toggle = React37.useCallback(
     (itemValue) => {
       if (type === "single") {
         setSelected(selected.includes(itemValue) ? [] : [itemValue]);
@@ -2113,7 +2130,7 @@ function ToggleGroup({
     },
     [type, selected, setSelected]
   );
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     "div",
     {
       "data-slot": "toggle-group",
@@ -2124,7 +2141,7 @@ function ToggleGroup({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx27(ToggleGroupContext.Provider, { value: { variant, size, value: selected, toggle }, children })
+      children: /* @__PURE__ */ jsx28(ToggleGroupContext.Provider, { value: { variant, size, value: selected, toggle }, children })
     }
   );
 }
@@ -2137,11 +2154,11 @@ function ToggleGroupItem({
   onClick,
   ...props
 }) {
-  const context = React36.useContext(ToggleGroupContext);
+  const context = React37.useContext(ToggleGroupContext);
   const resolvedVariant = context.variant || variant || "default";
   const resolvedSize = context.size || size || "default";
   const on = context.value.includes(value);
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     "button",
     {
       type: "button",
@@ -2167,7 +2184,7 @@ function ToggleGroupItem({
 
 // src/components/switch.tsx
 import "react";
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 function Switch({
   className,
   checked,
@@ -2183,7 +2200,7 @@ function Switch({
     ...onCheckedChange ? { onChange: onCheckedChange } : {}
   });
   const state = on ? "checked" : "unchecked";
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     "button",
     {
       type: "button",
@@ -2201,7 +2218,7 @@ function Switch({
         setOn(!on);
       },
       ...props,
-      children: /* @__PURE__ */ jsx28(
+      children: /* @__PURE__ */ jsx29(
         "span",
         {
           "data-slot": "switch-thumb",
@@ -2215,7 +2232,7 @@ function Switch({
 
 // src/components/checkbox.tsx
 import "react";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 function Checkbox({
   className,
   checked,
@@ -2231,7 +2248,7 @@ function Checkbox({
     ...onCheckedChange ? { onChange: onCheckedChange } : {}
   });
   const state = on ? "checked" : "unchecked";
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "button",
     {
       type: "button",
@@ -2249,12 +2266,12 @@ function Checkbox({
         setOn(!on);
       },
       ...props,
-      children: on && /* @__PURE__ */ jsx29(
+      children: on && /* @__PURE__ */ jsx30(
         "span",
         {
           "data-slot": "checkbox-indicator",
           className: "flex items-center justify-center text-current transition-none",
-          children: /* @__PURE__ */ jsx29(
+          children: /* @__PURE__ */ jsx30(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -2266,7 +2283,7 @@ function Checkbox({
               strokeLinejoin: "round",
               className: "size-3.5",
               "aria-hidden": "true",
-              children: /* @__PURE__ */ jsx29("path", { d: "M20 6 9 17l-5-5" })
+              children: /* @__PURE__ */ jsx30("path", { d: "M20 6 9 17l-5-5" })
             }
           )
         }
@@ -2276,11 +2293,11 @@ function Checkbox({
 }
 
 // src/components/radio-group.tsx
-import * as React39 from "react";
-import { jsx as jsx30 } from "react/jsx-runtime";
+import * as React40 from "react";
+import { jsx as jsx31 } from "react/jsx-runtime";
 var ROOT_BASE = "grid gap-3";
 var ITEM_BASE2 = "border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50";
-var RadioGroupContext = React39.createContext(
+var RadioGroupContext = React40.createContext(
   null
 );
 function RadioGroup({
@@ -2297,10 +2314,10 @@ function RadioGroup({
     defaultValue,
     ...onValueChange ? { onChange: onValueChange } : {}
   });
-  const itemsRef = React39.useRef([]);
-  const [count, setCount] = React39.useState(0);
+  const itemsRef = React40.useRef([]);
+  const [count, setCount] = React40.useState(0);
   const { activeIndex, setActiveIndex, onKeyDown: rovingKeyDown } = useRovingFocus({ count, orientation: "vertical", loop: true });
-  const register = React39.useCallback((el) => {
+  const register = React40.useCallback((el) => {
     const list = itemsRef.current;
     let index = list.indexOf(el);
     if (index === -1) {
@@ -2310,11 +2327,11 @@ function RadioGroup({
     }
     return index;
   }, []);
-  const ctx = React39.useMemo(
+  const ctx = React40.useMemo(
     () => ({ value: current, setValue: setCurrent, register, activeIndex, setActiveIndex }),
     [current, setCurrent, register, activeIndex, setActiveIndex]
   );
-  return /* @__PURE__ */ jsx30(RadioGroupContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(RadioGroupContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx31(
     "div",
     {
       "data-slot": "radio-group",
@@ -2336,14 +2353,14 @@ function RadioGroupItem({
   onClick,
   ...props
 }) {
-  const ctx = React39.useContext(RadioGroupContext);
+  const ctx = React40.useContext(RadioGroupContext);
   if (!ctx) throw new Error("RadioGroupItem must be used within a RadioGroup");
-  const indexRef = React39.useRef(-1);
+  const indexRef = React40.useRef(-1);
   const checked = ctx.value === value;
-  React39.useEffect(() => {
+  React40.useEffect(() => {
     if (checked) ctx.setActiveIndex(indexRef.current);
   }, [checked]);
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "button",
     {
       ref: (el) => {
@@ -2362,18 +2379,18 @@ function RadioGroupItem({
         ctx.setValue(value);
       },
       ...props,
-      children: checked ? /* @__PURE__ */ jsx30(
+      children: checked ? /* @__PURE__ */ jsx31(
         "span",
         {
           "data-slot": "radio-group-indicator",
           className: "relative flex items-center justify-center",
-          children: /* @__PURE__ */ jsx30(
+          children: /* @__PURE__ */ jsx31(
             "svg",
             {
               className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2",
               viewBox: "0 0 24 24",
               "aria-hidden": "true",
-              children: /* @__PURE__ */ jsx30("circle", { cx: "12", cy: "12", r: "10" })
+              children: /* @__PURE__ */ jsx31("circle", { cx: "12", cy: "12", r: "10" })
             }
           )
         }
@@ -2383,8 +2400,8 @@ function RadioGroupItem({
 }
 
 // src/components/slider.tsx
-import * as React40 from "react";
-import { jsx as jsx31, jsxs as jsxs5 } from "react/jsx-runtime";
+import * as React41 from "react";
+import { jsx as jsx32, jsxs as jsxs5 } from "react/jsx-runtime";
 var ROOT_BASE2 = "relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col";
 var TRACK_BASE = "bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5";
 var RANGE_BASE = "bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full";
@@ -2415,9 +2432,9 @@ function Slider({
   const current = clampStep(raw, min, max, step);
   const span = Math.max(max - min, Number.EPSILON);
   const percent = Math.min(100, Math.max(0, (current - min) / span * 100));
-  const trackRef = React40.useRef(null);
-  const draggingRef = React40.useRef(false);
-  const valueFromPointer = React40.useCallback(
+  const trackRef = React41.useRef(null);
+  const draggingRef = React41.useRef(false);
+  const valueFromPointer = React41.useCallback(
     (clientX, clientY) => {
       const rect = trackRef.current?.getBoundingClientRect();
       if (!rect) return current;
@@ -2478,14 +2495,14 @@ function Slider({
       onPointerMove,
       onPointerUp,
       children: [
-        /* @__PURE__ */ jsx31(
+        /* @__PURE__ */ jsx32(
           "span",
           {
             ref: trackRef,
             "data-slot": "slider-track",
             "data-orientation": orientation,
             className: TRACK_BASE,
-            children: /* @__PURE__ */ jsx31(
+            children: /* @__PURE__ */ jsx32(
               "span",
               {
                 "data-slot": "slider-range",
@@ -2496,7 +2513,7 @@ function Slider({
             )
           }
         ),
-        /* @__PURE__ */ jsx31(
+        /* @__PURE__ */ jsx32(
           "span",
           {
             "data-slot": "slider-thumb",
@@ -2520,14 +2537,14 @@ function Slider({
 
 // src/components/scroll-area.tsx
 import "react";
-import { jsx as jsx32, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs6 } from "react/jsx-runtime";
 function ScrollArea({
   className,
   children,
   ...props
 }) {
   return /* @__PURE__ */ jsxs6("div", { "data-slot": "scroll-area", className: cn("relative", className), ...props, children: [
-    /* @__PURE__ */ jsx32(
+    /* @__PURE__ */ jsx33(
       "div",
       {
         "data-slot": "scroll-area-viewport",
@@ -2535,7 +2552,7 @@ function ScrollArea({
         children
       }
     ),
-    /* @__PURE__ */ jsx32(ScrollBar, {})
+    /* @__PURE__ */ jsx33(ScrollBar, {})
   ] });
 }
 function ScrollBar({
@@ -2543,7 +2560,7 @@ function ScrollBar({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     "div",
     {
       "data-slot": "scroll-area-scrollbar",
@@ -2555,7 +2572,7 @@ function ScrollBar({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx32(
+      children: /* @__PURE__ */ jsx33(
         "div",
         {
           "data-slot": "scroll-area-thumb",
@@ -2567,13 +2584,13 @@ function ScrollBar({
 }
 
 // src/components/sidebar.tsx
-import * as React42 from "react";
-import { jsx as jsx33, jsxs as jsxs7 } from "react/jsx-runtime";
+import * as React43 from "react";
+import { jsx as jsx34, jsxs as jsxs7 } from "react/jsx-runtime";
 var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
-var SidebarContext = React42.createContext(null);
+var SidebarContext = React43.createContext(null);
 function useSidebar() {
-  const ctx = React42.useContext(SidebarContext);
+  const ctx = React43.useContext(SidebarContext);
   if (!ctx) throw new Error("useSidebar must be used within a SidebarProvider.");
   return ctx;
 }
@@ -2591,16 +2608,16 @@ function SidebarProvider({
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  const toggleSidebar = React42.useCallback(
+  const toggleSidebar = React43.useCallback(
     () => setOpen(!open),
     [open, setOpen]
   );
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React42.useMemo(
+  const contextValue = React43.useMemo(
     () => ({ state, open, setOpen, toggleSidebar }),
     [state, open, setOpen, toggleSidebar]
   );
-  return /* @__PURE__ */ jsx33(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx34(
     "div",
     {
       "data-slot": "sidebar-wrapper",
@@ -2628,7 +2645,7 @@ function Sidebar({
 }) {
   const { state } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ jsx33(
+    return /* @__PURE__ */ jsx34(
       "div",
       {
         "data-slot": "sidebar",
@@ -2641,7 +2658,7 @@ function Sidebar({
       }
     );
   }
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       className: "group peer text-sidebar-foreground hidden md:block",
@@ -2650,7 +2667,7 @@ function Sidebar({
       "data-variant": variant,
       "data-side": side,
       "data-slot": "sidebar",
-      children: /* @__PURE__ */ jsx33(
+      children: /* @__PURE__ */ jsx34(
         "div",
         {
           "data-slot": "sidebar-inner",
@@ -2690,7 +2707,7 @@ function SidebarTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx33("span", { className: "sr-only", children: "Toggle Sidebar" })
+        /* @__PURE__ */ jsx34("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
@@ -2700,7 +2717,7 @@ function SidebarRail({
   ...props
 }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "button",
     {
       type: "button",
@@ -2719,7 +2736,7 @@ function SidebarRail({
   );
 }
 function SidebarInset({ className, ...props }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "main",
     {
       "data-slot": "sidebar-inset",
@@ -2733,7 +2750,7 @@ function SidebarInset({ className, ...props }) {
   );
 }
 function SidebarHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       "data-slot": "sidebar-header",
@@ -2744,7 +2761,7 @@ function SidebarHeader({ className, ...props }) {
   );
 }
 function SidebarFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       "data-slot": "sidebar-footer",
@@ -2758,7 +2775,7 @@ function SidebarSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       "data-slot": "sidebar-separator",
@@ -2770,7 +2787,7 @@ function SidebarSeparator({
   );
 }
 function SidebarContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       "data-slot": "sidebar-content",
@@ -2784,7 +2801,7 @@ function SidebarContent({ className, ...props }) {
   );
 }
 function SidebarGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       "data-slot": "sidebar-group",
@@ -2800,7 +2817,7 @@ function SidebarGroupLabel({
   ...props
 }) {
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     Comp,
     {
       "data-slot": "sidebar-group-label",
@@ -2818,7 +2835,7 @@ function SidebarGroupContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       "data-slot": "sidebar-group-content",
@@ -2829,7 +2846,7 @@ function SidebarGroupContent({
   );
 }
 function SidebarMenu({ className, ...props }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "ul",
     {
       "data-slot": "sidebar-menu",
@@ -2840,7 +2857,7 @@ function SidebarMenu({ className, ...props }) {
   );
 }
 function SidebarMenuItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "li",
     {
       "data-slot": "sidebar-menu-item",
@@ -2869,7 +2886,7 @@ function SidebarMenuButton({
   ...props
 }) {
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     Comp,
     {
       "data-slot": "sidebar-menu-button",
@@ -2888,11 +2905,11 @@ function SidebarMenuButton({
 }
 
 // src/components/carousel.tsx
-import * as React43 from "react";
-import { jsx as jsx34, jsxs as jsxs8 } from "react/jsx-runtime";
-var CarouselContext = React43.createContext(null);
+import * as React44 from "react";
+import { jsx as jsx35, jsxs as jsxs8 } from "react/jsx-runtime";
+var CarouselContext = React44.createContext(null);
 function useCarousel() {
-  const context = React43.useContext(CarouselContext);
+  const context = React44.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
@@ -2913,13 +2930,13 @@ function Carousel({
     defaultValue: defaultIndex,
     onChange: onIndexChange
   });
-  const [count, setCount] = React43.useState(0);
+  const [count, setCount] = React44.useState(0);
   const canScrollPrev = index > 0;
   const canScrollNext = index < count - 1;
-  const scrollPrev = React43.useCallback(() => {
+  const scrollPrev = React44.useCallback(() => {
     if (index > 0) setIndex(index - 1);
   }, [index, setIndex]);
-  const scrollNext = React43.useCallback(() => {
+  const scrollNext = React44.useCallback(() => {
     if (index < count - 1) setIndex(index + 1);
   }, [index, count, setIndex]);
   const handleKeyDown = (event) => {
@@ -2932,7 +2949,7 @@ function Carousel({
     }
     onKeyDown?.(event);
   };
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     CarouselContext.Provider,
     {
       value: {
@@ -2945,7 +2962,7 @@ function Carousel({
         canScrollPrev,
         canScrollNext
       },
-      children: /* @__PURE__ */ jsx34(
+      children: /* @__PURE__ */ jsx35(
         "div",
         {
           onKeyDownCapture: handleKeyDown,
@@ -2967,12 +2984,12 @@ function CarouselContent({
   ...props
 }) {
   const { orientation, index, setCount } = useCarousel();
-  const childCount = React43.Children.count(children);
-  React43.useEffect(() => {
+  const childCount = React44.Children.count(children);
+  React44.useEffect(() => {
     setCount(childCount);
   }, [childCount, setCount]);
   const transform = orientation === "horizontal" ? `translate3d(-${index * 100}%, 0, 0)` : `translate3d(0, -${index * 100}%, 0)`;
-  return /* @__PURE__ */ jsx34("div", { className: "overflow-hidden", "data-slot": "carousel-content", children: /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35("div", { className: "overflow-hidden", "data-slot": "carousel-content", children: /* @__PURE__ */ jsx35(
     "div",
     {
       className: cn(
@@ -2991,7 +3008,7 @@ function CarouselItem({
   ...props
 }) {
   const { orientation } = useCarousel();
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     "div",
     {
       role: "group",
@@ -3028,7 +3045,7 @@ function CarouselPrevious({
       onClick: scrollPrev,
       ...props,
       children: [
-        /* @__PURE__ */ jsx34(
+        /* @__PURE__ */ jsx35(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -3039,10 +3056,10 @@ function CarouselPrevious({
             strokeLinecap: "round",
             strokeLinejoin: "round",
             "aria-hidden": "true",
-            children: /* @__PURE__ */ jsx34("path", { d: "m15 18-6-6 6-6" })
+            children: /* @__PURE__ */ jsx35("path", { d: "m15 18-6-6 6-6" })
           }
         ),
-        /* @__PURE__ */ jsx34("span", { className: "sr-only", children: "Previous slide" })
+        /* @__PURE__ */ jsx35("span", { className: "sr-only", children: "Previous slide" })
       ]
     }
   );
@@ -3069,7 +3086,7 @@ function CarouselNext({
       onClick: scrollNext,
       ...props,
       children: [
-        /* @__PURE__ */ jsx34(
+        /* @__PURE__ */ jsx35(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -3080,21 +3097,21 @@ function CarouselNext({
             strokeLinecap: "round",
             strokeLinejoin: "round",
             "aria-hidden": "true",
-            children: /* @__PURE__ */ jsx34("path", { d: "m9 18 6-6-6-6" })
+            children: /* @__PURE__ */ jsx35("path", { d: "m9 18 6-6-6-6" })
           }
         ),
-        /* @__PURE__ */ jsx34("span", { className: "sr-only", children: "Next slide" })
+        /* @__PURE__ */ jsx35("span", { className: "sr-only", children: "Next slide" })
       ]
     }
   );
 }
 
 // src/components/input-otp.tsx
-import * as React44 from "react";
-import { jsx as jsx35, jsxs as jsxs9 } from "react/jsx-runtime";
-var InputOTPContext = React44.createContext(null);
+import * as React45 from "react";
+import { jsx as jsx36, jsxs as jsxs9 } from "react/jsx-runtime";
+var InputOTPContext = React45.createContext(null);
 function useInputOTP() {
-  const context = React44.useContext(InputOTPContext);
+  const context = React45.useContext(InputOTPContext);
   if (!context) {
     throw new Error("InputOTP slots must be used within an <InputOTP />");
   }
@@ -3116,9 +3133,9 @@ function InputOTP({
     defaultValue,
     onChange
   });
-  const [focused, setFocused] = React44.useState(false);
+  const [focused, setFocused] = React45.useState(false);
   const activeIndex = focused ? Math.min(value.length, maxLength - 1) : -1;
-  return /* @__PURE__ */ jsx35(InputOTPContext.Provider, { value: { value, maxLength, activeIndex }, children: /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsx36(InputOTPContext.Provider, { value: { value, maxLength, activeIndex }, children: /* @__PURE__ */ jsxs9(
     "div",
     {
       "data-slot": "input-otp",
@@ -3128,7 +3145,7 @@ function InputOTP({
       ),
       children: [
         children,
-        /* @__PURE__ */ jsx35(
+        /* @__PURE__ */ jsx36(
           "input",
           {
             inputMode: "numeric",
@@ -3154,7 +3171,7 @@ function InputOTPGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     "div",
     {
       "data-slot": "input-otp-group",
@@ -3180,13 +3197,13 @@ function InputOTPSlot({ index, className, ...props }) {
       ...props,
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ jsx35("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx35("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
+        hasFakeCaret && /* @__PURE__ */ jsx36("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx36("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
       ]
     }
   );
 }
 function InputOTPSeparator({ ...props }) {
-  return /* @__PURE__ */ jsx35("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx36(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3197,22 +3214,22 @@ function InputOTPSeparator({ ...props }) {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx35("path", { d: "M5 12h14" })
+      children: /* @__PURE__ */ jsx36("path", { d: "M5 12h14" })
     }
   ) });
 }
 
 // src/components/tooltip.tsx
-import * as React45 from "react";
-import { Fragment, jsx as jsx36 } from "react/jsx-runtime";
-var TooltipContext = React45.createContext(null);
+import * as React46 from "react";
+import { Fragment, jsx as jsx37 } from "react/jsx-runtime";
+var TooltipContext = React46.createContext(null);
 function useTooltip() {
-  const ctx = React45.useContext(TooltipContext);
+  const ctx = React46.useContext(TooltipContext);
   if (!ctx) throw new Error("Tooltip parts must be used within <Tooltip>");
   return ctx;
 }
 function TooltipProvider({ children }) {
-  return /* @__PURE__ */ jsx36(Fragment, { children });
+  return /* @__PURE__ */ jsx37(Fragment, { children });
 }
 function Tooltip({ open, defaultOpen = false, onOpenChange, children }) {
   const [isOpen, setOpen] = useControllableState({
@@ -3220,8 +3237,8 @@ function Tooltip({ open, defaultOpen = false, onOpenChange, children }) {
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  const anchorRef = React45.useRef(null);
-  return /* @__PURE__ */ jsx36(TooltipProvider, { children: /* @__PURE__ */ jsx36(TooltipContext.Provider, { value: { open: isOpen, setOpen, anchorRef }, children }) });
+  const anchorRef = React46.useRef(null);
+  return /* @__PURE__ */ jsx37(TooltipProvider, { children: /* @__PURE__ */ jsx37(TooltipContext.Provider, { value: { open: isOpen, setOpen, anchorRef }, children }) });
 }
 function TooltipTrigger({
   asChild = false,
@@ -3233,7 +3250,7 @@ function TooltipTrigger({
 }) {
   const { setOpen, anchorRef } = useTooltip();
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     Comp,
     {
       "data-slot": "tooltip-trigger",
@@ -3274,7 +3291,7 @@ function TooltipContent({
     offset: sideOffset
   });
   if (!isPresent) return null;
-  return /* @__PURE__ */ jsx36(Portal, { children: /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(Portal, { children: /* @__PURE__ */ jsx37(
     "div",
     {
       "data-slot": "tooltip-content",
@@ -3294,11 +3311,11 @@ function TooltipContent({
 }
 
 // src/components/popover.tsx
-import * as React46 from "react";
-import { jsx as jsx37 } from "react/jsx-runtime";
-var PopoverContext = React46.createContext(null);
+import * as React47 from "react";
+import { jsx as jsx38 } from "react/jsx-runtime";
+var PopoverContext = React47.createContext(null);
 function usePopover() {
-  const ctx = React46.useContext(PopoverContext);
+  const ctx = React47.useContext(PopoverContext);
   if (!ctx) throw new Error("Popover parts must be used within <Popover>");
   return ctx;
 }
@@ -3308,13 +3325,13 @@ function Popover({ open, defaultOpen = false, onOpenChange, children }) {
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  const anchorRef = React46.useRef(null);
-  return /* @__PURE__ */ jsx37(PopoverContext.Provider, { value: { open: isOpen, setOpen, anchorRef }, children });
+  const anchorRef = React47.useRef(null);
+  return /* @__PURE__ */ jsx38(PopoverContext.Provider, { value: { open: isOpen, setOpen, anchorRef }, children });
 }
 function PopoverTrigger({ asChild = false, onClick, ...props }) {
   const { open, setOpen, anchorRef } = usePopover();
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     Comp,
     {
       "data-slot": "popover-trigger",
@@ -3331,7 +3348,7 @@ function PopoverTrigger({ asChild = false, onClick, ...props }) {
 function PopoverAnchor({ asChild = false, ...props }) {
   const { anchorRef } = usePopover();
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     Comp,
     {
       "data-slot": "popover-anchor",
@@ -3363,7 +3380,7 @@ function PopoverContent({
     exclude: [anchorRef]
   });
   if (!isPresent) return null;
-  return /* @__PURE__ */ jsx37(Portal, { children: /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(Portal, { children: /* @__PURE__ */ jsx38(
     "div",
     {
       "data-slot": "popover-content",
@@ -3383,11 +3400,11 @@ function PopoverContent({
 }
 
 // src/components/hover-card.tsx
-import * as React47 from "react";
-import { jsx as jsx38 } from "react/jsx-runtime";
-var HoverCardContext = React47.createContext(null);
+import * as React48 from "react";
+import { jsx as jsx39 } from "react/jsx-runtime";
+var HoverCardContext = React48.createContext(null);
 function useHoverCard() {
-  const ctx = React47.useContext(HoverCardContext);
+  const ctx = React48.useContext(HoverCardContext);
   if (!ctx) throw new Error("HoverCard parts must be used within <HoverCard>");
   return ctx;
 }
@@ -3397,8 +3414,8 @@ function HoverCard({ open, defaultOpen = false, onOpenChange, children }) {
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  const anchorRef = React47.useRef(null);
-  return /* @__PURE__ */ jsx38(HoverCardContext.Provider, { value: { open: isOpen, setOpen, anchorRef }, children });
+  const anchorRef = React48.useRef(null);
+  return /* @__PURE__ */ jsx39(HoverCardContext.Provider, { value: { open: isOpen, setOpen, anchorRef }, children });
 }
 function HoverCardTrigger({
   asChild = false,
@@ -3408,7 +3425,7 @@ function HoverCardTrigger({
 }) {
   const { setOpen, anchorRef } = useHoverCard();
   const Comp = asChild ? Slot : "a";
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     Comp,
     {
       "data-slot": "hover-card-trigger",
@@ -3443,7 +3460,7 @@ function HoverCardContent({
     offset: sideOffset
   });
   if (!isPresent) return null;
-  return /* @__PURE__ */ jsx38(Portal, { children: /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(Portal, { children: /* @__PURE__ */ jsx39(
     "div",
     {
       "data-slot": "hover-card-content",
@@ -3463,13 +3480,13 @@ function HoverCardContent({
 }
 
 // src/components/dropdown-menu.tsx
-import * as React48 from "react";
-import { jsx as jsx39, jsxs as jsxs10 } from "react/jsx-runtime";
-var DropdownMenuContext = React48.createContext(
+import * as React49 from "react";
+import { jsx as jsx40, jsxs as jsxs10 } from "react/jsx-runtime";
+var DropdownMenuContext = React49.createContext(
   null
 );
 function useDropdownMenu() {
-  const ctx = React48.useContext(DropdownMenuContext);
+  const ctx = React49.useContext(DropdownMenuContext);
   if (!ctx) throw new Error("DropdownMenu parts must be used within <DropdownMenu>");
   return ctx;
 }
@@ -3479,16 +3496,16 @@ function DropdownMenu({ open, defaultOpen = false, onOpenChange, children }) {
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  const anchorRef = React48.useRef(null);
-  return /* @__PURE__ */ jsx39(DropdownMenuContext.Provider, { value: { open: isOpen, setOpen, anchorRef }, children: /* @__PURE__ */ jsx39("div", { "data-slot": "dropdown-menu", children }) });
+  const anchorRef = React49.useRef(null);
+  return /* @__PURE__ */ jsx40(DropdownMenuContext.Provider, { value: { open: isOpen, setOpen, anchorRef }, children: /* @__PURE__ */ jsx40("div", { "data-slot": "dropdown-menu", children }) });
 }
 function DropdownMenuPortal({ children }) {
-  return /* @__PURE__ */ jsx39(Portal, { children });
+  return /* @__PURE__ */ jsx40(Portal, { children });
 }
 function DropdownMenuTrigger({ asChild = false, onClick, ...props }) {
   const { open, setOpen, anchorRef } = useDropdownMenu();
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     Comp,
     {
       "data-slot": "dropdown-menu-trigger",
@@ -3524,7 +3541,7 @@ function DropdownMenuContent({
     onDismiss: () => setOpen(false),
     exclude: [anchorRef]
   });
-  const contentRef = React48.useRef(null);
+  const contentRef = React49.useRef(null);
   const items = () => Array.from(
     contentRef.current?.querySelectorAll("[role^='menuitem']") ?? []
   ).filter((el) => el.getAttribute("data-disabled") === null);
@@ -3533,13 +3550,13 @@ function DropdownMenuContent({
     orientation: "vertical",
     loop: true
   });
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     if (!open) return;
     items()[activeIndex]?.focus();
   }, [open, activeIndex]);
-  const close = React48.useCallback(() => setOpen(false), [setOpen]);
+  const close = React49.useCallback(() => setOpen(false), [setOpen]);
   if (!isPresent) return null;
-  return /* @__PURE__ */ jsx39(Portal, { children: /* @__PURE__ */ jsx39(DropdownMenuCloseContext.Provider, { value: close, children: /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(Portal, { children: /* @__PURE__ */ jsx40(DropdownMenuCloseContext.Provider, { value: close, children: /* @__PURE__ */ jsx40(
     "div",
     {
       "data-slot": "dropdown-menu-content",
@@ -3562,10 +3579,10 @@ function DropdownMenuContent({
     }
   ) }) });
 }
-var DropdownMenuCloseContext = React48.createContext(() => {
+var DropdownMenuCloseContext = React49.createContext(() => {
 });
 function DropdownMenuGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx39("div", { "data-slot": "dropdown-menu-group", role: "group", className, ...props });
+  return /* @__PURE__ */ jsx40("div", { "data-slot": "dropdown-menu-group", role: "group", className, ...props });
 }
 function DropdownMenuItem({
   className,
@@ -3576,8 +3593,8 @@ function DropdownMenuItem({
   onKeyDown,
   ...props
 }) {
-  const close = React48.useContext(DropdownMenuCloseContext);
-  return /* @__PURE__ */ jsx39(
+  const close = React49.useContext(DropdownMenuCloseContext);
+  return /* @__PURE__ */ jsx40(
     "div",
     {
       "data-slot": "dropdown-menu-item",
@@ -3614,7 +3631,7 @@ function DropdownMenuCheckboxItem({
   onClick,
   ...props
 }) {
-  const close = React48.useContext(DropdownMenuCloseContext);
+  const close = React49.useContext(DropdownMenuCloseContext);
   return /* @__PURE__ */ jsxs10(
     "div",
     {
@@ -3635,13 +3652,13 @@ function DropdownMenuCheckboxItem({
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx39("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: checked ? /* @__PURE__ */ jsx39("svg", { className: "size-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx39("path", { d: "M20 6 9 17l-5-5" }) }) : null }),
+        /* @__PURE__ */ jsx40("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: checked ? /* @__PURE__ */ jsx40("svg", { className: "size-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx40("path", { d: "M20 6 9 17l-5-5" }) }) : null }),
         children
       ]
     }
   );
 }
-var DropdownMenuRadioGroupContext = React48.createContext(null);
+var DropdownMenuRadioGroupContext = React49.createContext(null);
 function DropdownMenuRadioGroup({
   className,
   value,
@@ -3649,11 +3666,11 @@ function DropdownMenuRadioGroup({
   children,
   ...props
 }) {
-  const ctx = React48.useMemo(
+  const ctx = React49.useMemo(
     () => ({ value, setValue: (next) => onValueChange?.(next) }),
     [value, onValueChange]
   );
-  return /* @__PURE__ */ jsx39(DropdownMenuRadioGroupContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx39("div", { "data-slot": "dropdown-menu-radio-group", role: "group", className, ...props, children }) });
+  return /* @__PURE__ */ jsx40(DropdownMenuRadioGroupContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx40("div", { "data-slot": "dropdown-menu-radio-group", role: "group", className, ...props, children }) });
 }
 function DropdownMenuRadioItem({
   className,
@@ -3663,8 +3680,8 @@ function DropdownMenuRadioItem({
   onClick,
   ...props
 }) {
-  const close = React48.useContext(DropdownMenuCloseContext);
-  const group = React48.useContext(DropdownMenuRadioGroupContext);
+  const close = React49.useContext(DropdownMenuCloseContext);
+  const group = React49.useContext(DropdownMenuRadioGroupContext);
   const checked = group?.value === value;
   return /* @__PURE__ */ jsxs10(
     "div",
@@ -3687,14 +3704,14 @@ function DropdownMenuRadioItem({
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx39("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: checked ? /* @__PURE__ */ jsx39("svg", { className: "size-2 fill-current", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx39("circle", { cx: "12", cy: "12", r: "10" }) }) : null }),
+        /* @__PURE__ */ jsx40("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: checked ? /* @__PURE__ */ jsx40("svg", { className: "size-2 fill-current", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx40("circle", { cx: "12", cy: "12", r: "10" }) }) : null }),
         children
       ]
     }
   );
 }
 function DropdownMenuLabel({ className, inset, ...props }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "div",
     {
       "data-slot": "dropdown-menu-label",
@@ -3705,7 +3722,7 @@ function DropdownMenuLabel({ className, inset, ...props }) {
   );
 }
 function DropdownMenuSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "div",
     {
       "data-slot": "dropdown-menu-separator",
@@ -3716,7 +3733,7 @@ function DropdownMenuSeparator({ className, ...props }) {
   );
 }
 function DropdownMenuShortcut({ className, ...props }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "span",
     {
       "data-slot": "dropdown-menu-shortcut",
@@ -3725,17 +3742,17 @@ function DropdownMenuShortcut({ className, ...props }) {
     }
   );
 }
-var DropdownMenuSubContext = React48.createContext(null);
+var DropdownMenuSubContext = React49.createContext(null);
 function DropdownMenuSub({ open, defaultOpen = false, onOpenChange, children }) {
   const [isOpen, setOpen] = useControllableState({
     ...open !== void 0 ? { value: open } : {},
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  return /* @__PURE__ */ jsx39(DropdownMenuSubContext.Provider, { value: { open: isOpen, setOpen }, children: /* @__PURE__ */ jsx39("div", { "data-slot": "dropdown-menu-sub", children }) });
+  return /* @__PURE__ */ jsx40(DropdownMenuSubContext.Provider, { value: { open: isOpen, setOpen }, children: /* @__PURE__ */ jsx40("div", { "data-slot": "dropdown-menu-sub", children }) });
 }
 function DropdownMenuSubTrigger({ className, inset, children, onClick, ...props }) {
-  const ctx = React48.useContext(DropdownMenuSubContext);
+  const ctx = React49.useContext(DropdownMenuSubContext);
   return /* @__PURE__ */ jsxs10(
     "div",
     {
@@ -3757,15 +3774,15 @@ function DropdownMenuSubTrigger({ className, inset, children, onClick, ...props
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx39("svg", { className: "ml-auto size-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx39("path", { d: "m9 18 6-6-6-6" }) })
+        /* @__PURE__ */ jsx40("svg", { className: "ml-auto size-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx40("path", { d: "m9 18 6-6-6-6" }) })
       ]
     }
   );
 }
 function DropdownMenuSubContent({ className, children, ...props }) {
-  const ctx = React48.useContext(DropdownMenuSubContext);
+  const ctx = React49.useContext(DropdownMenuSubContext);
   if (!ctx?.open) return null;
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "div",
     {
       "data-slot": "dropdown-menu-sub-content",
@@ -3782,11 +3799,11 @@ function DropdownMenuSubContent({ className, children, ...props }) {
 }
 
 // src/components/context-menu.tsx
-import * as React49 from "react";
-import { jsx as jsx40, jsxs as jsxs11 } from "react/jsx-runtime";
-var ContextMenuContext = React49.createContext(null);
+import * as React50 from "react";
+import { jsx as jsx41, jsxs as jsxs11 } from "react/jsx-runtime";
+var ContextMenuContext = React50.createContext(null);
 function useContextMenu() {
-  const ctx = React49.useContext(ContextMenuContext);
+  const ctx = React50.useContext(ContextMenuContext);
   if (!ctx) throw new Error("ContextMenu parts must be used within <ContextMenu>");
   return ctx;
 }
@@ -3796,16 +3813,16 @@ function ContextMenu({ open, defaultOpen = false, onOpenChange, children }) {
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  const [point, setPoint] = React49.useState({ x: 0, y: 0 });
-  return /* @__PURE__ */ jsx40(ContextMenuContext.Provider, { value: { open: isOpen, setOpen, point, setPoint }, children: /* @__PURE__ */ jsx40("div", { "data-slot": "context-menu", children }) });
+  const [point, setPoint] = React50.useState({ x: 0, y: 0 });
+  return /* @__PURE__ */ jsx41(ContextMenuContext.Provider, { value: { open: isOpen, setOpen, point, setPoint }, children: /* @__PURE__ */ jsx41("div", { "data-slot": "context-menu", children }) });
 }
 function ContextMenuPortal({ children }) {
-  return /* @__PURE__ */ jsx40(Portal, { children });
+  return /* @__PURE__ */ jsx41(Portal, { children });
 }
 function ContextMenuTrigger({ asChild = false, onContextMenu, ...props }) {
   const { setOpen, setPoint } = useContextMenu();
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     Comp,
     {
       "data-slot": "context-menu-trigger",
@@ -3820,9 +3837,9 @@ function ContextMenuTrigger({ asChild = false, onContextMenu, ...props }) {
   );
 }
 function ContextMenuGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx40("div", { "data-slot": "context-menu-group", role: "group", className, ...props });
+  return /* @__PURE__ */ jsx41("div", { "data-slot": "context-menu-group", role: "group", className, ...props });
 }
-var ContextMenuCloseContext = React49.createContext(() => {
+var ContextMenuCloseContext = React50.createContext(() => {
 });
 function ContextMenuContent({ className, children, ...props }) {
   const { open, setOpen, point } = useContextMenu();
@@ -3831,7 +3848,7 @@ function ContextMenuContent({ className, children, ...props }) {
     enabled: open,
     onDismiss: () => setOpen(false)
   });
-  const contentRef = React49.useRef(null);
+  const contentRef = React50.useRef(null);
   const items = () => Array.from(
     contentRef.current?.querySelectorAll("[role^='menuitem']") ?? []
   ).filter((el) => el.getAttribute("data-disabled") === null);
@@ -3840,13 +3857,13 @@ function ContextMenuContent({ className, children, ...props }) {
     orientation: "vertical",
     loop: true
   });
-  React49.useEffect(() => {
+  React50.useEffect(() => {
     if (!open) return;
     items()[activeIndex]?.focus();
   }, [open, activeIndex]);
-  const close = React49.useCallback(() => setOpen(false), [setOpen]);
+  const close = React50.useCallback(() => setOpen(false), [setOpen]);
   if (!isPresent) return null;
-  return /* @__PURE__ */ jsx40(Portal, { children: /* @__PURE__ */ jsx40(ContextMenuCloseContext.Provider, { value: close, children: /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(Portal, { children: /* @__PURE__ */ jsx41(ContextMenuCloseContext.Provider, { value: close, children: /* @__PURE__ */ jsx41(
     "div",
     {
       "data-slot": "context-menu-content",
@@ -3878,8 +3895,8 @@ function ContextMenuItem({
   onKeyDown,
   ...props
 }) {
-  const close = React49.useContext(ContextMenuCloseContext);
-  return /* @__PURE__ */ jsx40(
+  const close = React50.useContext(ContextMenuCloseContext);
+  return /* @__PURE__ */ jsx41(
     "div",
     {
       "data-slot": "context-menu-item",
@@ -3916,7 +3933,7 @@ function ContextMenuCheckboxItem({
   onClick,
   ...props
 }) {
-  const close = React49.useContext(ContextMenuCloseContext);
+  const close = React50.useContext(ContextMenuCloseContext);
   return /* @__PURE__ */ jsxs11(
     "div",
     {
@@ -3937,13 +3954,13 @@ function ContextMenuCheckboxItem({
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx40("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: checked ? /* @__PURE__ */ jsx40("svg", { className: "size-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx40("path", { d: "M20 6 9 17l-5-5" }) }) : null }),
+        /* @__PURE__ */ jsx41("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: checked ? /* @__PURE__ */ jsx41("svg", { className: "size-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx41("path", { d: "M20 6 9 17l-5-5" }) }) : null }),
         children
       ]
     }
   );
 }
-var ContextMenuRadioGroupContext = React49.createContext(null);
+var ContextMenuRadioGroupContext = React50.createContext(null);
 function ContextMenuRadioGroup({
   className,
   value,
@@ -3951,11 +3968,11 @@ function ContextMenuRadioGroup({
   children,
   ...props
 }) {
-  const ctx = React49.useMemo(
+  const ctx = React50.useMemo(
     () => ({ value, setValue: (next) => onValueChange?.(next) }),
     [value, onValueChange]
   );
-  return /* @__PURE__ */ jsx40(ContextMenuRadioGroupContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx40("div", { "data-slot": "context-menu-radio-group", role: "group", className, ...props, children }) });
+  return /* @__PURE__ */ jsx41(ContextMenuRadioGroupContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx41("div", { "data-slot": "context-menu-radio-group", role: "group", className, ...props, children }) });
 }
 function ContextMenuRadioItem({
   className,
@@ -3965,8 +3982,8 @@ function ContextMenuRadioItem({
   onClick,
   ...props
 }) {
-  const close = React49.useContext(ContextMenuCloseContext);
-  const group = React49.useContext(ContextMenuRadioGroupContext);
+  const close = React50.useContext(ContextMenuCloseContext);
+  const group = React50.useContext(ContextMenuRadioGroupContext);
   const checked = group?.value === value;
   return /* @__PURE__ */ jsxs11(
     "div",
@@ -3989,14 +4006,14 @@ function ContextMenuRadioItem({
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx40("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: checked ? /* @__PURE__ */ jsx40("svg", { className: "size-2 fill-current", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx40("circle", { cx: "12", cy: "12", r: "10" }) }) : null }),
+        /* @__PURE__ */ jsx41("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: checked ? /* @__PURE__ */ jsx41("svg", { className: "size-2 fill-current", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx41("circle", { cx: "12", cy: "12", r: "10" }) }) : null }),
         children
       ]
     }
   );
 }
 function ContextMenuLabel({ className, inset, ...props }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     "div",
     {
       "data-slot": "context-menu-label",
@@ -4007,7 +4024,7 @@ function ContextMenuLabel({ className, inset, ...props }) {
   );
 }
 function ContextMenuSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     "div",
     {
       "data-slot": "context-menu-separator",
@@ -4018,7 +4035,7 @@ function ContextMenuSeparator({ className, ...props }) {
   );
 }
 function ContextMenuShortcut({ className, ...props }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     "span",
     {
       "data-slot": "context-menu-shortcut",
@@ -4027,17 +4044,17 @@ function ContextMenuShortcut({ className, ...props }) {
     }
   );
 }
-var ContextMenuSubContext = React49.createContext(null);
+var ContextMenuSubContext = React50.createContext(null);
 function ContextMenuSub({ open, defaultOpen = false, onOpenChange, children }) {
   const [isOpen, setOpen] = useControllableState({
     ...open !== void 0 ? { value: open } : {},
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  return /* @__PURE__ */ jsx40(ContextMenuSubContext.Provider, { value: { open: isOpen, setOpen }, children: /* @__PURE__ */ jsx40("div", { "data-slot": "context-menu-sub", children }) });
+  return /* @__PURE__ */ jsx41(ContextMenuSubContext.Provider, { value: { open: isOpen, setOpen }, children: /* @__PURE__ */ jsx41("div", { "data-slot": "context-menu-sub", children }) });
 }
 function ContextMenuSubTrigger({ className, inset, children, onClick, ...props }) {
-  const ctx = React49.useContext(ContextMenuSubContext);
+  const ctx = React50.useContext(ContextMenuSubContext);
   return /* @__PURE__ */ jsxs11(
     "div",
     {
@@ -4059,15 +4076,15 @@ function ContextMenuSubTrigger({ className, inset, children, onClick, ...props }
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx40("svg", { className: "ml-auto", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx40("path", { d: "m9 18 6-6-6-6" }) })
+        /* @__PURE__ */ jsx41("svg", { className: "ml-auto", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx41("path", { d: "m9 18 6-6-6-6" }) })
       ]
     }
   );
 }
 function ContextMenuSubContent({ className, children, ...props }) {
-  const ctx = React49.useContext(ContextMenuSubContext);
+  const ctx = React50.useContext(ContextMenuSubContext);
   if (!ctx?.open) return null;
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     "div",
     {
       "data-slot": "context-menu-sub-content",
@@ -4084,19 +4101,19 @@ function ContextMenuSubContent({ className, children, ...props }) {
 }
 
 // src/components/menubar.tsx
-import * as React50 from "react";
-import { jsx as jsx41, jsxs as jsxs12 } from "react/jsx-runtime";
+import * as React51 from "react";
+import { jsx as jsx42, jsxs as jsxs12 } from "react/jsx-runtime";
 var CONTENT = "bg-popover text-popover-foreground data-[state=open]:animate-in 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] overflow-hidden rounded-md border p-1 shadow-md";
 var SUB_CONTENT = "bg-popover text-popover-foreground 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-lg";
-var MenubarMenuContext = React50.createContext(null);
+var MenubarMenuContext = React51.createContext(null);
 function useMenu() {
-  const ctx = React50.useContext(MenubarMenuContext);
+  const ctx = React51.useContext(MenubarMenuContext);
   if (!ctx) throw new Error("Menubar parts must be used within <MenubarMenu>");
   return ctx;
 }
-var MenubarRadioGroupContext = React50.createContext(null);
+var MenubarRadioGroupContext = React51.createContext(null);
 function Menubar({ className, ...props }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "div",
     {
       "data-slot": "menubar",
@@ -4115,12 +4132,12 @@ function MenubarMenu({ open, defaultOpen = false, onOpenChange, children }) {
     defaultValue: defaultOpen,
     onChange: onOpenChange
   });
-  const triggerRef = React50.useRef(null);
-  return /* @__PURE__ */ jsx41(MenubarMenuContext.Provider, { value: { open: isOpen, setOpen, triggerRef }, children: /* @__PURE__ */ jsx41("div", { "data-slot": "menubar-menu", className: "relative", children }) });
+  const triggerRef = React51.useRef(null);
+  return /* @__PURE__ */ jsx42(MenubarMenuContext.Provider, { value: { open: isOpen, setOpen, triggerRef }, children: /* @__PURE__ */ jsx42("div", { "data-slot": "menubar-menu", className: "relative", children }) });
 }
 function MenubarTrigger({ className, onClick, ...props }) {
   const { open, setOpen, triggerRef } = useMenu();
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "button",
     {
       ref: triggerRef,
@@ -4159,10 +4176,10 @@ function MenubarContent({
     onDismiss: () => setOpen(false),
     exclude: [triggerRef]
   });
-  const items = React50.Children.toArray(children);
+  const items = React51.Children.toArray(children);
   const { onKeyDown } = useRovingFocus({ count: items.length, orientation: "vertical" });
   if (!isPresent) return null;
-  return /* @__PURE__ */ jsx41(Portal, { children: /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(Portal, { children: /* @__PURE__ */ jsx42(
     "div",
     {
       ref: mergeRefs(presenceRef, floatingRef, dismissRef),
@@ -4179,7 +4196,7 @@ function MenubarContent({
   ) });
 }
 function MenubarGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx41("div", { "data-slot": "menubar-group", role: "group", className, ...props });
+  return /* @__PURE__ */ jsx42("div", { "data-slot": "menubar-group", role: "group", className, ...props });
 }
 function MenubarItem({
   className,
@@ -4187,7 +4204,7 @@ function MenubarItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "div",
     {
       "data-slot": "menubar-item",
@@ -4222,7 +4239,7 @@ function MenubarCheckboxItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx41("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: checked && /* @__PURE__ */ jsx41(
+        /* @__PURE__ */ jsx42("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: checked && /* @__PURE__ */ jsx42(
           "svg",
           {
             className: "size-4",
@@ -4232,7 +4249,7 @@ function MenubarCheckboxItem({
             strokeWidth: "2",
             strokeLinecap: "round",
             strokeLinejoin: "round",
-            children: /* @__PURE__ */ jsx41("path", { d: "M20 6 9 17l-5-5" })
+            children: /* @__PURE__ */ jsx42("path", { d: "M20 6 9 17l-5-5" })
           }
         ) }),
         children
@@ -4252,7 +4269,7 @@ function MenubarRadioGroup({
     defaultValue,
     onChange: onValueChange
   });
-  return /* @__PURE__ */ jsx41(MenubarRadioGroupContext.Provider, { value: { value: current, onValueChange: setValue }, children: /* @__PURE__ */ jsx41("div", { "data-slot": "menubar-radio-group", role: "group", className, children }) });
+  return /* @__PURE__ */ jsx42(MenubarRadioGroupContext.Provider, { value: { value: current, onValueChange: setValue }, children: /* @__PURE__ */ jsx42("div", { "data-slot": "menubar-radio-group", role: "group", className, children }) });
 }
 function MenubarRadioItem({
   className,
@@ -4260,7 +4277,7 @@ function MenubarRadioItem({
   value,
   ...props
 }) {
-  const ctx = React50.useContext(MenubarRadioGroupContext);
+  const ctx = React51.useContext(MenubarRadioGroupContext);
   const checked = ctx?.value === value;
   return /* @__PURE__ */ jsxs12(
     "div",
@@ -4276,7 +4293,7 @@ function MenubarRadioItem({
       onClick: () => ctx?.onValueChange(value),
       ...props,
       children: [
-        /* @__PURE__ */ jsx41("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: checked && /* @__PURE__ */ jsx41("svg", { className: "size-2 fill-current", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx41("circle", { cx: "12", cy: "12", r: "10" }) }) }),
+        /* @__PURE__ */ jsx42("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: checked && /* @__PURE__ */ jsx42("svg", { className: "size-2 fill-current", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx42("circle", { cx: "12", cy: "12", r: "10" }) }) }),
         children
       ]
     }
@@ -4287,7 +4304,7 @@ function MenubarLabel({
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "div",
     {
       "data-slot": "menubar-label",
@@ -4298,7 +4315,7 @@ function MenubarLabel({
   );
 }
 function MenubarSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "div",
     {
       "data-slot": "menubar-separator",
@@ -4309,7 +4326,7 @@ function MenubarSeparator({ className, ...props }) {
   );
 }
 function MenubarShortcut({ className, ...props }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "span",
     {
       "data-slot": "menubar-shortcut",
@@ -4318,9 +4335,9 @@ function MenubarShortcut({ className, ...props }) {
     }
   );
 }
-var MenubarSubContext = React50.createContext(null);
+var MenubarSubContext = React51.createContext(null);
 function useSub() {
-  const ctx = React50.useContext(MenubarSubContext);
+  const ctx = React51.useContext(MenubarSubContext);
   if (!ctx) throw new Error("MenubarSub parts must be used within <MenubarSub>");
   return ctx;
 }
@@ -4330,7 +4347,7 @@ function MenubarSub({ open, defaultOpen = false, onOpenChange, children }) {
     defaultValue: defaultOpen,
     onChange: onOpenChange
   });
-  return /* @__PURE__ */ jsx41(MenubarSubContext.Provider, { value: { open: isOpen, setOpen }, children: /* @__PURE__ */ jsx41("div", { "data-slot": "menubar-sub", className: "relative", children }) });
+  return /* @__PURE__ */ jsx42(MenubarSubContext.Provider, { value: { open: isOpen, setOpen }, children: /* @__PURE__ */ jsx42("div", { "data-slot": "menubar-sub", className: "relative", children }) });
 }
 function MenubarSubTrigger({
   className,
@@ -4359,7 +4376,7 @@ function MenubarSubTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx41(
+        /* @__PURE__ */ jsx42(
           "svg",
           {
             className: "ml-auto h-4 w-4",
@@ -4369,7 +4386,7 @@ function MenubarSubTrigger({
             strokeWidth: "2",
             strokeLinecap: "round",
             strokeLinejoin: "round",
-            children: /* @__PURE__ */ jsx41("path", { d: "m9 18 6-6-6-6" })
+            children: /* @__PURE__ */ jsx42("path", { d: "m9 18 6-6-6-6" })
           }
         )
       ]
@@ -4380,7 +4397,7 @@ function MenubarSubContent({ className, children, ...props }) {
   const { open } = useSub();
   const { isPresent, ref } = usePresence(open);
   if (!isPresent) return null;
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "div",
     {
       ref,
@@ -4395,14 +4412,14 @@ function MenubarSubContent({ className, children, ...props }) {
 }
 
 // src/components/navigation-menu.tsx
-import * as React51 from "react";
-import { jsx as jsx42, jsxs as jsxs13 } from "react/jsx-runtime";
+import * as React52 from "react";
+import { jsx as jsx43, jsxs as jsxs13 } from "react/jsx-runtime";
 function navigationMenuTriggerStyle() {
   return "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1";
 }
-var NavigationMenuItemContext = React51.createContext(null);
+var NavigationMenuItemContext = React52.createContext(null);
 function useItem() {
-  const ctx = React51.useContext(NavigationMenuItemContext);
+  const ctx = React52.useContext(NavigationMenuItemContext);
   if (!ctx) throw new Error("NavigationMenu parts must be used within <NavigationMenuItem>");
   return ctx;
 }
@@ -4425,13 +4442,13 @@ function NavigationMenu({
       ...props,
       children: [
         children,
-        viewport && /* @__PURE__ */ jsx42(NavigationMenuViewport, {})
+        viewport && /* @__PURE__ */ jsx43(NavigationMenuViewport, {})
       ]
     }
   );
 }
 function NavigationMenuList({ className, ...props }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     "ul",
     {
       "data-slot": "navigation-menu-list",
@@ -4457,8 +4474,8 @@ function NavigationMenuItem({
     defaultValue: defaultOpen,
     onChange: onOpenChange
   });
-  const triggerRef = React51.useRef(null);
-  return /* @__PURE__ */ jsx42(NavigationMenuItemContext.Provider, { value: { open: isOpen, setOpen, triggerRef }, children: /* @__PURE__ */ jsx42("li", { "data-slot": "navigation-menu-item", className: cn("relative", className), ...props, children }) });
+  const triggerRef = React52.useRef(null);
+  return /* @__PURE__ */ jsx43(NavigationMenuItemContext.Provider, { value: { open: isOpen, setOpen, triggerRef }, children: /* @__PURE__ */ jsx43("li", { "data-slot": "navigation-menu-item", className: cn("relative", className), ...props, children }) });
 }
 function NavigationMenuTrigger({
   className,
@@ -4483,7 +4500,7 @@ function NavigationMenuTrigger({
       children: [
         children,
         " ",
-        /* @__PURE__ */ jsx42(
+        /* @__PURE__ */ jsx43(
           "svg",
           {
             className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
@@ -4494,7 +4511,7 @@ function NavigationMenuTrigger({
             strokeLinecap: "round",
             strokeLinejoin: "round",
             "aria-hidden": "true",
-            children: /* @__PURE__ */ jsx42("path", { d: "m6 9 6 6 6-6" })
+            children: /* @__PURE__ */ jsx43("path", { d: "m6 9 6 6 6-6" })
           }
         )
       ]
@@ -4510,7 +4527,7 @@ function NavigationMenuContent({ className, children, ...props }) {
     exclude: [triggerRef]
   });
   if (!isPresent) return null;
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     "div",
     {
       ref: mergeRefs(presenceRef, dismissRef),
@@ -4527,7 +4544,7 @@ function NavigationMenuContent({ className, children, ...props }) {
   );
 }
 function NavigationMenuViewport({ className, ...props }) {
-  return /* @__PURE__ */ jsx42("div", { className: "absolute top-full left-0 isolate z-50 flex justify-center", children: /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43("div", { className: "absolute top-full left-0 isolate z-50 flex justify-center", children: /* @__PURE__ */ jsx43(
     "div",
     {
       "data-slot": "navigation-menu-viewport",
@@ -4545,7 +4562,7 @@ function NavigationMenuLink({
   ...props
 }) {
   const Comp = asChild ? Slot : "a";
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     Comp,
     {
       "data-slot": "navigation-menu-link",
@@ -4558,7 +4575,7 @@ function NavigationMenuLink({
   );
 }
 function NavigationMenuIndicator({ className, ...props }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     "div",
     {
       "data-slot": "navigation-menu-indicator",
@@ -4567,17 +4584,17 @@ function NavigationMenuIndicator({ className, ...props }) {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx42("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
+      children: /* @__PURE__ */ jsx43("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
     }
   );
 }
 
 // src/components/dialog.tsx
-import * as React52 from "react";
-import { Fragment as Fragment2, jsx as jsx43, jsxs as jsxs14 } from "react/jsx-runtime";
-var DialogContext = React52.createContext(null);
+import * as React53 from "react";
+import { Fragment as Fragment2, jsx as jsx44, jsxs as jsxs14 } from "react/jsx-runtime";
+var DialogContext = React53.createContext(null);
 function useDialog() {
-  const ctx = React52.useContext(DialogContext);
+  const ctx = React53.useContext(DialogContext);
   if (!ctx) throw new Error("Dialog parts must be used within <Dialog>");
   return ctx;
 }
@@ -4587,13 +4604,13 @@ function Dialog({ open, defaultOpen = false, onOpenChange, children }) {
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  const triggerRef = React52.useRef(null);
-  return /* @__PURE__ */ jsx43(DialogContext.Provider, { value: { open: isOpen, setOpen, triggerRef }, children });
+  const triggerRef = React53.useRef(null);
+  return /* @__PURE__ */ jsx44(DialogContext.Provider, { value: { open: isOpen, setOpen, triggerRef }, children });
 }
 function DialogTrigger({ asChild = false, onClick, ...props }) {
   const { open, setOpen, triggerRef } = useDialog();
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     Comp,
     {
       "data-slot": "dialog-trigger",
@@ -4608,11 +4625,11 @@ function DialogTrigger({ asChild = false, onClick, ...props }) {
   );
 }
 function DialogPortal({ children }) {
-  return /* @__PURE__ */ jsx43(Fragment2, { children });
+  return /* @__PURE__ */ jsx44(Fragment2, { children });
 }
 function DialogOverlay({ className, ...props }) {
   const { open, setOpen } = useDialog();
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     "div",
     {
       "data-slot": "dialog-overlay",
@@ -4626,7 +4643,7 @@ function DialogOverlay({ className, ...props }) {
     }
   );
 }
-var XIcon = (props) => /* @__PURE__ */ jsx43(
+var XIcon = (props) => /* @__PURE__ */ jsx44(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4639,7 +4656,7 @@ var XIcon = (props) => /* @__PURE__ */ jsx43(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     ...props,
-    children: /* @__PURE__ */ jsx43("path", { d: "M18 6 6 18M6 6l12 12" })
+    children: /* @__PURE__ */ jsx44("path", { d: "M18 6 6 18M6 6l12 12" })
   }
 );
 function DialogContent({
@@ -4656,7 +4673,7 @@ function DialogContent({
     onDismiss: () => setOpen(false),
     exclude: [triggerRef]
   });
-  React52.useEffect(() => {
+  React53.useEffect(() => {
     if (!open) return;
     const prev = document.body.style.overflow;
     document.body.style.overflow = "hidden";
@@ -4666,7 +4683,7 @@ function DialogContent({
   }, [open]);
   if (!isPresent) return null;
   return /* @__PURE__ */ jsxs14(Portal, { children: [
-    /* @__PURE__ */ jsx43(DialogOverlay, {}),
+    /* @__PURE__ */ jsx44(DialogOverlay, {}),
     /* @__PURE__ */ jsxs14(
       "div",
       {
@@ -4690,8 +4707,8 @@ function DialogContent({
               onClick: () => setOpen(false),
               className: "ring-offset-background focus:ring-ring absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
               children: [
-                /* @__PURE__ */ jsx43(XIcon, {}),
-                /* @__PURE__ */ jsx43("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ jsx44(XIcon, {}),
+                /* @__PURE__ */ jsx44("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -4703,7 +4720,7 @@ function DialogContent({
 function DialogClose({ asChild = false, onClick, ...props }) {
   const { setOpen } = useDialog();
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     Comp,
     {
       "data-slot": "dialog-close",
@@ -4716,7 +4733,7 @@ function DialogClose({ asChild = false, onClick, ...props }) {
   );
 }
 function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     "div",
     {
       "data-slot": "dialog-header",
@@ -4726,7 +4743,7 @@ function DialogHeader({ className, ...props }) {
   );
 }
 function DialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     "div",
     {
       "data-slot": "dialog-footer",
@@ -4736,7 +4753,7 @@ function DialogFooter({ className, ...props }) {
   );
 }
 function DialogTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     "h2",
     {
       "data-slot": "dialog-title",
@@ -4746,7 +4763,7 @@ function DialogTitle({ className, ...props }) {
   );
 }
 function DialogDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     "p",
     {
       "data-slot": "dialog-description",
@@ -4757,11 +4774,11 @@ function DialogDescription({ className, ...props }) {
 }
 
 // src/components/alert-dialog.tsx
-import * as React53 from "react";
-import { jsx as jsx44, jsxs as jsxs15 } from "react/jsx-runtime";
-var AlertDialogContext = React53.createContext(null);
+import * as React54 from "react";
+import { jsx as jsx45, jsxs as jsxs15 } from "react/jsx-runtime";
+var AlertDialogContext = React54.createContext(null);
 function useAlertDialog() {
-  const ctx = React53.useContext(AlertDialogContext);
+  const ctx = React54.useContext(AlertDialogContext);
   if (!ctx) throw new Error("AlertDialog parts must be used within <AlertDialog>");
   return ctx;
 }
@@ -4771,13 +4788,13 @@ function AlertDialog({ open, defaultOpen = false, onOpenChange, children }) {
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  const triggerRef = React53.useRef(null);
-  return /* @__PURE__ */ jsx44(AlertDialogContext.Provider, { value: { open: isOpen, setOpen, triggerRef }, children });
+  const triggerRef = React54.useRef(null);
+  return /* @__PURE__ */ jsx45(AlertDialogContext.Provider, { value: { open: isOpen, setOpen, triggerRef }, children });
 }
 function AlertDialogTrigger({ asChild = false, onClick, ...props }) {
   const { open, setOpen, triggerRef } = useAlertDialog();
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     Comp,
     {
       "data-slot": "alert-dialog-trigger",
@@ -4793,7 +4810,7 @@ function AlertDialogTrigger({ asChild = false, onClick, ...props }) {
 }
 function AlertDialogOverlay({ className, ...props }) {
   const { open, setOpen } = useAlertDialog();
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     "div",
     {
       "data-slot": "alert-dialog-overlay",
@@ -4818,8 +4835,8 @@ function AlertDialogContent({ className, children, ...props }) {
   });
   if (!isPresent) return null;
   return /* @__PURE__ */ jsxs15(Portal, { children: [
-    /* @__PURE__ */ jsx44(AlertDialogOverlay, {}),
-    /* @__PURE__ */ jsx44(
+    /* @__PURE__ */ jsx45(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx45(
       "div",
       {
         "data-slot": "alert-dialog-content",
@@ -4838,7 +4855,7 @@ function AlertDialogContent({ className, children, ...props }) {
   ] });
 }
 function AlertDialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     "div",
     {
       "data-slot": "alert-dialog-header",
@@ -4848,7 +4865,7 @@ function AlertDialogHeader({ className, ...props }) {
   );
 }
 function AlertDialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     "div",
     {
       "data-slot": "alert-dialog-footer",
@@ -4858,7 +4875,7 @@ function AlertDialogFooter({ className, ...props }) {
   );
 }
 function AlertDialogTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     "h2",
     {
       "data-slot": "alert-dialog-title",
@@ -4868,7 +4885,7 @@ function AlertDialogTitle({ className, ...props }) {
   );
 }
 function AlertDialogDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     "p",
     {
       "data-slot": "alert-dialog-description",
@@ -4879,7 +4896,7 @@ function AlertDialogDescription({ className, ...props }) {
 }
 function AlertDialogAction({ className, onClick, ...props }) {
   const { setOpen } = useAlertDialog();
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     "button",
     {
       "data-slot": "alert-dialog-action",
@@ -4894,7 +4911,7 @@ function AlertDialogAction({ className, onClick, ...props }) {
 }
 function AlertDialogCancel({ className, onClick, ...props }) {
   const { setOpen } = useAlertDialog();
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     "button",
     {
       "data-slot": "alert-dialog-cancel",
@@ -4909,11 +4926,11 @@ function AlertDialogCancel({ className, onClick, ...props }) {
 }
 
 // src/components/sheet.tsx
-import * as React54 from "react";
-import { jsx as jsx45, jsxs as jsxs16 } from "react/jsx-runtime";
-var SheetContext = React54.createContext(null);
+import * as React55 from "react";
+import { jsx as jsx46, jsxs as jsxs16 } from "react/jsx-runtime";
+var SheetContext = React55.createContext(null);
 function useSheet() {
-  const ctx = React54.useContext(SheetContext);
+  const ctx = React55.useContext(SheetContext);
   if (!ctx) throw new Error("Sheet parts must be used within <Sheet>");
   return ctx;
 }
@@ -4923,13 +4940,13 @@ function Sheet({ open, defaultOpen = false, onOpenChange, children }) {
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  const triggerRef = React54.useRef(null);
-  return /* @__PURE__ */ jsx45(SheetContext.Provider, { value: { open: isOpen, setOpen, triggerRef }, children });
+  const triggerRef = React55.useRef(null);
+  return /* @__PURE__ */ jsx46(SheetContext.Provider, { value: { open: isOpen, setOpen, triggerRef }, children });
 }
 function SheetTrigger({ asChild = false, onClick, ...props }) {
   const { open, setOpen, triggerRef } = useSheet();
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     Comp,
     {
       "data-slot": "sheet-trigger",
@@ -4945,7 +4962,7 @@ function SheetTrigger({ asChild = false, onClick, ...props }) {
 }
 function SheetOverlay({ className, ...props }) {
   const { open, setOpen } = useSheet();
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     "div",
     {
       "data-slot": "sheet-overlay",
@@ -4965,7 +4982,7 @@ var sheetSideClasses = {
   top: "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
   bottom: "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t"
 };
-var XIcon2 = (props) => /* @__PURE__ */ jsx45(
+var XIcon2 = (props) => /* @__PURE__ */ jsx46(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4978,7 +4995,7 @@ var XIcon2 = (props) => /* @__PURE__ */ jsx45(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     ...props,
-    children: /* @__PURE__ */ jsx45("path", { d: "M18 6 6 18M6 6l12 12" })
+    children: /* @__PURE__ */ jsx46("path", { d: "M18 6 6 18M6 6l12 12" })
   }
 );
 function SheetContent({ className, children, side = "right", ...props }) {
@@ -4992,7 +5009,7 @@ function SheetContent({ className, children, side = "right", ...props }) {
   });
   if (!isPresent) return null;
   return /* @__PURE__ */ jsxs16(Portal, { children: [
-    /* @__PURE__ */ jsx45(SheetOverlay, {}),
+    /* @__PURE__ */ jsx46(SheetOverlay, {}),
     /* @__PURE__ */ jsxs16(
       "div",
       {
@@ -5017,8 +5034,8 @@ function SheetContent({ className, children, side = "right", ...props }) {
               onClick: () => setOpen(false),
               className: "ring-offset-background focus:ring-ring absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",
               children: [
-                /* @__PURE__ */ jsx45(XIcon2, { className: "size-4" }),
-                /* @__PURE__ */ jsx45("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ jsx46(XIcon2, { className: "size-4" }),
+                /* @__PURE__ */ jsx46("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -5030,7 +5047,7 @@ function SheetContent({ className, children, side = "right", ...props }) {
 function SheetClose({ asChild = false, onClick, ...props }) {
   const { setOpen } = useSheet();
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     Comp,
     {
       "data-slot": "sheet-close",
@@ -5043,7 +5060,7 @@ function SheetClose({ asChild = false, onClick, ...props }) {
   );
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     "div",
     {
       "data-slot": "sheet-header",
@@ -5053,7 +5070,7 @@ function SheetHeader({ className, ...props }) {
   );
 }
 function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     "div",
     {
       "data-slot": "sheet-footer",
@@ -5063,7 +5080,7 @@ function SheetFooter({ className, ...props }) {
   );
 }
 function SheetTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     "h2",
     {
       "data-slot": "sheet-title",
@@ -5073,7 +5090,7 @@ function SheetTitle({ className, ...props }) {
   );
 }
 function SheetDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     "p",
     {
       "data-slot": "sheet-description",
@@ -5084,11 +5101,11 @@ function SheetDescription({ className, ...props }) {
 }
 
 // src/components/drawer.tsx
-import * as React55 from "react";
-import { jsx as jsx46, jsxs as jsxs17 } from "react/jsx-runtime";
-var DrawerContext = React55.createContext(null);
+import * as React56 from "react";
+import { jsx as jsx47, jsxs as jsxs17 } from "react/jsx-runtime";
+var DrawerContext = React56.createContext(null);
 function useDrawer() {
-  const ctx = React55.useContext(DrawerContext);
+  const ctx = React56.useContext(DrawerContext);
   if (!ctx) throw new Error("Drawer parts must be used within <Drawer>");
   return ctx;
 }
@@ -5110,12 +5127,12 @@ function Drawer({
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  return /* @__PURE__ */ jsx46(DrawerContext.Provider, { value: { open: isOpen, setOpen, direction }, children: /* @__PURE__ */ jsx46("div", { "data-slot": "drawer", children }) });
+  return /* @__PURE__ */ jsx47(DrawerContext.Provider, { value: { open: isOpen, setOpen, direction }, children: /* @__PURE__ */ jsx47("div", { "data-slot": "drawer", children }) });
 }
 function DrawerTrigger({ asChild = false, onClick, ...props }) {
   const { setOpen } = useDrawer();
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     Comp,
     {
       "data-slot": "drawer-trigger",
@@ -5130,7 +5147,7 @@ function DrawerTrigger({ asChild = false, onClick, ...props }) {
 function DrawerClose({ asChild = false, onClick, ...props }) {
   const { setOpen } = useDrawer();
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     Comp,
     {
       "data-slot": "drawer-close",
@@ -5145,7 +5162,7 @@ function DrawerClose({ asChild = false, onClick, ...props }) {
 function DrawerOverlay({ className, ...props }) {
   const { open, setOpen } = useDrawer();
   if (!open) return null;
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "div",
     {
       "data-slot": "drawer-overlay",
@@ -5161,7 +5178,7 @@ function DrawerContent({ className, children, ...props }) {
   const scopeRef = useFocusScope(open);
   if (!open) return null;
   return /* @__PURE__ */ jsxs17(Portal, { children: [
-    /* @__PURE__ */ jsx46(
+    /* @__PURE__ */ jsx47(
       "div",
       {
         "data-slot": "drawer-overlay",
@@ -5188,7 +5205,7 @@ function DrawerContent({ className, children, ...props }) {
         ),
         ...props,
         children: [
-          direction === "bottom" ? /* @__PURE__ */ jsx46(
+          direction === "bottom" ? /* @__PURE__ */ jsx47(
             "div",
             {
               "data-slot": "drawer-handle",
@@ -5202,7 +5219,7 @@ function DrawerContent({ className, children, ...props }) {
   ] });
 }
 function DrawerHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "div",
     {
       "data-slot": "drawer-header",
@@ -5212,7 +5229,7 @@ function DrawerHeader({ className, ...props }) {
   );
 }
 function DrawerFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "div",
     {
       "data-slot": "drawer-footer",
@@ -5222,7 +5239,7 @@ function DrawerFooter({ className, ...props }) {
   );
 }
 function DrawerTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "div",
     {
       "data-slot": "drawer-title",
@@ -5232,7 +5249,7 @@ function DrawerTitle({ className, ...props }) {
   );
 }
 function DrawerDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "div",
     {
       "data-slot": "drawer-description",
@@ -5243,11 +5260,11 @@ function DrawerDescription({ className, ...props }) {
 }
 
 // src/components/select.tsx
-import * as React56 from "react";
-import { jsx as jsx47, jsxs as jsxs18 } from "react/jsx-runtime";
-var SelectContext = React56.createContext(null);
+import * as React57 from "react";
+import { jsx as jsx48, jsxs as jsxs18 } from "react/jsx-runtime";
+var SelectContext = React57.createContext(null);
 function useSelect() {
-  const ctx = React56.useContext(SelectContext);
+  const ctx = React57.useContext(SelectContext);
   if (!ctx) throw new Error("Select parts must be used within <Select>");
   return ctx;
 }
@@ -5270,8 +5287,8 @@ function Select({
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  const anchorRef = React56.useRef(null);
-  return /* @__PURE__ */ jsx47(
+  const anchorRef = React57.useRef(null);
+  return /* @__PURE__ */ jsx48(
     SelectContext.Provider,
     {
       value: { value: currentValue, setValue, open: isOpen, setOpen, anchorRef },
@@ -5308,7 +5325,7 @@ function SelectTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx47(
+        /* @__PURE__ */ jsx48(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -5322,7 +5339,7 @@ function SelectTrigger({
             strokeLinejoin: "round",
             className: "size-4 opacity-50",
             "aria-hidden": "true",
-            children: /* @__PURE__ */ jsx47("path", { d: "m6 9 6 6 6-6" })
+            children: /* @__PURE__ */ jsx48("path", { d: "m6 9 6 6 6-6" })
           }
         )
       ]
@@ -5332,7 +5349,7 @@ function SelectTrigger({
 function SelectValue({ className, placeholder, ...props }) {
   const { value } = useSelect();
   const isEmpty = value === "";
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     "span",
     {
       "data-slot": "select-value",
@@ -5365,13 +5382,13 @@ function SelectContent({
     onDismiss: () => setOpen(false),
     exclude: [anchorRef]
   });
-  const items = React56.Children.toArray(children).filter(React56.isValidElement);
+  const items = React57.Children.toArray(children).filter(React57.isValidElement);
   const { activeIndex, setActiveIndex, onKeyDown } = useRovingFocus({
     count: items.length,
     orientation: "vertical"
   });
   if (!isPresent) return null;
-  return /* @__PURE__ */ jsx47(Portal, { children: /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(Portal, { children: /* @__PURE__ */ jsx48(
     "div",
     {
       role: "listbox",
@@ -5387,8 +5404,8 @@ function SelectContent({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx47("div", { className: "p-1", children: items.map(
-        (child, index) => React56.cloneElement(child, {
+      children: /* @__PURE__ */ jsx48("div", { className: "p-1", children: items.map(
+        (child, index) => React57.cloneElement(child, {
           __index: index,
           __active: index === activeIndex,
           __setActive: setActiveIndex
@@ -5433,7 +5450,7 @@ function SelectItem({
       ),
       ...props,
       children: [
-        selected ? /* @__PURE__ */ jsx47("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx47(
+        selected ? /* @__PURE__ */ jsx48("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx48(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -5447,19 +5464,19 @@ function SelectItem({
             strokeLinejoin: "round",
             className: "size-4",
             "aria-hidden": "true",
-            children: /* @__PURE__ */ jsx47("path", { d: "M20 6 9 17l-5-5" })
+            children: /* @__PURE__ */ jsx48("path", { d: "M20 6 9 17l-5-5" })
           }
         ) }) : null,
-        /* @__PURE__ */ jsx47("span", { children })
+        /* @__PURE__ */ jsx48("span", { children })
       ]
     }
   );
 }
 function SelectGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx47("div", { role: "group", "data-slot": "select-group", className, ...props });
+  return /* @__PURE__ */ jsx48("div", { role: "group", "data-slot": "select-group", className, ...props });
 }
 function SelectLabel({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     "div",
     {
       "data-slot": "select-label",
@@ -5469,7 +5486,7 @@ function SelectLabel({ className, ...props }) {
   );
 }
 function SelectSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     "div",
     {
       "data-slot": "select-separator",
@@ -5480,11 +5497,11 @@ function SelectSeparator({ className, ...props }) {
 }
 
 // src/components/command.tsx
-import * as React57 from "react";
-import { jsx as jsx48, jsxs as jsxs19 } from "react/jsx-runtime";
-var CommandContext = React57.createContext(null);
+import * as React58 from "react";
+import { jsx as jsx49, jsxs as jsxs19 } from "react/jsx-runtime";
+var CommandContext = React58.createContext(null);
 function useCommand() {
-  const ctx = React57.useContext(CommandContext);
+  const ctx = React58.useContext(CommandContext);
   if (!ctx) throw new Error("Command parts must be used within <Command>");
   return ctx;
 }
@@ -5501,7 +5518,7 @@ function Command({
     defaultValue: defaultSearch,
     ...onSearchChange ? { onChange: onSearchChange } : {}
   });
-  return /* @__PURE__ */ jsx48(CommandContext.Provider, { value: { search: currentSearch, setSearch }, children: /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(CommandContext.Provider, { value: { search: currentSearch, setSearch }, children: /* @__PURE__ */ jsx49(
     "div",
     {
       "data-slot": "command",
@@ -5529,7 +5546,7 @@ function CommandDialog({
   const scopeRef = useFocusScope(isOpen);
   if (!isOpen) return null;
   return /* @__PURE__ */ jsxs19(Portal, { children: [
-    /* @__PURE__ */ jsx48(
+    /* @__PURE__ */ jsx49(
       "div",
       {
         "data-slot": "command-overlay",
@@ -5537,7 +5554,7 @@ function CommandDialog({
         onClick: () => setOpen(false)
       }
     ),
-    /* @__PURE__ */ jsx48(
+    /* @__PURE__ */ jsx49(
       "div",
       {
         role: "dialog",
@@ -5551,7 +5568,7 @@ function CommandDialog({
           "fixed top-1/2 left-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-lg border p-0 shadow-lg",
           className
         ),
-        children: /* @__PURE__ */ jsx48(Command, { className: "[&_[data-slot=command-input-wrapper]]:h-12 [&_[data-slot=command-input]]:h-12", children })
+        children: /* @__PURE__ */ jsx49(Command, { className: "[&_[data-slot=command-input-wrapper]]:h-12 [&_[data-slot=command-input]]:h-12", children })
       }
     )
   ] });
@@ -5577,12 +5594,12 @@ function CommandInput({
         className: "size-4 shrink-0 opacity-50",
         "aria-hidden": "true",
         children: [
-          /* @__PURE__ */ jsx48("circle", { cx: "11", cy: "11", r: "8" }),
-          /* @__PURE__ */ jsx48("path", { d: "m21 21-4.3-4.3" })
+          /* @__PURE__ */ jsx49("circle", { cx: "11", cy: "11", r: "8" }),
+          /* @__PURE__ */ jsx49("path", { d: "m21 21-4.3-4.3" })
         ]
       }
     ),
-    /* @__PURE__ */ jsx48(
+    /* @__PURE__ */ jsx49(
       "input",
       {
         type: "text",
@@ -5600,7 +5617,7 @@ function CommandInput({
   ] });
 }
 function CommandList({ className, ...props }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     "div",
     {
       role: "listbox",
@@ -5614,7 +5631,7 @@ function CommandEmpty({ className, children, ...props }) {
   const { search } = useCommand();
   const hasQuery = search.trim() !== "";
   if (!hasQuery) return null;
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     "div",
     {
       "data-slot": "command-empty",
@@ -5636,7 +5653,7 @@ function CommandGroup({ className, heading, children, ...props }) {
       ),
       ...props,
       children: [
-        heading ? /* @__PURE__ */ jsx48("div", { "data-slot": "command-group-heading", children: heading }) : null,
+        heading ? /* @__PURE__ */ jsx49("div", { "data-slot": "command-group-heading", children: heading }) : null,
         children
       ]
     }
@@ -5653,7 +5670,7 @@ function CommandItem({
   const { search } = useCommand();
   const query = search.toLowerCase();
   if (query !== "" && !value.toLowerCase().includes(query)) return null;
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     "div",
     {
       role: "option",
@@ -5674,7 +5691,7 @@ function CommandItem({
   );
 }
 function CommandSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     "div",
     {
       "data-slot": "command-separator",
@@ -5684,7 +5701,7 @@ function CommandSeparator({ className, ...props }) {
   );
 }
 function CommandShortcut({ className, ...props }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     "span",
     {
       "data-slot": "command-shortcut",
@@ -5695,11 +5712,11 @@ function CommandShortcut({ className, ...props }) {
 }
 
 // src/components/chart.tsx
-import * as React58 from "react";
-import { Fragment as Fragment3, jsx as jsx49, jsxs as jsxs20 } from "react/jsx-runtime";
-var ChartContext = React58.createContext(null);
+import * as React59 from "react";
+import { Fragment as Fragment3, jsx as jsx50, jsxs as jsxs20 } from "react/jsx-runtime";
+var ChartContext = React59.createContext(null);
 function useChart() {
-  const context = React58.useContext(ChartContext);
+  const context = React59.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
@@ -5712,9 +5729,9 @@ function ChartContainer({
   config,
   ...props
 }) {
-  const uniqueId = React58.useId();
+  const uniqueId = React59.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
-  return /* @__PURE__ */ jsx49(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsx50(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs20(
     "div",
     {
       "data-slot": "chart",
@@ -5725,7 +5742,7 @@ function ChartContainer({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx49(ChartStyle, { id: chartId, config }),
+        /* @__PURE__ */ jsx50(ChartStyle, { id: chartId, config }),
         children
       ]
     }
@@ -5736,7 +5753,7 @@ var ChartStyle = ({ id, config }) => {
   if (!colorConfig.length) {
     return null;
   }
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "style",
     {
       dangerouslySetInnerHTML: {
@@ -5747,7 +5764,7 @@ ${colorConfig.map(([key, itemConfig]) => `  --color-${key}: ${itemConfig.color};
     }
   );
 };
-var ChartTooltip = ({ children }) => /* @__PURE__ */ jsx49(Fragment3, { children });
+var ChartTooltip = ({ children }) => /* @__PURE__ */ jsx50(Fragment3, { children });
 function ChartTooltipContent({
   className,
   items = [],
@@ -5769,15 +5786,15 @@ function ChartTooltipContent({
         className
       ),
       children: [
-        !hideLabel && label ? /* @__PURE__ */ jsx49("div", { className: cn("font-medium", labelClassName), children: label }) : null,
-        /* @__PURE__ */ jsx49("div", { className: "grid gap-1.5", children: items.map((item, index) => /* @__PURE__ */ jsxs20(
+        !hideLabel && label ? /* @__PURE__ */ jsx50("div", { className: cn("font-medium", labelClassName), children: label }) : null,
+        /* @__PURE__ */ jsx50("div", { className: "grid gap-1.5", children: items.map((item, index) => /* @__PURE__ */ jsxs20(
           "div",
           {
             className: cn(
               "[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 items-center"
             ),
             children: [
-              !hideIndicator && /* @__PURE__ */ jsx49(
+              !hideIndicator && /* @__PURE__ */ jsx50(
                 "div",
                 {
                   className: "shrink-0 rounded-[2px] h-2.5 w-2.5",
@@ -5788,8 +5805,8 @@ function ChartTooltipContent({
                 }
               ),
               /* @__PURE__ */ jsxs20("div", { className: "flex flex-1 justify-between leading-none items-center", children: [
-                /* @__PURE__ */ jsx49("span", { className: "text-muted-foreground", children: item.label }),
-                item.value !== void 0 && /* @__PURE__ */ jsx49("span", { className: "text-foreground font-mono font-medium tabular-nums", children: item.value })
+                /* @__PURE__ */ jsx50("span", { className: "text-muted-foreground", children: item.label }),
+                item.value !== void 0 && /* @__PURE__ */ jsx50("span", { className: "text-foreground font-mono font-medium tabular-nums", children: item.value })
               ] })
             ]
           },
@@ -5799,7 +5816,7 @@ function ChartTooltipContent({
     }
   );
 }
-var ChartLegend = ({ children }) => /* @__PURE__ */ jsx49(Fragment3, { children });
+var ChartLegend = ({ children }) => /* @__PURE__ */ jsx50(Fragment3, { children });
 function ChartLegendContent({
   className,
   hideIcon = false,
@@ -5813,7 +5830,7 @@ function ChartLegendContent({
   if (!rows.length) {
     return null;
   }
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "div",
     {
       "data-slot": "chart-legend",
@@ -5825,7 +5842,7 @@ function ChartLegendContent({
             "[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"
           ),
           children: [
-            !hideIcon && /* @__PURE__ */ jsx49(
+            !hideIcon && /* @__PURE__ */ jsx50(
               "div",
               {
                 className: "h-2 w-2 shrink-0 rounded-[2px]",
@@ -5842,8 +5859,8 @@ function ChartLegendContent({
 }
 
 // src/components/calendar.tsx
-import * as React59 from "react";
-import { jsx as jsx50, jsxs as jsxs21 } from "react/jsx-runtime";
+import * as React60 from "react";
+import { jsx as jsx51, jsxs as jsxs21 } from "react/jsx-runtime";
 var MONTHS = [
   "January",
   "February",
@@ -5862,7 +5879,7 @@ var WEEKDAYS = ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"];
 var CHEVRON_LEFT = "m15 18-6-6 6-6";
 var CHEVRON_RIGHT = "m9 18 6-6-6-6";
 function Chevron({ d }) {
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "svg",
     {
       className: "size-4",
@@ -5876,7 +5893,7 @@ function Chevron({ d }) {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       "aria-hidden": true,
-      children: /* @__PURE__ */ jsx50("path", { d })
+      children: /* @__PURE__ */ jsx51("path", { d })
     }
   );
 }
@@ -5898,7 +5915,7 @@ function Calendar({
   today = /* @__PURE__ */ new Date(),
   className
 }) {
-  const [internal, setInternal] = React59.useState(
+  const [internal, setInternal] = React60.useState(
     () => startOfMonth(defaultMonth ?? /* @__PURE__ */ new Date())
   );
   const view = month ? startOfMonth(month) : internal;
@@ -5931,30 +5948,30 @@ function Calendar({
       className: cn("bg-background p-3 w-fit", className),
       children: [
         /* @__PURE__ */ jsxs21("div", { className: "flex items-center justify-between gap-1 w-full px-1", children: [
-          /* @__PURE__ */ jsx50(
+          /* @__PURE__ */ jsx51(
             "button",
             {
               type: "button",
               className: navClass,
               "aria-label": "Previous month",
               onClick: () => go(-1),
-              children: /* @__PURE__ */ jsx50(Chevron, { d: CHEVRON_LEFT })
+              children: /* @__PURE__ */ jsx51(Chevron, { d: CHEVRON_LEFT })
             }
           ),
-          /* @__PURE__ */ jsx50("div", { className: "text-sm font-medium select-none", children: caption }),
-          /* @__PURE__ */ jsx50(
+          /* @__PURE__ */ jsx51("div", { className: "text-sm font-medium select-none", children: caption }),
+          /* @__PURE__ */ jsx51(
             "button",
             {
               type: "button",
               className: navClass,
               "aria-label": "Next month",
               onClick: () => go(1),
-              children: /* @__PURE__ */ jsx50(Chevron, { d: CHEVRON_RIGHT })
+              children: /* @__PURE__ */ jsx51(Chevron, { d: CHEVRON_RIGHT })
             }
           )
         ] }),
         /* @__PURE__ */ jsxs21("table", { className: "w-full border-collapse mt-4", role: "grid", children: [
-          /* @__PURE__ */ jsx50("thead", { children: /* @__PURE__ */ jsx50("tr", { className: "flex", children: WEEKDAYS.map((wd) => /* @__PURE__ */ jsx50(
+          /* @__PURE__ */ jsx51("thead", { children: /* @__PURE__ */ jsx51("tr", { className: "flex", children: WEEKDAYS.map((wd) => /* @__PURE__ */ jsx51(
             "th",
             {
               scope: "col",
@@ -5963,9 +5980,9 @@ function Calendar({
             },
             wd
           )) }) }),
-          /* @__PURE__ */ jsx50("tbody", { children: weeks.map((week, wi) => /* @__PURE__ */ jsx50("tr", { className: "flex w-full mt-2", children: week.map((cell, ci) => {
+          /* @__PURE__ */ jsx51("tbody", { children: weeks.map((week, wi) => /* @__PURE__ */ jsx51("tr", { className: "flex w-full mt-2", children: week.map((cell, ci) => {
             if (cell === null) {
-              return /* @__PURE__ */ jsx50(
+              return /* @__PURE__ */ jsx51(
                 "td",
                 {
                   className: "relative w-full h-full p-0 aspect-square select-none"
@@ -5976,13 +5993,13 @@ function Calendar({
             const date = new Date(year, monthIndex, cell);
             const isSelected = sameDay(selected, date);
             const isToday = sameDay(today, date);
-            return /* @__PURE__ */ jsx50(
+            return /* @__PURE__ */ jsx51(
               "td",
               {
                 role: "gridcell",
                 "aria-selected": isSelected,
                 className: "relative w-full h-full p-0 text-center aspect-square select-none",
-                children: /* @__PURE__ */ jsx50(
+                children: /* @__PURE__ */ jsx51(
                   "button",
                   {
                     type: "button",
@@ -6012,9 +6029,12 @@ function Calendar({
 }
 
 // src/components/sonner.tsx
-import * as React60 from "react";
-import { jsx as jsx51, jsxs as jsxs22 } from "react/jsx-runtime";
+import * as React61 from "react";
+import { jsx as jsx52, jsxs as jsxs22 } from "react/jsx-runtime";
 var DEFAULT_DURATION = 4e3;
+var SWIPE_THRESHOLD = 45;
+var SWIPE_VELOCITY = 0.11;
+var SWIPE_FLING_MS = 200;
 var store = /* @__PURE__ */ (() => {
   let toasts = [];
   let id = 0;
@@ -6028,13 +6048,20 @@ var store = /* @__PURE__ */ (() => {
       message,
       description: opts.description,
       duration: opts.duration ?? DEFAULT_DURATION,
-      variant: opts.variant ?? "default"
+      variant: opts.variant ?? "default",
+      state: "open"
     };
     toasts = [...toasts, next];
     emit();
     return next.id;
   };
   const dismiss = (toastId) => {
+    toasts = toasts.map(
+      (t) => t.id === toastId ? { ...t, state: "closing" } : t
+    );
+    emit();
+  };
+  const remove = (toastId) => {
     toasts = toasts.filter((t) => t.id !== toastId);
     emit();
   };
@@ -6045,7 +6072,7 @@ var store = /* @__PURE__ */ (() => {
       listeners.delete(listener);
     };
   };
-  return { add, dismiss, subscribe };
+  return { add, dismiss, remove, subscribe };
 })();
 var toast = Object.assign(
   (message, opts) => store.add(message, opts),
@@ -6065,36 +6092,149 @@ var toastVariantClasses = {
   warning: "bg-popover text-popover-foreground border-border"
 };
 var positionClasses = {
-  "top-left": "top-0 left-0 items-start",
-  "top-center": "top-0 left-1/2 -translate-x-1/2 items-center",
-  "top-right": "top-0 right-0 items-end",
-  "bottom-left": "bottom-0 left-0 items-start",
-  "bottom-center": "bottom-0 left-1/2 -translate-x-1/2 items-center",
-  "bottom-right": "bottom-0 right-0 items-end"
+  "top-left": "top-4 left-4",
+  "top-center": "top-4 left-1/2 -translate-x-1/2",
+  "top-right": "top-4 right-4",
+  "bottom-left": "bottom-4 left-4",
+  "bottom-center": "bottom-4 left-1/2 -translate-x-1/2",
+  "bottom-right": "bottom-4 right-4"
 };
-function ToastItem({ toast: t }) {
-  React60.useEffect(() => {
-    if (t.duration === Infinity) return;
-    const timer = setTimeout(() => store.dismiss(t.id), t.duration);
-    return () => clearTimeout(timer);
-  }, [t.id, t.duration]);
+var VISIBLE_TOASTS = 3;
+var GAP = 14;
+function ToastItem({
+  toast: t,
+  index,
+  total,
+  offset,
+  paused,
+  reportHeight,
+  removeHeight
+}) {
+  const ref = React61.useRef(null);
+  const [height, setHeight] = React61.useState(0);
+  const remainingRef = React61.useRef(t.duration);
+  const startedRef = React61.useRef(0);
+  const flingRef = React61.useRef(
+    void 0
+  );
+  const dragRef = React61.useRef(
+    null
+  );
+  React61.useLayoutEffect(() => {
+    const el = ref.current;
+    if (!el) return;
+    el.style.height = "auto";
+    const h = el.getBoundingClientRect().height;
+    el.style.height = "";
+    if (h) {
+      setHeight(h);
+      reportHeight(t.id, h);
+    }
+  }, [t.id, t.message, t.description, reportHeight]);
+  React61.useEffect(() => () => removeHeight(t.id), [t.id, removeHeight]);
+  React61.useEffect(() => {
+    if (t.duration === Infinity || t.state === "closing" || paused) return;
+    startedRef.current = Date.now();
+    const id = setTimeout(() => store.dismiss(t.id), remainingRef.current);
+    return () => {
+      clearTimeout(id);
+      remainingRef.current = Math.max(
+        0,
+        remainingRef.current - (Date.now() - startedRef.current)
+      );
+    };
+  }, [paused, t.id, t.duration, t.state]);
+  React61.useEffect(
+    () => () => {
+      if (flingRef.current) clearTimeout(flingRef.current);
+    },
+    []
+  );
+  const onTransitionEnd = (e) => {
+    if (t.state === "closing" && e.propertyName === "transform") {
+      store.remove(t.id);
+    }
+  };
+  const onPointerDown = (e) => {
+    const el = ref.current;
+    if (!el || e.button > 0 || t.state === "closing") return;
+    if (e.target.closest('[data-slot="toast-close"]')) return;
+    dragRef.current = { x: e.clientX, time: e.timeStamp, dx: 0 };
+    el.setAttribute("data-swiping", "true");
+    try {
+      el.setPointerCapture?.(e.pointerId);
+    } catch {
+    }
+  };
+  const onPointerMove = (e) => {
+    const drag = dragRef.current;
+    const el = ref.current;
+    if (!drag || !el) return;
+    const dx = e.clientX - drag.x;
+    drag.dx = dx;
+    const dist = el.offsetWidth || 256;
+    el.style.setProperty("--swipe-x", `${dx}px`);
+    el.style.opacity = `${Math.max(0, 1 - Math.abs(dx) / dist)}`;
+  };
+  const onPointerEnd = (e) => {
+    const drag = dragRef.current;
+    const el = ref.current;
+    if (!drag || !el) return;
+    dragRef.current = null;
+    el.removeAttribute("data-swiping");
+    const dt = e.timeStamp - drag.time;
+    const velocity = dt > 0 ? Math.abs(drag.dx) / dt : 0;
+    if (drag.dx !== 0 && (Math.abs(drag.dx) >= SWIPE_THRESHOLD || velocity > SWIPE_VELOCITY)) {
+      el.style.setProperty("--swipe-x", `${drag.dx > 0 ? 150 : -150}%`);
+      el.style.opacity = "0";
+      const remove = () => store.remove(t.id);
+      el.addEventListener("transitionend", remove, { once: true });
+      flingRef.current = setTimeout(remove, SWIPE_FLING_MS + 50);
+    } else {
+      el.style.setProperty("--swipe-x", "0px");
+      el.style.opacity = "1";
+      el.addEventListener(
+        "transitionend",
+        () => {
+          el.style.removeProperty("--swipe-x");
+          el.style.opacity = "";
+        },
+        { once: true }
+      );
+    }
+  };
   return /* @__PURE__ */ jsxs22(
     "li",
     {
+      ref,
       role: "status",
       "aria-live": "polite",
       "data-slot": "toast",
       "data-variant": t.variant,
+      "data-state": t.state === "closing" ? "closed" : "open",
+      "data-front": index === 0,
+      "data-visible": index < VISIBLE_TOASTS,
+      onTransitionEnd,
+      onPointerDown,
+      onPointerMove,
+      onPointerUp: onPointerEnd,
+      onPointerCancel: onPointerEnd,
+      style: {
+        "--index": index,
+        "--z-index": total - index,
+        "--offset": `${offset}px`,
+        "--initial-height": `${height}px`
+      },
       className: cn(
-        "pointer-events-auto flex w-full items-start gap-3 rounded-md border p-4 text-sm shadow-lg",
+        "pointer-events-auto flex w-full touch-pan-y items-start gap-3 rounded-md border p-4 text-sm shadow-lg select-none",
         toastVariantClasses[t.variant]
       ),
       children: [
         /* @__PURE__ */ jsxs22("div", { className: "flex-1 space-y-1", children: [
-          /* @__PURE__ */ jsx51("div", { className: "font-medium", children: t.message }),
-          t.description ? /* @__PURE__ */ jsx51("div", { className: "text-muted-foreground text-sm", children: t.description }) : null
+          /* @__PURE__ */ jsx52("div", { className: "font-medium", children: t.message }),
+          t.description ? /* @__PURE__ */ jsx52("div", { className: "text-muted-foreground text-sm", children: t.description }) : null
         ] }),
-        /* @__PURE__ */ jsx51(
+        /* @__PURE__ */ jsx52(
           "button",
           {
             type: "button",
@@ -6102,7 +6242,7 @@ function ToastItem({ toast: t }) {
             "data-slot": "toast-close",
             onClick: () => store.dismiss(t.id),
             className: "text-foreground/50 hover:text-foreground shrink-0 transition-colors",
-            children: /* @__PURE__ */ jsx51(
+            children: /* @__PURE__ */ jsx52(
               "svg",
               {
                 xmlns: "http://www.w3.org/2000/svg",
@@ -6115,7 +6255,7 @@ function ToastItem({ toast: t }) {
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
                 "aria-hidden": "true",
-                children: /* @__PURE__ */ jsx51("path", { d: "M18 6 6 18M6 6l12 12" })
+                children: /* @__PURE__ */ jsx52("path", { d: "M18 6 6 18M6 6l12 12" })
               }
             )
           }
@@ -6129,41 +6269,97 @@ function Toaster({
   className,
   ...props
 }) {
-  const [toasts, setToasts] = React60.useState([]);
-  React60.useEffect(() => store.subscribe(setToasts), []);
-  return /* @__PURE__ */ jsx51(
+  const [toasts, setToasts] = React61.useState([]);
+  const [heights, setHeights] = React61.useState(/* @__PURE__ */ new Map());
+  const [paused, setPaused] = React61.useState(false);
+  React61.useEffect(() => store.subscribe(setToasts), []);
+  const onEnter = () => setPaused(true);
+  const onLeave = (e) => {
+    if (!e.currentTarget.contains(e.relatedTarget)) {
+      setPaused(false);
+    }
+  };
+  const reportHeight = React61.useCallback((id, h) => {
+    setHeights((prev) => {
+      if (prev.get(id) === h) return prev;
+      const next = new Map(prev);
+      next.set(id, h);
+      return next;
+    });
+  }, []);
+  const removeHeight = React61.useCallback((id) => {
+    setHeights((prev) => {
+      if (!prev.has(id)) return prev;
+      const next = new Map(prev);
+      next.delete(id);
+      return next;
+    });
+  }, []);
+  const yPosition = position.startsWith("top") ? "top" : "bottom";
+  const ordered = [...toasts].reverse();
+  const known = [...heights.values()];
+  const frontHeight = ordered[0] ? heights.get(ordered[0].id) ?? (known.length ? Math.max(...known) : 0) : 0;
+  let sum = 0;
+  const offsets = ordered.map((t, i) => {
+    const o = sum + i * GAP;
+    sum += heights.get(t.id) ?? 0;
+    return o;
+  });
+  return /* @__PURE__ */ jsx52(
     "ol",
     {
       "data-slot": "toaster",
       "data-position": position,
+      "data-y-position": yPosition,
+      "data-stack": "",
+      style: {
+        "--front-height": `${frontHeight}px`,
+        "--gap": `${GAP}px`
+      },
       className: cn(
-        "pointer-events-none fixed z-100 flex w-[calc(100%-2rem)] max-w-sm flex-col gap-2 p-4",
+        "pointer-events-none fixed z-100 w-[calc(100%-2rem)] max-w-sm",
         positionClasses[position],
         className
       ),
       ...props,
-      children: toasts.map((t) => /* @__PURE__ */ jsx51(ToastItem, { toast: t }, t.id))
+      onPointerOver: onEnter,
+      onPointerOut: onLeave,
+      onFocus: onEnter,
+      onBlur: onLeave,
+      children: ordered.map((t, i) => /* @__PURE__ */ jsx52(
+        ToastItem,
+        {
+          toast: t,
+          index: i,
+          total: ordered.length,
+          offset: offsets[i],
+          paused,
+          reportHeight,
+          removeHeight
+        },
+        t.id
+      ))
     }
   );
 }
 
 // src/components/form.tsx
-import * as React61 from "react";
-import { jsx as jsx52 } from "react/jsx-runtime";
-var FormItemContext = React61.createContext(null);
+import * as React62 from "react";
+import { jsx as jsx53 } from "react/jsx-runtime";
+var FormItemContext = React62.createContext(null);
 function useFormItem() {
-  const ctx = React61.useContext(FormItemContext);
+  const ctx = React62.useContext(FormItemContext);
   if (!ctx) {
     throw new Error("Form parts must be used within <FormItem>");
   }
   return ctx;
 }
 function Form({ ...props }) {
-  return /* @__PURE__ */ jsx52("form", { "data-slot": "form", ...props });
+  return /* @__PURE__ */ jsx53("form", { "data-slot": "form", ...props });
 }
 function FormItem({ className, ...props }) {
-  const id = React61.useId();
-  const value = React61.useMemo(
+  const id = React62.useId();
+  const value = React62.useMemo(
     () => ({
       id,
       formItemId: `${id}-form-item`,
@@ -6172,7 +6368,7 @@ function FormItem({ className, ...props }) {
     }),
     [id]
   );
-  return /* @__PURE__ */ jsx52(FormItemContext.Provider, { value, children: /* @__PURE__ */ jsx52("div", { "data-slot": "form-item", className: cn("grid gap-2", className), ...props }) });
+  return /* @__PURE__ */ jsx53(FormItemContext.Provider, { value, children: /* @__PURE__ */ jsx53("div", { "data-slot": "form-item", className: cn("grid gap-2", className), ...props }) });
 }
 function FormLabel({
   className,
@@ -6180,7 +6376,7 @@ function FormLabel({
   ...props
 }) {
   const { formItemId } = useFormItem();
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(
     Label,
     {
       "data-slot": "form-label",
@@ -6196,7 +6392,7 @@ function FormControl({
   ...props
 }) {
   const { formItemId, formDescriptionId, formMessageId } = useFormItem();
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(
     Slot,
     {
       "data-slot": "form-control",
@@ -6209,7 +6405,7 @@ function FormControl({
 }
 function FormDescription({ className, ...props }) {
   const { formDescriptionId } = useFormItem();
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(
     "p",
     {
       "data-slot": "form-description",
@@ -6224,7 +6420,7 @@ function FormMessage({ className, children, ...props }) {
   if (!children) {
     return null;
   }
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(
     "p",
     {
       "data-slot": "form-message",
@@ -6237,14 +6433,14 @@ function FormMessage({ className, children, ...props }) {
 }
 
 // src/components/resizable.tsx
-import * as React62 from "react";
-import { jsx as jsx53, jsxs as jsxs23 } from "react/jsx-runtime";
+import * as React63 from "react";
+import { jsx as jsx54, jsxs as jsxs23 } from "react/jsx-runtime";
 var GROUP_BASE = "flex h-full w-full data-[panel-group-direction=vertical]:flex-col";
 var HANDLE_BASE = "bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90";
 var GRIP_BASE = "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border";
-var ResizableContext = React62.createContext(null);
+var ResizableContext = React63.createContext(null);
 function useResizable() {
-  const ctx = React62.useContext(ResizableContext);
+  const ctx = React63.useContext(ResizableContext);
   if (!ctx)
     throw new Error("Resizable parts must be used within a ResizablePanelGroup");
   return ctx;
@@ -6267,9 +6463,9 @@ function ResizablePanelGroup({
   children,
   ...props
 }) {
-  const [sizes, setSizes] = React62.useState([]);
-  const groupRef = React62.useRef(null);
-  const register = React62.useCallback((index, defaultSize) => {
+  const [sizes, setSizes] = React63.useState([]);
+  const groupRef = React63.useRef(null);
+  const register = React63.useCallback((index, defaultSize) => {
     setSizes((prev) => {
       if (prev[index] !== void 0) return prev;
       const next = prev.slice();
@@ -6278,14 +6474,14 @@ function ResizablePanelGroup({
       return next;
     });
   }, []);
-  React62.useEffect(() => {
+  React63.useEffect(() => {
     if (sizes.length) onLayout?.(sizes);
   }, [sizes, onLayout]);
-  const value = React62.useMemo(
+  const value = React63.useMemo(
     () => ({ sizes, setSizes, register, direction, keyboardStep, groupRef }),
     [sizes, register, direction, keyboardStep]
   );
-  return /* @__PURE__ */ jsx53(ResizableContext.Provider, { value, children: /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx54(ResizableContext.Provider, { value, children: /* @__PURE__ */ jsx54(
     "div",
     {
       ref: groupRef,
@@ -6306,11 +6502,11 @@ function ResizablePanel({
   ...props
 }) {
   const { sizes, register } = useResizable();
-  React62.useEffect(() => {
+  React63.useEffect(() => {
     register(index, defaultSize);
   }, [register, index, defaultSize]);
   const basis = sizes[index] ?? defaultSize;
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx54(
     "div",
     {
       "data-slot": "resizable-panel",
@@ -6329,12 +6525,12 @@ function ResizableHandle({
   ...props
 }) {
   const { setSizes, direction, keyboardStep, groupRef } = useResizable();
-  const draggingRef = React62.useRef(false);
-  const resize = React62.useCallback(
+  const draggingRef = React63.useRef(false);
+  const resize = React63.useCallback(
     (delta) => setSizes((prev) => redistribute(prev, index, delta)),
     [setSizes, index]
   );
-  const onPointerMove = React62.useCallback(
+  const onPointerMove = React63.useCallback(
     (event) => {
       if (!draggingRef.current) return;
       const rect = groupRef.current?.getBoundingClientRect();
@@ -6346,7 +6542,7 @@ function ResizableHandle({
     },
     [direction, resize, groupRef]
   );
-  const onPointerUp = React62.useCallback(() => {
+  const onPointerUp = React63.useCallback(() => {
     draggingRef.current = false;
     window.removeEventListener("pointermove", onPointerMove);
     window.removeEventListener("pointerup", onPointerUp);
@@ -6357,7 +6553,7 @@ function ResizableHandle({
     window.addEventListener("pointermove", onPointerMove);
     window.addEventListener("pointerup", onPointerUp);
   };
-  React62.useEffect(() => () => onPointerUp(), [onPointerUp]);
+  React63.useEffect(() => () => onPointerUp(), [onPointerUp]);
   const onKeyDown = (event) => {
     let delta;
     switch (event.key) {
@@ -6390,7 +6586,7 @@ function ResizableHandle({
       onKeyDown,
       ...props,
       children: [
-        withHandle && /* @__PURE__ */ jsx53("div", { className: GRIP_BASE, children: /* @__PURE__ */ jsxs23(
+        withHandle && /* @__PURE__ */ jsx54("div", { className: GRIP_BASE, children: /* @__PURE__ */ jsxs23(
           "svg",
           {
             className: "size-2.5",
@@ -6405,12 +6601,12 @@ function ResizableHandle({
             strokeLinejoin: "round",
             "aria-hidden": "true",
             children: [
-              /* @__PURE__ */ jsx53("circle", { cx: "9", cy: "12", r: "1" }),
-              /* @__PURE__ */ jsx53("circle", { cx: "9", cy: "5", r: "1" }),
-              /* @__PURE__ */ jsx53("circle", { cx: "9", cy: "19", r: "1" }),
-              /* @__PURE__ */ jsx53("circle", { cx: "15", cy: "12", r: "1" }),
-              /* @__PURE__ */ jsx53("circle", { cx: "15", cy: "5", r: "1" }),
-              /* @__PURE__ */ jsx53("circle", { cx: "15", cy: "19", r: "1" })
+              /* @__PURE__ */ jsx54("circle", { cx: "9", cy: "12", r: "1" }),
+              /* @__PURE__ */ jsx54("circle", { cx: "9", cy: "5", r: "1" }),
+              /* @__PURE__ */ jsx54("circle", { cx: "9", cy: "19", r: "1" }),
+              /* @__PURE__ */ jsx54("circle", { cx: "15", cy: "12", r: "1" }),
+              /* @__PURE__ */ jsx54("circle", { cx: "15", cy: "5", r: "1" }),
+              /* @__PURE__ */ jsx54("circle", { cx: "15", cy: "19", r: "1" })
             ]
           }
         ) }),
@@ -6485,6 +6681,7 @@ export {
   CommandList,
   CommandSeparator,
   CommandShortcut,
+  Container,
   ContextMenu,
   ContextMenuCheckboxItem,
   ContextMenuContent,