@yca-software/yca-react-core 0.0.23 → 0.0.25

package/dist/{chunk-QHNZTXPJ.js → chunk-FJUWTB3A.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 React8 from 'react';
+import * as React20 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, Search, FileText, ImagePlus, UploadCloud } from 'lucide-react';
+import { Check, Calendar as Calendar$1, ChevronLeft, ChevronRight, Loader2, XIcon, ChevronUp, ChevronDown, Info, X, CheckSquare, Search, FileText, ImagePlus, UploadCloud } from 'lucide-react';
 import { DayPicker } from 'react-day-picker';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import { format, isSameMonth, isSameDay, addDays, startOfMonth, startOfDay, endOfDay, isWithinInterval, addMonths, addWeeks, startOfWeek, endOfWeek, 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 = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogOverlay = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Overlay,
   {
     className: cn(
@@ -80,7 +80,7 @@ var AlertDialogOverlay = React8.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContent = React8.forwardRef(({ className, onOverlayClick, overlayClassName, ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
+var AlertDialogContent = React20.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 = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogTitle = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Title,
   {
     ref,
@@ -115,7 +115,7 @@ var AlertDialogTitle = React8.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogDescription = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Description,
   {
     ref,
@@ -124,7 +124,7 @@ var AlertDialogDescription = React8.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogAction = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogAction = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Action,
   {
     ref,
@@ -134,7 +134,7 @@ var AlertDialogAction = React8.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogCancel = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Cancel,
   {
     ref,
@@ -144,7 +144,7 @@ var AlertDialogCancel = React8.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
-var Avatar = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Avatar = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Root,
   {
     ref,
@@ -153,7 +153,7 @@ var Avatar = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AvatarImage = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Image,
   {
     ref,
@@ -162,7 +162,7 @@ var AvatarImage = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AvatarFallback = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -254,7 +254,7 @@ function Calendar({
     }
   );
 }
-var Checkbox = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Checkbox = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -406,11 +406,11 @@ function DatePicker({
   className,
   "aria-label": ariaLabel
 }) {
-  const [open, setOpen] = React8.useState(false);
+  const [open, setOpen] = React20.useState(false);
   const normalizedMin = normalizeDate(minDate);
   const normalizedMax = normalizeDate(maxDate);
-  const formatOpts = React8.useMemo(() => locale ? { locale } : void 0, [locale]);
-  const disabledMatchers = React8.useMemo(() => {
+  const formatOpts = React20.useMemo(() => locale ? { locale } : void 0, [locale]);
+  const disabledMatchers = React20.useMemo(() => {
     const toStartOfDay = (d) => {
       const copy = new Date(d);
       copy.setHours(0, 0, 0, 0);
@@ -481,7 +481,7 @@ function DatePicker({
     ) })
   ] });
 }
-var InsideModalScrollLockContext = React8.createContext(false);
+var InsideModalScrollLockContext = React20.createContext(false);
 function InsideModalScrollLockProvider({
   children,
   active = true
@@ -489,7 +489,7 @@ function InsideModalScrollLockProvider({
   return /* @__PURE__ */ jsx(InsideModalScrollLockContext.Provider, { value: active, children });
 }
 function useInsideModalScrollLock() {
-  return React8.useContext(InsideModalScrollLockContext);
+  return React20.useContext(InsideModalScrollLockContext);
 }
 function Dialog({ ...props }) {
   return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
@@ -896,7 +896,7 @@ function DateRangePickerPresetList({
     })
   ] }) });
 }
-var DateRangePickerTrigger = React8.forwardRef(
+var DateRangePickerTrigger = React20.forwardRef(
   function DateRangePickerTrigger2({
     className,
     inputText,
@@ -1018,7 +1018,7 @@ function getPresetRange(presetId) {
   }
 }
 function useMediaQuery(query, fallback = false) {
-  const subscribe = React8.useCallback(
+  const subscribe = React20.useCallback(
     (onChange) => {
       const mql = window.matchMedia(query);
       mql.addEventListener("change", onChange);
@@ -1026,7 +1026,7 @@ function useMediaQuery(query, fallback = false) {
     },
     [query]
   );
-  return React8.useSyncExternalStore(
+  return React20.useSyncExternalStore(
     subscribe,
     () => window.matchMedia(query).matches,
     () => fallback
@@ -1054,7 +1054,7 @@ function DateRangePicker({
 }) {
   const t = { ...DEFAULT_TRANSLATIONS, ...translations };
   const effectivePlaceholder = placeholder ?? t.placeholder;
-  const presetList = React8.useMemo(() => {
+  const presetList = React20.useMemo(() => {
     if (customPresets?.length) return customPresets;
     if (!showPresets) return [];
     return DEFAULT_PRESET_IDS.map(({ id }) => ({
@@ -1068,16 +1068,16 @@ function DateRangePicker({
   const isMobileLayout = useIsDatePickerMobileLayout();
   const isWideLayout = useIsWideDatePickerLayout();
   const calendarMonths = isMobileLayout ? 1 : isWideLayout ? 2 : 1;
-  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 [open, setOpen] = React20.useState(false);
+  const [draft, setDraft] = React20.useState(value);
+  const [displayedMonth, setDisplayedMonth] = React20.useState(() => value?.from ?? /* @__PURE__ */ new Date());
+  const appliedRef = React20.useRef(value);
+  const wasOpenRef = React20.useRef(false);
   const useApplyFlow = !!onApply;
-  const idScope = React8.useId();
+  const idScope = React20.useId();
   const startInputId = `date-range-start-${idScope}`;
   const endInputId = `date-range-end-${idScope}`;
-  React8.useEffect(() => {
+  React20.useEffect(() => {
     const wasOpen = wasOpenRef.current;
     wasOpenRef.current = open;
     if (open && !wasOpen) {
@@ -1088,7 +1088,7 @@ function DateRangePicker({
       setDraft(value);
     }
   }, [open, value]);
-  const handleOpenChange = React8.useCallback(
+  const handleOpenChange = React20.useCallback(
     (next) => {
       if (!next && open && !useApplyFlow) {
         onChange(appliedRef.current);
@@ -1098,14 +1098,14 @@ function DateRangePicker({
     },
     [open, useApplyFlow, onChange]
   );
-  const formatOpts = React8.useMemo(() => locale ? { locale } : void 0, [locale]);
-  const label = React8.useMemo(
+  const formatOpts = React20.useMemo(() => locale ? { locale } : void 0, [locale]);
+  const label = React20.useMemo(
     () => formatRangeLabel(value, effectivePlaceholder, formatOpts),
     [effectivePlaceholder, value, formatOpts]
   );
-  const [inputText, setInputText] = React8.useState(label);
-  const inputFocusedRef = React8.useRef(false);
-  React8.useEffect(() => {
+  const [inputText, setInputText] = React20.useState(label);
+  const inputFocusedRef = React20.useRef(false);
+  React20.useEffect(() => {
     if (!inputFocusedRef.current) setInputText(label);
   }, [label]);
   const handleInputBlur = () => {
@@ -1124,7 +1124,7 @@ function DateRangePicker({
       setInputText(label);
     }
   };
-  const disabledMatchers = React8.useMemo(() => {
+  const disabledMatchers = React20.useMemo(() => {
     const toStartOfDay = (d) => {
       const copy = new Date(d);
       copy.setHours(0, 0, 0, 0);
@@ -1182,9 +1182,9 @@ function DateRangePicker({
       return nextRange;
     });
   };
-  const [startInputText, setStartInputText] = React8.useState("");
-  const [endInputText, setEndInputText] = React8.useState("");
-  React8.useEffect(() => {
+  const [startInputText, setStartInputText] = React20.useState("");
+  const [endInputText, setEndInputText] = React20.useState("");
+  React20.useEffect(() => {
     if (open) {
       setStartInputText(draft?.from ? format(draft.from, INPUT_FORMAT) : "");
       setEndInputText(draft?.to ? format(draft.to, INPUT_FORMAT) : "");
@@ -1339,6 +1339,7 @@ function DropdownMenuTrigger({
 }
 function DropdownMenuContent({
   className,
+  animated = true,
   sideOffset = 4,
   portalled = true,
   ...props
@@ -1350,7 +1351,8 @@ function DropdownMenuContent({
       sideOffset,
       className: cn(
         surfaceOverlay,
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto p-1",
+        animated && "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        "z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto p-1",
         className
       ),
       ...props
@@ -1384,10 +1386,10 @@ function DropdownScrollableList({
   scrollAreaClassName,
   grow = true
 }) {
-  const scrollRef = React8.useRef(null);
-  const [showTop, setShowTop] = React8.useState(false);
-  const [showBottom, setShowBottom] = React8.useState(false);
-  const update = React8.useCallback(() => {
+  const scrollRef = React20.useRef(null);
+  const [showTop, setShowTop] = React20.useState(false);
+  const [showBottom, setShowBottom] = React20.useState(false);
+  const update = React20.useCallback(() => {
     const el = scrollRef.current;
     if (!el) {
       setShowTop(false);
@@ -1404,14 +1406,14 @@ function DropdownScrollableList({
     setShowTop(scrollTop > 2);
     setShowBottom(scrollTop + clientHeight < scrollHeight - 2);
   }, []);
-  React8.useLayoutEffect(() => {
+  React20.useLayoutEffect(() => {
     update();
     const id = requestAnimationFrame(() => {
       requestAnimationFrame(update);
     });
     return () => cancelAnimationFrame(id);
   }, [update, scrollKey]);
-  React8.useEffect(() => {
+  React20.useEffect(() => {
     const el = scrollRef.current;
     if (!el) return;
     if (typeof ResizeObserver === "undefined") {
@@ -1541,10 +1543,10 @@ function titleForView(anchor, view, weekStartsOnMonday) {
 }
 var MAX_MONTH_CHIPS = 3;
 function useControlledDate(value, defaultValue, onChange) {
-  const [internal, setInternal] = React8.useState(defaultValue ?? /* @__PURE__ */ new Date());
+  const [internal, setInternal] = React20.useState(defaultValue ?? /* @__PURE__ */ new Date());
   const isControlled = value !== void 0;
   const current = isControlled ? value : internal;
-  const set = React8.useCallback(
+  const set = React20.useCallback(
     (next) => {
       if (!isControlled) setInternal(next);
       onChange?.(next);
@@ -1554,10 +1556,10 @@ function useControlledDate(value, defaultValue, onChange) {
   return [current, set];
 }
 function useControlledView(value, defaultValue, onChange) {
-  const [internal, setInternal] = React8.useState(defaultValue);
+  const [internal, setInternal] = React20.useState(defaultValue);
   const isControlled = value !== void 0;
   const current = isControlled ? value : internal;
-  const set = React8.useCallback(
+  const set = React20.useCallback(
     (next) => {
       if (!isControlled) setInternal(next);
       onChange?.(next);
@@ -1607,7 +1609,7 @@ function EventCalendar({
 }) {
   const [safeAnchor, setAnchor] = useControlledDate(value, defaultValue, onValueChange);
   const [safeView, setViewSafe] = useControlledView(viewProp, defaultView, onViewChange);
-  const weekdays = React8.useMemo(
+  const weekdays = React20.useMemo(
     () => weekdayLabels(weekStartsOnMonday, safeAnchor),
     [weekStartsOnMonday, safeAnchor]
   );
@@ -1819,15 +1821,15 @@ function Label({
   return /* @__PURE__ */ jsx(LabelPrimitive.Root, { "data-slot": "label", className: cn(labelVariants(), className), ...props });
 }
 var Form = FormProvider;
-var FormFieldContext = React8.createContext(null);
+var FormFieldContext = React20.createContext(null);
 var FormField = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx(Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React8.useContext(FormFieldContext);
-  const itemContext = React8.useContext(FormItemContext);
+  const fieldContext = React20.useContext(FormFieldContext);
+  const itemContext = React20.useContext(FormItemContext);
   if (fieldContext === null || fieldContext === void 0) {
     throw new Error("useFormField should be used within <FormField>");
   }
@@ -1844,9 +1846,9 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React8.createContext({});
+var FormItemContext = React20.createContext({});
 function FormItem({ className, ...props }) {
-  const id = React8.useId();
+  const id = React20.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({
@@ -2025,29 +2027,66 @@ function FormDrawer({
   onOpenChange,
   title,
   description,
+  info,
   children,
   className,
   contentClassName
 }) {
+  const bodyRef = React20.useRef(null);
+  const [infoOpen, setInfoOpen] = React20.useState(false);
+  React20.useEffect(() => {
+    if (!open) setInfoOpen(false);
+  }, [open]);
   return /* @__PURE__ */ jsx(Sheet, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
     SheetContent,
     {
       "data-slot": "form-drawer-content",
+      onOpenAutoFocus: (event) => {
+        event.preventDefault();
+        bodyRef.current?.focus({ preventScroll: true });
+      },
+      onCloseAutoFocus: (event) => event.preventDefault(),
       className: cn(
         "flex flex-col gap-4 w-[calc(100%-2rem)] max-w-[calc(100%-2rem)] sm:max-w-lg overflow-hidden",
         contentClassName
       ),
       children: [
         /* @__PURE__ */ jsxs(SheetHeader, { className: "flex-shrink-0 gap-2 pb-2", children: [
-          /* @__PURE__ */ jsx(SheetTitle, { className: "text-base sm:text-lg", children: title }),
-          description && /* @__PURE__ */ jsx(SheetDescription, { className: "text-sm", children: description })
+          /* @__PURE__ */ jsxs(SheetTitle, { className: "flex items-center gap-1.5 text-base sm:text-lg", children: [
+            /* @__PURE__ */ jsx("span", { className: "min-w-0", children: title }),
+            info ? /* @__PURE__ */ jsxs(Popover, { open: infoOpen, onOpenChange: setInfoOpen, children: [
+              /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "inline-flex shrink-0 cursor-help rounded-sm p-0.5 text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                  "aria-label": "More info",
+                  "aria-expanded": infoOpen,
+                  children: /* @__PURE__ */ jsx(Info, { className: "h-3.5 w-3.5", "aria-hidden": true })
+                }
+              ) }),
+              /* @__PURE__ */ jsx(
+                PopoverContent,
+                {
+                  side: "bottom",
+                  align: "start",
+                  sideOffset: 6,
+                  className: "z-[120] max-w-xs p-3 text-sm leading-snug",
+                  children: info
+                }
+              )
+            ] }) : null
+          ] }),
+          description ? /* @__PURE__ */ jsx(SheetDescription, { className: "text-sm", children: description }) : null
         ] }),
         /* @__PURE__ */ jsx(InsideModalScrollLockProvider, { children: /* @__PURE__ */ jsx(
           "div",
           {
+            ref: bodyRef,
+            tabIndex: -1,
             className: cn(
               // Inset so focus rings / box-shadow on full-width inputs are not clipped by overflow-y-auto
-              "flex flex-col flex-1 min-h-0 gap-4 overflow-y-auto px-2 py-1",
+              "flex flex-col flex-1 min-h-0 gap-4 overflow-y-auto px-2 py-1 outline-none",
               className
             ),
             children
@@ -2106,14 +2145,14 @@ function MultiSelect({
 }) {
   const t = { ...DEFAULT_TRANSLATIONS2, ...translations };
   const insideModalScrollLock = useInsideModalScrollLock();
-  const [search, setSearch] = React8.useState("");
-  const selectedSet = React8.useMemo(() => new Set(value), [value]);
-  const labelByValue = React8.useMemo(() => {
+  const [search, setSearch] = React20.useState("");
+  const selectedSet = React20.useMemo(() => new Set(value), [value]);
+  const labelByValue = React20.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const opt of options) map.set(opt.value, opt.label);
     return map;
   }, [options]);
-  const filteredOptions = React8.useMemo(() => {
+  const filteredOptions = React20.useMemo(() => {
     const q = search.trim().toLowerCase();
     if (!q) return options;
     return options.filter((opt) => opt.label.toLowerCase().includes(q));
@@ -2209,7 +2248,7 @@ function MultiSelect({
     ] })
   ] });
 }
-var ScrollArea = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var ScrollArea = React20.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   ScrollAreaPrimitive.Root,
   {
     ref,
@@ -2223,7 +2262,7 @@ var ScrollArea = React8.forwardRef(({ className, children, ...props }, ref) => /
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React8.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
+var ScrollBar = React20.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -2361,10 +2400,10 @@ function Select({
 }) {
   const t = { ...DEFAULT_TRANSLATIONS3, ...translations };
   const insideModalScrollLock = useInsideModalScrollLock();
-  const [open, setOpen] = React8.useState(false);
-  const [search, setSearch] = React8.useState("");
+  const [open, setOpen] = React20.useState(false);
+  const [search, setSearch] = React20.useState("");
   const showSearch = isSelectSearchable(options.length, searchable);
-  const filteredOptions = React8.useMemo(
+  const filteredOptions = React20.useMemo(
     () => showSearch ? filterSelectOptions(options, search) : options,
     [options, search, showSearch]
   );
@@ -2389,7 +2428,7 @@ function Select({
           controlFocus,
           "flex h-9 w-full cursor-pointer items-center justify-between px-3 py-2 text-sm",
           "hover:bg-accent/40 disabled:pointer-events-none disabled:opacity-50",
-          !value && "text-muted-foreground",
+          !selectedOption && "text-muted-foreground",
           triggerClassName,
           className
         ),
@@ -2402,6 +2441,7 @@ function Select({
     /* @__PURE__ */ jsxs(
       DropdownMenuContent,
       {
+        animated: false,
         align: "start",
         sideOffset: 0,
         portalled: !insideModalScrollLock,
@@ -2429,10 +2469,8 @@ function Select({
               children: filteredOptions.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-2 py-1.5 text-sm text-muted-foreground", children: t.noOptionsText }) : filteredOptions.map((opt) => /* @__PURE__ */ jsx(
                 DropdownMenuItem,
                 {
-                  onClick: () => {
+                  onSelect: () => {
                     onValueChange(opt.value);
-                    setOpen(false);
-                    setSearch("");
                   },
                   children: opt.label
                 },
@@ -2468,7 +2506,7 @@ function ChevronDownIcon({ className, ...props }) {
     }
   );
 }
-var Separator = React8.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
+var Separator = React20.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
   SeparatorPrimitive.Root,
   {
     ref,
@@ -2483,7 +2521,7 @@ var Separator = React8.forwardRef(({ className, orientation = "horizontal", deco
   }
 ));
 Separator.displayName = SeparatorPrimitive.Root.displayName;
-var Switch = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Switch = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SwitchPrimitive.Root,
   {
     ref,
@@ -2509,11 +2547,11 @@ var Switch = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Switch.displayName = SwitchPrimitive.Root.displayName;
-var Table = React8.forwardRef(
+var Table = React20.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 = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableHeader = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "thead",
   {
     ref,
@@ -2522,9 +2560,9 @@ var TableHeader = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TableHeader.displayName = "TableHeader";
-var TableBody = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
+var TableBody = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
 TableBody.displayName = "TableBody";
-var TableFooter = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableFooter = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tfoot",
   {
     ref,
@@ -2536,7 +2574,7 @@ var TableFooter = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React8.forwardRef(
+var TableRow = React20.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "tr",
     {
@@ -2550,7 +2588,7 @@ var TableRow = React8.forwardRef(
   )
 );
 TableRow.displayName = "TableRow";
-var TableHead = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableHead = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "th",
   {
     ref,
@@ -2562,7 +2600,7 @@ var TableHead = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableCell = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "td",
   {
     ref,
@@ -2571,7 +2609,7 @@ var TableCell = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));
+var TableCaption = React20.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(
@@ -2631,7 +2669,7 @@ function TabsContent({
     }
   );
 }
-var Textarea = React8.forwardRef(
+var Textarea = React20.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "textarea",
     {
@@ -2652,58 +2690,157 @@ var Textarea = React8.forwardRef(
 );
 Textarea.displayName = "Textarea";
 var TooltipProvider = TooltipPrimitive.Provider;
+function prefersCoarsePointer() {
+  if (typeof window === "undefined" || typeof window.matchMedia !== "function") return false;
+  return window.matchMedia("(pointer: coarse)").matches;
+}
+function isPointerOver(el, x, y) {
+  if (!el || typeof document.elementFromPoint !== "function") return false;
+  if (!Number.isFinite(x) || !Number.isFinite(y)) return false;
+  const under = document.elementFromPoint(x, y);
+  return Boolean(under && (under === el || el.contains(under)));
+}
 function Tooltip({
   content,
   children,
   side = "top",
   align = "center",
-  delayDuration = 400,
-  closeDelay = 100
+  delayDuration = 200,
+  closeDelay = 280
 }) {
-  const [open, setOpen] = React8.useState(false);
-  const openTimeoutRef = React8.useRef(null);
-  const closeTimeoutRef = React8.useRef(null);
-  const clearOpenTimeout = React8.useCallback(() => {
+  const [open, setOpen] = React20.useState(false);
+  const triggerRef = React20.useRef(null);
+  const stickyRef = React20.useRef(false);
+  const hoveringRef = React20.useRef(false);
+  const openRef = React20.useRef(false);
+  const hoverArmedRef = React20.useRef(false);
+  const layoutReadyRef = React20.useRef(false);
+  const lastPointerRef = React20.useRef({ x: Number.NaN, y: Number.NaN });
+  const openTimeoutRef = React20.useRef(null);
+  const closeTimeoutRef = React20.useRef(null);
+  React20.useEffect(() => {
+    openRef.current = open;
+  }, [open]);
+  React20.useLayoutEffect(() => {
+    hoverArmedRef.current = false;
+    stickyRef.current = false;
+    hoveringRef.current = false;
+    layoutReadyRef.current = false;
+    setOpen(false);
+    const markReady = () => {
+      layoutReadyRef.current = true;
+      const el = triggerRef.current;
+      const { x, y } = lastPointerRef.current;
+      if (isPointerOver(el, x, y)) {
+        hoverArmedRef.current = false;
+        return;
+      }
+      hoverArmedRef.current = true;
+    };
+    let raf2 = 0;
+    const raf1 = window.requestAnimationFrame(() => {
+      raf2 = window.requestAnimationFrame(markReady);
+    });
+    const onPointerMove = (event) => {
+      lastPointerRef.current = { x: event.clientX, y: event.clientY };
+      if (!layoutReadyRef.current) return;
+      if (isPointerOver(triggerRef.current, event.clientX, event.clientY)) return;
+      hoverArmedRef.current = true;
+    };
+    window.addEventListener("pointermove", onPointerMove, { passive: true });
+    return () => {
+      window.cancelAnimationFrame(raf1);
+      window.cancelAnimationFrame(raf2);
+      window.removeEventListener("pointermove", onPointerMove);
+    };
+  }, []);
+  const clearOpenTimeout = React20.useCallback(() => {
     if (openTimeoutRef.current !== null) {
       window.clearTimeout(openTimeoutRef.current);
       openTimeoutRef.current = null;
     }
   }, []);
-  const clearCloseTimeout = React8.useCallback(() => {
+  const clearCloseTimeout = React20.useCallback(() => {
     if (closeTimeoutRef.current !== null) {
       window.clearTimeout(closeTimeoutRef.current);
       closeTimeoutRef.current = null;
     }
   }, []);
-  const handleOpenChange = React8.useCallback(
+  const scheduleClose = React20.useCallback(() => {
+    if (stickyRef.current || hoveringRef.current) return;
+    clearOpenTimeout();
+    clearCloseTimeout();
+    if (closeDelay === 0) {
+      setOpen(false);
+      return;
+    }
+    closeTimeoutRef.current = window.setTimeout(() => {
+      if (stickyRef.current || hoveringRef.current) return;
+      setOpen(false);
+    }, closeDelay);
+  }, [clearCloseTimeout, clearOpenTimeout, closeDelay]);
+  const handleOpenChange = React20.useCallback(
     (next) => {
-      if (!next) {
+      if (next) {
+        if (!hoveringRef.current && !stickyRef.current) return;
+        setOpen(true);
+        return;
+      }
+      if (stickyRef.current) {
+        stickyRef.current = false;
+        hoveringRef.current = false;
         clearOpenTimeout();
         clearCloseTimeout();
         setOpen(false);
+        return;
       }
+      scheduleClose();
     },
-    [clearCloseTimeout, clearOpenTimeout]
+    [clearCloseTimeout, clearOpenTimeout, scheduleClose]
   );
-  const handlePointerEnter = React8.useCallback(() => {
+  const handlePointerEnter = React20.useCallback(() => {
+    if (!hoverArmedRef.current) return;
+    hoveringRef.current = true;
     clearCloseTimeout();
     clearOpenTimeout();
+    if (openRef.current || delayDuration <= 0) {
+      setOpen(true);
+      return;
+    }
     openTimeoutRef.current = window.setTimeout(() => {
+      if (!hoveringRef.current || !hoverArmedRef.current) return;
       setOpen(true);
     }, delayDuration);
   }, [clearCloseTimeout, clearOpenTimeout, delayDuration]);
-  const handlePointerLeave = React8.useCallback(() => {
-    clearOpenTimeout();
-    clearCloseTimeout();
-    if (closeDelay === 0) {
-      setOpen(false);
-      return;
-    }
-    closeTimeoutRef.current = window.setTimeout(() => {
-      setOpen(false);
-    }, closeDelay);
-  }, [clearCloseTimeout, clearOpenTimeout, closeDelay]);
-  React8.useEffect(
+  const handlePointerLeave = React20.useCallback(() => {
+    hoverArmedRef.current = true;
+    hoveringRef.current = false;
+    scheduleClose();
+  }, [scheduleClose]);
+  const blockRadixFocusOpen = React20.useCallback((e) => {
+    e.preventDefault();
+  }, []);
+  const blockRadixPointerMoveOpen = React20.useCallback((e) => {
+    e.preventDefault();
+  }, []);
+  const handleTriggerClick = React20.useCallback(
+    (e) => {
+      if (!prefersCoarsePointer()) {
+        e.preventDefault();
+        return;
+      }
+      clearOpenTimeout();
+      clearCloseTimeout();
+      const next = !open;
+      stickyRef.current = next;
+      hoveringRef.current = next;
+      hoverArmedRef.current = true;
+      setOpen(next);
+      e.preventDefault();
+    },
+    [clearCloseTimeout, clearOpenTimeout, open]
+  );
+  React20.useEffect(
     () => () => {
       clearOpenTimeout();
       clearCloseTimeout();
@@ -2714,9 +2851,13 @@ function Tooltip({
     /* @__PURE__ */ jsx(
       TooltipPrimitive.Trigger,
       {
+        ref: triggerRef,
         asChild: true,
+        onFocus: blockRadixFocusOpen,
+        onPointerMove: blockRadixPointerMoveOpen,
         onPointerEnter: handlePointerEnter,
         onPointerLeave: handlePointerLeave,
+        onClick: handleTriggerClick,
         children
       }
     ),
@@ -2764,7 +2905,7 @@ var paragraphVariants = cva("text-muted-foreground leading-relaxed", {
     size: "default"
   }
 });
-var Heading = React8.forwardRef(
+var Heading = React20.forwardRef(
   ({ className, level, as, ...props }, ref) => {
     const Component = as || (level === "h1" ? "h1" : level === "h2" ? "h2" : level === "h3" ? "h3" : "h4");
     return /* @__PURE__ */ jsx(
@@ -2778,13 +2919,13 @@ var Heading = React8.forwardRef(
   }
 );
 Heading.displayName = "Heading";
-var Paragraph = React8.forwardRef(
+var Paragraph = React20.forwardRef(
   ({ className, size, ...props }, ref) => {
     return /* @__PURE__ */ jsx("p", { ref, className: cn(paragraphVariants({ size }), className), ...props });
   }
 );
 Paragraph.displayName = "Paragraph";
-var H3 = React8.forwardRef(
+var H3 = React20.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(Heading, { ref, level: "h3", as: "h3", className, ...props })
 );
 H3.displayName = "H3";
@@ -2794,10 +2935,30 @@ var DEFAULT_TRANSLATIONS4 = {
   chooseImageText: "Choose image",
   chooseFileText: "Choose file",
   removeText: "Remove",
-  removeExistingImageText: "Remove existing image"
+  removeExistingImageText: "Remove existing image",
+  removeFileAriaLabel: "Remove file"
 };
+function fileMatchesAccept(file, accept) {
+  if (!accept?.trim()) return true;
+  const tokens = accept.split(",").map((s) => s.trim().toLowerCase()).filter(Boolean);
+  if (!tokens.length) return true;
+  const name = file.name.toLowerCase();
+  const type = (file.type || "").toLowerCase();
+  return tokens.some((token) => {
+    if (token.startsWith(".")) return name.endsWith(token);
+    if (token.endsWith("/*")) return type.startsWith(token.slice(0, -1));
+    return type === token;
+  });
+}
+function fileKey(file) {
+  return `${file.name}:${file.size}:${file.lastModified}`;
+}
+function isFileLike(value) {
+  return typeof value === "object" && value != null && typeof value.name === "string" && typeof value.size === "number";
+}
 function UploadDropzone(props) {
   const isFile = props.variant === "file";
+  const isMultiple = isFile && (props.multiple === true || Array.isArray(props.value));
   const inputId = useId();
   const removeExistingLabelId = useId();
   const pickerDisabled = isFile && props.disabled;
@@ -2805,40 +2966,83 @@ function UploadDropzone(props) {
   const inputRef = useRef(null);
   const [isDragging, setIsDragging] = useState(false);
   const [previewUrl, setPreviewUrl] = useState(null);
+  const singleFile = isFile && !isMultiple && isFileLike(props.value) ? props.value : null;
+  const multiFiles = isMultiple && Array.isArray(props.value) ? props.value.filter(isFileLike) : [];
+  const accept = isFile ? props.accept : "image/*";
+  const setSingleFile = (file) => {
+    if (isFile && !isMultiple) {
+      props.onChange(file);
+      return;
+    }
+    if (!isFile) {
+      props.onChange(file);
+      props.onRemoveExistingImageChange?.(false);
+    }
+  };
+  const setMultiFiles = (next) => {
+    if (isMultiple) props.onChange(next);
+  };
+  const imageFile = !isFile && isFileLike(props.value) ? props.value : null;
   useEffect(() => {
     if (isFile) {
-      if (!props.value || !props.value.type.startsWith("video/")) {
+      const mime = singleFile?.type || "";
+      if (!singleFile || !mime.startsWith("video/")) {
         setPreviewUrl(null);
         return;
       }
-      const nextUrl2 = URL.createObjectURL(props.value);
+      const nextUrl2 = URL.createObjectURL(singleFile);
       setPreviewUrl(nextUrl2);
       return () => URL.revokeObjectURL(nextUrl2);
     }
-    if (!props.value) {
+    if (!imageFile) {
       setPreviewUrl(null);
       return;
     }
-    const nextUrl = URL.createObjectURL(props.value);
+    const nextUrl = URL.createObjectURL(imageFile);
     setPreviewUrl(nextUrl);
     return () => URL.revokeObjectURL(nextUrl);
-  }, [isFile, props.value]);
-  const handleFile = (file) => {
-    if (!file) return;
-    if (props.maxSizeBytes != null && file.size > props.maxSizeBytes) {
-      props.onFileTooLarge?.();
-      return;
-    }
-    if (isFile) {
-      if (props.disabled) return;
-      props.onChange(file);
+  }, [imageFile, isFile, singleFile]);
+  const acceptFiles = (incoming) => {
+    if (!incoming || pickerDisabled) return;
+    const list = Array.from(incoming).filter(isFileLike);
+    if (!list.length) return;
+    const accepted = [];
+    for (const file of list) {
+      if (props.maxSizeBytes != null && file.size > props.maxSizeBytes) {
+        props.onFileTooLarge?.();
+        continue;
+      }
+      if (isFile) {
+        if (!fileMatchesAccept(file, accept)) {
+          props.onInvalidFile?.();
+          continue;
+        }
+        accepted.push(file);
+        continue;
+      }
+      if (!(file.type || "").startsWith("image/")) {
+        props.onInvalidFile?.();
+        continue;
+      }
+      accepted.push(file);
+    }
+    if (!accepted.length) return;
+    if (isMultiple) {
+      const seen = new Set(multiFiles.map(fileKey));
+      const next = [...multiFiles];
+      for (const file of accepted) {
+        const key = fileKey(file);
+        if (seen.has(key)) continue;
+        seen.add(key);
+        next.push(file);
+      }
+      setMultiFiles(next);
       return;
     }
-    if (!file.type.startsWith("image/")) return;
-    props.onChange(file);
-    props.onRemoveExistingImageChange?.(false);
+    setSingleFile(accepted[0] ?? null);
   };
-  const displayedImage = !isFile && (previewUrl ?? (!props.removeExistingImage ? props.existingImageUrl : void 0));
+  const imageProps = !isFile ? props : null;
+  const displayedImage = imageProps && (previewUrl ?? (!imageProps.removeExistingImage ? imageProps.existingImageUrl : void 0));
   const dashedClasses = cn(
     "block rounded-xl border-2 border-dashed border-border/55 p-4 transition-colors",
     pickerDisabled && "pointer-events-none opacity-50",
@@ -2862,8 +3066,7 @@ function UploadDropzone(props) {
           event.preventDefault();
           setIsDragging(false);
           if (pickerDisabled) return;
-          const file = event.dataTransfer.files?.[0] ?? null;
-          handleFile(file);
+          acceptFiles(event.dataTransfer.files);
         },
         children: [
           /* @__PURE__ */ jsx(
@@ -2872,10 +3075,14 @@ function UploadDropzone(props) {
               id: inputId,
               ref: inputRef,
               type: "file",
-              accept: isFile ? props.accept : "image/*",
+              accept,
+              multiple: isMultiple || void 0,
               disabled: pickerDisabled || void 0,
               className: "sr-only",
-              onChange: (event) => handleFile(event.target.files?.[0] ?? null)
+              onChange: (event) => {
+                acceptFiles(event.target.files);
+                event.target.value = "";
+              }
             }
           ),
           isFile ? /* @__PURE__ */ jsxs("div", { className: "mb-3 flex min-h-28 flex-col items-center justify-center gap-2 rounded-lg border border-border/45 bg-muted/20 px-3 py-4 text-center", children: [
@@ -2887,7 +3094,40 @@ function UploadDropzone(props) {
                 className: "max-h-44 w-full rounded-lg border border-border/45 bg-foreground"
               }
             ) : /* @__PURE__ */ jsx(FileText, { className: "h-8 w-8 shrink-0 text-muted-foreground", "aria-hidden": true }),
-            props.value ? /* @__PURE__ */ jsx("p", { className: "line-clamp-2 w-full break-all text-sm font-medium", children: props.value.name }) : null
+            isMultiple ? multiFiles.length > 0 ? /* @__PURE__ */ jsx("ul", { className: "w-full space-y-1.5 text-left", children: multiFiles.map((file) => /* @__PURE__ */ jsxs(
+              "li",
+              {
+                className: "flex items-center gap-2 rounded-md border border-border/40 bg-background/60 px-2 py-1.5",
+                children: [
+                  /* @__PURE__ */ jsx(
+                    FileText,
+                    {
+                      className: "h-3.5 w-3.5 shrink-0 text-muted-foreground",
+                      "aria-hidden": true
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-sm font-medium", children: file.name }),
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      type: "button",
+                      size: "sm",
+                      variant: "ghost",
+                      className: "h-7 w-7 shrink-0 p-0",
+                      disabled: pickerDisabled || void 0,
+                      "aria-label": `${t.removeFileAriaLabel} ${file.name}`,
+                      onClick: (event) => {
+                        event.preventDefault();
+                        event.stopPropagation();
+                        setMultiFiles(multiFiles.filter((f) => fileKey(f) !== fileKey(file)));
+                      },
+                      children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5", "aria-hidden": true })
+                    }
+                  )
+                ]
+              },
+              fileKey(file)
+            )) }) : null : singleFile ? /* @__PURE__ */ jsx("p", { className: "line-clamp-2 w-full break-all text-sm font-medium", children: singleFile.name }) : null
           ] }) : displayedImage ? /* @__PURE__ */ jsx(
             "img",
             {
@@ -2916,7 +3156,22 @@ function UploadDropzone(props) {
                   ]
                 }
               ),
-              props.value ? /* @__PURE__ */ jsx(
+              !isMultiple && isFile && singleFile ? /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  size: "sm",
+                  variant: "outline",
+                  disabled: pickerDisabled || void 0,
+                  onClick: (event) => {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    setSingleFile(null);
+                  },
+                  children: t.removeText
+                }
+              ) : null,
+              isMultiple && multiFiles.length > 0 ? /* @__PURE__ */ jsx(
                 Button,
                 {
                   type: "button",
@@ -2926,7 +3181,7 @@ function UploadDropzone(props) {
                   onClick: (event) => {
                     event.preventDefault();
                     event.stopPropagation();
-                    props.onChange(null);
+                    setMultiFiles([]);
                   },
                   children: t.removeText
                 }
@@ -2936,20 +3191,20 @@ function UploadDropzone(props) {
         ]
       }
     ),
-    !isFile && props.existingImageUrl && props.onRemoveExistingImageChange && t.removeExistingImageText ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between rounded-lg border border-border/45 bg-muted/15 px-3 py-2", children: [
+    imageProps?.existingImageUrl && imageProps.onRemoveExistingImageChange && t.removeExistingImageText ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between rounded-lg border border-border/45 bg-muted/15 px-3 py-2", children: [
       /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", id: removeExistingLabelId, children: t.removeExistingImageText }),
       /* @__PURE__ */ jsx(
         Checkbox,
         {
           "aria-labelledby": removeExistingLabelId,
-          checked: props.removeExistingImage,
-          onCheckedChange: (checked) => props.onRemoveExistingImageChange?.(checked === true)
+          checked: imageProps.removeExistingImage,
+          onCheckedChange: (checked) => imageProps.onRemoveExistingImageChange?.(checked === true)
         }
       )
     ] }) : null
   ] });
 }
 
-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, EventCalendar, Form, FormControl, FormDescription, FormDrawer, FormField, FormItem, FormLabel, FormMessage, H3, Heading, Label, Link, MultiSelect, Paragraph, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, SEARCHABLE_SELECT_MIN_OPTIONS, ScrollArea, ScrollBar, SearchField, 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-QHNZTXPJ.js.map
-//# sourceMappingURL=chunk-QHNZTXPJ.js.map
+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, EventCalendar, Form, FormControl, FormDescription, FormDrawer, FormField, FormItem, FormLabel, FormMessage, H3, Heading, Label, Link, MultiSelect, Paragraph, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, SEARCHABLE_SELECT_MIN_OPTIONS, ScrollArea, ScrollBar, SearchField, 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, fileMatchesAccept, filterSelectOptions, foldSearchText, headingVariants, isSelectSearchable, linkStyles, paragraphVariants, useFormField };
+//# sourceMappingURL=chunk-FJUWTB3A.js.map
+//# sourceMappingURL=chunk-FJUWTB3A.js.map