@mvn-ui/react 0.1.2 → 0.1.4

package/dist/index.js

@@ -2,7 +2,7 @@
 
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
-var React49 = require('react');
+var React50 = require('react');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 var reactSlot = require('@radix-ui/react-slot');
@@ -43,6 +43,7 @@ var isEqual = require('react-fast-compare');
 var AvatarPrimitive = require('@radix-ui/react-avatar');
 var reactDayPicker = require('react-day-picker');
 var useEmblaCarousel = require('embla-carousel-react');
+var recharts = require('recharts');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -64,7 +65,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React49__namespace = /*#__PURE__*/_interopNamespace(React49);
+var React50__namespace = /*#__PURE__*/_interopNamespace(React50);
 var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
 var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
 var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
@@ -336,7 +337,7 @@ var init_card = __esm({
         }
       }
     );
-    exports.Card = React49__namespace.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    exports.Card = React50__namespace.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
         ref,
@@ -345,7 +346,7 @@ var init_card = __esm({
       }
     ));
     exports.Card.displayName = "Card";
-    exports.CardHeader = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    exports.CardHeader = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
         ref,
@@ -354,7 +355,7 @@ var init_card = __esm({
       }
     ));
     exports.CardHeader.displayName = "CardHeader";
-    exports.CardTitle = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    exports.CardTitle = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
       "h3",
       {
         ref,
@@ -363,7 +364,7 @@ var init_card = __esm({
       }
     ));
     exports.CardTitle.displayName = "CardTitle";
-    exports.CardDescription = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    exports.CardDescription = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
         ref,
@@ -372,9 +373,9 @@ var init_card = __esm({
       }
     ));
     exports.CardDescription.displayName = "CardDescription";
-    exports.CardContent = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+    exports.CardContent = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
     exports.CardContent.displayName = "CardContent";
-    exports.CardFooter = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    exports.CardFooter = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
         ref,
