@yca-software/yca-react-core 0.0.5 → 0.0.7

package/dist/{chunk-UIRJ6RVY.js → chunk-ZCMETMED.js}

@@ -4,10 +4,10 @@ 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 React6 from 'react';
+import * as React7 from 'react';
 import { useRef, useId, useState, useEffect } from 'react';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
-import { Check, ChevronLeft, ChevronRight, Loader2, Calendar as Calendar$1, XIcon, ChevronUp, ChevronDown, X, CheckSquare, FileText, ImagePlus, UploadCloud } from 'lucide-react';
+import { Check, Calendar as Calendar$1, ChevronLeft, ChevronRight, Loader2, XIcon, ChevronUp, ChevronDown, X, CheckSquare, FileText, ImagePlus, UploadCloud } from 'lucide-react';
 import { DayPicker } from 'react-day-picker';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import { format, parse } from 'date-fns';
@@ -68,7 +68,7 @@ function AlertDescription({ className, ...props }) {
 var AlertDialog = AlertDialogPrimitive.Root;
 var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 var AlertDialogPortal = AlertDialogPrimitive.Portal;
-var AlertDialogOverlay = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogOverlay = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Overlay,
   {
     className: cn(
@@ -80,7 +80,7 @@ var AlertDialogOverlay = React6.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContent = React6.forwardRef(({ className, onOverlayClick, overlayClassName, ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
+var AlertDialogContent = React7.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 = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogTitle = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Title,
   {
     ref,
@@ -115,7 +115,7 @@ var AlertDialogTitle = React6.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogDescription = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Description,
   {
     ref,
@@ -124,7 +124,7 @@ var AlertDialogDescription = React6.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogAction = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogAction = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Action,
   {
     ref,
@@ -134,7 +134,7 @@ var AlertDialogAction = React6.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogCancel = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Cancel,
   {
     ref,
@@ -144,7 +144,7 @@ var AlertDialogCancel = React6.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
-var Avatar = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Avatar = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Root,
   {
     ref,
@@ -153,7 +153,7 @@ var Avatar = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AvatarImage = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Image,
   {
     ref,
@@ -162,7 +162,7 @@ var AvatarImage = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AvatarFallback = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -254,7 +254,7 @@ function Calendar({
     }
   );
 }
-var Checkbox = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Checkbox = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -365,6 +365,9 @@ function PopoverContent({
   className,
   align = "start",
   sideOffset = 4,
+  collisionPadding = 16,
+  sticky = "always",
+  avoidCollisions = true,
   ...props
 }) {
   return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
@@ -373,6 +376,9 @@ function PopoverContent({
       "data-slot": "popover-content",
       align,
       sideOffset,
+      collisionPadding,
+      sticky,
+      avoidCollisions,
       className: cn(
         surfaceOverlay,
         "z-110 w-auto min-w-48 p-3 outline-none",
@@ -400,11 +406,11 @@ function DatePicker({
   className,
   "aria-label": ariaLabel
 }) {
-  const [open, setOpen] = React6.useState(false);
+  const [open, setOpen] = React7.useState(false);
   const normalizedMin = normalizeDate(minDate);
   const normalizedMax = normalizeDate(maxDate);
-  const formatOpts = React6.useMemo(() => locale ? { locale } : void 0, [locale]);
-  const disabledMatchers = React6.useMemo(() => {
+  const formatOpts = React7.useMemo(() => locale ? { locale } : void 0, [locale]);
+  const disabledMatchers = React7.useMemo(() => {
     const toStartOfDay = (d) => {
       const copy = new Date(d);
       copy.setHours(0, 0, 0, 0);
@@ -875,68 +881,75 @@ function DateRangePickerPresetList({
     })
   ] }) });
 }
-function DateRangePickerTrigger({
-  className,
-  inputText,
-  effectivePlaceholder,
-  isEmpty,
-  ariaLabel,
-  onOpen,
-  onInputChange,
-  onInputFocus,
-  onInputBlur
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      role: "button",
-      tabIndex: 0,
-      "aria-label": ariaLabel,
-      onClick: onOpen,
-      onKeyDown: (e) => {
-        if (e.key === "Enter" || e.key === " ") {
-          e.preventDefault();
-          onOpen();
-        }
-      },
-      className: cn(
-        controlBase,
-        "flex w-full min-w-[17rem] max-w-full cursor-pointer items-center overflow-hidden focus-within:ring-[3px] focus-within:ring-ring/40",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsx("span", { className: "flex h-10 w-10 shrink-0 items-center justify-center border-r border-border/40 bg-muted/25 text-muted-foreground", children: /* @__PURE__ */ jsx(Calendar$1, { className: "size-4", "aria-hidden": "true" }) }),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            type: "text",
-            value: inputText,
-            onChange: (e) => onInputChange(e.target.value),
-            onFocus: onInputFocus,
-            onBlur: onInputBlur,
-            onClick: (e) => {
-              e.stopPropagation();
-              onOpen();
-            },
-            onKeyDown: (e) => {
-              if (e.key === "Enter") {
-                e.target.blur();
-              }
-            },
-            placeholder: effectivePlaceholder,
-            "data-empty": isEmpty || void 0,
-            className: cn(
-              "h-10 min-w-0 flex-1 cursor-pointer rounded-none border-0 bg-transparent py-2 pl-3 pr-3 text-sm shadow-none focus-visible:ring-0 whitespace-nowrap",
-              isEmpty && "text-muted-foreground"
-            ),
-            title: !isEmpty ? inputText : void 0,
-            "aria-label": ariaLabel
+var DateRangePickerTrigger = React7.forwardRef(
+  function DateRangePickerTrigger2({
+    className,
+    inputText,
+    effectivePlaceholder,
+    isEmpty,
+    ariaLabel,
+    onOpen,
+    onInputChange,
+    onInputFocus,
+    onInputBlur
+  }, ref) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        role: "button",
+        tabIndex: 0,
+        "aria-label": ariaLabel,
+        "aria-haspopup": "dialog",
+        onClick: onOpen,
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            onOpen();
           }
-        )
-      ]
-    }
-  );
-}
+        },
+        className: cn(
+          controlBase,
+          "flex w-full min-w-[17rem] max-w-full cursor-pointer items-center overflow-hidden focus-within:ring-[3px] focus-within:ring-ring/40",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "flex h-10 w-10 shrink-0 items-center justify-center border-r border-border/40 bg-muted/25 text-muted-foreground", children: /* @__PURE__ */ jsx(Calendar$1, { className: "size-4", "aria-hidden": "true" }) }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "text",
+              value: inputText,
+              onChange: (e) => onInputChange(e.target.value),
+              onFocus: onInputFocus,
+              onBlur: onInputBlur,
+              onClick: (e) => {
+                e.stopPropagation();
+                onOpen();
+              },
+              onPointerDown: (e) => {
+                e.stopPropagation();
+              },
+              onKeyDown: (e) => {
+                if (e.key === "Enter") {
+                  e.target.blur();
+                }
+              },
+              placeholder: effectivePlaceholder,
+              "data-empty": isEmpty || void 0,
+              className: cn(
+                "h-10 min-w-0 flex-1 cursor-pointer rounded-none border-0 bg-transparent py-2 pl-3 pr-3 text-sm shadow-none focus-visible:ring-0 whitespace-nowrap",
+                isEmpty && "text-muted-foreground"
+              ),
+              title: !isEmpty ? inputText : void 0,
+              "aria-label": ariaLabel
+            }
+          )
+        ]
+      }
+    );
+  }
+);
 
 // src/components/ui/date-range-picker/useDateRangePresets.ts
 function getPresetRange(presetId) {
@@ -990,7 +1003,7 @@ function getPresetRange(presetId) {
   }
 }
 function useMediaQuery(query, fallback = false) {
-  const subscribe = React6.useCallback(
+  const subscribe = React7.useCallback(
     (onChange) => {
       const mql = window.matchMedia(query);
       mql.addEventListener("change", onChange);
@@ -998,7 +1011,7 @@ function useMediaQuery(query, fallback = false) {
     },
     [query]
   );
-  return React6.useSyncExternalStore(
+  return React7.useSyncExternalStore(
     subscribe,
     () => window.matchMedia(query).matches,
     () => fallback
@@ -1026,7 +1039,7 @@ function DateRangePicker({
 }) {
   const t = { ...DEFAULT_TRANSLATIONS, ...translations };
   const effectivePlaceholder = placeholder ?? t.placeholder;
-  const presetList = React6.useMemo(() => {
+  const presetList = React7.useMemo(() => {
     if (customPresets?.length) return customPresets;
     if (!showPresets) return [];
     return DEFAULT_PRESET_IDS.map(({ id }) => ({
@@ -1040,16 +1053,16 @@ function DateRangePicker({
   const isMobileLayout = useIsDatePickerMobileLayout();
   const isWideLayout = useIsWideDatePickerLayout();
   const calendarMonths = isMobileLayout ? 1 : isWideLayout ? 2 : 1;
-  const [open, setOpen] = React6.useState(false);
-  const [draft, setDraft] = React6.useState(value);
-  const [displayedMonth, setDisplayedMonth] = React6.useState(() => value?.from ?? /* @__PURE__ */ new Date());
-  const appliedRef = React6.useRef(value);
-  const wasOpenRef = React6.useRef(false);
+  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 useApplyFlow = !!onApply;
-  const idScope = React6.useId();
+  const idScope = React7.useId();
   const startInputId = `date-range-start-${idScope}`;
   const endInputId = `date-range-end-${idScope}`;
-  React6.useEffect(() => {
+  React7.useEffect(() => {
     const wasOpen = wasOpenRef.current;
     wasOpenRef.current = open;
     if (open && !wasOpen) {
@@ -1060,7 +1073,7 @@ function DateRangePicker({
       setDraft(value);
     }
   }, [open, value]);
-  const handleOpenChange = React6.useCallback(
+  const handleOpenChange = React7.useCallback(
     (next) => {
       if (!next && open && !useApplyFlow) {
         onChange(appliedRef.current);
@@ -1070,14 +1083,14 @@ function DateRangePicker({
     },
     [open, useApplyFlow, onChange]
   );
-  const formatOpts = React6.useMemo(() => locale ? { locale } : void 0, [locale]);
-  const label = React6.useMemo(
+  const formatOpts = React7.useMemo(() => locale ? { locale } : void 0, [locale]);
+  const label = React7.useMemo(
     () => formatRangeLabel(value, effectivePlaceholder, formatOpts),
     [effectivePlaceholder, value, formatOpts]
   );
-  const [inputText, setInputText] = React6.useState(label);
-  const inputFocusedRef = React6.useRef(false);
-  React6.useEffect(() => {
+  const [inputText, setInputText] = React7.useState(label);
+  const inputFocusedRef = React7.useRef(false);
+  React7.useEffect(() => {
     if (!inputFocusedRef.current) setInputText(label);
   }, [label]);
   const handleInputBlur = () => {
@@ -1096,7 +1109,7 @@ function DateRangePicker({
       setInputText(label);
     }
   };
-  const disabledMatchers = React6.useMemo(() => {
+  const disabledMatchers = React7.useMemo(() => {
     const toStartOfDay = (d) => {
       const copy = new Date(d);
       copy.setHours(0, 0, 0, 0);
@@ -1152,9 +1165,9 @@ function DateRangePicker({
       return nextRange;
     });
   };
-  const [startInputText, setStartInputText] = React6.useState("");
-  const [endInputText, setEndInputText] = React6.useState("");
-  React6.useEffect(() => {
+  const [startInputText, setStartInputText] = React7.useState("");
+  const [endInputText, setEndInputText] = React7.useState("");
+  React7.useEffect(() => {
     if (open) {
       setStartInputText(draft?.from ? format(draft.from, INPUT_FORMAT) : "");
       setEndInputText(draft?.to ? format(draft.to, INPUT_FORMAT) : "");
@@ -1259,10 +1272,10 @@ function DateRangePicker({
     ] });
   }
   return (
-    // Non-modal + Anchor (not Trigger): editable input keeps focus; Trigger's
-    // click-toggle raced controlled setOpen(true) and closed the popover immediately.
+    // Non-modal (editable input keeps focus). PopoverTrigger anchors Popper —
+    // Anchor-without-forwardRef parked content at translate(0,-200%) off-screen.
     /* @__PURE__ */ jsxs(Popover, { modal: false, open, onOpenChange: handleOpenChange, children: [
-      /* @__PURE__ */ jsx(PopoverAnchor, { asChild: true, children: trigger }),
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: trigger }),
       /* @__PURE__ */ jsx(
         PopoverContent,
         {
@@ -1272,7 +1285,11 @@ function DateRangePicker({
             calendarMonths === 2 && "min-w-[36rem]"
           ),
           align: "start",
+          side: "bottom",
           sideOffset: 8,
+          avoidCollisions: true,
+          collisionPadding: 16,
+          sticky: "always",
           onOpenAutoFocus: (e) => e.preventDefault(),
           children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row", children: [
             /* @__PURE__ */ jsx(
@@ -1351,10 +1368,10 @@ function DropdownScrollableList({
   scrollAreaClassName,
   grow = true
 }) {
-  const scrollRef = React6.useRef(null);
-  const [showTop, setShowTop] = React6.useState(false);
-  const [showBottom, setShowBottom] = React6.useState(false);
-  const update = React6.useCallback(() => {
+  const scrollRef = React7.useRef(null);
+  const [showTop, setShowTop] = React7.useState(false);
+  const [showBottom, setShowBottom] = React7.useState(false);
+  const update = React7.useCallback(() => {
     const el = scrollRef.current;
     if (!el) {
       setShowTop(false);
@@ -1371,14 +1388,14 @@ function DropdownScrollableList({
     setShowTop(scrollTop > 2);
     setShowBottom(scrollTop + clientHeight < scrollHeight - 2);
   }, []);
-  React6.useLayoutEffect(() => {
+  React7.useLayoutEffect(() => {
     update();
     const id = requestAnimationFrame(() => {
       requestAnimationFrame(update);
     });
     return () => cancelAnimationFrame(id);
   }, [update, scrollKey]);
-  React6.useEffect(() => {
+  React7.useEffect(() => {
     const el = scrollRef.current;
     if (!el) return;
     if (typeof ResizeObserver === "undefined") {
@@ -1467,15 +1484,15 @@ function Label({
   return /* @__PURE__ */ jsx(LabelPrimitive.Root, { "data-slot": "label", className: cn(labelVariants(), className), ...props });
 }
 var Form = FormProvider;
-var FormFieldContext = React6.createContext(null);
+var FormFieldContext = React7.createContext(null);
 var FormField = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx(Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React6.useContext(FormFieldContext);
-  const itemContext = React6.useContext(FormItemContext);
+  const fieldContext = React7.useContext(FormFieldContext);
+  const itemContext = React7.useContext(FormItemContext);
   if (fieldContext === null || fieldContext === void 0) {
     throw new Error("useFormField should be used within <FormField>");
   }
@@ -1492,9 +1509,9 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React6.createContext({});
+var FormItemContext = React7.createContext({});
 function FormItem({ className, ...props }) {
-  const id = React6.useId();
+  const id = React7.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({
@@ -1555,7 +1572,7 @@ function FormMessage({ className, ...props }) {
     }
   );
 }
-var InsideModalScrollLockContext = React6.createContext(false);
+var InsideModalScrollLockContext = React7.createContext(false);
 function InsideModalScrollLockProvider({
   children,
   active = true
@@ -1563,7 +1580,7 @@ function InsideModalScrollLockProvider({
   return /* @__PURE__ */ jsx(InsideModalScrollLockContext.Provider, { value: active, children });
 }
 function useInsideModalScrollLock() {
-  return React6.useContext(InsideModalScrollLockContext);
+  return React7.useContext(InsideModalScrollLockContext);
 }
 function Sheet({ ...props }) {
   return /* @__PURE__ */ jsx(DialogPrimitive.Root, { ...props });
@@ -1763,14 +1780,14 @@ function MultiSelect({
 }) {
   const t = { ...DEFAULT_TRANSLATIONS2, ...translations };
   const insideModalScrollLock = useInsideModalScrollLock();
-  const [search, setSearch] = React6.useState("");
-  const selectedSet = React6.useMemo(() => new Set(value), [value]);
-  const labelByValue = React6.useMemo(() => {
+  const [search, setSearch] = React7.useState("");
+  const selectedSet = React7.useMemo(() => new Set(value), [value]);
+  const labelByValue = React7.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const opt of options) map.set(opt.value, opt.label);
     return map;
   }, [options]);
-  const filteredOptions = React6.useMemo(() => {
+  const filteredOptions = React7.useMemo(() => {
     const q = search.trim().toLowerCase();
     if (!q) return options;
     return options.filter((opt) => opt.label.toLowerCase().includes(q));
@@ -1864,7 +1881,7 @@ function MultiSelect({
     ] })
   ] });
 }
-var ScrollArea = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var ScrollArea = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   ScrollAreaPrimitive.Root,
   {
     ref,
@@ -1878,7 +1895,7 @@ var ScrollArea = React6.forwardRef(({ className, children, ...props }, ref) => /
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React6.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
+var ScrollBar = React7.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -1925,10 +1942,10 @@ function Select({
 }) {
   const t = { ...DEFAULT_TRANSLATIONS3, ...translations };
   const insideModalScrollLock = useInsideModalScrollLock();
-  const [open, setOpen] = React6.useState(false);
-  const [search, setSearch] = React6.useState("");
+  const [open, setOpen] = React7.useState(false);
+  const [search, setSearch] = React7.useState("");
   const showSearch = isSelectSearchable(options.length, searchable);
-  const filteredOptions = React6.useMemo(
+  const filteredOptions = React7.useMemo(
     () => showSearch ? filterSelectOptions(options, search) : options,
     [options, search, showSearch]
   );
@@ -2032,7 +2049,7 @@ function ChevronDownIcon({ className, ...props }) {
     }
   );
 }
-var Separator = React6.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
+var Separator = React7.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
   SeparatorPrimitive.Root,
   {
     ref,
@@ -2047,7 +2064,7 @@ var Separator = React6.forwardRef(({ className, orientation = "horizontal", deco
   }
 ));
 Separator.displayName = SeparatorPrimitive.Root.displayName;
-var Switch = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Switch = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SwitchPrimitive.Root,
   {
     ref,
@@ -2073,11 +2090,11 @@ var Switch = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Switch.displayName = SwitchPrimitive.Root.displayName;
-var Table = React6.forwardRef(
+var Table = React7.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 = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableHeader = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "thead",
   {
     ref,
@@ -2086,9 +2103,9 @@ var TableHeader = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TableHeader.displayName = "TableHeader";
-var TableBody = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
+var TableBody = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
 TableBody.displayName = "TableBody";
-var TableFooter = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableFooter = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tfoot",
   {
     ref,
@@ -2100,7 +2117,7 @@ var TableFooter = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React6.forwardRef(
+var TableRow = React7.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "tr",
     {
@@ -2114,7 +2131,7 @@ var TableRow = React6.forwardRef(
   )
 );
 TableRow.displayName = "TableRow";
-var TableHead = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableHead = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "th",
   {
     ref,
@@ -2126,7 +2143,7 @@ var TableHead = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableCell = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "td",
   {
     ref,
@@ -2135,7 +2152,7 @@ var TableCell = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));
+var TableCaption = React7.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(
@@ -2195,7 +2212,7 @@ function TabsContent({
     }
   );
 }
-var Textarea = React6.forwardRef(
+var Textarea = React7.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "textarea",
     {
@@ -2224,22 +2241,22 @@ function Tooltip({
   delayDuration = 400,
   closeDelay = 100
 }) {
-  const [open, setOpen] = React6.useState(false);
-  const openTimeoutRef = React6.useRef(null);
-  const closeTimeoutRef = React6.useRef(null);
-  const clearOpenTimeout = React6.useCallback(() => {
+  const [open, setOpen] = React7.useState(false);
+  const openTimeoutRef = React7.useRef(null);
+  const closeTimeoutRef = React7.useRef(null);
+  const clearOpenTimeout = React7.useCallback(() => {
     if (openTimeoutRef.current !== null) {
       window.clearTimeout(openTimeoutRef.current);
       openTimeoutRef.current = null;
     }
   }, []);
-  const clearCloseTimeout = React6.useCallback(() => {
+  const clearCloseTimeout = React7.useCallback(() => {
     if (closeTimeoutRef.current !== null) {
       window.clearTimeout(closeTimeoutRef.current);
       closeTimeoutRef.current = null;
     }
   }, []);
-  const handleOpenChange = React6.useCallback(
+  const handleOpenChange = React7.useCallback(
     (next) => {
       if (!next) {
         clearOpenTimeout();
@@ -2249,14 +2266,14 @@ function Tooltip({
     },
     [clearCloseTimeout, clearOpenTimeout]
   );
-  const handlePointerEnter = React6.useCallback(() => {
+  const handlePointerEnter = React7.useCallback(() => {
     clearCloseTimeout();
     clearOpenTimeout();
     openTimeoutRef.current = window.setTimeout(() => {
       setOpen(true);
     }, delayDuration);
   }, [clearCloseTimeout, clearOpenTimeout, delayDuration]);
-  const handlePointerLeave = React6.useCallback(() => {
+  const handlePointerLeave = React7.useCallback(() => {
     clearOpenTimeout();
     clearCloseTimeout();
     if (closeDelay === 0) {
@@ -2267,7 +2284,7 @@ function Tooltip({
       setOpen(false);
     }, closeDelay);
   }, [clearCloseTimeout, clearOpenTimeout, closeDelay]);
-  React6.useEffect(
+  React7.useEffect(
     () => () => {
       clearOpenTimeout();
       clearCloseTimeout();
@@ -2328,7 +2345,7 @@ var paragraphVariants = cva("text-muted-foreground leading-relaxed", {
     size: "default"
   }
 });
-var Heading = React6.forwardRef(
+var Heading = React7.forwardRef(
   ({ className, level, as, ...props }, ref) => {
     const Component = as || (level === "h1" ? "h1" : level === "h2" ? "h2" : level === "h3" ? "h3" : "h4");
     return /* @__PURE__ */ jsx(
@@ -2342,13 +2359,13 @@ var Heading = React6.forwardRef(
   }
 );
 Heading.displayName = "Heading";
-var Paragraph = React6.forwardRef(
+var Paragraph = React7.forwardRef(
   ({ className, size, ...props }, ref) => {
     return /* @__PURE__ */ jsx("p", { ref, className: cn(paragraphVariants({ size }), className), ...props });
   }
 );
 Paragraph.displayName = "Paragraph";
-var H3 = React6.forwardRef(
+var H3 = React7.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(Heading, { ref, level: "h3", as: "h3", className, ...props })
 );
 H3.displayName = "H3";
@@ -2515,5 +2532,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, headingVariants, isSelectSearchable, linkStyles, paragraphVariants, useFormField };
-//# sourceMappingURL=chunk-UIRJ6RVY.js.map
-//# sourceMappingURL=chunk-UIRJ6RVY.js.map
+//# sourceMappingURL=chunk-ZCMETMED.js.map
+//# sourceMappingURL=chunk-ZCMETMED.js.map