@gomeniucivan/ui 1.0.10 → 1.0.11

package/dist/index.js

@@ -1,5 +1,5 @@
-import * as React58 from 'react';
-import React58__default, { createContext, useContext, useLayoutEffect, useState, useCallback, useEffect, useMemo, useSyncExternalStore, useRef } from 'react';
+import * as React59 from 'react';
+import React59__default, { createContext, useContext, useLayoutEffect, useState, useCallback, useEffect, useMemo, useSyncExternalStore, useRef } from 'react';
 import { CheckIcon, Loader2, X, CircleIcon, ChevronDownIcon, ChevronRight, MoreHorizontal, ChevronLeftIcon, ChevronRightIcon, ArrowLeft, ArrowRight, XIcon, SearchIcon, ChevronsLeft, ChevronLeft, ChevronsRight, Calendar as Calendar$1, MinusIcon, MoreHorizontalIcon, GripVerticalIcon, ChevronUpIcon, PanelLeftIcon, Clock, Settings2, Search, RotateCcw, ChevronsUpDown, ArrowUp, ArrowDown, GripVertical } from 'lucide-react';
 import { jsxs as jsxs$1, jsx as jsx$1, Fragment } from 'react/jsx-runtime';
 import { clsx } from 'clsx';
@@ -12,7 +12,6 @@ import useEmblaCarousel from 'embla-carousel-react';
 import * as RechartsPrimitive from 'recharts';
 import { Command as Command$1 } from 'cmdk';
 import { addDays, addYears, addMonths, startOfDay, startOfWeek, startOfYear, startOfMonth, endOfYear, isSameDay, isSameYear, isSameMonth, isBefore, isAfter, format, getDaysInMonth, setMonth, setYear, setDate, parse as parse$1 } from 'date-fns';
-import '@gomeniucivan/ui/style.css';
 import { toast, Toaster as Toaster$1 } from 'sonner';
 export { toast } from 'sonner';
 import { Drawer as Drawer$1 } from 'vaul';
