@yca-software/yca-react-core 0.0.17 → 0.0.19

package/dist/{chunk-CBJJUQMY.js → chunk-KSWAKETF.js}

@@ -4,7 +4,7 @@ import { cn, surfaceOverlay, controlFocus, controlInvalid, controlBase, surfaceC
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
-import * as React7 from 'react';
+import * as React8 from 'react';
 import { useRef, useId, useState, useEffect } from 'react';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import { Check, Calendar as Calendar$1, ChevronLeft, ChevronRight, Loader2, XIcon, ChevronUp, ChevronDown, X, CheckSquare, FileText, ImagePlus, UploadCloud } from 'lucide-react';
@@ -68,7 +68,7 @@ function AlertDescription({ className, ...props }) {
 var AlertDialog = AlertDialogPrimitive.Root;
 var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 var AlertDialogPortal = AlertDialogPrimitive.Portal;
-var AlertDialogOverlay = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogOverlay = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Overlay,
   {
     className: cn(
@@ -80,7 +80,7 @@ var AlertDialogOverlay = React7.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContent = React7.forwardRef(({ className, onOverlayClick, overlayClassName, ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
+var AlertDialogContent = React8.forwardRef(({ className, onOverlayClick, overlayClassName, ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
   /* @__PURE__ */ jsx(AlertDialogOverlay, { onClick: onOverlayClick, className: overlayClassName }),
   /* @__PURE__ */ jsx(
     AlertDialogPrimitive.Content,
@@ -106,7 +106,7 @@ var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx(
   }
 );
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Title,
   {
     ref,
@@ -115,7 +115,7 @@ var AlertDialogTitle = React7.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogDescription = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Description,
   {
     ref,
@@ -124,7 +124,7 @@ var AlertDialogDescription = React7.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogAction = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogAction = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Action,
   {
     ref,
@@ -134,7 +134,7 @@ var AlertDialogAction = React7.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogCancel = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Cancel,
   {
     ref,
@@ -144,7 +144,7 @@ var AlertDialogCancel = React7.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
-var Avatar = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Avatar = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Root,
   {
     ref,
@@ -153,7 +153,7 @@ var Avatar = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AvatarImage = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Image,
   {
     ref,
@@ -162,7 +162,7 @@ var AvatarImage = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AvatarFallback = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -254,7 +254,7 @@ function Calendar({
     }
   );
 }
-var Checkbox = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Checkbox = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -406,11 +406,11 @@ function DatePicker({
   className,
   "aria-label": ariaLabel
 }) {
-  const [open, setOpen] = React7.useState(false);
+  const [open, setOpen] = React8.useState(false);
   const normalizedMin = normalizeDate(minDate);
   const normalizedMax = normalizeDate(maxDate);
-  const formatOpts = React7.useMemo(() => locale ? { locale } : void 0, [locale]);
-  const disabledMatchers = React7.useMemo(() => {
+  const formatOpts = React8.useMemo(() => locale ? { locale } : void 0, [locale]);
+  const disabledMatchers = React8.useMemo(() => {
     const toStartOfDay = (d) => {
       const copy = new Date(d);
       copy.setHours(0, 0, 0, 0);
@@ -481,6 +481,16 @@ function DatePicker({
     ) })
   ] });
 }
+var InsideModalScrollLockContext = React8.createContext(false);
+function InsideModalScrollLockProvider({
+  children,
+  active = true
+}) {
+  return /* @__PURE__ */ jsx(InsideModalScrollLockContext.Provider, { value: active, children });
+}
+function useInsideModalScrollLock() {
+  return React8.useContext(InsideModalScrollLockContext);
+}
 function Dialog({ ...props }) {
   return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
 }
@@ -550,7 +560,7 @@ function DialogContent({
         ),
         ...props,
         children: [
-          children,
+          /* @__PURE__ */ jsx(InsideModalScrollLockProvider, { children }),
           showCloseButton && /* @__PURE__ */ jsxs(
             DialogPrimitive.Close,
             {
@@ -886,7 +896,7 @@ function DateRangePickerPresetList({
     })
   ] }) });
 }
-var DateRangePickerTrigger = React7.forwardRef(
+var DateRangePickerTrigger = React8.forwardRef(
   function DateRangePickerTrigger2({
     className,
     inputText,
@@ -1008,7 +1018,7 @@ function getPresetRange(presetId) {
   }
 }
 function useMediaQuery(query, fallback = false) {
-  const subscribe = React7.useCallback(
+  const subscribe = React8.useCallback(
     (onChange) => {
       const mql = window.matchMedia(query);
       mql.addEventListener("change", onChange);
@@ -1016,7 +1026,7 @@ function useMediaQuery(query, fallback = false) {
     },
     [query]
   );
-  return React7.useSyncExternalStore(
+  return React8.useSyncExternalStore(
     subscribe,
     () => window.matchMedia(query).matches,
     () => fallback
@@ -1044,7 +1054,7 @@ function DateRangePicker({
 }) {
   const t = { ...DEFAULT_TRANSLATIONS, ...translations };
   const effectivePlaceholder = placeholder ?? t.placeholder;
-  const presetList = React7.useMemo(() => {
+  const presetList = React8.useMemo(() => {
     if (customPresets?.length) return customPresets;
     if (!showPresets) return [];
     return DEFAULT_PRESET_IDS.map(({ id }) => ({
@@ -1058,16 +1068,16 @@ function DateRangePicker({
   const isMobileLayout = useIsDatePickerMobileLayout();
   const isWideLayout = useIsWideDatePickerLayout();
   const calendarMonths = isMobileLayout ? 1 : isWideLayout ? 2 : 1;
-  const [open, setOpen] = React7.useState(false);
-  const [draft, setDraft] = React7.useState(value);
-  const [displayedMonth, setDisplayedMonth] = React7.useState(() => value?.from ?? /* @__PURE__ */ new Date());
-  const appliedRef = React7.useRef(value);
-  const wasOpenRef = React7.useRef(false);
+  const [open, setOpen] = React8.useState(false);
+  const [draft, setDraft] = React8.useState(value);
+  const [displayedMonth, setDisplayedMonth] = React8.useState(() => value?.from ?? /* @__PURE__ */ new Date());
+  const appliedRef = React8.useRef(value);
+  const wasOpenRef = React8.useRef(false);
   const useApplyFlow = !!onApply;
-  const idScope = React7.useId();
+  const idScope = React8.useId();
   const startInputId = `date-range-start-${idScope}`;
   const endInputId = `date-range-end-${idScope}`;
-  React7.useEffect(() => {
+  React8.useEffect(() => {
     const wasOpen = wasOpenRef.current;
     wasOpenRef.current = open;
     if (open && !wasOpen) {
@@ -1078,7 +1088,7 @@ function DateRangePicker({
       setDraft(value);
     }
   }, [open, value]);
-  const handleOpenChange = React7.useCallback(
+  const handleOpenChange = React8.useCallback(
     (next) => {
       if (!next && open && !useApplyFlow) {
         onChange(appliedRef.current);
@@ -1088,14 +1098,14 @@ function DateRangePicker({
     },
     [open, useApplyFlow, onChange]
   );
-  const formatOpts = React7.useMemo(() => locale ? { locale } : void 0, [locale]);
-  const label = React7.useMemo(
+  const formatOpts = React8.useMemo(() => locale ? { locale } : void 0, [locale]);
+  const label = React8.useMemo(
     () => formatRangeLabel(value, effectivePlaceholder, formatOpts),
     [effectivePlaceholder, value, formatOpts]
   );
-  const [inputText, setInputText] = React7.useState(label);
-  const inputFocusedRef = React7.useRef(false);
-  React7.useEffect(() => {
+  const [inputText, setInputText] = React8.useState(label);
+  const inputFocusedRef = React8.useRef(false);
+  React8.useEffect(() => {
     if (!inputFocusedRef.current) setInputText(label);
   }, [label]);
   const handleInputBlur = () => {
@@ -1114,7 +1124,7 @@ function DateRangePicker({
       setInputText(label);
     }
   };
-  const disabledMatchers = React7.useMemo(() => {
+  const disabledMatchers = React8.useMemo(() => {
     const toStartOfDay = (d) => {
       const copy = new Date(d);
       copy.setHours(0, 0, 0, 0);
@@ -1172,9 +1182,9 @@ function DateRangePicker({
       return nextRange;
     });
   };
-  const [startInputText, setStartInputText] = React7.useState("");
-  const [endInputText, setEndInputText] = React7.useState("");
-  React7.useEffect(() => {
+  const [startInputText, setStartInputText] = React8.useState("");
+  const [endInputText, setEndInputText] = React8.useState("");
+  React8.useEffect(() => {
     if (open) {
       setStartInputText(draft?.from ? format(draft.from, INPUT_FORMAT) : "");
       setEndInputText(draft?.to ? format(draft.to, INPUT_FORMAT) : "");
@@ -1374,10 +1384,10 @@ function DropdownScrollableList({
   scrollAreaClassName,
   grow = true
 }) {
-  const scrollRef = React7.useRef(null);
-  const [showTop, setShowTop] = React7.useState(false);
-  const [showBottom, setShowBottom] = React7.useState(false);
-  const update = React7.useCallback(() => {
+  const scrollRef = React8.useRef(null);
+  const [showTop, setShowTop] = React8.useState(false);
+  const [showBottom, setShowBottom] = React8.useState(false);
+  const update = React8.useCallback(() => {
     const el = scrollRef.current;
     if (!el) {
       setShowTop(false);
@@ -1394,14 +1404,14 @@ function DropdownScrollableList({
     setShowTop(scrollTop > 2);
     setShowBottom(scrollTop + clientHeight < scrollHeight - 2);
   }, []);
-  React7.useLayoutEffect(() => {
+  React8.useLayoutEffect(() => {
     update();
     const id = requestAnimationFrame(() => {
       requestAnimationFrame(update);
     });
     return () => cancelAnimationFrame(id);
   }, [update, scrollKey]);
-  React7.useEffect(() => {
+  React8.useEffect(() => {
     const el = scrollRef.current;
     if (!el) return;
     if (typeof ResizeObserver === "undefined") {
@@ -1422,6 +1432,9 @@ function DropdownScrollableList({
           grow ? cn("min-h-0 flex-1 overflow-y-auto overscroll-y-contain p-1", scrollAreaClassName) : scrollAreaClassName
         ),
         onScroll: update,
+        onWheel: (event) => {
+          event.stopPropagation();
+        },
         children
       }
     ),
@@ -1490,15 +1503,15 @@ function Label({
   return /* @__PURE__ */ jsx(LabelPrimitive.Root, { "data-slot": "label", className: cn(labelVariants(), className), ...props });
 }
 var Form = FormProvider;
-var FormFieldContext = React7.createContext(null);
+var FormFieldContext = React8.createContext(null);
 var FormField = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx(Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React7.useContext(FormFieldContext);
-  const itemContext = React7.useContext(FormItemContext);
+  const fieldContext = React8.useContext(FormFieldContext);
+  const itemContext = React8.useContext(FormItemContext);
   if (fieldContext === null || fieldContext === void 0) {
     throw new Error("useFormField should be used within <FormField>");
   }
@@ -1515,9 +1528,9 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React7.createContext({});
+var FormItemContext = React8.createContext({});
 function FormItem({ className, ...props }) {
-  const id = React7.useId();
+  const id = React8.useId();
   return /* @__PURE__ */ jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx("div", { "data-slot": "form-item", className: cn("grid gap-3", className), ...props }) });
 }
 function FormLabel({
@@ -1578,16 +1591,6 @@ function FormMessage({ className, ...props }) {
     }
   );
 }
-var InsideModalScrollLockContext = React7.createContext(false);
-function InsideModalScrollLockProvider({
-  children,
-  active = true
-}) {
-  return /* @__PURE__ */ jsx(InsideModalScrollLockContext.Provider, { value: active, children });
-}
-function useInsideModalScrollLock() {
-  return React7.useContext(InsideModalScrollLockContext);
-}
 function Sheet({ ...props }) {
   return /* @__PURE__ */ jsx(DialogPrimitive.Root, { ...props });
 }
@@ -1657,7 +1660,7 @@ function SheetContent({
         ),
         ...props,
         children: [
-          children,
+          /* @__PURE__ */ jsx(InsideModalScrollLockProvider, { children }),
           /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-6 right-6 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none cursor-pointer", children: [
             /* @__PURE__ */ jsx(XIcon, { className: "h-4 w-4" }),
             /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
@@ -1786,14 +1789,14 @@ function MultiSelect({
 }) {
   const t = { ...DEFAULT_TRANSLATIONS2, ...translations };
   const insideModalScrollLock = useInsideModalScrollLock();
-  const [search, setSearch] = React7.useState("");
-  const selectedSet = React7.useMemo(() => new Set(value), [value]);
-  const labelByValue = React7.useMemo(() => {
+  const [search, setSearch] = React8.useState("");
+  const selectedSet = React8.useMemo(() => new Set(value), [value]);
+  const labelByValue = React8.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const opt of options) map.set(opt.value, opt.label);
     return map;
   }, [options]);
-  const filteredOptions = React7.useMemo(() => {
+  const filteredOptions = React8.useMemo(() => {
     const q = search.trim().toLowerCase();
     if (!q) return options;
     return options.filter((opt) => opt.label.toLowerCase().includes(q));
@@ -1887,7 +1890,7 @@ function MultiSelect({
     ] })
   ] });
 }
-var ScrollArea = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var ScrollArea = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   ScrollAreaPrimitive.Root,
   {
     ref,
@@ -1901,7 +1904,7 @@ var ScrollArea = React7.forwardRef(({ className, children, ...props }, ref) => /
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React7.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
+var ScrollBar = React8.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -1951,10 +1954,10 @@ function Select({
 }) {
   const t = { ...DEFAULT_TRANSLATIONS3, ...translations };
   const insideModalScrollLock = useInsideModalScrollLock();
-  const [open, setOpen] = React7.useState(false);
-  const [search, setSearch] = React7.useState("");
+  const [open, setOpen] = React8.useState(false);
+  const [search, setSearch] = React8.useState("");
   const showSearch = isSelectSearchable(options.length, searchable);
-  const filteredOptions = React7.useMemo(
+  const filteredOptions = React8.useMemo(
     () => showSearch ? filterSelectOptions(options, search) : options,
     [options, search, showSearch]
   );
@@ -2058,7 +2061,7 @@ function ChevronDownIcon({ className, ...props }) {
     }
   );
 }
-var Separator = React7.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
+var Separator = React8.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
   SeparatorPrimitive.Root,
   {
     ref,
@@ -2073,7 +2076,7 @@ var Separator = React7.forwardRef(({ className, orientation = "horizontal", deco
   }
 ));
 Separator.displayName = SeparatorPrimitive.Root.displayName;
-var Switch = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Switch = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SwitchPrimitive.Root,
   {
     ref,
@@ -2099,11 +2102,11 @@ var Switch = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Switch.displayName = SwitchPrimitive.Root.displayName;
-var Table = React7.forwardRef(
+var Table = React8.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })
 );
 Table.displayName = "Table";
-var TableHeader = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableHeader = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "thead",
   {
     ref,
@@ -2112,9 +2115,9 @@ var TableHeader = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TableHeader.displayName = "TableHeader";
-var TableBody = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
+var TableBody = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
 TableBody.displayName = "TableBody";
-var TableFooter = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableFooter = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tfoot",
   {
     ref,
@@ -2126,7 +2129,7 @@ var TableFooter = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React7.forwardRef(
+var TableRow = React8.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "tr",
     {
@@ -2140,7 +2143,7 @@ var TableRow = React7.forwardRef(
   )
 );
 TableRow.displayName = "TableRow";
-var TableHead = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableHead = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "th",
   {
     ref,
@@ -2152,7 +2155,7 @@ var TableHead = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableCell = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "td",
   {
     ref,
@@ -2161,7 +2164,7 @@ var TableCell = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));
+var TableCaption = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));
 TableCaption.displayName = "TableCaption";
 function Tabs({ className, ...props }) {
   return /* @__PURE__ */ jsx(
@@ -2221,7 +2224,7 @@ function TabsContent({
     }
   );
 }
-var Textarea = React7.forwardRef(
+var Textarea = React8.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "textarea",
     {
@@ -2250,22 +2253,22 @@ function Tooltip({
   delayDuration = 400,
   closeDelay = 100
 }) {
-  const [open, setOpen] = React7.useState(false);
-  const openTimeoutRef = React7.useRef(null);
-  const closeTimeoutRef = React7.useRef(null);
-  const clearOpenTimeout = React7.useCallback(() => {
+  const [open, setOpen] = React8.useState(false);
+  const openTimeoutRef = React8.useRef(null);
+  const closeTimeoutRef = React8.useRef(null);
+  const clearOpenTimeout = React8.useCallback(() => {
     if (openTimeoutRef.current !== null) {
       window.clearTimeout(openTimeoutRef.current);
       openTimeoutRef.current = null;
     }
   }, []);
-  const clearCloseTimeout = React7.useCallback(() => {
+  const clearCloseTimeout = React8.useCallback(() => {
     if (closeTimeoutRef.current !== null) {
       window.clearTimeout(closeTimeoutRef.current);
       closeTimeoutRef.current = null;
     }
   }, []);
-  const handleOpenChange = React7.useCallback(
+  const handleOpenChange = React8.useCallback(
     (next) => {
       if (!next) {
         clearOpenTimeout();
@@ -2275,14 +2278,14 @@ function Tooltip({
     },
     [clearCloseTimeout, clearOpenTimeout]
   );
-  const handlePointerEnter = React7.useCallback(() => {
+  const handlePointerEnter = React8.useCallback(() => {
     clearCloseTimeout();
     clearOpenTimeout();
     openTimeoutRef.current = window.setTimeout(() => {
       setOpen(true);
     }, delayDuration);
   }, [clearCloseTimeout, clearOpenTimeout, delayDuration]);
-  const handlePointerLeave = React7.useCallback(() => {
+  const handlePointerLeave = React8.useCallback(() => {
     clearOpenTimeout();
     clearCloseTimeout();
     if (closeDelay === 0) {
@@ -2293,7 +2296,7 @@ function Tooltip({
       setOpen(false);
     }, closeDelay);
   }, [clearCloseTimeout, clearOpenTimeout, closeDelay]);
-  React7.useEffect(
+  React8.useEffect(
     () => () => {
       clearOpenTimeout();
       clearCloseTimeout();
@@ -2354,7 +2357,7 @@ var paragraphVariants = cva("text-muted-foreground leading-relaxed", {
     size: "default"
   }
 });
-var Heading = React7.forwardRef(
+var Heading = React8.forwardRef(
   ({ className, level, as, ...props }, ref) => {
     const Component = as || (level === "h1" ? "h1" : level === "h2" ? "h2" : level === "h3" ? "h3" : "h4");
     return /* @__PURE__ */ jsx(
@@ -2368,13 +2371,13 @@ var Heading = React7.forwardRef(
   }
 );
 Heading.displayName = "Heading";
-var Paragraph = React7.forwardRef(
+var Paragraph = React8.forwardRef(
   ({ className, size, ...props }, ref) => {
     return /* @__PURE__ */ jsx("p", { ref, className: cn(paragraphVariants({ size }), className), ...props });
   }
 );
 Paragraph.displayName = "Paragraph";
-var H3 = React7.forwardRef(
+var H3 = React8.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(Heading, { ref, level: "h3", as: "h3", className, ...props })
 );
 H3.displayName = "H3";
@@ -2541,5 +2544,5 @@ function UploadDropzone(props) {
 }
 
 export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Avatar, AvatarFallback, AvatarImage, Badge, Calendar, Checkbox, ConfirmDialog, DatePicker, DateRangePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, DropdownScrollableList, DropdownSelectSearchInput, Form, FormControl, FormDescription, FormDrawer, FormField, FormItem, FormLabel, FormMessage, H3, Heading, Label, Link, MultiSelect, Paragraph, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, SEARCHABLE_SELECT_MIN_OPTIONS, ScrollArea, ScrollBar, Select, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Tooltip, TooltipProvider, UploadDropzone, badgeVariants, dropdownMenuSelectOptionsMaxHeightClassName, filterSelectOptions, foldSearchText, headingVariants, isSelectSearchable, linkStyles, paragraphVariants, useFormField };
-//# sourceMappingURL=chunk-CBJJUQMY.js.map
-//# sourceMappingURL=chunk-CBJJUQMY.js.map
+//# sourceMappingURL=chunk-KSWAKETF.js.map
+//# sourceMappingURL=chunk-KSWAKETF.js.map