@gomeniucivan/ui 1.0.10 → 1.0.11

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var React58 = require('react');
+var React59 = require('react');
 var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
@@ -13,7 +13,6 @@ var useEmblaCarousel = require('embla-carousel-react');
 var RechartsPrimitive = require('recharts');
 var cmdk = require('cmdk');
 var dateFns = require('date-fns');
-require('@gomeniucivan/ui/style.css');
 var sonner = require('sonner');
 var vaul = require('vaul');
 var inputOtp = require('input-otp');
@@ -44,7 +43,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React58__namespace = /*#__PURE__*/_interopNamespace(React58);
+var React59__namespace = /*#__PURE__*/_interopNamespace(React59);
 var useEmblaCarousel__default = /*#__PURE__*/_interopDefault(useEmblaCarousel);
 var RechartsPrimitive__namespace = /*#__PURE__*/_interopNamespace(RechartsPrimitive);
 var ResizablePrimitive__namespace = /*#__PURE__*/_interopNamespace(ResizablePrimitive);
@@ -143,7 +142,7 @@ var jsx = (type, props, key) => jsxRuntime.jsx(type, sanitizeProps(type, props),
 var jsxs = (type, props, key) => jsxRuntime.jsxs(type, sanitizeProps(type, props), key);
 
 // src/lib/router.tsx
-var RouterContext = React58.createContext(null);
+var RouterContext = React59.createContext(null);
 var globalNavigate = null;
 function getPathname() {
   if (typeof window === "undefined") {
@@ -152,8 +151,8 @@ function getPathname() {
   return window.location.pathname || "/";
 }
 function RouterProvider({ children }) {
-  const [pathname, setPathname] = React58.useState(() => getPathname());
-  const navigate = React58.useCallback((path, options = {}) => {
+  const [pathname, setPathname] = React59.useState(() => getPathname());
+  const navigate = React59.useCallback((path, options = {}) => {
     if (typeof window === "undefined") {
       return;
     }
@@ -164,7 +163,7 @@ function RouterProvider({ children }) {
     }
     setPathname(getPathname());
   }, []);
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     globalNavigate = navigate;
     const handlePopState = () => {
       setPathname(getPathname());
@@ -177,21 +176,21 @@ function RouterProvider({ children }) {
       }
     };
   }, [navigate]);
-  const value = React58.useMemo(
+  const value = React59.useMemo(
     () => ({ pathname, navigate }),
     [pathname, navigate]
   );
   return /* @__PURE__ */ jsx(RouterContext.Provider, { value, children });
 }
 function usePathname() {
-  const context = React58.useContext(RouterContext);
+  const context = React59.useContext(RouterContext);
   if (!context) {
     throw new Error("usePathname must be used within a RouterProvider");
   }
   return context.pathname;
 }
 function useNavigate() {
-  const context = React58.useContext(RouterContext);
+  const context = React59.useContext(RouterContext);
   if (!context) {
     throw new Error("useNavigate must be used within a RouterProvider");
   }
@@ -370,7 +369,7 @@ function createStore(initializer) {
   return { getState, setState, subscribe };
 }
 function useStore(store, selector) {
-  return React58.useSyncExternalStore(
+  return React59.useSyncExternalStore(
     (notify) => store.subscribe(() => notify()),
     () => selector(store.getState()),
     () => selector(store.getState())
@@ -379,6 +378,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,
@@ -387,11 +523,11 @@ function useDataTableInstance({
   defaultPageSize,
   getRowId
 }) {
-  const [rowSelection, setRowSelection] = React58__namespace.useState({});
-  const [columnVisibility, setColumnVisibility] = React58__namespace.useState({});
-  const [columnFilters, setColumnFilters] = React58__namespace.useState([]);
-  const [sorting, setSorting] = React58__namespace.useState([]);
-  const [pagination, setPagination] = React58__namespace.useState({
+  const [rowSelection, setRowSelection] = React59__namespace.useState({});
+  const [columnVisibility, setColumnVisibility] = React59__namespace.useState({});
+  const [columnFilters, setColumnFilters] = React59__namespace.useState([]);
+  const [sorting, setSorting] = React59__namespace.useState([]);
+  const [pagination, setPagination] = React59__namespace.useState({
     pageIndex: defaultPageIndex != null ? defaultPageIndex : 0,
     pageSize: defaultPageSize != null ? defaultPageSize : 10
   });
@@ -558,7 +694,7 @@ var buttonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Button = React58__namespace.forwardRef(
+var Button = React59__namespace.forwardRef(
   ({
     className,
     variant,
@@ -1059,8 +1195,8 @@ function CalendarDayButton({
   ...props
 }) {
   const defaultClassNames = reactDayPicker.getDefaultClassNames();
-  const ref = React58__namespace.useRef(null);
-  React58__namespace.useEffect(() => {
+  const ref = React59__namespace.useRef(null);
+  React59__namespace.useEffect(() => {
     var _a2;
     if (modifiers.focused) (_a2 = ref.current) == null ? void 0 : _a2.focus();
   }, [modifiers.focused]);
@@ -1165,9 +1301,9 @@ function CardFooter({ className, ...props }) {
     }
   );
 }
-var CarouselContext = React58__namespace.createContext(null);
+var CarouselContext = React59__namespace.createContext(null);
 function useCarousel() {
-  const context = React58__namespace.useContext(CarouselContext);
+  const context = React59__namespace.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
@@ -1189,20 +1325,20 @@ function Carousel({
     },
     plugins
   );
-  const [canScrollPrev, setCanScrollPrev] = React58__namespace.useState(false);
-  const [canScrollNext, setCanScrollNext] = React58__namespace.useState(false);
-  const onSelect = React58__namespace.useCallback((api2) => {
+  const [canScrollPrev, setCanScrollPrev] = React59__namespace.useState(false);
+  const [canScrollNext, setCanScrollNext] = React59__namespace.useState(false);
+  const onSelect = React59__namespace.useCallback((api2) => {
     if (!api2) return;
     setCanScrollPrev(api2.canScrollPrev());
     setCanScrollNext(api2.canScrollNext());
   }, []);
-  const scrollPrev = React58__namespace.useCallback(() => {
+  const scrollPrev = React59__namespace.useCallback(() => {
     api == null ? void 0 : api.scrollPrev();
   }, [api]);
-  const scrollNext = React58__namespace.useCallback(() => {
+  const scrollNext = React59__namespace.useCallback(() => {
     api == null ? void 0 : api.scrollNext();
   }, [api]);
-  const handleKeyDown = React58__namespace.useCallback(
+  const handleKeyDown = React59__namespace.useCallback(
     (event) => {
       if (event.key === "ArrowLeft") {
         event.preventDefault();
@@ -1214,11 +1350,11 @@ function Carousel({
     },
     [scrollPrev, scrollNext]
   );
-  React58__namespace.useEffect(() => {
+  React59__namespace.useEffect(() => {
     if (!api || !setApi) return;
     setApi(api);
   }, [api, setApi]);
-  React58__namespace.useEffect(() => {
+  React59__namespace.useEffect(() => {
     if (!api) return;
     onSelect(api);
     api.on("reInit", onSelect);
@@ -1351,9 +1487,9 @@ function CarouselNext({
   );
 }
 var THEMES = { light: "", dark: ".dark" };
-var ChartContext = React58__namespace.createContext(null);
+var ChartContext = React59__namespace.createContext(null);
 function useChart() {
-  const context = React58__namespace.useContext(ChartContext);
+  const context = React59__namespace.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
@@ -1366,7 +1502,7 @@ function ChartContainer({
   config,
   ...props
 }) {
-  const uniqueId = React58__namespace.useId();
+  const uniqueId = React59__namespace.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
   return /* @__PURE__ */ jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs(
     "div",
@@ -1428,7 +1564,7 @@ function ChartTooltipContent({
   labelKey
 }) {
   const { config } = useChart();
-  const tooltipLabel = React58__namespace.useMemo(() => {
+  const tooltipLabel = React59__namespace.useMemo(() => {
     var _a2;
     if (hideLabel || !(payload == null ? void 0 : payload.length)) {
       return null;
@@ -1582,7 +1718,7 @@ function getPayloadConfigFromPayload(config, payload, key) {
   }
   return configLabelKey in config ? config[configLabelKey] : config[key];
 }
-var Checkbox = React58__namespace.forwardRef(function Checkbox2({ className, ...props }, ref) {
+var Checkbox = React59__namespace.forwardRef(function Checkbox2({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     radixUi.Checkbox.Root,
     {
@@ -2287,7 +2423,7 @@ function sanitizeErrors(errors) {
   }, {});
 }
 function useForm(config) {
-  const [state, setState] = React58.useState({
+  const [state, setState] = React59.useState({
     values: config.initialValues,
     errors: {},
     fieldErrors: {},
@@ -2295,7 +2431,7 @@ function useForm(config) {
     isSubmitting: false,
     isValid: false
   });
-  const validateForm = React58.useCallback((values = state.values) => {
+  const validateForm = React59.useCallback((values = state.values) => {
     const validationErrors = config.validate ? config.validate(values) : {};
     const mergedErrors = sanitizeErrors({
       ...validationErrors,
@@ -2309,7 +2445,7 @@ function useForm(config) {
     }));
     return isValid;
   }, [config.validate, state.fieldErrors, state.values]);
-  const setFieldValue = React58.useCallback((field, value) => {
+  const setFieldValue = React59.useCallback((field, value) => {
     setState((prev) => {
       const newValues = { ...prev.values, [field]: value };
       const newFieldErrors = { ...prev.fieldErrors };
@@ -2329,13 +2465,13 @@ function useForm(config) {
       };
     });
   }, [config.validate]);
-  const setFieldTouched = React58.useCallback((field, touched = true) => {
+  const setFieldTouched = React59.useCallback((field, touched = true) => {
     setState((prev) => ({
       ...prev,
       touched: { ...prev.touched, [field]: touched }
     }));
   }, []);
-  const setFieldError = React58.useCallback((field, error) => {
+  const setFieldError = React59.useCallback((field, error) => {
     setState((prev) => {
       const newFieldErrors = { ...prev.fieldErrors };
       if (error) {
@@ -2357,16 +2493,16 @@ function useForm(config) {
       };
     });
   }, [config.validate]);
-  const handleChange = React58.useCallback((e) => {
+  const handleChange = React59.useCallback((e) => {
     const { name, value } = e.target;
     setFieldValue(name, value);
   }, [setFieldValue]);
-  const handleBlur = React58.useCallback((e) => {
+  const handleBlur = React59.useCallback((e) => {
     const { name } = e.target;
     setFieldTouched(name, true);
     validateForm();
   }, [setFieldTouched, validateForm]);
-  const handleSubmit = React58.useCallback(async (e) => {
+  const handleSubmit = React59.useCallback(async (e) => {
     if (e) {
       e.preventDefault();
       e.stopPropagation();
@@ -2395,7 +2531,7 @@ function useForm(config) {
       setState((prev) => ({ ...prev, isSubmitting: false }));
     }
   }, [config.onSubmit, validateForm, state.values]);
-  const resetForm = React58.useCallback(() => {
+  const resetForm = React59.useCallback(() => {
     setState({
       values: config.initialValues,
       errors: {},
@@ -2456,8 +2592,8 @@ function getIsMobile() {
   return widthMatch || uaMatch || userAgentDataMobile;
 }
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React58__namespace.useState(() => getIsMobile());
-  React58__namespace.useEffect(() => {
+  const [isMobile, setIsMobile] = React59__namespace.useState(() => getIsMobile());
+  React59__namespace.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(getIsMobile());
@@ -2490,11 +2626,11 @@ var createDefaultState = (initialState) => ({
   ...initialState
 });
 var useMobileHeaderState = (initialState) => {
-  const defaultState = React58.useMemo(() => createDefaultState(initialState), [initialState]);
-  const [navigationStack, setNavigationStack] = React58.useState([defaultState]);
+  const defaultState = React59.useMemo(() => createDefaultState(initialState), [initialState]);
+  const [navigationStack, setNavigationStack] = React59.useState([defaultState]);
   const currentState = navigationStack[navigationStack.length - 1];
   const canGoBack = navigationStack.length > 1;
-  const setHeader = React58.useCallback(
+  const setHeader = React59.useCallback(
     (state) => {
       setNavigationStack((prev) => {
         const newStack = [...prev];
@@ -2505,15 +2641,15 @@ var useMobileHeaderState = (initialState) => {
     },
     [defaultState]
   );
-  const navigateTo = React58.useCallback((state) => {
+  const navigateTo = React59.useCallback((state) => {
     setNavigationStack((prev) => [...prev, { ...defaultState, ...state }]);
   }, [defaultState]);
-  const navigateBack = React58.useCallback(() => {
+  const navigateBack = React59.useCallback(() => {
     if (canGoBack) {
       setNavigationStack((prev) => prev.slice(0, -1));
     }
   }, [canGoBack]);
-  const resetNavigation = React58.useCallback(
+  const resetNavigation = React59.useCallback(
     (initialState2) => {
       setNavigationStack([createDefaultState(initialState2 != null ? initialState2 : defaultState)]);
     },
@@ -2533,7 +2669,7 @@ var useMobileHeaderState = (initialState) => {
 var getMobileHeaderContext = () => {
   const globalObject = globalThis;
   if (!globalObject.__GOMENIUCIVAN_MOBILE_HEADER_CONTEXT__) {
-    globalObject.__GOMENIUCIVAN_MOBILE_HEADER_CONTEXT__ = React58.createContext(null);
+    globalObject.__GOMENIUCIVAN_MOBILE_HEADER_CONTEXT__ = React59.createContext(null);
   }
   return globalObject.__GOMENIUCIVAN_MOBILE_HEADER_CONTEXT__;
 };
@@ -2543,7 +2679,7 @@ var MobileHeaderProvider = ({ initialState, children }) => {
   return /* @__PURE__ */ jsx(MobileHeaderContext.Provider, { value, children });
 };
 var useMobileHeader = (initialState) => {
-  const context = React58.useContext(MobileHeaderContext);
+  const context = React59.useContext(MobileHeaderContext);
   if (context) {
     return context;
   }
@@ -2633,11 +2769,11 @@ var registerNavigationListeners = (onStart, onComplete) => {
   };
 };
 var RouteProgressBar = ({ color, framework }) => {
-  const [isActive, setIsActive] = React58.useState(false);
-  const [progress, setProgress] = React58.useState(0);
-  const animationTimeoutRef = React58.useRef(null);
-  const hideTimeoutRef = React58.useRef(null);
-  const start = React58.useCallback(() => {
+  const [isActive, setIsActive] = React59.useState(false);
+  const [progress, setProgress] = React59.useState(0);
+  const animationTimeoutRef = React59.useRef(null);
+  const hideTimeoutRef = React59.useRef(null);
+  const start = React59.useCallback(() => {
     if (hideTimeoutRef.current) {
       window.clearTimeout(hideTimeoutRef.current);
       hideTimeoutRef.current = null;
@@ -2645,7 +2781,7 @@ var RouteProgressBar = ({ color, framework }) => {
     setIsActive(true);
     setProgress((current) => current > 0 && current < 0.2 ? current : 0.2);
   }, []);
-  const complete = React58.useCallback(() => {
+  const complete = React59.useCallback(() => {
     if (!isActive) {
       return;
     }
@@ -2659,14 +2795,14 @@ var RouteProgressBar = ({ color, framework }) => {
       setProgress(0);
     }, 200);
   }, [isActive]);
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     if (typeof window === "undefined") {
       return () => {
       };
     }
     return registerNavigationListeners(start, complete);
   }, [start, complete, framework]);
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     if (!isActive) {
       if (animationTimeoutRef.current) {
         window.clearTimeout(animationTimeoutRef.current);
@@ -2692,7 +2828,7 @@ var RouteProgressBar = ({ color, framework }) => {
       }
     };
   }, [isActive]);
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     return () => {
       if (animationTimeoutRef.current) {
         window.clearTimeout(animationTimeoutRef.current);
@@ -2702,7 +2838,7 @@ var RouteProgressBar = ({ color, framework }) => {
       }
     };
   }, []);
-  const styles = React58.useMemo(() => ({
+  const styles = React59.useMemo(() => ({
     position: "fixed",
     top: 0,
     left: 0,
@@ -3303,8 +3439,8 @@ var initializeMonitoring = (options) => {
 };
 var getMonitor = () => getMonitoringInstance().api;
 var useMonitor = (options) => {
-  const optionsRef = React58__namespace.useRef();
-  React58__namespace.useEffect(() => {
+  const optionsRef = React59__namespace.useRef();
+  React59__namespace.useEffect(() => {
     if (!options) {
       return;
     }
@@ -3316,7 +3452,7 @@ var useMonitor = (options) => {
       initializeMonitoring(options);
     }
   }, [options]);
-  return React58__namespace.useMemo(() => getMonitor(), []);
+  return React59__namespace.useMemo(() => getMonitor(), []);
 };
 function showSonner(message, type = "info", options) {
   const { title, description, duration = 4e3, action } = options || {};
@@ -3363,7 +3499,7 @@ var showWarning = (message, options) => showSonner(message, "warning", options);
 var showInfo = (message, options) => showSonner(message, "info", options);
 
 // src/providers/theme-provider.tsx
-var ThemeContext = React58.createContext(void 0);
+var ThemeContext = React59.createContext(void 0);
 var DEFAULT_EXTRAS = {
   enabled: false,
   framework: "auto",
@@ -3450,29 +3586,29 @@ var ThemeProvider = ({
   siderbar
 }) => {
   var _a2, _b, _c, _d, _e;
-  const [isNativeApp, setIsNativeApp] = React58.useState(Boolean(nativeApp));
+  const [isNativeApp, setIsNativeApp] = React59.useState(Boolean(nativeApp));
   const isMobile = useIsMobile();
-  const extrasToken = React58.useMemo(() => createThemeExtrasToken(), []);
-  const resolvedExtras = React58.useMemo(() => {
+  const extrasToken = React59.useMemo(() => createThemeExtrasToken(), []);
+  const resolvedExtras = React59.useMemo(() => {
     const runtimeExtras = resolveExtras(extras);
     setThemeExtrasRuntime(extrasToken, runtimeExtras);
     return runtimeExtras;
   }, [extras, extrasToken]);
-  const monitoringConfig = React58.useMemo(() => {
+  const monitoringConfig = React59.useMemo(() => {
     if (!monitoring) {
       return { enable: false };
     }
     return monitoring;
   }, [monitoring]);
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     initializeMonitoring(monitoringConfig);
   }, [monitoringConfig]);
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     return () => {
       resetThemeExtrasRuntime(extrasToken);
     };
   }, [extrasToken]);
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     setIsNativeApp(Boolean(nativeApp));
   }, [nativeApp]);
   const getInitialThemeMode = () => {
@@ -3486,16 +3622,16 @@ var ThemeProvider = ({
     }
     return defaultTheme === "system" ? "auto" : defaultTheme;
   };
-  const [themeMode, setThemeModeState] = React58.useState(() => getInitialThemeMode());
-  const [resolvedThemeMode, setResolvedThemeMode] = React58.useState(
+  const [themeMode, setThemeModeState] = React59.useState(() => getInitialThemeMode());
+  const [resolvedThemeMode, setResolvedThemeMode] = React59.useState(
     () => resolveThemeMode(getInitialThemeMode())
   );
-  const [nativeOverlayContainer, setNativeOverlayContainerState] = React58.useState(null);
-  React58.useEffect(() => {
+  const [nativeOverlayContainer, setNativeOverlayContainerState] = React59.useState(null);
+  React59.useEffect(() => {
     setResolvedThemeMode(resolveThemeMode(themeMode));
     setThemeMode(themeMode);
   }, [themeMode]);
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     var _a3;
     if (typeof window === "undefined") {
       return;
@@ -3507,7 +3643,7 @@ var ThemeProvider = ({
     const nextTheme = defaultTheme === "system" ? "auto" : defaultTheme;
     setThemeModeState((prev) => prev === nextTheme ? prev : nextTheme);
   }, [defaultTheme]);
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     if (typeof window === "undefined" || themeMode !== "auto") {
       return;
     }
@@ -3523,7 +3659,7 @@ var ThemeProvider = ({
     mediaQuery.addEventListener("change", handleChange);
     return () => mediaQuery.removeEventListener("change", handleChange);
   }, [themeMode]);
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     if (typeof window === "undefined") {
       return;
     }
@@ -3537,7 +3673,7 @@ var ThemeProvider = ({
     window.addEventListener(THEME_MODE_CHANGE_EVENT, handleThemeModeChange);
     return () => window.removeEventListener(THEME_MODE_CHANGE_EVENT, handleThemeModeChange);
   }, []);
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     if (typeof window === "undefined") {
       return;
     }
@@ -3555,7 +3691,7 @@ var ThemeProvider = ({
     return () => window.removeEventListener("storage", handleStorage);
   }, []);
   const isDarkMode = resolvedThemeMode === "dark";
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     if (typeof document === "undefined") {
       return;
     }
@@ -3565,7 +3701,7 @@ var ThemeProvider = ({
   }, [resolvedExtras]);
   const isNativeLike = isNativeApp;
   const shouldAutoScroll = isNativeLike || isMobile;
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     if (typeof document === "undefined" || typeof window === "undefined") {
       return;
     }
@@ -3596,7 +3732,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" });
@@ -3621,7 +3757,7 @@ var ThemeProvider = ({
       if (!element) {
         return;
       }
-      scrollElementIntoView(element);
+      scrollElementIntoView2(element);
     };
     const handlePointerDown = (event) => {
       if (event.pointerType && event.pointerType !== "touch" && event.pointerType !== "pen") {
@@ -3631,7 +3767,7 @@ var ThemeProvider = ({
       if (!element) {
         return;
       }
-      scrollElementIntoView(element);
+      scrollElementIntoView2(element);
     };
     document.addEventListener("focusin", handleFocus, true);
     document.addEventListener("pointerdown", handlePointerDown, true);
@@ -3640,19 +3776,19 @@ var ThemeProvider = ({
       document.removeEventListener("pointerdown", handlePointerDown, true);
     };
   }, [shouldAutoScroll]);
-  const setThemeModePreference = React58.useCallback(
+  const setThemeModePreference = React59.useCallback(
     (mode) => {
       setThemeModeState((prev) => prev === mode ? prev : mode);
     },
     [setThemeModeState]
   );
-  const handleSetIsDarkMode = React58.useCallback(
+  const handleSetIsDarkMode = React59.useCallback(
     (darkMode) => {
       setThemeModePreference(darkMode ? "dark" : "light");
     },
     [setThemeModePreference]
   );
-  const progressColor = React58.useMemo(() => {
+  const progressColor = React59.useMemo(() => {
     return isDarkMode ? "#fff" : "#000";
   }, [isDarkMode]);
   const value = {
@@ -3701,7 +3837,7 @@ var ThemeProvider = ({
   ] }) });
 };
 var useTheme = () => {
-  const context = React58.useContext(ThemeContext);
+  const context = React59.useContext(ThemeContext);
   if (!context) {
     throw new Error("useTheme must be used within a ThemeProvider");
   }
@@ -3711,26 +3847,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__namespace.forwardRef(
+var Input = React59__namespace.forwardRef(
   ({ className, type, onFocus, ...props }, forwardedRef) => {
-    const setRefs = React58__namespace.useCallback(
+    const setRefs = React59__namespace.useCallback(
       (node) => {
         if (typeof forwardedRef === "function") {
           forwardedRef(node);
@@ -3740,13 +3859,13 @@ var Input = React58__namespace.forwardRef(
       },
       [forwardedRef]
     );
-    const handleFocus = React58__namespace.useCallback(
+    const handleFocus = React59__namespace.useCallback(
       (event) => {
         onFocus == null ? void 0 : onFocus(event);
         if (event.defaultPrevented) {
           return;
         }
-        scrollInputIntoView(event.currentTarget);
+        maybeScrollElementIntoView(event.currentTarget);
       },
       [onFocus]
     );
@@ -3811,7 +3930,7 @@ var toNumericValue = (value, decimals) => {
   }
   return parsed;
 };
-var InputNumeric = React58__namespace.forwardRef(
+var InputNumeric = React59__namespace.forwardRef(
   ({
     value,
     defaultValue,
@@ -3827,8 +3946,8 @@ var InputNumeric = React58__namespace.forwardRef(
     pattern,
     ...rest
   }, ref) => {
-    const patternMatcher = React58__namespace.useMemo(() => createPattern(decimals), [decimals]);
-    const initialValue = React58__namespace.useMemo(() => {
+    const patternMatcher = React59__namespace.useMemo(() => createPattern(decimals), [decimals]);
+    const initialValue = React59__namespace.useMemo(() => {
       var _a2;
       const source = (_a2 = value != null ? value : defaultValue) != null ? _a2 : null;
       if (source === null) {
@@ -3836,16 +3955,16 @@ var InputNumeric = React58__namespace.forwardRef(
       }
       return toNumberString(source, decimals);
     }, [value, defaultValue, decimals]);
-    const [rawValue, setRawValue] = React58__namespace.useState(initialValue);
-    const [isFocused, setIsFocused] = React58__namespace.useState(false);
-    React58__namespace.useEffect(() => {
+    const [rawValue, setRawValue] = React59__namespace.useState(initialValue);
+    const [isFocused, setIsFocused] = React59__namespace.useState(false);
+    React59__namespace.useEffect(() => {
       if (value === void 0) {
         return;
       }
       const nextRawValue = value === null ? "" : toNumberString(value, decimals);
       setRawValue((previous) => previous === nextRawValue ? previous : nextRawValue);
     }, [value, decimals]);
-    const clampValue = React58__namespace.useCallback(
+    const clampValue = React59__namespace.useCallback(
       (numericValue) => {
         if (numericValue === null) {
           return null;
@@ -3890,7 +4009,7 @@ var InputNumeric = React58__namespace.forwardRef(
       }
       onBlur == null ? void 0 : onBlur(event);
     };
-    const displayValue = React58__namespace.useMemo(() => {
+    const displayValue = React59__namespace.useMemo(() => {
       if (isFocused) {
         return rawValue;
       }
@@ -3940,7 +4059,7 @@ var formatWithMask = (rawValue, mask, placeholderChar) => {
   }
   return result;
 };
-var InputMask = React58__namespace.forwardRef(
+var InputMask = React59__namespace.forwardRef(
   ({
     mask,
     placeholderChar = DEFAULT_PLACEHOLDER_CHAR,
@@ -3952,11 +4071,11 @@ var InputMask = React58__namespace.forwardRef(
   }, ref) => {
     var _a2;
     const normalizedPlaceholder = (_a2 = placeholderChar[0]) != null ? _a2 : DEFAULT_PLACEHOLDER_CHAR;
-    const placeholderCount = React58__namespace.useMemo(
+    const placeholderCount = React59__namespace.useMemo(
       () => countPlaceholders(mask, normalizedPlaceholder),
       [mask, normalizedPlaceholder]
     );
-    const normalizeRawValue = React58__namespace.useCallback(
+    const normalizeRawValue = React59__namespace.useCallback(
       (source) => {
         if (!source) {
           return "";
@@ -3969,20 +4088,20 @@ var InputMask = React58__namespace.forwardRef(
       },
       [placeholderCount]
     );
-    const [rawValue, setRawValue] = React58__namespace.useState(
+    const [rawValue, setRawValue] = React59__namespace.useState(
       () => {
         var _a3;
         return normalizeRawValue((_a3 = value != null ? value : defaultValue) != null ? _a3 : "");
       }
     );
-    React58__namespace.useEffect(() => {
+    React59__namespace.useEffect(() => {
       if (value === void 0) {
         return;
       }
       const next = normalizeRawValue(value);
       setRawValue((previous) => previous === next ? previous : next);
     }, [value, normalizeRawValue]);
-    React58__namespace.useEffect(() => {
+    React59__namespace.useEffect(() => {
       if (value !== void 0) {
         return;
       }
@@ -3995,7 +4114,7 @@ var InputMask = React58__namespace.forwardRef(
       }
       onChange == null ? void 0 : onChange(incoming);
     };
-    const formattedValue = React58__namespace.useMemo(
+    const formattedValue = React59__namespace.useMemo(
       () => formatWithMask(rawValue, mask, normalizedPlaceholder),
       [mask, normalizedPlaceholder, rawValue]
     );
@@ -4270,9 +4389,9 @@ var MobileWheelColumn = ({
   onValueChange,
   open
 }) => {
-  const listRef = React58__namespace.useRef(null);
-  const scrollTimeoutRef = React58__namespace.useRef(null);
-  const extendedOptions = React58__namespace.useMemo(() => {
+  const listRef = React59__namespace.useRef(null);
+  const scrollTimeoutRef = React59__namespace.useRef(null);
+  const extendedOptions = React59__namespace.useMemo(() => {
     if (options.length === 0) {
       return [];
     }
@@ -4284,7 +4403,7 @@ var MobileWheelColumn = ({
     }
     return repeated;
   }, [options]);
-  const alignToValue = React58__namespace.useCallback(
+  const alignToValue = React59__namespace.useCallback(
     (value, behavior = "auto") => {
       if (!listRef.current || options.length === 0 || extendedOptions.length === 0) {
         return;
@@ -4298,13 +4417,13 @@ var MobileWheelColumn = ({
     },
     [extendedOptions.length, options]
   );
-  React58__namespace.useLayoutEffect(() => {
+  React59__namespace.useLayoutEffect(() => {
     if (!open) {
       return;
     }
     alignToValue(selectedValue);
   }, [alignToValue, open, options, selectedValue]);
-  React58__namespace.useEffect(
+  React59__namespace.useEffect(
     () => () => {
       if (scrollTimeoutRef.current !== null) {
         clearTimeout(scrollTimeoutRef.current);
@@ -4312,7 +4431,7 @@ var MobileWheelColumn = ({
     },
     []
   );
-  const handleScroll2 = React58__namespace.useCallback(
+  const handleScroll2 = React59__namespace.useCallback(
     (event) => {
       if (extendedOptions.length === 0 || options.length === 0) {
         return;
@@ -4426,14 +4545,14 @@ var getDefaultLocale = (locale) => {
   };
 };
 var useLatest = (value) => {
-  const ref = React58__namespace.useRef(value);
-  React58__namespace.useEffect(() => {
+  const ref = React59__namespace.useRef(value);
+  React59__namespace.useEffect(() => {
     ref.current = value;
   }, [value]);
   return ref;
 };
 var DEFAULT_PRIMARY_COLOR = "hsl(var(--primary))";
-var DatePicker = React58__namespace.forwardRef((props, ref) => {
+var DatePicker = React59__namespace.forwardRef((props, ref) => {
   var _a2, _b, _c, _d, _e, _f, _g;
   const {
     value: valueProp,
@@ -4476,17 +4595,17 @@ var DatePicker = React58__namespace.forwardRef((props, ref) => {
   const { isNative } = useTheme();
   const isMobile = useIsMobile();
   const shouldUseDrawer = isNative || isMobile;
-  const [associatedLabel, setAssociatedLabel] = React58__namespace.useState(null);
-  const locale = React58__namespace.useMemo(() => getDefaultLocale(localeProp), [localeProp]);
+  const [associatedLabel, setAssociatedLabel] = React59__namespace.useState(null);
+  const locale = React59__namespace.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__namespace.useState(defaultValue);
+  const [internalValue, setInternalValue] = React59__namespace.useState(defaultValue);
   const selectedValue = (_a2 = isValueControlled ? valueProp : internalValue) != null ? _a2 : null;
-  const initialPanelMode = React58__namespace.useMemo(() => getPanelModeFromProps(mode, picker), [mode, picker]);
-  const [panelMode, setPanelMode] = React58__namespace.useState(initialPanelMode);
-  const commitValue = React58__namespace.useCallback(
+  const initialPanelMode = React59__namespace.useMemo(() => getPanelModeFromProps(mode, picker), [mode, picker]);
+  const [panelMode, setPanelMode] = React59__namespace.useState(initialPanelMode);
+  const commitValue = React59__namespace.useCallback(
     (next) => {
       var _a3;
       if (!isValueControlled) {
@@ -4496,18 +4615,18 @@ var DatePicker = React58__namespace.forwardRef((props, ref) => {
     },
     [formatRef, isValueControlled, onChangeRef]
   );
-  const [draftValue, setDraftValue] = React58__namespace.useState(selectedValue);
-  React58__namespace.useEffect(() => {
+  const [draftValue, setDraftValue] = React59__namespace.useState(selectedValue);
+  React59__namespace.useEffect(() => {
     setDraftValue(selectedValue);
   }, [selectedValue]);
-  const [viewDate, setViewDate] = React58__namespace.useState(() => {
+  const [viewDate, setViewDate] = React59__namespace.useState(() => {
     const base = selectedValue != null ? selectedValue : dayjs();
     return clampToRange(base, minDate, maxDate);
   });
   const isOpenControlled = openProp !== void 0;
-  const [internalOpen, setInternalOpen] = React58__namespace.useState(Boolean(defaultOpen));
+  const [internalOpen, setInternalOpen] = React59__namespace.useState(Boolean(defaultOpen));
   const open = isOpenControlled ? Boolean(openProp) : internalOpen;
-  const setOpenState = React58__namespace.useCallback(
+  const setOpenState = React59__namespace.useCallback(
     (next) => {
       var _a3;
       if (!isOpenControlled) {
@@ -4518,25 +4637,25 @@ var DatePicker = React58__namespace.forwardRef((props, ref) => {
     [isOpenControlled, onOpenChangeRef]
   );
   const activeValue = needConfirm ? draftValue : selectedValue;
-  React58__namespace.useEffect(() => {
+  React59__namespace.useEffect(() => {
     if (open) {
       setPanelMode(initialPanelMode);
       setViewDate((prev) => clampToRange(activeValue != null ? activeValue : prev, minDate, maxDate));
     }
   }, [activeValue, initialPanelMode, maxDate, minDate, open]);
-  const [inputValue, setInputValue] = React58__namespace.useState(() => formatDateValue(activeValue, formatRef.current));
-  const isTypingRef = React58__namespace.useRef(false);
-  React58__namespace.useEffect(() => {
+  const [inputValue, setInputValue] = React59__namespace.useState(() => formatDateValue(activeValue, formatRef.current));
+  const isTypingRef = React59__namespace.useRef(false);
+  React59__namespace.useEffect(() => {
     if (!isTypingRef.current) {
       setInputValue(formatDateValue(activeValue, formatRef.current));
     }
   }, [activeValue, formatRef]);
-  const primaryColorStyle = React58__namespace.useMemo(
+  const primaryColorStyle = React59__namespace.useMemo(
     () => ({ "--date-primary-color": DEFAULT_PRIMARY_COLOR }),
     []
   );
-  const inputRef = React58__namespace.useRef(null);
-  const handleOpenChange = React58__namespace.useCallback(
+  const inputRef = React59__namespace.useRef(null);
+  const handleOpenChange = React59__namespace.useCallback(
     (nextOpen) => {
       if (disabled) {
         return;
@@ -4549,11 +4668,11 @@ var DatePicker = React58__namespace.forwardRef((props, ref) => {
     },
     [activeValue, disabled, initialPanelMode, maxDate, minDate, setOpenState]
   );
-  const parseInputValue = React58__namespace.useCallback(
+  const parseInputValue = React59__namespace.useCallback(
     (text) => parseDateValue(text, formatRef.current),
     [formatRef]
   );
-  const isDateDisabled = React58__namespace.useCallback(
+  const isDateDisabled = React59__namespace.useCallback(
     (date, currentMode) => {
       if (!isWithinRange(date, minDate, maxDate, currentMode)) {
         return true;
@@ -4565,11 +4684,11 @@ var DatePicker = React58__namespace.forwardRef((props, ref) => {
     },
     [disabledDate, maxDate, minDate]
   );
-  const formatForDisplay = React58__namespace.useCallback(
+  const formatForDisplay = React59__namespace.useCallback(
     (value) => formatDateValue(value, formatRef.current),
     [formatRef]
   );
-  const handleDateSelect = React58__namespace.useCallback(
+  const handleDateSelect = React59__namespace.useCallback(
     (date) => {
       if (isDateDisabled(date, "date")) {
         return;
@@ -5043,7 +5162,7 @@ var DatePicker = React58__namespace.forwardRef((props, ref) => {
     ] })
   ] });
   const panelNode = panelRender ? panelRender(renderedPanel) : renderedPanel;
-  React58__namespace.useEffect(() => {
+  React59__namespace.useEffect(() => {
     if (!autoFocus) {
       return;
     }
@@ -5057,7 +5176,7 @@ var DatePicker = React58__namespace.forwardRef((props, ref) => {
       focusInput();
     }
   }, [autoFocus]);
-  React58__namespace.useImperativeHandle(ref, () => inputRef.current);
+  React59__namespace.useImperativeHandle(ref, () => inputRef.current);
   const shouldShowPointer = !disabled && (inputReadOnly || shouldUseDrawer);
   const triggerNode = /* @__PURE__ */ jsxs(
     "div",
@@ -5124,17 +5243,17 @@ var DatePicker = React58__namespace.forwardRef((props, ref) => {
       ]
     }
   );
-  const mobileBaseValue = React58__namespace.useMemo(() => {
+  const mobileBaseValue = React59__namespace.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__namespace.useMemo(
+  const monthOptions = React59__namespace.useMemo(
     () => locale.months.map((month, index2) => ({ label: month, value: index2 })),
     [locale.months]
   );
   const daysInMonth = mobileBaseValue.daysInMonth();
-  const dayOptions = React58__namespace.useMemo(
+  const dayOptions = React59__namespace.useMemo(
     () => Array.from({ length: daysInMonth }, (_, index2) => ({
       label: String(index2 + 1).padStart(2, "0"),
       value: index2 + 1
@@ -5146,14 +5265,14 @@ var DatePicker = React58__namespace.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__namespace.useMemo(
+  const yearOptions = React59__namespace.useMemo(
     () => Array.from({ length: endYear - startYear + 1 }, (_, index2) => {
       const year = startYear + index2;
       return { label: String(year), value: year };
     }),
     [endYear, startYear]
   );
-  const handlePartChange = React58__namespace.useCallback(
+  const handlePartChange = React59__namespace.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();
@@ -5187,13 +5306,13 @@ var DatePicker = React58__namespace.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__namespace.useCallback(
+  const handleDrawerOpenChange = React59__namespace.useCallback(
     (nextOpen) => {
       handleOpenChange(nextOpen);
     },
     [handleOpenChange]
   );
-  React58__namespace.useEffect(() => {
+  React59__namespace.useEffect(() => {
     var _a3, _b2;
     if (!shouldUseDrawer || !open || !id) {
       return;
@@ -5702,7 +5821,7 @@ var gapClasses = {
   middle: gapScale.md,
   large: gapScale.lg
 };
-var Flex = React58__namespace.forwardRef(
+var Flex = React59__namespace.forwardRef(
   ({
     direction,
     vertical,
@@ -5807,7 +5926,7 @@ function InputOTPSlot({
   ...props
 }) {
   var _a2;
-  const inputOTPContext = React58__namespace.useContext(inputOtp.OTPInputContext);
+  const inputOTPContext = React59__namespace.useContext(inputOtp.OTPInputContext);
   const { char, hasFakeCaret, isActive } = (_a2 = inputOTPContext == null ? void 0 : inputOTPContext.slots[index2]) != null ? _a2 : {};
   return /* @__PURE__ */ jsxs(
     "div",
@@ -6163,7 +6282,7 @@ var mobileFooterVariants = Object.keys(
 );
 var noop = () => {
 };
-var MobileFooter = React58__namespace.forwardRef(
+var MobileFooter = React59__namespace.forwardRef(
   ({
     items,
     value,
@@ -6174,7 +6293,7 @@ var MobileFooter = React58__namespace.forwardRef(
     forceLabels = false,
     ...props
   }, ref) => {
-    const [internalValue, setInternalValue] = React58__namespace.useState(() => {
+    const [internalValue, setInternalValue] = React59__namespace.useState(() => {
       var _a2, _b;
       if (value !== void 0) {
         return value;
@@ -6186,7 +6305,7 @@ var MobileFooter = React58__namespace.forwardRef(
     });
     const isControlled = value !== void 0;
     const selectedValue = isControlled ? value : internalValue;
-    React58__namespace.useEffect(() => {
+    React59__namespace.useEffect(() => {
       var _a2;
       if (!items.length) {
         return;
@@ -6203,7 +6322,7 @@ var MobileFooter = React58__namespace.forwardRef(
         onChange(fallback);
       }
     }, [items, selectedValue, isControlled, onChange]);
-    const handleSelect = React58__namespace.useCallback(
+    const handleSelect = React59__namespace.useCallback(
       (nextValue) => {
         if (nextValue === selectedValue) {
           return;
@@ -6223,7 +6342,7 @@ var MobileFooter = React58__namespace.forwardRef(
       0
     );
     const cellPercentage = 100 / items.length;
-    const floatingIndicatorStyle = React58__namespace.useMemo(() => {
+    const floatingIndicatorStyle = React59__namespace.useMemo(() => {
       const size4 = 72;
       const offset4 = cellPercentage / 2;
       return {
@@ -6232,18 +6351,18 @@ var MobileFooter = React58__namespace.forwardRef(
         left: `calc(${cellPercentage}% * ${activeIndex} + ${offset4}% - ${size4 / 2}px)`
       };
     }, [activeIndex, cellPercentage]);
-    const pillIndicatorStyle = React58__namespace.useMemo(() => ({
+    const pillIndicatorStyle = React59__namespace.useMemo(() => ({
       width: `calc((100% / ${items.length}) - 0.75rem)`,
       left: `calc((100% / ${items.length}) * ${activeIndex} + 0.375rem)`
     }), [activeIndex, items.length]);
-    const minimalIndicatorStyle = React58__namespace.useMemo(
+    const minimalIndicatorStyle = React59__namespace.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__namespace.useMemo(() => {
+    const curvedIndicatorStyle = React59__namespace.useMemo(() => {
       const size4 = 64;
       const offset4 = cellPercentage / 2;
       return {
@@ -6572,7 +6691,7 @@ var renderBadge = (badge, active = false) => {
     }
   );
 };
-var MobileHeader = React58__namespace.forwardRef(
+var MobileHeader = React59__namespace.forwardRef(
   ({
     title,
     subtitle,
@@ -6595,12 +6714,12 @@ var MobileHeader = React58__namespace.forwardRef(
     children,
     ...props
   }, ref) => {
-    const [internalSearchValue, setInternalSearchValue] = React58__namespace.useState(
+    const [internalSearchValue, setInternalSearchValue] = React59__namespace.useState(
       () => defaultSearchValue != null ? defaultSearchValue : ""
     );
     const isSearchControlled = searchValue !== void 0;
     const resolvedSearchValue = isSearchControlled ? searchValue : internalSearchValue;
-    const handleSearchChange = React58__namespace.useCallback(
+    const handleSearchChange = React59__namespace.useCallback(
       (event) => {
         const nextValue = event.target.value;
         if (!isSearchControlled) {
@@ -6833,26 +6952,26 @@ function composeRefs(...refs) {
   };
 }
 function useComposedRefs(...refs) {
-  return React58__namespace.useCallback(composeRefs(...refs), refs);
+  return React59__namespace.useCallback(composeRefs(...refs), refs);
 }
 // @__NO_SIDE_EFFECTS__
 function createSlot(ownerName) {
   const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
-  const Slot22 = React58__namespace.forwardRef((props, forwardedRef) => {
+  const Slot22 = React59__namespace.forwardRef((props, forwardedRef) => {
     const { children, ...slotProps } = props;
-    const childrenArray = React58__namespace.Children.toArray(children);
+    const childrenArray = React59__namespace.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__namespace.Children.count(newElement) > 1) return React58__namespace.Children.only(null);
-          return React58__namespace.isValidElement(newElement) ? newElement.props.children : null;
+          if (React59__namespace.Children.count(newElement) > 1) return React59__namespace.Children.only(null);
+          return React59__namespace.isValidElement(newElement) ? newElement.props.children : null;
         } else {
           return child;
         }
       });
-      return /* @__PURE__ */ jsxRuntime.jsx(SlotClone, { ...slotProps, ref: forwardedRef, children: React58__namespace.isValidElement(newElement) ? React58__namespace.cloneElement(newElement, void 0, newChildren) : null });
+      return /* @__PURE__ */ jsxRuntime.jsx(SlotClone, { ...slotProps, ref: forwardedRef, children: React59__namespace.isValidElement(newElement) ? React59__namespace.cloneElement(newElement, void 0, newChildren) : null });
     }
     return /* @__PURE__ */ jsxRuntime.jsx(SlotClone, { ...slotProps, ref: forwardedRef, children });
   });
@@ -6862,24 +6981,24 @@ function createSlot(ownerName) {
 var Slot = /* @__PURE__ */ createSlot("Slot");
 // @__NO_SIDE_EFFECTS__
 function createSlotClone(ownerName) {
-  const SlotClone = React58__namespace.forwardRef((props, forwardedRef) => {
+  const SlotClone = React59__namespace.forwardRef((props, forwardedRef) => {
     const { children, ...slotProps } = props;
-    if (React58__namespace.isValidElement(children)) {
+    if (React59__namespace.isValidElement(children)) {
       const childrenRef = getElementRef(children);
       const props2 = mergeProps(slotProps, children.props);
-      if (children.type !== React58__namespace.Fragment) {
+      if (children.type !== React59__namespace.Fragment) {
         props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
       }
-      return React58__namespace.cloneElement(children, props2);
+      return React59__namespace.cloneElement(children, props2);
     }
-    return React58__namespace.Children.count(children) > 1 ? React58__namespace.Children.only(null) : null;
+    return React59__namespace.Children.count(children) > 1 ? React59__namespace.Children.only(null) : null;
   });
   SlotClone.displayName = `${ownerName}.SlotClone`;
   return SlotClone;
 }
 var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
 function isSlottable(child) {
-  return React58__namespace.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
+  return React59__namespace.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
 }
 function mergeProps(slotProps, childProps) {
   const overrideProps = { ...childProps };
@@ -6923,7 +7042,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__namespace.forwardRef(
+var SafeArea = React59__namespace.forwardRef(
   ({
     edges = defaultEdges,
     asChild,
@@ -6962,21 +7081,21 @@ var MobileLayoutInner = ({
 }) => {
   var _a2, _b, _c, _d, _e;
   const { header: headerState, navigateBack, canGoBack } = useMobileHeader();
-  const headerEdges = React58__namespace.useMemo(() => {
+  const headerEdges = React59__namespace.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__namespace.useMemo(() => {
+  const footerEdges = React59__namespace.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__namespace.useCallback(() => {
+  const handleBack = React59__namespace.useCallback(() => {
     if (canGoBack) {
       navigateBack();
       return;
@@ -6986,7 +7105,7 @@ var MobileLayoutInner = ({
     }
   }, [canGoBack, navigateBack]);
   const showBackButton = (_a2 = headerState.back) != null ? _a2 : canGoBack;
-  const resolvedLeadingAction = React58__namespace.useMemo(() => {
+  const resolvedLeadingAction = React59__namespace.useMemo(() => {
     if (showBackButton) {
       return {
         value: "mobile-header-back",
@@ -7007,7 +7126,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__namespace.useCallback(
+  const handleFooterSelect = React59__namespace.useCallback(
     (value) => {
       footerOnChange == null ? void 0 : footerOnChange(value);
     },
@@ -7469,11 +7588,11 @@ function ScrollBar({
     }
   );
 }
-var NativeSelectContext = React58__namespace.createContext(
+var NativeSelectContext = React59__namespace.createContext(
   void 0
 );
 function useNativeSelectContext() {
-  const context = React58__namespace.useContext(NativeSelectContext);
+  const context = React59__namespace.useContext(NativeSelectContext);
   if (!context) {
     throw new Error("useNativeSelectContext must be used within a Select component");
   }
@@ -7489,16 +7608,16 @@ function SelectRoot({
   const { isNative } = useTheme();
   const isMobile = useIsMobile();
   const shouldUseDrawer = isNative || isMobile;
-  const [uncontrolledOpen, setUncontrolledOpen] = React58__namespace.useState(defaultOpen != null ? defaultOpen : false);
+  const [uncontrolledOpen, setUncontrolledOpen] = React59__namespace.useState(defaultOpen != null ? defaultOpen : false);
   const open = openProp != null ? openProp : uncontrolledOpen;
-  const setOpen = React58__namespace.useCallback(
+  const setOpen = React59__namespace.useCallback(
     (nextOpen) => {
       if (openProp === void 0) setUncontrolledOpen(nextOpen);
       onOpenChange == null ? void 0 : onOpenChange(nextOpen);
     },
     [openProp, onOpenChange]
   );
-  const contextValue = React58__namespace.useMemo(
+  const contextValue = React59__namespace.useMemo(
     () => ({
       isNative: shouldUseDrawer,
       open,
@@ -7592,7 +7711,7 @@ function SelectItem({
   ...props
 }) {
   const nativeContext = useNativeSelectContext();
-  const handleSelect = React58__namespace.useCallback(
+  const handleSelect = React59__namespace.useCallback(
     (event) => {
       onSelect == null ? void 0 : onSelect(event);
       if (nativeContext.isNative && nativeContext.closeOnSelect && !event.defaultPrevented) {
@@ -7690,7 +7809,7 @@ function Select({
 }
 var noop3 = () => {
 };
-var MultiSelectContext = React58__namespace.createContext({
+var MultiSelectContext = React59__namespace.createContext({
   isNative: false,
   selectedValues: [],
   setSelectedValues: noop3,
@@ -7700,7 +7819,7 @@ var MultiSelectContext = React58__namespace.createContext({
   setOpen: noop3
 });
 function useMultiSelectContext() {
-  return React58__namespace.useContext(MultiSelectContext);
+  return React59__namespace.useContext(MultiSelectContext);
 }
 function MultiSelect({
   value,
@@ -7714,23 +7833,23 @@ function MultiSelect({
   const { isNative } = useTheme();
   const isMobile = useIsMobile();
   const shouldUseDrawer = isNative || isMobile;
-  const [internalValue, setInternalValue] = React58__namespace.useState(defaultValue);
-  const [uncontrolledOpen, setUncontrolledOpen] = React58__namespace.useState(
+  const [internalValue, setInternalValue] = React59__namespace.useState(defaultValue);
+  const [uncontrolledOpen, setUncontrolledOpen] = React59__namespace.useState(
     defaultOpen != null ? defaultOpen : false
   );
-  React58__namespace.useEffect(() => {
+  React59__namespace.useEffect(() => {
     if (value !== void 0) {
       setInternalValue(value);
     }
   }, [value]);
-  React58__namespace.useEffect(() => {
+  React59__namespace.useEffect(() => {
     if (openProp !== void 0) {
       setUncontrolledOpen(openProp);
     }
   }, [openProp]);
   const selectedValues = value != null ? value : internalValue;
   const open = openProp != null ? openProp : uncontrolledOpen;
-  const setSelectedValues = React58__namespace.useCallback(
+  const setSelectedValues = React59__namespace.useCallback(
     (next) => {
       const resolved = typeof next === "function" ? next(selectedValues) : next;
       if (value === void 0) {
@@ -7740,7 +7859,7 @@ function MultiSelect({
     },
     [onValueChange, selectedValues, value]
   );
-  const toggleValue = React58__namespace.useCallback(
+  const toggleValue = React59__namespace.useCallback(
     (item) => {
       setSelectedValues((prev) => {
         if (prev.includes(item)) {
@@ -7751,11 +7870,11 @@ function MultiSelect({
     },
     [setSelectedValues]
   );
-  const isSelected = React58__namespace.useCallback(
+  const isSelected = React59__namespace.useCallback(
     (item) => selectedValues.includes(item),
     [selectedValues]
   );
-  const setOpen = React58__namespace.useCallback(
+  const setOpen = React59__namespace.useCallback(
     (nextOpen) => {
       if (openProp === void 0) {
         setUncontrolledOpen(nextOpen);
@@ -7764,7 +7883,7 @@ function MultiSelect({
     },
     [onOpenChange, openProp]
   );
-  const contextValue = React58__namespace.useMemo(
+  const contextValue = React59__namespace.useMemo(
     () => ({
       isNative: shouldUseDrawer,
       selectedValues,
@@ -7795,7 +7914,7 @@ function MultiSelectTrigger({
   ...props
 }) {
   const context = useMultiSelectContext();
-  const handleClick = React58__namespace.useCallback(
+  const handleClick = React59__namespace.useCallback(
     (event) => {
       onClick == null ? void 0 : onClick(event);
       if (context.isNative && !disabled) {
@@ -7838,7 +7957,7 @@ function MultiSelectValue({
   formatValue
 }) {
   const { selectedValues, isNative } = useMultiSelectContext();
-  const content = React58__namespace.useMemo(() => {
+  const content = React59__namespace.useMemo(() => {
     if (formatValue) {
       return formatValue(selectedValues);
     }
@@ -8085,7 +8204,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__namespace.forwardRef(
+var SkeletonRoot = React59__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -8097,7 +8216,7 @@ var SkeletonRoot = React58__namespace.forwardRef(
   )
 );
 SkeletonRoot.displayName = "Skeleton";
-var SkeletonButton = React58__namespace.forwardRef(
+var SkeletonButton = React59__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     SkeletonRoot,
     {
@@ -8108,7 +8227,7 @@ var SkeletonButton = React58__namespace.forwardRef(
   )
 );
 SkeletonButton.displayName = "Skeleton.Button";
-var SkeletonInput = React58__namespace.forwardRef(
+var SkeletonInput = React59__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     SkeletonRoot,
     {
@@ -8177,9 +8296,9 @@ var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React58__namespace.createContext(null);
+var SidebarContext = React59__namespace.createContext(null);
 function useSidebar() {
-  const context = React58__namespace.useContext(SidebarContext);
+  const context = React59__namespace.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
@@ -8195,10 +8314,10 @@ function SidebarProvider({
   ...props
 }) {
   const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React58__namespace.useState(false);
-  const [_open, _setOpen] = React58__namespace.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React59__namespace.useState(false);
+  const [_open, _setOpen] = React59__namespace.useState(defaultOpen);
   const open = openProp != null ? openProp : _open;
-  const setOpen = React58__namespace.useCallback(
+  const setOpen = React59__namespace.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -8210,10 +8329,10 @@ function SidebarProvider({
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React58__namespace.useCallback(() => {
+  const toggleSidebar = React59__namespace.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen, setOpenMobile]);
-  React58__namespace.useEffect(() => {
+  React59__namespace.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -8224,7 +8343,7 @@ function SidebarProvider({
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React58__namespace.useMemo(
+  const contextValue = React59__namespace.useMemo(
     () => ({
       state,
       open,
@@ -8606,7 +8725,7 @@ function SidebarMenuButton({
 }) {
   const Comp = asChild ? radixUi.Slot.Slot : "button";
   const { isMobile, setOpenMobile, state } = useSidebar();
-  const handleClick = React58__namespace.useCallback(
+  const handleClick = React59__namespace.useCallback(
     (event) => {
       if (onClick) {
         onClick(event);
@@ -8704,7 +8823,7 @@ function SidebarMenuSkeleton({
   showIcon = false,
   ...props
 }) {
-  const width = React58__namespace.useMemo(() => {
+  const width = React59__namespace.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
   return /* @__PURE__ */ jsxs(
@@ -8775,7 +8894,7 @@ function SidebarMenuSubButton({
 }) {
   const Comp = asChild ? radixUi.Slot.Slot : "a";
   const { isMobile, setOpenMobile } = useSidebar();
-  const handleClick = React58__namespace.useCallback(
+  const handleClick = React59__namespace.useCallback(
     (event) => {
       if (onClick) {
         onClick(event);
@@ -8814,7 +8933,7 @@ function Slider({
   max: max2 = 100,
   ...props
 }) {
-  const _values = React58__namespace.useMemo(
+  const _values = React59__namespace.useMemo(
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min2, max2],
     [value, defaultValue, min2, max2]
   );
@@ -8886,7 +9005,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,
@@ -9006,17 +9125,17 @@ function TableCaption({
     }
   );
 }
-var TabsContext = React58__namespace.createContext(null);
+var TabsContext = React59__namespace.createContext(null);
 var useTabsContext = (component) => {
-  const context = React58__namespace.useContext(TabsContext);
+  const context = React59__namespace.useContext(TabsContext);
   if (!context) {
     throw new Error(`${component} must be used within <Tabs>`);
   }
   return context;
 };
-var TabsVariantContext = React58__namespace.createContext("default");
+var TabsVariantContext = React59__namespace.createContext("default");
 var useTabsVariant = (variant) => {
-  const contextVariant = React58__namespace.useContext(TabsVariantContext);
+  const contextVariant = React59__namespace.useContext(TabsVariantContext);
   return variant != null ? variant : contextVariant;
 };
 var tabsListVariants = {
@@ -9059,7 +9178,7 @@ var mergeRefs = (...refs) => (node) => {
     }
   });
 };
-var Tabs = React58__namespace.forwardRef(
+var Tabs = React59__namespace.forwardRef(
   ({
     className,
     children,
@@ -9071,14 +9190,14 @@ var Tabs = React58__namespace.forwardRef(
     ...props
   }, ref) => {
     var _a2;
-    const id = React58__namespace.useId();
+    const id = React59__namespace.useId();
     const isControlled = valueProp !== void 0;
-    const [uncontrolledValue, setUncontrolledValue] = React58__namespace.useState(
+    const [uncontrolledValue, setUncontrolledValue] = React59__namespace.useState(
       () => defaultValue != null ? defaultValue : null
     );
     const value = (_a2 = isControlled ? valueProp : uncontrolledValue) != null ? _a2 : null;
-    const triggersRef = React58__namespace.useRef(/* @__PURE__ */ new Map());
-    const setValue = React58__namespace.useCallback(
+    const triggersRef = React59__namespace.useRef(/* @__PURE__ */ new Map());
+    const setValue = React59__namespace.useCallback(
       (nextValue) => {
         if (!isControlled) {
           setUncontrolledValue(nextValue);
@@ -9087,7 +9206,7 @@ var Tabs = React58__namespace.forwardRef(
       },
       [isControlled, onValueChange]
     );
-    const registerTrigger = React58__namespace.useCallback(
+    const registerTrigger = React59__namespace.useCallback(
       (triggerValue, node) => {
         if (node) {
           const wasEmpty = triggersRef.current.size === 0;
@@ -9101,7 +9220,7 @@ var Tabs = React58__namespace.forwardRef(
       },
       [defaultValue, isControlled, setUncontrolledValue, value]
     );
-    const getTriggerNode = React58__namespace.useCallback(
+    const getTriggerNode = React59__namespace.useCallback(
       (triggerValue) => {
         var _a3;
         if (!triggerValue) {
@@ -9111,7 +9230,7 @@ var Tabs = React58__namespace.forwardRef(
       },
       []
     );
-    const focusTriggerByIndex = React58__namespace.useCallback(
+    const focusTriggerByIndex = React59__namespace.useCallback(
       (index2) => {
         const values = Array.from(triggersRef.current.keys());
         if (!values.length) {
@@ -9127,7 +9246,7 @@ var Tabs = React58__namespace.forwardRef(
       },
       [activationMode, setValue]
     );
-    const focusNextTrigger = React58__namespace.useCallback(
+    const focusNextTrigger = React59__namespace.useCallback(
       (currentValue, direction) => {
         const values = Array.from(triggersRef.current.keys());
         const currentIndex = values.indexOf(currentValue);
@@ -9138,7 +9257,7 @@ var Tabs = React58__namespace.forwardRef(
       },
       [focusTriggerByIndex]
     );
-    const focusEdgeTrigger = React58__namespace.useCallback(
+    const focusEdgeTrigger = React59__namespace.useCallback(
       (edge) => {
         const values = Array.from(triggersRef.current.keys());
         if (!values.length) {
@@ -9148,16 +9267,16 @@ var Tabs = React58__namespace.forwardRef(
       },
       [focusTriggerByIndex]
     );
-    const [orientation, setOrientationState] = React58__namespace.useState("horizontal");
-    const setOrientation = React58__namespace.useCallback((nextOrientation) => {
+    const [orientation, setOrientationState] = React59__namespace.useState("horizontal");
+    const setOrientation = React59__namespace.useCallback((nextOrientation) => {
       setOrientationState(nextOrientation);
     }, []);
-    React58__namespace.useEffect(() => {
+    React59__namespace.useEffect(() => {
       if (!isControlled && value == null && defaultValue) {
         setUncontrolledValue(defaultValue);
       }
     }, [defaultValue, isControlled, setUncontrolledValue, value]);
-    const contextValue = React58__namespace.useMemo(
+    const contextValue = React59__namespace.useMemo(
       () => ({
         id,
         value,
@@ -9186,15 +9305,15 @@ var Tabs = React58__namespace.forwardRef(
   }
 );
 Tabs.displayName = "Tabs";
-var TabsList = React58__namespace.forwardRef(
+var TabsList = React59__namespace.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__namespace.useRef(null);
-    const [indicatorStyle, setIndicatorStyle] = React58__namespace.useState(null);
+    const localRef = React59__namespace.useRef(null);
+    const [indicatorStyle, setIndicatorStyle] = React59__namespace.useState(null);
     const highlightEnabled = highlightableVariants.has(activeVariant);
-    const updateIndicator = React58__namespace.useCallback(() => {
+    const updateIndicator = React59__namespace.useCallback(() => {
       if (!highlightEnabled) {
         setIndicatorStyle(null);
         return;
@@ -9230,13 +9349,13 @@ var TabsList = React58__namespace.forwardRef(
         transform: `translate3d(${offsetLeft}px, ${offsetTop}px, 0)`
       });
     }, [activeValue, getTriggerNode, highlightEnabled]);
-    React58__namespace.useEffect(() => {
+    React59__namespace.useEffect(() => {
       setOrientation(orientation);
     }, [orientation, setOrientation]);
-    React58__namespace.useLayoutEffect(() => {
+    React59__namespace.useLayoutEffect(() => {
       updateIndicator();
     }, [updateIndicator]);
-    React58__namespace.useEffect(() => {
+    React59__namespace.useEffect(() => {
       if (!highlightEnabled || typeof ResizeObserver === "undefined") {
         return;
       }
@@ -9256,7 +9375,7 @@ var TabsList = React58__namespace.forwardRef(
         observer.disconnect();
       };
     }, [activeValue, getTriggerNode, highlightEnabled, updateIndicator]);
-    React58__namespace.useEffect(() => {
+    React59__namespace.useEffect(() => {
       if (!highlightEnabled || typeof MutationObserver === "undefined") {
         return;
       }
@@ -9272,7 +9391,7 @@ var TabsList = React58__namespace.forwardRef(
         observer.disconnect();
       };
     }, [highlightEnabled, updateIndicator]);
-    React58__namespace.useEffect(() => {
+    React59__namespace.useEffect(() => {
       if (!highlightEnabled) {
         return;
       }
@@ -9312,7 +9431,7 @@ var TabsList = React58__namespace.forwardRef(
   }
 );
 TabsList.displayName = "TabsList";
-var TabsTrigger = React58__namespace.forwardRef(
+var TabsTrigger = React59__namespace.forwardRef(
   ({ className, variant, value, disabled, onClick, onKeyDown, ...props }, forwardedRef) => {
     const {
       id,
@@ -9324,11 +9443,11 @@ var TabsTrigger = React58__namespace.forwardRef(
       orientation
     } = useTabsContext("TabsTrigger");
     const activeVariant = useTabsVariant(variant);
-    const localRef = React58__namespace.useRef(null);
+    const localRef = React59__namespace.useRef(null);
     const isActive = activeValue === value;
     const triggerId = `${id}-trigger-${value}`;
     const contentId = `${id}-content-${value}`;
-    React58__namespace.useEffect(() => {
+    React59__namespace.useEffect(() => {
       registerTrigger(value, localRef.current);
       return () => registerTrigger(value, null);
     }, [registerTrigger, value]);
@@ -9403,7 +9522,7 @@ var TabsTrigger = React58__namespace.forwardRef(
   }
 );
 TabsTrigger.displayName = "TabsTrigger";
-var TabsContent = React58__namespace.forwardRef(
+var TabsContent = React59__namespace.forwardRef(
   ({ className, variant, value, ...props }, ref) => {
     const { id, value: activeValue } = useTabsContext("TabsContent");
     const activeVariant = useTabsVariant(variant);
@@ -9430,21 +9549,44 @@ var TabsContent = React58__namespace.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__namespace.forwardRef(
+  ({ className, onFocus, ...props }, forwardedRef) => {
+    const setRefs = React59__namespace.useCallback(
+      (node) => {
+        if (typeof forwardedRef === "function") {
+          forwardedRef(node);
+        } else if (forwardedRef) {
+          forwardedRef.current = node;
+        }
+      },
+      [forwardedRef]
+    );
+    const handleFocus = React59__namespace.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 = classVarianceAuthority.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",
   {
@@ -9480,7 +9622,7 @@ function Toggle({
     }
   );
 }
-var ToggleGroupContext = React58__namespace.createContext({
+var ToggleGroupContext = React59__namespace.createContext({
   size: "default",
   variant: "default"
 });
@@ -9513,7 +9655,7 @@ function ToggleGroupItem({
   size: size4,
   ...props
 }) {
-  const context = React58__namespace.useContext(ToggleGroupContext);
+  const context = React59__namespace.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsx(
     radixUi.ToggleGroup.Item,
     {
@@ -9657,9 +9799,9 @@ function MobileWheelColumn2({
   onValueChange,
   open
 }) {
-  const listRef = React58__namespace.useRef(null);
-  const scrollTimeoutRef = React58__namespace.useRef(null);
-  const extendedOptions = React58__namespace.useMemo(() => {
+  const listRef = React59__namespace.useRef(null);
+  const scrollTimeoutRef = React59__namespace.useRef(null);
+  const extendedOptions = React59__namespace.useMemo(() => {
     if (options.length === 0) {
       return [];
     }
@@ -9671,7 +9813,7 @@ function MobileWheelColumn2({
     }
     return repeated;
   }, [options]);
-  const alignToValue = React58__namespace.useCallback(
+  const alignToValue = React59__namespace.useCallback(
     (value, behavior = "auto") => {
       if (!listRef.current || options.length === 0 || extendedOptions.length === 0) {
         return;
@@ -9685,18 +9827,18 @@ function MobileWheelColumn2({
     },
     [extendedOptions.length, options]
   );
-  React58__namespace.useLayoutEffect(() => {
+  React59__namespace.useLayoutEffect(() => {
     if (!open) {
       return;
     }
     alignToValue(selectedValue);
   }, [alignToValue, open, options, selectedValue]);
-  React58__namespace.useEffect(() => () => {
+  React59__namespace.useEffect(() => () => {
     if (scrollTimeoutRef.current !== null) {
       clearTimeout(scrollTimeoutRef.current);
     }
   }, []);
-  const handleScroll2 = React58__namespace.useCallback(
+  const handleScroll2 = React59__namespace.useCallback(
     (event) => {
       if (extendedOptions.length === 0 || options.length === 0) {
         return;
@@ -9785,7 +9927,7 @@ var MeridiemColumn = ({ value, onChange }) => /* @__PURE__ */ jsxs("div", { clas
     );
   }) })
 ] });
-var TimePicker = React58__namespace.forwardRef((props, ref) => {
+var TimePicker = React59__namespace.forwardRef((props, ref) => {
   var _a2, _b, _c, _d;
   const {
     value: valueProp,
@@ -9827,21 +9969,21 @@ var TimePicker = React58__namespace.forwardRef((props, ref) => {
   const isMobile = useIsMobile();
   const shouldUseDrawer = isNative || isMobile;
   const isControlled = valueProp !== void 0;
-  const [internalValue, setInternalValue] = React58__namespace.useState(defaultValue);
+  const [internalValue, setInternalValue] = React59__namespace.useState(defaultValue);
   const currentValue = (_a2 = isControlled ? valueProp : internalValue) != null ? _a2 : null;
-  const parsedValue = React58__namespace.useMemo(() => parseTimeString(currentValue), [currentValue]);
-  const resolvedMeridiem = React58__namespace.useMemo(
+  const parsedValue = React59__namespace.useMemo(() => parseTimeString(currentValue), [currentValue]);
+  const resolvedMeridiem = React59__namespace.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__namespace.useState(resolvedMeridiem);
-  React58__namespace.useEffect(() => {
+  const [meridiem, setMeridiem] = React59__namespace.useState(resolvedMeridiem);
+  React59__namespace.useEffect(() => {
     setMeridiem(resolvedMeridiem);
   }, [resolvedMeridiem]);
-  const inferredShowSeconds = React58__namespace.useMemo(() => {
+  const inferredShowSeconds = React59__namespace.useMemo(() => {
     if (typeof showSecondsProp === "boolean") {
       return showSecondsProp;
     }
@@ -9850,12 +9992,12 @@ var TimePicker = React58__namespace.forwardRef((props, ref) => {
     }
     return Boolean(currentValue && currentValue.split(":").length === 3);
   }, [currentValue, format, showSecondsProp]);
-  const defaultFormat = React58__namespace.useMemo(
+  const defaultFormat = React59__namespace.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__namespace.useCallback(
+  const formatValue = React59__namespace.useCallback(
     (value) => {
       if (!value) {
         return "";
@@ -9867,21 +10009,21 @@ var TimePicker = React58__namespace.forwardRef((props, ref) => {
     },
     [format, resolvedFormat]
   );
-  const [inputValue, setInputValue] = React58__namespace.useState(() => formatValue(parsedValue));
-  React58__namespace.useEffect(() => {
+  const [inputValue, setInputValue] = React59__namespace.useState(() => formatValue(parsedValue));
+  React59__namespace.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(lucideReact.X, { className: "h-4 w-4", strokeWidth: 2 });
   const showClear = Boolean(allowClear) && !disabled && Boolean(currentValue);
-  const primaryColorStyle = React58__namespace.useMemo(
+  const primaryColorStyle = React59__namespace.useMemo(
     () => ({ "--date-primary-color": DEFAULT_PRIMARY_COLOR2 }),
     []
   );
   const isOpenControlled = openProp !== void 0;
-  const [internalOpen, setInternalOpen] = React58__namespace.useState(Boolean(defaultOpen));
+  const [internalOpen, setInternalOpen] = React59__namespace.useState(Boolean(defaultOpen));
   const open = isOpenControlled ? Boolean(openProp) : internalOpen;
-  const handleOpenChange = React58__namespace.useCallback(
+  const handleOpenChange = React59__namespace.useCallback(
     (nextOpen) => {
       if (disabled) {
         return;
@@ -9893,7 +10035,7 @@ var TimePicker = React58__namespace.forwardRef((props, ref) => {
     },
     [disabled, isOpenControlled, onOpenChange]
   );
-  const commitValue = React58__namespace.useCallback(
+  const commitValue = React59__namespace.useCallback(
     (next) => {
       if (!next) {
         if (!isControlled) {
@@ -9917,7 +10059,7 @@ var TimePicker = React58__namespace.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__namespace.useMemo(() => {
+  const hourOptions = React59__namespace.useMemo(() => {
     if (use12Hours) {
       const values = [];
       for (let hour = 1; hour <= 12; hour += safeHourStep) {
@@ -9935,14 +10077,14 @@ var TimePicker = React58__namespace.forwardRef((props, ref) => {
     }
     return result;
   }, [safeHourStep, use12Hours]);
-  const minuteOptions = React58__namespace.useMemo(() => {
+  const minuteOptions = React59__namespace.useMemo(() => {
     const result = [];
     for (let minute = 0; minute < 60; minute += safeMinuteStep) {
       result.push({ label: pad(minute), value: minute });
     }
     return result;
   }, [safeMinuteStep]);
-  const secondOptions = React58__namespace.useMemo(() => {
+  const secondOptions = React59__namespace.useMemo(() => {
     if (!inferredShowSeconds) {
       return [];
     }
@@ -9952,7 +10094,7 @@ var TimePicker = React58__namespace.forwardRef((props, ref) => {
     }
     return result;
   }, [inferredShowSeconds, safeSecondStep]);
-  const resolvedHourValue = React58__namespace.useMemo(() => {
+  const resolvedHourValue = React59__namespace.useMemo(() => {
     if (!parsedValue) {
       return use12Hours ? 12 : 0;
     }
@@ -9960,7 +10102,7 @@ var TimePicker = React58__namespace.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__namespace.useCallback(
+  const handleHourSelect = React59__namespace.useCallback(
     (value) => {
       if (use12Hours) {
         const hour24 = convert12To24(value, meridiem);
@@ -9971,19 +10113,19 @@ var TimePicker = React58__namespace.forwardRef((props, ref) => {
     },
     [baseValue, commitValue, meridiem, use12Hours]
   );
-  const handleMinuteSelect = React58__namespace.useCallback(
+  const handleMinuteSelect = React59__namespace.useCallback(
     (value) => {
       commitValue({ ...baseValue, minute: value });
     },
     [baseValue, commitValue]
   );
-  const handleSecondSelect = React58__namespace.useCallback(
+  const handleSecondSelect = React59__namespace.useCallback(
     (value) => {
       commitValue({ ...baseValue, second: value });
     },
     [baseValue, commitValue]
   );
-  const handleMeridiemChange = React58__namespace.useCallback(
+  const handleMeridiemChange = React59__namespace.useCallback(
     (nextMeridiem) => {
       setMeridiem(nextMeridiem);
       const current = parsedValue != null ? parsedValue : baseValue;
@@ -9998,7 +10140,7 @@ var TimePicker = React58__namespace.forwardRef((props, ref) => {
     },
     [baseValue, commitValue, parsedValue]
   );
-  const handleInputChange = React58__namespace.useCallback(
+  const handleInputChange = React59__namespace.useCallback(
     (event) => {
       const nextValue = event.target.value;
       setInputValue(nextValue);
@@ -10106,7 +10248,7 @@ var TimePicker = React58__namespace.forwardRef((props, ref) => {
       ]
     }
   );
-  const periodWheelOptions = React58__namespace.useMemo(
+  const periodWheelOptions = React59__namespace.useMemo(
     () => [
       { label: "AM", value: "AM" },
       { label: "PM", value: "PM" }
@@ -10277,7 +10419,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__namespace.useId();
+  const sortableId = React59__namespace.useId();
   const sensors = core.useSensors(core.useSensor(core.MouseSensor, {}), core.useSensor(core.TouchSensor, {}), core.useSensor(core.KeyboardSensor, {}));
   function handleDragEnd(event) {
     const { active, over } = event;
@@ -10479,21 +10621,21 @@ function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForD
 function createContextScope(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext32(rootComponentName, defaultContext) {
-    const BaseContext = React58__namespace.createContext(defaultContext);
+    const BaseContext = React59__namespace.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__namespace.useMemo(() => context, Object.values(context));
+      const value = React59__namespace.useMemo(() => context, Object.values(context));
       return /* @__PURE__ */ jsxRuntime.jsx(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__namespace.useContext(Context);
+      const context = React59__namespace.useContext(Context);
       if (context) return context;
       if (defaultContext !== void 0) return defaultContext;
       throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
@@ -10502,11 +10644,11 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
   }
   const createScope = () => {
     const scopeContexts = defaultContexts.map((defaultContext) => {
-      return React58__namespace.createContext(defaultContext);
+      return React59__namespace.createContext(defaultContext);
     });
     return function useScope(scope) {
       const contexts = (scope == null ? void 0 : scope[scopeName]) || scopeContexts;
-      return React58__namespace.useMemo(
+      return React59__namespace.useMemo(
         () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
         [scope, contexts]
       );
@@ -10529,15 +10671,15 @@ function composeContextScopes(...scopes) {
         const currentScope = scopeProps[`__scope${scopeName}`];
         return { ...nextScopes2, ...currentScope };
       }, {});
-      return React58__namespace.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
+      return React59__namespace.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
     };
   };
   createScope.scopeName = baseScope.scopeName;
   return createScope;
 }
-var useLayoutEffect22 = (globalThis == null ? void 0 : globalThis.document) ? React58__namespace.useLayoutEffect : () => {
+var useLayoutEffect22 = (globalThis == null ? void 0 : globalThis.document) ? React59__namespace.useLayoutEffect : () => {
 };
-var useInsertionEffect = React58__namespace[" useInsertionEffect ".trim().toString()] || useLayoutEffect22;
+var useInsertionEffect = React59__namespace[" useInsertionEffect ".trim().toString()] || useLayoutEffect22;
 function useControllableState({
   prop,
   defaultProp,
@@ -10552,8 +10694,8 @@ function useControllableState({
   const isControlled = prop !== void 0;
   const value = isControlled ? prop : uncontrolledProp;
   {
-    const isControlledRef = React58__namespace.useRef(prop !== void 0);
-    React58__namespace.useEffect(() => {
+    const isControlledRef = React59__namespace.useRef(prop !== void 0);
+    React59__namespace.useEffect(() => {
       const wasControlled = isControlledRef.current;
       if (wasControlled !== isControlled) {
         const from = wasControlled ? "controlled" : "uncontrolled";
@@ -10565,7 +10707,7 @@ function useControllableState({
       isControlledRef.current = isControlled;
     }, [isControlled, caller]);
   }
-  const setValue = React58__namespace.useCallback(
+  const setValue = React59__namespace.useCallback(
     (nextValue) => {
       var _a2;
       if (isControlled) {
@@ -10585,13 +10727,13 @@ function useUncontrolledState({
   defaultProp,
   onChange
 }) {
-  const [value, setValue] = React58__namespace.useState(defaultProp);
-  const prevValueRef = React58__namespace.useRef(value);
-  const onChangeRef = React58__namespace.useRef(onChange);
+  const [value, setValue] = React59__namespace.useState(defaultProp);
+  const prevValueRef = React59__namespace.useRef(value);
+  const onChangeRef = React59__namespace.useRef(onChange);
   useInsertionEffect(() => {
     onChangeRef.current = onChange;
   }, [onChange]);
-  React58__namespace.useEffect(() => {
+  React59__namespace.useEffect(() => {
     var _a2;
     if (prevValueRef.current !== value) {
       (_a2 = onChangeRef.current) == null ? void 0 : _a2.call(onChangeRef, value);
@@ -10624,7 +10766,7 @@ var NODES = [
 ];
 var Primitive = NODES.reduce((primitive, node) => {
   const Slot3 = createSlot(`Primitive.${node}`);
-  const Node2 = React58__namespace.forwardRef((props, forwardedRef) => {
+  const Node2 = React59__namespace.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot3 : node;
     if (typeof window !== "undefined") {
@@ -10647,14 +10789,14 @@ function createCollection(name) {
   );
   const CollectionProvider = (props) => {
     const { scope, children } = props;
-    const ref = React58__namespace.default.useRef(null);
-    const itemMap = React58__namespace.default.useRef(/* @__PURE__ */ new Map()).current;
+    const ref = React59__namespace.default.useRef(null);
+    const itemMap = React59__namespace.default.useRef(/* @__PURE__ */ new Map()).current;
     return /* @__PURE__ */ jsxRuntime.jsx(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__namespace.default.forwardRef(
+  const CollectionSlot = React59__namespace.default.forwardRef(
     (props, forwardedRef) => {
       const { scope, children } = props;
       const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
@@ -10666,13 +10808,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__namespace.default.forwardRef(
+  const CollectionItemSlot = React59__namespace.default.forwardRef(
     (props, forwardedRef) => {
       const { scope, children, ...itemData } = props;
-      const ref = React58__namespace.default.useRef(null);
+      const ref = React59__namespace.default.useRef(null);
       const composedRefs = useComposedRefs(forwardedRef, ref);
       const context = useCollectionContext(ITEM_SLOT_NAME, scope);
-      React58__namespace.default.useEffect(() => {
+      React59__namespace.default.useEffect(() => {
         context.itemMap.set(ref, { ref, ...itemData });
         return () => void context.itemMap.delete(ref);
       });
@@ -10682,7 +10824,7 @@ function createCollection(name) {
   CollectionItemSlot.displayName = ITEM_SLOT_NAME;
   function useCollection3(scope) {
     const context = useCollectionContext(name + "CollectionConsumer", scope);
-    const getItems = React58__namespace.default.useCallback(() => {
+    const getItems = React59__namespace.default.useCallback(() => {
       const collectionNode = context.collectionRef.current;
       if (!collectionNode) return [];
       const orderedNodes = Array.from(collectionNode.querySelectorAll(`[${ITEM_DATA_ATTR}]`));
@@ -10700,24 +10842,24 @@ function createCollection(name) {
     createCollectionScope3
   ];
 }
-var DirectionContext = React58__namespace.createContext(void 0);
+var DirectionContext = React59__namespace.createContext(void 0);
 function useDirection(localDir) {
-  const globalDir = React58__namespace.useContext(DirectionContext);
+  const globalDir = React59__namespace.useContext(DirectionContext);
   return localDir || globalDir || "ltr";
 }
 function useCallbackRef(callback) {
-  const callbackRef = React58__namespace.useRef(callback);
-  React58__namespace.useEffect(() => {
+  const callbackRef = React59__namespace.useRef(callback);
+  React59__namespace.useEffect(() => {
     callbackRef.current = callback;
   });
-  return React58__namespace.useMemo(() => (...args) => {
+  return React59__namespace.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__namespace.useEffect(() => {
+  React59__namespace.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === "Escape") {
         onEscapeKeyDown(event);
@@ -10732,12 +10874,12 @@ var CONTEXT_UPDATE = "dismissableLayer.update";
 var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
 var FOCUS_OUTSIDE = "dismissableLayer.focusOutside";
 var originalBodyPointerEvents;
-var DismissableLayerContext = React58__namespace.createContext({
+var DismissableLayerContext = React59__namespace.createContext({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
 });
-var DismissableLayer = React58__namespace.forwardRef(
+var DismissableLayer = React59__namespace.forwardRef(
   (props, forwardedRef) => {
     var _a2;
     const {
@@ -10749,10 +10891,10 @@ var DismissableLayer = React58__namespace.forwardRef(
       onDismiss,
       ...layerProps
     } = props;
-    const context = React58__namespace.useContext(DismissableLayerContext);
-    const [node, setNode] = React58__namespace.useState(null);
+    const context = React59__namespace.useContext(DismissableLayerContext);
+    const [node, setNode] = React59__namespace.useState(null);
     const ownerDocument = (_a2 = node == null ? void 0 : node.ownerDocument) != null ? _a2 : globalThis == null ? void 0 : globalThis.document;
-    const [, force] = React58__namespace.useState({});
+    const [, force] = React59__namespace.useState({});
     const composedRefs = useComposedRefs(forwardedRef, (node2) => setNode(node2));
     const layers = Array.from(context.layers);
     const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1);
@@ -10785,7 +10927,7 @@ var DismissableLayer = React58__namespace.forwardRef(
         onDismiss();
       }
     }, ownerDocument);
-    React58__namespace.useEffect(() => {
+    React59__namespace.useEffect(() => {
       if (!node) return;
       if (disableOutsidePointerEvents) {
         if (context.layersWithOutsidePointerEventsDisabled.size === 0) {
@@ -10802,7 +10944,7 @@ var DismissableLayer = React58__namespace.forwardRef(
         }
       };
     }, [node, ownerDocument, disableOutsidePointerEvents, context]);
-    React58__namespace.useEffect(() => {
+    React59__namespace.useEffect(() => {
       return () => {
         if (!node) return;
         context.layers.delete(node);
@@ -10810,7 +10952,7 @@ var DismissableLayer = React58__namespace.forwardRef(
         dispatchUpdate();
       };
     }, [node, context]);
-    React58__namespace.useEffect(() => {
+    React59__namespace.useEffect(() => {
       const handleUpdate = () => force({});
       document.addEventListener(CONTEXT_UPDATE, handleUpdate);
       return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
@@ -10836,11 +10978,11 @@ var DismissableLayer = React58__namespace.forwardRef(
 );
 DismissableLayer.displayName = DISMISSABLE_LAYER_NAME;
 var BRANCH_NAME = "DismissableLayerBranch";
-var DismissableLayerBranch = React58__namespace.forwardRef((props, forwardedRef) => {
-  const context = React58__namespace.useContext(DismissableLayerContext);
-  const ref = React58__namespace.useRef(null);
+var DismissableLayerBranch = React59__namespace.forwardRef((props, forwardedRef) => {
+  const context = React59__namespace.useContext(DismissableLayerContext);
+  const ref = React59__namespace.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref);
-  React58__namespace.useEffect(() => {
+  React59__namespace.useEffect(() => {
     const node = ref.current;
     if (node) {
       context.branches.add(node);
@@ -10854,10 +10996,10 @@ var DismissableLayerBranch = React58__namespace.forwardRef((props, forwardedRef)
 DismissableLayerBranch.displayName = BRANCH_NAME;
 function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis == null ? void 0 : globalThis.document) {
   const handlePointerDownOutside = useCallbackRef(onPointerDownOutside);
-  const isPointerInsideReactTreeRef = React58__namespace.useRef(false);
-  const handleClickRef = React58__namespace.useRef(() => {
+  const isPointerInsideReactTreeRef = React59__namespace.useRef(false);
+  const handleClickRef = React59__namespace.useRef(() => {
   });
-  React58__namespace.useEffect(() => {
+  React59__namespace.useEffect(() => {
     const handlePointerDown = (event) => {
       if (event.target && !isPointerInsideReactTreeRef.current) {
         let handleAndDispatchPointerDownOutsideEvent2 = function() {
@@ -10897,8 +11039,8 @@ function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis
 }
 function useFocusOutside(onFocusOutside, ownerDocument = globalThis == null ? void 0 : globalThis.document) {
   const handleFocusOutside = useCallbackRef(onFocusOutside);
-  const isFocusInsideReactTreeRef = React58__namespace.useRef(false);
-  React58__namespace.useEffect(() => {
+  const isFocusInsideReactTreeRef = React59__namespace.useRef(false);
+  React59__namespace.useEffect(() => {
     const handleFocus = (event) => {
       if (event.target && !isFocusInsideReactTreeRef.current) {
         const eventDetail = { originalEvent: event };
@@ -10931,7 +11073,7 @@ function handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {
 }
 var count = 0;
 function useFocusGuards() {
-  React58__namespace.useEffect(() => {
+  React59__namespace.useEffect(() => {
     var _a2, _b;
     const edgeGuards = document.querySelectorAll("[data-radix-focus-guard]");
     document.body.insertAdjacentElement("afterbegin", (_a2 = edgeGuards[0]) != null ? _a2 : createFocusGuard());
@@ -10959,7 +11101,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__namespace.forwardRef((props, forwardedRef) => {
+var FocusScope = React59__namespace.forwardRef((props, forwardedRef) => {
   const {
     loop = false,
     trapped = false,
@@ -10967,12 +11109,12 @@ var FocusScope = React58__namespace.forwardRef((props, forwardedRef) => {
     onUnmountAutoFocus: onUnmountAutoFocusProp,
     ...scopeProps
   } = props;
-  const [container, setContainer] = React58__namespace.useState(null);
+  const [container, setContainer] = React59__namespace.useState(null);
   const onMountAutoFocus = useCallbackRef(onMountAutoFocusProp);
   const onUnmountAutoFocus = useCallbackRef(onUnmountAutoFocusProp);
-  const lastFocusedElementRef = React58__namespace.useRef(null);
+  const lastFocusedElementRef = React59__namespace.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, (node) => setContainer(node));
-  const focusScope = React58__namespace.useRef({
+  const focusScope = React59__namespace.useRef({
     paused: false,
     pause() {
       this.paused = true;
@@ -10981,7 +11123,7 @@ var FocusScope = React58__namespace.forwardRef((props, forwardedRef) => {
       this.paused = false;
     }
   }).current;
-  React58__namespace.useEffect(() => {
+  React59__namespace.useEffect(() => {
     if (trapped) {
       let handleFocusIn2 = function(event) {
         if (focusScope.paused || !container) return;
@@ -11016,7 +11158,7 @@ var FocusScope = React58__namespace.forwardRef((props, forwardedRef) => {
       };
     }
   }, [trapped, container, focusScope.paused]);
-  React58__namespace.useEffect(() => {
+  React59__namespace.useEffect(() => {
     if (container) {
       focusScopesStack.add(focusScope);
       const previouslyFocusedElement = document.activeElement;
@@ -11047,7 +11189,7 @@ var FocusScope = React58__namespace.forwardRef((props, forwardedRef) => {
       };
     }
   }, [container, onMountAutoFocus, onUnmountAutoFocus, focusScope]);
-  const handleKeyDown = React58__namespace.useCallback(
+  const handleKeyDown = React59__namespace.useCallback(
     (event) => {
       if (!loop && !trapped) return;
       if (focusScope.paused) return;
@@ -11155,10 +11297,10 @@ function arrayRemove(array, item) {
 function removeLinks(items) {
   return items.filter((item) => item.tagName !== "A");
 }
-var useReactId = React58__namespace[" useId ".trim().toString()] || (() => void 0);
+var useReactId = React59__namespace[" useId ".trim().toString()] || (() => void 0);
 var count2 = 0;
 function useId4(deterministicId) {
-  const [id, setId] = React58__namespace.useState(useReactId());
+  const [id, setId] = React59__namespace.useState(useReactId());
   useLayoutEffect22(() => {
     setId((reactId) => reactId != null ? reactId : String(count2++));
   }, [deterministicId]);
@@ -12773,7 +12915,7 @@ var computePosition2 = (reference, floating, options) => {
 var isClient = typeof document !== "undefined";
 var noop4 = function noop5() {
 };
-var index = isClient ? React58.useLayoutEffect : noop4;
+var index = isClient ? React59.useLayoutEffect : noop4;
 function deepEqual(a, b) {
   if (a === b) {
     return true;
@@ -12833,7 +12975,7 @@ function roundByDPR(element, value) {
   return Math.round(value * dpr) / dpr;
 }
 function useLatestRef(value) {
-  const ref = React58__namespace.useRef(value);
+  const ref = React59__namespace.useRef(value);
   index(() => {
     ref.current = value;
   });
@@ -12856,7 +12998,7 @@ function useFloating(options) {
     whileElementsMounted,
     open
   } = options;
-  const [data, setData] = React58__namespace.useState({
+  const [data, setData] = React59__namespace.useState({
     x: 0,
     y: 0,
     strategy,
@@ -12864,19 +13006,19 @@ function useFloating(options) {
     middlewareData: {},
     isPositioned: false
   });
-  const [latestMiddleware, setLatestMiddleware] = React58__namespace.useState(middleware);
+  const [latestMiddleware, setLatestMiddleware] = React59__namespace.useState(middleware);
   if (!deepEqual(latestMiddleware, middleware)) {
     setLatestMiddleware(middleware);
   }
-  const [_reference, _setReference] = React58__namespace.useState(null);
-  const [_floating, _setFloating] = React58__namespace.useState(null);
-  const setReference = React58__namespace.useCallback((node) => {
+  const [_reference, _setReference] = React59__namespace.useState(null);
+  const [_floating, _setFloating] = React59__namespace.useState(null);
+  const setReference = React59__namespace.useCallback((node) => {
     if (node !== referenceRef.current) {
       referenceRef.current = node;
       _setReference(node);
     }
   }, []);
-  const setFloating = React58__namespace.useCallback((node) => {
+  const setFloating = React59__namespace.useCallback((node) => {
     if (node !== floatingRef.current) {
       floatingRef.current = node;
       _setFloating(node);
@@ -12884,14 +13026,14 @@ function useFloating(options) {
   }, []);
   const referenceEl = externalReference || _reference;
   const floatingEl = externalFloating || _floating;
-  const referenceRef = React58__namespace.useRef(null);
-  const floatingRef = React58__namespace.useRef(null);
-  const dataRef = React58__namespace.useRef(data);
+  const referenceRef = React59__namespace.useRef(null);
+  const floatingRef = React59__namespace.useRef(null);
+  const dataRef = React59__namespace.useRef(data);
   const hasWhileElementsMounted = whileElementsMounted != null;
   const whileElementsMountedRef = useLatestRef(whileElementsMounted);
   const platformRef = useLatestRef(platform2);
   const openRef = useLatestRef(open);
-  const update = React58__namespace.useCallback(() => {
+  const update = React59__namespace.useCallback(() => {
     if (!referenceRef.current || !floatingRef.current) {
       return;
     }
@@ -12929,7 +13071,7 @@ function useFloating(options) {
       }));
     }
   }, [open]);
-  const isMountedRef = React58__namespace.useRef(false);
+  const isMountedRef = React59__namespace.useRef(false);
   index(() => {
     isMountedRef.current = true;
     return () => {
@@ -12946,17 +13088,17 @@ function useFloating(options) {
       update();
     }
   }, [referenceEl, floatingEl, update, whileElementsMountedRef, hasWhileElementsMounted]);
-  const refs = React58__namespace.useMemo(() => ({
+  const refs = React59__namespace.useMemo(() => ({
     reference: referenceRef,
     floating: floatingRef,
     setReference,
     setFloating
   }), [setReference, setFloating]);
-  const elements = React58__namespace.useMemo(() => ({
+  const elements = React59__namespace.useMemo(() => ({
     reference: referenceEl,
     floating: floatingEl
   }), [referenceEl, floatingEl]);
-  const floatingStyles = React58__namespace.useMemo(() => {
+  const floatingStyles = React59__namespace.useMemo(() => {
     const initialStyles = {
       position: strategy,
       left: 0,
@@ -12982,7 +13124,7 @@ function useFloating(options) {
       top: y
     };
   }, [strategy, transform, elements.floating, data.x, data.y]);
-  return React58__namespace.useMemo(() => ({
+  return React59__namespace.useMemo(() => ({
     ...data,
     update,
     refs,
@@ -13050,7 +13192,7 @@ var arrow3 = (options, deps) => ({
   options: [options, deps]
 });
 var NAME = "Arrow";
-var Arrow = React58__namespace.forwardRef((props, forwardedRef) => {
+var Arrow = React59__namespace.forwardRef((props, forwardedRef) => {
   const { children, width = 10, height = 5, ...arrowProps } = props;
   return /* @__PURE__ */ jsxRuntime.jsx(
     Primitive.svg,
@@ -13068,7 +13210,7 @@ var Arrow = React58__namespace.forwardRef((props, forwardedRef) => {
 Arrow.displayName = NAME;
 var Root = Arrow;
 function useSize(element) {
-  const [size4, setSize] = React58__namespace.useState(void 0);
+  const [size4, setSize] = React59__namespace.useState(void 0);
   useLayoutEffect22(() => {
     if (element) {
       setSize({ width: element.offsetWidth, height: element.offsetHeight });
@@ -13105,14 +13247,14 @@ var POPPER_NAME = "Popper";
 var [createPopperContext, createPopperScope] = createContextScope(POPPER_NAME);
 var [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
 var ANCHOR_NAME = "PopperAnchor";
-var PopperAnchor = React58__namespace.forwardRef(
+var PopperAnchor = React59__namespace.forwardRef(
   (props, forwardedRef) => {
     const { __scopePopper, virtualRef, ...anchorProps } = props;
     const context = usePopperContext(ANCHOR_NAME, __scopePopper);
-    const ref = React58__namespace.useRef(null);
+    const ref = React59__namespace.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, ref);
-    const anchorRef = React58__namespace.useRef(null);
-    React58__namespace.useEffect(() => {
+    const anchorRef = React59__namespace.useRef(null);
+    React59__namespace.useEffect(() => {
       const previousAnchor = anchorRef.current;
       anchorRef.current = (virtualRef == null ? void 0 : virtualRef.current) || ref.current;
       if (previousAnchor !== anchorRef.current) {
@@ -13125,7 +13267,7 @@ var PopperAnchor = React58__namespace.forwardRef(
 PopperAnchor.displayName = ANCHOR_NAME;
 var CONTENT_NAME = "PopperContent";
 var [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME);
-var PopperContent = React58__namespace.forwardRef(
+var PopperContent = React59__namespace.forwardRef(
   (props, forwardedRef) => {
     var _a2, _b, _c, _d, _e, _f, _g, _h;
     const {
@@ -13145,9 +13287,9 @@ var PopperContent = React58__namespace.forwardRef(
       ...contentProps
     } = props;
     const context = usePopperContext(CONTENT_NAME, __scopePopper);
-    const [content, setContent] = React58__namespace.useState(null);
+    const [content, setContent] = React59__namespace.useState(null);
     const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
-    const [arrow4, setArrow] = React58__namespace.useState(null);
+    const [arrow4, setArrow] = React59__namespace.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;
@@ -13209,7 +13351,7 @@ var PopperContent = React58__namespace.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__namespace.useState();
+    const [contentZIndex, setContentZIndex] = React59__namespace.useState();
     useLayoutEffect22(() => {
       if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
     }, [content]);
@@ -13275,7 +13417,7 @@ var OPPOSITE_SIDE = {
   bottom: "top",
   left: "right"
 };
-var PopperArrow = React58__namespace.forwardRef(function PopperArrow2(props, forwardedRef) {
+var PopperArrow = React59__namespace.forwardRef(function PopperArrow2(props, forwardedRef) {
   const { __scopePopper, ...arrowProps } = props;
   const contentContext = useContentContext(ARROW_NAME, __scopePopper);
   const baseSide = OPPOSITE_SIDE[contentContext.placedSide];
@@ -13366,17 +13508,17 @@ var Anchor = PopperAnchor;
 var Content = PopperContent;
 var Arrow2 = PopperArrow;
 var PORTAL_NAME = "Portal";
-var Portal = React58__namespace.forwardRef((props, forwardedRef) => {
+var Portal = React59__namespace.forwardRef((props, forwardedRef) => {
   var _a2;
   const { container: containerProp, ...portalProps } = props;
-  const [mounted, setMounted] = React58__namespace.useState(false);
+  const [mounted, setMounted] = React59__namespace.useState(false);
   useLayoutEffect22(() => setMounted(true), []);
   const container = containerProp || mounted && ((_a2 = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : _a2.body);
   return container ? ReactDOM__namespace.default.createPortal(/* @__PURE__ */ jsxRuntime.jsx(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
 });
 Portal.displayName = PORTAL_NAME;
 function useStateMachine(initialState, machine) {
-  return React58__namespace.useReducer((state, event) => {
+  return React59__namespace.useReducer((state, event) => {
     const nextState = machine[state][event];
     return nextState != null ? nextState : state;
   }, initialState);
@@ -13384,17 +13526,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__namespace.Children.only(children);
+  const child = typeof children === "function" ? children({ present: presence.isPresent }) : React59__namespace.Children.only(children);
   const ref = useComposedRefs(presence.ref, getElementRef2(child));
   const forceMount = typeof children === "function";
-  return forceMount || presence.isPresent ? React58__namespace.cloneElement(child, { ref }) : null;
+  return forceMount || presence.isPresent ? React59__namespace.cloneElement(child, { ref }) : null;
 };
 Presence.displayName = "Presence";
 function usePresence(present) {
-  const [node, setNode] = React58__namespace.useState();
-  const stylesRef = React58__namespace.useRef(null);
-  const prevPresentRef = React58__namespace.useRef(present);
-  const prevAnimationNameRef = React58__namespace.useRef("none");
+  const [node, setNode] = React59__namespace.useState();
+  const stylesRef = React59__namespace.useRef(null);
+  const prevPresentRef = React59__namespace.useRef(present);
+  const prevAnimationNameRef = React59__namespace.useRef("none");
   const initialState = present ? "mounted" : "unmounted";
   const [state, send] = useStateMachine(initialState, {
     mounted: {
@@ -13409,7 +13551,7 @@ function usePresence(present) {
       MOUNT: "mounted"
     }
   });
-  React58__namespace.useEffect(() => {
+  React59__namespace.useEffect(() => {
     const currentAnimationName = getAnimationName(stylesRef.current);
     prevAnimationNameRef.current = state === "mounted" ? currentAnimationName : "none";
   }, [state]);
@@ -13476,7 +13618,7 @@ function usePresence(present) {
   }, [node, send]);
   return {
     isPresent: ["mounted", "unmountSuspended"].includes(state),
-    ref: React58__namespace.useCallback((node2) => {
+    ref: React59__namespace.useCallback((node2) => {
       stylesRef.current = node2 ? getComputedStyle(node2) : null;
       setNode(node2);
     }, [])
@@ -13508,13 +13650,13 @@ var [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContext
   [createCollectionScope]
 );
 var [RovingFocusProvider, useRovingFocusContext] = createRovingFocusGroupContext(GROUP_NAME);
-var RovingFocusGroup = React58__namespace.forwardRef(
+var RovingFocusGroup = React59__namespace.forwardRef(
   (props, forwardedRef) => {
     return /* @__PURE__ */ jsxRuntime.jsx(Collection.Provider, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsxRuntime.jsx(Collection.Slot, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsxRuntime.jsx(RovingFocusGroupImpl, { ...props, ref: forwardedRef }) }) });
   }
 );
 RovingFocusGroup.displayName = GROUP_NAME;
-var RovingFocusGroupImpl = React58__namespace.forwardRef((props, forwardedRef) => {
+var RovingFocusGroupImpl = React59__namespace.forwardRef((props, forwardedRef) => {
   const {
     __scopeRovingFocusGroup,
     orientation,
@@ -13527,7 +13669,7 @@ var RovingFocusGroupImpl = React58__namespace.forwardRef((props, forwardedRef) =
     preventScrollOnEntryFocus = false,
     ...groupProps
   } = props;
-  const ref = React58__namespace.useRef(null);
+  const ref = React59__namespace.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref);
   const direction = useDirection(dir);
   const [currentTabStopId, setCurrentTabStopId] = useControllableState({
@@ -13536,12 +13678,12 @@ var RovingFocusGroupImpl = React58__namespace.forwardRef((props, forwardedRef) =
     onChange: onCurrentTabStopIdChange,
     caller: GROUP_NAME
   });
-  const [isTabbingBackOut, setIsTabbingBackOut] = React58__namespace.useState(false);
+  const [isTabbingBackOut, setIsTabbingBackOut] = React59__namespace.useState(false);
   const handleEntryFocus = useCallbackRef(onEntryFocus);
   const getItems = useCollection(__scopeRovingFocusGroup);
-  const isClickFocusRef = React58__namespace.useRef(false);
-  const [focusableItemsCount, setFocusableItemsCount] = React58__namespace.useState(0);
-  React58__namespace.useEffect(() => {
+  const isClickFocusRef = React59__namespace.useRef(false);
+  const [focusableItemsCount, setFocusableItemsCount] = React59__namespace.useState(0);
+  React59__namespace.useEffect(() => {
     const node = ref.current;
     if (node) {
       node.addEventListener(ENTRY_FOCUS, handleEntryFocus);
@@ -13556,16 +13698,16 @@ var RovingFocusGroupImpl = React58__namespace.forwardRef((props, forwardedRef) =
       dir: direction,
       loop,
       currentTabStopId,
-      onItemFocus: React58__namespace.useCallback(
+      onItemFocus: React59__namespace.useCallback(
         (tabStopId) => setCurrentTabStopId(tabStopId),
         [setCurrentTabStopId]
       ),
-      onItemShiftTab: React58__namespace.useCallback(() => setIsTabbingBackOut(true), []),
-      onFocusableItemAdd: React58__namespace.useCallback(
+      onItemShiftTab: React59__namespace.useCallback(() => setIsTabbingBackOut(true), []),
+      onFocusableItemAdd: React59__namespace.useCallback(
         () => setFocusableItemsCount((prevCount) => prevCount + 1),
         []
       ),
-      onFocusableItemRemove: React58__namespace.useCallback(
+      onFocusableItemRemove: React59__namespace.useCallback(
         () => setFocusableItemsCount((prevCount) => prevCount - 1),
         []
       ),
@@ -13605,7 +13747,7 @@ var RovingFocusGroupImpl = React58__namespace.forwardRef((props, forwardedRef) =
   );
 });
 var ITEM_NAME = "RovingFocusGroupItem";
-var RovingFocusGroupItem = React58__namespace.forwardRef(
+var RovingFocusGroupItem = React59__namespace.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopeRovingFocusGroup,
@@ -13621,7 +13763,7 @@ var RovingFocusGroupItem = React58__namespace.forwardRef(
     const isCurrentTabStop = context.currentTabStopId === id;
     const getItems = useCollection(__scopeRovingFocusGroup);
     const { onFocusableItemAdd, onFocusableItemRemove, currentTabStopId } = context;
-    React58__namespace.useEffect(() => {
+    React59__namespace.useEffect(() => {
       if (focusable) {
         onFocusableItemAdd();
         return () => onFocusableItemRemove();
@@ -13878,7 +14020,7 @@ function assignRef(ref, value) {
   return ref;
 }
 function useCallbackRef2(initialValue, callback) {
-  var ref = React58.useState(function() {
+  var ref = React59.useState(function() {
     return {
       // value
       value: initialValue,
@@ -13902,7 +14044,7 @@ function useCallbackRef2(initialValue, callback) {
   ref.callback = callback;
   return ref.facade;
 }
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React58__namespace.useLayoutEffect : React58__namespace.useEffect;
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React59__namespace.useLayoutEffect : React59__namespace.useEffect;
 var currentValues = /* @__PURE__ */ new WeakMap();
 function useMergeRefs(refs, defaultValue) {
   var callbackRef = useCallbackRef2(null, function(newValue) {
@@ -14026,7 +14168,7 @@ var SideCar = function(_a2) {
   if (!Target) {
     throw new Error("Sidecar medium not found");
   }
-  return React58__namespace.createElement(Target, __assign({}, rest));
+  return React59__namespace.createElement(Target, __assign({}, rest));
 };
 SideCar.isSideCarExport = true;
 function exportSidecar(medium, exported) {
@@ -14041,9 +14183,9 @@ var effectCar = createSidecarMedium();
 var nothing = function() {
   return;
 };
-var RemoveScroll = React58__namespace.forwardRef(function(props, parentRef) {
-  var ref = React58__namespace.useRef(null);
-  var _a2 = React58__namespace.useState({
+var RemoveScroll = React59__namespace.forwardRef(function(props, parentRef) {
+  var ref = React59__namespace.useRef(null);
+  var _a2 = React59__namespace.useState({
     onScrollCapture: nothing,
     onWheelCapture: nothing,
     onTouchMoveCapture: nothing
@@ -14052,11 +14194,11 @@ var RemoveScroll = React58__namespace.forwardRef(function(props, parentRef) {
   var SideCar2 = sideCar;
   var containerRef = useMergeRefs([ref, parentRef]);
   var containerProps = __assign(__assign({}, rest), callbacks);
-  return React58__namespace.createElement(
-    React58__namespace.Fragment,
+  return React59__namespace.createElement(
+    React59__namespace.Fragment,
     null,
-    enabled && React58__namespace.createElement(SideCar2, { sideCar: effectCar, removeScrollBar, shards, noRelative, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode }),
-    forwardProps ? React58__namespace.cloneElement(React58__namespace.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React58__namespace.createElement(Container, __assign({}, containerProps, { className, ref: containerRef }), children)
+    enabled && React59__namespace.createElement(SideCar2, { sideCar: effectCar, removeScrollBar, shards, noRelative, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode }),
+    forwardProps ? React59__namespace.cloneElement(React59__namespace.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React59__namespace.createElement(Container, __assign({}, containerProps, { className, ref: containerRef }), children)
   );
 });
 RemoveScroll.defaultProps = {
@@ -14125,7 +14267,7 @@ var stylesheetSingleton = function() {
 var styleHookSingleton = function() {
   var sheet = stylesheetSingleton();
   return function(styles, isDynamic) {
-    React58__namespace.useEffect(function() {
+    React59__namespace.useEffect(function() {
       sheet.add(styles);
       return function() {
         sheet.remove();
@@ -14199,7 +14341,7 @@ var getCurrentUseCounter = function() {
   return isFinite(counter) ? counter : 0;
 };
 var useLockAttribute = function() {
-  React58__namespace.useEffect(function() {
+  React59__namespace.useEffect(function() {
     document.body.setAttribute(lockAttribute, (getCurrentUseCounter() + 1).toString());
     return function() {
       var newCounter = getCurrentUseCounter() - 1;
@@ -14214,10 +14356,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__namespace.useMemo(function() {
+  var gap = React59__namespace.useMemo(function() {
     return getGapWidth(gapMode);
   }, [gapMode]);
-  return React58__namespace.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? "!important" : "") });
+  return React59__namespace.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? "!important" : "") });
 };
 
 // node_modules/react-remove-scroll/dist/es2015/aggresiveCapture.js
@@ -14358,16 +14500,16 @@ var generateStyle = function(id) {
 var idCounter = 0;
 var lockStack = [];
 function RemoveScrollSideCar(props) {
-  var shouldPreventQueue = React58__namespace.useRef([]);
-  var touchStartRef = React58__namespace.useRef([0, 0]);
-  var activeAxis = React58__namespace.useRef();
-  var id = React58__namespace.useState(idCounter++)[0];
-  var Style2 = React58__namespace.useState(styleSingleton)[0];
-  var lastProps = React58__namespace.useRef(props);
-  React58__namespace.useEffect(function() {
+  var shouldPreventQueue = React59__namespace.useRef([]);
+  var touchStartRef = React59__namespace.useRef([0, 0]);
+  var activeAxis = React59__namespace.useRef();
+  var id = React59__namespace.useState(idCounter++)[0];
+  var Style2 = React59__namespace.useState(styleSingleton)[0];
+  var lastProps = React59__namespace.useRef(props);
+  React59__namespace.useEffect(function() {
     lastProps.current = props;
   }, [props]);
-  React58__namespace.useEffect(function() {
+  React59__namespace.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);
@@ -14383,7 +14525,7 @@ function RemoveScrollSideCar(props) {
     }
     return;
   }, [props.inert, props.lockRef.current, props.shards]);
-  var shouldCancelEvent = React58__namespace.useCallback(function(event, parent) {
+  var shouldCancelEvent = React59__namespace.useCallback(function(event, parent) {
     if ("touches" in event && event.touches.length === 2 || event.type === "wheel" && event.ctrlKey) {
       return !lastProps.current.allowPinchZoom;
     }
@@ -14419,7 +14561,7 @@ function RemoveScrollSideCar(props) {
     var cancelingAxis = activeAxis.current || currentAxis;
     return handleScroll(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY);
   }, []);
-  var shouldPrevent = React58__namespace.useCallback(function(_event) {
+  var shouldPrevent = React59__namespace.useCallback(function(_event) {
     var event = _event;
     if (!lockStack.length || lockStack[lockStack.length - 1] !== Style2) {
       return;
@@ -14446,7 +14588,7 @@ function RemoveScrollSideCar(props) {
       }
     }
   }, []);
-  var shouldCancel = React58__namespace.useCallback(function(name, delta, target, should) {
+  var shouldCancel = React59__namespace.useCallback(function(name, delta, target, should) {
     var event = { name, delta, target, should, shadowParent: getOutermostShadowParent(target) };
     shouldPreventQueue.current.push(event);
     setTimeout(function() {
@@ -14455,17 +14597,17 @@ function RemoveScrollSideCar(props) {
       });
     }, 1);
   }, []);
-  var scrollTouchStart = React58__namespace.useCallback(function(event) {
+  var scrollTouchStart = React59__namespace.useCallback(function(event) {
     touchStartRef.current = getTouchXY(event);
     activeAxis.current = void 0;
   }, []);
-  var scrollWheel = React58__namespace.useCallback(function(event) {
+  var scrollWheel = React59__namespace.useCallback(function(event) {
     shouldCancel(event.type, getDeltaXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
   }, []);
-  var scrollTouchMove = React58__namespace.useCallback(function(event) {
+  var scrollTouchMove = React59__namespace.useCallback(function(event) {
     shouldCancel(event.type, getTouchXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
   }, []);
-  React58__namespace.useEffect(function() {
+  React59__namespace.useEffect(function() {
     lockStack.push(Style2);
     props.setCallbacks({
       onScrollCapture: scrollWheel,
@@ -14485,11 +14627,11 @@ function RemoveScrollSideCar(props) {
     };
   }, []);
   var removeScrollBar = props.removeScrollBar, inert = props.inert;
-  return React58__namespace.createElement(
-    React58__namespace.Fragment,
+  return React59__namespace.createElement(
+    React59__namespace.Fragment,
     null,
-    inert ? React58__namespace.createElement(Style2, { styles: generateStyle(id) }) : null,
-    removeScrollBar ? React58__namespace.createElement(RemoveScrollBar, { noRelative: props.noRelative, gapMode: props.gapMode }) : null
+    inert ? React59__namespace.createElement(Style2, { styles: generateStyle(id) }) : null,
+    removeScrollBar ? React59__namespace.createElement(RemoveScrollBar, { noRelative: props.noRelative, gapMode: props.gapMode }) : null
   );
 }
 function getOutermostShadowParent(node) {
@@ -14508,8 +14650,8 @@ function getOutermostShadowParent(node) {
 var sidecar_default = exportSidecar(effectCar, RemoveScrollSideCar);
 
 // node_modules/react-remove-scroll/dist/es2015/Combination.js
-var ReactRemoveScroll = React58__namespace.forwardRef(function(props, ref) {
-  return React58__namespace.createElement(RemoveScroll, __assign({}, props, { ref, sideCar: sidecar_default }));
+var ReactRemoveScroll = React59__namespace.forwardRef(function(props, ref) {
+  return React59__namespace.createElement(RemoveScroll, __assign({}, props, { ref, sideCar: sidecar_default }));
 });
 ReactRemoveScroll.classNames = RemoveScroll.classNames;
 var Combination_default = ReactRemoveScroll;
@@ -14537,7 +14679,7 @@ var useRovingFocusGroupScope = createRovingFocusGroupScope();
 var [MenuProvider, useMenuContext] = createMenuContext(MENU_NAME);
 var [MenuRootProvider, useMenuRootContext] = createMenuContext(MENU_NAME);
 var ANCHOR_NAME2 = "MenuAnchor";
-var MenuAnchor = React58__namespace.forwardRef(
+var MenuAnchor = React59__namespace.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...anchorProps } = props;
     const popperScope = usePopperScope(__scopeMenu);
@@ -14551,7 +14693,7 @@ var [PortalProvider, usePortalContext] = createMenuContext(PORTAL_NAME2, {
 });
 var CONTENT_NAME2 = "MenuContent";
 var [MenuContentProvider, useMenuContentContext] = createMenuContext(CONTENT_NAME2);
-var MenuContent = React58__namespace.forwardRef(
+var MenuContent = React59__namespace.forwardRef(
   (props, forwardedRef) => {
     const portalContext = usePortalContext(CONTENT_NAME2, props.__scopeMenu);
     const { forceMount = portalContext.forceMount, ...contentProps } = props;
@@ -14560,12 +14702,12 @@ var MenuContent = React58__namespace.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsx(Collection2.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(Collection2.Slot, { scope: props.__scopeMenu, children: rootContext.modal ? /* @__PURE__ */ jsxRuntime.jsx(MenuRootContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsxRuntime.jsx(MenuRootContentNonModal, { ...contentProps, ref: forwardedRef }) }) }) });
   }
 );
-var MenuRootContentModal = React58__namespace.forwardRef(
+var MenuRootContentModal = React59__namespace.forwardRef(
   (props, forwardedRef) => {
     const context = useMenuContext(CONTENT_NAME2, props.__scopeMenu);
-    const ref = React58__namespace.useRef(null);
+    const ref = React59__namespace.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, ref);
-    React58__namespace.useEffect(() => {
+    React59__namespace.useEffect(() => {
       const content = ref.current;
       if (content) return hideOthers(content);
     }, []);
@@ -14587,7 +14729,7 @@ var MenuRootContentModal = React58__namespace.forwardRef(
     );
   }
 );
-var MenuRootContentNonModal = React58__namespace.forwardRef((props, forwardedRef) => {
+var MenuRootContentNonModal = React59__namespace.forwardRef((props, forwardedRef) => {
   const context = useMenuContext(CONTENT_NAME2, props.__scopeMenu);
   return /* @__PURE__ */ jsxRuntime.jsx(
     MenuContentImpl,
@@ -14602,7 +14744,7 @@ var MenuRootContentNonModal = React58__namespace.forwardRef((props, forwardedRef
   );
 });
 var Slot2 = createSlot("MenuContent.ScrollLock");
-var MenuContentImpl = React58__namespace.forwardRef(
+var MenuContentImpl = React59__namespace.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopeMenu,
@@ -14625,16 +14767,16 @@ var MenuContentImpl = React58__namespace.forwardRef(
     const popperScope = usePopperScope(__scopeMenu);
     const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeMenu);
     const getItems = useCollection2(__scopeMenu);
-    const [currentItemId, setCurrentItemId] = React58__namespace.useState(null);
-    const contentRef = React58__namespace.useRef(null);
+    const [currentItemId, setCurrentItemId] = React59__namespace.useState(null);
+    const contentRef = React59__namespace.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, contentRef, context.onContentChange);
-    const timerRef = React58__namespace.useRef(0);
-    const searchRef = React58__namespace.useRef("");
-    const pointerGraceTimerRef = React58__namespace.useRef(0);
-    const pointerGraceIntentRef = React58__namespace.useRef(null);
-    const pointerDirRef = React58__namespace.useRef("right");
-    const lastPointerXRef = React58__namespace.useRef(0);
-    const ScrollLockWrapper = disableOutsideScroll ? Combination_default : React58__namespace.Fragment;
+    const timerRef = React59__namespace.useRef(0);
+    const searchRef = React59__namespace.useRef("");
+    const pointerGraceTimerRef = React59__namespace.useRef(0);
+    const pointerGraceIntentRef = React59__namespace.useRef(null);
+    const pointerDirRef = React59__namespace.useRef("right");
+    const lastPointerXRef = React59__namespace.useRef(0);
+    const ScrollLockWrapper = disableOutsideScroll ? Combination_default : React59__namespace.Fragment;
     const scrollLockWrapperProps = disableOutsideScroll ? { as: Slot2, allowPinchZoom: true } : void 0;
     const handleTypeaheadSearch = (key) => {
       var _a2, _b;
@@ -14654,11 +14796,11 @@ var MenuContentImpl = React58__namespace.forwardRef(
         setTimeout(() => newItem.focus());
       }
     };
-    React58__namespace.useEffect(() => {
+    React59__namespace.useEffect(() => {
       return () => window.clearTimeout(timerRef.current);
     }, []);
     useFocusGuards();
-    const isPointerMovingToSubmenu = React58__namespace.useCallback((event) => {
+    const isPointerMovingToSubmenu = React59__namespace.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);
@@ -14668,13 +14810,13 @@ var MenuContentImpl = React58__namespace.forwardRef(
       {
         scope: __scopeMenu,
         searchRef,
-        onItemEnter: React58__namespace.useCallback(
+        onItemEnter: React59__namespace.useCallback(
           (event) => {
             if (isPointerMovingToSubmenu(event)) event.preventDefault();
           },
           [isPointerMovingToSubmenu]
         ),
-        onItemLeave: React58__namespace.useCallback(
+        onItemLeave: React59__namespace.useCallback(
           (event) => {
             var _a2;
             if (isPointerMovingToSubmenu(event)) return;
@@ -14683,14 +14825,14 @@ var MenuContentImpl = React58__namespace.forwardRef(
           },
           [isPointerMovingToSubmenu]
         ),
-        onTriggerLeave: React58__namespace.useCallback(
+        onTriggerLeave: React59__namespace.useCallback(
           (event) => {
             if (isPointerMovingToSubmenu(event)) event.preventDefault();
           },
           [isPointerMovingToSubmenu]
         ),
         pointerGraceTimerRef,
-        onPointerGraceIntentChange: React58__namespace.useCallback((intent) => {
+        onPointerGraceIntentChange: React59__namespace.useCallback((intent) => {
           pointerGraceIntentRef.current = intent;
         }, []),
         children: /* @__PURE__ */ jsxRuntime.jsx(ScrollLockWrapper, { ...scrollLockWrapperProps, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -14790,7 +14932,7 @@ var MenuContentImpl = React58__namespace.forwardRef(
 );
 MenuContent.displayName = CONTENT_NAME2;
 var GROUP_NAME2 = "MenuGroup";
-var MenuGroup = React58__namespace.forwardRef(
+var MenuGroup = React59__namespace.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...groupProps } = props;
     return /* @__PURE__ */ jsxRuntime.jsx(Primitive.div, { role: "group", ...groupProps, ref: forwardedRef });
@@ -14798,7 +14940,7 @@ var MenuGroup = React58__namespace.forwardRef(
 );
 MenuGroup.displayName = GROUP_NAME2;
 var LABEL_NAME = "MenuLabel";
-var MenuLabel = React58__namespace.forwardRef(
+var MenuLabel = React59__namespace.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...labelProps } = props;
     return /* @__PURE__ */ jsxRuntime.jsx(Primitive.div, { ...labelProps, ref: forwardedRef });
@@ -14807,14 +14949,14 @@ var MenuLabel = React58__namespace.forwardRef(
 MenuLabel.displayName = LABEL_NAME;
 var ITEM_NAME2 = "MenuItem";
 var ITEM_SELECT = "menu.itemSelect";
-var MenuItem = React58__namespace.forwardRef(
+var MenuItem = React59__namespace.forwardRef(
   (props, forwardedRef) => {
     const { disabled = false, onSelect, ...itemProps } = props;
-    const ref = React58__namespace.useRef(null);
+    const ref = React59__namespace.useRef(null);
     const rootContext = useMenuRootContext(ITEM_NAME2, props.__scopeMenu);
     const contentContext = useMenuContentContext(ITEM_NAME2, props.__scopeMenu);
     const composedRefs = useComposedRefs(forwardedRef, ref);
-    const isPointerDownRef = React58__namespace.useRef(false);
+    const isPointerDownRef = React59__namespace.useRef(false);
     const handleSelect = () => {
       const menuItem = ref.current;
       if (!disabled && menuItem) {
@@ -14857,16 +14999,16 @@ var MenuItem = React58__namespace.forwardRef(
   }
 );
 MenuItem.displayName = ITEM_NAME2;
-var MenuItemImpl = React58__namespace.forwardRef(
+var MenuItemImpl = React59__namespace.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, disabled = false, textValue, ...itemProps } = props;
     const contentContext = useMenuContentContext(ITEM_NAME2, __scopeMenu);
     const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeMenu);
-    const ref = React58__namespace.useRef(null);
+    const ref = React59__namespace.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, ref);
-    const [isFocused, setIsFocused] = React58__namespace.useState(false);
-    const [textContent, setTextContent] = React58__namespace.useState("");
-    React58__namespace.useEffect(() => {
+    const [isFocused, setIsFocused] = React59__namespace.useState(false);
+    const [textContent, setTextContent] = React59__namespace.useState("");
+    React59__namespace.useEffect(() => {
       var _a2;
       const menuItem = ref.current;
       if (menuItem) {
@@ -14915,7 +15057,7 @@ var MenuItemImpl = React58__namespace.forwardRef(
   }
 );
 var CHECKBOX_ITEM_NAME = "MenuCheckboxItem";
-var MenuCheckboxItem = React58__namespace.forwardRef(
+var MenuCheckboxItem = React59__namespace.forwardRef(
   (props, forwardedRef) => {
     const { checked = false, onCheckedChange, ...checkboxItemProps } = props;
     return /* @__PURE__ */ jsxRuntime.jsx(ItemIndicatorProvider, { scope: props.__scopeMenu, checked, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -14942,7 +15084,7 @@ var [RadioGroupProvider, useRadioGroupContext] = createMenuContext(
   { value: void 0, onValueChange: () => {
   } }
 );
-var MenuRadioGroup = React58__namespace.forwardRef(
+var MenuRadioGroup = React59__namespace.forwardRef(
   (props, forwardedRef) => {
     const { value, onValueChange, ...groupProps } = props;
     const handleValueChange = useCallbackRef(onValueChange);
@@ -14951,7 +15093,7 @@ var MenuRadioGroup = React58__namespace.forwardRef(
 );
 MenuRadioGroup.displayName = RADIO_GROUP_NAME;
 var RADIO_ITEM_NAME = "MenuRadioItem";
-var MenuRadioItem = React58__namespace.forwardRef(
+var MenuRadioItem = React59__namespace.forwardRef(
   (props, forwardedRef) => {
     const { value, ...radioItemProps } = props;
     const context = useRadioGroupContext(RADIO_ITEM_NAME, props.__scopeMenu);
@@ -14982,7 +15124,7 @@ var [ItemIndicatorProvider, useItemIndicatorContext] = createMenuContext(
   ITEM_INDICATOR_NAME,
   { checked: false }
 );
-var MenuItemIndicator = React58__namespace.forwardRef(
+var MenuItemIndicator = React59__namespace.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, forceMount, ...itemIndicatorProps } = props;
     const indicatorContext = useItemIndicatorContext(ITEM_INDICATOR_NAME, __scopeMenu);
@@ -15004,7 +15146,7 @@ var MenuItemIndicator = React58__namespace.forwardRef(
 );
 MenuItemIndicator.displayName = ITEM_INDICATOR_NAME;
 var SEPARATOR_NAME = "MenuSeparator";
-var MenuSeparator = React58__namespace.forwardRef(
+var MenuSeparator = React59__namespace.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...separatorProps } = props;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -15020,7 +15162,7 @@ var MenuSeparator = React58__namespace.forwardRef(
 );
 MenuSeparator.displayName = SEPARATOR_NAME;
 var ARROW_NAME2 = "MenuArrow";
-var MenuArrow = React58__namespace.forwardRef(
+var MenuArrow = React59__namespace.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...arrowProps } = props;
     const popperScope = usePopperScope(__scopeMenu);
@@ -15031,21 +15173,21 @@ MenuArrow.displayName = ARROW_NAME2;
 var SUB_NAME = "MenuSub";
 var [MenuSubProvider, useMenuSubContext] = createMenuContext(SUB_NAME);
 var SUB_TRIGGER_NAME = "MenuSubTrigger";
-var MenuSubTrigger = React58__namespace.forwardRef(
+var MenuSubTrigger = React59__namespace.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__namespace.useRef(null);
+    const openTimerRef = React59__namespace.useRef(null);
     const { pointerGraceTimerRef, onPointerGraceIntentChange } = contentContext;
     const scope = { __scopeMenu: props.__scopeMenu };
-    const clearOpenTimer = React58__namespace.useCallback(() => {
+    const clearOpenTimer = React59__namespace.useCallback(() => {
       if (openTimerRef.current) window.clearTimeout(openTimerRef.current);
       openTimerRef.current = null;
     }, []);
-    React58__namespace.useEffect(() => clearOpenTimer, [clearOpenTimer]);
-    React58__namespace.useEffect(() => {
+    React59__namespace.useEffect(() => clearOpenTimer, [clearOpenTimer]);
+    React59__namespace.useEffect(() => {
       const pointerGraceTimer = pointerGraceTimerRef.current;
       return () => {
         window.clearTimeout(pointerGraceTimer);
@@ -15135,14 +15277,14 @@ var MenuSubTrigger = React58__namespace.forwardRef(
 );
 MenuSubTrigger.displayName = SUB_TRIGGER_NAME;
 var SUB_CONTENT_NAME = "MenuSubContent";
-var MenuSubContent = React58__namespace.forwardRef(
+var MenuSubContent = React59__namespace.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__namespace.useRef(null);
+    const ref = React59__namespace.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, ref);
     return /* @__PURE__ */ jsxRuntime.jsx(Collection2.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(Collection2.Slot, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsxRuntime.jsx(
       MenuContentImpl,
@@ -15260,7 +15402,7 @@ var [createDropdownMenuContext] = createContextScope(
 var useMenuScope = createMenuScope();
 var [DropdownMenuProvider, useDropdownMenuContext] = createDropdownMenuContext(DROPDOWN_MENU_NAME);
 var TRIGGER_NAME = "DropdownMenuTrigger";
-var DropdownMenuTrigger2 = React58__namespace.forwardRef(
+var DropdownMenuTrigger2 = React59__namespace.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDropdownMenu, disabled = false, ...triggerProps } = props;
     const context = useDropdownMenuContext(TRIGGER_NAME, __scopeDropdownMenu);
@@ -15296,12 +15438,12 @@ var DropdownMenuTrigger2 = React58__namespace.forwardRef(
 );
 DropdownMenuTrigger2.displayName = TRIGGER_NAME;
 var CONTENT_NAME3 = "DropdownMenuContent";
-var DropdownMenuContent2 = React58__namespace.forwardRef(
+var DropdownMenuContent2 = React59__namespace.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDropdownMenu, ...contentProps } = props;
     const context = useDropdownMenuContext(CONTENT_NAME3, __scopeDropdownMenu);
     const menuScope = useMenuScope(__scopeDropdownMenu);
-    const hasInteractedOutsideRef = React58__namespace.useRef(false);
+    const hasInteractedOutsideRef = React59__namespace.useRef(false);
     return /* @__PURE__ */ jsxRuntime.jsx(
       Content2,
       {
@@ -15339,7 +15481,7 @@ var DropdownMenuContent2 = React58__namespace.forwardRef(
 );
 DropdownMenuContent2.displayName = CONTENT_NAME3;
 var GROUP_NAME3 = "DropdownMenuGroup";
-var DropdownMenuGroup2 = React58__namespace.forwardRef(
+var DropdownMenuGroup2 = React59__namespace.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDropdownMenu, ...groupProps } = props;
     const menuScope = useMenuScope(__scopeDropdownMenu);
@@ -15348,7 +15490,7 @@ var DropdownMenuGroup2 = React58__namespace.forwardRef(
 );
 DropdownMenuGroup2.displayName = GROUP_NAME3;
 var LABEL_NAME2 = "DropdownMenuLabel";
-var DropdownMenuLabel2 = React58__namespace.forwardRef(
+var DropdownMenuLabel2 = React59__namespace.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDropdownMenu, ...labelProps } = props;
     const menuScope = useMenuScope(__scopeDropdownMenu);
@@ -15357,7 +15499,7 @@ var DropdownMenuLabel2 = React58__namespace.forwardRef(
 );
 DropdownMenuLabel2.displayName = LABEL_NAME2;
 var ITEM_NAME3 = "DropdownMenuItem";
-var DropdownMenuItem2 = React58__namespace.forwardRef(
+var DropdownMenuItem2 = React59__namespace.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDropdownMenu, ...itemProps } = props;
     const menuScope = useMenuScope(__scopeDropdownMenu);
@@ -15366,42 +15508,42 @@ var DropdownMenuItem2 = React58__namespace.forwardRef(
 );
 DropdownMenuItem2.displayName = ITEM_NAME3;
 var CHECKBOX_ITEM_NAME2 = "DropdownMenuCheckboxItem";
-var DropdownMenuCheckboxItem2 = React58__namespace.forwardRef((props, forwardedRef) => {
+var DropdownMenuCheckboxItem2 = React59__namespace.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...checkboxItemProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
   return /* @__PURE__ */ jsxRuntime.jsx(CheckboxItem, { ...menuScope, ...checkboxItemProps, ref: forwardedRef });
 });
 DropdownMenuCheckboxItem2.displayName = CHECKBOX_ITEM_NAME2;
 var RADIO_GROUP_NAME2 = "DropdownMenuRadioGroup";
-var DropdownMenuRadioGroup2 = React58__namespace.forwardRef((props, forwardedRef) => {
+var DropdownMenuRadioGroup2 = React59__namespace.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...radioGroupProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
   return /* @__PURE__ */ jsxRuntime.jsx(RadioGroup2, { ...menuScope, ...radioGroupProps, ref: forwardedRef });
 });
 DropdownMenuRadioGroup2.displayName = RADIO_GROUP_NAME2;
 var RADIO_ITEM_NAME2 = "DropdownMenuRadioItem";
-var DropdownMenuRadioItem2 = React58__namespace.forwardRef((props, forwardedRef) => {
+var DropdownMenuRadioItem2 = React59__namespace.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...radioItemProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
   return /* @__PURE__ */ jsxRuntime.jsx(RadioItem, { ...menuScope, ...radioItemProps, ref: forwardedRef });
 });
 DropdownMenuRadioItem2.displayName = RADIO_ITEM_NAME2;
 var INDICATOR_NAME = "DropdownMenuItemIndicator";
-var DropdownMenuItemIndicator = React58__namespace.forwardRef((props, forwardedRef) => {
+var DropdownMenuItemIndicator = React59__namespace.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...itemIndicatorProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
   return /* @__PURE__ */ jsxRuntime.jsx(ItemIndicator, { ...menuScope, ...itemIndicatorProps, ref: forwardedRef });
 });
 DropdownMenuItemIndicator.displayName = INDICATOR_NAME;
 var SEPARATOR_NAME2 = "DropdownMenuSeparator";
-var DropdownMenuSeparator2 = React58__namespace.forwardRef((props, forwardedRef) => {
+var DropdownMenuSeparator2 = React59__namespace.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...separatorProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
   return /* @__PURE__ */ jsxRuntime.jsx(Separator2, { ...menuScope, ...separatorProps, ref: forwardedRef });
 });
 DropdownMenuSeparator2.displayName = SEPARATOR_NAME2;
 var ARROW_NAME3 = "DropdownMenuArrow";
-var DropdownMenuArrow = React58__namespace.forwardRef(
+var DropdownMenuArrow = React59__namespace.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDropdownMenu, ...arrowProps } = props;
     const menuScope = useMenuScope(__scopeDropdownMenu);
@@ -15410,14 +15552,14 @@ var DropdownMenuArrow = React58__namespace.forwardRef(
 );
 DropdownMenuArrow.displayName = ARROW_NAME3;
 var SUB_TRIGGER_NAME2 = "DropdownMenuSubTrigger";
-var DropdownMenuSubTrigger2 = React58__namespace.forwardRef((props, forwardedRef) => {
+var DropdownMenuSubTrigger2 = React59__namespace.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...subTriggerProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
   return /* @__PURE__ */ jsxRuntime.jsx(SubTrigger, { ...menuScope, ...subTriggerProps, ref: forwardedRef });
 });
 DropdownMenuSubTrigger2.displayName = SUB_TRIGGER_NAME2;
 var SUB_CONTENT_NAME2 = "DropdownMenuSubContent";
-var DropdownMenuSubContent2 = React58__namespace.forwardRef((props, forwardedRef) => {
+var DropdownMenuSubContent2 = React59__namespace.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...subContentProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -15643,27 +15785,27 @@ function DataGrid({
   loading: loadingProp
 }) {
   var _a2, _b, _c;
-  const normalizedRead = React58__namespace.useMemo(() => normalizeReadConfig(data.read), [data.read]);
-  const initialBind = React58__namespace.useMemo(() => {
+  const normalizedRead = React59__namespace.useMemo(() => normalizeReadConfig(data.read), [data.read]);
+  const initialBind = React59__namespace.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__namespace.useState(() => initialBind);
-  const [isFetching, setIsFetching] = React58__namespace.useState(false);
-  const [error, setError] = React58__namespace.useState(null);
-  const scrollRef = React58__namespace.useRef(null);
-  const [scrollOffset, setScrollOffset] = React58__namespace.useState(0);
-  const [viewportHeight, setViewportHeight] = React58__namespace.useState(height);
-  const abortControllerRef = React58__namespace.useRef(null);
-  const [filterValue, setFilterValue] = React58__namespace.useState("");
-  const baseColumnDefs = React58__namespace.useMemo(
+  const [rows, setRows] = React59__namespace.useState(() => initialBind);
+  const [isFetching, setIsFetching] = React59__namespace.useState(false);
+  const [error, setError] = React59__namespace.useState(null);
+  const scrollRef = React59__namespace.useRef(null);
+  const [scrollOffset, setScrollOffset] = React59__namespace.useState(0);
+  const [viewportHeight, setViewportHeight] = React59__namespace.useState(height);
+  const abortControllerRef = React59__namespace.useRef(null);
+  const [filterValue, setFilterValue] = React59__namespace.useState("");
+  const baseColumnDefs = React59__namespace.useMemo(
     () => createColumnDefs(columns, sortable),
     [columns, sortable]
   );
-  const columnDefs = React58__namespace.useMemo(() => {
+  const columnDefs = React59__namespace.useMemo(() => {
     if (!selectable) {
       return baseColumnDefs;
     }
@@ -15697,8 +15839,8 @@ function DataGrid({
     };
     return [selectionColumn, ...baseColumnDefs];
   }, [baseColumnDefs, selectable]);
-  const filterableColumns = React58__namespace.useMemo(() => columns.filter((column) => Boolean(column.item)), [columns]);
-  const filteredRows = React58__namespace.useMemo(() => {
+  const filterableColumns = React59__namespace.useMemo(() => columns.filter((column) => Boolean(column.item)), [columns]);
+  const filteredRows = React59__namespace.useMemo(() => {
     if (!filterable || !filterValue.trim()) {
       return rows;
     }
@@ -15720,26 +15862,26 @@ function DataGrid({
     defaultPageSize: pagination ? resolvedPageSize : filteredRows.length || 10,
     getRowId: (_row, index2) => index2.toString()
   });
-  React58__namespace.useEffect(() => {
+  React59__namespace.useEffect(() => {
     if (!pagination) {
       table.setPageIndex(0);
       table.setPageSize(filteredRows.length || 1);
     }
   }, [pagination, filteredRows.length, table]);
-  React58__namespace.useEffect(() => {
+  React59__namespace.useEffect(() => {
     if (pagination) {
       table.setPageSize(resolvedPageSize);
     }
   }, [pagination, resolvedPageSize, table]);
-  React58__namespace.useEffect(() => {
+  React59__namespace.useEffect(() => {
     setRows(initialBind);
   }, [initialBind]);
-  React58__namespace.useEffect(() => {
+  React59__namespace.useEffect(() => {
     if (!filterable) {
       setFilterValue("");
     }
   }, [filterable]);
-  const fetchData = React58__namespace.useCallback(async () => {
+  const fetchData = React59__namespace.useCallback(async () => {
     var _a3, _b2;
     if (!normalizedRead) {
       return;
@@ -15785,7 +15927,7 @@ function DataGrid({
       setIsFetching(false);
     }
   }, [normalizedRead, onDataChange]);
-  React58__namespace.useEffect(() => {
+  React59__namespace.useEffect(() => {
     if (normalizedRead) {
       fetchData().catch(() => {
       });
@@ -15795,7 +15937,7 @@ function DataGrid({
       (_a3 = abortControllerRef.current) == null ? void 0 : _a3.abort();
     };
   }, [normalizedRead, fetchData]);
-  React58__namespace.useEffect(() => {
+  React59__namespace.useEffect(() => {
     if (!scrollRef.current) {
       return;
     }
@@ -15817,7 +15959,7 @@ function DataGrid({
   const rowCount = tableRows.length;
   const selectedCount = table.getFilteredSelectedRowModel().rows.length;
   const totalFilteredCount = table.getFilteredRowModel().rows.length;
-  React58__namespace.useEffect(() => {
+  React59__namespace.useEffect(() => {
     if (scrollRef.current) {
       scrollRef.current.scrollTop = 0;
     }
@@ -15829,7 +15971,7 @@ function DataGrid({
     tableRows.length,
     Math.ceil((scrollOffset + viewportHeight) / rowHeight) + overscan
   );
-  const virtualRows = React58__namespace.useMemo(() => {
+  const virtualRows = React59__namespace.useMemo(() => {
     if (!tableRows.length) {
       return null;
     }
@@ -15912,7 +16054,7 @@ function DataGrid({
   ] });
 }
 DataGrid.displayName = "DataGrid";
-var FormBlock = React58__namespace.forwardRef(
+var FormBlock = React59__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
@@ -15925,7 +16067,7 @@ var FormBlock = React58__namespace.forwardRef(
   }
 );
 FormBlock.displayName = "FormBlock";
-var FormError = React58__namespace.forwardRef(
+var FormError = React59__namespace.forwardRef(
   ({ message, children, className, ...props }, ref) => {
     if (!message && !children) {
       return null;
@@ -15953,7 +16095,7 @@ var resolveFormLike2 = (form) => {
   }
   return (_a2 = form.form) != null ? _a2 : form;
 };
-var FormInput = React58__namespace.forwardRef(
+var FormInput = React59__namespace.forwardRef(
   ({
     label,
     name,
@@ -16071,7 +16213,7 @@ var resolveFormLike3 = (form) => {
   }
   return (_a2 = form.form) != null ? _a2 : form;
 };
-var FormInputMask = React58__namespace.forwardRef(
+var FormInputMask = React59__namespace.forwardRef(
   ({
     label,
     name,
@@ -16186,7 +16328,7 @@ var resolveFormLike4 = (form) => {
   }
   return (_a2 = form.form) != null ? _a2 : form;
 };
-var FormInputNumeric = React58__namespace.forwardRef(
+var FormInputNumeric = React59__namespace.forwardRef(
   ({
     label,
     name,
@@ -16373,18 +16515,18 @@ function FormSelect({
     title: multiContentPropTitle,
     ...restMultiContentProps
   } = multiSelectContentProps;
-  const [internalSingleValue, setInternalSingleValue] = React58__namespace.useState(
+  const [internalSingleValue, setInternalSingleValue] = React59__namespace.useState(
     typeof defaultValue === "string" ? defaultValue : ""
   );
-  const [internalMultiValue, setInternalMultiValue] = React58__namespace.useState(
+  const [internalMultiValue, setInternalMultiValue] = React59__namespace.useState(
     Array.isArray(defaultValue) ? defaultValue : []
   );
-  React58__namespace.useEffect(() => {
+  React59__namespace.useEffect(() => {
     if (typeof defaultValue === "string" && selectPropValue === void 0 && formValue === void 0 && value === void 0) {
       setInternalSingleValue(defaultValue);
     }
   }, [defaultValue, formValue, selectPropValue, value]);
-  React58__namespace.useEffect(() => {
+  React59__namespace.useEffect(() => {
     if (Array.isArray(defaultValue) && multiSelectPropValue === void 0 && !Array.isArray(formValue) && !Array.isArray(value)) {
       setInternalMultiValue(defaultValue);
     }
@@ -16392,7 +16534,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__namespace.useCallback(
+  const handleFormChange = React59__namespace.useCallback(
     (nextValue) => {
       if (Array.isArray(nextValue)) {
         formSetFieldValue == null ? void 0 : formSetFieldValue(name, nextValue);
@@ -16414,7 +16556,7 @@ function FormSelect({
     },
     [formHandleChange, formSetFieldValue, name]
   );
-  const handleSingleChange = React58__namespace.useCallback(
+  const handleSingleChange = React59__namespace.useCallback(
     (nextValue) => {
       if (selectPropValue === void 0 && formValue === void 0 && value === void 0) {
         setInternalSingleValue(nextValue);
@@ -16438,7 +16580,7 @@ function FormSelect({
       name
     ]
   );
-  const handleMultiChange = React58__namespace.useCallback(
+  const handleMultiChange = React59__namespace.useCallback(
     (nextValue) => {
       if (multiSelectPropValue === void 0 && !Array.isArray(formValue) && !Array.isArray(value)) {
         setInternalMultiValue(nextValue);
@@ -16462,7 +16604,7 @@ function FormSelect({
       name
     ]
   );
-  const handleBlur = React58__namespace.useCallback(
+  const handleBlur = React59__namespace.useCallback(
     (event) => {
       formSetFieldTouched == null ? void 0 : formSetFieldTouched(name, true);
       formHandleBlur == null ? void 0 : formHandleBlur({
@@ -16473,7 +16615,7 @@ function FormSelect({
     },
     [formHandleBlur, formSetFieldTouched, name, onBlur, triggerPropOnBlur]
   );
-  const handleMultiBlur = React58__namespace.useCallback(
+  const handleMultiBlur = React59__namespace.useCallback(
     (event) => {
       formSetFieldTouched == null ? void 0 : formSetFieldTouched(name, true);
       formHandleBlur == null ? void 0 : formHandleBlur({
@@ -16486,7 +16628,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__namespace.useState(false);
+  const [mobileDrawerOpen, setMobileDrawerOpen] = React59__namespace.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;
@@ -16650,7 +16792,7 @@ var resolveFormLike6 = (form) => {
   }
   return (_a2 = form.form) != null ? _a2 : form;
 };
-var FormTextarea = React58__namespace.forwardRef(
+var FormTextarea = React59__namespace.forwardRef(
   ({
     label,
     name,
@@ -16764,7 +16906,7 @@ var resolveFormLike7 = (form) => {
   }
   return (_a2 = form.form) != null ? _a2 : form;
 };
-var FormRadioGroup = React58__namespace.forwardRef(
+var FormRadioGroup = React59__namespace.forwardRef(
   ({
     label,
     description,
@@ -16803,7 +16945,7 @@ var FormRadioGroup = React58__namespace.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__namespace.useCallback(
+    const handleChange = React59__namespace.useCallback(
       (nextValue) => {
         var _a3;
         (_a3 = resolvedForm == null ? void 0 : resolvedForm.setFieldValue) == null ? void 0 : _a3.call(resolvedForm, name, nextValue);
@@ -16812,7 +16954,7 @@ var FormRadioGroup = React58__namespace.forwardRef(
       },
       [resolvedForm, name, onChange, radioGroupOnValueChange]
     );
-    const handleBlur = React58__namespace.useCallback(
+    const handleBlur = React59__namespace.useCallback(
       (event) => {
         var _a3, _b2;
         (_a3 = resolvedForm == null ? void 0 : resolvedForm.setFieldTouched) == null ? void 0 : _a3.call(resolvedForm, name, true);
@@ -16936,10 +17078,10 @@ function FormDatePicker({
     status: datePickerPropStatus,
     ...restDatePickerProps
   } = datePickerProps;
-  const [internalValue, setInternalValue] = React58__namespace.useState(
+  const [internalValue, setInternalValue] = React59__namespace.useState(
     (_a2 = datePickerPropDefaultValue != null ? datePickerPropDefaultValue : defaultValue) != null ? _a2 : null
   );
-  React58__namespace.useEffect(() => {
+  React59__namespace.useEffect(() => {
     var _a3;
     if (datePickerPropValue === void 0 && value === void 0 && formValue === void 0) {
       setInternalValue((_a3 = datePickerPropDefaultValue != null ? datePickerPropDefaultValue : defaultValue) != null ? _a3 : null);
@@ -16950,7 +17092,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__namespace.useCallback(
+  const handleValueChange = React59__namespace.useCallback(
     (nextValue, dateString) => {
       if (datePickerPropValue === void 0 && value === void 0 && formValue === void 0) {
         setInternalValue(nextValue != null ? nextValue : null);
@@ -16982,7 +17124,7 @@ function FormDatePicker({
       value
     ]
   );
-  const handleBlur = React58__namespace.useCallback(
+  const handleBlur = React59__namespace.useCallback(
     (event) => {
       formSetFieldTouched == null ? void 0 : formSetFieldTouched(name, true);
       formHandleBlur == null ? void 0 : formHandleBlur({
@@ -17091,10 +17233,10 @@ function FormTimePicker({
     status: timePickerPropStatus,
     ...restTimePickerProps
   } = timePickerProps;
-  const [internalValue, setInternalValue] = React58__namespace.useState(
+  const [internalValue, setInternalValue] = React59__namespace.useState(
     (_a2 = timePickerPropDefaultValue != null ? timePickerPropDefaultValue : defaultValue) != null ? _a2 : null
   );
-  React58__namespace.useEffect(() => {
+  React59__namespace.useEffect(() => {
     var _a3;
     if (timePickerPropValue === void 0 && value === void 0 && formValue === void 0) {
       setInternalValue((_a3 = timePickerPropDefaultValue != null ? timePickerPropDefaultValue : defaultValue) != null ? _a3 : null);
@@ -17105,7 +17247,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__namespace.useCallback(
+  const handleValueChange = React59__namespace.useCallback(
     (nextValue, formatted) => {
       if (timePickerPropValue === void 0 && value === void 0 && formValue === void 0) {
         setInternalValue(nextValue != null ? nextValue : null);
@@ -17137,7 +17279,7 @@ function FormTimePicker({
       value
     ]
   );
-  const handleBlur = React58__namespace.useCallback(
+  const handleBlur = React59__namespace.useCallback(
     (event) => {
       formSetFieldTouched == null ? void 0 : formSetFieldTouched(name, true);
       formHandleBlur == null ? void 0 : formHandleBlur({
@@ -17213,10 +17355,12 @@ var FormSwitch = ({
   rules
 }) => {
   var _a2;
-  const fallbackId = React58__namespace.useId();
+  const fallbackId = React59__namespace.useId();
   const {
     id: providedId,
     onCheckedChange: switchOnCheckedChange,
+    className: switchClassName,
+    disabled: switchDisabled,
     "aria-describedby": ariaDescribedBy,
     "aria-labelledby": ariaLabelledBy,
     ...restSwitchProps
@@ -17235,6 +17379,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__namespace.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;
@@ -17252,7 +17417,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 })
     ] }),
@@ -17264,6 +17441,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
@@ -17578,10 +17757,12 @@ exports.Tooltip = Tooltip2;
 exports.TooltipContent = TooltipContent;
 exports.TooltipProvider = TooltipProvider;
 exports.TooltipTrigger = TooltipTrigger;
+exports.__virtualKeyboardTesting = __virtualKeyboardTesting;
 exports.badgeVariants = badgeVariants;
 exports.buttonVariants = buttonVariants;
 exports.cn = cn;
 exports.createStore = createStore;
+exports.detectVirtualKeyboardDevice = detectVirtualKeyboardDevice;
 exports.dragColumn = dragColumn;
 exports.formatCurrency = formatCurrency;
 exports.getInitials = getInitials;
@@ -17590,6 +17771,7 @@ exports.getThemeMode = getThemeMode;
 exports.initializeMonitoring = initializeMonitoring;
 exports.isNullOrEmpty = isNullOrEmpty;
 exports.isThemeMode = isThemeMode;
+exports.maybeScrollElementIntoView = maybeScrollElementIntoView;
 exports.mobileFooterVariantMeta = mobileFooterVariantMeta;
 exports.mobileFooterVariants = mobileFooterVariants;
 exports.mobileHeaderVariantMeta = mobileHeaderVariantMeta;