@@ -354,6 +353,143 @@ function useStore(store, selector) {
 
 // src/lib/constants.ts
 var FIELD_HEIGHT_MOBILE_CLASS = "h-10 md:h-9";
+
+// src/lib/virtual-keyboard.ts
+var KEYBOARD_HEIGHT_THRESHOLD = 80;
+var KEYBOARD_DETECTION_TIMEOUT = 600;
+var isVirtualKeyboardLikelyDevice = false;
+var hasAttemptedVirtualKeyboardDetection = false;
+var pendingKeyboardDetection = null;
+var isReducedMotionPreferred = () => typeof window !== "undefined" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+var scrollElementIntoView = (element) => {
+  if (!element || typeof element.scrollIntoView !== "function") {
+    return;
+  }
+  const prefersReducedMotion = isReducedMotionPreferred();
+  const scroll = () => element.scrollIntoView({
+    behavior: prefersReducedMotion ? "auto" : "smooth",
+    block: "center",
+    inline: "nearest"
+  });
+  if (typeof window !== "undefined" && typeof window.requestAnimationFrame === "function") {
+    window.requestAnimationFrame(scroll);
+    return;
+  }
+  scroll();
+};
+var getKeyboardOverlap = (viewport) => {
+  const windowHeight = typeof window !== "undefined" ? window.innerHeight : 0;
+  const overlap = windowHeight - viewport.height - viewport.offsetTop;
+  return Math.max(0, overlap);
+};
+var detectVirtualKeyboardDevice = () => {
+  if (isVirtualKeyboardLikelyDevice) {
+    return Promise.resolve(true);
+  }
+  if (hasAttemptedVirtualKeyboardDetection) {
+    return Promise.resolve(false);
+  }
+  if (typeof window === "undefined") {
+    hasAttemptedVirtualKeyboardDetection = true;
+    return Promise.resolve(false);
+  }
+  const viewport = window.visualViewport;
+  if (!viewport) {
+    hasAttemptedVirtualKeyboardDetection = true;
+    return Promise.resolve(false);
+  }
+  if (pendingKeyboardDetection) {
+    return pendingKeyboardDetection;
+  }
+  pendingKeyboardDetection = new Promise((resolve) => {
+    let resolved = false;
+    let timeoutId;
+    const finalize = (value) => {
+      if (resolved) {
+        return;
+      }
+      resolved = true;
+      viewport.removeEventListener("resize", handleViewportChange);
+      viewport.removeEventListener("scroll", handleViewportChange);
+      if (typeof timeoutId === "number") {
+        window.clearTimeout(timeoutId);
+      }
+      if (value) {
+        isVirtualKeyboardLikelyDevice = true;
+      } else {
+        hasAttemptedVirtualKeyboardDetection = true;
+      }
+      resolve(value);
+    };
+    const handleViewportChange = () => {
+      const overlap = getKeyboardOverlap(viewport);
+      if (overlap > KEYBOARD_HEIGHT_THRESHOLD) {
+        finalize(true);
+      }
+    };
+    timeoutId = window.setTimeout(() => finalize(false), KEYBOARD_DETECTION_TIMEOUT);
+    handleViewportChange();
+    if (!resolved) {
+      viewport.addEventListener("resize", handleViewportChange, { passive: true });
+      viewport.addEventListener("scroll", handleViewportChange, { passive: true });
+    }
+  }).finally(() => {
+    pendingKeyboardDetection = null;
+  });
+  return pendingKeyboardDetection;
+};
+var isElementFullyVisibleWithinViewport = (element) => {
+  if (typeof window === "undefined") {
+    return true;
+  }
+  const rect = element.getBoundingClientRect();
+  const viewport = window.visualViewport;
+  if (!viewport) {
+    const viewportHeight = window.innerHeight || 0;
+    return rect.top >= 0 && rect.bottom <= viewportHeight;
+  }
+  const viewportTop = viewport.offsetTop;
+  const viewportBottom = viewportTop + viewport.height;
+  return rect.top >= viewportTop && rect.bottom <= viewportBottom;
+};
+var maybeScrollElementIntoView = (element) => {
+  if (!element) {
+    return;
+  }
+  detectVirtualKeyboardDevice().then((keyboardDevice) => {
+    if (!keyboardDevice) {
+      return;
+    }
+    if (typeof document !== "undefined" && document.activeElement !== element) {
+      return;
+    }
+    if (!element.isConnected) {
+      return;
+    }
+    if (isElementFullyVisibleWithinViewport(element)) {
+      return;
+    }
+    const triggerScroll = () => scrollElementIntoView(element);
+    if (typeof window !== "undefined" && typeof window.requestAnimationFrame === "function") {
+      window.requestAnimationFrame(triggerScroll);
+      return;
+    }
+    triggerScroll();
+  });
+};
+var __virtualKeyboardTesting = {
+  get isVirtualKeyboardLikelyDevice() {
+    return isVirtualKeyboardLikelyDevice;
+  },
+  get hasAttemptedVirtualKeyboardDetection() {
+    return hasAttemptedVirtualKeyboardDetection;
+  },
+  reset() {
+    isVirtualKeyboardLikelyDevice = false;
+    hasAttemptedVirtualKeyboardDetection = false;
+    pendingKeyboardDetection = null;
+  }
+};
 function useDataTableInstance({
   data,
   columns,
@@ -362,11 +498,11 @@ function useDataTableInstance({
   defaultPageSize,
   getRowId
 }) {
-  const [rowSelection, setRowSelection] = React58.useState({});
-  const [columnVisibility, setColumnVisibility] = React58.useState({});
-  const [columnFilters, setColumnFilters] = React58.useState([]);
-  const [sorting, setSorting] = React58.useState([]);
-  const [pagination, setPagination] = React58.useState({
+  const [rowSelection, setRowSelection] = React59.useState({});
+  const [columnVisibility, setColumnVisibility] = React59.useState({});
+  const [columnFilters, setColumnFilters] = React59.useState([]);
+  const [sorting, setSorting] = React59.useState([]);
+  const [pagination, setPagination] = React59.useState({
     pageIndex: defaultPageIndex != null ? defaultPageIndex : 0,
     pageSize: defaultPageSize != null ? defaultPageSize : 10
   });
@@ -533,7 +669,7 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React58.forwardRef(
+var Button = React59.forwardRef(
   ({
     className,
     variant,
@@ -1034,8 +1170,8 @@ function CalendarDayButton({
   ...props
 }) {
   const defaultClassNames = getDefaultClassNames();
-  const ref = React58.useRef(null);
-  React58.useEffect(() => {
+  const ref = React59.useRef(null);
+  React59.useEffect(() => {
     var _a2;
     if (modifiers.focused) (_a2 = ref.current) == null ? void 0 : _a2.focus();
   }, [modifiers.focused]);
@@ -1140,9 +1276,9 @@ function CardFooter({ className, ...props }) {
     }
   );
 }
-var CarouselContext = React58.createContext(null);
+var CarouselContext = React59.createContext(null);
 function useCarousel() {
-  const context = React58.useContext(CarouselContext);
+  const context = React59.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
@@ -1164,20 +1300,20 @@ function Carousel({
     },
     plugins
   );
-  const [canScrollPrev, setCanScrollPrev] = React58.useState(false);
-  const [canScrollNext, setCanScrollNext] = React58.useState(false);
-  const onSelect = React58.useCallback((api2) => {
+  const [canScrollPrev, setCanScrollPrev] = React59.useState(false);
+  const [canScrollNext, setCanScrollNext] = React59.useState(false);
+  const onSelect = React59.useCallback((api2) => {
     if (!api2) return;
     setCanScrollPrev(api2.canScrollPrev());
     setCanScrollNext(api2.canScrollNext());
   }, []);
-  const scrollPrev = React58.useCallback(() => {
+  const scrollPrev = React59.useCallback(() => {
     api == null ? void 0 : api.scrollPrev();
   }, [api]);
-  const scrollNext = React58.useCallback(() => {
+  const scrollNext = React59.useCallback(() => {
     api == null ? void 0 : api.scrollNext();
   }, [api]);
-  const handleKeyDown = React58.useCallback(
+  const handleKeyDown = React59.useCallback(
     (event) => {
       if (event.key === "ArrowLeft") {
         event.preventDefault();
@@ -1189,11 +1325,11 @@ function Carousel({
     },
     [scrollPrev, scrollNext]
   );
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     if (!api || !setApi) return;
     setApi(api);
   }, [api, setApi]);
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     if (!api) return;
     onSelect(api);
     api.on("reInit", onSelect);
@@ -1326,9 +1462,9 @@ function CarouselNext({
   );
 }
 var THEMES = { light: "", dark: ".dark" };
-var ChartContext = React58.createContext(null);
+var ChartContext = React59.createContext(null);
 function useChart() {
-  const context = React58.useContext(ChartContext);
+  const context = React59.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
@@ -1341,7 +1477,7 @@ function ChartContainer({
   config,
   ...props
 }) {
-  const uniqueId = React58.useId();
+  const uniqueId = React59.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
   return /* @__PURE__ */ jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs(
     "div",
@@ -1403,7 +1539,7 @@ function ChartTooltipContent({
   labelKey
 }) {
   const { config } = useChart();
-  const tooltipLabel = React58.useMemo(() => {
+  const tooltipLabel = React59.useMemo(() => {
     var _a2;
     if (hideLabel || !(payload == null ? void 0 : payload.length)) {
       return null;
@@ -1557,7 +1693,7 @@ function getPayloadConfigFromPayload(config, payload, key) {
   }
   return configLabelKey in config ? config[configLabelKey] : config[key];
 }
-var Checkbox = React58.forwardRef(function Checkbox2({ className, ...props }, ref) {
+var Checkbox = React59.forwardRef(function Checkbox2({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     Checkbox$1.Root,
     {
@@ -2431,8 +2567,8 @@ function getIsMobile() {
   return widthMatch || uaMatch || userAgentDataMobile;
 }
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React58.useState(() => getIsMobile());
-  React58.useEffect(() => {
+  const [isMobile, setIsMobile] = React59.useState(() => getIsMobile());
+  React59.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(getIsMobile());
@@ -3278,8 +3414,8 @@ var initializeMonitoring = (options) => {
 };
 var getMonitor = () => getMonitoringInstance().api;
 var useMonitor = (options) => {
-  const optionsRef = React58.useRef();
-  React58.useEffect(() => {
+  const optionsRef = React59.useRef();
+  React59.useEffect(() => {
     if (!options) {
       return;
     }
@@ -3291,7 +3427,7 @@ var useMonitor = (options) => {
       initializeMonitoring(options);
     }
   }, [options]);
-  return React58.useMemo(() => getMonitor(), []);
+  return React59.useMemo(() => getMonitor(), []);
 };
 function showSonner(message, type = "info", options) {
   const { title, description, duration = 4e3, action } = options || {};
@@ -3571,7 +3707,7 @@ var ThemeProvider = ({
       const horizontallyVisible = rect.left >= 0 && rect.right <= viewWidth;
       return verticallyVisible && horizontallyVisible;
     };
-    const scrollElementIntoView = (element) => {
+    const scrollElementIntoView2 = (element) => {
       window.setTimeout(() => {
         if (!isElementInViewport(element)) {
           element.scrollIntoView({ behavior: "smooth", block: "center", inline: "nearest" });
@@ -3596,7 +3732,7 @@ var ThemeProvider = ({
       if (!element) {
         return;
       }
-      scrollElementIntoView(element);
+      scrollElementIntoView2(element);
     };
     const handlePointerDown = (event) => {
       if (event.pointerType && event.pointerType !== "touch" && event.pointerType !== "pen") {
@@ -3606,7 +3742,7 @@ var ThemeProvider = ({
       if (!element) {
         return;
       }
-      scrollElementIntoView(element);
+      scrollElementIntoView2(element);
     };
     document.addEventListener("focusin", handleFocus, true);
     document.addEventListener("pointerdown", handlePointerDown, true);
@@ -3686,26 +3822,9 @@ var useThemeExtras = () => {
   const { extras } = useTheme();
   return extras;
 };
-var isReducedMotionPreferred = () => typeof window !== "undefined" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-var scrollInputIntoView = (element) => {
-  if (!element || typeof element.scrollIntoView !== "function") {
-    return;
-  }
-  const prefersReducedMotion = isReducedMotionPreferred();
-  const scroll = () => element.scrollIntoView({
-    behavior: prefersReducedMotion ? "auto" : "smooth",
-    block: "center",
-    inline: "nearest"
-  });
-  if (typeof window !== "undefined" && typeof window.requestAnimationFrame === "function") {
-    window.requestAnimationFrame(scroll);
-    return;
-  }
-  scroll();
-};
-var Input = React58.forwardRef(
+var Input = React59.forwardRef(
   ({ className, type, onFocus, ...props }, forwardedRef) => {
-    const setRefs = React58.useCallback(
+    const setRefs = React59.useCallback(
       (node) => {
         if (typeof forwardedRef === "function") {
           forwardedRef(node);
@@ -3715,13 +3834,13 @@ var Input = React58.forwardRef(
       },
       [forwardedRef]
     );
-    const handleFocus = React58.useCallback(
+    const handleFocus = React59.useCallback(
       (event) => {
         onFocus == null ? void 0 : onFocus(event);
         if (event.defaultPrevented) {
           return;
         }
-        scrollInputIntoView(event.currentTarget);
+        maybeScrollElementIntoView(event.currentTarget);
       },
       [onFocus]
     );
@@ -3786,7 +3905,7 @@ var toNumericValue = (value, decimals) => {
   }
   return parsed;
 };
-var InputNumeric = React58.forwardRef(
+var InputNumeric = React59.forwardRef(
   ({
     value,
     defaultValue,
@@ -3802,8 +3921,8 @@ var InputNumeric = React58.forwardRef(
     pattern,
     ...rest
   }, ref) => {
-    const patternMatcher = React58.useMemo(() => createPattern(decimals), [decimals]);
-    const initialValue = React58.useMemo(() => {
+    const patternMatcher = React59.useMemo(() => createPattern(decimals), [decimals]);
+    const initialValue = React59.useMemo(() => {
       var _a2;
       const source = (_a2 = value != null ? value : defaultValue) != null ? _a2 : null;
       if (source === null) {
@@ -3811,16 +3930,16 @@ var InputNumeric = React58.forwardRef(
       }
       return toNumberString(source, decimals);
     }, [value, defaultValue, decimals]);
-    const [rawValue, setRawValue] = React58.useState(initialValue);
-    const [isFocused, setIsFocused] = React58.useState(false);
-    React58.useEffect(() => {
+    const [rawValue, setRawValue] = React59.useState(initialValue);
+    const [isFocused, setIsFocused] = React59.useState(false);
+    React59.useEffect(() => {
       if (value === void 0) {
         return;
       }
       const nextRawValue = value === null ? "" : toNumberString(value, decimals);
       setRawValue((previous) => previous === nextRawValue ? previous : nextRawValue);
     }, [value, decimals]);
-    const clampValue = React58.useCallback(
+    const clampValue = React59.useCallback(
       (numericValue) => {
         if (numericValue === null) {
           return null;
@@ -3865,7 +3984,7 @@ var InputNumeric = React58.forwardRef(
       }
       onBlur == null ? void 0 : onBlur(event);
     };
-    const displayValue = React58.useMemo(() => {
+    const displayValue = React59.useMemo(() => {
       if (isFocused) {
         return rawValue;
       }
@@ -3915,7 +4034,7 @@ var formatWithMask = (rawValue, mask, placeholderChar) => {
   }
   return result;
 };
-var InputMask = React58.forwardRef(
+var InputMask = React59.forwardRef(
   ({
     mask,
     placeholderChar = DEFAULT_PLACEHOLDER_CHAR,
@@ -3927,11 +4046,11 @@ var InputMask = React58.forwardRef(
   }, ref) => {
     var _a2;
     const normalizedPlaceholder = (_a2 = placeholderChar[0]) != null ? _a2 : DEFAULT_PLACEHOLDER_CHAR;
-    const placeholderCount = React58.useMemo(
+    const placeholderCount = React59.useMemo(
       () => countPlaceholders(mask, normalizedPlaceholder),
       [mask, normalizedPlaceholder]
     );
-    const normalizeRawValue = React58.useCallback(
+    const normalizeRawValue = React59.useCallback(
       (source) => {
         if (!source) {
           return "";
@@ -3944,20 +4063,20 @@ var InputMask = React58.forwardRef(
       },
       [placeholderCount]
     );
-    const [rawValue, setRawValue] = React58.useState(
+    const [rawValue, setRawValue] = React59.useState(
       () => {
         var _a3;
         return normalizeRawValue((_a3 = value != null ? value : defaultValue) != null ? _a3 : "");
       }
     );
-    React58.useEffect(() => {
+    React59.useEffect(() => {
       if (value === void 0) {
         return;
       }
       const next = normalizeRawValue(value);
       setRawValue((previous) => previous === next ? previous : next);
     }, [value, normalizeRawValue]);
-    React58.useEffect(() => {
+    React59.useEffect(() => {
       if (value !== void 0) {
         return;
       }
@@ -3970,7 +4089,7 @@ var InputMask = React58.forwardRef(
       }
       onChange == null ? void 0 : onChange(incoming);
     };
-    const formattedValue = React58.useMemo(
+    const formattedValue = React59.useMemo(
       () => formatWithMask(rawValue, mask, normalizedPlaceholder),
       [mask, normalizedPlaceholder, rawValue]
     );
@@ -4245,9 +4364,9 @@ var MobileWheelColumn = ({
   onValueChange,
   open
 }) => {
-  const listRef = React58.useRef(null);
-  const scrollTimeoutRef = React58.useRef(null);
-  const extendedOptions = React58.useMemo(() => {
+  const listRef = React59.useRef(null);
+  const scrollTimeoutRef = React59.useRef(null);
+  const extendedOptions = React59.useMemo(() => {
     if (options.length === 0) {
       return [];
     }
@@ -4259,7 +4378,7 @@ var MobileWheelColumn = ({
     }
     return repeated;
   }, [options]);
-  const alignToValue = React58.useCallback(
+  const alignToValue = React59.useCallback(
     (value, behavior = "auto") => {
       if (!listRef.current || options.length === 0 || extendedOptions.length === 0) {
         return;
@@ -4273,13 +4392,13 @@ var MobileWheelColumn = ({
     },
     [extendedOptions.length, options]
   );
-  React58.useLayoutEffect(() => {
+  React59.useLayoutEffect(() => {
     if (!open) {
       return;
     }
     alignToValue(selectedValue);
   }, [alignToValue, open, options, selectedValue]);
-  React58.useEffect(
+  React59.useEffect(
     () => () => {
       if (scrollTimeoutRef.current !== null) {
         clearTimeout(scrollTimeoutRef.current);
@@ -4287,7 +4406,7 @@ var MobileWheelColumn = ({
     },
     []
   );
-  const handleScroll2 = React58.useCallback(
+  const handleScroll2 = React59.useCallback(
     (event) => {
       if (extendedOptions.length === 0 || options.length === 0) {
         return;
@@ -4401,14 +4520,14 @@ var getDefaultLocale = (locale) => {
   };
 };
 var useLatest = (value) => {
-  const ref = React58.useRef(value);
-  React58.useEffect(() => {
+  const ref = React59.useRef(value);
+  React59.useEffect(() => {
     ref.current = value;
   }, [value]);
   return ref;
 };
 var DEFAULT_PRIMARY_COLOR = "hsl(var(--primary))";
-var DatePicker = React58.forwardRef((props, ref) => {
+var DatePicker = React59.forwardRef((props, ref) => {
   var _a2, _b, _c, _d, _e, _f, _g;
   const {
     value: valueProp,
@@ -4451,17 +4570,17 @@ var DatePicker = React58.forwardRef((props, ref) => {
   const { isNative } = useTheme();
   const isMobile = useIsMobile();
   const shouldUseDrawer = isNative || isMobile;
-  const [associatedLabel, setAssociatedLabel] = React58.useState(null);
-  const locale = React58.useMemo(() => getDefaultLocale(localeProp), [localeProp]);
+  const [associatedLabel, setAssociatedLabel] = React59.useState(null);
+  const locale = React59.useMemo(() => getDefaultLocale(localeProp), [localeProp]);
   const onChangeRef = useLatest(onChange);
   const onOpenChangeRef = useLatest(onOpenChange);
   const formatRef = useLatest(format);
   const isValueControlled = valueProp !== void 0;
-  const [internalValue, setInternalValue] = React58.useState(defaultValue);
+  const [internalValue, setInternalValue] = React59.useState(defaultValue);
   const selectedValue = (_a2 = isValueControlled ? valueProp : internalValue) != null ? _a2 : null;
-  const initialPanelMode = React58.useMemo(() => getPanelModeFromProps(mode, picker), [mode, picker]);
-  const [panelMode, setPanelMode] = React58.useState(initialPanelMode);
-  const commitValue = React58.useCallback(
+  const initialPanelMode = React59.useMemo(() => getPanelModeFromProps(mode, picker), [mode, picker]);
+  const [panelMode, setPanelMode] = React59.useState(initialPanelMode);
+  const commitValue = React59.useCallback(
     (next) => {
       var _a3;
       if (!isValueControlled) {
@@ -4471,18 +4590,18 @@ var DatePicker = React58.forwardRef((props, ref) => {
     },
     [formatRef, isValueControlled, onChangeRef]
   );
-  const [draftValue, setDraftValue] = React58.useState(selectedValue);
-  React58.useEffect(() => {
+  const [draftValue, setDraftValue] = React59.useState(selectedValue);
+  React59.useEffect(() => {
     setDraftValue(selectedValue);
   }, [selectedValue]);
-  const [viewDate, setViewDate] = React58.useState(() => {
+  const [viewDate, setViewDate] = React59.useState(() => {
     const base = selectedValue != null ? selectedValue : dayjs();
     return clampToRange(base, minDate, maxDate);
   });
   const isOpenControlled = openProp !== void 0;
-  const [internalOpen, setInternalOpen] = React58.useState(Boolean(defaultOpen));
+  const [internalOpen, setInternalOpen] = React59.useState(Boolean(defaultOpen));
   const open = isOpenControlled ? Boolean(openProp) : internalOpen;
-  const setOpenState = React58.useCallback(
+  const setOpenState = React59.useCallback(
     (next) => {
       var _a3;
       if (!isOpenControlled) {
@@ -4493,25 +4612,25 @@ var DatePicker = React58.forwardRef((props, ref) => {
     [isOpenControlled, onOpenChangeRef]
   );
   const activeValue = needConfirm ? draftValue : selectedValue;
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     if (open) {
       setPanelMode(initialPanelMode);
       setViewDate((prev) => clampToRange(activeValue != null ? activeValue : prev, minDate, maxDate));
     }
   }, [activeValue, initialPanelMode, maxDate, minDate, open]);
-  const [inputValue, setInputValue] = React58.useState(() => formatDateValue(activeValue, formatRef.current));
-  const isTypingRef = React58.useRef(false);
-  React58.useEffect(() => {
+  const [inputValue, setInputValue] = React59.useState(() => formatDateValue(activeValue, formatRef.current));
+  const isTypingRef = React59.useRef(false);
+  React59.useEffect(() => {
     if (!isTypingRef.current) {
       setInputValue(formatDateValue(activeValue, formatRef.current));
     }
   }, [activeValue, formatRef]);
-  const primaryColorStyle = React58.useMemo(
+  const primaryColorStyle = React59.useMemo(
     () => ({ "--date-primary-color": DEFAULT_PRIMARY_COLOR }),
     []
   );
-  const inputRef = React58.useRef(null);
-  const handleOpenChange = React58.useCallback(
+  const inputRef = React59.useRef(null);
+  const handleOpenChange = React59.useCallback(
     (nextOpen) => {
       if (disabled) {
         return;
@@ -4524,11 +4643,11 @@ var DatePicker = React58.forwardRef((props, ref) => {
     },
     [activeValue, disabled, initialPanelMode, maxDate, minDate, setOpenState]
   );
-  const parseInputValue = React58.useCallback(
+  const parseInputValue = React59.useCallback(
     (text) => parseDateValue(text, formatRef.current),
     [formatRef]
   );
-  const isDateDisabled = React58.useCallback(
+  const isDateDisabled = React59.useCallback(
     (date, currentMode) => {
       if (!isWithinRange(date, minDate, maxDate, currentMode)) {
         return true;
@@ -4540,11 +4659,11 @@ var DatePicker = React58.forwardRef((props, ref) => {
     },
     [disabledDate, maxDate, minDate]
   );
-  const formatForDisplay = React58.useCallback(
+  const formatForDisplay = React59.useCallback(
     (value) => formatDateValue(value, formatRef.current),
     [formatRef]
   );
-  const handleDateSelect = React58.useCallback(
+  const handleDateSelect = React59.useCallback(
     (date) => {
       if (isDateDisabled(date, "date")) {
         return;
@@ -5018,7 +5137,7 @@ var DatePicker = React58.forwardRef((props, ref) => {
     ] })
   ] });
   const panelNode = panelRender ? panelRender(renderedPanel) : renderedPanel;
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     if (!autoFocus) {
       return;
     }
@@ -5032,7 +5151,7 @@ var DatePicker = React58.forwardRef((props, ref) => {
       focusInput();
     }
   }, [autoFocus]);
-  React58.useImperativeHandle(ref, () => inputRef.current);
+  React59.useImperativeHandle(ref, () => inputRef.current);
   const shouldShowPointer = !disabled && (inputReadOnly || shouldUseDrawer);
   const triggerNode = /* @__PURE__ */ jsxs(
     "div",
@@ -5099,17 +5218,17 @@ var DatePicker = React58.forwardRef((props, ref) => {
       ]
     }
   );
-  const mobileBaseValue = React58.useMemo(() => {
+  const mobileBaseValue = React59.useMemo(() => {
     var _a3, _b2;
     const base = (_b2 = needConfirm ? (_a3 = draftValue != null ? draftValue : selectedValue) != null ? _a3 : viewDate : activeValue != null ? activeValue : viewDate) != null ? _b2 : dayjs();
     return base.clone();
   }, [activeValue, draftValue, needConfirm, selectedValue, viewDate]);
-  const monthOptions = React58.useMemo(
+  const monthOptions = React59.useMemo(
     () => locale.months.map((month, index2) => ({ label: month, value: index2 })),
     [locale.months]
   );
   const daysInMonth = mobileBaseValue.daysInMonth();
-  const dayOptions = React58.useMemo(
+  const dayOptions = React59.useMemo(
     () => Array.from({ length: daysInMonth }, (_, index2) => ({
       label: String(index2 + 1).padStart(2, "0"),
       value: index2 + 1
@@ -5121,14 +5240,14 @@ var DatePicker = React58.forwardRef((props, ref) => {
   const maxYear = (_e = maxDate == null ? void 0 : maxDate.year()) != null ? _e : currentYear + 100;
   const startYear = Math.min(minYear, maxYear);
   const endYear = Math.max(minYear, maxYear);
-  const yearOptions = React58.useMemo(
+  const yearOptions = React59.useMemo(
     () => Array.from({ length: endYear - startYear + 1 }, (_, index2) => {
       const year = startYear + index2;
       return { label: String(year), value: year };
     }),
     [endYear, startYear]
   );
-  const handlePartChange = React58.useCallback(
+  const handlePartChange = React59.useCallback(
     (part, value) => {
       var _a3, _b2;
       const base = (_b2 = needConfirm ? (_a3 = draftValue != null ? draftValue : selectedValue) != null ? _a3 : viewDate : selectedValue != null ? selectedValue : viewDate) != null ? _b2 : dayjs();
@@ -5162,13 +5281,13 @@ var DatePicker = React58.forwardRef((props, ref) => {
     [commitValue, draftValue, formatForDisplay, isDateDisabled, maxDate, minDate, needConfirm, selectedValue, setViewDate, viewDate]
   );
   const mobileLabelFallback = (_g = (_f = typeof inputRest["aria-label"] === "string" ? inputRest["aria-label"] : void 0) != null ? _f : placeholder) != null ? _g : locale.placeholder;
-  const handleDrawerOpenChange = React58.useCallback(
+  const handleDrawerOpenChange = React59.useCallback(
     (nextOpen) => {
       handleOpenChange(nextOpen);
     },
     [handleOpenChange]
   );
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     var _a3, _b2;
     if (!shouldUseDrawer || !open || !id) {
       return;
@@ -5677,7 +5796,7 @@ var gapClasses = {
   middle: gapScale.md,
   large: gapScale.lg
 };
-var Flex = React58.forwardRef(
+var Flex = React59.forwardRef(
   ({
     direction,
     vertical,
@@ -5782,7 +5901,7 @@ function InputOTPSlot({
   ...props
 }) {
   var _a2;
-  const inputOTPContext = React58.useContext(OTPInputContext);
+  const inputOTPContext = React59.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = (_a2 = inputOTPContext == null ? void 0 : inputOTPContext.slots[index2]) != null ? _a2 : {};
   return /* @__PURE__ */ jsxs(
     "div",
@@ -6138,7 +6257,7 @@ var mobileFooterVariants = Object.keys(
 );
 var noop = () => {
 };
-var MobileFooter = React58.forwardRef(
+var MobileFooter = React59.forwardRef(
   ({
     items,
     value,
@@ -6149,7 +6268,7 @@ var MobileFooter = React58.forwardRef(
     forceLabels = false,
     ...props
   }, ref) => {
-    const [internalValue, setInternalValue] = React58.useState(() => {
+    const [internalValue, setInternalValue] = React59.useState(() => {
       var _a2, _b;
       if (value !== void 0) {
         return value;
@@ -6161,7 +6280,7 @@ var MobileFooter = React58.forwardRef(
     });
     const isControlled = value !== void 0;
     const selectedValue = isControlled ? value : internalValue;
-    React58.useEffect(() => {
+    React59.useEffect(() => {
       var _a2;
       if (!items.length) {
         return;
@@ -6178,7 +6297,7 @@ var MobileFooter = React58.forwardRef(
         onChange(fallback);
       }
     }, [items, selectedValue, isControlled, onChange]);
-    const handleSelect = React58.useCallback(
+    const handleSelect = React59.useCallback(
       (nextValue) => {
         if (nextValue === selectedValue) {
           return;
@@ -6198,7 +6317,7 @@ var MobileFooter = React58.forwardRef(
       0
     );
     const cellPercentage = 100 / items.length;
-    const floatingIndicatorStyle = React58.useMemo(() => {
+    const floatingIndicatorStyle = React59.useMemo(() => {
       const size4 = 72;
       const offset4 = cellPercentage / 2;
       return {
@@ -6207,18 +6326,18 @@ var MobileFooter = React58.forwardRef(
         left: `calc(${cellPercentage}% * ${activeIndex} + ${offset4}% - ${size4 / 2}px)`
       };
     }, [activeIndex, cellPercentage]);
-    const pillIndicatorStyle = React58.useMemo(() => ({
+    const pillIndicatorStyle = React59.useMemo(() => ({
       width: `calc((100% / ${items.length}) - 0.75rem)`,
       left: `calc((100% / ${items.length}) * ${activeIndex} + 0.375rem)`
     }), [activeIndex, items.length]);
-    const minimalIndicatorStyle = React58.useMemo(
+    const minimalIndicatorStyle = React59.useMemo(
       () => ({
         width: `calc((100% / ${items.length}) * 0.6)`,
         left: `calc((100% / ${items.length}) * ${activeIndex} + (100% / ${items.length}) * 0.2)`
       }),
       [activeIndex, items.length]
     );
-    const curvedIndicatorStyle = React58.useMemo(() => {
+    const curvedIndicatorStyle = React59.useMemo(() => {
       const size4 = 64;
       const offset4 = cellPercentage / 2;
       return {
@@ -6547,7 +6666,7 @@ var renderBadge = (badge, active = false) => {
     }
   );
 };
-var MobileHeader = React58.forwardRef(
+var MobileHeader = React59.forwardRef(
   ({
     title,
     subtitle,
@@ -6570,12 +6689,12 @@ var MobileHeader = React58.forwardRef(
     children,
     ...props
   }, ref) => {
-    const [internalSearchValue, setInternalSearchValue] = React58.useState(
+    const [internalSearchValue, setInternalSearchValue] = React59.useState(
       () => defaultSearchValue != null ? defaultSearchValue : ""
     );
     const isSearchControlled = searchValue !== void 0;
     const resolvedSearchValue = isSearchControlled ? searchValue : internalSearchValue;
-    const handleSearchChange = React58.useCallback(
+    const handleSearchChange = React59.useCallback(
       (event) => {
         const nextValue = event.target.value;
         if (!isSearchControlled) {
@@ -6808,26 +6927,26 @@ function composeRefs(...refs) {
   };
 }
 function useComposedRefs(...refs) {
-  return React58.useCallback(composeRefs(...refs), refs);
+  return React59.useCallback(composeRefs(...refs), refs);
 }
 // @__NO_SIDE_EFFECTS__
 function createSlot(ownerName) {
   const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
-  const Slot22 = React58.forwardRef((props, forwardedRef) => {
+  const Slot22 = React59.forwardRef((props, forwardedRef) => {
     const { children, ...slotProps } = props;
-    const childrenArray = React58.Children.toArray(children);
+    const childrenArray = React59.Children.toArray(children);
     const slottable = childrenArray.find(isSlottable);
     if (slottable) {
       const newElement = slottable.props.children;
       const newChildren = childrenArray.map((child) => {
         if (child === slottable) {
-          if (React58.Children.count(newElement) > 1) return React58.Children.only(null);
-          return React58.isValidElement(newElement) ? newElement.props.children : null;
+          if (React59.Children.count(newElement) > 1) return React59.Children.only(null);
+          return React59.isValidElement(newElement) ? newElement.props.children : null;
         } else {
           return child;
         }
       });
-      return /* @__PURE__ */ jsx$1(SlotClone, { ...slotProps, ref: forwardedRef, children: React58.isValidElement(newElement) ? React58.cloneElement(newElement, void 0, newChildren) : null });
+      return /* @__PURE__ */ jsx$1(SlotClone, { ...slotProps, ref: forwardedRef, children: React59.isValidElement(newElement) ? React59.cloneElement(newElement, void 0, newChildren) : null });
     }
     return /* @__PURE__ */ jsx$1(SlotClone, { ...slotProps, ref: forwardedRef, children });
   });
@@ -6837,24 +6956,24 @@ function createSlot(ownerName) {
 var Slot = /* @__PURE__ */ createSlot("Slot");
 // @__NO_SIDE_EFFECTS__
 function createSlotClone(ownerName) {
-  const SlotClone = React58.forwardRef((props, forwardedRef) => {
+  const SlotClone = React59.forwardRef((props, forwardedRef) => {
     const { children, ...slotProps } = props;
-    if (React58.isValidElement(children)) {
+    if (React59.isValidElement(children)) {
       const childrenRef = getElementRef(children);
       const props2 = mergeProps(slotProps, children.props);
-      if (children.type !== React58.Fragment) {
+      if (children.type !== React59.Fragment) {
         props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
       }
-      return React58.cloneElement(children, props2);
+      return React59.cloneElement(children, props2);
     }
-    return React58.Children.count(children) > 1 ? React58.Children.only(null) : null;
+    return React59.Children.count(children) > 1 ? React59.Children.only(null) : null;
   });
   SlotClone.displayName = `${ownerName}.SlotClone`;
   return SlotClone;
 }
 var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
 function isSlottable(child) {
-  return React58.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
+  return React59.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
 }
 function mergeProps(slotProps, childProps) {
   const overrideProps = { ...childProps };
@@ -6898,7 +7017,7 @@ function getElementRef(element) {
 // src/components/provider/safe-area.tsx
 var defaultEdges = ["top", "right", "bottom", "left"];
 var resolveInset = (edges, edge) => edges.includes(edge) ? `env(safe-area-inset-${edge})` : void 0;
-var SafeArea = React58.forwardRef(
+var SafeArea = React59.forwardRef(
   ({
     edges = defaultEdges,
     asChild,
@@ -6937,21 +7056,21 @@ var MobileLayoutInner = ({
 }) => {
   var _a2, _b, _c, _d, _e;
   const { header: headerState, navigateBack, canGoBack } = useMobileHeader();
-  const headerEdges = React58.useMemo(() => {
+  const headerEdges = React59.useMemo(() => {
     const edges = [];
     if (safeArea.top) edges.push("top");
     if (safeArea.left) edges.push("left");
     if (safeArea.right) edges.push("right");
     return edges;
   }, [safeArea.top, safeArea.left, safeArea.right]);
-  const footerEdges = React58.useMemo(() => {
+  const footerEdges = React59.useMemo(() => {
     const edges = [];
     if (safeArea.bottom) edges.push("bottom");
     if (safeArea.left) edges.push("left");
     if (safeArea.right) edges.push("right");
     return edges;
   }, [safeArea.bottom, safeArea.left, safeArea.right]);
-  const handleBack = React58.useCallback(() => {
+  const handleBack = React59.useCallback(() => {
     if (canGoBack) {
       navigateBack();
       return;
@@ -6961,7 +7080,7 @@ var MobileLayoutInner = ({
     }
   }, [canGoBack, navigateBack]);
   const showBackButton = (_a2 = headerState.back) != null ? _a2 : canGoBack;
-  const resolvedLeadingAction = React58.useMemo(() => {
+  const resolvedLeadingAction = React59.useMemo(() => {
     if (showBackButton) {
       return {
         value: "mobile-header-back",
@@ -6982,7 +7101,7 @@ var MobileLayoutInner = ({
   const headerVariant = (_d = (_c = (_b = headerState.variant) != null ? _b : variant) != null ? _c : type) != null ? _d : "hero";
   const { show: showFooter = true, activeKey, onChange: footerOnChange, ...footerProps } = footer;
   const footerValue = (_e = footerProps.value) != null ? _e : activeKey;
-  const handleFooterSelect = React58.useCallback(
+  const handleFooterSelect = React59.useCallback(
     (value) => {
       footerOnChange == null ? void 0 : footerOnChange(value);
     },
@@ -7444,11 +7563,11 @@ function ScrollBar({
     }
   );
 }
-var NativeSelectContext = React58.createContext(
+var NativeSelectContext = React59.createContext(
   void 0
 );
 function useNativeSelectContext() {
-  const context = React58.useContext(NativeSelectContext);
+  const context = React59.useContext(NativeSelectContext);
   if (!context) {
     throw new Error("useNativeSelectContext must be used within a Select component");
   }
@@ -7464,16 +7583,16 @@ function SelectRoot({
   const { isNative } = useTheme();
   const isMobile = useIsMobile();
   const shouldUseDrawer = isNative || isMobile;
-  const [uncontrolledOpen, setUncontrolledOpen] = React58.useState(defaultOpen != null ? defaultOpen : false);
+  const [uncontrolledOpen, setUncontrolledOpen] = React59.useState(defaultOpen != null ? defaultOpen : false);
   const open = openProp != null ? openProp : uncontrolledOpen;
-  const setOpen = React58.useCallback(
+  const setOpen = React59.useCallback(
     (nextOpen) => {
       if (openProp === void 0) setUncontrolledOpen(nextOpen);
       onOpenChange == null ? void 0 : onOpenChange(nextOpen);
     },
     [openProp, onOpenChange]
   );
-  const contextValue = React58.useMemo(
+  const contextValue = React59.useMemo(
     () => ({
       isNative: shouldUseDrawer,
       open,
@@ -7567,7 +7686,7 @@ function SelectItem({
   ...props
 }) {
   const nativeContext = useNativeSelectContext();
-  const handleSelect = React58.useCallback(
+  const handleSelect = React59.useCallback(
     (event) => {
       onSelect == null ? void 0 : onSelect(event);
       if (nativeContext.isNative && nativeContext.closeOnSelect && !event.defaultPrevented) {
@@ -7665,7 +7784,7 @@ function Select({
 }
 var noop3 = () => {
 };
-var MultiSelectContext = React58.createContext({
+var MultiSelectContext = React59.createContext({
   isNative: false,
   selectedValues: [],
   setSelectedValues: noop3,
@@ -7675,7 +7794,7 @@ var MultiSelectContext = React58.createContext({
   setOpen: noop3
 });
 function useMultiSelectContext() {
-  return React58.useContext(MultiSelectContext);
+  return React59.useContext(MultiSelectContext);
 }
 function MultiSelect({
   value,
@@ -7689,23 +7808,23 @@ function MultiSelect({
   const { isNative } = useTheme();
   const isMobile = useIsMobile();
   const shouldUseDrawer = isNative || isMobile;
-  const [internalValue, setInternalValue] = React58.useState(defaultValue);
-  const [uncontrolledOpen, setUncontrolledOpen] = React58.useState(
+  const [internalValue, setInternalValue] = React59.useState(defaultValue);
+  const [uncontrolledOpen, setUncontrolledOpen] = React59.useState(
     defaultOpen != null ? defaultOpen : false
   );
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     if (value !== void 0) {
       setInternalValue(value);
     }
   }, [value]);
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     if (openProp !== void 0) {
       setUncontrolledOpen(openProp);
     }
   }, [openProp]);
   const selectedValues = value != null ? value : internalValue;
   const open = openProp != null ? openProp : uncontrolledOpen;
-  const setSelectedValues = React58.useCallback(
+  const setSelectedValues = React59.useCallback(
     (next) => {
       const resolved = typeof next === "function" ? next(selectedValues) : next;
       if (value === void 0) {
@@ -7715,7 +7834,7 @@ function MultiSelect({
     },
     [onValueChange, selectedValues, value]
   );
-  const toggleValue = React58.useCallback(
+  const toggleValue = React59.useCallback(
     (item) => {
       setSelectedValues((prev) => {
         if (prev.includes(item)) {
@@ -7726,11 +7845,11 @@ function MultiSelect({
     },
     [setSelectedValues]
   );
-  const isSelected = React58.useCallback(
+  const isSelected = React59.useCallback(
     (item) => selectedValues.includes(item),
     [selectedValues]
   );
-  const setOpen = React58.useCallback(
+  const setOpen = React59.useCallback(
     (nextOpen) => {
       if (openProp === void 0) {
         setUncontrolledOpen(nextOpen);
@@ -7739,7 +7858,7 @@ function MultiSelect({
     },
     [onOpenChange, openProp]
   );
-  const contextValue = React58.useMemo(
+  const contextValue = React59.useMemo(
     () => ({
       isNative: shouldUseDrawer,
       selectedValues,
@@ -7770,7 +7889,7 @@ function MultiSelectTrigger({
   ...props
 }) {
   const context = useMultiSelectContext();
-  const handleClick = React58.useCallback(
+  const handleClick = React59.useCallback(
     (event) => {
       onClick == null ? void 0 : onClick(event);
       if (context.isNative && !disabled) {
@@ -7813,7 +7932,7 @@ function MultiSelectValue({
   formatValue
 }) {
   const { selectedValues, isNative } = useMultiSelectContext();
-  const content = React58.useMemo(() => {
+  const content = React59.useMemo(() => {
     if (formatValue) {
       return formatValue(selectedValues);
     }
@@ -8060,7 +8179,7 @@ function SheetDescription({
 }
 var skeletonBaseClass = "relative isolate overflow-hidden rounded-md bg-muted text-transparent";
 var skeletonShimmerClass = "after:absolute after:inset-0 after:-translate-x-full after:animate-[shimmer_1.6s_linear_infinite] after:bg-gradient-to-r after:from-transparent after:via-foreground/10 after:to-transparent after:content-['']";
-var SkeletonRoot = React58.forwardRef(
+var SkeletonRoot = React59.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -8072,7 +8191,7 @@ var SkeletonRoot = React58.forwardRef(
   )
 );
 SkeletonRoot.displayName = "Skeleton";
-var SkeletonButton = React58.forwardRef(
+var SkeletonButton = React59.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     SkeletonRoot,
     {
@@ -8083,7 +8202,7 @@ var SkeletonButton = React58.forwardRef(
   )
 );
 SkeletonButton.displayName = "Skeleton.Button";
-var SkeletonInput = React58.forwardRef(
+var SkeletonInput = React59.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     SkeletonRoot,
     {
@@ -8152,9 +8271,9 @@ var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React58.createContext(null);
+var SidebarContext = React59.createContext(null);
 function useSidebar() {
-  const context = React58.useContext(SidebarContext);
+  const context = React59.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
@@ -8170,10 +8289,10 @@ function SidebarProvider({
   ...props
 }) {
   const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React58.useState(false);
-  const [_open, _setOpen] = React58.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React59.useState(false);
+  const [_open, _setOpen] = React59.useState(defaultOpen);
   const open = openProp != null ? openProp : _open;
-  const setOpen = React58.useCallback(
+  const setOpen = React59.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -8185,10 +8304,10 @@ function SidebarProvider({
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React58.useCallback(() => {
+  const toggleSidebar = React59.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen, setOpenMobile]);
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -8199,7 +8318,7 @@ function SidebarProvider({
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React58.useMemo(
+  const contextValue = React59.useMemo(
     () => ({
       state,
       open,
@@ -8581,7 +8700,7 @@ function SidebarMenuButton({
 }) {
   const Comp = asChild ? Slot$1.Slot : "button";
   const { isMobile, setOpenMobile, state } = useSidebar();
-  const handleClick = React58.useCallback(
+  const handleClick = React59.useCallback(
     (event) => {
       if (onClick) {
         onClick(event);
@@ -8679,7 +8798,7 @@ function SidebarMenuSkeleton({
   showIcon = false,
   ...props
 }) {
-  const width = React58.useMemo(() => {
+  const width = React59.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
   return /* @__PURE__ */ jsxs(
@@ -8750,7 +8869,7 @@ function SidebarMenuSubButton({
 }) {
   const Comp = asChild ? Slot$1.Slot : "a";
   const { isMobile, setOpenMobile } = useSidebar();
-  const handleClick = React58.useCallback(
+  const handleClick = React59.useCallback(
     (event) => {
       if (onClick) {
         onClick(event);
@@ -8789,7 +8908,7 @@ function Slider({
   max: max2 = 100,
   ...props
 }) {
-  const _values = React58.useMemo(
+  const _values = React59.useMemo(
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min2, max2],
     [value, defaultValue, min2, max2]
   );
@@ -8861,7 +8980,7 @@ function Switch({
     {
       "data-slot": "switch",
       className: cn(
-        "peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-primary focus-visible:ring-primary/40 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        "peer cursor-pointer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-primary focus-visible:ring-primary/40 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
         className
       ),
       ...props,
@@ -8981,17 +9100,17 @@ function TableCaption({
     }
   );
 }
-var TabsContext = React58.createContext(null);
+var TabsContext = React59.createContext(null);
 var useTabsContext = (component) => {
-  const context = React58.useContext(TabsContext);
+  const context = React59.useContext(TabsContext);
   if (!context) {
     throw new Error(`${component} must be used within <Tabs>`);
   }
   return context;
 };
-var TabsVariantContext = React58.createContext("default");
+var TabsVariantContext = React59.createContext("default");
 var useTabsVariant = (variant) => {
-  const contextVariant = React58.useContext(TabsVariantContext);
+  const contextVariant = React59.useContext(TabsVariantContext);
   return variant != null ? variant : contextVariant;
 };
 var tabsListVariants = {
@@ -9034,7 +9153,7 @@ var mergeRefs = (...refs) => (node) => {
     }
   });
 };
-var Tabs = React58.forwardRef(
+var Tabs = React59.forwardRef(
   ({
     className,
     children,
@@ -9046,14 +9165,14 @@ var Tabs = React58.forwardRef(
     ...props
   }, ref) => {
     var _a2;
-    const id = React58.useId();
+    const id = React59.useId();
     const isControlled = valueProp !== void 0;
-    const [uncontrolledValue, setUncontrolledValue] = React58.useState(
+    const [uncontrolledValue, setUncontrolledValue] = React59.useState(
       () => defaultValue != null ? defaultValue : null
     );
     const value = (_a2 = isControlled ? valueProp : uncontrolledValue) != null ? _a2 : null;
-    const triggersRef = React58.useRef(/* @__PURE__ */ new Map());
-    const setValue = React58.useCallback(
+    const triggersRef = React59.useRef(/* @__PURE__ */ new Map());
+    const setValue = React59.useCallback(
       (nextValue) => {
         if (!isControlled) {
           setUncontrolledValue(nextValue);
@@ -9062,7 +9181,7 @@ var Tabs = React58.forwardRef(
       },
       [isControlled, onValueChange]
     );
-    const registerTrigger = React58.useCallback(
+    const registerTrigger = React59.useCallback(
       (triggerValue, node) => {
         if (node) {
           const wasEmpty = triggersRef.current.size === 0;
@@ -9076,7 +9195,7 @@ var Tabs = React58.forwardRef(
       },
       [defaultValue, isControlled, setUncontrolledValue, value]
     );
-    const getTriggerNode = React58.useCallback(
+    const getTriggerNode = React59.useCallback(
       (triggerValue) => {
         var _a3;
         if (!triggerValue) {
@@ -9086,7 +9205,7 @@ var Tabs = React58.forwardRef(
       },
       []
     );
-    const focusTriggerByIndex = React58.useCallback(
+    const focusTriggerByIndex = React59.useCallback(
       (index2) => {
         const values = Array.from(triggersRef.current.keys());
         if (!values.length) {
@@ -9102,7 +9221,7 @@ var Tabs = React58.forwardRef(
       },
       [activationMode, setValue]
     );
-    const focusNextTrigger = React58.useCallback(
+    const focusNextTrigger = React59.useCallback(
       (currentValue, direction) => {
         const values = Array.from(triggersRef.current.keys());
         const currentIndex = values.indexOf(currentValue);
@@ -9113,7 +9232,7 @@ var Tabs = React58.forwardRef(
       },
       [focusTriggerByIndex]
     );
-    const focusEdgeTrigger = React58.useCallback(
+    const focusEdgeTrigger = React59.useCallback(
       (edge) => {
         const values = Array.from(triggersRef.current.keys());
         if (!values.length) {
@@ -9123,16 +9242,16 @@ var Tabs = React58.forwardRef(
       },
       [focusTriggerByIndex]
     );
-    const [orientation, setOrientationState] = React58.useState("horizontal");
-    const setOrientation = React58.useCallback((nextOrientation) => {
+    const [orientation, setOrientationState] = React59.useState("horizontal");
+    const setOrientation = React59.useCallback((nextOrientation) => {
       setOrientationState(nextOrientation);
     }, []);
-    React58.useEffect(() => {
+    React59.useEffect(() => {
       if (!isControlled && value == null && defaultValue) {
         setUncontrolledValue(defaultValue);
       }
     }, [defaultValue, isControlled, setUncontrolledValue, value]);
-    const contextValue = React58.useMemo(
+    const contextValue = React59.useMemo(
       () => ({
         id,
         value,
@@ -9161,15 +9280,15 @@ var Tabs = React58.forwardRef(
   }
 );
 Tabs.displayName = "Tabs";
-var TabsList = React58.forwardRef(
+var TabsList = React59.forwardRef(
   ({ className, variant, orientation = "horizontal", ...props }, ref) => {
     const { value: activeValue, setOrientation, getTriggerNode } = useTabsContext("TabsList");
     const activeVariant = useTabsVariant(variant);
     const highlightClass = tabsListHighlightVariants[activeVariant];
-    const localRef = React58.useRef(null);
-    const [indicatorStyle, setIndicatorStyle] = React58.useState(null);
+    const localRef = React59.useRef(null);
+    const [indicatorStyle, setIndicatorStyle] = React59.useState(null);
     const highlightEnabled = highlightableVariants.has(activeVariant);
-    const updateIndicator = React58.useCallback(() => {
+    const updateIndicator = React59.useCallback(() => {
       if (!highlightEnabled) {
         setIndicatorStyle(null);
         return;
@@ -9205,13 +9324,13 @@ var TabsList = React58.forwardRef(
         transform: `translate3d(${offsetLeft}px, ${offsetTop}px, 0)`
       });
     }, [activeValue, getTriggerNode, highlightEnabled]);
-    React58.useEffect(() => {
+    React59.useEffect(() => {
       setOrientation(orientation);
     }, [orientation, setOrientation]);
-    React58.useLayoutEffect(() => {
+    React59.useLayoutEffect(() => {
       updateIndicator();
     }, [updateIndicator]);
-    React58.useEffect(() => {
+    React59.useEffect(() => {
       if (!highlightEnabled || typeof ResizeObserver === "undefined") {
         return;
       }
@@ -9231,7 +9350,7 @@ var TabsList = React58.forwardRef(
         observer.disconnect();
       };
     }, [activeValue, getTriggerNode, highlightEnabled, updateIndicator]);
-    React58.useEffect(() => {
+    React59.useEffect(() => {
       if (!highlightEnabled || typeof MutationObserver === "undefined") {
         return;
       }
@@ -9247,7 +9366,7 @@ var TabsList = React58.forwardRef(
         observer.disconnect();
       };
     }, [highlightEnabled, updateIndicator]);
-    React58.useEffect(() => {
+    React59.useEffect(() => {
       if (!highlightEnabled) {
         return;
       }
@@ -9287,7 +9406,7 @@ var TabsList = React58.forwardRef(
   }
 );
 TabsList.displayName = "TabsList";
-var TabsTrigger = React58.forwardRef(
+var TabsTrigger = React59.forwardRef(
   ({ className, variant, value, disabled, onClick, onKeyDown, ...props }, forwardedRef) => {
     const {
       id,
@@ -9299,11 +9418,11 @@ var TabsTrigger = React58.forwardRef(
       orientation
     } = useTabsContext("TabsTrigger");
     const activeVariant = useTabsVariant(variant);
-    const localRef = React58.useRef(null);
+    const localRef = React59.useRef(null);
     const isActive = activeValue === value;
     const triggerId = `${id}-trigger-${value}`;
     const contentId = `${id}-content-${value}`;
-    React58.useEffect(() => {
+    React59.useEffect(() => {
       registerTrigger(value, localRef.current);
       return () => registerTrigger(value, null);
     }, [registerTrigger, value]);
@@ -9378,7 +9497,7 @@ var TabsTrigger = React58.forwardRef(
   }
 );
 TabsTrigger.displayName = "TabsTrigger";
-var TabsContent = React58.forwardRef(
+var TabsContent = React59.forwardRef(
   ({ className, variant, value, ...props }, ref) => {
     const { id, value: activeValue } = useTabsContext("TabsContent");
     const activeVariant = useTabsVariant(variant);
@@ -9405,21 +9524,44 @@ var TabsContent = React58.forwardRef(
   }
 );
 TabsContent.displayName = "TabsContent";
-
-// src/components/ui/textarea/textarea.tsx
-function Textarea({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "textarea",
-    {
-      "data-slot": "textarea",
-      className: cn(
-        "border-input placeholder:text-muted-foreground focus-visible:border-primary focus-visible:ring-primary/40 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-        className
-      ),
-      ...props
-    }
-  );
-}
+var Textarea = React59.forwardRef(
+  ({ className, onFocus, ...props }, forwardedRef) => {
+    const setRefs = React59.useCallback(
+      (node) => {
+        if (typeof forwardedRef === "function") {
+          forwardedRef(node);
+        } else if (forwardedRef) {
+          forwardedRef.current = node;
+        }
+      },
+      [forwardedRef]
+    );
+    const handleFocus = React59.useCallback(
+      (event) => {
+        onFocus == null ? void 0 : onFocus(event);
+        if (event.defaultPrevented) {
+          return;
+        }
+        maybeScrollElementIntoView(event.currentTarget);
+      },
+      [onFocus]
+    );
+    return /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        ref: setRefs,
+        "data-slot": "textarea",
+        onFocus: handleFocus,
+        className: cn(
+          "border-input placeholder:text-muted-foreground focus-visible:border-primary focus-visible:ring-primary/40 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Textarea.displayName = "Textarea";
 var toggleVariants = cva(
   "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-primary focus-visible:ring-primary/40 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
   {
@@ -9455,7 +9597,7 @@ function Toggle({
     }
   );
 }
-var ToggleGroupContext = React58.createContext({
+var ToggleGroupContext = React59.createContext({
   size: "default",
   variant: "default"
 });
@@ -9488,7 +9630,7 @@ function ToggleGroupItem({
   size: size4,
   ...props
 }) {
-  const context = React58.useContext(ToggleGroupContext);
+  const context = React59.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsx(
     ToggleGroup$1.Item,
     {
@@ -9632,9 +9774,9 @@ function MobileWheelColumn2({
   onValueChange,
   open
 }) {
-  const listRef = React58.useRef(null);
-  const scrollTimeoutRef = React58.useRef(null);
-  const extendedOptions = React58.useMemo(() => {
+  const listRef = React59.useRef(null);
+  const scrollTimeoutRef = React59.useRef(null);
+  const extendedOptions = React59.useMemo(() => {
     if (options.length === 0) {
       return [];
     }
@@ -9646,7 +9788,7 @@ function MobileWheelColumn2({
     }
     return repeated;
   }, [options]);
-  const alignToValue = React58.useCallback(
+  const alignToValue = React59.useCallback(
     (value, behavior = "auto") => {
       if (!listRef.current || options.length === 0 || extendedOptions.length === 0) {
         return;
@@ -9660,18 +9802,18 @@ function MobileWheelColumn2({
     },
     [extendedOptions.length, options]
   );
-  React58.useLayoutEffect(() => {
+  React59.useLayoutEffect(() => {
     if (!open) {
       return;
     }
     alignToValue(selectedValue);
   }, [alignToValue, open, options, selectedValue]);
-  React58.useEffect(() => () => {
+  React59.useEffect(() => () => {
     if (scrollTimeoutRef.current !== null) {
       clearTimeout(scrollTimeoutRef.current);
     }
   }, []);
-  const handleScroll2 = React58.useCallback(
+  const handleScroll2 = React59.useCallback(
     (event) => {
       if (extendedOptions.length === 0 || options.length === 0) {
         return;
@@ -9760,7 +9902,7 @@ var MeridiemColumn = ({ value, onChange }) => /* @__PURE__ */ jsxs("div", { clas
     );
   }) })
 ] });
-var TimePicker = React58.forwardRef((props, ref) => {
+var TimePicker = React59.forwardRef((props, ref) => {
   var _a2, _b, _c, _d;
   const {
     value: valueProp,
@@ -9802,21 +9944,21 @@ var TimePicker = React58.forwardRef((props, ref) => {
   const isMobile = useIsMobile();
   const shouldUseDrawer = isNative || isMobile;
   const isControlled = valueProp !== void 0;
-  const [internalValue, setInternalValue] = React58.useState(defaultValue);
+  const [internalValue, setInternalValue] = React59.useState(defaultValue);
   const currentValue = (_a2 = isControlled ? valueProp : internalValue) != null ? _a2 : null;
-  const parsedValue = React58.useMemo(() => parseTimeString(currentValue), [currentValue]);
-  const resolvedMeridiem = React58.useMemo(
+  const parsedValue = React59.useMemo(() => parseTimeString(currentValue), [currentValue]);
+  const resolvedMeridiem = React59.useMemo(
     () => {
       var _a3;
       return ((_a3 = parsedValue == null ? void 0 : parsedValue.hour) != null ? _a3 : 0) >= 12 ? "PM" : "AM";
     },
     [parsedValue == null ? void 0 : parsedValue.hour]
   );
-  const [meridiem, setMeridiem] = React58.useState(resolvedMeridiem);
-  React58.useEffect(() => {
+  const [meridiem, setMeridiem] = React59.useState(resolvedMeridiem);
+  React59.useEffect(() => {
     setMeridiem(resolvedMeridiem);
   }, [resolvedMeridiem]);
-  const inferredShowSeconds = React58.useMemo(() => {
+  const inferredShowSeconds = React59.useMemo(() => {
     if (typeof showSecondsProp === "boolean") {
       return showSecondsProp;
     }
@@ -9825,12 +9967,12 @@ var TimePicker = React58.forwardRef((props, ref) => {
     }
     return Boolean(currentValue && currentValue.split(":").length === 3);
   }, [currentValue, format, showSecondsProp]);
-  const defaultFormat = React58.useMemo(
+  const defaultFormat = React59.useMemo(
     () => use12Hours ? inferredShowSeconds ? "hh:mm:ss A" : "hh:mm A" : inferredShowSeconds ? "HH:mm:ss" : "HH:mm",
     [inferredShowSeconds, use12Hours]
   );
   const resolvedFormat = typeof format === "string" ? format : defaultFormat;
-  const formatValue = React58.useCallback(
+  const formatValue = React59.useCallback(
     (value) => {
       if (!value) {
         return "";
@@ -9842,21 +9984,21 @@ var TimePicker = React58.forwardRef((props, ref) => {
     },
     [format, resolvedFormat]
   );
-  const [inputValue, setInputValue] = React58.useState(() => formatValue(parsedValue));
-  React58.useEffect(() => {
+  const [inputValue, setInputValue] = React59.useState(() => formatValue(parsedValue));
+  React59.useEffect(() => {
     setInputValue(formatValue(parsedValue));
   }, [formatValue, parsedValue]);
   const allowClearConfig = typeof allowClear === "object" && allowClear !== null && !Array.isArray(allowClear) ? allowClear : void 0;
   const clearIcon = (_b = allowClearConfig == null ? void 0 : allowClearConfig.clearIcon) != null ? _b : /* @__PURE__ */ jsx(X, { className: "h-4 w-4", strokeWidth: 2 });
   const showClear = Boolean(allowClear) && !disabled && Boolean(currentValue);
-  const primaryColorStyle = React58.useMemo(
+  const primaryColorStyle = React59.useMemo(
     () => ({ "--date-primary-color": DEFAULT_PRIMARY_COLOR2 }),
     []
   );
   const isOpenControlled = openProp !== void 0;
-  const [internalOpen, setInternalOpen] = React58.useState(Boolean(defaultOpen));
+  const [internalOpen, setInternalOpen] = React59.useState(Boolean(defaultOpen));
   const open = isOpenControlled ? Boolean(openProp) : internalOpen;
-  const handleOpenChange = React58.useCallback(
+  const handleOpenChange = React59.useCallback(
     (nextOpen) => {
       if (disabled) {
         return;
@@ -9868,7 +10010,7 @@ var TimePicker = React58.forwardRef((props, ref) => {
     },
     [disabled, isOpenControlled, onOpenChange]
   );
-  const commitValue = React58.useCallback(
+  const commitValue = React59.useCallback(
     (next) => {
       if (!next) {
         if (!isControlled) {
@@ -9892,7 +10034,7 @@ var TimePicker = React58.forwardRef((props, ref) => {
   const safeHourStep = Math.max(1, Math.floor(hourStep));
   const safeMinuteStep = Math.max(1, Math.floor(minuteStep));
   const safeSecondStep = Math.max(1, Math.floor(secondStep));
-  const hourOptions = React58.useMemo(() => {
+  const hourOptions = React59.useMemo(() => {
     if (use12Hours) {
       const values = [];
       for (let hour = 1; hour <= 12; hour += safeHourStep) {
@@ -9910,14 +10052,14 @@ var TimePicker = React58.forwardRef((props, ref) => {
     }
     return result;
   }, [safeHourStep, use12Hours]);
-  const minuteOptions = React58.useMemo(() => {
+  const minuteOptions = React59.useMemo(() => {
     const result = [];
     for (let minute = 0; minute < 60; minute += safeMinuteStep) {
       result.push({ label: pad(minute), value: minute });
     }
     return result;
   }, [safeMinuteStep]);
-  const secondOptions = React58.useMemo(() => {
+  const secondOptions = React59.useMemo(() => {
     if (!inferredShowSeconds) {
       return [];
     }
@@ -9927,7 +10069,7 @@ var TimePicker = React58.forwardRef((props, ref) => {
     }
     return result;
   }, [inferredShowSeconds, safeSecondStep]);
-  const resolvedHourValue = React58.useMemo(() => {
+  const resolvedHourValue = React59.useMemo(() => {
     if (!parsedValue) {
       return use12Hours ? 12 : 0;
     }
@@ -9935,7 +10077,7 @@ var TimePicker = React58.forwardRef((props, ref) => {
   }, [parsedValue, use12Hours]);
   const resolvedMinuteValue = (_c = parsedValue == null ? void 0 : parsedValue.minute) != null ? _c : 0;
   const resolvedSecondValue = (_d = parsedValue == null ? void 0 : parsedValue.second) != null ? _d : 0;
-  const handleHourSelect = React58.useCallback(
+  const handleHourSelect = React59.useCallback(
     (value) => {
       if (use12Hours) {
         const hour24 = convert12To24(value, meridiem);
@@ -9946,19 +10088,19 @@ var TimePicker = React58.forwardRef((props, ref) => {
     },
     [baseValue, commitValue, meridiem, use12Hours]
   );
-  const handleMinuteSelect = React58.useCallback(
+  const handleMinuteSelect = React59.useCallback(
     (value) => {
       commitValue({ ...baseValue, minute: value });
     },
     [baseValue, commitValue]
   );
-  const handleSecondSelect = React58.useCallback(
+  const handleSecondSelect = React59.useCallback(
     (value) => {
       commitValue({ ...baseValue, second: value });
     },
     [baseValue, commitValue]
   );
-  const handleMeridiemChange = React58.useCallback(
+  const handleMeridiemChange = React59.useCallback(
     (nextMeridiem) => {
       setMeridiem(nextMeridiem);
       const current = parsedValue != null ? parsedValue : baseValue;
@@ -9973,7 +10115,7 @@ var TimePicker = React58.forwardRef((props, ref) => {
     },
     [baseValue, commitValue, parsedValue]
   );
-  const handleInputChange = React58.useCallback(
+  const handleInputChange = React59.useCallback(
     (event) => {
       const nextValue = event.target.value;
       setInputValue(nextValue);
@@ -10081,7 +10223,7 @@ var TimePicker = React58.forwardRef((props, ref) => {
       ]
     }
   );
-  const periodWheelOptions = React58.useMemo(
+  const periodWheelOptions = React59.useMemo(
     () => [
       { label: "AM", value: "AM" },
       { label: "PM", value: "PM" }
@@ -10252,7 +10394,7 @@ function DataTable({
   var _a2;
   const rowModel = (_a2 = virtualizedRows == null ? void 0 : virtualizedRows.rows) != null ? _a2 : table.getRowModel().rows;
   const dataIds = dndEnabled ? rowModel.map((row) => Number(row.id)) : [];
-  const sortableId = React58.useId();
+  const sortableId = React59.useId();
   const sensors = useSensors(useSensor(MouseSensor, {}), useSensor(TouchSensor, {}), useSensor(KeyboardSensor, {}));
   function handleDragEnd(event) {
     const { active, over } = event;
@@ -10454,21 +10596,21 @@ function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForD
 function createContextScope(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext32(rootComponentName, defaultContext) {
-    const BaseContext = React58.createContext(defaultContext);
+    const BaseContext = React59.createContext(defaultContext);
     const index2 = defaultContexts.length;
     defaultContexts = [...defaultContexts, defaultContext];
     const Provider = (props) => {
       var _a2;
       const { scope, children, ...context } = props;
       const Context = ((_a2 = scope == null ? void 0 : scope[scopeName]) == null ? void 0 : _a2[index2]) || BaseContext;
-      const value = React58.useMemo(() => context, Object.values(context));
+      const value = React59.useMemo(() => context, Object.values(context));
       return /* @__PURE__ */ jsx$1(Context.Provider, { value, children });
     };
     Provider.displayName = rootComponentName + "Provider";
     function useContext22(consumerName, scope) {
       var _a2;
       const Context = ((_a2 = scope == null ? void 0 : scope[scopeName]) == null ? void 0 : _a2[index2]) || BaseContext;
-      const context = React58.useContext(Context);
+      const context = React59.useContext(Context);
       if (context) return context;
       if (defaultContext !== void 0) return defaultContext;
       throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
@@ -10477,11 +10619,11 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
   }
   const createScope = () => {
     const scopeContexts = defaultContexts.map((defaultContext) => {
-      return React58.createContext(defaultContext);
+      return React59.createContext(defaultContext);
     });
     return function useScope(scope) {
       const contexts = (scope == null ? void 0 : scope[scopeName]) || scopeContexts;
-      return React58.useMemo(
+      return React59.useMemo(
         () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
         [scope, contexts]
       );
@@ -10504,15 +10646,15 @@ function composeContextScopes(...scopes) {
         const currentScope = scopeProps[`__scope${scopeName}`];
         return { ...nextScopes2, ...currentScope };
       }, {});
-      return React58.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
+      return React59.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
     };
   };
   createScope.scopeName = baseScope.scopeName;
   return createScope;
 }
-var useLayoutEffect22 = (globalThis == null ? void 0 : globalThis.document) ? React58.useLayoutEffect : () => {
+var useLayoutEffect22 = (globalThis == null ? void 0 : globalThis.document) ? React59.useLayoutEffect : () => {
 };
-var useInsertionEffect = React58[" useInsertionEffect ".trim().toString()] || useLayoutEffect22;
+var useInsertionEffect = React59[" useInsertionEffect ".trim().toString()] || useLayoutEffect22;
 function useControllableState({
   prop,
   defaultProp,
@@ -10527,8 +10669,8 @@ function useControllableState({
   const isControlled = prop !== void 0;
   const value = isControlled ? prop : uncontrolledProp;
   {
-    const isControlledRef = React58.useRef(prop !== void 0);
-    React58.useEffect(() => {
+    const isControlledRef = React59.useRef(prop !== void 0);
+    React59.useEffect(() => {
       const wasControlled = isControlledRef.current;
       if (wasControlled !== isControlled) {
         const from = wasControlled ? "controlled" : "uncontrolled";
@@ -10540,7 +10682,7 @@ function useControllableState({
       isControlledRef.current = isControlled;
     }, [isControlled, caller]);
   }
-  const setValue = React58.useCallback(
+  const setValue = React59.useCallback(
     (nextValue) => {
       var _a2;
       if (isControlled) {
@@ -10560,13 +10702,13 @@ function useUncontrolledState({
   defaultProp,
   onChange
 }) {
-  const [value, setValue] = React58.useState(defaultProp);
-  const prevValueRef = React58.useRef(value);
-  const onChangeRef = React58.useRef(onChange);
+  const [value, setValue] = React59.useState(defaultProp);
+  const prevValueRef = React59.useRef(value);
+  const onChangeRef = React59.useRef(onChange);
   useInsertionEffect(() => {
     onChangeRef.current = onChange;
   }, [onChange]);
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     var _a2;
     if (prevValueRef.current !== value) {
       (_a2 = onChangeRef.current) == null ? void 0 : _a2.call(onChangeRef, value);
@@ -10599,7 +10741,7 @@ var NODES = [
 ];
 var Primitive = NODES.reduce((primitive, node) => {
   const Slot3 = createSlot(`Primitive.${node}`);
-  const Node2 = React58.forwardRef((props, forwardedRef) => {
+  const Node2 = React59.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot3 : node;
     if (typeof window !== "undefined") {
@@ -10622,14 +10764,14 @@ function createCollection(name) {
   );
   const CollectionProvider = (props) => {
     const { scope, children } = props;
-    const ref = React58__default.useRef(null);
-    const itemMap = React58__default.useRef(/* @__PURE__ */ new Map()).current;
+    const ref = React59__default.useRef(null);
+    const itemMap = React59__default.useRef(/* @__PURE__ */ new Map()).current;
     return /* @__PURE__ */ jsx$1(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
   };
   CollectionProvider.displayName = PROVIDER_NAME;
   const COLLECTION_SLOT_NAME = name + "CollectionSlot";
   const CollectionSlotImpl = createSlot(COLLECTION_SLOT_NAME);
-  const CollectionSlot = React58__default.forwardRef(
+  const CollectionSlot = React59__default.forwardRef(
     (props, forwardedRef) => {
       const { scope, children } = props;
       const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
@@ -10641,13 +10783,13 @@ function createCollection(name) {
   const ITEM_SLOT_NAME = name + "CollectionItemSlot";
   const ITEM_DATA_ATTR = "data-radix-collection-item";
   const CollectionItemSlotImpl = createSlot(ITEM_SLOT_NAME);
-  const CollectionItemSlot = React58__default.forwardRef(
+  const CollectionItemSlot = React59__default.forwardRef(
     (props, forwardedRef) => {
       const { scope, children, ...itemData } = props;
-      const ref = React58__default.useRef(null);
+      const ref = React59__default.useRef(null);
       const composedRefs = useComposedRefs(forwardedRef, ref);
       const context = useCollectionContext(ITEM_SLOT_NAME, scope);
-      React58__default.useEffect(() => {
+      React59__default.useEffect(() => {
         context.itemMap.set(ref, { ref, ...itemData });
         return () => void context.itemMap.delete(ref);
       });
@@ -10657,7 +10799,7 @@ function createCollection(name) {
   CollectionItemSlot.displayName = ITEM_SLOT_NAME;
   function useCollection3(scope) {
     const context = useCollectionContext(name + "CollectionConsumer", scope);
-    const getItems = React58__default.useCallback(() => {
+    const getItems = React59__default.useCallback(() => {
       const collectionNode = context.collectionRef.current;
       if (!collectionNode) return [];
       const orderedNodes = Array.from(collectionNode.querySelectorAll(`[${ITEM_DATA_ATTR}]`));
@@ -10675,24 +10817,24 @@ function createCollection(name) {
     createCollectionScope3
   ];
 }
-var DirectionContext = React58.createContext(void 0);
+var DirectionContext = React59.createContext(void 0);
 function useDirection(localDir) {
-  const globalDir = React58.useContext(DirectionContext);
+  const globalDir = React59.useContext(DirectionContext);
   return localDir || globalDir || "ltr";
 }
 function useCallbackRef(callback) {
-  const callbackRef = React58.useRef(callback);
-  React58.useEffect(() => {
+  const callbackRef = React59.useRef(callback);
+  React59.useEffect(() => {
     callbackRef.current = callback;
   });
-  return React58.useMemo(() => (...args) => {
+  return React59.useMemo(() => (...args) => {
     var _a2;
     return (_a2 = callbackRef.current) == null ? void 0 : _a2.call(callbackRef, ...args);
   }, []);
 }
 function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis == null ? void 0 : globalThis.document) {
   const onEscapeKeyDown = useCallbackRef(onEscapeKeyDownProp);
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === "Escape") {
         onEscapeKeyDown(event);
@@ -10707,12 +10849,12 @@ var CONTEXT_UPDATE = "dismissableLayer.update";
 var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
 var FOCUS_OUTSIDE = "dismissableLayer.focusOutside";
 var originalBodyPointerEvents;
-var DismissableLayerContext = React58.createContext({
+var DismissableLayerContext = React59.createContext({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
 });
-var DismissableLayer = React58.forwardRef(
+var DismissableLayer = React59.forwardRef(
   (props, forwardedRef) => {
     var _a2;
     const {
@@ -10724,10 +10866,10 @@ var DismissableLayer = React58.forwardRef(
       onDismiss,
       ...layerProps
     } = props;
-    const context = React58.useContext(DismissableLayerContext);
-    const [node, setNode] = React58.useState(null);
+    const context = React59.useContext(DismissableLayerContext);
+    const [node, setNode] = React59.useState(null);
     const ownerDocument = (_a2 = node == null ? void 0 : node.ownerDocument) != null ? _a2 : globalThis == null ? void 0 : globalThis.document;
-    const [, force] = React58.useState({});
+    const [, force] = React59.useState({});
     const composedRefs = useComposedRefs(forwardedRef, (node2) => setNode(node2));
     const layers = Array.from(context.layers);
     const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1);
@@ -10760,7 +10902,7 @@ var DismissableLayer = React58.forwardRef(
         onDismiss();
       }
     }, ownerDocument);
-    React58.useEffect(() => {
+    React59.useEffect(() => {
       if (!node) return;
       if (disableOutsidePointerEvents) {
         if (context.layersWithOutsidePointerEventsDisabled.size === 0) {
@@ -10777,7 +10919,7 @@ var DismissableLayer = React58.forwardRef(
         }
       };
     }, [node, ownerDocument, disableOutsidePointerEvents, context]);
-    React58.useEffect(() => {
+    React59.useEffect(() => {
       return () => {
         if (!node) return;
         context.layers.delete(node);
@@ -10785,7 +10927,7 @@ var DismissableLayer = React58.forwardRef(
         dispatchUpdate();
       };
     }, [node, context]);
-    React58.useEffect(() => {
+    React59.useEffect(() => {
       const handleUpdate = () => force({});
       document.addEventListener(CONTEXT_UPDATE, handleUpdate);
       return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
@@ -10811,11 +10953,11 @@ var DismissableLayer = React58.forwardRef(
 );
 DismissableLayer.displayName = DISMISSABLE_LAYER_NAME;
 var BRANCH_NAME = "DismissableLayerBranch";
-var DismissableLayerBranch = React58.forwardRef((props, forwardedRef) => {
-  const context = React58.useContext(DismissableLayerContext);
-  const ref = React58.useRef(null);
+var DismissableLayerBranch = React59.forwardRef((props, forwardedRef) => {
+  const context = React59.useContext(DismissableLayerContext);
+  const ref = React59.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref);
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     const node = ref.current;
     if (node) {
       context.branches.add(node);
@@ -10829,10 +10971,10 @@ var DismissableLayerBranch = React58.forwardRef((props, forwardedRef) => {
 DismissableLayerBranch.displayName = BRANCH_NAME;
 function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis == null ? void 0 : globalThis.document) {
   const handlePointerDownOutside = useCallbackRef(onPointerDownOutside);
-  const isPointerInsideReactTreeRef = React58.useRef(false);
-  const handleClickRef = React58.useRef(() => {
+  const isPointerInsideReactTreeRef = React59.useRef(false);
+  const handleClickRef = React59.useRef(() => {
   });
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     const handlePointerDown = (event) => {
       if (event.target && !isPointerInsideReactTreeRef.current) {
         let handleAndDispatchPointerDownOutsideEvent2 = function() {
@@ -10872,8 +11014,8 @@ function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis
 }
 function useFocusOutside(onFocusOutside, ownerDocument = globalThis == null ? void 0 : globalThis.document) {
   const handleFocusOutside = useCallbackRef(onFocusOutside);
-  const isFocusInsideReactTreeRef = React58.useRef(false);
-  React58.useEffect(() => {
+  const isFocusInsideReactTreeRef = React59.useRef(false);
+  React59.useEffect(() => {
     const handleFocus = (event) => {
       if (event.target && !isFocusInsideReactTreeRef.current) {
         const eventDetail = { originalEvent: event };
@@ -10906,7 +11048,7 @@ function handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {
 }
 var count = 0;
 function useFocusGuards() {
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     var _a2, _b;
     const edgeGuards = document.querySelectorAll("[data-radix-focus-guard]");
     document.body.insertAdjacentElement("afterbegin", (_a2 = edgeGuards[0]) != null ? _a2 : createFocusGuard());
@@ -10934,7 +11076,7 @@ var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
 var AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
 var EVENT_OPTIONS = { bubbles: false, cancelable: true };
 var FOCUS_SCOPE_NAME = "FocusScope";
-var FocusScope = React58.forwardRef((props, forwardedRef) => {
+var FocusScope = React59.forwardRef((props, forwardedRef) => {
   const {
     loop = false,
     trapped = false,
@@ -10942,12 +11084,12 @@ var FocusScope = React58.forwardRef((props, forwardedRef) => {
     onUnmountAutoFocus: onUnmountAutoFocusProp,
     ...scopeProps
   } = props;
-  const [container, setContainer] = React58.useState(null);
+  const [container, setContainer] = React59.useState(null);
   const onMountAutoFocus = useCallbackRef(onMountAutoFocusProp);
   const onUnmountAutoFocus = useCallbackRef(onUnmountAutoFocusProp);
-  const lastFocusedElementRef = React58.useRef(null);
+  const lastFocusedElementRef = React59.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, (node) => setContainer(node));
-  const focusScope = React58.useRef({
+  const focusScope = React59.useRef({
     paused: false,
     pause() {
       this.paused = true;
@@ -10956,7 +11098,7 @@ var FocusScope = React58.forwardRef((props, forwardedRef) => {
       this.paused = false;
     }
   }).current;
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     if (trapped) {
       let handleFocusIn2 = function(event) {
         if (focusScope.paused || !container) return;
@@ -10991,7 +11133,7 @@ var FocusScope = React58.forwardRef((props, forwardedRef) => {
       };
     }
   }, [trapped, container, focusScope.paused]);
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     if (container) {
       focusScopesStack.add(focusScope);
       const previouslyFocusedElement = document.activeElement;
@@ -11022,7 +11164,7 @@ var FocusScope = React58.forwardRef((props, forwardedRef) => {
       };
     }
   }, [container, onMountAutoFocus, onUnmountAutoFocus, focusScope]);
-  const handleKeyDown = React58.useCallback(
+  const handleKeyDown = React59.useCallback(
     (event) => {
       if (!loop && !trapped) return;
       if (focusScope.paused) return;
@@ -11130,10 +11272,10 @@ function arrayRemove(array, item) {
 function removeLinks(items) {
   return items.filter((item) => item.tagName !== "A");
 }
-var useReactId = React58[" useId ".trim().toString()] || (() => void 0);
+var useReactId = React59[" useId ".trim().toString()] || (() => void 0);
 var count2 = 0;
 function useId4(deterministicId) {
-  const [id, setId] = React58.useState(useReactId());
+  const [id, setId] = React59.useState(useReactId());
   useLayoutEffect22(() => {
     setId((reactId) => reactId != null ? reactId : String(count2++));
   }, [deterministicId]);
@@ -12808,7 +12950,7 @@ function roundByDPR(element, value) {
   return Math.round(value * dpr) / dpr;
 }
 function useLatestRef(value) {
-  const ref = React58.useRef(value);
+  const ref = React59.useRef(value);
   index(() => {
     ref.current = value;
   });
@@ -12831,7 +12973,7 @@ function useFloating(options) {
     whileElementsMounted,
     open
   } = options;
-  const [data, setData] = React58.useState({
+  const [data, setData] = React59.useState({
     x: 0,
     y: 0,
     strategy,
@@ -12839,19 +12981,19 @@ function useFloating(options) {
     middlewareData: {},
     isPositioned: false
   });
-  const [latestMiddleware, setLatestMiddleware] = React58.useState(middleware);
+  const [latestMiddleware, setLatestMiddleware] = React59.useState(middleware);
   if (!deepEqual(latestMiddleware, middleware)) {
     setLatestMiddleware(middleware);
   }
-  const [_reference, _setReference] = React58.useState(null);
-  const [_floating, _setFloating] = React58.useState(null);
-  const setReference = React58.useCallback((node) => {
+  const [_reference, _setReference] = React59.useState(null);
+  const [_floating, _setFloating] = React59.useState(null);
+  const setReference = React59.useCallback((node) => {
     if (node !== referenceRef.current) {
       referenceRef.current = node;
       _setReference(node);
     }
   }, []);
-  const setFloating = React58.useCallback((node) => {
+  const setFloating = React59.useCallback((node) => {
     if (node !== floatingRef.current) {
       floatingRef.current = node;
       _setFloating(node);
@@ -12859,14 +13001,14 @@ function useFloating(options) {
   }, []);
   const referenceEl = externalReference || _reference;
   const floatingEl = externalFloating || _floating;
-  const referenceRef = React58.useRef(null);
-  const floatingRef = React58.useRef(null);
-  const dataRef = React58.useRef(data);
+  const referenceRef = React59.useRef(null);
+  const floatingRef = React59.useRef(null);
+  const dataRef = React59.useRef(data);
   const hasWhileElementsMounted = whileElementsMounted != null;
   const whileElementsMountedRef = useLatestRef(whileElementsMounted);
   const platformRef = useLatestRef(platform2);
   const openRef = useLatestRef(open);
-  const update = React58.useCallback(() => {
+  const update = React59.useCallback(() => {
     if (!referenceRef.current || !floatingRef.current) {
       return;
     }
@@ -12904,7 +13046,7 @@ function useFloating(options) {
       }));
     }
   }, [open]);
-  const isMountedRef = React58.useRef(false);
+  const isMountedRef = React59.useRef(false);
   index(() => {
     isMountedRef.current = true;
     return () => {
@@ -12921,17 +13063,17 @@ function useFloating(options) {
       update();
     }
   }, [referenceEl, floatingEl, update, whileElementsMountedRef, hasWhileElementsMounted]);
-  const refs = React58.useMemo(() => ({
+  const refs = React59.useMemo(() => ({
     reference: referenceRef,
     floating: floatingRef,
     setReference,
     setFloating
   }), [setReference, setFloating]);
-  const elements = React58.useMemo(() => ({
+  const elements = React59.useMemo(() => ({
     reference: referenceEl,
     floating: floatingEl
   }), [referenceEl, floatingEl]);
-  const floatingStyles = React58.useMemo(() => {
+  const floatingStyles = React59.useMemo(() => {
     const initialStyles = {
       position: strategy,
       left: 0,
@@ -12957,7 +13099,7 @@ function useFloating(options) {
       top: y
     };
   }, [strategy, transform, elements.floating, data.x, data.y]);
-  return React58.useMemo(() => ({
+  return React59.useMemo(() => ({
     ...data,
     update,
     refs,
@@ -13025,7 +13167,7 @@ var arrow3 = (options, deps) => ({
   options: [options, deps]
 });
 var NAME = "Arrow";
-var Arrow = React58.forwardRef((props, forwardedRef) => {
+var Arrow = React59.forwardRef((props, forwardedRef) => {
   const { children, width = 10, height = 5, ...arrowProps } = props;
   return /* @__PURE__ */ jsx$1(
     Primitive.svg,
@@ -13043,7 +13185,7 @@ var Arrow = React58.forwardRef((props, forwardedRef) => {
 Arrow.displayName = NAME;
 var Root = Arrow;
 function useSize(element) {
-  const [size4, setSize] = React58.useState(void 0);
+  const [size4, setSize] = React59.useState(void 0);
   useLayoutEffect22(() => {
     if (element) {
       setSize({ width: element.offsetWidth, height: element.offsetHeight });
@@ -13080,14 +13222,14 @@ var POPPER_NAME = "Popper";
 var [createPopperContext, createPopperScope] = createContextScope(POPPER_NAME);
 var [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
 var ANCHOR_NAME = "PopperAnchor";
-var PopperAnchor = React58.forwardRef(
+var PopperAnchor = React59.forwardRef(
   (props, forwardedRef) => {
     const { __scopePopper, virtualRef, ...anchorProps } = props;
     const context = usePopperContext(ANCHOR_NAME, __scopePopper);
-    const ref = React58.useRef(null);
+    const ref = React59.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, ref);
-    const anchorRef = React58.useRef(null);
-    React58.useEffect(() => {
+    const anchorRef = React59.useRef(null);
+    React59.useEffect(() => {
       const previousAnchor = anchorRef.current;
       anchorRef.current = (virtualRef == null ? void 0 : virtualRef.current) || ref.current;
       if (previousAnchor !== anchorRef.current) {
@@ -13100,7 +13242,7 @@ var PopperAnchor = React58.forwardRef(
 PopperAnchor.displayName = ANCHOR_NAME;
 var CONTENT_NAME = "PopperContent";
 var [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME);
-var PopperContent = React58.forwardRef(
+var PopperContent = React59.forwardRef(
   (props, forwardedRef) => {
     var _a2, _b, _c, _d, _e, _f, _g, _h;
     const {
@@ -13120,9 +13262,9 @@ var PopperContent = React58.forwardRef(
       ...contentProps
     } = props;
     const context = usePopperContext(CONTENT_NAME, __scopePopper);
-    const [content, setContent] = React58.useState(null);
+    const [content, setContent] = React59.useState(null);
     const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
-    const [arrow4, setArrow] = React58.useState(null);
+    const [arrow4, setArrow] = React59.useState(null);
     const arrowSize = useSize(arrow4);
     const arrowWidth = (_a2 = arrowSize == null ? void 0 : arrowSize.width) != null ? _a2 : 0;
     const arrowHeight = (_b = arrowSize == null ? void 0 : arrowSize.height) != null ? _b : 0;
@@ -13184,7 +13326,7 @@ var PopperContent = React58.forwardRef(
     const arrowX = (_c = middlewareData.arrow) == null ? void 0 : _c.x;
     const arrowY = (_d = middlewareData.arrow) == null ? void 0 : _d.y;
     const cannotCenterArrow = ((_e = middlewareData.arrow) == null ? void 0 : _e.centerOffset) !== 0;
-    const [contentZIndex, setContentZIndex] = React58.useState();
+    const [contentZIndex, setContentZIndex] = React59.useState();
     useLayoutEffect22(() => {
       if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
     }, [content]);
@@ -13250,7 +13392,7 @@ var OPPOSITE_SIDE = {
   bottom: "top",
   left: "right"
 };
-var PopperArrow = React58.forwardRef(function PopperArrow2(props, forwardedRef) {
+var PopperArrow = React59.forwardRef(function PopperArrow2(props, forwardedRef) {
   const { __scopePopper, ...arrowProps } = props;
   const contentContext = useContentContext(ARROW_NAME, __scopePopper);
   const baseSide = OPPOSITE_SIDE[contentContext.placedSide];
@@ -13341,17 +13483,17 @@ var Anchor = PopperAnchor;
 var Content = PopperContent;
 var Arrow2 = PopperArrow;
 var PORTAL_NAME = "Portal";
-var Portal = React58.forwardRef((props, forwardedRef) => {
+var Portal = React59.forwardRef((props, forwardedRef) => {
   var _a2;
   const { container: containerProp, ...portalProps } = props;
-  const [mounted, setMounted] = React58.useState(false);
+  const [mounted, setMounted] = React59.useState(false);
   useLayoutEffect22(() => setMounted(true), []);
   const container = containerProp || mounted && ((_a2 = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : _a2.body);
   return container ? ReactDOM__default.createPortal(/* @__PURE__ */ jsx$1(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
 });
 Portal.displayName = PORTAL_NAME;
 function useStateMachine(initialState, machine) {
-  return React58.useReducer((state, event) => {
+  return React59.useReducer((state, event) => {
     const nextState = machine[state][event];
     return nextState != null ? nextState : state;
   }, initialState);
@@ -13359,17 +13501,17 @@ function useStateMachine(initialState, machine) {
 var Presence = (props) => {
   const { present, children } = props;
   const presence = usePresence(present);
-  const child = typeof children === "function" ? children({ present: presence.isPresent }) : React58.Children.only(children);
+  const child = typeof children === "function" ? children({ present: presence.isPresent }) : React59.Children.only(children);
   const ref = useComposedRefs(presence.ref, getElementRef2(child));
   const forceMount = typeof children === "function";
-  return forceMount || presence.isPresent ? React58.cloneElement(child, { ref }) : null;
+  return forceMount || presence.isPresent ? React59.cloneElement(child, { ref }) : null;
 };
 Presence.displayName = "Presence";
 function usePresence(present) {
-  const [node, setNode] = React58.useState();
-  const stylesRef = React58.useRef(null);
-  const prevPresentRef = React58.useRef(present);
-  const prevAnimationNameRef = React58.useRef("none");
+  const [node, setNode] = React59.useState();
+  const stylesRef = React59.useRef(null);
+  const prevPresentRef = React59.useRef(present);
+  const prevAnimationNameRef = React59.useRef("none");
   const initialState = present ? "mounted" : "unmounted";
   const [state, send] = useStateMachine(initialState, {
     mounted: {
@@ -13384,7 +13526,7 @@ function usePresence(present) {
       MOUNT: "mounted"
     }
   });
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     const currentAnimationName = getAnimationName(stylesRef.current);
     prevAnimationNameRef.current = state === "mounted" ? currentAnimationName : "none";
   }, [state]);
@@ -13451,7 +13593,7 @@ function usePresence(present) {
   }, [node, send]);
   return {
     isPresent: ["mounted", "unmountSuspended"].includes(state),
-    ref: React58.useCallback((node2) => {
+    ref: React59.useCallback((node2) => {
       stylesRef.current = node2 ? getComputedStyle(node2) : null;
       setNode(node2);
     }, [])
@@ -13483,13 +13625,13 @@ var [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContext
   [createCollectionScope]
 );
 var [RovingFocusProvider, useRovingFocusContext] = createRovingFocusGroupContext(GROUP_NAME);
-var RovingFocusGroup = React58.forwardRef(
+var RovingFocusGroup = React59.forwardRef(
   (props, forwardedRef) => {
     return /* @__PURE__ */ jsx$1(Collection.Provider, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsx$1(Collection.Slot, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsx$1(RovingFocusGroupImpl, { ...props, ref: forwardedRef }) }) });
   }
 );
 RovingFocusGroup.displayName = GROUP_NAME;
-var RovingFocusGroupImpl = React58.forwardRef((props, forwardedRef) => {
+var RovingFocusGroupImpl = React59.forwardRef((props, forwardedRef) => {
   const {
     __scopeRovingFocusGroup,
     orientation,
@@ -13502,7 +13644,7 @@ var RovingFocusGroupImpl = React58.forwardRef((props, forwardedRef) => {
     preventScrollOnEntryFocus = false,
     ...groupProps
   } = props;
-  const ref = React58.useRef(null);
+  const ref = React59.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref);
   const direction = useDirection(dir);
   const [currentTabStopId, setCurrentTabStopId] = useControllableState({
@@ -13511,12 +13653,12 @@ var RovingFocusGroupImpl = React58.forwardRef((props, forwardedRef) => {
     onChange: onCurrentTabStopIdChange,
     caller: GROUP_NAME
   });
-  const [isTabbingBackOut, setIsTabbingBackOut] = React58.useState(false);
+  const [isTabbingBackOut, setIsTabbingBackOut] = React59.useState(false);
   const handleEntryFocus = useCallbackRef(onEntryFocus);
   const getItems = useCollection(__scopeRovingFocusGroup);
-  const isClickFocusRef = React58.useRef(false);
-  const [focusableItemsCount, setFocusableItemsCount] = React58.useState(0);
-  React58.useEffect(() => {
+  const isClickFocusRef = React59.useRef(false);
+  const [focusableItemsCount, setFocusableItemsCount] = React59.useState(0);
+  React59.useEffect(() => {
     const node = ref.current;
     if (node) {
       node.addEventListener(ENTRY_FOCUS, handleEntryFocus);
@@ -13531,16 +13673,16 @@ var RovingFocusGroupImpl = React58.forwardRef((props, forwardedRef) => {
       dir: direction,
       loop,
       currentTabStopId,
-      onItemFocus: React58.useCallback(
+      onItemFocus: React59.useCallback(
         (tabStopId) => setCurrentTabStopId(tabStopId),
         [setCurrentTabStopId]
       ),
-      onItemShiftTab: React58.useCallback(() => setIsTabbingBackOut(true), []),
-      onFocusableItemAdd: React58.useCallback(
+      onItemShiftTab: React59.useCallback(() => setIsTabbingBackOut(true), []),
+      onFocusableItemAdd: React59.useCallback(
         () => setFocusableItemsCount((prevCount) => prevCount + 1),
         []
       ),
-      onFocusableItemRemove: React58.useCallback(
+      onFocusableItemRemove: React59.useCallback(
         () => setFocusableItemsCount((prevCount) => prevCount - 1),
         []
       ),
@@ -13580,7 +13722,7 @@ var RovingFocusGroupImpl = React58.forwardRef((props, forwardedRef) => {
   );
 });
 var ITEM_NAME = "RovingFocusGroupItem";
-var RovingFocusGroupItem = React58.forwardRef(
+var RovingFocusGroupItem = React59.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopeRovingFocusGroup,
@@ -13596,7 +13738,7 @@ var RovingFocusGroupItem = React58.forwardRef(
     const isCurrentTabStop = context.currentTabStopId === id;
     const getItems = useCollection(__scopeRovingFocusGroup);
     const { onFocusableItemAdd, onFocusableItemRemove, currentTabStopId } = context;
-    React58.useEffect(() => {
+    React59.useEffect(() => {
       if (focusable) {
         onFocusableItemAdd();
         return () => onFocusableItemRemove();
@@ -13877,7 +14019,7 @@ function useCallbackRef2(initialValue, callback) {
   ref.callback = callback;
   return ref.facade;
 }
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React58.useLayoutEffect : React58.useEffect;
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React59.useLayoutEffect : React59.useEffect;
 var currentValues = /* @__PURE__ */ new WeakMap();
 function useMergeRefs(refs, defaultValue) {
   var callbackRef = useCallbackRef2(null, function(newValue) {
@@ -14001,7 +14143,7 @@ var SideCar = function(_a2) {
   if (!Target) {
     throw new Error("Sidecar medium not found");
   }
-  return React58.createElement(Target, __assign({}, rest));
+  return React59.createElement(Target, __assign({}, rest));
 };
 SideCar.isSideCarExport = true;
 function exportSidecar(medium, exported) {
@@ -14016,9 +14158,9 @@ var effectCar = createSidecarMedium();
 var nothing = function() {
   return;
 };
-var RemoveScroll = React58.forwardRef(function(props, parentRef) {
-  var ref = React58.useRef(null);
-  var _a2 = React58.useState({
+var RemoveScroll = React59.forwardRef(function(props, parentRef) {
+  var ref = React59.useRef(null);
+  var _a2 = React59.useState({
     onScrollCapture: nothing,
     onWheelCapture: nothing,
     onTouchMoveCapture: nothing
@@ -14027,11 +14169,11 @@ var RemoveScroll = React58.forwardRef(function(props, parentRef) {
   var SideCar2 = sideCar;
   var containerRef = useMergeRefs([ref, parentRef]);
   var containerProps = __assign(__assign({}, rest), callbacks);
-  return React58.createElement(
-    React58.Fragment,
+  return React59.createElement(
+    React59.Fragment,
     null,
-    enabled && React58.createElement(SideCar2, { sideCar: effectCar, removeScrollBar, shards, noRelative, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode }),
-    forwardProps ? React58.cloneElement(React58.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React58.createElement(Container, __assign({}, containerProps, { className, ref: containerRef }), children)
+    enabled && React59.createElement(SideCar2, { sideCar: effectCar, removeScrollBar, shards, noRelative, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode }),
+    forwardProps ? React59.cloneElement(React59.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React59.createElement(Container, __assign({}, containerProps, { className, ref: containerRef }), children)
   );
 });
 RemoveScroll.defaultProps = {
@@ -14100,7 +14242,7 @@ var stylesheetSingleton = function() {
 var styleHookSingleton = function() {
   var sheet = stylesheetSingleton();
   return function(styles, isDynamic) {
-    React58.useEffect(function() {
+    React59.useEffect(function() {
       sheet.add(styles);
       return function() {
         sheet.remove();
@@ -14174,7 +14316,7 @@ var getCurrentUseCounter = function() {
   return isFinite(counter) ? counter : 0;
 };
 var useLockAttribute = function() {
-  React58.useEffect(function() {
+  React59.useEffect(function() {
     document.body.setAttribute(lockAttribute, (getCurrentUseCounter() + 1).toString());
     return function() {
       var newCounter = getCurrentUseCounter() - 1;
@@ -14189,10 +14331,10 @@ var useLockAttribute = function() {
 var RemoveScrollBar = function(_a2) {
   var noRelative = _a2.noRelative, noImportant = _a2.noImportant, _b = _a2.gapMode, gapMode = _b === void 0 ? "margin" : _b;
   useLockAttribute();
-  var gap = React58.useMemo(function() {
+  var gap = React59.useMemo(function() {
     return getGapWidth(gapMode);
   }, [gapMode]);
-  return React58.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? "!important" : "") });
+  return React59.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? "!important" : "") });
 };
 
 // node_modules/react-remove-scroll/dist/es2015/aggresiveCapture.js
@@ -14333,16 +14475,16 @@ var generateStyle = function(id) {
 var idCounter = 0;
 var lockStack = [];
 function RemoveScrollSideCar(props) {
-  var shouldPreventQueue = React58.useRef([]);
-  var touchStartRef = React58.useRef([0, 0]);
-  var activeAxis = React58.useRef();
-  var id = React58.useState(idCounter++)[0];
-  var Style2 = React58.useState(styleSingleton)[0];
-  var lastProps = React58.useRef(props);
-  React58.useEffect(function() {
+  var shouldPreventQueue = React59.useRef([]);
+  var touchStartRef = React59.useRef([0, 0]);
+  var activeAxis = React59.useRef();
+  var id = React59.useState(idCounter++)[0];
+  var Style2 = React59.useState(styleSingleton)[0];
+  var lastProps = React59.useRef(props);
+  React59.useEffect(function() {
     lastProps.current = props;
   }, [props]);
-  React58.useEffect(function() {
+  React59.useEffect(function() {
     if (props.inert) {
       document.body.classList.add("block-interactivity-".concat(id));
       var allow_1 = __spreadArray([props.lockRef.current], (props.shards || []).map(extractRef)).filter(Boolean);
@@ -14358,7 +14500,7 @@ function RemoveScrollSideCar(props) {
     }
     return;
   }, [props.inert, props.lockRef.current, props.shards]);
-  var shouldCancelEvent = React58.useCallback(function(event, parent) {
+  var shouldCancelEvent = React59.useCallback(function(event, parent) {
     if ("touches" in event && event.touches.length === 2 || event.type === "wheel" && event.ctrlKey) {
       return !lastProps.current.allowPinchZoom;
     }
@@ -14394,7 +14536,7 @@ function RemoveScrollSideCar(props) {
     var cancelingAxis = activeAxis.current || currentAxis;
     return handleScroll(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY);
   }, []);
-  var shouldPrevent = React58.useCallback(function(_event) {
+  var shouldPrevent = React59.useCallback(function(_event) {
     var event = _event;
     if (!lockStack.length || lockStack[lockStack.length - 1] !== Style2) {
       return;
@@ -14421,7 +14563,7 @@ function RemoveScrollSideCar(props) {
       }
     }
   }, []);
-  var shouldCancel = React58.useCallback(function(name, delta, target, should) {
+  var shouldCancel = React59.useCallback(function(name, delta, target, should) {
     var event = { name, delta, target, should, shadowParent: getOutermostShadowParent(target) };
     shouldPreventQueue.current.push(event);
     setTimeout(function() {
@@ -14430,17 +14572,17 @@ function RemoveScrollSideCar(props) {
       });
     }, 1);
   }, []);
-  var scrollTouchStart = React58.useCallback(function(event) {
+  var scrollTouchStart = React59.useCallback(function(event) {
     touchStartRef.current = getTouchXY(event);
     activeAxis.current = void 0;
   }, []);
-  var scrollWheel = React58.useCallback(function(event) {
+  var scrollWheel = React59.useCallback(function(event) {
     shouldCancel(event.type, getDeltaXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
   }, []);
-  var scrollTouchMove = React58.useCallback(function(event) {
+  var scrollTouchMove = React59.useCallback(function(event) {
     shouldCancel(event.type, getTouchXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
   }, []);
-  React58.useEffect(function() {
+  React59.useEffect(function() {
     lockStack.push(Style2);
     props.setCallbacks({
       onScrollCapture: scrollWheel,
@@ -14460,11 +14602,11 @@ function RemoveScrollSideCar(props) {
     };
   }, []);
   var removeScrollBar = props.removeScrollBar, inert = props.inert;
-  return React58.createElement(
-    React58.Fragment,
+  return React59.createElement(
+    React59.Fragment,
     null,
-    inert ? React58.createElement(Style2, { styles: generateStyle(id) }) : null,
-    removeScrollBar ? React58.createElement(RemoveScrollBar, { noRelative: props.noRelative, gapMode: props.gapMode }) : null
+    inert ? React59.createElement(Style2, { styles: generateStyle(id) }) : null,
+    removeScrollBar ? React59.createElement(RemoveScrollBar, { noRelative: props.noRelative, gapMode: props.gapMode }) : null
   );
 }
 function getOutermostShadowParent(node) {
@@ -14483,8 +14625,8 @@ function getOutermostShadowParent(node) {
 var sidecar_default = exportSidecar(effectCar, RemoveScrollSideCar);
 
 // node_modules/react-remove-scroll/dist/es2015/Combination.js
-var ReactRemoveScroll = React58.forwardRef(function(props, ref) {
-  return React58.createElement(RemoveScroll, __assign({}, props, { ref, sideCar: sidecar_default }));
+var ReactRemoveScroll = React59.forwardRef(function(props, ref) {
+  return React59.createElement(RemoveScroll, __assign({}, props, { ref, sideCar: sidecar_default }));
 });
 ReactRemoveScroll.classNames = RemoveScroll.classNames;
 var Combination_default = ReactRemoveScroll;
@@ -14512,7 +14654,7 @@ var useRovingFocusGroupScope = createRovingFocusGroupScope();
 var [MenuProvider, useMenuContext] = createMenuContext(MENU_NAME);
 var [MenuRootProvider, useMenuRootContext] = createMenuContext(MENU_NAME);
 var ANCHOR_NAME2 = "MenuAnchor";
-var MenuAnchor = React58.forwardRef(
+var MenuAnchor = React59.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...anchorProps } = props;
     const popperScope = usePopperScope(__scopeMenu);
@@ -14526,7 +14668,7 @@ var [PortalProvider, usePortalContext] = createMenuContext(PORTAL_NAME2, {
 });
 var CONTENT_NAME2 = "MenuContent";
 var [MenuContentProvider, useMenuContentContext] = createMenuContext(CONTENT_NAME2);
-var MenuContent = React58.forwardRef(
+var MenuContent = React59.forwardRef(
   (props, forwardedRef) => {
     const portalContext = usePortalContext(CONTENT_NAME2, props.__scopeMenu);
     const { forceMount = portalContext.forceMount, ...contentProps } = props;
@@ -14535,12 +14677,12 @@ var MenuContent = React58.forwardRef(
     return /* @__PURE__ */ jsx$1(Collection2.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsx$1(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx$1(Collection2.Slot, { scope: props.__scopeMenu, children: rootContext.modal ? /* @__PURE__ */ jsx$1(MenuRootContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx$1(MenuRootContentNonModal, { ...contentProps, ref: forwardedRef }) }) }) });
   }
 );
-var MenuRootContentModal = React58.forwardRef(
+var MenuRootContentModal = React59.forwardRef(
   (props, forwardedRef) => {
     const context = useMenuContext(CONTENT_NAME2, props.__scopeMenu);
-    const ref = React58.useRef(null);
+    const ref = React59.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, ref);
-    React58.useEffect(() => {
+    React59.useEffect(() => {
       const content = ref.current;
       if (content) return hideOthers(content);
     }, []);
@@ -14562,7 +14704,7 @@ var MenuRootContentModal = React58.forwardRef(
     );
   }
 );
-var MenuRootContentNonModal = React58.forwardRef((props, forwardedRef) => {
+var MenuRootContentNonModal = React59.forwardRef((props, forwardedRef) => {
   const context = useMenuContext(CONTENT_NAME2, props.__scopeMenu);
   return /* @__PURE__ */ jsx$1(
     MenuContentImpl,
@@ -14577,7 +14719,7 @@ var MenuRootContentNonModal = React58.forwardRef((props, forwardedRef) => {
   );
 });
 var Slot2 = createSlot("MenuContent.ScrollLock");
-var MenuContentImpl = React58.forwardRef(
+var MenuContentImpl = React59.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopeMenu,
@@ -14600,16 +14742,16 @@ var MenuContentImpl = React58.forwardRef(
     const popperScope = usePopperScope(__scopeMenu);
     const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeMenu);
     const getItems = useCollection2(__scopeMenu);
-    const [currentItemId, setCurrentItemId] = React58.useState(null);
-    const contentRef = React58.useRef(null);
+    const [currentItemId, setCurrentItemId] = React59.useState(null);
+    const contentRef = React59.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, contentRef, context.onContentChange);
-    const timerRef = React58.useRef(0);
-    const searchRef = React58.useRef("");
-    const pointerGraceTimerRef = React58.useRef(0);
-    const pointerGraceIntentRef = React58.useRef(null);
-    const pointerDirRef = React58.useRef("right");
-    const lastPointerXRef = React58.useRef(0);
-    const ScrollLockWrapper = disableOutsideScroll ? Combination_default : React58.Fragment;
+    const timerRef = React59.useRef(0);
+    const searchRef = React59.useRef("");
+    const pointerGraceTimerRef = React59.useRef(0);
+    const pointerGraceIntentRef = React59.useRef(null);
+    const pointerDirRef = React59.useRef("right");
+    const lastPointerXRef = React59.useRef(0);
+    const ScrollLockWrapper = disableOutsideScroll ? Combination_default : React59.Fragment;
     const scrollLockWrapperProps = disableOutsideScroll ? { as: Slot2, allowPinchZoom: true } : void 0;
     const handleTypeaheadSearch = (key) => {
       var _a2, _b;
@@ -14629,11 +14771,11 @@ var MenuContentImpl = React58.forwardRef(
         setTimeout(() => newItem.focus());
       }
     };
-    React58.useEffect(() => {
+    React59.useEffect(() => {
       return () => window.clearTimeout(timerRef.current);
     }, []);
     useFocusGuards();
-    const isPointerMovingToSubmenu = React58.useCallback((event) => {
+    const isPointerMovingToSubmenu = React59.useCallback((event) => {
       var _a2, _b;
       const isMovingTowards = pointerDirRef.current === ((_a2 = pointerGraceIntentRef.current) == null ? void 0 : _a2.side);
       return isMovingTowards && isPointerInGraceArea(event, (_b = pointerGraceIntentRef.current) == null ? void 0 : _b.area);
@@ -14643,13 +14785,13 @@ var MenuContentImpl = React58.forwardRef(
       {
         scope: __scopeMenu,
         searchRef,
-        onItemEnter: React58.useCallback(
+        onItemEnter: React59.useCallback(
           (event) => {
             if (isPointerMovingToSubmenu(event)) event.preventDefault();
           },
           [isPointerMovingToSubmenu]
         ),
-        onItemLeave: React58.useCallback(
+        onItemLeave: React59.useCallback(
           (event) => {
             var _a2;
             if (isPointerMovingToSubmenu(event)) return;
@@ -14658,14 +14800,14 @@ var MenuContentImpl = React58.forwardRef(
           },
           [isPointerMovingToSubmenu]
         ),
-        onTriggerLeave: React58.useCallback(
+        onTriggerLeave: React59.useCallback(
           (event) => {
             if (isPointerMovingToSubmenu(event)) event.preventDefault();
           },
           [isPointerMovingToSubmenu]
         ),
         pointerGraceTimerRef,
-        onPointerGraceIntentChange: React58.useCallback((intent) => {
+        onPointerGraceIntentChange: React59.useCallback((intent) => {
           pointerGraceIntentRef.current = intent;
         }, []),
         children: /* @__PURE__ */ jsx$1(ScrollLockWrapper, { ...scrollLockWrapperProps, children: /* @__PURE__ */ jsx$1(
@@ -14765,7 +14907,7 @@ var MenuContentImpl = React58.forwardRef(
 );
 MenuContent.displayName = CONTENT_NAME2;
 var GROUP_NAME2 = "MenuGroup";
-var MenuGroup = React58.forwardRef(
+var MenuGroup = React59.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...groupProps } = props;
     return /* @__PURE__ */ jsx$1(Primitive.div, { role: "group", ...groupProps, ref: forwardedRef });
@@ -14773,7 +14915,7 @@ var MenuGroup = React58.forwardRef(
 );
 MenuGroup.displayName = GROUP_NAME2;
 var LABEL_NAME = "MenuLabel";
-var MenuLabel = React58.forwardRef(
+var MenuLabel = React59.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...labelProps } = props;
     return /* @__PURE__ */ jsx$1(Primitive.div, { ...labelProps, ref: forwardedRef });
@@ -14782,14 +14924,14 @@ var MenuLabel = React58.forwardRef(
 MenuLabel.displayName = LABEL_NAME;
 var ITEM_NAME2 = "MenuItem";
 var ITEM_SELECT = "menu.itemSelect";
-var MenuItem = React58.forwardRef(
+var MenuItem = React59.forwardRef(
   (props, forwardedRef) => {
     const { disabled = false, onSelect, ...itemProps } = props;
-    const ref = React58.useRef(null);
+    const ref = React59.useRef(null);
     const rootContext = useMenuRootContext(ITEM_NAME2, props.__scopeMenu);
     const contentContext = useMenuContentContext(ITEM_NAME2, props.__scopeMenu);
     const composedRefs = useComposedRefs(forwardedRef, ref);
-    const isPointerDownRef = React58.useRef(false);
+    const isPointerDownRef = React59.useRef(false);
     const handleSelect = () => {
       const menuItem = ref.current;
       if (!disabled && menuItem) {
@@ -14832,16 +14974,16 @@ var MenuItem = React58.forwardRef(
   }
 );
 MenuItem.displayName = ITEM_NAME2;
-var MenuItemImpl = React58.forwardRef(
+var MenuItemImpl = React59.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, disabled = false, textValue, ...itemProps } = props;
     const contentContext = useMenuContentContext(ITEM_NAME2, __scopeMenu);
     const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeMenu);
-    const ref = React58.useRef(null);
+    const ref = React59.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, ref);
-    const [isFocused, setIsFocused] = React58.useState(false);
-    const [textContent, setTextContent] = React58.useState("");
-    React58.useEffect(() => {
+    const [isFocused, setIsFocused] = React59.useState(false);
+    const [textContent, setTextContent] = React59.useState("");
+    React59.useEffect(() => {
       var _a2;
       const menuItem = ref.current;
       if (menuItem) {
@@ -14890,7 +15032,7 @@ var MenuItemImpl = React58.forwardRef(
   }
 );
 var CHECKBOX_ITEM_NAME = "MenuCheckboxItem";
-var MenuCheckboxItem = React58.forwardRef(
+var MenuCheckboxItem = React59.forwardRef(
   (props, forwardedRef) => {
     const { checked = false, onCheckedChange, ...checkboxItemProps } = props;
     return /* @__PURE__ */ jsx$1(ItemIndicatorProvider, { scope: props.__scopeMenu, checked, children: /* @__PURE__ */ jsx$1(
@@ -14917,7 +15059,7 @@ var [RadioGroupProvider, useRadioGroupContext] = createMenuContext(
   { value: void 0, onValueChange: () => {
   } }
 );
-var MenuRadioGroup = React58.forwardRef(
+var MenuRadioGroup = React59.forwardRef(
   (props, forwardedRef) => {
     const { value, onValueChange, ...groupProps } = props;
     const handleValueChange = useCallbackRef(onValueChange);
@@ -14926,7 +15068,7 @@ var MenuRadioGroup = React58.forwardRef(
 );
 MenuRadioGroup.displayName = RADIO_GROUP_NAME;
 var RADIO_ITEM_NAME = "MenuRadioItem";
-var MenuRadioItem = React58.forwardRef(
+var MenuRadioItem = React59.forwardRef(
   (props, forwardedRef) => {
     const { value, ...radioItemProps } = props;
     const context = useRadioGroupContext(RADIO_ITEM_NAME, props.__scopeMenu);
@@ -14957,7 +15099,7 @@ var [ItemIndicatorProvider, useItemIndicatorContext] = createMenuContext(
   ITEM_INDICATOR_NAME,
   { checked: false }
 );
-var MenuItemIndicator = React58.forwardRef(
+var MenuItemIndicator = React59.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, forceMount, ...itemIndicatorProps } = props;
     const indicatorContext = useItemIndicatorContext(ITEM_INDICATOR_NAME, __scopeMenu);
@@ -14979,7 +15121,7 @@ var MenuItemIndicator = React58.forwardRef(
 );
 MenuItemIndicator.displayName = ITEM_INDICATOR_NAME;
 var SEPARATOR_NAME = "MenuSeparator";
-var MenuSeparator = React58.forwardRef(
+var MenuSeparator = React59.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...separatorProps } = props;
     return /* @__PURE__ */ jsx$1(
@@ -14995,7 +15137,7 @@ var MenuSeparator = React58.forwardRef(
 );
 MenuSeparator.displayName = SEPARATOR_NAME;
 var ARROW_NAME2 = "MenuArrow";
-var MenuArrow = React58.forwardRef(
+var MenuArrow = React59.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...arrowProps } = props;
     const popperScope = usePopperScope(__scopeMenu);
@@ -15006,21 +15148,21 @@ MenuArrow.displayName = ARROW_NAME2;
 var SUB_NAME = "MenuSub";
 var [MenuSubProvider, useMenuSubContext] = createMenuContext(SUB_NAME);
 var SUB_TRIGGER_NAME = "MenuSubTrigger";
-var MenuSubTrigger = React58.forwardRef(
+var MenuSubTrigger = React59.forwardRef(
   (props, forwardedRef) => {
     const context = useMenuContext(SUB_TRIGGER_NAME, props.__scopeMenu);
     const rootContext = useMenuRootContext(SUB_TRIGGER_NAME, props.__scopeMenu);
     const subContext = useMenuSubContext(SUB_TRIGGER_NAME, props.__scopeMenu);
     const contentContext = useMenuContentContext(SUB_TRIGGER_NAME, props.__scopeMenu);
-    const openTimerRef = React58.useRef(null);
+    const openTimerRef = React59.useRef(null);
     const { pointerGraceTimerRef, onPointerGraceIntentChange } = contentContext;
     const scope = { __scopeMenu: props.__scopeMenu };
-    const clearOpenTimer = React58.useCallback(() => {
+    const clearOpenTimer = React59.useCallback(() => {
       if (openTimerRef.current) window.clearTimeout(openTimerRef.current);
       openTimerRef.current = null;
     }, []);
-    React58.useEffect(() => clearOpenTimer, [clearOpenTimer]);
-    React58.useEffect(() => {
+    React59.useEffect(() => clearOpenTimer, [clearOpenTimer]);
+    React59.useEffect(() => {
       const pointerGraceTimer = pointerGraceTimerRef.current;
       return () => {
         window.clearTimeout(pointerGraceTimer);
@@ -15110,14 +15252,14 @@ var MenuSubTrigger = React58.forwardRef(
 );
 MenuSubTrigger.displayName = SUB_TRIGGER_NAME;
 var SUB_CONTENT_NAME = "MenuSubContent";
-var MenuSubContent = React58.forwardRef(
+var MenuSubContent = React59.forwardRef(
   (props, forwardedRef) => {
     const portalContext = usePortalContext(CONTENT_NAME2, props.__scopeMenu);
     const { forceMount = portalContext.forceMount, ...subContentProps } = props;
     const context = useMenuContext(CONTENT_NAME2, props.__scopeMenu);
     const rootContext = useMenuRootContext(CONTENT_NAME2, props.__scopeMenu);
     const subContext = useMenuSubContext(SUB_CONTENT_NAME, props.__scopeMenu);
-    const ref = React58.useRef(null);
+    const ref = React59.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, ref);
     return /* @__PURE__ */ jsx$1(Collection2.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsx$1(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx$1(Collection2.Slot, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsx$1(
       MenuContentImpl,
@@ -15235,7 +15377,7 @@ var [createDropdownMenuContext] = createContextScope(
 var useMenuScope = createMenuScope();
 var [DropdownMenuProvider, useDropdownMenuContext] = createDropdownMenuContext(DROPDOWN_MENU_NAME);
 var TRIGGER_NAME = "DropdownMenuTrigger";
-var DropdownMenuTrigger2 = React58.forwardRef(
+var DropdownMenuTrigger2 = React59.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDropdownMenu, disabled = false, ...triggerProps } = props;
     const context = useDropdownMenuContext(TRIGGER_NAME, __scopeDropdownMenu);
@@ -15271,12 +15413,12 @@ var DropdownMenuTrigger2 = React58.forwardRef(
 );
 DropdownMenuTrigger2.displayName = TRIGGER_NAME;
 var CONTENT_NAME3 = "DropdownMenuContent";
-var DropdownMenuContent2 = React58.forwardRef(
+var DropdownMenuContent2 = React59.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDropdownMenu, ...contentProps } = props;
     const context = useDropdownMenuContext(CONTENT_NAME3, __scopeDropdownMenu);
     const menuScope = useMenuScope(__scopeDropdownMenu);
-    const hasInteractedOutsideRef = React58.useRef(false);
+    const hasInteractedOutsideRef = React59.useRef(false);
     return /* @__PURE__ */ jsx$1(
       Content2,
       {
@@ -15314,7 +15456,7 @@ var DropdownMenuContent2 = React58.forwardRef(
 );
 DropdownMenuContent2.displayName = CONTENT_NAME3;
 var GROUP_NAME3 = "DropdownMenuGroup";
-var DropdownMenuGroup2 = React58.forwardRef(
+var DropdownMenuGroup2 = React59.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDropdownMenu, ...groupProps } = props;
     const menuScope = useMenuScope(__scopeDropdownMenu);
@@ -15323,7 +15465,7 @@ var DropdownMenuGroup2 = React58.forwardRef(
 );
 DropdownMenuGroup2.displayName = GROUP_NAME3;
 var LABEL_NAME2 = "DropdownMenuLabel";
-var DropdownMenuLabel2 = React58.forwardRef(
+var DropdownMenuLabel2 = React59.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDropdownMenu, ...labelProps } = props;
     const menuScope = useMenuScope(__scopeDropdownMenu);
@@ -15332,7 +15474,7 @@ var DropdownMenuLabel2 = React58.forwardRef(
 );
 DropdownMenuLabel2.displayName = LABEL_NAME2;
 var ITEM_NAME3 = "DropdownMenuItem";
-var DropdownMenuItem2 = React58.forwardRef(
+var DropdownMenuItem2 = React59.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDropdownMenu, ...itemProps } = props;
     const menuScope = useMenuScope(__scopeDropdownMenu);
@@ -15341,42 +15483,42 @@ var DropdownMenuItem2 = React58.forwardRef(
 );
 DropdownMenuItem2.displayName = ITEM_NAME3;
 var CHECKBOX_ITEM_NAME2 = "DropdownMenuCheckboxItem";
-var DropdownMenuCheckboxItem2 = React58.forwardRef((props, forwardedRef) => {
+var DropdownMenuCheckboxItem2 = React59.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...checkboxItemProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
   return /* @__PURE__ */ jsx$1(CheckboxItem, { ...menuScope, ...checkboxItemProps, ref: forwardedRef });
 });
 DropdownMenuCheckboxItem2.displayName = CHECKBOX_ITEM_NAME2;
 var RADIO_GROUP_NAME2 = "DropdownMenuRadioGroup";
-var DropdownMenuRadioGroup2 = React58.forwardRef((props, forwardedRef) => {
+var DropdownMenuRadioGroup2 = React59.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...radioGroupProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
   return /* @__PURE__ */ jsx$1(RadioGroup2, { ...menuScope, ...radioGroupProps, ref: forwardedRef });
 });
 DropdownMenuRadioGroup2.displayName = RADIO_GROUP_NAME2;
 var RADIO_ITEM_NAME2 = "DropdownMenuRadioItem";
-var DropdownMenuRadioItem2 = React58.forwardRef((props, forwardedRef) => {
+var DropdownMenuRadioItem2 = React59.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...radioItemProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
   return /* @__PURE__ */ jsx$1(RadioItem, { ...menuScope, ...radioItemProps, ref: forwardedRef });
 });
 DropdownMenuRadioItem2.displayName = RADIO_ITEM_NAME2;
 var INDICATOR_NAME = "DropdownMenuItemIndicator";
-var DropdownMenuItemIndicator = React58.forwardRef((props, forwardedRef) => {
+var DropdownMenuItemIndicator = React59.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...itemIndicatorProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
   return /* @__PURE__ */ jsx$1(ItemIndicator, { ...menuScope, ...itemIndicatorProps, ref: forwardedRef });
 });
 DropdownMenuItemIndicator.displayName = INDICATOR_NAME;
 var SEPARATOR_NAME2 = "DropdownMenuSeparator";
-var DropdownMenuSeparator2 = React58.forwardRef((props, forwardedRef) => {
+var DropdownMenuSeparator2 = React59.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...separatorProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
   return /* @__PURE__ */ jsx$1(Separator2, { ...menuScope, ...separatorProps, ref: forwardedRef });
 });
 DropdownMenuSeparator2.displayName = SEPARATOR_NAME2;
 var ARROW_NAME3 = "DropdownMenuArrow";
-var DropdownMenuArrow = React58.forwardRef(
+var DropdownMenuArrow = React59.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDropdownMenu, ...arrowProps } = props;
     const menuScope = useMenuScope(__scopeDropdownMenu);
@@ -15385,14 +15527,14 @@ var DropdownMenuArrow = React58.forwardRef(
 );
 DropdownMenuArrow.displayName = ARROW_NAME3;
 var SUB_TRIGGER_NAME2 = "DropdownMenuSubTrigger";
-var DropdownMenuSubTrigger2 = React58.forwardRef((props, forwardedRef) => {
+var DropdownMenuSubTrigger2 = React59.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...subTriggerProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
   return /* @__PURE__ */ jsx$1(SubTrigger, { ...menuScope, ...subTriggerProps, ref: forwardedRef });
 });
 DropdownMenuSubTrigger2.displayName = SUB_TRIGGER_NAME2;
 var SUB_CONTENT_NAME2 = "DropdownMenuSubContent";
-var DropdownMenuSubContent2 = React58.forwardRef((props, forwardedRef) => {
+var DropdownMenuSubContent2 = React59.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...subContentProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
   return /* @__PURE__ */ jsx$1(
@@ -15618,27 +15760,27 @@ function DataGrid({
   loading: loadingProp
 }) {
   var _a2, _b, _c;
-  const normalizedRead = React58.useMemo(() => normalizeReadConfig(data.read), [data.read]);
-  const initialBind = React58.useMemo(() => {
+  const normalizedRead = React59.useMemo(() => normalizeReadConfig(data.read), [data.read]);
+  const initialBind = React59.useMemo(() => {
     var _a3;
     return (_a3 = data.bind) != null ? _a3 : [];
   }, [data.bind]);
   const resolvedPageSize = (_a2 = pageSize == null ? void 0 : pageSize.count) != null ? _a2 : defaultPageSize;
   const pageSizeOptions = (_b = pageSize == null ? void 0 : pageSize.options) != null ? _b : [10, 20, 30, 40, 50];
   const showPageSizeControl = (_c = pageSize == null ? void 0 : pageSize.visible) != null ? _c : true;
-  const [rows, setRows] = React58.useState(() => initialBind);
-  const [isFetching, setIsFetching] = React58.useState(false);
-  const [error, setError] = React58.useState(null);
-  const scrollRef = React58.useRef(null);
-  const [scrollOffset, setScrollOffset] = React58.useState(0);
-  const [viewportHeight, setViewportHeight] = React58.useState(height);
-  const abortControllerRef = React58.useRef(null);
-  const [filterValue, setFilterValue] = React58.useState("");
-  const baseColumnDefs = React58.useMemo(
+  const [rows, setRows] = React59.useState(() => initialBind);
+  const [isFetching, setIsFetching] = React59.useState(false);
+  const [error, setError] = React59.useState(null);
+  const scrollRef = React59.useRef(null);
+  const [scrollOffset, setScrollOffset] = React59.useState(0);
+  const [viewportHeight, setViewportHeight] = React59.useState(height);
+  const abortControllerRef = React59.useRef(null);
+  const [filterValue, setFilterValue] = React59.useState("");
+  const baseColumnDefs = React59.useMemo(
     () => createColumnDefs(columns, sortable),
     [columns, sortable]
   );
-  const columnDefs = React58.useMemo(() => {
+  const columnDefs = React59.useMemo(() => {
     if (!selectable) {
       return baseColumnDefs;
     }
@@ -15672,8 +15814,8 @@ function DataGrid({
     };
     return [selectionColumn, ...baseColumnDefs];
   }, [baseColumnDefs, selectable]);
-  const filterableColumns = React58.useMemo(() => columns.filter((column) => Boolean(column.item)), [columns]);
-  const filteredRows = React58.useMemo(() => {
+  const filterableColumns = React59.useMemo(() => columns.filter((column) => Boolean(column.item)), [columns]);
+  const filteredRows = React59.useMemo(() => {
     if (!filterable || !filterValue.trim()) {
       return rows;
     }
@@ -15695,26 +15837,26 @@ function DataGrid({
     defaultPageSize: pagination ? resolvedPageSize : filteredRows.length || 10,
     getRowId: (_row, index2) => index2.toString()
   });
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     if (!pagination) {
       table.setPageIndex(0);
       table.setPageSize(filteredRows.length || 1);
     }
   }, [pagination, filteredRows.length, table]);
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     if (pagination) {
       table.setPageSize(resolvedPageSize);
     }
   }, [pagination, resolvedPageSize, table]);
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     setRows(initialBind);
   }, [initialBind]);
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     if (!filterable) {
       setFilterValue("");
     }
   }, [filterable]);
-  const fetchData = React58.useCallback(async () => {
+  const fetchData = React59.useCallback(async () => {
     var _a3, _b2;
     if (!normalizedRead) {
       return;
@@ -15760,7 +15902,7 @@ function DataGrid({
       setIsFetching(false);
     }
   }, [normalizedRead, onDataChange]);
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     if (normalizedRead) {
       fetchData().catch(() => {
       });
@@ -15770,7 +15912,7 @@ function DataGrid({
       (_a3 = abortControllerRef.current) == null ? void 0 : _a3.abort();
     };
   }, [normalizedRead, fetchData]);
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     if (!scrollRef.current) {
       return;
     }
@@ -15792,7 +15934,7 @@ function DataGrid({
   const rowCount = tableRows.length;
   const selectedCount = table.getFilteredSelectedRowModel().rows.length;
   const totalFilteredCount = table.getFilteredRowModel().rows.length;
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     if (scrollRef.current) {
       scrollRef.current.scrollTop = 0;
     }
@@ -15804,7 +15946,7 @@ function DataGrid({
     tableRows.length,
     Math.ceil((scrollOffset + viewportHeight) / rowHeight) + overscan
   );
-  const virtualRows = React58.useMemo(() => {
+  const virtualRows = React59.useMemo(() => {
     if (!tableRows.length) {
       return null;
     }
@@ -15887,7 +16029,7 @@ function DataGrid({
   ] });
 }
 DataGrid.displayName = "DataGrid";
-var FormBlock = React58.forwardRef(
+var FormBlock = React59.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
@@ -15900,7 +16042,7 @@ var FormBlock = React58.forwardRef(
   }
 );
 FormBlock.displayName = "FormBlock";
-var FormError = React58.forwardRef(
+var FormError = React59.forwardRef(
   ({ message, children, className, ...props }, ref) => {
     if (!message && !children) {
       return null;
@@ -15928,7 +16070,7 @@ var resolveFormLike2 = (form) => {
   }
   return (_a2 = form.form) != null ? _a2 : form;
 };
-var FormInput = React58.forwardRef(
+var FormInput = React59.forwardRef(
   ({
     label,
     name,
@@ -16046,7 +16188,7 @@ var resolveFormLike3 = (form) => {
   }
   return (_a2 = form.form) != null ? _a2 : form;
 };
-var FormInputMask = React58.forwardRef(
+var FormInputMask = React59.forwardRef(
   ({
     label,
     name,
@@ -16161,7 +16303,7 @@ var resolveFormLike4 = (form) => {
   }
   return (_a2 = form.form) != null ? _a2 : form;
 };
-var FormInputNumeric = React58.forwardRef(
+var FormInputNumeric = React59.forwardRef(
   ({
     label,
     name,
@@ -16348,18 +16490,18 @@ function FormSelect({
     title: multiContentPropTitle,
     ...restMultiContentProps
   } = multiSelectContentProps;
-  const [internalSingleValue, setInternalSingleValue] = React58.useState(
+  const [internalSingleValue, setInternalSingleValue] = React59.useState(
     typeof defaultValue === "string" ? defaultValue : ""
   );
-  const [internalMultiValue, setInternalMultiValue] = React58.useState(
+  const [internalMultiValue, setInternalMultiValue] = React59.useState(
     Array.isArray(defaultValue) ? defaultValue : []
   );
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     if (typeof defaultValue === "string" && selectPropValue === void 0 && formValue === void 0 && value === void 0) {
       setInternalSingleValue(defaultValue);
     }
   }, [defaultValue, formValue, selectPropValue, value]);
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     if (Array.isArray(defaultValue) && multiSelectPropValue === void 0 && !Array.isArray(formValue) && !Array.isArray(value)) {
       setInternalMultiValue(defaultValue);
     }
@@ -16367,7 +16509,7 @@ function FormSelect({
   const finalSingleValue = typeof selectPropValue === "string" ? selectPropValue : typeof formValue === "string" ? formValue : typeof value === "string" ? value : internalSingleValue;
   const finalMultiValue = Array.isArray(multiSelectPropValue) ? multiSelectPropValue : Array.isArray(formValue) ? formValue : Array.isArray(value) ? value : internalMultiValue;
   const resolvedError = (_a2 = formTouched ? formError : void 0) != null ? _a2 : error;
-  const handleFormChange = React58.useCallback(
+  const handleFormChange = React59.useCallback(
     (nextValue) => {
       if (Array.isArray(nextValue)) {
         formSetFieldValue == null ? void 0 : formSetFieldValue(name, nextValue);
@@ -16389,7 +16531,7 @@ function FormSelect({
     },
     [formHandleChange, formSetFieldValue, name]
   );
-  const handleSingleChange = React58.useCallback(
+  const handleSingleChange = React59.useCallback(
     (nextValue) => {
       if (selectPropValue === void 0 && formValue === void 0 && value === void 0) {
         setInternalSingleValue(nextValue);
@@ -16413,7 +16555,7 @@ function FormSelect({
       name
     ]
   );
-  const handleMultiChange = React58.useCallback(
+  const handleMultiChange = React59.useCallback(
     (nextValue) => {
       if (multiSelectPropValue === void 0 && !Array.isArray(formValue) && !Array.isArray(value)) {
         setInternalMultiValue(nextValue);
@@ -16437,7 +16579,7 @@ function FormSelect({
       name
     ]
   );
-  const handleBlur = React58.useCallback(
+  const handleBlur = React59.useCallback(
     (event) => {
       formSetFieldTouched == null ? void 0 : formSetFieldTouched(name, true);
       formHandleBlur == null ? void 0 : formHandleBlur({
@@ -16448,7 +16590,7 @@ function FormSelect({
     },
     [formHandleBlur, formSetFieldTouched, name, onBlur, triggerPropOnBlur]
   );
-  const handleMultiBlur = React58.useCallback(
+  const handleMultiBlur = React59.useCallback(
     (event) => {
       formSetFieldTouched == null ? void 0 : formSetFieldTouched(name, true);
       formHandleBlur == null ? void 0 : formHandleBlur({
@@ -16461,7 +16603,7 @@ function FormSelect({
   );
   const finalSingleDefaultValue = selectPropDefaultValue != null ? selectPropDefaultValue : typeof defaultValue === "string" ? defaultValue : void 0;
   const finalMultiDefaultValue = multiSelectPropDefaultValue != null ? multiSelectPropDefaultValue : Array.isArray(defaultValue) ? defaultValue : void 0;
-  const [mobileDrawerOpen, setMobileDrawerOpen] = React58.useState(false);
+  const [mobileDrawerOpen, setMobileDrawerOpen] = React59.useState(false);
   const MobileSelectTrigger = ({ isMulti: isMulti2 = false }) => {
     var _a3;
     const displayValue = isMulti2 ? finalMultiValue.length > 0 ? `${finalMultiValue.length} selected` : placeholder : ((_a3 = options.find((opt) => opt.value === finalSingleValue)) == null ? void 0 : _a3.label) || placeholder;
@@ -16625,7 +16767,7 @@ var resolveFormLike6 = (form) => {
   }
   return (_a2 = form.form) != null ? _a2 : form;
 };
-var FormTextarea = React58.forwardRef(
+var FormTextarea = React59.forwardRef(
   ({
     label,
     name,
@@ -16739,7 +16881,7 @@ var resolveFormLike7 = (form) => {
   }
   return (_a2 = form.form) != null ? _a2 : form;
 };
-var FormRadioGroup = React58.forwardRef(
+var FormRadioGroup = React59.forwardRef(
   ({
     label,
     description,
@@ -16778,7 +16920,7 @@ var FormRadioGroup = React58.forwardRef(
     } = radioGroupProps;
     const computedValue = (_b = value != null ? value : radioGroupValue !== void 0 ? radioGroupValue : void 0) != null ? _b : formValue !== void 0 && formValue !== null ? String(formValue) : void 0;
     const resolvedDefaultValue = computedValue === void 0 ? defaultValue != null ? defaultValue : radioGroupDefaultValue : void 0;
-    const handleChange = React58.useCallback(
+    const handleChange = React59.useCallback(
       (nextValue) => {
         var _a3;
         (_a3 = resolvedForm == null ? void 0 : resolvedForm.setFieldValue) == null ? void 0 : _a3.call(resolvedForm, name, nextValue);
@@ -16787,7 +16929,7 @@ var FormRadioGroup = React58.forwardRef(
       },
       [resolvedForm, name, onChange, radioGroupOnValueChange]
     );
-    const handleBlur = React58.useCallback(
+    const handleBlur = React59.useCallback(
       (event) => {
         var _a3, _b2;
         (_a3 = resolvedForm == null ? void 0 : resolvedForm.setFieldTouched) == null ? void 0 : _a3.call(resolvedForm, name, true);
@@ -16911,10 +17053,10 @@ function FormDatePicker({
     status: datePickerPropStatus,
     ...restDatePickerProps
   } = datePickerProps;
-  const [internalValue, setInternalValue] = React58.useState(
+  const [internalValue, setInternalValue] = React59.useState(
     (_a2 = datePickerPropDefaultValue != null ? datePickerPropDefaultValue : defaultValue) != null ? _a2 : null
   );
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     var _a3;
     if (datePickerPropValue === void 0 && value === void 0 && formValue === void 0) {
       setInternalValue((_a3 = datePickerPropDefaultValue != null ? datePickerPropDefaultValue : defaultValue) != null ? _a3 : null);
@@ -16925,7 +17067,7 @@ function FormDatePicker({
   const finalStatus = datePickerPropStatus != null ? datePickerPropStatus : resolvedError ? "error" : void 0;
   const finalPlaceholder = datePickerPropPlaceholder != null ? datePickerPropPlaceholder : placeholder;
   const { children: labelChildren, ...restLabelProps } = labelProps;
-  const handleValueChange = React58.useCallback(
+  const handleValueChange = React59.useCallback(
     (nextValue, dateString) => {
       if (datePickerPropValue === void 0 && value === void 0 && formValue === void 0) {
         setInternalValue(nextValue != null ? nextValue : null);
@@ -16957,7 +17099,7 @@ function FormDatePicker({
       value
     ]
   );
-  const handleBlur = React58.useCallback(
+  const handleBlur = React59.useCallback(
     (event) => {
       formSetFieldTouched == null ? void 0 : formSetFieldTouched(name, true);
       formHandleBlur == null ? void 0 : formHandleBlur({
@@ -17066,10 +17208,10 @@ function FormTimePicker({
     status: timePickerPropStatus,
     ...restTimePickerProps
   } = timePickerProps;
-  const [internalValue, setInternalValue] = React58.useState(
+  const [internalValue, setInternalValue] = React59.useState(
     (_a2 = timePickerPropDefaultValue != null ? timePickerPropDefaultValue : defaultValue) != null ? _a2 : null
   );
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     var _a3;
     if (timePickerPropValue === void 0 && value === void 0 && formValue === void 0) {
       setInternalValue((_a3 = timePickerPropDefaultValue != null ? timePickerPropDefaultValue : defaultValue) != null ? _a3 : null);
@@ -17080,7 +17222,7 @@ function FormTimePicker({
   const finalStatus = timePickerPropStatus != null ? timePickerPropStatus : resolvedError ? "error" : void 0;
   const finalPlaceholder = timePickerPropPlaceholder != null ? timePickerPropPlaceholder : placeholder;
   const { children: labelChildren, ...restLabelProps } = labelProps;
-  const handleValueChange = React58.useCallback(
+  const handleValueChange = React59.useCallback(
     (nextValue, formatted) => {
       if (timePickerPropValue === void 0 && value === void 0 && formValue === void 0) {
         setInternalValue(nextValue != null ? nextValue : null);
@@ -17112,7 +17254,7 @@ function FormTimePicker({
       value
     ]
   );
-  const handleBlur = React58.useCallback(
+  const handleBlur = React59.useCallback(
     (event) => {
       formSetFieldTouched == null ? void 0 : formSetFieldTouched(name, true);
       formHandleBlur == null ? void 0 : formHandleBlur({
@@ -17188,10 +17330,12 @@ var FormSwitch = ({
   rules
 }) => {
   var _a2;
-  const fallbackId = React58.useId();
+  const fallbackId = React59.useId();
   const {
     id: providedId,
     onCheckedChange: switchOnCheckedChange,
+    className: switchClassName,
+    disabled: switchDisabled,
     "aria-describedby": ariaDescribedBy,
     "aria-labelledby": ariaLabelledBy,
     ...restSwitchProps
@@ -17210,6 +17354,27 @@ var FormSwitch = ({
   const messageId = resolvedError ? `${switchId}-error` : void 0;
   const combinedAriaDescribedBy = [ariaDescribedBy, descriptionId, messageId].filter(Boolean).join(" ").trim() || void 0;
   const computedAriaLabelledBy = label ? [ariaLabelledBy, `${switchId}-label`].filter(Boolean).join(" ").trim() || void 0 : ariaLabelledBy;
+  const handleLabelClick = React59.useCallback(
+    (event) => {
+      if (switchDisabled) {
+        return;
+      }
+      const switchElement = document.getElementById(switchId);
+      if (!switchElement) {
+        return;
+      }
+      event.preventDefault();
+      if (typeof switchElement.focus === "function") {
+        try {
+          switchElement.focus({ preventScroll: true });
+        } catch {
+          switchElement.focus();
+        }
+      }
+      switchElement.click();
+    },
+    [switchDisabled, switchId]
+  );
   const handleCheckedChange = (nextState) => {
     var _a3, _b, _c;
     const validationError = rules ? validateSwitch(nextState, rules) : void 0;
@@ -17227,7 +17392,19 @@ var FormSwitch = ({
   };
   return /* @__PURE__ */ jsxs("div", { className: cn("flex items-start justify-between gap-4", className), children: [
     /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-2", children: [
-      label ? /* @__PURE__ */ jsx(FormLabel, { id: `${switchId}-label`, htmlFor: switchId, className: "text-sm leading-none font-medium", children: label }) : null,
+      label ? /* @__PURE__ */ jsx(
+        FormLabel,
+        {
+          id: `${switchId}-label`,
+          htmlFor: switchId,
+          onClick: handleLabelClick,
+          className: cn(
+            "text-sm leading-none font-medium",
+            switchDisabled ? "cursor-not-allowed" : "cursor-pointer"
+          ),
+          children: label
+        }
+      ) : null,
       description ? /* @__PURE__ */ jsx(FormDescription, { id: descriptionId, children: description }) : null,
       /* @__PURE__ */ jsx(FormMessage, { id: messageId, children: resolvedError })
     ] }),
@@ -17239,6 +17416,8 @@ var FormSwitch = ({
         "aria-invalid": Boolean(resolvedError),
         "aria-describedby": combinedAriaDescribedBy,
         "aria-labelledby": computedAriaLabelledBy,
+        className: cn("cursor-pointer", switchClassName),
+        disabled: switchDisabled,
         ...restSwitchProps,
         ...fieldChecked !== void 0 ? { checked: fieldChecked } : { defaultChecked },
         onCheckedChange: handleCheckedChange
@@ -17272,6 +17451,6 @@ var SIDEBAR_COLLAPSIBLE_VALUES = ["offcanvas", "icon", "none"];
 var CONTENT_LAYOUT_VALUES = ["centered", "full-width"];
 var NAVBAR_STYLE_VALUES = ["sticky", "scroll"];
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, CONTENT_LAYOUT_VALUES, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataGrid, DataTable, DataTableColumnHeader, DataTablePagination, DataTableViewOptions, DatePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DraggableRow, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FIELD_HEIGHT_MOBILE_CLASS, Flex, Form, FormBlock, FormCheckbox, FormDatePicker, FormError, FormInput, FormInputMask, FormInputNumeric, FormRadioGroup, FormSelect, FormSwitch, FormTextarea, FormTimePicker, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputMask, InputNumeric, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MobileFooter, MobileHeader, MobileHeaderProvider, MobileLayout, MobileSelectDrawer, MultiSelect, MultiSelectContent, MultiSelectItem, MultiSelectTrigger, MultiSelectValue, NAVBAR_STYLE_VALUES, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, RouterProvider, SIDEBAR_COLLAPSIBLE_VALUES, SIDEBAR_VARIANT_VALUES, SafeArea, ScrollArea, ScrollBar, Select, SelectContent, SelectItem, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Switch, THEME_MODE_CHANGE_EVENT, THEME_MODE_STORAGE_KEY, THEME_MODE_VALUES, THEME_PRESET_OPTIONS, THEME_PRESET_VALUES, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeProvider, TimePicker, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip2 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn, createStore, dragColumn, formatCurrency, getInitials, getMonitor, getThemeMode, initializeMonitoring, isNullOrEmpty, isThemeMode, mobileFooterVariantMeta, mobileFooterVariants, mobileHeaderVariantMeta, mobileHeaderVariants, navigationMenuTriggerStyle, redirect, resolveThemeMode, setThemeMode, showError, showInfo, showSonner, showSuccess, showWarning, toBool, toggleVariants, updateContentLayout, updateNavbarStyle, updateThemeMode, updateThemePreset, useDataTableInstance, useForm, useIsMobile, useMobileHeader, useMonitor, useNavigate, usePathname, useSidebar, useStore, useTheme, useThemeExtras, withDndColumn };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, CONTENT_LAYOUT_VALUES, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataGrid, DataTable, DataTableColumnHeader, DataTablePagination, DataTableViewOptions, DatePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DraggableRow, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FIELD_HEIGHT_MOBILE_CLASS, Flex, Form, FormBlock, FormCheckbox, FormDatePicker, FormError, FormInput, FormInputMask, FormInputNumeric, FormRadioGroup, FormSelect, FormSwitch, FormTextarea, FormTimePicker, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputMask, InputNumeric, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MobileFooter, MobileHeader, MobileHeaderProvider, MobileLayout, MobileSelectDrawer, MultiSelect, MultiSelectContent, MultiSelectItem, MultiSelectTrigger, MultiSelectValue, NAVBAR_STYLE_VALUES, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, RouterProvider, SIDEBAR_COLLAPSIBLE_VALUES, SIDEBAR_VARIANT_VALUES, SafeArea, ScrollArea, ScrollBar, Select, SelectContent, SelectItem, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Switch, THEME_MODE_CHANGE_EVENT, THEME_MODE_STORAGE_KEY, THEME_MODE_VALUES, THEME_PRESET_OPTIONS, THEME_PRESET_VALUES, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeProvider, TimePicker, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip2 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, __virtualKeyboardTesting, badgeVariants, buttonVariants, cn, createStore, detectVirtualKeyboardDevice, dragColumn, formatCurrency, getInitials, getMonitor, getThemeMode, initializeMonitoring, isNullOrEmpty, isThemeMode, maybeScrollElementIntoView, mobileFooterVariantMeta, mobileFooterVariants, mobileHeaderVariantMeta, mobileHeaderVariants, navigationMenuTriggerStyle, redirect, resolveThemeMode, setThemeMode, showError, showInfo, showSonner, showSuccess, showWarning, toBool, toggleVariants, updateContentLayout, updateNavbarStyle, updateThemeMode, updateThemePreset, useDataTableInstance, useForm, useIsMobile, useMobileHeader, useMonitor, useNavigate, usePathname, useSidebar, useStore, useTheme, useThemeExtras, withDndColumn };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map