@@ -417,7 +418,7 @@ var buttonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Button = React49__namespace.forwardRef(
+var Button = React50__namespace.forwardRef(
   ({
     className,
     variant,
@@ -467,7 +468,7 @@ var Button = React49__namespace.forwardRef(
   }
 );
 Button.displayName = "Button";
-var IconButton = React49__namespace.forwardRef(
+var IconButton = React50__namespace.forwardRef(
   ({ icon, size = "icon", className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(Button, { ref, size, className, ...props, children: icon });
   }
@@ -489,10 +490,10 @@ function ButtonGroup({
       "data-orientation": orientation,
       className: cn(
         "inline-flex",
+        className,
         isVertical ? "flex-col" : "flex-row",
         // Join children and normalize border radius so the group looks contiguous
-        isVertical ? "[&>*]:rounded-none [&>*]:-mt-px [&>:first-child]:mt-0 [&>:first-child]:rounded-t-md [&>:last-child]:rounded-b-md" : "[&>*]:rounded-none [&>*]:-ml-px [&>:first-child]:ml-0 [&>:first-child]:rounded-l-md [&>:last-child]:rounded-r-md",
-        className
+        isVertical ? "[&>*]:rounded-none [&>*]:-mt-px [&>:first-child]:mt-0 [&>:first-child]:rounded-t-md [&>:last-child]:rounded-b-md" : "[&>*]:rounded-none [&>*]:-ml-px [&>:first-child]:ml-0 [&>:first-child]:rounded-l-md [&>:last-child]:rounded-r-md"
       ),
       ...props
     }
@@ -561,7 +562,7 @@ var inputVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Input = React49__namespace.forwardRef(
+var Input = React50__namespace.forwardRef(
   ({
     className,
     containerClassName,
@@ -579,12 +580,12 @@ var Input = React49__namespace.forwardRef(
     value,
     ...props
   }, ref) => {
-    const [showPassword, setShowPassword] = React49__namespace.useState(false);
-    const [internalValue, setInternalValue] = React49__namespace.useState(value || "");
-    const generatedId = React49__namespace.useId();
+    const [showPassword, setShowPassword] = React50__namespace.useState(false);
+    const [internalValue, setInternalValue] = React50__namespace.useState(value || "");
+    const generatedId = React50__namespace.useId();
     const inputId = id || generatedId;
     const hasError = !!error;
-    React49__namespace.useEffect(() => {
+    React50__namespace.useEffect(() => {
       setInternalValue(value || "");
     }, [value]);
     const handleClear = () => {
@@ -603,8 +604,8 @@ var Input = React49__namespace.forwardRef(
           children: label
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-        leftIcon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none [&_svg]:size-4", children: leftIcon }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex items-center", children: [
+        leftIcon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-3 text-muted-foreground pointer-events-none flex items-center justify-center [&_svg]:size-4", children: leftIcon }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "input",
           {
@@ -629,7 +630,7 @@ var Input = React49__namespace.forwardRef(
             ...props
           }
         ),
-        (showClearButton || showPasswordToggle || rightIcon) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center gap-1", children: [
+        (showClearButton || showPasswordToggle || rightIcon) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute right-3 flex items-center gap-1", children: [
           showClearButton && /* @__PURE__ */ jsxRuntime.jsx(
             "button",
             {
@@ -650,7 +651,7 @@ var Input = React49__namespace.forwardRef(
               children: showPassword ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.EyeOffIcon, { className: "h-4 w-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.EyeIcon, { className: "h-4 w-4" })
             }
           ),
-          rightIcon && !showPasswordToggle && !showClearButton && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground [&_svg]:size-4", children: rightIcon })
+          rightIcon && !showPasswordToggle && !showClearButton && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground flex items-center justify-center [&_svg]:size-4", children: rightIcon })
         ] })
       ] }),
       error && /* @__PURE__ */ jsxRuntime.jsx(
@@ -693,7 +694,7 @@ var labelVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Label = React49__namespace.forwardRef(({ className, variant, required, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Label = React50__namespace.forwardRef(({ className, variant, required, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   LabelPrimitive__namespace.Root,
   {
     ref,
@@ -734,7 +735,7 @@ var textareaVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Textarea = React49__namespace.forwardRef(
+var Textarea = React50__namespace.forwardRef(
   ({
     className,
     containerClassName,
@@ -752,8 +753,8 @@ var Textarea = React49__namespace.forwardRef(
     id,
     ...props
   }, ref) => {
-    const internalRef = React49__namespace.useRef(null);
-    const [charCount, setCharCount] = React49__namespace.useState(0);
+    const internalRef = React50__namespace.useRef(null);
+    const [charCount, setCharCount] = React50__namespace.useState(0);
     const textareaRef = (node) => {
       internalRef.current = node;
       if (typeof ref === "function") {
@@ -762,14 +763,14 @@ var Textarea = React49__namespace.forwardRef(
         ref.current = node;
       }
     };
-    React49__namespace.useEffect(() => {
+    React50__namespace.useEffect(() => {
       if (autoResize && internalRef.current) {
         const textarea = internalRef.current;
         textarea.style.height = "auto";
         textarea.style.height = `${textarea.scrollHeight}px`;
       }
     }, [value, autoResize]);
-    const handleChange = React49__namespace.useCallback(
+    const handleChange = React50__namespace.useCallback(
       (e) => {
         if (showCount || maxLength) {
           setCharCount(e.target.value.length);
@@ -778,13 +779,13 @@ var Textarea = React49__namespace.forwardRef(
       },
       [onChange, showCount, maxLength]
     );
-    React49__namespace.useEffect(() => {
+    React50__namespace.useEffect(() => {
       if (showCount || maxLength) {
         setCharCount(String(value || "").length);
       }
     }, [value, showCount, maxLength]);
     const hasError = !!error;
-    const generatedId = React49__namespace.useId();
+    const generatedId = React50__namespace.useId();
     const textareaId = id || generatedId;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("w-full space-y-2", containerClassName), children: [
       label && /* @__PURE__ */ jsxRuntime.jsx(
@@ -845,10 +846,10 @@ Textarea.displayName = "Textarea";
 
 // src/components/ui/select/index.tsx
 init_utils();
-var Select = React49__namespace.forwardRef(
+var Select = React50__namespace.forwardRef(
   ({ children, value, onValueChange, ...props }, _ref) => {
-    const [internalValue, setInternalValue] = React49__namespace.useState(value ?? "");
-    React49__namespace.useEffect(() => {
+    const [internalValue, setInternalValue] = React50__namespace.useState(value ?? "");
+    React50__namespace.useEffect(() => {
       setInternalValue(value ?? "");
     }, [value]);
     const handleValueChange = (newValue) => {
@@ -885,7 +886,7 @@ var triggerVariants = classVarianceAuthority.cva(
     }
   }
 );
-var SelectTrigger = React49__namespace.forwardRef(({ className, children, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectTrigger = React50__namespace.forwardRef(({ className, children, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Trigger,
   {
     ref,
@@ -898,7 +899,7 @@ var SelectTrigger = React49__namespace.forwardRef(({ className, children, varian
   }
 ));
 SelectTrigger.displayName = SelectPrimitive__namespace.Trigger.displayName;
-var SelectScrollUpButton = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectScrollUpButton = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.ScrollUpButton,
   {
     ref,
@@ -911,7 +912,7 @@ var SelectScrollUpButton = React49__namespace.forwardRef(({ className, ...props
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive__namespace.ScrollUpButton.displayName;
-var SelectScrollDownButton = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectScrollDownButton = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.ScrollDownButton,
   {
     ref,
@@ -924,7 +925,7 @@ var SelectScrollDownButton = React49__namespace.forwardRef(({ className, ...prop
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive__namespace.ScrollDownButton.displayName;
-var SelectContent = React49__namespace.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectContent = React50__namespace.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Content,
   {
     ref,
@@ -952,7 +953,7 @@ var SelectContent = React49__namespace.forwardRef(({ className, children, positi
   }
 ) }));
 SelectContent.displayName = SelectPrimitive__namespace.Content.displayName;
-var SelectLabel = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectLabel = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.Label,
   {
     ref,
@@ -964,7 +965,7 @@ var SelectLabel = React49__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 SelectLabel.displayName = SelectPrimitive__namespace.Label.displayName;
-var SelectItem = React49__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectItem = React50__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Item,
   {
     ref,
@@ -980,7 +981,7 @@ var SelectItem = React49__namespace.forwardRef(({ className, children, ...props
   }
 ));
 SelectItem.displayName = SelectPrimitive__namespace.Item.displayName;
-var SelectSeparator = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectSeparator = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.Separator,
   {
     ref,
@@ -1007,8 +1008,8 @@ var checkboxVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Checkbox = React49__namespace.forwardRef(({ className, size, label, description, indeterminate, ...props }, ref) => {
-  const generatedId = React49__namespace.useId();
+var Checkbox = React50__namespace.forwardRef(({ className, size, label, description, indeterminate, ...props }, ref) => {
+  const generatedId = React50__namespace.useId();
   const checkboxId = props.id || generatedId;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2.5", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -1056,7 +1057,7 @@ var radioGroupVariants = classVarianceAuthority.cva("grid gap-2", {
     orientation: "vertical"
   }
 });
-var RadioGroup = React49__namespace.forwardRef(
+var RadioGroup = React50__namespace.forwardRef(
   ({
     className,
     orientation = "vertical",
@@ -1069,8 +1070,8 @@ var RadioGroup = React49__namespace.forwardRef(
     children,
     ...props
   }, ref) => {
-    const generatedId = React49__namespace.useId();
-    const defaultRenderItem = React49__namespace.useCallback(
+    const generatedId = React50__namespace.useId();
+    const defaultRenderItem = React50__namespace.useCallback(
       (item) => /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
@@ -1128,7 +1129,7 @@ var RadioGroup = React49__namespace.forwardRef(
   }
 );
 RadioGroup.displayName = RadioGroupPrimitive__namespace.Root.displayName;
-var RadioGroupItem = React49__namespace.forwardRef(({ className, ...props }, ref) => {
+var RadioGroupItem = React50__namespace.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     RadioGroupPrimitive__namespace.Item,
     {
@@ -1146,7 +1147,7 @@ RadioGroupItem.displayName = RadioGroupPrimitive__namespace.Item.displayName;
 
 // src/components/ui/switch/index.tsx
 init_utils();
-var Switch = React49__namespace.forwardRef(({ className, ...props }, ref) => {
+var Switch = React50__namespace.forwardRef(({ className, offNode, onNode, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     SwitchPrimitives__namespace.Root,
     {
@@ -1159,13 +1160,17 @@ var Switch = React49__namespace.forwardRef(({ className, ...props }, ref) => {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
         SwitchPrimitives__namespace.Thumb,
         {
           className: cn(
-            "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform",
+            "group pointer-events-none relative flex items-center justify-center h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform",
             "data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
-          )
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute opacity-0 group-data-[state=checked]:opacity-100 transition-all duration-200", children: onNode }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute opacity-100 group-data-[state=checked]:opacity-0 transition-all duration-200", children: offNode })
+          ]
         }
       )
     }
@@ -1196,7 +1201,7 @@ var toggleVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Toggle = React49__namespace.forwardRef(({ className, variant, size, icon, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var Toggle = React50__namespace.forwardRef(({ className, variant, size, icon, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   TogglePrimitive__namespace.Root,
   {
     ref,
@@ -1242,9 +1247,9 @@ var toggleGroupItemVariants = classVarianceAuthority.cva(
     }
   }
 );
-var ToggleGroup = React49__namespace.forwardRef(
+var ToggleGroup = React50__namespace.forwardRef(
   ({ className, size, items, itemClassName, renderItem, children, ...props }, ref) => {
-    const defaultRenderItem = React49__namespace.useCallback(
+    const defaultRenderItem = React50__namespace.useCallback(
       (item) => /* @__PURE__ */ jsxRuntime.jsxs(
         ToggleGroupPrimitive__namespace.Item,
         {
@@ -1274,7 +1279,7 @@ var ToggleGroup = React49__namespace.forwardRef(
   }
 );
 ToggleGroup.displayName = "ToggleGroup";
-var ToggleGroupItem = React49__namespace.forwardRef(({ className, size, children, ...props }, ref) => {
+var ToggleGroupItem = React50__namespace.forwardRef(({ className, size, children, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     ToggleGroupPrimitive__namespace.Item,
     {
@@ -1289,7 +1294,7 @@ ToggleGroupItem.displayName = "ToggleGroupItem";
 
 // src/components/ui/slider/index.tsx
 init_utils();
-var Slider = React49__namespace.forwardRef(
+var Slider = React50__namespace.forwardRef(
   ({
     className,
     showValue,
@@ -1348,7 +1353,7 @@ var inputGroupVariants = classVarianceAuthority.cva("flex items-stretch w-full",
     size: "default"
   }
 });
-var InputGroup = React49__namespace.forwardRef(
+var InputGroup = React50__namespace.forwardRef(
   ({
     className,
     size,
@@ -1384,9 +1389,9 @@ var InputGroup = React49__namespace.forwardRef(
             }
           ),
           leftElement && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex items-center", children: leftElement }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-w-0", children: React49__namespace.Children.map(children, (child) => {
-            if (React49__namespace.isValidElement(child)) {
-              return React49__namespace.cloneElement(child, {
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-w-0", children: React50__namespace.Children.map(children, (child) => {
+            if (React50__namespace.isValidElement(child)) {
+              return React50__namespace.cloneElement(child, {
                 className: cn(
                   child.props.className,
                   (leftAddon || leftElement) && "rounded-l-none border-l-0",
@@ -1417,7 +1422,7 @@ InputGroup.displayName = "InputGroup";
 
 // src/components/ui/input-otp/index.tsx
 init_utils();
-var InputOTP = React49__namespace.forwardRef(({ containerClassName, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var InputOTP = React50__namespace.forwardRef(({ containerClassName, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   inputOtp.OTPInput,
   {
     ref,
@@ -1430,10 +1435,10 @@ var InputOTP = React49__namespace.forwardRef(({ containerClassName, children, ..
   }
 ));
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex items-center gap-2", className), ...props }));
+var InputOTPGroup = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex items-center gap-2", className), ...props }));
 InputOTPGroup.displayName = "InputOTPGroup";
-var InputOTPSlot = React49__namespace.forwardRef(({ index, className, ...props }, ref) => {
-  const inputOTPContext = React49__namespace.useContext(inputOtp.OTPInputContext);
+var InputOTPSlot = React50__namespace.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React50__namespace.useContext(inputOtp.OTPInputContext);
   if (!inputOTPContext) {
     console.error("InputOTPSlot must be used within InputOTP");
     return null;
@@ -1467,7 +1472,7 @@ var InputOTPSlot = React49__namespace.forwardRef(({ index, className, ...props }
   );
 });
 InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, role: "separator", className, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MinusIcon, { className: "h-4 w-4 text-muted-foreground" }) }));
+var InputOTPSeparator = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, role: "separator", className, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MinusIcon, { className: "h-4 w-4 text-muted-foreground" }) }));
 InputOTPSeparator.displayName = "InputOTPSeparator";
 
 // src/components/ui/form/form-utils.ts
@@ -1902,9 +1907,9 @@ function createFormInstance(name) {
 }
 
 // src/components/ui/form/form-context.tsx
-var FormContext = React49.createContext(null);
+var FormContext = React50.createContext(null);
 function useForm(name) {
-  const ref = React49.useRef();
+  const ref = React50.useRef();
   if (!ref.current) {
     const instance = createFormInstance(name);
     ref.current = instance;
@@ -1914,17 +1919,17 @@ function useForm(name) {
   return ref.current;
 }
 function useWatch(name, formInstance) {
-  const ctx = React49.useContext(FormContext);
+  const ctx = React50.useContext(FormContext);
   const form = formInstance ?? ctx?.form;
   if (!form)
     throw new Error(
       "useWatch must be used inside Form or receive a form instance."
     );
-  const [state, setState] = React49.useState(() => ({
+  const [state, setState] = React50.useState(() => ({
     value: name === void 0 ? form.getFieldsValue() : Array.isArray(name) ? name.map((n) => form.getFieldValue(n)) : form.getFieldValue(name),
     revision: 0
   }));
-  React49.useEffect(() => {
+  React50.useEffect(() => {
     const readValue = () => {
       if (name === void 0) return form.getFieldsValue();
       if (Array.isArray(name)) return name.map((n) => form.getFieldValue(n));
@@ -2028,7 +2033,7 @@ var maxValueRule = (max, message2) => ({
   message: message2 || `Must be at most ${max}`
 });
 var composeRules = (...rules) => rules.filter(Boolean);
-var Form = React49.forwardRef(function Form2(props, ref) {
+var Form = React50.forwardRef(function Form2(props, ref) {
   const {
     form: formProp,
     initialValues,
@@ -2040,11 +2045,11 @@ var Form = React49.forwardRef(function Form2(props, ref) {
     onFieldsChange,
     children
   } = props;
-  const createdFormRef = React49.useRef(null);
+  const createdFormRef = React50.useRef(null);
   const form = formProp || (createdFormRef.current ?? (createdFormRef.current = useForm()));
-  const initialAppliedRef = React49.useRef(false);
-  const [, forceUpdate] = React49.useState(0);
-  React49.useEffect(() => {
+  const initialAppliedRef = React50.useRef(false);
+  const [, forceUpdate] = React50.useState(0);
+  React50.useEffect(() => {
     if (!initialAppliedRef.current && initialValues) {
       form.setFieldsValue(initialValues);
       initialAppliedRef.current = true;
@@ -2107,8 +2112,8 @@ var Form = React49.forwardRef(function Form2(props, ref) {
     onValuesChange,
     onFieldsChange
   ]);
-  React49.useImperativeHandle(ref, () => ({ ...form, nativeElement: null }));
-  const handleSubmit = React49.useCallback(
+  React50.useImperativeHandle(ref, () => ({ ...form, nativeElement: null }));
+  const handleSubmit = React50.useCallback(
     (event) => {
       if (event) event.preventDefault();
       form.validateFields().then((values) => {
@@ -2134,11 +2139,11 @@ var FormItem = (props) => {
     variant = "outlined",
     requiredMark
   } = props;
-  const ctx = React49.useContext(FormContext);
+  const ctx = React50.useContext(FormContext);
   if (!ctx) throw new Error("FormItem must be used inside Form");
   const { form, disabled: contextDisabled } = ctx;
-  const [, tick] = React49.useState(0);
-  React49.useEffect(() => {
+  const [, tick] = React50.useState(0);
+  React50.useEffect(() => {
     const meta = {
       rules,
       onStoreChange: () => tick((value) => value + 1),
@@ -2156,7 +2161,7 @@ var FormItem = (props) => {
   const isRequired = Array.isArray(rules) ? rules.some((rule) => rule && rule.required) : false;
   const isDisabled = !!contextDisabled;
   const requiredIndicator = requiredMark === void 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive mr-1", "aria-hidden": "true", children: "*" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-1", "aria-hidden": "true", children: requiredMark });
-  if (!children || !React49__namespace.default.isValidElement(children)) return null;
+  if (!children || !React50__namespace.default.isValidElement(children)) return null;
   const childProps = {};
   childProps[valuePropName] = fieldValue;
   const childClass = children.props.className;
@@ -2203,23 +2208,23 @@ var FormItem = (props) => {
       isRequired ? requiredIndicator : null,
       /* @__PURE__ */ jsxRuntime.jsx("span", { children: label })
     ] }) : null,
-    React49.cloneElement(children, childProps),
+    React50.cloneElement(children, childProps),
     help ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground mt-2", children: help }) : null,
     fieldErrors && fieldErrors.length ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-destructive mt-1 text-sm font-medium", children: fieldErrors[0] }) : null
   ] });
 };
 var FormList = (props) => {
   const { name, initialValue, children } = props;
-  const ctx = React49.useContext(FormContext);
+  const ctx = React50.useContext(FormContext);
   if (!ctx) throw new Error("FormList must be used inside Form");
   const { form, disabled: contextDisabled } = ctx;
   const isDisabled = !!contextDisabled;
-  const [fields, setFields] = React49.useState([]);
-  const [errors, setErrors] = React49.useState(
+  const [fields, setFields] = React50.useState([]);
+  const [errors, setErrors] = React50.useState(
     () => form.getFieldError(name) || []
   );
-  const initializedRef = React49.useRef(false);
-  const syncFields = React49.useCallback((list) => {
+  const initializedRef = React50.useRef(false);
+  const syncFields = React50.useCallback((list) => {
     const next = list.map((_, index) => ({
       key: index,
       name: index,
@@ -2227,24 +2232,24 @@ var FormList = (props) => {
     }));
     setFields(next);
   }, []);
-  const updateState = React49.useCallback(() => {
+  const updateState = React50.useCallback(() => {
     const raw = form.getFieldValue(name);
     const list = Array.isArray(raw) ? raw : [];
     syncFields(list);
     setErrors(form.getFieldError(name) || []);
   }, [form, name, syncFields]);
-  const ensureList = React49.useCallback(() => {
+  const ensureList = React50.useCallback(() => {
     const raw = form.getFieldValue(name);
     return Array.isArray(raw) ? [...raw] : [];
   }, [form, name]);
-  const setList = React49.useCallback(
+  const setList = React50.useCallback(
     (next) => {
       form.setFieldValue(name, next);
       updateState();
     },
     [form, name, updateState]
   );
-  const add = React49.useCallback(
+  const add = React50.useCallback(
     (defaultValue, index) => {
       if (isDisabled) return;
       const list = ensureList();
@@ -2254,7 +2259,7 @@ var FormList = (props) => {
     },
     [ensureList, isDisabled, setList]
   );
-  const remove = React49.useCallback(
+  const remove = React50.useCallback(
     (index) => {
       if (isDisabled) return;
       const list = ensureList();
@@ -2266,7 +2271,7 @@ var FormList = (props) => {
     },
     [ensureList, isDisabled, setList]
   );
-  const move = React49.useCallback(
+  const move = React50.useCallback(
     (from, to) => {
       if (isDisabled) return;
       const list = ensureList();
@@ -2279,7 +2284,7 @@ var FormList = (props) => {
     },
     [ensureList, isDisabled, setList]
   );
-  React49.useEffect(() => {
+  React50.useEffect(() => {
     if (initializedRef.current) return;
     if (initialValue === void 0) return;
     const current = form.getFieldValue(name);
@@ -2292,7 +2297,7 @@ var FormList = (props) => {
     }
     initializedRef.current = true;
   }, [form, name, initialValue, updateState]);
-  React49.useEffect(() => {
+  React50.useEffect(() => {
     const handleChange = () => updateState();
     handleChange();
     let unsubscribe = null;
@@ -2324,7 +2329,7 @@ var fieldVariants = classVarianceAuthority.cva("", {
     orientation: "vertical"
   }
 });
-var Field = React49__namespace.forwardRef(
+var Field = React50__namespace.forwardRef(
   ({
     className,
     orientation,
@@ -2337,7 +2342,7 @@ var Field = React49__namespace.forwardRef(
     children,
     ...props
   }, ref) => {
-    const generatedId = React49__namespace.useId();
+    const generatedId = React50__namespace.useId();
     const fieldId = htmlFor || generatedId;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -2386,7 +2391,7 @@ var alertVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Alert = React49__namespace.forwardRef(
+var Alert = React50__namespace.forwardRef(
   ({
     className,
     variant,
@@ -2399,8 +2404,8 @@ var Alert = React49__namespace.forwardRef(
     descriptionClassName,
     ...props
   }, ref) => {
-    const [isVisible, setIsVisible] = React49__namespace.useState(true);
-    const handleDismiss = React49__namespace.useCallback(() => {
+    const [isVisible, setIsVisible] = React50__namespace.useState(true);
+    const handleDismiss = React50__namespace.useCallback(() => {
       setIsVisible(false);
       onClose?.();
     }, [onClose]);
@@ -2462,14 +2467,14 @@ Alert.displayName = "Alert";
 
 // src/components/ui/toast/index.tsx
 init_utils();
-var ToastContext = React49.createContext(void 0);
+var ToastContext = React50.createContext(void 0);
 function ToastProvider({
   children,
   defaultDuration = 5e3,
   position = "top-right"
 }) {
-  const [toasts, setToasts] = React49.useState([]);
-  const toast2 = React49.useCallback(
+  const [toasts, setToasts] = React50.useState([]);
+  const toast2 = React50.useCallback(
     (props) => {
       const id = Math.random().toString(36).substring(7);
       const duration = props.duration ?? defaultDuration;
@@ -2488,7 +2493,7 @@ function ToastProvider({
     },
     [defaultDuration]
   );
-  const dismiss = React49.useCallback((id) => {
+  const dismiss = React50.useCallback((id) => {
     setToasts((prev) => prev.filter((toast3) => toast3.id !== id));
   }, []);
   const getPositionClasses = () => {
@@ -2535,7 +2540,7 @@ function ToastProvider({
   ] });
 }
 function useToastContext() {
-  const context = React49.useContext(ToastContext);
+  const context = React50.useContext(ToastContext);
   if (!context) {
     throw new Error("useToast must be used within ToastProvider");
   }
@@ -2569,7 +2574,7 @@ var toastVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Toast = React49__namespace.forwardRef(
+var Toast = React50__namespace.forwardRef(
   ({
     className,
     variant,
@@ -2582,8 +2587,8 @@ var Toast = React49__namespace.forwardRef(
     descriptionClassName,
     ...props
   }, ref) => {
-    const [isVisible, setIsVisible] = React49__namespace.useState(true);
-    const handleDismiss = React49__namespace.useCallback(() => {
+    const [isVisible, setIsVisible] = React50__namespace.useState(true);
+    const handleDismiss = React50__namespace.useCallback(() => {
       setIsVisible(false);
       onClose?.();
     }, [onClose]);
@@ -2679,7 +2684,7 @@ var progressVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Progress = React49__namespace.forwardRef(
+var Progress = React50__namespace.forwardRef(
   ({
     className,
     value = 0,
@@ -2745,7 +2750,7 @@ var spinnerVariants = classVarianceAuthority.cva("animate-spin", {
     variant: "default"
   }
 });
-var Spinner = React49__namespace.forwardRef(
+var Spinner = React50__namespace.forwardRef(
   ({ className, size, variant, label, centered, overlay, icon, ...props }, ref) => {
     const spinnerContent = /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -2776,7 +2781,7 @@ var Spinner = React49__namespace.forwardRef(
   }
 );
 Spinner.displayName = "Spinner";
-var DotsSpinner = React49__namespace.forwardRef(
+var DotsSpinner = React50__namespace.forwardRef(
   ({ className, size = "default", dotCount = 3, ...props }, ref) => {
     const dotSizeMap = {
       xs: "h-1 w-1",
@@ -2829,7 +2834,7 @@ var skeletonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Skeleton = React49__namespace.forwardRef(
+var Skeleton = React50__namespace.forwardRef(
   ({
     className,
     variant,
@@ -2878,7 +2883,7 @@ var Skeleton = React49__namespace.forwardRef(
   }
 );
 Skeleton.displayName = "Skeleton";
-var SkeletonCard = React49__namespace.forwardRef(
+var SkeletonCard = React50__namespace.forwardRef(
   ({ className, avatar = false, lines = 3, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cn("space-y-4", className), ...props, children: [
       avatar && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
@@ -2918,7 +2923,7 @@ var emptyVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Empty = React49__namespace.forwardRef(
+var Empty = React50__namespace.forwardRef(
   ({
     className,
     size,
@@ -2959,7 +2964,7 @@ var Dialog = DialogPrimitive__namespace.Root;
 var DialogTrigger = DialogPrimitive__namespace.Trigger;
 var DialogPortal = DialogPrimitive__namespace.Portal;
 var DialogClose = DialogPrimitive__namespace.Close;
-var DialogOverlay = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogOverlay = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Overlay,
   {
     ref,
@@ -2971,27 +2976,45 @@ var DialogOverlay = React49__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 DialogOverlay.displayName = DialogPrimitive__namespace.Overlay.displayName;
-var DialogContent = React49__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
-  /* @__PURE__ */ jsxRuntime.jsxs(
-    DialogPrimitive__namespace.Content,
-    {
-      ref,
-      className: cn(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-mvn-gray-200 bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-lg",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none data-[state=open]:bg-mvn-gray-100", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "\uB2EB\uAE30" })
-        ] })
-      ]
-    }
-  )
-] }));
+var DialogContent = React50__namespace.forwardRef(
+  ({
+    className,
+    children,
+    showClose = true,
+    closeClassName,
+    customClose,
+    ...props
+  }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      DialogPrimitive__namespace.Content,
+      {
+        ref,
+        className: cn(
+          "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-mvn-gray-200 bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-lg",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          showClose && (customClose ? customClose : /* @__PURE__ */ jsxRuntime.jsxs(
+            DialogPrimitive__namespace.Close,
+            {
+              className: cn(
+                "absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none data-[state=open]:bg-mvn-gray-100",
+                closeClassName
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-5 w-5" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          ))
+        ]
+      }
+    )
+  ] })
+);
 DialogContent.displayName = DialogPrimitive__namespace.Content.displayName;
 var DialogHeader = ({
   className,
@@ -2999,10 +3022,7 @@ var DialogHeader = ({
 }) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
-    className: cn(
-      "flex flex-col space-y-1.5 text-left",
-      className
-    ),
+    className: cn("flex flex-col space-y-1.5 text-left", className),
     ...props
   }
 );
@@ -3021,7 +3041,7 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogTitle = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Title,
   {
     ref,
@@ -3033,7 +3053,7 @@ var DialogTitle = React49__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DialogTitle.displayName = DialogPrimitive__namespace.Title.displayName;
-var DialogDescription = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogDescription = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Description,
   {
     ref,
@@ -3048,7 +3068,7 @@ init_utils();
 var AlertDialog = AlertDialogPrimitive__namespace.Root;
 var AlertDialogTrigger = AlertDialogPrimitive__namespace.Trigger;
 var AlertDialogPortal = AlertDialogPrimitive__namespace.Portal;
-var AlertDialogOverlay = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogOverlay = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Overlay,
   {
     className: cn(
@@ -3060,7 +3080,7 @@ var AlertDialogOverlay = React49__namespace.forwardRef(({ className, ...props },
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive__namespace.Overlay.displayName;
-var AlertDialogContent = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
+var AlertDialogContent = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
   /* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
   /* @__PURE__ */ jsxRuntime.jsx(
     AlertDialogPrimitive__namespace.Content,
@@ -3103,7 +3123,7 @@ var AlertDialogFooter = ({
   }
 );
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogTitle = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Title,
   {
     ref,
@@ -3112,7 +3132,7 @@ var AlertDialogTitle = React49__namespace.forwardRef(({ className, ...props }, r
   }
 ));
 AlertDialogTitle.displayName = AlertDialogPrimitive__namespace.Title.displayName;
-var AlertDialogDescription = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogDescription = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Description,
   {
     ref,
@@ -3121,7 +3141,7 @@ var AlertDialogDescription = React49__namespace.forwardRef(({ className, ...prop
   }
 ));
 AlertDialogDescription.displayName = AlertDialogPrimitive__namespace.Description.displayName;
-var AlertDialogAction = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogAction = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Action,
   {
     ref,
@@ -3130,7 +3150,7 @@ var AlertDialogAction = React49__namespace.forwardRef(({ className, ...props },
   }
 ));
 AlertDialogAction.displayName = AlertDialogPrimitive__namespace.Action.displayName;
-var AlertDialogCancel = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogCancel = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Cancel,
   {
     ref,
@@ -3150,7 +3170,7 @@ var Sheet = DialogPrimitive__namespace.Root;
 var SheetTrigger = DialogPrimitive__namespace.Trigger;
 var SheetClose = DialogPrimitive__namespace.Close;
 var SheetPortal = DialogPrimitive__namespace.Portal;
-var SheetOverlay = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SheetOverlay = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Overlay,
   {
     className: cn(
@@ -3178,7 +3198,7 @@ var sheetVariants = classVarianceAuthority.cva(
     }
   }
 );
-var SheetContent = React49__namespace.forwardRef(({ side = "right", className, children, hideClose, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(SheetPortal, { children: [
+var SheetContent = React50__namespace.forwardRef(({ side = "right", className, children, hideClose, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(SheetPortal, { children: [
   /* @__PURE__ */ jsxRuntime.jsx(SheetOverlay, {}),
   /* @__PURE__ */ jsxRuntime.jsxs(
     DialogPrimitive__namespace.Content,
@@ -3225,7 +3245,7 @@ var SheetFooter = ({
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SheetTitle = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Title,
   {
     ref,
@@ -3234,7 +3254,7 @@ var SheetTitle = React49__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SheetTitle.displayName = DialogPrimitive__namespace.Title.displayName;
-var SheetDescription = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SheetDescription = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Description,
   {
     ref,
@@ -3246,7 +3266,7 @@ SheetDescription.displayName = DialogPrimitive__namespace.Description.displayNam
 
 // src/components/ui/drawer/index.tsx
 init_utils();
-var DrawerContext = React49__namespace.createContext({
+var DrawerContext = React50__namespace.createContext({
   direction: "bottom"
 });
 var Drawer = ({
@@ -3265,7 +3285,7 @@ Drawer.displayName = "Drawer";
 var DrawerTrigger = vaul.Drawer.Trigger;
 var DrawerPortal = vaul.Drawer.Portal;
 var DrawerClose = vaul.Drawer.Close;
-var DrawerOverlay = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DrawerOverlay = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   vaul.Drawer.Overlay,
   {
     ref,
@@ -3274,7 +3294,7 @@ var DrawerOverlay = React49__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 DrawerOverlay.displayName = vaul.Drawer.Overlay.displayName;
-var DrawerContent = React49__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DrawerPortal, { children: [
+var DrawerContent = React50__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DrawerPortal, { children: [
   /* @__PURE__ */ jsxRuntime.jsx(DrawerOverlay, {}),
   /* @__PURE__ */ jsxRuntime.jsxs(
     vaul.Drawer.Content,
@@ -3309,7 +3329,7 @@ var DrawerFooter = ({
   }
 );
 DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DrawerTitle = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   vaul.Drawer.Title,
   {
     ref,
@@ -3321,7 +3341,7 @@ var DrawerTitle = React49__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DrawerTitle.displayName = vaul.Drawer.Title.displayName;
-var DrawerDescription = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DrawerDescription = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   vaul.Drawer.Description,
   {
     ref,
@@ -3336,7 +3356,7 @@ init_utils();
 var Popover = PopoverPrimitive__namespace.Root;
 var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
 var PopoverAnchor = PopoverPrimitive__namespace.Anchor;
-var PopoverContent = React49__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+var PopoverContent = React50__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
   PopoverPrimitive__namespace.Content,
   {
     ref,
@@ -3356,20 +3376,22 @@ init_utils();
 var TooltipProvider = TooltipPrimitive__namespace.Provider;
 var Tooltip = TooltipPrimitive__namespace.Root;
 var TooltipTrigger = TooltipPrimitive__namespace.Trigger;
-var TooltipContent = React49__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TooltipContent = React50__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TooltipPrimitive__namespace.Content,
   {
     ref,
     sideOffset,
     className: cn(
-      "z-50 overflow-hidden rounded-md bg-mvn-gray-900 px-3 py-1.5 text-xs text-white animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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 overflow-hidden rounded-md bg-mvn-gray-900 px-3 py-1.5 text-xs text-primary-50 animate-in fade-in-0 zoom-in-95",
+      "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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",
       className
     ),
     ...props
   }
 ));
 TooltipContent.displayName = TooltipPrimitive__namespace.Content.displayName;
-var SimpleTooltip = React49__namespace.forwardRef(
+var SimpleTooltip = React50__namespace.forwardRef(
   ({
     children,
     content,
@@ -3400,7 +3422,7 @@ init_utils();
 var HoverCard = HoverCardPrimitive__namespace.Root;
 var HoverCardTrigger = HoverCardPrimitive__namespace.Trigger;
 var HoverCardArrow = HoverCardPrimitive__namespace.Arrow;
-var HoverCardContent = React49__namespace.forwardRef(
+var HoverCardContent = React50__namespace.forwardRef(
   ({
     className,
     align = "center",
@@ -3444,7 +3466,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive__namespace.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive__namespace.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive__namespace.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive__namespace.RadioGroup;
-var DropdownMenuSubTrigger = React49__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DropdownMenuSubTrigger = React50__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   DropdownMenuPrimitive__namespace.SubTrigger,
   {
     ref,
@@ -3461,7 +3483,7 @@ var DropdownMenuSubTrigger = React49__namespace.forwardRef(({ className, inset,
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
-var DropdownMenuSubContent = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuSubContent = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.SubContent,
   {
     ref,
@@ -3473,7 +3495,7 @@ var DropdownMenuSubContent = React49__namespace.forwardRef(({ className, ...prop
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive__namespace.SubContent.displayName;
-var DropdownMenuContent = React49__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuContent = React50__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Content,
   {
     ref,
@@ -3486,7 +3508,7 @@ var DropdownMenuContent = React49__namespace.forwardRef(({ className, sideOffset
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive__namespace.Content.displayName;
-var DropdownMenuItem = React49__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuItem = React50__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Item,
   {
     ref,
@@ -3499,7 +3521,7 @@ var DropdownMenuItem = React49__namespace.forwardRef(({ className, inset, ...pro
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive__namespace.Item.displayName;
-var DropdownMenuCheckboxItem = React49__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DropdownMenuCheckboxItem = React50__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   DropdownMenuPrimitive__namespace.CheckboxItem,
   {
     ref,
@@ -3516,7 +3538,7 @@ var DropdownMenuCheckboxItem = React49__namespace.forwardRef(({ className, child
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive__namespace.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React49__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DropdownMenuRadioItem = React50__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   DropdownMenuPrimitive__namespace.RadioItem,
   {
     ref,
@@ -3532,7 +3554,7 @@ var DropdownMenuRadioItem = React49__namespace.forwardRef(({ className, children
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive__namespace.RadioItem.displayName;
-var DropdownMenuLabel = React49__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuLabel = React50__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Label,
   {
     ref,
@@ -3545,7 +3567,7 @@ var DropdownMenuLabel = React49__namespace.forwardRef(({ className, inset, ...pr
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive__namespace.Label.displayName;
-var DropdownMenuSeparator = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuSeparator = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Separator,
   {
     ref,
@@ -3576,7 +3598,7 @@ var ContextMenuGroup = ContextMenuPrimitive__namespace.Group;
 var ContextMenuPortal = ContextMenuPrimitive__namespace.Portal;
 var ContextMenuSub = ContextMenuPrimitive__namespace.Sub;
 var ContextMenuRadioGroup = ContextMenuPrimitive__namespace.RadioGroup;
-var ContextMenuSubTrigger = React49__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var ContextMenuSubTrigger = React50__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   ContextMenuPrimitive__namespace.SubTrigger,
   {
     ref,
@@ -3593,7 +3615,7 @@ var ContextMenuSubTrigger = React49__namespace.forwardRef(({ className, inset, c
   }
 ));
 ContextMenuSubTrigger.displayName = ContextMenuPrimitive__namespace.SubTrigger.displayName;
-var ContextMenuSubContent = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var ContextMenuSubContent = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   ContextMenuPrimitive__namespace.SubContent,
   {
     ref,
@@ -3605,7 +3627,7 @@ var ContextMenuSubContent = React49__namespace.forwardRef(({ className, ...props
   }
 ));
 ContextMenuSubContent.displayName = ContextMenuPrimitive__namespace.SubContent.displayName;
-var ContextMenuContent = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+var ContextMenuContent = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
   ContextMenuPrimitive__namespace.Content,
   {
     ref,
@@ -3617,7 +3639,7 @@ var ContextMenuContent = React49__namespace.forwardRef(({ className, ...props },
   }
 ) }));
 ContextMenuContent.displayName = ContextMenuPrimitive__namespace.Content.displayName;
-var ContextMenuItem = React49__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var ContextMenuItem = React50__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   ContextMenuPrimitive__namespace.Item,
   {
     ref,
@@ -3630,7 +3652,7 @@ var ContextMenuItem = React49__namespace.forwardRef(({ className, inset, ...prop
   }
 ));
 ContextMenuItem.displayName = ContextMenuPrimitive__namespace.Item.displayName;
-var ContextMenuCheckboxItem = React49__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var ContextMenuCheckboxItem = React50__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   ContextMenuPrimitive__namespace.CheckboxItem,
   {
     ref,
@@ -3647,7 +3669,7 @@ var ContextMenuCheckboxItem = React49__namespace.forwardRef(({ className, childr
   }
 ));
 ContextMenuCheckboxItem.displayName = ContextMenuPrimitive__namespace.CheckboxItem.displayName;
-var ContextMenuRadioItem = React49__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var ContextMenuRadioItem = React50__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   ContextMenuPrimitive__namespace.RadioItem,
   {
     ref,
@@ -3663,7 +3685,7 @@ var ContextMenuRadioItem = React49__namespace.forwardRef(({ className, children,
   }
 ));
 ContextMenuRadioItem.displayName = ContextMenuPrimitive__namespace.RadioItem.displayName;
-var ContextMenuLabel = React49__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var ContextMenuLabel = React50__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   ContextMenuPrimitive__namespace.Label,
   {
     ref,
@@ -3676,7 +3698,7 @@ var ContextMenuLabel = React49__namespace.forwardRef(({ className, inset, ...pro
   }
 ));
 ContextMenuLabel.displayName = ContextMenuPrimitive__namespace.Label.displayName;
-var ContextMenuSeparator = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var ContextMenuSeparator = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   ContextMenuPrimitive__namespace.Separator,
   {
     ref,
@@ -3709,7 +3731,7 @@ var MenubarGroup = MenubarPrimitive__namespace.Group;
 var MenubarPortal = MenubarPrimitive__namespace.Portal;
 var MenubarSub = MenubarPrimitive__namespace.Sub;
 var MenubarRadioGroup = MenubarPrimitive__namespace.RadioGroup;
-var Menubar = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Menubar = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   MenubarPrimitive__namespace.Root,
   {
     ref,
@@ -3721,7 +3743,7 @@ var Menubar = React49__namespace.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 Menubar.displayName = MenubarPrimitive__namespace.Root.displayName;
-var MenubarTrigger = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var MenubarTrigger = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   MenubarPrimitive__namespace.Trigger,
   {
     ref,
@@ -3733,7 +3755,7 @@ var MenubarTrigger = React49__namespace.forwardRef(({ className, ...props }, ref
   }
 ));
 MenubarTrigger.displayName = MenubarPrimitive__namespace.Trigger.displayName;
-var MenubarSubTrigger = React49__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var MenubarSubTrigger = React50__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   MenubarPrimitive__namespace.SubTrigger,
   {
     ref,
@@ -3750,7 +3772,7 @@ var MenubarSubTrigger = React49__namespace.forwardRef(({ className, inset, child
   }
 ));
 MenubarSubTrigger.displayName = MenubarPrimitive__namespace.SubTrigger.displayName;
-var MenubarSubContent = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var MenubarSubContent = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   MenubarPrimitive__namespace.SubContent,
   {
     ref,
@@ -3762,7 +3784,7 @@ var MenubarSubContent = React49__namespace.forwardRef(({ className, ...props },
   }
 ));
 MenubarSubContent.displayName = MenubarPrimitive__namespace.SubContent.displayName;
-var MenubarContent = React49__namespace.forwardRef(
+var MenubarContent = React50__namespace.forwardRef(
   ({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(MenubarPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
     MenubarPrimitive__namespace.Content,
     {
@@ -3779,7 +3801,7 @@ var MenubarContent = React49__namespace.forwardRef(
   ) })
 );
 MenubarContent.displayName = MenubarPrimitive__namespace.Content.displayName;
-var MenubarItem = React49__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var MenubarItem = React50__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   MenubarPrimitive__namespace.Item,
   {
     ref,
@@ -3792,7 +3814,7 @@ var MenubarItem = React49__namespace.forwardRef(({ className, inset, ...props },
   }
 ));
 MenubarItem.displayName = MenubarPrimitive__namespace.Item.displayName;
-var MenubarCheckboxItem = React49__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var MenubarCheckboxItem = React50__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   MenubarPrimitive__namespace.CheckboxItem,
   {
     ref,
@@ -3809,7 +3831,7 @@ var MenubarCheckboxItem = React49__namespace.forwardRef(({ className, children,
   }
 ));
 MenubarCheckboxItem.displayName = MenubarPrimitive__namespace.CheckboxItem.displayName;
-var MenubarRadioItem = React49__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var MenubarRadioItem = React50__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   MenubarPrimitive__namespace.RadioItem,
   {
     ref,
@@ -3825,7 +3847,7 @@ var MenubarRadioItem = React49__namespace.forwardRef(({ className, children, ...
   }
 ));
 MenubarRadioItem.displayName = MenubarPrimitive__namespace.RadioItem.displayName;
-var MenubarLabel = React49__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var MenubarLabel = React50__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   MenubarPrimitive__namespace.Label,
   {
     ref,
@@ -3838,7 +3860,7 @@ var MenubarLabel = React49__namespace.forwardRef(({ className, inset, ...props }
   }
 ));
 MenubarLabel.displayName = MenubarPrimitive__namespace.Label.displayName;
-var MenubarSeparator = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var MenubarSeparator = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   MenubarPrimitive__namespace.Separator,
   {
     ref,
@@ -3866,7 +3888,7 @@ MenubarShortcut.displayName = "MenubarShortcut";
 
 // src/components/ui/navigation-menu/index.tsx
 init_utils();
-var NavigationMenu = React49__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var NavigationMenu = React50__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   NavigationMenuPrimitive__namespace.Root,
   {
     ref,
@@ -3882,7 +3904,7 @@ var NavigationMenu = React49__namespace.forwardRef(({ className, children, ...pr
   }
 ));
 NavigationMenu.displayName = NavigationMenuPrimitive__namespace.Root.displayName;
-var NavigationMenuList = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var NavigationMenuList = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   NavigationMenuPrimitive__namespace.List,
   {
     ref,
@@ -3898,7 +3920,7 @@ var NavigationMenuItem = NavigationMenuPrimitive__namespace.Item;
 var navigationMenuTriggerStyle = classVarianceAuthority.cva(
   "group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-[0.9375rem] font-medium transition-colors hover:bg-mvn-gray-100 focus:bg-mvn-gray-100 focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-mvn-gray-100 data-[state=open]:bg-mvn-gray-100"
 );
-var NavigationMenuTrigger = React49__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var NavigationMenuTrigger = React50__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   NavigationMenuPrimitive__namespace.Trigger,
   {
     ref,
@@ -3918,7 +3940,7 @@ var NavigationMenuTrigger = React49__namespace.forwardRef(({ className, children
   }
 ));
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive__namespace.Trigger.displayName;
-var NavigationMenuContent = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var NavigationMenuContent = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   NavigationMenuPrimitive__namespace.Content,
   {
     ref,
@@ -3931,7 +3953,7 @@ var NavigationMenuContent = React49__namespace.forwardRef(({ className, ...props
 ));
 NavigationMenuContent.displayName = NavigationMenuPrimitive__namespace.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive__namespace.Link;
-var NavigationMenuViewport = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsxRuntime.jsx(
+var NavigationMenuViewport = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsxRuntime.jsx(
   NavigationMenuPrimitive__namespace.Viewport,
   {
     className: cn(
@@ -3943,7 +3965,7 @@ var NavigationMenuViewport = React49__namespace.forwardRef(({ className, ...prop
   }
 ) }));
 NavigationMenuViewport.displayName = NavigationMenuPrimitive__namespace.Viewport.displayName;
-var NavigationMenuIndicator = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var NavigationMenuIndicator = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   NavigationMenuPrimitive__namespace.Indicator,
   {
     ref,
@@ -3959,7 +3981,7 @@ NavigationMenuIndicator.displayName = NavigationMenuPrimitive__namespace.Indicat
 
 // src/components/ui/command/index.tsx
 init_utils();
-var Command = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Command = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command,
   {
     ref,
@@ -3974,7 +3996,7 @@ Command.displayName = cmdk.Command.displayName;
 var CommandDialog = ({ children, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ jsxRuntime.jsx(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children }) }) });
 };
-var CommandInput = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center border-b border-mvn-gray-200 px-3", "cmdk-input-wrapper": "", children: [
+var CommandInput = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center border-b border-mvn-gray-200 px-3", "cmdk-input-wrapper": "", children: [
   /* @__PURE__ */ jsxRuntime.jsx(reactIcons.MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
   /* @__PURE__ */ jsxRuntime.jsx(
     cmdk.Command.Input,
@@ -3989,7 +4011,7 @@ var CommandInput = React49__namespace.forwardRef(({ className, ...props }, ref)
   )
 ] }));
 CommandInput.displayName = cmdk.Command.Input.displayName;
-var CommandList = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandList = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.List,
   {
     ref,
@@ -3998,7 +4020,7 @@ var CommandList = React49__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 CommandList.displayName = cmdk.Command.List.displayName;
-var CommandEmpty = React49__namespace.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandEmpty = React50__namespace.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.Empty,
   {
     ref,
@@ -4007,7 +4029,7 @@ var CommandEmpty = React49__namespace.forwardRef((props, ref) => /* @__PURE__ */
   }
 ));
 CommandEmpty.displayName = cmdk.Command.Empty.displayName;
-var CommandGroup = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandGroup = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.Group,
   {
     ref,
@@ -4019,7 +4041,7 @@ var CommandGroup = React49__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 CommandGroup.displayName = cmdk.Command.Group.displayName;
-var CommandSeparator = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandSeparator = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.Separator,
   {
     ref,
@@ -4028,7 +4050,7 @@ var CommandSeparator = React49__namespace.forwardRef(({ className, ...props }, r
   }
 ));
 CommandSeparator.displayName = cmdk.Command.Separator.displayName;
-var CommandItem = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandItem = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.Item,
   {
     ref,
@@ -4059,7 +4081,7 @@ CommandShortcut.displayName = "CommandShortcut";
 
 // src/components/ui/combobox/index.tsx
 init_utils();
-var Combobox = React49__namespace.forwardRef(
+var Combobox = React50__namespace.forwardRef(
   ({
     options,
     value,
@@ -4071,7 +4093,7 @@ var Combobox = React49__namespace.forwardRef(
     disabled,
     clearable
   }, ref) => {
-    const [open, setOpen] = React49__namespace.useState(false);
+    const [open, setOpen] = React50__namespace.useState(false);
     const selectedOption = options.find((option) => option.value === value);
     const handleClear = (e) => {
       e.stopPropagation();
@@ -4143,9 +4165,9 @@ Combobox.displayName = "Combobox";
 
 // src/components/ui/breadcrumb/index.tsx
 init_utils();
-var Breadcrumb = React49__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("nav", { ref, "aria-label": "breadcrumb", ...props }));
+var Breadcrumb = React50__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("nav", { ref, "aria-label": "breadcrumb", ...props }));
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var BreadcrumbList = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "ol",
   {
     ref,
@@ -4157,7 +4179,7 @@ var BreadcrumbList = React49__namespace.forwardRef(({ className, ...props }, ref
   }
 ));
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var BreadcrumbItem = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "li",
   {
     ref,
@@ -4166,7 +4188,7 @@ var BreadcrumbItem = React49__namespace.forwardRef(({ className, ...props }, ref
   }
 ));
 BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React49__namespace.forwardRef(({ asChild, className, ...props }, ref) => {
+var BreadcrumbLink = React50__namespace.forwardRef(({ asChild, className, ...props }, ref) => {
   const Comp = "a";
   return /* @__PURE__ */ jsxRuntime.jsx(
     Comp,
@@ -4181,7 +4203,7 @@ var BreadcrumbLink = React49__namespace.forwardRef(({ asChild, className, ...pro
   );
 });
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var BreadcrumbPage = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "span",
   {
     ref,
@@ -4248,7 +4270,7 @@ var Pagination = ({
   }
 );
 Pagination.displayName = "Pagination";
-var PaginationContent = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var PaginationContent = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "ul",
   {
     ref,
@@ -4257,7 +4279,7 @@ var PaginationContent = React49__namespace.forwardRef(({ className, ...props },
   }
 ));
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("li", { ref, className: cn("", className), ...props }));
+var PaginationItem = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("li", { ref, className: cn("", className), ...props }));
 PaginationItem.displayName = "PaginationItem";
 var PaginationLink = ({
   className,
@@ -4364,18 +4386,18 @@ PaginationEllipsis.displayName = "PaginationEllipsis";
 
 // src/components/ui/tabs/index.tsx
 init_utils();
-var TabsContext = React49__namespace.createContext({
+var TabsContext = React50__namespace.createContext({
   destroyInactiveTabs: true
 });
-var Tabs = React49__namespace.forwardRef(({ destroyInactiveTabs = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TabsContext.Provider, { value: { destroyInactiveTabs }, children: /* @__PURE__ */ jsxRuntime.jsx(TabsPrimitive__namespace.Root, { ref, ...props }) }));
+var Tabs = React50__namespace.forwardRef(({ destroyInactiveTabs = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TabsContext.Provider, { value: { destroyInactiveTabs }, children: /* @__PURE__ */ jsxRuntime.jsx(TabsPrimitive__namespace.Root, { ref, ...props }) }));
 Tabs.displayName = TabsPrimitive__namespace.Root.displayName;
-var TabsList = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TabsList = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TabsPrimitive__namespace.List,
   {
     ref,
     className: cn(
       "flex items-stretch gap-0 text-muted-foreground",
-      "data-[orientation=horizontal]:w-full data-[orientation=horizontal]:border-b data-[orientation=vertical]:border-border",
+      "data-[orientation=horizontal]:w-full",
       "data-[orientation=vertical]:w-56 data-[orientation=vertical]:border-r data-[orientation=vertical]:border-border",
       "data-[orientation=vertical]:flex-col data-[orientation=vertical]:shrink-0",
       className
@@ -4384,26 +4406,30 @@ var TabsList = React49__namespace.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 TabsList.displayName = TabsPrimitive__namespace.List.displayName;
-var TabsTrigger = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TabsTrigger = React50__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TabsPrimitive__namespace.Trigger,
   {
     ref,
     className: cn(
-      "inline-flex min-w-0 items-center justify-center whitespace-nowrap text-sm font-medium",
+      "group inline-flex min-w-0 items-center justify-center whitespace-nowrap text-sm",
       "transition-all duration-150 text-muted-foreground hover:text-primary",
       "ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-      "data-[orientation=horizontal]:flex-1 data-[orientation=horizontal]:px-4 data-[orientation=horizontal]:py-3 data-[orientation=horizontal]:border-b-2 data-[orientation=horizontal]:border-border",
+      "data-[orientation=horizontal]:px-4 data-[orientation=horizontal]:py-3 data-[orientation=horizontal]:border-b-2 data-[orientation=horizontal]:border-transparent",
       "data-[orientation=vertical]:w-full data-[orientation=vertical]:justify-start data-[orientation=vertical]:px-3 data-[orientation=vertical]:py-2 data-[orientation=vertical]:border-l-2 data-[orientation=vertical]:border-border",
-      "data-[state=active]:text-primary data-[state=active]:font-semibold data-[state=active]:bg-muted/60 data-[state=active]:border-primary",
+      "data-[state=active]:text-primary data-[state=active]:border-primary",
       "disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed",
       className
     ),
-    ...props
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "relative inline-flex", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "invisible font-semibold", "aria-hidden": "true", children }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute inset-0 flex items-center justify-center font-medium group-data-[state=active]:font-semibold", children })
+    ] })
   }
 ));
 TabsTrigger.displayName = TabsPrimitive__namespace.Trigger.displayName;
-var TabsContent = React49__namespace.forwardRef(({ className, ...props }, ref) => {
-  const { destroyInactiveTabs } = React49__namespace.useContext(TabsContext);
+var TabsContent = React50__namespace.forwardRef(({ className, ...props }, ref) => {
+  const { destroyInactiveTabs } = React50__namespace.useContext(TabsContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     TabsPrimitive__namespace.Content,
     {
@@ -4492,7 +4518,7 @@ var separatorVariants = classVarianceAuthority.cva("shrink-0 bg-line-normal", {
     variant: "default"
   }
 });
-var Separator5 = React49__namespace.forwardRef(
+var Separator5 = React50__namespace.forwardRef(
   ({
     className,
     orientation = "horizontal",
@@ -4549,7 +4575,7 @@ var AspectRatio = AspectRatioPrimitive__namespace.Root;
 
 // src/components/ui/accordion/index.tsx
 init_utils();
-var Accordion = React49__namespace.forwardRef(
+var Accordion = React50__namespace.forwardRef(
   ({
     items,
     className,
@@ -4559,7 +4585,7 @@ var Accordion = React49__namespace.forwardRef(
     renderItem,
     ...props
   }, ref) => {
-    const defaultRenderItem = React49__namespace.useCallback(
+    const defaultRenderItem = React50__namespace.useCallback(
       (item) => /* @__PURE__ */ jsxRuntime.jsxs(
         AccordionPrimitive__namespace.Item,
         {
@@ -4607,7 +4633,7 @@ Accordion.displayName = "Accordion";
 // src/components/ui/collapsible/index.tsx
 init_utils();
 var Collapsible = CollapsiblePrimitive__namespace.Root;
-var CollapsibleItem = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CollapsibleItem = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -4619,7 +4645,7 @@ var CollapsibleItem = React49__namespace.forwardRef(({ className, ...props }, re
   }
 ));
 CollapsibleItem.displayName = "CollapsibleItem";
-var CollapsibleTrigger = React49__namespace.forwardRef(({ className, children, indicator, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var CollapsibleTrigger = React50__namespace.forwardRef(({ className, children, indicator, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   CollapsiblePrimitive__namespace.Trigger,
   {
     ref,
@@ -4645,7 +4671,7 @@ var CollapsibleTrigger = React49__namespace.forwardRef(({ className, children, i
   }
 ));
 CollapsibleTrigger.displayName = CollapsiblePrimitive__namespace.Trigger.displayName;
-var CollapsibleContent = React49__namespace.forwardRef(({ className, contentClassName, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CollapsibleContent = React50__namespace.forwardRef(({ className, contentClassName, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   CollapsiblePrimitive__namespace.Content,
   {
     ref,
@@ -4696,13 +4722,14 @@ var ResizableHandle = ({
 
 // src/components/ui/scroll-area/index.tsx
 init_utils();
-var ScrollArea = React49__namespace.forwardRef(
+var ScrollArea = React50__namespace.forwardRef(
   ({
     className,
     children,
     orientation = "vertical",
     scrollbarClassName,
     thumbClassName,
+    type = "auto",
     ...props
   }, ref) => {
     const showVertical = orientation === "vertical" || orientation === "both";
@@ -4711,12 +4738,38 @@ var ScrollArea = React49__namespace.forwardRef(
       ScrollAreaPrimitive__namespace.Root,
       {
         ref,
+        type,
         className: cn("relative overflow-hidden", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-          showVertical && /* @__PURE__ */ jsxRuntime.jsx(ScrollBar, { orientation: "vertical", className: scrollbarClassName, thumbClassName }),
-          showHorizontal && /* @__PURE__ */ jsxRuntime.jsx(ScrollBar, { orientation: "horizontal", className: scrollbarClassName, thumbClassName }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ScrollAreaPrimitive__namespace.Viewport,
+            {
+              className: cn(
+                "h-full w-full rounded-[inherit]",
+                // Fix overflow based on orientation to prevent unwanted scrolling
+                orientation === "vertical" && "!overflow-x-hidden",
+                orientation === "horizontal" && "!overflow-y-hidden"
+              ),
+              children
+            }
+          ),
+          showVertical && /* @__PURE__ */ jsxRuntime.jsx(
+            ScrollBar,
+            {
+              orientation: "vertical",
+              className: scrollbarClassName,
+              thumbClassName
+            }
+          ),
+          showHorizontal && /* @__PURE__ */ jsxRuntime.jsx(
+            ScrollBar,
+            {
+              orientation: "horizontal",
+              className: scrollbarClassName,
+              thumbClassName
+            }
+          ),
           /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.Corner, {})
         ]
       }
@@ -4724,7 +4777,7 @@ var ScrollArea = React49__namespace.forwardRef(
   }
 );
 ScrollArea.displayName = ScrollAreaPrimitive__namespace.Root.displayName;
-var ScrollBar = React49__namespace.forwardRef(({ className, orientation = "vertical", thumbClassName, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var ScrollBar = React50__namespace.forwardRef(({ className, orientation = "vertical", thumbClassName, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   ScrollAreaPrimitive__namespace.ScrollAreaScrollbar,
   {
     ref,
@@ -4740,7 +4793,7 @@ var ScrollBar = React49__namespace.forwardRef(({ className, orientation = "verti
       ScrollAreaPrimitive__namespace.ScrollAreaThumb,
       {
         className: cn(
-          "relative flex-1 rounded-full bg-line-normal hover:bg-line-strong transition-colors",
+          "relative flex-1 rounded-full bg-muted-foreground/50 hover:bg-muted-foreground transition-colors",
           thumbClassName
         )
       }
@@ -4756,9 +4809,9 @@ var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React49__namespace.createContext(null);
+var SidebarContext = React50__namespace.createContext(null);
 function useSidebar() {
-  const context = React49__namespace.useContext(SidebarContext);
+  const context = React50__namespace.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
@@ -4773,9 +4826,9 @@ function SidebarProvider({
   children,
   ...props
 }) {
-  const [_open, _setOpen] = React49__namespace.useState(defaultOpen);
+  const [_open, _setOpen] = React50__namespace.useState(defaultOpen);
   const open = openProp ?? _open;
-  const setOpen = React49__namespace.useCallback(
+  const setOpen = React50__namespace.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -4787,10 +4840,10 @@ function SidebarProvider({
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React49__namespace.useCallback(() => {
+  const toggleSidebar = React50__namespace.useCallback(() => {
     return setOpen((open2) => !open2);
   }, [setOpen]);
-  React49__namespace.useEffect(() => {
+  React50__namespace.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -4801,7 +4854,7 @@ function SidebarProvider({
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React49__namespace.useMemo(
+  const contextValue = React50__namespace.useMemo(
     () => ({
       state,
       open,
@@ -5267,7 +5320,7 @@ function SidebarMenuSkeleton({
   showIcon = false,
   ...props
 }) {
-  const width = React49__namespace.useMemo(() => {
+  const width = React50__namespace.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -5386,24 +5439,18 @@ var tableVariants = classVarianceAuthority.cva("w-full caption-bottom text-sm",
     size: "default"
   }
 });
-var Table = React49__namespace.forwardRef(({ className, variant, size, wrapperClassName, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  "div",
+var Table = React50__namespace.forwardRef(({ className, variant, size, wrapperClassName, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("relative w-full overflow-auto", wrapperClassName), children: /* @__PURE__ */ jsxRuntime.jsx(
+  "table",
   {
-    className: cn("relative w-full overflow-auto", wrapperClassName),
-    children: /* @__PURE__ */ jsxRuntime.jsx(
-      "table",
-      {
-        ref,
-        className: cn(tableVariants({ variant, size, className })),
-        ...props
-      }
-    )
+    ref,
+    className: cn(tableVariants({ variant, size, className })),
+    ...props
   }
-));
+) }));
 Table.displayName = "Table";
-var TableHeader = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableBody = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "tbody",
   {
     ref,
@@ -5412,7 +5459,7 @@ var TableBody = React49__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableFooter = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "tfoot",
   {
     ref,
@@ -5424,7 +5471,7 @@ var TableFooter = React49__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableRow = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "tr",
   {
     ref,
@@ -5436,7 +5483,7 @@ var TableRow = React49__namespace.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableHead = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "th",
   {
     ref,
@@ -5448,7 +5495,7 @@ var TableHead = React49__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableCell = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "td",
   {
     ref,
@@ -5460,7 +5507,7 @@ var TableCell = React49__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableCaption = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "caption",
   {
     ref,
@@ -5506,9 +5553,10 @@ var TableBodyComponent = ({
   rowClassName,
   onRowClick,
   getRowExpandable,
-  invalidateCache
+  invalidateCache,
+  headers
 }) => {
-  const resolveRowClassName = React49.useCallback(
+  const resolveRowClassName = React50.useCallback(
     (record, index) => {
       if (!rowClassName) return "";
       return typeof rowClassName === "function" ? rowClassName(record, index) : rowClassName;
@@ -5547,7 +5595,42 @@ var TableBodyComponent = ({
     }
     return reactTable.flexRender(cell.column.columnDef.cell, cell.getContext());
   };
-  const renderBaseRow = React49.useCallback(
+  const { leftOffsets, rightOffsets, lastLeftId, firstRightId } = React50.useMemo(() => {
+    if (!headers || headers.length === 0) {
+      return {
+        leftOffsets: /* @__PURE__ */ new Map(),
+        rightOffsets: /* @__PURE__ */ new Map(),
+        lastLeftId: null,
+        firstRightId: null
+      };
+    }
+    const leftPinned = headers.filter(
+      (h) => h.column.getIsPinned() === "left"
+    );
+    const rightPinned = headers.filter(
+      (h) => h.column.getIsPinned() === "right"
+    );
+    const leftMap = /* @__PURE__ */ new Map();
+    let leftAcc = 0;
+    for (const h of leftPinned) {
+      leftMap.set(h.column.id, leftAcc);
+      leftAcc += h.getSize();
+    }
+    const rightMap = /* @__PURE__ */ new Map();
+    let rightAcc = 0;
+    for (let i = rightPinned.length - 1; i >= 0; i--) {
+      const h = rightPinned[i];
+      rightMap.set(h.column.id, rightAcc);
+      rightAcc += h.getSize();
+    }
+    return {
+      leftOffsets: leftMap,
+      rightOffsets: rightMap,
+      lastLeftId: leftPinned.length > 0 ? leftPinned[leftPinned.length - 1].column.id : null,
+      firstRightId: rightPinned.length > 0 ? rightPinned[0].column.id : null
+    };
+  }, [headers]);
+  const renderBaseRow = React50.useCallback(
     (rowData, options = {}) => {
       const { ref, virtualIndex } = options;
       return /* @__PURE__ */ jsxRuntime.jsx(
@@ -5568,6 +5651,25 @@ var TableBodyComponent = ({
           onClick: () => onRowClick?.(rowData.original, rowData.index),
           children: rowData.getVisibleCells().map((cell) => {
             const meta = cell.column.columnDef.meta;
+            const pinPosition = cell.column.getIsPinned();
+            const pinnedStyle = meta?.width ? { width: meta.width } : {};
+            if (pinPosition === "left") {
+              const offset = leftOffsets.get(cell.column.id);
+              if (offset !== void 0) {
+                pinnedStyle.position = "sticky";
+                pinnedStyle.left = offset;
+                pinnedStyle.zIndex = 5;
+              }
+            } else if (pinPosition === "right") {
+              const offset = rightOffsets.get(cell.column.id);
+              if (offset !== void 0) {
+                pinnedStyle.position = "sticky";
+                pinnedStyle.right = offset;
+                pinnedStyle.zIndex = 5;
+              }
+            }
+            const isLastLeftPinned = cell.column.id === lastLeftId;
+            const isFirstRightPinned = cell.column.id === firstRightId;
             return /* @__PURE__ */ jsxRuntime.jsx(
               TableCell,
               {
@@ -5575,9 +5677,13 @@ var TableBodyComponent = ({
                   meta?.className,
                   meta?.align === "center" && "text-center",
                   meta?.align === "right" && "text-right",
-                  meta?.align === "left" && "text-left"
+                  meta?.align === "left" && "text-left",
+                  // Pinned cell styling
+                  pinPosition && "bg-background",
+                  isLastLeftPinned && "after:absolute after:right-0 after:top-0 after:bottom-0 after:w-[4px] after:bg-gradient-to-r after:from-black/10 after:to-transparent",
+                  isFirstRightPinned && "before:absolute before:left-0 before:top-0 before:bottom-0 before:w-[4px] before:bg-gradient-to-l before:from-black/10 before:to-transparent"
                 ),
-                style: meta?.width ? { width: meta.width } : void 0,
+                style: Object.keys(pinnedStyle).length > 0 ? pinnedStyle : void 0,
                 children: onRenderedRow(cell, virtualIndex)
               },
               cell.id
@@ -5587,9 +5693,16 @@ var TableBodyComponent = ({
         `row-${rowData.index}`
       );
     },
-    [onRowClick, resolveRowClassName]
+    [
+      onRowClick,
+      resolveRowClassName,
+      leftOffsets,
+      rightOffsets,
+      lastLeftId,
+      firstRightId
+    ]
   );
-  const renderExpandedRow = React49.useCallback(
+  const renderExpandedRow = React50.useCallback(
     (rowData, options = {}) => {
       if (!renderExpandedContent) return null;
       const { ref, virtualIndex } = options;
@@ -5670,7 +5783,7 @@ var TableBodyComponent = ({
       ) })
     ] });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: rows.map((row) => /* @__PURE__ */ jsxRuntime.jsxs(React49.Fragment, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: rows.map((row) => /* @__PURE__ */ jsxRuntime.jsxs(React50.Fragment, { children: [
     renderBaseRow(row),
     expandable && renderExpandedRow(row)
   ] }, row.id)) });
@@ -5691,9 +5804,8 @@ var pinOptions = [
   { value: "right", label: "Pin Right" }
 ];
 var sizingOptions = [
-  { value: "single", label: "Autosize This Column" },
-  { value: "all", label: "Autosize All Columns" },
-  { value: "reset", label: "Reset All Columns" }
+  { value: "reset-single", label: "Reset This Column" },
+  { value: "reset-all", label: "Reset All Columns" }
 ];
 var sortOptions = [
   { value: "asc", label: "Sort Ascending" },
@@ -5704,7 +5816,11 @@ var TableHeaderComponent = ({
   enableColumnOrdering,
   baseColumnOrder,
   setColumnOrder,
-  draggedColumnId
+  draggedColumnId,
+  pinnedLeftOffset,
+  pinnedRightOffset,
+  isLastLeftPinned,
+  isFirstRightPinned
 }) => {
   const column = header.column;
   const meta = column.columnDef.meta;
@@ -5736,25 +5852,25 @@ var TableHeaderComponent = ({
       return next;
     });
   };
-  const [inputValue, setInputValue] = React49.useState(value);
-  const debounceTimeoutRef = React49.useRef(null);
-  React49.useEffect(() => {
+  const [inputValue, setInputValue] = React50.useState(value);
+  const debounceTimeoutRef = React50.useRef(null);
+  React50.useEffect(() => {
     setInputValue(value);
   }, [value]);
-  React49.useEffect(() => {
+  React50.useEffect(() => {
     return () => {
       if (debounceTimeoutRef.current !== null) {
         window.clearTimeout(debounceTimeoutRef.current);
       }
     };
   }, []);
-  const handleFilterChange = React49.useCallback(
+  const handleFilterChange = React50.useCallback(
     (type, nextValue) => {
       column.setFilterValue({ filterType: type, value: nextValue });
     },
     [column]
   );
-  const debouncedFilterChange = React49.useCallback(
+  const debouncedFilterChange = React50.useCallback(
     (type, nextValue) => {
       if (debounceTimeoutRef.current !== null) {
         window.clearTimeout(debounceTimeoutRef.current);
@@ -5766,7 +5882,7 @@ var TableHeaderComponent = ({
     },
     [handleFilterChange]
   );
-  const handleInputChange = React49.useCallback(
+  const handleInputChange = React50.useCallback(
     (event) => {
       const nextValue = event.target.value;
       setInputValue(nextValue);
@@ -5775,7 +5891,17 @@ var TableHeaderComponent = ({
     [debouncedFilterChange, filterType]
   );
   const showPopover = column.getCanSort() || column.getCanPin() || column.getCanFilter() || column.getCanResize();
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  const pinnedStyle = meta?.width ? { width: meta.width } : {};
+  if (pinPosition === "left" && pinnedLeftOffset !== void 0) {
+    pinnedStyle.position = "sticky";
+    pinnedStyle.left = pinnedLeftOffset;
+    pinnedStyle.zIndex = 20;
+  } else if (pinPosition === "right" && pinnedRightOffset !== void 0) {
+    pinnedStyle.position = "sticky";
+    pinnedStyle.right = pinnedRightOffset;
+    pinnedStyle.zIndex = 20;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     TableHead,
     {
       className: cn(
@@ -5784,157 +5910,212 @@ var TableHeaderComponent = ({
         meta?.align === "right" && "text-right",
         meta?.align === "left" && "text-left",
         column.getCanSort() && "select-none",
-        "bg-mvn-gray-100 text-foreground sticky top-0 z-10"
+        "bg-mvn-gray-100 text-foreground sticky top-0 z-10",
+        // Pinned column styling
+        pinPosition && "bg-background",
+        isLastLeftPinned && "after:absolute after:right-0 after:top-0 after:bottom-0 after:w-[4px] after:bg-gradient-to-r after:from-black/10 after:to-transparent",
+        isFirstRightPinned && "before:absolute before:left-0 before:top-0 before:bottom-0 before:w-[4px] before:bg-gradient-to-l before:from-black/10 before:to-transparent"
       ),
-      style: meta?.width ? { width: meta.width } : void 0,
-      children: /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          className: cn(
-            "flex items-center w-full",
-            meta?.align === "center" && "justify-center",
-            meta?.align === "right" && "justify-end",
-            meta?.align === "left" && "justify-start",
-            column.getCanSort() && "cursor-pointer"
-          ),
-          draggable: isReorderTable,
-          onDragStart: (event) => {
-            if (!isReorderTable) return;
-            event.dataTransfer.effectAllowed = "move";
-            draggedColumnId.current = column.id;
-          },
-          onDragEnd: () => {
-            draggedColumnId.current = null;
-          },
-          onDragOver: (event) => {
-            if (!isReorderTable || !draggedColumnId.current || draggedColumnId.current === column.id) {
-              return;
-            }
-            event.preventDefault();
-            event.dataTransfer.dropEffect = "move";
-          },
-          onDrop: (event) => {
-            if (!isReorderTable) return;
-            event.preventDefault();
-            handleColumnDrop(column.id);
-          },
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-2 text-[16px] font-medium", children: reactTable.flexRender(column.columnDef.header, header.getContext()) }),
-            !column.id.startsWith("_mvn_") && showPopover && /* @__PURE__ */ jsxRuntime.jsx(
-              "span",
-              {
-                onClick: (event) => event.stopPropagation(),
-                className: "ml-auto",
-                children: /* @__PURE__ */ jsxRuntime.jsxs(Popover, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TextAlignJustify, { className: "p-1 h-6 w-6" }) }),
-                  /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { side: "bottom", children: /* @__PURE__ */ jsxRuntime.jsxs(Tabs, { defaultValue: "size", children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs(TabsList, { children: [
-                      column.getCanResize() && /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: "size", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Scaling, { className: "p-1 h-6 w-6" }) }),
-                      column.getCanSort() && /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: "sort", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Scaling, { className: "p-1 h-6 w-6" }) }),
-                      column.getCanPin() && /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: "pin", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pin, { className: "p-1 h-6 w-6" }) }),
-                      column.getCanFilter() && /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: "filter", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ListFilter, { className: "p-1 h-6 w-6" }) })
-                    ] }),
-                    column.getCanResize() && /* @__PURE__ */ jsxRuntime.jsx(TabsContent, { value: "size", children: /* @__PURE__ */ jsxRuntime.jsx(Command, { className: "h-auto", children: /* @__PURE__ */ jsxRuntime.jsx(CommandList, { children: /* @__PURE__ */ jsxRuntime.jsx(CommandGroup, { children: sizingOptions.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
-                      CommandItem,
-                      {
-                        value: option.value,
-                        onSelect: () => {
-                        },
-                        children: option.label
-                      },
-                      option.value
-                    )) }) }) }) }),
-                    column.getCanSort() && /* @__PURE__ */ jsxRuntime.jsx(TabsContent, { value: "sort", children: /* @__PURE__ */ jsxRuntime.jsx(Command, { className: "h-auto", children: /* @__PURE__ */ jsxRuntime.jsx(CommandList, { children: /* @__PURE__ */ jsxRuntime.jsx(CommandGroup, { children: sortOptions.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(
-                      CommandItem,
-                      {
-                        value: option.value,
-                        onSelect: () => {
-                          if (option.value === sortDirection) {
-                            column.clearSorting();
-                            return;
+      style: pinnedStyle,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn(
+              "flex items-center w-full",
+              meta?.align === "center" && "justify-center",
+              meta?.align === "right" && "justify-end",
+              meta?.align === "left" && "justify-start",
+              column.getCanSort() && "cursor-pointer"
+            ),
+            draggable: isReorderTable,
+            onDragStart: (event) => {
+              if (!isReorderTable) return;
+              event.dataTransfer.effectAllowed = "move";
+              draggedColumnId.current = column.id;
+            },
+            onDragEnd: () => {
+              draggedColumnId.current = null;
+            },
+            onDragOver: (event) => {
+              if (!isReorderTable || !draggedColumnId.current || draggedColumnId.current === column.id) {
+                return;
+              }
+              event.preventDefault();
+              event.dataTransfer.dropEffect = "move";
+            },
+            onDrop: (event) => {
+              if (!isReorderTable) return;
+              event.preventDefault();
+              handleColumnDrop(column.id);
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-2 text-[16px] font-medium", children: reactTable.flexRender(column.columnDef.header, header.getContext()) }),
+              !column.id.startsWith("_mvn_") && showPopover && /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  onClick: (event) => event.stopPropagation(),
+                  className: "ml-auto",
+                  children: /* @__PURE__ */ jsxRuntime.jsxs(Popover, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TextAlignJustify, { className: "p-1 h-6 w-6" }) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { side: "bottom", children: /* @__PURE__ */ jsxRuntime.jsxs(Tabs, { defaultValue: "size", children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs(TabsList, { children: [
+                        column.getCanResize() && /* @__PURE__ */ jsxRuntime.jsx(
+                          TabsTrigger,
+                          {
+                            value: "size",
+                            className: "data-[orientation=horizontal]:p-2",
+                            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Scaling, { className: "p-1 h-6 w-6" })
                           }
-                          column.toggleSorting(option.value === "desc");
-                        },
-                        children: [
-                          option.label,
-                          /* @__PURE__ */ jsxRuntime.jsx(
-                            lucideReact.CheckIcon,
-                            {
-                              className: cn(
-                                "ml-auto h-4 w-4",
-                                sortDirection === option.value ? "opacity-100" : "opacity-0"
-                              )
-                            }
-                          )
-                        ]
-                      },
-                      option.value
-                    )) }) }) }) }),
-                    column.getCanPin() && /* @__PURE__ */ jsxRuntime.jsx(TabsContent, { value: "pin", children: /* @__PURE__ */ jsxRuntime.jsx(Command, { className: "h-auto", children: /* @__PURE__ */ jsxRuntime.jsx(CommandList, { children: /* @__PURE__ */ jsxRuntime.jsx(CommandGroup, { children: pinOptions.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(
-                      CommandItem,
-                      {
-                        value: option.value,
-                        onSelect: () => {
-                          if (option.value === pinPosition) {
-                            column.pin(false);
-                            return;
+                        ),
+                        column.getCanSort() && /* @__PURE__ */ jsxRuntime.jsx(
+                          TabsTrigger,
+                          {
+                            value: "sort",
+                            className: "data-[orientation=horizontal]:p-2",
+                            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Scaling, { className: "p-1 h-6 w-6" })
                           }
-                          if (option.value === "left" || option.value === "right") {
-                            column.pin(option.value);
+                        ),
+                        column.getCanPin() && /* @__PURE__ */ jsxRuntime.jsx(
+                          TabsTrigger,
+                          {
+                            value: "pin",
+                            className: "data-[orientation=horizontal]:p-2",
+                            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pin, { className: "p-1 h-6 w-6" })
                           }
-                        },
-                        children: [
-                          option.label,
-                          /* @__PURE__ */ jsxRuntime.jsx(
-                            lucideReact.CheckIcon,
-                            {
-                              className: cn(
-                                "ml-auto h-4 w-4",
-                                pinPosition === option.value ? "opacity-100" : "opacity-0"
-                              )
+                        ),
+                        column.getCanFilter() && /* @__PURE__ */ jsxRuntime.jsx(
+                          TabsTrigger,
+                          {
+                            value: "filter",
+                            className: "data-[orientation=horizontal]:p-2",
+                            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ListFilter, { className: "p-1 h-6 w-6" })
+                          }
+                        )
+                      ] }),
+                      column.getCanResize() && /* @__PURE__ */ jsxRuntime.jsx(TabsContent, { value: "size", className: "mt-2", children: /* @__PURE__ */ jsxRuntime.jsx(Command, { className: "h-auto", children: /* @__PURE__ */ jsxRuntime.jsx(CommandList, { children: /* @__PURE__ */ jsxRuntime.jsx(CommandGroup, { children: sizingOptions.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
+                        CommandItem,
+                        {
+                          value: option.value,
+                          onSelect: () => {
+                            if (option.value === "reset-single") {
+                              column.resetSize();
+                            } else if (option.value === "reset-all") {
+                              header.getContext().table.resetColumnSizing();
                             }
-                          )
-                        ]
-                      },
-                      option.value
-                    )) }) }) }) }),
-                    column.getCanFilter() && /* @__PURE__ */ jsxRuntime.jsxs(TabsContent, { value: "filter", children: [
-                      /* @__PURE__ */ jsxRuntime.jsxs(
-                        Select,
+                          },
+                          children: option.label
+                        },
+                        option.value
+                      )) }) }) }) }),
+                      column.getCanSort() && /* @__PURE__ */ jsxRuntime.jsx(TabsContent, { value: "sort", className: "mt-2", children: /* @__PURE__ */ jsxRuntime.jsx(Command, { className: "h-auto", children: /* @__PURE__ */ jsxRuntime.jsx(CommandList, { children: /* @__PURE__ */ jsxRuntime.jsx(CommandGroup, { children: sortOptions.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(
+                        CommandItem,
                         {
-                          value: filterType,
-                          onValueChange: (selected) => {
-                            if (debounceTimeoutRef.current !== null) {
-                              window.clearTimeout(debounceTimeoutRef.current);
-                              debounceTimeoutRef.current = null;
+                          value: option.value,
+                          onSelect: () => {
+                            if (option.value === sortDirection) {
+                              column.clearSorting();
+                              return;
                             }
-                            handleFilterChange(selected, inputValue);
+                            column.toggleSorting(option.value === "desc");
                           },
                           children: [
-                            /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { className: "mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, {}) }),
-                            /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { children: TableFilterOptions.map((option) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: option.value, children: option.label }, option.value)) })
+                            option.label,
+                            /* @__PURE__ */ jsxRuntime.jsx(
+                              lucideReact.CheckIcon,
+                              {
+                                className: cn(
+                                  "ml-auto h-4 w-4",
+                                  sortDirection === option.value ? "opacity-100" : "opacity-0"
+                                )
+                              }
+                            )
                           ]
-                        }
-                      ),
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        Input,
+                        },
+                        option.value
+                      )) }) }) }) }),
+                      column.getCanPin() && /* @__PURE__ */ jsxRuntime.jsx(TabsContent, { value: "pin", className: "mt-2", children: /* @__PURE__ */ jsxRuntime.jsx(Command, { className: "h-auto", children: /* @__PURE__ */ jsxRuntime.jsx(CommandList, { children: /* @__PURE__ */ jsxRuntime.jsx(CommandGroup, { children: pinOptions.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(
+                        CommandItem,
                         {
-                          leftIcon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SearchIcon, {}),
-                          value: inputValue,
-                          onChange: handleInputChange,
-                          clearable: true,
-                          onClear: () => column.setFilterValue({ filterType, value: "" }),
-                          placeholder: meta?.filterPlaceholder ?? "Filter\u2026"
-                        }
-                      )
-                    ] })
-                  ] }) })
-                ] })
-              }
-            )
-          ]
-        }
-      )
+                          value: option.value,
+                          onSelect: () => {
+                            if (option.value === pinPosition) {
+                              column.pin(false);
+                              return;
+                            }
+                            if (option.value === "left" || option.value === "right") {
+                              column.pin(option.value);
+                            }
+                          },
+                          children: [
+                            option.label,
+                            /* @__PURE__ */ jsxRuntime.jsx(
+                              lucideReact.CheckIcon,
+                              {
+                                className: cn(
+                                  "ml-auto h-4 w-4",
+                                  pinPosition === option.value ? "opacity-100" : "opacity-0"
+                                )
+                              }
+                            )
+                          ]
+                        },
+                        option.value
+                      )) }) }) }) }),
+                      column.getCanFilter() && /* @__PURE__ */ jsxRuntime.jsxs(TabsContent, { value: "filter", className: "mt-2", children: [
+                        /* @__PURE__ */ jsxRuntime.jsxs(
+                          Select,
+                          {
+                            value: filterType,
+                            onValueChange: (selected) => {
+                              if (debounceTimeoutRef.current !== null) {
+                                window.clearTimeout(debounceTimeoutRef.current);
+                                debounceTimeoutRef.current = null;
+                              }
+                              handleFilterChange(selected, inputValue);
+                            },
+                            children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { className: "mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, {}) }),
+                              /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { children: TableFilterOptions.map((option) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: option.value, children: option.label }, option.value)) })
+                            ]
+                          }
+                        ),
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          Input,
+                          {
+                            leftIcon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SearchIcon, {}),
+                            value: inputValue,
+                            onChange: handleInputChange,
+                            clearable: true,
+                            onClear: () => column.setFilterValue({ filterType, value: "" }),
+                            placeholder: meta?.filterPlaceholder ?? "Filter\u2026"
+                          }
+                        )
+                      ] })
+                    ] }) })
+                  ] })
+                }
+              )
+            ]
+          }
+        ),
+        column.getCanResize() && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            onMouseDown: header.getResizeHandler(),
+            onTouchStart: header.getResizeHandler(),
+            onDoubleClick: () => header.column.resetSize(),
+            className: cn(
+              "absolute right-0 top-0 h-full w-1 cursor-col-resize select-none touch-none",
+              "hover:bg-primary/50 active:bg-primary",
+              header.column.getIsResizing() && "bg-primary"
+            ),
+            style: {
+              transform: "translateX(50%)"
+            }
+          }
+        )
+      ]
     },
     header.id
   );
@@ -5950,6 +6131,46 @@ var TableToolbarComponent = ({
   customizeToolbar
 }) => {
   const toolbarVisible = enableExport || customizeToolbar || enableGlobalFilter;
+  const [inputValue, setInputValue] = React50.useState(globalFilter);
+  const debounceTimeoutRef = React50.useRef(null);
+  React50.useEffect(() => {
+    setInputValue(globalFilter);
+  }, [globalFilter]);
+  React50.useEffect(() => {
+    return () => {
+      if (debounceTimeoutRef.current !== null) {
+        window.clearTimeout(debounceTimeoutRef.current);
+      }
+    };
+  }, []);
+  const debouncedSetGlobalFilter = React50.useCallback(
+    (nextValue) => {
+      if (debounceTimeoutRef.current !== null) {
+        window.clearTimeout(debounceTimeoutRef.current);
+      }
+      debounceTimeoutRef.current = window.setTimeout(() => {
+        setGlobalFilter(nextValue);
+        debounceTimeoutRef.current = null;
+      }, 300);
+    },
+    [setGlobalFilter]
+  );
+  const handleInputChange = React50.useCallback(
+    (event) => {
+      const nextValue = event.target.value;
+      setInputValue(nextValue);
+      debouncedSetGlobalFilter(nextValue);
+    },
+    [debouncedSetGlobalFilter]
+  );
+  const handleClear = React50.useCallback(() => {
+    if (debounceTimeoutRef.current !== null) {
+      window.clearTimeout(debounceTimeoutRef.current);
+      debounceTimeoutRef.current = null;
+    }
+    setInputValue("");
+    setGlobalFilter("");
+  }, [setGlobalFilter]);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
     toolbarVisible && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
       enableExport && /* @__PURE__ */ jsxRuntime.jsx(
@@ -5967,9 +6188,10 @@ var TableToolbarComponent = ({
       Input,
       {
         leftIcon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SearchIcon, {}),
-        value: globalFilter,
-        onChange: (event) => setGlobalFilter(event.target.value),
+        value: inputValue,
+        onChange: handleInputChange,
         clearable: true,
+        onClear: handleClear,
         placeholder: globalFilterPlaceholder
       }
     )
@@ -6067,37 +6289,40 @@ function useTableCore({
   manualSorting,
   onFilterChange,
   getCheckboxProps,
-  selectedRowKey
+  selectedRowKey,
+  defaultColumnPinning,
+  enableColumnResizing = false,
+  columnResizeMode = "onChange"
 }) {
-  const [sorting, setSorting] = React49.useState(
+  const [sorting, setSorting] = React50.useState(
     sortBy ? [{ id: sortBy, desc: sortDirection === "desc" }] : []
   );
-  const [columnFilters, setColumnFilters] = React49.useState([]);
-  const [globalFilter, setGlobalFilter] = React49.useState("");
-  const [rowSelection, setRowSelection] = React49.useState({});
-  const [expanded, setExpanded] = React49.useState({});
-  const [paginationState, setPaginationState] = React49.useState({
+  const [columnFilters, setColumnFilters] = React50.useState([]);
+  const [globalFilter, setGlobalFilter] = React50.useState("");
+  const [rowSelection, setRowSelection] = React50.useState({});
+  const [expanded, setExpanded] = React50.useState({});
+  const [paginationState, setPaginationState] = React50.useState({
     pageIndex: Math.max(currentPage - 1, 0),
     pageSize
   });
-  const [columnPinning, setColumnPinning] = React49.useState({
-    left: [],
-    right: []
+  const [columnPinning, setColumnPinning] = React50.useState({
+    left: defaultColumnPinning?.left ?? [],
+    right: defaultColumnPinning?.right ?? []
   });
   const dataLength = data.length;
-  const enableColumnFilters = React49.useMemo(() => {
+  const enableColumnFilters = React50.useMemo(() => {
     return columns.some((column) => column.filterable === true);
   }, [columns]);
-  const enableColumnSorter = React49.useMemo(() => {
+  const enableColumnSorter = React50.useMemo(() => {
     return columns.some((column) => column.sortable === true);
   }, [columns]);
-  const pinnableColumnIds = React49.useMemo(() => {
+  const pinnableColumnIds = React50.useMemo(() => {
     return columns.filter((column) => column.pinnable === true).map(
       (column) => typeof column.key === "string" ? column.key : String(column.key)
     );
   }, [columns]);
   const enableColumnPin = pinnableColumnIds.length > 0;
-  const baseColumnOrder = React49.useMemo(() => {
+  const baseColumnOrder = React50.useMemo(() => {
     const ids = [];
     if (showIndex) ids.push("_mvn_index");
     if (expandable) ids.push("_mvn_expand");
@@ -6108,8 +6333,8 @@ function useTableCore({
     });
     return ids;
   }, [columns, selectable, expandable, showIndex]);
-  const [columnOrder, setColumnOrder] = React49.useState(baseColumnOrder);
-  React49.useEffect(() => {
+  const [columnOrder, setColumnOrder] = React50.useState(baseColumnOrder);
+  React50.useEffect(() => {
     setColumnOrder((previous) => {
       if (isEqual__default.default(previous, baseColumnOrder)) {
         return previous;
@@ -6117,7 +6342,7 @@ function useTableCore({
       return baseColumnOrder;
     });
   }, [baseColumnOrder]);
-  React49.useEffect(() => {
+  React50.useEffect(() => {
     if (!sortBy) {
       setSorting([]);
       return;
@@ -6130,7 +6355,7 @@ function useTableCore({
       return [next];
     });
   }, [sortBy, sortDirection]);
-  React49.useEffect(() => {
+  React50.useEffect(() => {
     if (!enableColumnFilters) return;
     if (!columns.some((column) => column.filterable && column?.defaultFilterValue))
       return;
@@ -6147,7 +6372,7 @@ function useTableCore({
       return next;
     });
   }, [columns, enableColumnFilters]);
-  const resolveRowId = React49.useCallback(
+  const resolveRowId = React50.useCallback(
     (record, index) => {
       if (typeof rowKey === "function") {
         return String(rowKey(record, index));
@@ -6157,7 +6382,7 @@ function useTableCore({
     },
     [rowKey]
   );
-  React49.useEffect(() => {
+  React50.useEffect(() => {
     const map = {};
     selectedRowKey?.forEach((k) => {
       map[k] = true;
@@ -6169,7 +6394,7 @@ function useTableCore({
       await onFilterChange(filters);
     }
   };
-  const handleFilteringChange = React49.useCallback(
+  const handleFilteringChange = React50.useCallback(
     (updater) => {
       setColumnFilters((previous) => {
         const next = typeof updater === "function" ? updater(previous) : updater;
@@ -6179,7 +6404,7 @@ function useTableCore({
     },
     [enableColumnFilters, onFilterChange, columnFilters]
   );
-  const handleSortingChange = React49.useCallback(
+  const handleSortingChange = React50.useCallback(
     (updater) => {
       setSorting((previous) => {
         const next = typeof updater === "function" ? updater(previous) : updater;
@@ -6196,7 +6421,7 @@ function useTableCore({
     },
     [onSortChange]
   );
-  const columnDefs = React49.useMemo(() => {
+  const columnDefs = React50.useMemo(() => {
     const defs = columns.map((column) => {
       const key = typeof column.key === "string" ? column.key : String(column.key);
       return {
@@ -6300,7 +6525,7 @@ function useTableCore({
     expandable,
     showIndex
   ]);
-  React49.useEffect(() => {
+  React50.useEffect(() => {
     if (!pagination) return;
     setPaginationState((previous) => {
       const newPageIndex = Math.max(currentPage - 1, 0);
@@ -6314,7 +6539,7 @@ function useTableCore({
       return next;
     });
   }, [pagination, currentPage, pageSize]);
-  const handlePaginationChange = React49.useCallback(
+  const handlePaginationChange = React50.useCallback(
     (updater) => {
       if (!pagination) return;
       setPaginationState((previous) => {
@@ -6330,7 +6555,7 @@ function useTableCore({
     },
     [pagination, onPageChange]
   );
-  const tablePaginationState = React49.useMemo(() => {
+  const tablePaginationState = React50.useMemo(() => {
     if (!pagination) {
       const fallbackSize = dataLength || paginationState.pageSize || 1;
       return { pageIndex: 0, pageSize: fallbackSize };
@@ -6342,6 +6567,8 @@ function useTableCore({
     columns: columnDefs,
     manualFiltering,
     manualSorting,
+    enableColumnResizing,
+    columnResizeMode,
     state: {
       sorting,
       columnFilters,
@@ -6371,11 +6598,11 @@ function useTableCore({
     getRowId: (originalRow, index) => resolveRowId(originalRow, index),
     getRowCanExpand: expandable ? (row) => getRowCanExpand ? getRowCanExpand(row.original) : !!renderExpandedContent : void 0
   });
-  const pageCount = React49.useMemo(
+  const pageCount = React50.useMemo(
     () => table.getPageCount(),
     [table, sorting, columnFilters]
   );
-  React49.useEffect(() => {
+  React50.useEffect(() => {
     if (!enableColumnPin) {
       setColumnPinning({ left: [], right: [] });
       return;
@@ -6393,7 +6620,7 @@ function useTableCore({
       return next;
     });
   }, [enableColumnPin, pinnableColumnIds]);
-  React49.useEffect(() => {
+  React50.useEffect(() => {
     if (!pagination) return;
     setPaginationState((previous) => {
       const lastPage = Math.max(pageCount - 1, 0);
@@ -6403,11 +6630,11 @@ function useTableCore({
       return previous;
     });
   }, [pagination, pageCount]);
-  const shouldShowPagination = React49.useCallback(
+  const shouldShowPagination = React50.useCallback(
     () => pagination && pageCount > 1,
     [pagination, pageCount]
   );
-  const pageNumbers = React49.useMemo(() => {
+  const pageNumbers = React50.useMemo(() => {
     if (!pagination || pageCount <= 0) return [];
     const windowSize = Math.max(Math.min(numberOfPageButtons, pageCount), 1);
     const half = Math.floor(windowSize / 2);
@@ -6441,7 +6668,7 @@ function useTableVirtualization({
   overScan,
   shouldVirtualize
 }) {
-  const virtualRowPointers = React49.useMemo(() => {
+  const virtualRowPointers = React50.useMemo(() => {
     const arr = [];
     rows.forEach((row, index) => {
       arr.push({
@@ -6458,12 +6685,14 @@ function useTableVirtualization({
     });
     return arr;
   }, [rows, expandable]);
-  const cacheBackingRef = React49.useRef(
+  const virtualRowPointersRef = React50.useRef(virtualRowPointers);
+  virtualRowPointersRef.current = virtualRowPointers;
+  const cacheBackingRef = React50.useRef(
     /* @__PURE__ */ new Map()
   );
-  const heightCacheByIndexRef = React49.useRef(/* @__PURE__ */ new Map());
-  const heightCacheByKeyRef = React49.useRef(/* @__PURE__ */ new Map());
-  const cacheRef = React49.useRef({
+  const heightCacheByIndexRef = React50.useRef(/* @__PURE__ */ new Map());
+  const heightCacheByKeyRef = React50.useRef(/* @__PURE__ */ new Map());
+  const cacheRef = React50.useRef({
     get: (index) => cacheBackingRef.current.get(index)?.size,
     set: (index, size, key) => {
       cacheBackingRef.current.set(index, { size, key });
@@ -6481,17 +6710,23 @@ function useTableVirtualization({
       });
     }
   });
-  const [virtualWindow, setVirtualWindow] = React49.useState(EMPTY_WINDOW);
-  const virtualWindowRef = React49.useRef(EMPTY_WINDOW);
-  const rafRef = React49.useRef(null);
-  const debounceTimeoutRef = React49.useRef(null);
-  const measurementQueueRef = React49.useRef(/* @__PURE__ */ new Map());
-  const measurementRafRef = React49.useRef(null);
-  const measurementTimeoutRef = React49.useRef(
+  const [virtualWindow, setVirtualWindow] = React50.useState(EMPTY_WINDOW);
+  const virtualWindowRef = React50.useRef(EMPTY_WINDOW);
+  const rafRef = React50.useRef(null);
+  const debounceTimeoutRef = React50.useRef(null);
+  const measurementQueueRef = React50.useRef(/* @__PURE__ */ new Map());
+  const measurementRafRef = React50.useRef(null);
+  const measurementTimeoutRef = React50.useRef(
     null
   );
-  const measurementIdleRef = React49.useRef(null);
-  const cleanupRaf = React49.useCallback(() => {
+  const measurementIdleRef = React50.useRef(null);
+  const prefixSumCacheRef = React50.useRef({
+    count: 0,
+    itemSizes: [],
+    offsets: [],
+    totalSize: 0
+  });
+  const cleanupRaf = React50.useCallback(() => {
     if (debounceTimeoutRef.current != null) {
       clearTimeout(debounceTimeoutRef.current);
       debounceTimeoutRef.current = null;
@@ -6515,10 +6750,16 @@ function useTableVirtualization({
       measurementIdleRef.current = null;
     }
     measurementQueueRef.current.clear();
+    prefixSumCacheRef.current = {
+      count: 0,
+      itemSizes: [],
+      offsets: [],
+      totalSize: 0
+    };
   }, []);
-  const estimateSize = React49.useCallback(
+  const estimateSize = React50.useCallback(
     (index) => {
-      const item = virtualRowPointers[index];
+      const item = virtualRowPointersRef.current[index];
       if (!item) return baseRowEstimateSize;
       const key = item.key;
       if (item.kind === "expanded" && !rows[item.rowIndex]?.getIsExpanded()) {
@@ -6531,25 +6772,27 @@ function useTableVirtualization({
       if (cached != null) return cached;
       return item.kind === "expanded" ? expandContentEstimateSize : baseRowEstimateSize;
     },
-    [virtualRowPointers, baseRowEstimateSize, expandContentEstimateSize]
+    [baseRowEstimateSize, expandContentEstimateSize]
   );
-  const recomputeVirtualWindow = React49.useCallback(() => {
+  const recomputeVirtualWindow = React50.useCallback(() => {
     if (!shouldVirtualize) {
       setVirtualWindow(EMPTY_WINDOW);
       return;
     }
+    const pointers = virtualRowPointersRef.current;
     const nextWindow = computeVirtualizedRows({
-      count: virtualRowPointers.length,
+      count: pointers.length,
       getScrollElement: () => tableContainerRef.current,
       estimateSize,
       overScan,
       cache: cacheRef.current,
       heightCacheByKey: heightCacheByKeyRef.current,
-      getItemKey: (index) => virtualRowPointers[index]?.key ?? ""
+      getItemKey: (index) => pointers[index]?.key ?? "",
+      prefixSumCache: prefixSumCacheRef.current
     });
     setVirtualWindow(nextWindow);
   }, [estimateSize, overScan]);
-  const scheduleRecompute = React49.useCallback(() => {
+  const scheduleRecompute = React50.useCallback(() => {
     if (!shouldVirtualize) return;
     if (debounceTimeoutRef.current != null) {
       clearTimeout(debounceTimeoutRef.current);
@@ -6568,7 +6811,7 @@ function useTableVirtualization({
     };
     debounceTimeoutRef.current = setTimeout(run, SCROLL_RESIZE_DEBOUNCE_MS);
   }, [recomputeVirtualWindow]);
-  const flushMeasurementQueue = React49.useCallback(() => {
+  const flushMeasurementQueue = React50.useCallback(() => {
     if (!shouldVirtualize) {
       measurementQueueRef.current.clear();
       return;
@@ -6578,7 +6821,7 @@ function useTableVirtualization({
         const { startIndex, endIndex } = virtualWindowRef.current;
         if (index < startIndex || index > endIndex) return;
       }
-      const item = virtualRowPointers[index];
+      const item = virtualRowPointersRef.current[index];
       if (!item) return;
       if (!Number.isFinite(height)) return;
       const size = normalizeVirtualSize(height);
@@ -6597,7 +6840,7 @@ function useTableVirtualization({
     measurementQueueRef.current.clear();
     scheduleRecompute();
   }, [scheduleRecompute]);
-  const scheduleMeasurementFlush = React49.useCallback(() => {
+  const scheduleMeasurementFlush = React50.useCallback(() => {
     if (!shouldVirtualize) {
       measurementQueueRef.current.clear();
       return;
@@ -6625,14 +6868,14 @@ function useTableVirtualization({
       measurementTimeoutRef.current = setTimeout(runFlush, 16);
     }
   }, [flushMeasurementQueue]);
-  const measureElement = React49.useCallback(
+  const measureElement = React50.useCallback(
     (height, index) => {
       if (!height || !shouldVirtualize || index == null) return;
       if (shouldVirtualize) {
         const { startIndex, endIndex } = virtualWindowRef.current;
         if (index < startIndex || index > endIndex) return;
       }
-      const item = virtualRowPointers[index];
+      const item = virtualRowPointersRef.current[index];
       const key = item?.key;
       if (key != null && heightCacheByKeyRef.current.has(key) || heightCacheByIndexRef.current.has(index)) {
         return;
@@ -6642,7 +6885,7 @@ function useTableVirtualization({
     },
     [scheduleMeasurementFlush]
   );
-  React49.useEffect(() => {
+  React50.useEffect(() => {
     if (!shouldVirtualize) {
       cacheRef.current.clear();
       heightCacheByIndexRef.current.clear();
@@ -6652,7 +6895,7 @@ function useTableVirtualization({
       return;
     }
     cacheRef.current.forEach((index, _, key) => {
-      if (index >= virtualRowPointers.length) {
+      if (index >= virtualRowPointersRef.current.length) {
         cacheRef.current.remove(index);
         heightCacheByIndexRef.current.delete(index);
         if (key != null) heightCacheByKeyRef.current.delete(key);
@@ -6660,7 +6903,7 @@ function useTableVirtualization({
     });
     scheduleRecompute();
   }, [scheduleRecompute]);
-  const invalidateCache = React49.useCallback(
+  const invalidateCache = React50.useCallback(
     (index, key) => {
       const result = cacheRef.current.invalidateIndex?.(index);
       if (!result) return;
@@ -6671,7 +6914,7 @@ function useTableVirtualization({
     },
     [scheduleRecompute]
   );
-  React49.useEffect(() => {
+  React50.useEffect(() => {
     if (!shouldVirtualize) return;
     const element = tableContainerRef.current;
     if (!element) return;
@@ -6700,11 +6943,11 @@ function useTableVirtualization({
       if (frameId != null) cancelAnimationFrame(frameId);
     };
   }, [scheduleRecompute]);
-  React49.useEffect(() => () => cleanupRaf(), [cleanupRaf]);
-  React49.useEffect(() => {
+  React50.useEffect(() => () => cleanupRaf(), [cleanupRaf]);
+  React50.useEffect(() => {
     virtualWindowRef.current = virtualWindow;
   }, [virtualWindow]);
-  const virtualItems = React49.useMemo(() => {
+  const virtualItems = React50.useMemo(() => {
     if (!shouldVirtualize) return [];
     return virtualWindow.items.map(({ index, offset, size }) => {
       const start = offset;
@@ -6742,7 +6985,8 @@ var computeVirtualizedRows = (config) => {
     cache,
     getItemKey,
     getHorizontalScrollElement,
-    heightCacheByKey
+    heightCacheByKey,
+    prefixSumCache
   } = config;
   if (count <= 0) return EMPTY_WINDOW;
   const scrollElement = getScrollElement() ?? null;
@@ -6756,24 +7000,60 @@ var computeVirtualizedRows = (config) => {
     Math.max(rawHorizontalScrollOffset, 0),
     horizontalTotalSize - horizontalViewportSize
   ) : Math.max(rawHorizontalScrollOffset, 0);
-  const itemSizes = new Array(count);
-  const offsets = new Array(count);
-  let totalSize = 0;
-  for (let index = 0; index < count; index++) {
-    offsets[index] = totalSize;
-    const key = getItemKey(index);
-    let size = cache.get(index);
-    if (size == null && key != null) {
-      size = heightCacheByKey.get(key);
-    }
-    if (size == null) {
-      const estimate = estimateSize(index);
-      size = normalizeVirtualSize(estimate);
-    } else {
-      size = normalizeVirtualSize(size);
+  let itemSizes;
+  let offsets;
+  let totalSize;
+  const cachedCount = prefixSumCache?.count ?? 0;
+  if (prefixSumCache && cachedCount > 0 && count >= cachedCount) {
+    itemSizes = prefixSumCache.itemSizes.slice(0, cachedCount);
+    offsets = prefixSumCache.offsets.slice(0, cachedCount);
+    totalSize = prefixSumCache.totalSize;
+    if (count > cachedCount) {
+      itemSizes.length = count;
+      offsets.length = count;
+      for (let index = cachedCount; index < count; index++) {
+        offsets[index] = totalSize;
+        const key = getItemKey(index);
+        let size = cache.get(index);
+        if (size == null && key != null) {
+          size = heightCacheByKey.get(key);
+        }
+        if (size == null) {
+          const estimate = estimateSize(index);
+          size = normalizeVirtualSize(estimate);
+        } else {
+          size = normalizeVirtualSize(size);
+        }
+        itemSizes[index] = size;
+        totalSize += size;
+      }
+    }
+  } else {
+    itemSizes = new Array(count);
+    offsets = new Array(count);
+    totalSize = 0;
+    for (let index = 0; index < count; index++) {
+      offsets[index] = totalSize;
+      const key = getItemKey(index);
+      let size = cache.get(index);
+      if (size == null && key != null) {
+        size = heightCacheByKey.get(key);
+      }
+      if (size == null) {
+        const estimate = estimateSize(index);
+        size = normalizeVirtualSize(estimate);
+      } else {
+        size = normalizeVirtualSize(size);
+      }
+      itemSizes[index] = size;
+      totalSize += size;
     }
-    itemSizes[index] = size;
-    totalSize += size;
+  }
+  if (prefixSumCache) {
+    prefixSumCache.count = count;
+    prefixSumCache.itemSizes = itemSizes;
+    prefixSumCache.offsets = offsets;
+    prefixSumCache.totalSize = totalSize;
   }
   const viewportActive = clientHeight > 0;
   const scrollOffset = viewportActive ? Math.min(scrollTop, Math.max(totalSize - clientHeight, 0)) : 0;
@@ -6781,19 +7061,28 @@ var computeVirtualizedRows = (config) => {
   let visibleStartIndex = 0;
   let visibleEndIndex = 0;
   if (viewportActive && totalSize > 0) {
-    for (let index = 0; index < count; index++) {
-      if (offsets[index] + itemSizes[index] > scrollOffset) {
-        visibleStartIndex = index;
-        break;
+    let low = 0;
+    let high = count - 1;
+    while (low < high) {
+      const mid = Math.floor((low + high) / 2);
+      if (offsets[mid] + itemSizes[mid] > scrollOffset) {
+        high = mid;
+      } else {
+        low = mid + 1;
       }
     }
-    for (let index = visibleStartIndex; index < count; index++) {
-      if (offsets[index] >= viewportLimit) {
-        visibleEndIndex = Math.max(visibleStartIndex, index - 1);
-        break;
+    visibleStartIndex = low;
+    low = visibleStartIndex;
+    high = count - 1;
+    while (low < high) {
+      const mid = Math.ceil((low + high) / 2);
+      if (offsets[mid] >= viewportLimit) {
+        high = mid - 1;
+      } else {
+        low = mid;
       }
-      visibleEndIndex = index;
     }
+    visibleEndIndex = Math.max(visibleStartIndex, low);
   }
   const overScanCount = Math.max(0, Math.ceil(overScan));
   const startIndex = Math.max(0, visibleStartIndex - overScanCount);
@@ -6855,7 +7144,7 @@ function SimpleTable({
   getRowExpandable,
   onExpandedChange,
   onLazyScrollLoad,
-  scrollLoadThreshold = 5,
+  scrollLoadThreshold = 42,
   numberOfPageButtons = 5,
   onClickExport,
   baseRowEstimateSize = 42,
@@ -6873,10 +7162,11 @@ function SimpleTable({
   maxRecords,
   loadingText,
   pagingPosition = "right",
-  recordPerChunk = 100
+  recordPerChunk = 100,
+  defaultColumnPinning
 }) {
-  const [internalLazyLoading, setInternalLazyLoading] = React49.useState(false);
-  const pendingLazyLoad = React49.useRef(false);
+  const [internalLazyLoading, setInternalLazyLoading] = React50.useState(false);
+  const pendingLazyLoad = React50.useRef(false);
   const isControlledLoading = loading !== void 0;
   const resolvedLoading = isControlledLoading ? loading : internalLazyLoading;
   const showOverlayLoading = resolvedLoading && lazyLoadIndicatorType === "overlay";
@@ -6916,9 +7206,10 @@ function SimpleTable({
     numberOfPageButtons,
     manualSorting,
     manualFiltering,
-    onFilterChange
+    onFilterChange,
+    defaultColumnPinning
   });
-  const handleLazyLoad = React49.useCallback(async () => {
+  const handleLazyLoad = React50.useCallback(async () => {
     if (!onLazyScrollLoad || pendingLazyLoad.current || resolvedLoading) return;
     pendingLazyLoad.current = true;
     if (!isControlledLoading) setInternalLazyLoading(true);
@@ -6930,8 +7221,8 @@ function SimpleTable({
     }
   }, [onLazyScrollLoad, resolvedLoading]);
   const virtualizationActive = data.length * (expandable ? 2 : 1) > virtualizationThreshold;
-  const [chunkCount, setChunkCount] = React49.useState(recordPerChunk);
-  const onLoadChunk = React49.useCallback(() => {
+  const [chunkCount, setChunkCount] = React50.useState(recordPerChunk);
+  const onLoadChunk = React50.useCallback(() => {
     if (resolvedLoading || pendingLazyLoad.current) return;
     if (data.length > chunkCount) {
       setChunkCount(() => Math.min(chunkCount + recordPerChunk, data.length));
@@ -6940,21 +7231,25 @@ function SimpleTable({
     if (typeof maxRecords === "number" && data.length >= maxRecords) return;
     void handleLazyLoad();
   }, [recordPerChunk, data.length, handleLazyLoad, chunkCount, maxRecords]);
-  const rows = React49.useMemo(
+  const onLoadChunkRef = React50.useRef(onLoadChunk);
+  React50.useEffect(() => {
+    onLoadChunkRef.current = onLoadChunk;
+  }, [onLoadChunk]);
+  const rows = React50.useMemo(
     () => table.getRowModel().rows,
-    [paginationState, sorting, columnFilters]
+    [paginationState, sorting, columnFilters, globalFilter]
   );
-  const splittedRows = React49.useMemo(
+  const splittedRows = React50.useMemo(
     () => rows.slice(0, chunkCount),
     [rows, chunkCount]
   );
-  const selectedRows = React49.useMemo(
+  const selectedRows = React50.useMemo(
     () => table.getSelectedRowModel().rows.map((row) => row.original),
     [rowSelection]
   );
   const tablePagination = table.getState().pagination;
-  const draggedColumnId = React49.useRef(null);
-  const tableContainerRef = React49.useRef(null);
+  const draggedColumnId = React50.useRef(null);
+  const tableContainerRef = React50.useRef(null);
   const {
     virtualRowPointers,
     virtualItems,
@@ -6971,8 +7266,8 @@ function SimpleTable({
     overScan,
     shouldVirtualize: virtualizationActive
   });
-  const rafRef = React49.useRef(null);
-  React49.useEffect(() => {
+  const rafRef = React50.useRef(null);
+  React50.useEffect(() => {
     const container = tableContainerRef.current;
     if (!container || virtualizationActive) return;
     const scheduleCheck = () => {
@@ -6981,7 +7276,7 @@ function SimpleTable({
         rafRef.current = null;
         const { scrollTop, scrollHeight, clientHeight } = container;
         if (scrollHeight - (scrollTop + clientHeight) <= scrollLoadThreshold && scrollTop !== 0 && scrollHeight > clientHeight) {
-          onLoadChunk();
+          onLoadChunkRef.current();
         }
       });
     };
@@ -6994,38 +7289,65 @@ function SimpleTable({
         rafRef.current = null;
       }
     };
-  }, [scrollLoadThreshold, onLoadChunk]);
-  React49.useEffect(() => {
+  }, [scrollLoadThreshold, virtualizationActive]);
+  React50.useEffect(() => {
     if (virtualizationActive) return;
     if (table.getState().pagination.pageIndex === 0) {
       tableContainerRef.current?.scrollTo({ top: 0 });
     }
   }, [virtualizationActive]);
-  React49.useEffect(() => {
+  React50.useEffect(() => {
     if (!virtualItems.length || !virtualizationActive) return;
-    const scheduleCheck = () => {
-      if (rafRef.current != null) return;
-      rafRef.current = requestAnimationFrame(() => {
-        rafRef.current = null;
-        if (paddingBottom <= scrollLoadThreshold) {
-          onLoadChunk();
-        }
-      });
-    };
-    scheduleCheck();
-    return () => {
-      if (rafRef.current != null) {
-        cancelAnimationFrame(rafRef.current);
-        rafRef.current = null;
-      }
-    };
-  }, [paddingBottom]);
+    if (paddingBottom <= scrollLoadThreshold) {
+      onLoadChunkRef.current();
+    }
+  }, [paddingBottom, scrollLoadThreshold, virtualizationActive]);
   const columnCount = table.getAllLeafColumns().length;
-  React49.useEffect(() => {
+  const allHeaders = React50.useMemo(() => {
+    const groups = table.getHeaderGroups();
+    if (groups.length === 0) return [];
+    return groups[0].headers;
+  }, [table]);
+  const { leftOffsets, rightOffsets, lastLeftId, firstRightId } = React50.useMemo(() => {
+    if (!allHeaders || allHeaders.length === 0) {
+      return {
+        leftOffsets: /* @__PURE__ */ new Map(),
+        rightOffsets: /* @__PURE__ */ new Map(),
+        lastLeftId: null,
+        firstRightId: null
+      };
+    }
+    const leftPinned = allHeaders.filter(
+      (h) => h.column.getIsPinned() === "left"
+    );
+    const rightPinned = allHeaders.filter(
+      (h) => h.column.getIsPinned() === "right"
+    );
+    const leftMap = /* @__PURE__ */ new Map();
+    let leftAcc = 0;
+    for (const h of leftPinned) {
+      leftMap.set(h.column.id, leftAcc);
+      leftAcc += h.getSize();
+    }
+    const rightMap = /* @__PURE__ */ new Map();
+    let rightAcc = 0;
+    for (let i = rightPinned.length - 1; i >= 0; i--) {
+      const h = rightPinned[i];
+      rightMap.set(h.column.id, rightAcc);
+      rightAcc += h.getSize();
+    }
+    return {
+      leftOffsets: leftMap,
+      rightOffsets: rightMap,
+      lastLeftId: leftPinned.length > 0 ? leftPinned[leftPinned.length - 1].column.id : null,
+      firstRightId: rightPinned.length > 0 ? rightPinned[0].column.id : null
+    };
+  }, [allHeaders]);
+  React50.useEffect(() => {
     if (!selectable || !onSelectionChange) return;
     onSelectionChange(selectedRows);
   }, [selectable, onSelectionChange, selectedRows]);
-  React49.useEffect(() => {
+  React50.useEffect(() => {
     if (!expandable || !onExpandedChange) return;
     onExpandedChange(
       table.getExpandedRowModel().rows.map((row) => row.original)
@@ -7082,6 +7404,7 @@ function SimpleTable({
                 caption && /* @__PURE__ */ jsxRuntime.jsx(TableCaption, { children: caption }),
                 /* @__PURE__ */ jsxRuntime.jsx(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsxRuntime.jsx(TableRow, { children: headerGroup.headers.map((header) => {
                   if (header.isPlaceholder) return null;
+                  const pinPosition = header.column.getIsPinned();
                   return /* @__PURE__ */ jsxRuntime.jsx(
                     TableHeaderComponent,
                     {
@@ -7089,7 +7412,11 @@ function SimpleTable({
                       draggedColumnId,
                       enableColumnOrdering,
                       baseColumnOrder,
-                      setColumnOrder
+                      setColumnOrder,
+                      pinnedLeftOffset: pinPosition === "left" ? leftOffsets.get(header.column.id) : void 0,
+                      pinnedRightOffset: pinPosition === "right" ? rightOffsets.get(header.column.id) : void 0,
+                      isLastLeftPinned: header.column.id === lastLeftId,
+                      isFirstRightPinned: header.column.id === firstRightId
                     },
                     header.id
                   );
@@ -7112,7 +7439,8 @@ function SimpleTable({
                       renderExpandedContent,
                       virtualItems,
                       invalidateCache,
-                      getRowExpandable
+                      getRowExpandable,
+                      headers: allHeaders
                     }
                   ),
                   showInlineLoadingRow && resolvedLoading && /* @__PURE__ */ jsxRuntime.jsx(TableRow, { "data-loading-row": true, className: "pointer-events-none", children: /* @__PURE__ */ jsxRuntime.jsxs(
@@ -7173,12 +7501,12 @@ function DataTable({
   pageSize = 10,
   className
 }) {
-  const [sorting, setSorting] = React49__namespace.useState([]);
-  const [columnFilters, setColumnFilters] = React49__namespace.useState(
+  const [sorting, setSorting] = React50__namespace.useState([]);
+  const [columnFilters, setColumnFilters] = React50__namespace.useState(
     []
   );
-  const [columnVisibility, setColumnVisibility] = React49__namespace.useState({});
-  const [rowSelection, setRowSelection] = React49__namespace.useState({});
+  const [columnVisibility, setColumnVisibility] = React50__namespace.useState({});
+  const [rowSelection, setRowSelection] = React50__namespace.useState({});
   const table = reactTable.useReactTable({
     data,
     columns,
@@ -7335,7 +7663,7 @@ var avatarFallbackVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Avatar = React49__namespace.forwardRef(({ className, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Avatar = React50__namespace.forwardRef(({ className, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Root,
   {
     ref,
@@ -7344,7 +7672,7 @@ var Avatar = React49__namespace.forwardRef(({ className, size, ...props }, ref)
   }
 ));
 Avatar.displayName = AvatarPrimitive__namespace.Root.displayName;
-var AvatarImage = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AvatarImage = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Image,
   {
     ref,
@@ -7353,7 +7681,7 @@ var AvatarImage = React49__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 AvatarImage.displayName = AvatarPrimitive__namespace.Image.displayName;
-var AvatarFallback = React49__namespace.forwardRef(({ className, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AvatarFallback = React50__namespace.forwardRef(({ className, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Fallback,
   {
     ref,
@@ -7517,7 +7845,7 @@ var itemVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Item9 = React49__namespace.forwardRef(
+var Item9 = React50__namespace.forwardRef(
   ({
     className,
     variant,
@@ -7583,7 +7911,7 @@ var Item9 = React49__namespace.forwardRef(
   }
 );
 Item9.displayName = "Item";
-var ItemGroup = React49__namespace.forwardRef(({ className, label, description, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cn("space-y-1", className), ...props, children: [
+var ItemGroup = React50__namespace.forwardRef(({ className, label, description, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cn("space-y-1", className), ...props, children: [
   (label || description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-3 py-2 space-y-0.5", children: [
     label && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: label }),
     description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground", children: description })
@@ -7591,7 +7919,7 @@ var ItemGroup = React49__namespace.forwardRef(({ className, label, description,
   children
 ] }));
 ItemGroup.displayName = "ItemGroup";
-var ItemList = React49__namespace.forwardRef(({ className, divided, spacing = "default", children, ...props }, ref) => {
+var ItemList = React50__namespace.forwardRef(({ className, divided, spacing = "default", children, ...props }, ref) => {
   const spacingClasses = {
     none: "space-y-0",
     sm: "space-y-0.5",
@@ -7614,7 +7942,7 @@ var ItemList = React49__namespace.forwardRef(({ className, divided, spacing = "d
   );
 });
 ItemList.displayName = "ItemList";
-var ItemSeparator = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var ItemSeparator = React50__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -7652,7 +7980,7 @@ var badgeVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Badge = React49__namespace.forwardRef(
+var Badge = React50__namespace.forwardRef(
   ({
     className,
     variant,
@@ -7719,7 +8047,7 @@ function Calendar({
   ...props
 }) {
   const defaultClassNames = reactDayPicker.getDefaultClassNames();
-  const { Card: Card2, CardHeader: CardHeader2, CardTitle: CardTitle2, CardContent: CardContent2, CardDescription: CardDescription2 } = React49__namespace.useMemo(() => {
+  const { Card: Card2, CardHeader: CardHeader2, CardTitle: CardTitle2, CardContent: CardContent2, CardDescription: CardDescription2 } = React50__namespace.useMemo(() => {
     try {
       const cardComponents = (init_card(), __toCommonJS(card_exports));
       return cardComponents;
@@ -7733,7 +8061,7 @@ function Calendar({
       };
     }
   }, []);
-  const defaultPresets = React49__namespace.useMemo(() => {
+  const defaultPresets = React50__namespace.useMemo(() => {
     if (!quickSelect && !presets) return [];
     const mode = props.mode;
     if (mode === "single") {
@@ -7741,7 +8069,7 @@ function Calendar({
         {
           label: "Today",
           value: () => /* @__PURE__ */ new Date(),
-          icon: React49__namespace.createElement(lucideReact.Calendar, { className: "h-3 w-3" })
+          icon: React50__namespace.createElement(lucideReact.Calendar, { className: "h-3 w-3" })
         },
         {
           label: "Tomorrow",
@@ -7750,7 +8078,7 @@ function Calendar({
             tomorrow.setDate(tomorrow.getDate() + 1);
             return tomorrow;
           },
-          icon: React49__namespace.createElement("span", { className: "text-xs" }, "\u27A1\uFE0F")
+          icon: React50__namespace.createElement("span", { className: "text-xs" }, "\u27A1\uFE0F")
         },
         {
           label: "Next Week",
@@ -7759,7 +8087,7 @@ function Calendar({
             nextWeek.setDate(nextWeek.getDate() + 7);
             return nextWeek;
           },
-          icon: React49__namespace.createElement(lucideReact.Calendar, { className: "h-3 w-3" })
+          icon: React50__namespace.createElement(lucideReact.Calendar, { className: "h-3 w-3" })
         }
       ];
     } else if (mode === "range") {
@@ -7772,7 +8100,7 @@ function Calendar({
             end.setDate(start.getDate() + 6);
             return { from: start, to: end };
           },
-          icon: React49__namespace.createElement(lucideReact.Calendar, { className: "h-3 w-3" })
+          icon: React50__namespace.createElement(lucideReact.Calendar, { className: "h-3 w-3" })
         },
         {
           label: "Next 7 Days",
@@ -7782,7 +8110,7 @@ function Calendar({
             end.setDate(start.getDate() + 7);
             return { from: start, to: end };
           },
-          icon: React49__namespace.createElement("span", { className: "text-xs" }, "\u27A1\uFE0F")
+          icon: React50__namespace.createElement("span", { className: "text-xs" }, "\u27A1\uFE0F")
         }
       ];
     } else {
@@ -7798,7 +8126,7 @@ function Calendar({
             }
             return dates;
           },
-          icon: React49__namespace.createElement(lucideReact.Calendar, { className: "h-3 w-3" })
+          icon: React50__namespace.createElement(lucideReact.Calendar, { className: "h-3 w-3" })
         }
       ];
     }
@@ -7809,24 +8137,24 @@ function Calendar({
     const selected = props.selected;
     const mode = props.mode;
     if (mode === "single" && selected) {
-      return React49__namespace.createElement(
+      return React50__namespace.createElement(
         "div",
         {
           className: "p-3 border rounded-lg bg-muted/50"
         },
         [
-          React49__namespace.createElement(
+          React50__namespace.createElement(
             "div",
             {
               key: "header",
               className: "flex items-center gap-2 mb-1"
             },
             [
-              React49__namespace.createElement(lucideReact.Calendar, {
+              React50__namespace.createElement(lucideReact.Calendar, {
                 key: "icon",
                 className: "h-4 w-4"
               }),
-              React49__namespace.createElement(
+              React50__namespace.createElement(
                 "span",
                 {
                   key: "label",
@@ -7836,7 +8164,7 @@ function Calendar({
               )
             ]
           ),
-          React49__namespace.createElement(
+          React50__namespace.createElement(
             "p",
             {
               key: "date",
@@ -7854,24 +8182,24 @@ function Calendar({
     }
     if (mode === "range" && selected?.from) {
       const elements = [
-        React49__namespace.createElement(
+        React50__namespace.createElement(
           "div",
           {
             key: "from",
             className: "flex items-center gap-2 text-sm"
           },
           [
-            React49__namespace.createElement(
+            React50__namespace.createElement(
               "span",
               { key: "icon", className: "text-green-600" },
               "\u{1F7E2}"
             ),
-            React49__namespace.createElement(
+            React50__namespace.createElement(
               "span",
               { key: "label", className: "font-medium" },
               "From:"
             ),
-            React49__namespace.createElement(
+            React50__namespace.createElement(
               "span",
               { key: "date" },
               selected.from.toLocaleDateString()
@@ -7881,43 +8209,43 @@ function Calendar({
       ];
       if (selected.to) {
         elements.push(
-          React49__namespace.createElement(
+          React50__namespace.createElement(
             "div",
             {
               key: "to",
               className: "flex items-center gap-2 text-sm"
             },
             [
-              React49__namespace.createElement(
+              React50__namespace.createElement(
                 "span",
                 { key: "icon", className: "text-red-600" },
                 "\u{1F534}"
               ),
-              React49__namespace.createElement(
+              React50__namespace.createElement(
                 "span",
                 { key: "label", className: "font-medium" },
                 "To:"
               ),
-              React49__namespace.createElement(
+              React50__namespace.createElement(
                 "span",
                 { key: "date" },
                 selected.to.toLocaleDateString()
               )
             ]
           ),
-          React49__namespace.createElement(
+          React50__namespace.createElement(
             "div",
             {
               key: "duration",
               className: "flex items-center gap-2 pt-2 border-t text-sm"
             },
             [
-              React49__namespace.createElement(
+              React50__namespace.createElement(
                 "span",
                 { key: "icon", className: "text-mvn-blue-600" },
                 "\u23F1\uFE0F"
               ),
-              React49__namespace.createElement(
+              React50__namespace.createElement(
                 "span",
                 { key: "text" },
                 `Duration: ${Math.ceil(
@@ -7928,25 +8256,25 @@ function Calendar({
           )
         );
       }
-      return React49__namespace.createElement(
+      return React50__namespace.createElement(
         "div",
         {
           className: "p-3 border rounded-lg bg-muted/50"
         },
-        React49__namespace.createElement("div", { className: "space-y-2" }, elements)
+        React50__namespace.createElement("div", { className: "space-y-2" }, elements)
       );
     }
     if (mode === "multiple" && Array.isArray(selected) && selected.length > 0) {
       const sortedDates = selected.sort((a, b) => a.getTime() - b.getTime()).slice(0, 5);
       const dateElements = sortedDates.map(
-        (date, index) => React49__namespace.createElement(
+        (date, index) => React50__namespace.createElement(
           "div",
           {
             key: index,
             className: "flex items-center justify-between p-2 bg-background rounded border"
           },
           [
-            React49__namespace.createElement(
+            React50__namespace.createElement(
               "span",
               {
                 key: "date",
@@ -7958,7 +8286,7 @@ function Calendar({
                 year: "numeric"
               })
             ),
-            React49__namespace.createElement(
+            React50__namespace.createElement(
               "button",
               {
                 key: "remove",
@@ -7979,18 +8307,18 @@ function Calendar({
         )
       );
       const elements = [
-        React49__namespace.createElement(
+        React50__namespace.createElement(
           "div",
           {
             key: "header",
             className: "flex items-center gap-2 mb-2"
           },
           [
-            React49__namespace.createElement(lucideReact.Star, {
+            React50__namespace.createElement(lucideReact.Star, {
               key: "icon",
               className: "h-4 w-4 text-yellow-500"
             }),
-            React49__namespace.createElement(
+            React50__namespace.createElement(
               "span",
               {
                 key: "label",
@@ -8000,7 +8328,7 @@ function Calendar({
             )
           ]
         ),
-        React49__namespace.createElement(
+        React50__namespace.createElement(
           "div",
           {
             key: "dates",
@@ -8011,7 +8339,7 @@ function Calendar({
       ];
       if (selected.length > 5) {
         elements.push(
-          React49__namespace.createElement(
+          React50__namespace.createElement(
             "p",
             {
               key: "more",
@@ -8021,7 +8349,7 @@ function Calendar({
           )
         );
       }
-      return React49__namespace.createElement(
+      return React50__namespace.createElement(
         "div",
         {
           className: "p-3 border rounded-lg bg-muted/50 max-h-48 overflow-y-auto"
@@ -8036,7 +8364,7 @@ function Calendar({
     const elements = [];
     if ((quickSelect || presets) && activePresets.length > 0) {
       const presetButtons = activePresets.map(
-        (preset, index) => React49__namespace.createElement(
+        (preset, index) => React50__namespace.createElement(
           "button",
           {
             key: index,
@@ -8045,19 +8373,19 @@ function Calendar({
           },
           [
             preset.icon,
-            React49__namespace.createElement("span", { key: "label" }, preset.label)
+            React50__namespace.createElement("span", { key: "label" }, preset.label)
           ]
         )
       );
       elements.push(
-        React49__namespace.createElement(
+        React50__namespace.createElement(
           "div",
           {
             key: "presets",
             className: "space-y-2"
           },
           [
-            React49__namespace.createElement(
+            React50__namespace.createElement(
               "h5",
               {
                 key: "title",
@@ -8065,7 +8393,7 @@ function Calendar({
               },
               "Quick Select:"
             ),
-            React49__namespace.createElement(
+            React50__namespace.createElement(
               "div",
               {
                 key: "buttons",
@@ -8090,7 +8418,7 @@ function Calendar({
         label = "Clear Range";
       }
       elements.push(
-        React49__namespace.createElement(
+        React50__namespace.createElement(
           "button",
           {
             key: "clear",
@@ -8106,7 +8434,7 @@ function Calendar({
             disabled
           },
           [
-            React49__namespace.createElement(lucideReact.RotateCcw, {
+            React50__namespace.createElement(lucideReact.RotateCcw, {
               key: "icon",
               className: "mr-1 h-3 w-3"
             }),
@@ -8115,7 +8443,7 @@ function Calendar({
         )
       );
     }
-    return React49__namespace.createElement(
+    return React50__namespace.createElement(
       "div",
       {
         className: cn("space-y-3", sidebarClassName)
@@ -8123,7 +8451,7 @@ function Calendar({
       elements
     );
   };
-  const calendarElement = React49__namespace.createElement(reactDayPicker.DayPicker, {
+  const calendarElement = React50__namespace.createElement(reactDayPicker.DayPicker, {
     showOutsideDays,
     className: cn(
       "bg-background group/calendar p-4 border rounded-lg shadow-sm [--cell-size:theme(spacing.10)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
@@ -8225,7 +8553,7 @@ function Calendar({
     },
     components: {
       Root: ({ className: className2, rootRef, ...props2 }) => {
-        return React49__namespace.createElement("div", {
+        return React50__namespace.createElement("div", {
           "data-slot": "calendar",
           ref: rootRef,
           className: cn(className2),
@@ -8234,28 +8562,28 @@ function Calendar({
       },
       Chevron: ({ className: className2, orientation, ...props2 }) => {
         if (orientation === "left") {
-          return React49__namespace.createElement(lucideReact.ChevronLeft, {
+          return React50__namespace.createElement(lucideReact.ChevronLeft, {
             className: cn("size-4", className2),
             ...props2
           });
         }
         if (orientation === "right") {
-          return React49__namespace.createElement(lucideReact.ChevronRight, {
+          return React50__namespace.createElement(lucideReact.ChevronRight, {
             className: cn("size-4", className2),
             ...props2
           });
         }
-        return React49__namespace.createElement(lucideReact.ChevronDown, {
+        return React50__namespace.createElement(lucideReact.ChevronDown, {
           className: cn("size-4", className2),
           ...props2
         });
       },
       DayButton: CalendarDayButton,
       WeekNumber: ({ children, ...props2 }) => {
-        return React49__namespace.createElement(
+        return React50__namespace.createElement(
           "td",
           props2,
-          React49__namespace.createElement(
+          React50__namespace.createElement(
             "div",
             {
               className: "flex size-10 items-center justify-center text-center text-sm font-medium text-muted-foreground"
@@ -8270,25 +8598,25 @@ function Calendar({
   });
   if (layout === "compact") {
     if (withCard) {
-      return React49__namespace.createElement(
+      return React50__namespace.createElement(
         Card2,
         {
           className: cn("w-fit", cardClassName)
         },
-        React49__namespace.createElement(CardContent2, { className: "p-3" }, calendarElement)
+        React50__namespace.createElement(CardContent2, { className: "p-3" }, calendarElement)
       );
     }
     return calendarElement;
   }
   if (layout === "inline") {
-    const sidebarElement2 = renderDateInfo() || renderQuickActions() ? React49__namespace.createElement(
+    const sidebarElement2 = renderDateInfo() || renderQuickActions() ? React50__namespace.createElement(
       "div",
       {
         className: cn("min-w-[240px] space-y-3", sidebarClassName)
       },
       [renderDateInfo(), renderQuickActions()].filter(Boolean)
     ) : null;
-    const content = sidebarElement2 ? React49__namespace.createElement(
+    const content = sidebarElement2 ? React50__namespace.createElement(
       "div",
       {
         className: cn("flex gap-4 items-start", containerClassName)
@@ -8296,25 +8624,25 @@ function Calendar({
       [calendarElement, sidebarElement2]
     ) : calendarElement;
     if (withCard) {
-      return React49__namespace.createElement(
+      return React50__namespace.createElement(
         Card2,
         {
           className: cn("w-fit", cardClassName)
         },
         [
-          (cardTitle || cardDescription) && React49__namespace.createElement(CardHeader2, { key: "header" }, [
-            cardTitle && React49__namespace.createElement(
+          (cardTitle || cardDescription) && React50__namespace.createElement(CardHeader2, { key: "header" }, [
+            cardTitle && React50__namespace.createElement(
               CardTitle2,
               { key: "title", className: "text-base" },
               cardTitle
             ),
-            cardDescription && React49__namespace.createElement(
+            cardDescription && React50__namespace.createElement(
               CardDescription2,
               { key: "desc" },
               cardDescription
             )
           ]),
-          React49__namespace.createElement(
+          React50__namespace.createElement(
             CardContent2,
             {
               key: "content",
@@ -8327,7 +8655,7 @@ function Calendar({
     }
     return content;
   }
-  const sidebarElement = renderDateInfo() || renderQuickActions() ? React49__namespace.createElement(
+  const sidebarElement = renderDateInfo() || renderQuickActions() ? React50__namespace.createElement(
     "div",
     {
       className: cn("min-w-[240px] space-y-3", sidebarClassName)
@@ -8335,7 +8663,7 @@ function Calendar({
     [renderDateInfo(), renderQuickActions()].filter(Boolean)
   ) : null;
   if (withCard) {
-    const cardElement = React49__namespace.createElement(
+    const cardElement = React50__namespace.createElement(
       Card2,
       {
         className: cn(
@@ -8346,19 +8674,19 @@ function Calendar({
         )
       },
       [
-        (cardTitle || cardDescription) && React49__namespace.createElement(CardHeader2, { key: "header" }, [
-          cardTitle && React49__namespace.createElement(
+        (cardTitle || cardDescription) && React50__namespace.createElement(CardHeader2, { key: "header" }, [
+          cardTitle && React50__namespace.createElement(
             CardTitle2,
             { key: "title", className: "text-base" },
             cardTitle
           ),
-          cardDescription && React49__namespace.createElement(
+          cardDescription && React50__namespace.createElement(
             CardDescription2,
             { key: "desc" },
             cardDescription
           )
         ]),
-        React49__namespace.createElement(
+        React50__namespace.createElement(
           CardContent2,
           {
             key: "content",
@@ -8369,7 +8697,7 @@ function Calendar({
       ].filter(Boolean)
     );
     if (sidebarElement) {
-      return React49__namespace.createElement(
+      return React50__namespace.createElement(
         "div",
         {
           className: cn("flex gap-4 flex-wrap items-start", containerClassName)
@@ -8380,7 +8708,7 @@ function Calendar({
     return cardElement;
   }
   if (sidebarElement) {
-    return React49__namespace.createElement(
+    return React50__namespace.createElement(
       "div",
       {
         className: cn("flex gap-4 flex-wrap items-start", containerClassName)
@@ -8397,8 +8725,8 @@ function CalendarDayButton({
   ...props
 }) {
   const defaultClassNames = reactDayPicker.getDefaultClassNames();
-  const ref = React49__namespace.useRef(null);
-  React49__namespace.useEffect(() => {
+  const ref = React50__namespace.useRef(null);
+  React50__namespace.useEffect(() => {
     if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -10014,7 +10342,7 @@ var pickerVariants = classVarianceAuthority.cva("w-full justify-start text-left
     variant: "outlined"
   }
 });
-var DatePicker = React49__namespace.forwardRef(
+var DatePicker = React50__namespace.forwardRef(
   ({
     date,
     onDateChange,
@@ -10061,7 +10389,7 @@ var DatePicker = React49__namespace.forwardRef(
   }
 );
 DatePicker.displayName = "DatePicker";
-var DateRangePicker = React49__namespace.forwardRef(
+var DateRangePicker = React50__namespace.forwardRef(
   ({
     dateRange,
     onDateRangeChange,
@@ -10119,15 +10447,15 @@ DateRangePicker.displayName = "DateRangePicker";
 
 // src/components/ui/carousel/index.tsx
 init_utils();
-var CarouselContext = React49__namespace.createContext(null);
+var CarouselContext = React50__namespace.createContext(null);
 function useCarousel() {
-  const context = React49__namespace.useContext(CarouselContext);
+  const context = React50__namespace.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
   return context;
 }
-var Carousel = React49__namespace.forwardRef(
+var Carousel = React50__namespace.forwardRef(
   ({
     orientation = "horizontal",
     opts,
@@ -10144,22 +10472,22 @@ var Carousel = React49__namespace.forwardRef(
       },
       plugins
     );
-    const [canScrollPrev, setCanScrollPrev] = React49__namespace.useState(false);
-    const [canScrollNext, setCanScrollNext] = React49__namespace.useState(false);
-    const onSelect = React49__namespace.useCallback((api2) => {
+    const [canScrollPrev, setCanScrollPrev] = React50__namespace.useState(false);
+    const [canScrollNext, setCanScrollNext] = React50__namespace.useState(false);
+    const onSelect = React50__namespace.useCallback((api2) => {
       if (!api2) {
         return;
       }
       setCanScrollPrev(api2.canScrollPrev());
       setCanScrollNext(api2.canScrollNext());
     }, []);
-    const scrollPrev = React49__namespace.useCallback(() => {
+    const scrollPrev = React50__namespace.useCallback(() => {
       api?.scrollPrev();
     }, [api]);
-    const scrollNext = React49__namespace.useCallback(() => {
+    const scrollNext = React50__namespace.useCallback(() => {
       api?.scrollNext();
     }, [api]);
-    const handleKeyDown = React49__namespace.useCallback(
+    const handleKeyDown = React50__namespace.useCallback(
       (event) => {
         if (event.key === "ArrowLeft") {
           event.preventDefault();
@@ -10171,13 +10499,13 @@ var Carousel = React49__namespace.forwardRef(
       },
       [scrollPrev, scrollNext]
     );
-    React49__namespace.useEffect(() => {
+    React50__namespace.useEffect(() => {
       if (!api || !setApi) {
         return;
       }
       setApi(api);
     }, [api, setApi]);
-    React49__namespace.useEffect(() => {
+    React50__namespace.useEffect(() => {
       if (!api) {
         return;
       }
@@ -10206,7 +10534,11 @@ var Carousel = React49__namespace.forwardRef(
           {
             ref,
             onKeyDownCapture: handleKeyDown,
-            className: cn("relative", className),
+            className: cn(
+              "relative",
+              orientation === "vertical" && "h-full",
+              className
+            ),
             role: "region",
             "aria-roledescription": "carousel",
             ...props,
@@ -10218,9 +10550,9 @@ var Carousel = React49__namespace.forwardRef(
   }
 );
 Carousel.displayName = "Carousel";
-var CarouselContent = React49__namespace.forwardRef(({ className, ...props }, ref) => {
+var CarouselContent = React50__namespace.forwardRef(({ className, ...props }, ref) => {
   const { carouselRef, orientation } = useCarousel();
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: carouselRef, className: "overflow-hidden h-full", children: /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       ref,
@@ -10234,7 +10566,7 @@ var CarouselContent = React49__namespace.forwardRef(({ className, ...props }, re
   ) });
 });
 CarouselContent.displayName = "CarouselContent";
-var CarouselItem = React49__namespace.forwardRef(({ className, ...props }, ref) => {
+var CarouselItem = React50__namespace.forwardRef(({ className, ...props }, ref) => {
   const { orientation } = useCarousel();
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -10252,7 +10584,7 @@ var CarouselItem = React49__namespace.forwardRef(({ className, ...props }, ref)
   );
 });
 CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React49__namespace.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+var CarouselPrevious = React50__namespace.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Button,
@@ -10261,8 +10593,8 @@ var CarouselPrevious = React49__namespace.forwardRef(({ className, variant = "ou
       variant,
       size,
       className: cn(
-        "absolute h-8 w-8 rounded-full",
-        orientation === "horizontal" ? "-left-12 top-1/2 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
+        "absolute z-10 h-8 w-8 rounded-full",
+        orientation === "horizontal" ? "left-2 top-1/2 -translate-y-[1rem]" : "top-2 left-1/2 -translate-x-[1rem] rotate-90",
         className
       ),
       disabled: !canScrollPrev,
@@ -10276,7 +10608,7 @@ var CarouselPrevious = React49__namespace.forwardRef(({ className, variant = "ou
   );
 });
 CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React49__namespace.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+var CarouselNext = React50__namespace.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Button,
@@ -10285,8 +10617,8 @@ var CarouselNext = React49__namespace.forwardRef(({ className, variant = "outlin
       variant,
       size,
       className: cn(
-        "absolute h-8 w-8 rounded-full",
-        orientation === "horizontal" ? "-right-12 top-1/2 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+        "absolute z-10 h-8 w-8 rounded-full",
+        orientation === "horizontal" ? "right-2 top-1/2 -translate-y-[1rem]" : "bottom-2 left-1/2 -translate-x-[1rem] rotate-90",
         className
       ),
       disabled: !canScrollNext,
@@ -10315,10 +10647,10 @@ function SimpleCarousel({
   nextArrow,
   onSlideChange
 }) {
-  const [api, setApi] = React49__namespace.useState();
-  const [current, setCurrent] = React49__namespace.useState(0);
-  const [count, setCount] = React49__namespace.useState(0);
-  React49__namespace.useEffect(() => {
+  const [api, setApi] = React50__namespace.useState();
+  const [current, setCurrent] = React50__namespace.useState(0);
+  const [count, setCount] = React50__namespace.useState(0);
+  React50__namespace.useEffect(() => {
     if (!api) {
       return;
     }
@@ -10330,7 +10662,7 @@ function SimpleCarousel({
       onSlideChange?.(selectedIndex);
     });
   }, [api, onSlideChange]);
-  React49__namespace.useEffect(() => {
+  React50__namespace.useEffect(() => {
     if (!api || !autoPlay) {
       return;
     }
@@ -10344,54 +10676,65 @@ function SimpleCarousel({
     return () => clearInterval(interval);
   }, [api, autoPlay, loop]);
   const slideWidth = slidesToShow > 1 ? `${100 / slidesToShow}%` : "100%";
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("w-full", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      Carousel,
-      {
-        setApi,
-        opts: {
-          align: "start",
-          loop
-        },
-        orientation,
-        className: cn("w-full mx-auto", containerClassName),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(CarouselContent, { children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
-            CarouselItem,
-            {
-              className: cn(itemClassName, item.className),
-              style: { flexBasis: slideWidth },
-              onClick: item.onClick,
-              children: item.content
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn("w-full", orientation === "vertical" && "h-64", className),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          Carousel,
+          {
+            setApi,
+            opts: {
+              align: "start",
+              loop
             },
-            item.id || index
-          )) }),
-          showArrows && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            prevArrow || /* @__PURE__ */ jsxRuntime.jsx(CarouselPrevious, {}),
-            nextArrow || /* @__PURE__ */ jsxRuntime.jsx(CarouselNext, {})
-          ] })
-        ]
-      }
-    ),
-    showDots && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center space-x-2 mt-4", children: Array.from({ length: count }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        className: cn(
-          "h-2 w-2 rounded-full transition-colors",
-          current === index + 1 ? "bg-primary" : "bg-primary/20 hover:bg-primary/40"
+            orientation,
+            className: cn(
+              "w-full mx-auto",
+              orientation === "vertical" && "h-full",
+              containerClassName
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(CarouselContent, { children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
+                CarouselItem,
+                {
+                  className: cn(itemClassName, item.className),
+                  style: { flexBasis: slideWidth },
+                  onClick: item.onClick,
+                  children: item.content
+                },
+                item.id || index
+              )) }),
+              showArrows && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                prevArrow || /* @__PURE__ */ jsxRuntime.jsx(CarouselPrevious, {}),
+                nextArrow || /* @__PURE__ */ jsxRuntime.jsx(CarouselNext, {})
+              ] })
+            ]
+          }
         ),
-        onClick: () => api?.scrollTo(index),
-        "aria-label": `Go to slide ${index + 1}`
-      },
-      index
-    )) }),
-    count > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "py-2 text-center text-sm text-muted-foreground", children: [
-      "Slide ",
-      current,
-      " of ",
-      count
-    ] })
-  ] });
+        showDots && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center space-x-2 mt-4", children: Array.from({ length: count }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            variant: "ghost",
+            className: cn(
+              "h-2 w-2 rounded-full transition-colors",
+              current === index + 1 ? "bg-primary" : "bg-primary/20 hover:bg-primary/40"
+            ),
+            onClick: () => api?.scrollTo(index),
+            "aria-label": `Go to slide ${index + 1}`
+          },
+          index
+        )) }),
+        count > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "py-2 text-center text-sm text-muted-foreground", children: [
+          "Slide ",
+          current,
+          " of ",
+          count
+        ] })
+      ]
+    }
+  );
 }
 
 // src/components/ui/typography/index.tsx
@@ -10469,7 +10812,7 @@ var typeToTag = {
   list: "ul",
   "list-item": "li"
 };
-var Typography = React49__namespace.forwardRef(
+var Typography = React50__namespace.forwardRef(
   ({
     type,
     size,
@@ -10506,7 +10849,7 @@ var Typography = React49__namespace.forwardRef(
 );
 Typography.displayName = "Typography";
 function createWrapper(fixedType) {
-  return React49__namespace.forwardRef(
+  return React50__namespace.forwardRef(
     ({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(Typography, { ref, type: fixedType, ...props })
   );
 }
@@ -10553,10 +10896,751 @@ var TypographyGroup = {
 // src/index.ts
 init_utils();
 
+// src/components/ui/charts/chart-theme.ts
+var getCSSVariable = (name) => {
+  if (typeof window === "undefined") return "";
+  return getComputedStyle(document.documentElement).getPropertyValue(name).trim();
+};
+var CHART_COLORS = {
+  primary: "var(--chart-1)",
+  secondary: "var(--chart-2)",
+  tertiary: "var(--chart-3)",
+  quaternary: "var(--chart-4)",
+  quinary: "var(--chart-5)",
+  // Semantic colors (fixed values)
+  success: "#22a55b",
+  warning: "#f59e0b",
+  error: "#ef4444",
+  info: "var(--chart-1)",
+  // Neutral - uses theme variables
+  muted: "var(--muted-foreground)",
+  foreground: "var(--foreground)",
+  background: "var(--background)",
+  grid: "var(--border)"
+};
+var CHART_PALETTE = [
+  CHART_COLORS.primary,
+  CHART_COLORS.secondary,
+  CHART_COLORS.tertiary,
+  CHART_COLORS.quaternary,
+  CHART_COLORS.quinary,
+  CHART_COLORS.success,
+  CHART_COLORS.warning,
+  CHART_COLORS.error
+];
+var getThemeColors = () => {
+  const chart1 = getCSSVariable("--chart-1");
+  const primary = getCSSVariable("--primary");
+  return {
+    primary: chart1 || primary || "#007bff",
+    chart1: chart1 || "#007bff",
+    chart2: getCSSVariable("--chart-2") || "#3d9bff",
+    chart3: getCSSVariable("--chart-3") || "#7abaff",
+    chart4: getCSSVariable("--chart-4") || "#0563c7",
+    chart5: getCSSVariable("--chart-5") || "#084f9b",
+    foreground: getCSSVariable("--foreground") || "#23252a",
+    muted: getCSSVariable("--muted-foreground") || "#616875",
+    grid: getCSSVariable("--border") || "#dbdde1",
+    background: getCSSVariable("--background") || "#fff"
+  };
+};
+var tooltipStyle = {
+  backgroundColor: "var(--popover)",
+  border: "1px solid var(--border)",
+  borderRadius: "6px",
+  padding: "8px 12px",
+  boxShadow: "0 4px 6px -1px rgb(0 0 0 / 0.1)",
+  color: "var(--foreground)"
+};
+var legendStyle = {
+  fontSize: "12px",
+  color: "var(--muted-foreground, #616875)"
+};
+function LineChart({
+  data,
+  xAxisKey,
+  lines,
+  width = "100%",
+  height = 300,
+  showGrid = true,
+  showTooltip = true,
+  showLegend = true,
+  showXAxis = true,
+  showYAxis = true,
+  margin = { top: 20, right: 30, left: 20, bottom: 5 },
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width, height, children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.LineChart, { data, margin, children: [
+    showGrid && /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.CartesianGrid,
+      {
+        strokeDasharray: "3 3",
+        stroke: CHART_COLORS.grid,
+        strokeOpacity: 0.5
+      }
+    ),
+    showXAxis && /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.XAxis,
+      {
+        dataKey: xAxisKey,
+        stroke: CHART_COLORS.muted,
+        fontSize: 12,
+        tickLine: false,
+        axisLine: false
+      }
+    ),
+    showYAxis && /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.YAxis,
+      {
+        stroke: CHART_COLORS.muted,
+        fontSize: 12,
+        tickLine: false,
+        axisLine: false
+      }
+    ),
+    showTooltip && /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.Tooltip,
+      {
+        contentStyle: tooltipStyle,
+        labelStyle: { color: CHART_COLORS.foreground, fontWeight: 500 }
+      }
+    ),
+    showLegend && /* @__PURE__ */ jsxRuntime.jsx(recharts.Legend, {}),
+    lines.map((line, index) => /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.Line,
+      {
+        type: line.type ?? "monotone",
+        dataKey: line.dataKey,
+        name: line.name ?? line.dataKey,
+        stroke: line.stroke ?? CHART_PALETTE[index % CHART_PALETTE.length],
+        strokeWidth: line.strokeWidth ?? 2,
+        dot: line.dot ?? false,
+        activeDot: { r: 4 }
+      },
+      line.dataKey
+    ))
+  ] }) }) });
+}
+function BarChart({
+  data,
+  xAxisKey,
+  bars,
+  width = "100%",
+  height = 300,
+  showGrid = true,
+  showTooltip = true,
+  showLegend = true,
+  layout = "horizontal",
+  margin,
+  className
+}) {
+  const defaultMargin = layout === "vertical" ? { top: 20, right: 30, left: 60, bottom: 5 } : { top: 20, right: 30, left: 20, bottom: 5 };
+  const chartMargin = margin ?? defaultMargin;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width, height, children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.BarChart, { data, layout, margin: chartMargin, children: [
+    showGrid && /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.CartesianGrid,
+      {
+        strokeDasharray: "3 3",
+        stroke: CHART_COLORS.grid,
+        strokeOpacity: 0.5
+      }
+    ),
+    layout === "horizontal" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        recharts.XAxis,
+        {
+          dataKey: xAxisKey,
+          stroke: CHART_COLORS.muted,
+          fontSize: 12,
+          tickLine: false,
+          axisLine: false
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        recharts.YAxis,
+        {
+          stroke: CHART_COLORS.muted,
+          fontSize: 12,
+          tickLine: false,
+          axisLine: false
+        }
+      )
+    ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        recharts.XAxis,
+        {
+          type: "number",
+          domain: [0, "dataMax"],
+          stroke: CHART_COLORS.muted,
+          fontSize: 12,
+          tickLine: false,
+          axisLine: false
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        recharts.YAxis,
+        {
+          dataKey: xAxisKey,
+          type: "category",
+          width: 80,
+          stroke: CHART_COLORS.muted,
+          fontSize: 12,
+          tickLine: false,
+          axisLine: false
+        }
+      )
+    ] }),
+    showTooltip && /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.Tooltip,
+      {
+        contentStyle: tooltipStyle,
+        labelStyle: { color: CHART_COLORS.foreground, fontWeight: 500 }
+      }
+    ),
+    showLegend && /* @__PURE__ */ jsxRuntime.jsx(recharts.Legend, {}),
+    bars.map((bar, index) => {
+      const defaultRadius = layout === "vertical" ? [0, 4, 4, 0] : [4, 4, 0, 0];
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        recharts.Bar,
+        {
+          dataKey: bar.dataKey,
+          name: bar.name ?? bar.dataKey,
+          fill: bar.fill ?? CHART_PALETTE[index % CHART_PALETTE.length],
+          stackId: bar.stackId,
+          radius: bar.radius ?? defaultRadius
+        },
+        bar.dataKey
+      );
+    })
+  ] }) }) });
+}
+function PieChart({
+  data,
+  dataKey = "value",
+  nameKey = "name",
+  width = "100%",
+  height = 300,
+  showTooltip = true,
+  showLegend = true,
+  innerRadius = 0,
+  outerRadius = 80,
+  showLabel = false,
+  margin = { top: 20, right: 30, left: 20, bottom: 5 },
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width, height, children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.PieChart, { margin, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.Pie,
+      {
+        data,
+        dataKey,
+        nameKey,
+        cx: "50%",
+        cy: "50%",
+        innerRadius,
+        outerRadius,
+        label: showLabel,
+        labelLine: showLabel,
+        children: data.map((entry, index) => /* @__PURE__ */ jsxRuntime.jsx(
+          recharts.Cell,
+          {
+            fill: entry.fill ?? CHART_PALETTE[index % CHART_PALETTE.length]
+          },
+          `cell-${index}`
+        ))
+      }
+    ),
+    showTooltip && /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.Tooltip,
+      {
+        contentStyle: tooltipStyle,
+        labelStyle: { color: CHART_COLORS.foreground, fontWeight: 500 }
+      }
+    ),
+    showLegend && /* @__PURE__ */ jsxRuntime.jsx(recharts.Legend, {})
+  ] }) }) });
+}
+function AreaChart({
+  data,
+  xAxisKey,
+  areas,
+  width = "100%",
+  height = 300,
+  showGrid = true,
+  showTooltip = true,
+  showLegend = true,
+  margin = { top: 20, right: 30, left: 20, bottom: 5 },
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width, height, children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.AreaChart, { data, margin, children: [
+    showGrid && /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.CartesianGrid,
+      {
+        strokeDasharray: "3 3",
+        stroke: CHART_COLORS.grid,
+        strokeOpacity: 0.5
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.XAxis,
+      {
+        dataKey: xAxisKey,
+        stroke: CHART_COLORS.muted,
+        fontSize: 12,
+        tickLine: false,
+        axisLine: false
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.YAxis,
+      {
+        stroke: CHART_COLORS.muted,
+        fontSize: 12,
+        tickLine: false,
+        axisLine: false
+      }
+    ),
+    showTooltip && /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.Tooltip,
+      {
+        contentStyle: tooltipStyle,
+        labelStyle: { color: CHART_COLORS.foreground, fontWeight: 500 }
+      }
+    ),
+    showLegend && /* @__PURE__ */ jsxRuntime.jsx(recharts.Legend, {}),
+    areas.map((area, index) => {
+      const color = area.stroke ?? CHART_PALETTE[index % CHART_PALETTE.length];
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        recharts.Area,
+        {
+          type: area.type ?? "monotone",
+          dataKey: area.dataKey,
+          name: area.name ?? area.dataKey,
+          stroke: color,
+          fill: area.fill ?? color,
+          fillOpacity: area.fillOpacity ?? 0.3,
+          stackId: area.stackId
+        },
+        area.dataKey
+      );
+    })
+  ] }) }) });
+}
+function ScatterChart({
+  series,
+  xAxisKey,
+  yAxisKey,
+  zAxisKey,
+  width = "100%",
+  height = 300,
+  showGrid = true,
+  showTooltip = true,
+  showLegend = true,
+  margin = { top: 20, right: 30, left: 20, bottom: 5 },
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width, height, children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.ScatterChart, { margin, children: [
+    showGrid && /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.CartesianGrid,
+      {
+        strokeDasharray: "3 3",
+        stroke: CHART_COLORS.grid,
+        strokeOpacity: 0.5
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.XAxis,
+      {
+        dataKey: xAxisKey,
+        type: "number",
+        stroke: CHART_COLORS.muted,
+        fontSize: 12,
+        tickLine: false,
+        axisLine: false
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.YAxis,
+      {
+        dataKey: yAxisKey,
+        type: "number",
+        stroke: CHART_COLORS.muted,
+        fontSize: 12,
+        tickLine: false,
+        axisLine: false
+      }
+    ),
+    zAxisKey && /* @__PURE__ */ jsxRuntime.jsx(recharts.ZAxis, { dataKey: zAxisKey, range: [60, 400] }),
+    showTooltip && /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.Tooltip,
+      {
+        contentStyle: tooltipStyle,
+        labelStyle: { color: CHART_COLORS.foreground, fontWeight: 500 },
+        cursor: { strokeDasharray: "3 3" }
+      }
+    ),
+    showLegend && /* @__PURE__ */ jsxRuntime.jsx(recharts.Legend, {}),
+    series.map((s, index) => /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.Scatter,
+      {
+        name: s.name,
+        data: s.data,
+        fill: s.fill ?? CHART_PALETTE[index % CHART_PALETTE.length]
+      },
+      s.name
+    ))
+  ] }) }) });
+}
+function RadarChart({
+  data,
+  angleKey,
+  radars,
+  width = "100%",
+  height = 300,
+  showTooltip = true,
+  showLegend = true,
+  outerRadius = "80%",
+  margin = { top: 20, right: 30, left: 20, bottom: 5 },
+  domain,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width, height, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    recharts.RadarChart,
+    {
+      data,
+      margin,
+      outerRadius,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(recharts.PolarGrid, { stroke: CHART_COLORS.grid, strokeOpacity: 0.5 }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          recharts.PolarAngleAxis,
+          {
+            dataKey: angleKey,
+            stroke: CHART_COLORS.muted,
+            fontSize: 12
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          recharts.PolarRadiusAxis,
+          {
+            stroke: CHART_COLORS.muted,
+            fontSize: 10,
+            angle: 90,
+            domain
+          }
+        ),
+        showTooltip && /* @__PURE__ */ jsxRuntime.jsx(
+          recharts.Tooltip,
+          {
+            contentStyle: tooltipStyle,
+            labelStyle: { color: CHART_COLORS.foreground, fontWeight: 500 }
+          }
+        ),
+        showLegend && /* @__PURE__ */ jsxRuntime.jsx(recharts.Legend, {}),
+        radars.map((radar, index) => {
+          const color = radar.stroke ?? CHART_PALETTE[index % CHART_PALETTE.length];
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            recharts.Radar,
+            {
+              name: radar.name ?? radar.dataKey,
+              dataKey: radar.dataKey,
+              stroke: color,
+              fill: radar.fill ?? color,
+              fillOpacity: radar.fillOpacity ?? 0.3
+            },
+            radar.dataKey
+          );
+        })
+      ]
+    }
+  ) }) });
+}
+var THEMES = {
+  default: "default",
+  sunset: "sunset",
+  lavender: "lavender",
+  rose: "rose",
+  slate: "slate",
+  midnight: "midnight",
+  emerald: "emerald",
+  amber: "amber",
+  crimson: "crimson"
+};
+var THEME_CATALOG = [
+  {
+    name: "default",
+    label: "Default (Toss Blue)",
+    description: "Clean, professional blue theme",
+    primaryColor: "hsl(211, 100%, 50%)"
+  },
+  {
+    name: "sunset",
+    label: "Sunset",
+    description: "Warm orange for energy and creativity",
+    primaryColor: "hsl(24, 95%, 53%)"
+  },
+  {
+    name: "lavender",
+    label: "Lavender",
+    description: "Elegant purple for creative projects",
+    primaryColor: "hsl(262, 83%, 58%)"
+  },
+  {
+    name: "rose",
+    label: "Rose",
+    description: "Soft pink for modern, approachable design",
+    primaryColor: "hsl(346, 77%, 50%)"
+  },
+  {
+    name: "slate",
+    label: "Slate",
+    description: "Minimal gray for clean, professional look",
+    primaryColor: "hsl(215, 16%, 47%)"
+  },
+  {
+    name: "midnight",
+    label: "Midnight",
+    description: "Deep purple-blue optimized for dark mode",
+    primaryColor: "hsl(240, 65%, 52%)"
+  },
+  {
+    name: "emerald",
+    label: "Emerald",
+    description: "Fresh teal-green for tech-forward apps",
+    primaryColor: "hsl(160, 84%, 39%)"
+  },
+  {
+    name: "amber",
+    label: "Amber",
+    description: "Premium gold for attention-grabbing UI",
+    primaryColor: "hsl(38, 92%, 50%)"
+  },
+  {
+    name: "crimson",
+    label: "Crimson",
+    description: "Bold red for urgent, passionate design",
+    primaryColor: "hsl(0, 84%, 50%)"
+  }
+];
+function getCurrentTheme() {
+  if (typeof document === "undefined") return "default";
+  const html = document.documentElement;
+  for (const theme of Object.keys(THEMES)) {
+    if (theme !== "default" && html.classList.contains(`theme-${theme}`)) {
+      return theme;
+    }
+  }
+  return "default";
+}
+function getCurrentMode() {
+  if (typeof document === "undefined") return "light";
+  return document.documentElement.classList.contains("dark") ? "dark" : "light";
+}
+function setTheme(theme) {
+  if (typeof document === "undefined") return;
+  const html = document.documentElement;
+  for (const t of Object.keys(THEMES)) {
+    if (t !== "default") {
+      html.classList.remove(`theme-${t}`);
+    }
+  }
+  if (theme !== "default") {
+    html.classList.add(`theme-${theme}`);
+  }
+  try {
+    localStorage.setItem("mvn-theme", theme);
+  } catch {
+  }
+}
+function setMode(mode) {
+  if (typeof document === "undefined") return;
+  const html = document.documentElement;
+  if (mode === "system") {
+    const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
+    html.classList.toggle("dark", prefersDark);
+  } else {
+    html.classList.toggle("dark", mode === "dark");
+  }
+  try {
+    localStorage.setItem("mvn-mode", mode);
+  } catch {
+  }
+}
+function initializeTheme() {
+  if (typeof window === "undefined") return;
+  try {
+    const savedTheme = localStorage.getItem("mvn-theme");
+    const savedMode = localStorage.getItem("mvn-mode");
+    if (savedTheme && savedTheme in THEMES) {
+      setTheme(savedTheme);
+    }
+    if (savedMode) {
+      setMode(savedMode);
+    } else {
+      setMode("system");
+    }
+  } catch {
+  }
+}
+var ThemeContext = React50.createContext(void 0);
+function ThemeProvider({
+  children,
+  defaultTheme = "default",
+  defaultMode = "system",
+  storageKey = "mvn-theme"
+}) {
+  const [theme, setThemeState] = React50.useState(defaultTheme);
+  const [mode, setModeState] = React50.useState(defaultMode);
+  const [resolvedMode, setResolvedMode] = React50.useState("light");
+  React50.useEffect(() => {
+    try {
+      const savedTheme = localStorage.getItem(storageKey);
+      const savedMode = localStorage.getItem(`${storageKey}-mode`);
+      if (savedTheme && savedTheme in THEMES) {
+        setThemeState(savedTheme);
+      }
+      if (savedMode) {
+        setModeState(savedMode);
+      }
+    } catch {
+    }
+  }, [storageKey]);
+  React50.useEffect(() => {
+    const html = document.documentElement;
+    for (const t of Object.keys(THEMES)) {
+      if (t !== "default") {
+        html.classList.remove(`theme-${t}`);
+      }
+    }
+    if (theme !== "default") {
+      html.classList.add(`theme-${theme}`);
+    }
+    try {
+      localStorage.setItem(storageKey, theme);
+    } catch {
+    }
+  }, [theme, storageKey]);
+  React50.useEffect(() => {
+    const html = document.documentElement;
+    const applyMode = (isDark) => {
+      html.classList.toggle("dark", isDark);
+      setResolvedMode(isDark ? "dark" : "light");
+    };
+    if (mode === "system") {
+      const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+      applyMode(mediaQuery.matches);
+      const handler = (e) => applyMode(e.matches);
+      mediaQuery.addEventListener("change", handler);
+      return () => mediaQuery.removeEventListener("change", handler);
+    } else {
+      applyMode(mode === "dark");
+    }
+    try {
+      localStorage.setItem(`${storageKey}-mode`, mode);
+    } catch {
+    }
+  }, [mode, storageKey]);
+  const value = {
+    theme,
+    mode,
+    resolvedMode,
+    setTheme: setThemeState,
+    setMode: setModeState
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(ThemeContext.Provider, { value, children });
+}
+function useTheme2() {
+  const context = React50.useContext(ThemeContext);
+  if (!context) {
+    throw new Error("useTheme must be used within a ThemeProvider");
+  }
+  return context;
+}
+
 Object.defineProperty(exports, "toast", {
   enumerable: true,
   get: function () { return sonner.toast; }
 });
+Object.defineProperty(exports, "Area", {
+  enumerable: true,
+  get: function () { return recharts.Area; }
+});
+Object.defineProperty(exports, "Bar", {
+  enumerable: true,
+  get: function () { return recharts.Bar; }
+});
+Object.defineProperty(exports, "Brush", {
+  enumerable: true,
+  get: function () { return recharts.Brush; }
+});
+Object.defineProperty(exports, "CartesianGrid", {
+  enumerable: true,
+  get: function () { return recharts.CartesianGrid; }
+});
+Object.defineProperty(exports, "Cell", {
+  enumerable: true,
+  get: function () { return recharts.Cell; }
+});
+Object.defineProperty(exports, "ChartLegend", {
+  enumerable: true,
+  get: function () { return recharts.Legend; }
+});
+Object.defineProperty(exports, "ChartTooltip", {
+  enumerable: true,
+  get: function () { return recharts.Tooltip; }
+});
+Object.defineProperty(exports, "Line", {
+  enumerable: true,
+  get: function () { return recharts.Line; }
+});
+Object.defineProperty(exports, "Pie", {
+  enumerable: true,
+  get: function () { return recharts.Pie; }
+});
+Object.defineProperty(exports, "PolarAngleAxis", {
+  enumerable: true,
+  get: function () { return recharts.PolarAngleAxis; }
+});
+Object.defineProperty(exports, "PolarGrid", {
+  enumerable: true,
+  get: function () { return recharts.PolarGrid; }
+});
+Object.defineProperty(exports, "PolarRadiusAxis", {
+  enumerable: true,
+  get: function () { return recharts.PolarRadiusAxis; }
+});
+Object.defineProperty(exports, "Radar", {
+  enumerable: true,
+  get: function () { return recharts.Radar; }
+});
+Object.defineProperty(exports, "ReferenceArea", {
+  enumerable: true,
+  get: function () { return recharts.ReferenceArea; }
+});
+Object.defineProperty(exports, "ReferenceLine", {
+  enumerable: true,
+  get: function () { return recharts.ReferenceLine; }
+});
+Object.defineProperty(exports, "ResponsiveContainer", {
+  enumerable: true,
+  get: function () { return recharts.ResponsiveContainer; }
+});
+Object.defineProperty(exports, "Scatter", {
+  enumerable: true,
+  get: function () { return recharts.Scatter; }
+});
+Object.defineProperty(exports, "XAxis", {
+  enumerable: true,
+  get: function () { return recharts.XAxis; }
+});
+Object.defineProperty(exports, "YAxis", {
+  enumerable: true,
+  get: function () { return recharts.YAxis; }
+});
+Object.defineProperty(exports, "ZAxis", {
+  enumerable: true,
+  get: function () { return recharts.ZAxis; }
+});
 exports.Accordion = Accordion;
 exports.Alert = Alert;
 exports.AlertDialog = AlertDialog;
@@ -10570,12 +11654,14 @@ exports.AlertDialogOverlay = AlertDialogOverlay;
 exports.AlertDialogPortal = AlertDialogPortal;
 exports.AlertDialogTitle = AlertDialogTitle;
 exports.AlertDialogTrigger = AlertDialogTrigger;
+exports.AreaChart = AreaChart;
 exports.AspectRatio = AspectRatio;
 exports.Avatar = Avatar;
 exports.AvatarFallback = AvatarFallback;
 exports.AvatarGroup = AvatarGroup;
 exports.AvatarImage = AvatarImage;
 exports.Badge = Badge;
+exports.BarChart = BarChart;
 exports.Blockquote = Blockquote;
 exports.Breadcrumb = Breadcrumb;
 exports.BreadcrumbEllipsis = BreadcrumbEllipsis;
@@ -10588,6 +11674,8 @@ exports.Button = Button;
 exports.ButtonGroup = ButtonGroup;
 exports.ButtonGroupSeparator = ButtonGroupSeparator;
 exports.ButtonGroupText = ButtonGroupText;
+exports.CHART_COLORS = CHART_COLORS;
+exports.CHART_PALETTE = CHART_PALETTE;
 exports.Calendar = Calendar;
 exports.CalendarDayButton = CalendarDayButton;
 exports.Carousel = Carousel;
@@ -10690,6 +11778,7 @@ exports.ItemList = ItemList;
 exports.ItemSeparator = ItemSeparator;
 exports.Label = Label;
 exports.Lead = Lead;
+exports.LineChart = LineChart;
 exports.List = List3;
 exports.ListItem = ListItem;
 exports.Menubar = Menubar;
@@ -10727,6 +11816,7 @@ exports.PaginationLast = PaginationLast;
 exports.PaginationLink = PaginationLink;
 exports.PaginationNext = PaginationNext;
 exports.PaginationPrevious = PaginationPrevious;
+exports.PieChart = PieChart;
 exports.Popover = Popover;
 exports.PopoverAnchor = PopoverAnchor;
 exports.PopoverContent = PopoverContent;
@@ -10734,11 +11824,13 @@ exports.PopoverTrigger = PopoverTrigger;
 exports.ProductCard = ProductCard;
 exports.ProfileCard = ProfileCard;
 exports.Progress = Progress;
+exports.RadarChart = RadarChart;
 exports.RadioGroup = RadioGroup;
 exports.RadioGroupItem = RadioGroupItem;
 exports.ResizableHandle = ResizableHandle;
 exports.ResizablePanel = ResizablePanel;
 exports.ResizablePanelGroup = ResizablePanelGroup;
+exports.ScatterChart = ScatterChart;
 exports.ScrollArea = ScrollArea;
 exports.ScrollBar = ScrollBar;
 exports.Select = Select;
@@ -10797,6 +11889,8 @@ exports.Slider = Slider;
 exports.Small = Small;
 exports.Spinner = Spinner;
 exports.Switch = Switch;
+exports.THEMES = THEMES;
+exports.THEME_CATALOG = THEME_CATALOG;
 exports.Table = Table;
 exports.TableBody = TableBody;
 exports.TableCaption = TableCaption;
@@ -10810,6 +11904,7 @@ exports.TabsContent = TabsContent;
 exports.TabsList = TabsList;
 exports.TabsTrigger = TabsTrigger;
 exports.Textarea = Textarea;
+exports.ThemeProvider = ThemeProvider;
 exports.Toast = Toast;
 exports.ToastProvider = ToastProvider;
 exports.Toaster = Toaster;
@@ -10832,11 +11927,16 @@ exports.composeRules = composeRules;
 exports.emailRule = emailRule;
 exports.emptyVariants = emptyVariants;
 exports.fieldVariants = fieldVariants;
+exports.getCurrentMode = getCurrentMode;
+exports.getCurrentTheme = getCurrentTheme;
 exports.getInitials = getInitials;
+exports.getThemeColors = getThemeColors;
+exports.initializeTheme = initializeTheme;
 exports.inputGroupVariants = inputGroupVariants;
 exports.inputVariants = inputVariants;
 exports.itemVariants = itemVariants;
 exports.labelVariants = labelVariants;
+exports.legendStyle = legendStyle;
 exports.maxLengthRule = maxLengthRule;
 exports.maxValueRule = maxValueRule;
 exports.minLengthRule = minLengthRule;
@@ -10848,6 +11948,8 @@ exports.progressVariants = progressVariants;
 exports.radioGroupVariants = radioGroupVariants;
 exports.requiredRule = requiredRule;
 exports.separatorVariants = separatorVariants;
+exports.setMode = setMode;
+exports.setTheme = setTheme;
 exports.skeletonVariants = skeletonVariants;
 exports.spinnerVariants = spinnerVariants;
 exports.tableVariants = tableVariants;
@@ -10855,10 +11957,12 @@ exports.textareaVariants = textareaVariants;
 exports.toastVariants = toastVariants;
 exports.toggleGroupVariants = toggleGroupVariants;
 exports.toggleVariants = toggleVariants;
+exports.tooltipStyle = tooltipStyle;
 exports.urlRule = urlRule;
 exports.useCarousel = useCarousel;
 exports.useForm = useForm;
 exports.useSidebar = useSidebar;
+exports.useTheme = useTheme2;
 exports.useToast = useToast;
 exports.useWatch = useWatch;
 //# sourceMappingURL=index.js.map