@chekinapp/ui 0.0.52 → 0.0.54

package/dist/index.cjs

@@ -318,6 +318,7 @@ __export(index_exports, {
   useDebouncedFunction: () => useDebouncedFunction,
   useEvent: () => useEvent,
   useHover: () => useHover,
+  useIframeFocusTrapFallback: () => useIframeFocusTrapFallback,
   useIsFormTouched: () => useIsFormTouched,
   useIsMobile: () => useIsMobile,
   useIsMounted: () => useIsMounted,
@@ -2372,7 +2373,7 @@ function DataTable({ columns, data }) {
 }
 
 // src/dialog/Dialog.tsx
-var React12 = __toESM(require("react"), 1);
+var React13 = __toESM(require("react"), 1);
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_react_visually_hidden = require("@radix-ui/react-visually-hidden");
 var import_lucide_react10 = require("lucide-react");
@@ -3000,6 +3001,77 @@ function useKeyDown(key, cb, options) {
   }, [handleKeyDown, enabled]);
 }
 
+// src/hooks/use-iframe-focus-trap-fallback.ts
+var React12 = __toESM(require("react"), 1);
+var IFRAME_FOCUSABLE_SELECTOR = [
+  "a[href]",
+  "area[href]",
+  'input:not([disabled]):not([type="hidden"])',
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  "button:not([disabled])",
+  "iframe",
+  "object",
+  "embed",
+  '[contenteditable="true"]',
+  '[tabindex]:not([tabindex="-1"])'
+].join(",");
+function getFocusableElements(container) {
+  const ownerDocument = container.ownerDocument;
+  const HTMLElementConstructor = ownerDocument.defaultView?.HTMLElement ?? HTMLElement;
+  return Array.from(
+    container.querySelectorAll(IFRAME_FOCUSABLE_SELECTOR)
+  ).filter((element) => {
+    if (!(element instanceof HTMLElementConstructor)) {
+      return false;
+    }
+    if (element.tabIndex < 0 || element.hidden || element.getAttribute("aria-hidden")) {
+      return false;
+    }
+    return element.getClientRects().length > 0 || element === ownerDocument.activeElement;
+  });
+}
+function useIframeFocusTrapFallback(contentRef, onKeyDown) {
+  return React12.useCallback(
+    (event) => {
+      onKeyDown?.(event);
+      if (event.defaultPrevented || event.key !== "Tab") {
+        return;
+      }
+      const contentNode = contentRef.current;
+      if (!contentNode || !window.chekinCustomDocument || contentNode.ownerDocument !== window.chekinCustomDocument) {
+        return;
+      }
+      const focusableElements = getFocusableElements(contentNode);
+      if (!focusableElements.length) {
+        event.preventDefault();
+        contentNode.focus();
+        return;
+      }
+      const firstFocusableElement = focusableElements[0];
+      const lastFocusableElement = focusableElements[focusableElements.length - 1];
+      const activeElement = contentNode.ownerDocument.activeElement;
+      if (focusableElements.length === 1) {
+        event.preventDefault();
+        firstFocusableElement.focus();
+        return;
+      }
+      if (event.shiftKey) {
+        if (activeElement === firstFocusableElement || activeElement === contentNode) {
+          event.preventDefault();
+          lastFocusableElement.focus();
+        }
+        return;
+      }
+      if (activeElement === lastFocusableElement) {
+        event.preventDefault();
+        firstFocusableElement.focus();
+      }
+    },
+    [contentRef, onKeyDown]
+  );
+}
+
 // src/hooks/use-reset-after-request-status.ts
 var import_react27 = require("react");
 var ResetStatusTimeoutMs = 2e3;
@@ -3090,7 +3162,7 @@ function useIsFormTouched({
 // src/dialog/Dialog.tsx
 var import_jsx_runtime31 = require("react/jsx-runtime");
 function useIframeTitleFix(titleRef) {
-  React12.useEffect(() => {
+  React13.useEffect(() => {
     if (!window.chekinCustomDocument) {
       return;
     }
@@ -3119,7 +3191,7 @@ function DialogClose({ ...props }) {
 }
 var dialogOverlayClasses = "fixed inset-0 z-50 bg-[var(--dialog-overlay-bg)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0";
 var scrollableOverlayClasses = "fixed inset-0 z-50 flex flex-col items-center overflow-y-auto overscroll-none pb-[19px] pt-[20px]";
-var DialogOverlay = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var DialogOverlay = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -3131,7 +3203,7 @@ var DialogOverlay = React12.forwardRef(({ className, ...props }, ref) => /* @__P
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
 var dialogContentClasses = "relative z-50 my-auto w-full max-w-[calc(100%-2rem)] rounded-[var(--dialog-content-radius)] border border-[var(--dialog-content-border)] bg-[var(--dialog-content-bg)] p-6 text-[var(--dialog-content-text)] shadow-lg duration-200 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 sm:max-w-2xl";
 var dialogCloseButtonClasses = "absolute right-4 top-4 flex size-6 items-center justify-center rounded-[var(--dialog-close-radius)] opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:shadow-chekin-focus disabled:pointer-events-none [&_svg:not([class*=size-])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0";
-var DialogContent = React12.forwardRef(
+var DialogContent = React13.forwardRef(
   ({
     className,
     showCloseButton = true,
@@ -3141,13 +3213,17 @@ var DialogContent = React12.forwardRef(
     overlayClassName,
     ...props
   }, ref) => {
+    const contentRef = React13.useRef(null);
+    const combinedRef = useCombinedRef(contentRef, ref);
+    const handleKeyDown = useIframeFocusTrapFallback(contentRef, props.onKeyDown);
     const contentElement = /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
       DialogPrimitive.Content,
       {
-        ref,
+        ref: combinedRef,
         "data-slot": "dialog-content",
         className: cn(dialogContentClasses, className),
         ...props,
+        onKeyDown: handleKeyDown,
         children: [
           children,
           showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
@@ -3207,8 +3283,8 @@ var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_r
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React12.forwardRef(({ className, ...props }, ref) => {
-  const titleRef = React12.useRef(null);
+var DialogTitle = React13.forwardRef(({ className, ...props }, ref) => {
+  const titleRef = React13.useRef(null);
   const combinedRef = useCombinedRef(titleRef, ref);
   useIframeTitleFix(titleRef);
   return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
@@ -3222,7 +3298,7 @@ var DialogTitle = React12.forwardRef(({ className, ...props }, ref) => {
   );
 });
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var DialogDescription = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
   DialogPrimitive.Description,
   {
     ref,
@@ -3284,9 +3360,9 @@ function ConfirmationDialog({
 }
 
 // src/default-select-trigger/DefaultSelectTrigger.tsx
-var React13 = __toESM(require("react"), 1);
+var React14 = __toESM(require("react"), 1);
 var import_jsx_runtime33 = require("react/jsx-runtime");
-var DefaultSelectTrigger = React13.forwardRef(
+var DefaultSelectTrigger = React14.forwardRef(
   ({
     className,
     disabled,
@@ -3359,7 +3435,7 @@ function DownloadEntryFormsButton({
 var import_react33 = require("react");
 
 // src/dropdown-menu/DropdownMenu.tsx
-var React14 = __toESM(require("react"), 1);
+var React15 = __toESM(require("react"), 1);
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"), 1);
 var import_lucide_react12 = require("lucide-react");
 
@@ -3411,7 +3487,7 @@ function DropdownMenuRadioGroup({
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DropdownMenuPrimitive.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props });
 }
-var DropdownMenuSubTrigger = React14.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+var DropdownMenuSubTrigger = React15.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -3433,7 +3509,7 @@ var DropdownMenuSubTrigger = React14.forwardRef(({ className, inset, children, .
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var DropdownMenuSubContent = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -3451,7 +3527,7 @@ var DropdownMenuSubContent = React14.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React14.forwardRef(({ className, sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DropdownMenuPrimitive.Portal, { container: container || getCustomContainer(), children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var DropdownMenuContent = React15.forwardRef(({ className, sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DropdownMenuPrimitive.Portal, { container: container || getCustomContainer(), children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -3473,7 +3549,7 @@ var DropdownMenuContent = React14.forwardRef(({ className, sideOffset = 4, conta
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React14.forwardRef(({ className, children, inset, active, leftSlot, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+var DropdownMenuItem = React15.forwardRef(({ className, children, inset, active, leftSlot, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -3498,7 +3574,7 @@ var DropdownMenuItem = React14.forwardRef(({ className, children, inset, active,
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React14.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+var DropdownMenuCheckboxItem = React15.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -3518,7 +3594,7 @@ var DropdownMenuCheckboxItem = React14.forwardRef(({ className, children, checke
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React14.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+var DropdownMenuRadioItem = React15.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -3537,7 +3613,7 @@ var DropdownMenuRadioItem = React14.forwardRef(({ className, children, ...props
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React14.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var DropdownMenuLabel = React15.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -3550,7 +3626,7 @@ var DropdownMenuLabel = React14.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var DropdownMenuSeparator = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -3939,9 +4015,9 @@ function EmptySectionPlaceholder({
 }
 
 // src/external-link/ExternalLink.tsx
-var React15 = __toESM(require("react"), 1);
+var React16 = __toESM(require("react"), 1);
 var import_jsx_runtime49 = require("react/jsx-runtime");
-var ExternalLink = React15.forwardRef(
+var ExternalLink = React16.forwardRef(
   ({ className, children, showIcon = true, target = "_blank", rel, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
     "a",
     {
@@ -3987,7 +4063,7 @@ var import_react_i18next10 = require("react-i18next");
 var import_lucide_react15 = require("lucide-react");
 
 // src/switch/Switch.tsx
-var React16 = __toESM(require("react"), 1);
+var React17 = __toESM(require("react"), 1);
 var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"), 1);
 var import_class_variance_authority7 = require("class-variance-authority");
 var import_jsx_runtime50 = require("react/jsx-runtime");
@@ -4029,9 +4105,9 @@ var switchThumbVariants = (0, import_class_variance_authority7.cva)(
     }
   }
 );
-var Switch = React16.forwardRef(
+var Switch = React17.forwardRef(
   ({ className, size, readOnly, loading, onChange, value, id, label, error, ...props }, ref) => {
-    const generatedId = React16.useId();
+    const generatedId = React17.useId();
     const fieldId = id || generatedId;
     const switchElement = /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
       SwitchPrimitives.Root,
@@ -4677,7 +4753,7 @@ var FreeTextField = (0, import_react37.forwardRef)(
 FreeTextField.displayName = "FreeTextField";
 
 // src/framed-icon/FramedIcon.tsx
-var React17 = __toESM(require("react"), 1);
+var React18 = __toESM(require("react"), 1);
 var import_class_variance_authority8 = require("class-variance-authority");
 var import_jsx_runtime59 = require("react/jsx-runtime");
 var framedIconVariants = (0, import_class_variance_authority8.cva)("inline-flex items-center justify-center shrink-0", {
@@ -4701,7 +4777,7 @@ var framedIconVariants = (0, import_class_variance_authority8.cva)("inline-flex
   },
   defaultVariants: { size: "m", shape: "rounded", tone: "info" }
 });
-var FramedIcon = React17.forwardRef(
+var FramedIcon = React18.forwardRef(
   ({ className, size, shape, tone, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     "span",
     {
@@ -4863,7 +4939,7 @@ var IconRegistry = class {
 var RegistryIcon = Icon;
 
 // src/icon-button/IconButton.tsx
-var React18 = __toESM(require("react"), 1);
+var React19 = __toESM(require("react"), 1);
 var import_class_variance_authority9 = require("class-variance-authority");
 var import_jsx_runtime63 = require("react/jsx-runtime");
 var iconButtonVariants = (0, import_class_variance_authority9.cva)(
@@ -4894,7 +4970,7 @@ var iconButtonVariants = (0, import_class_variance_authority9.cva)(
     defaultVariants: { size: "m", shape: "rounded", variant: "secondary" }
   }
 );
-var IconButton = React18.forwardRef(
+var IconButton = React19.forwardRef(
   ({ className, size, shape, variant, label, children, type = "button", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
     "button",
     {
@@ -4949,9 +5025,9 @@ function Image2({
 }
 
 // src/input/Input.tsx
-var React19 = __toESM(require("react"), 1);
+var React20 = __toESM(require("react"), 1);
 var import_jsx_runtime66 = require("react/jsx-runtime");
-var Input = React19.forwardRef(
+var Input = React20.forwardRef(
   ({ className, type, readOnly, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
     "input",
     {
@@ -4975,7 +5051,7 @@ var Input = React19.forwardRef(
 Input.displayName = "Input";
 
 // src/input-otp/InputOTP.tsx
-var React20 = __toESM(require("react"), 1);
+var React21 = __toESM(require("react"), 1);
 
 // src/input-otp/InputOTPContext.ts
 var import_react41 = require("react");
@@ -5258,11 +5334,11 @@ function InputOTP({
     }
   ) });
 }
-var InputOTPGroup = React20.forwardRef(
+var InputOTPGroup = React21.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { ref, className: cn("flex items-center", className), ...props })
 );
 InputOTPGroup.displayName = "InputOTPGroup";
-var InputOTPSlot = React20.forwardRef(
+var InputOTPSlot = React21.forwardRef(
   ({ index, className, ...props }, ref) => {
     const {
       char,
@@ -5311,7 +5387,7 @@ var InputOTPSlot = React20.forwardRef(
   }
 );
 InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React20.forwardRef(
+var InputOTPSeparator = React21.forwardRef(
   (props, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { ref, role: "separator", ...props })
 );
 InputOTPSeparator.displayName = "InputOTPSeparator";
@@ -6429,7 +6505,7 @@ var import_lucide_react26 = require("lucide-react");
 var import_react50 = require("react");
 
 // src/select/components.tsx
-var React22 = __toESM(require("react"), 1);
+var React23 = __toESM(require("react"), 1);
 var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
 var import_lucide_react24 = require("lucide-react");
 var import_jsx_runtime79 = require("react/jsx-runtime");
@@ -6441,7 +6517,7 @@ var selectSizeClassNames = {
   sm: "text-sm",
   md: "text-base"
 };
-var SelectTrigger = React22.forwardRef(({ className, children, size = "sm", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
+var SelectTrigger = React23.forwardRef(({ className, children, size = "sm", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -6468,7 +6544,7 @@ var SelectTrigger = React22.forwardRef(({ className, children, size = "sm", ...p
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+var SelectScrollUpButton = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -6478,7 +6554,7 @@ var SelectScrollUpButton = React22.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+var SelectScrollDownButton = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -6488,7 +6564,7 @@ var SelectScrollDownButton = React22.forwardRef(({ className, ...props }, ref) =
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React22.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
+var SelectContent = React23.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
   SelectPrimitive.Content,
   {
     ref,
@@ -6522,7 +6598,7 @@ var SelectContent = React22.forwardRef(({ className, children, position = "poppe
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+var SelectLabel = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
   SelectPrimitive.Label,
   {
     ref,
@@ -6534,7 +6610,7 @@ var SelectLabel = React22.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React22.forwardRef(({ className, children, size = "sm", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
+var SelectItem = React23.forwardRef(({ className, children, size = "sm", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
   SelectPrimitive.Item,
   {
     ref,
@@ -6554,7 +6630,7 @@ var SelectItem = React22.forwardRef(({ className, children, size = "sm", ...prop
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+var SelectSeparator = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
   SelectPrimitive.Separator,
   {
     ref,
@@ -6964,7 +7040,7 @@ function Pagination({
 }
 
 // src/popover/Popover.tsx
-var React23 = __toESM(require("react"), 1);
+var React24 = __toESM(require("react"), 1);
 var RadixPopover = __toESM(require("@radix-ui/react-popover"), 1);
 var import_jsx_runtime84 = require("react/jsx-runtime");
 var Popover = RadixPopover.Root;
@@ -6972,7 +7048,7 @@ var PopoverTrigger = RadixPopover.Trigger;
 var PopoverAnchor = RadixPopover.Anchor;
 var PopoverPortal = RadixPopover.Portal;
 var PopoverClose = RadixPopover.Close;
-var PopoverContent = React23.forwardRef(({ className, sideOffset = 4, align = "center", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(RadixPopover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+var PopoverContent = React24.forwardRef(({ className, sideOffset = 4, align = "center", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(RadixPopover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
   RadixPopover.Content,
   {
     ref,
@@ -7062,11 +7138,11 @@ function PopoverWithTooltip({
 var import_react54 = require("react");
 
 // src/radio-group/RadioGroup.tsx
-var React24 = __toESM(require("react"), 1);
+var React25 = __toESM(require("react"), 1);
 var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"), 1);
 var import_lucide_react27 = require("lucide-react");
 var import_jsx_runtime86 = require("react/jsx-runtime");
-var RadioGroup2 = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+var RadioGroup2 = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
   RadioGroupPrimitive.Root,
   {
     ref,
@@ -7075,7 +7151,7 @@ var RadioGroup2 = React24.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 RadioGroup2.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+var RadioGroupItem = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
   RadioGroupPrimitive.Item,
   {
     ref,
@@ -7296,7 +7372,7 @@ function RatingRadioGroup({
 }
 
 // src/rating-stars/RatingStars.tsx
-var React25 = __toESM(require("react"), 1);
+var React26 = __toESM(require("react"), 1);
 var import_lucide_react29 = require("lucide-react");
 var import_react_i18next17 = require("react-i18next");
 var import_jsx_runtime91 = require("react/jsx-runtime");
@@ -7316,7 +7392,7 @@ function RatingStars({
   const { t } = (0, import_react_i18next17.useTranslation)();
   const normalizedRating = Math.max(0, Math.min(maxRating, rating));
   const stars = Array.from({ length: maxRating }, (_, index) => index + 1);
-  const componentId = React25.useId();
+  const componentId = React26.useId();
   const decimal = normalizedRating - Math.floor(normalizedRating);
   const partialStarIndex = decimal > 0 ? Math.ceil(normalizedRating) : -1;
   const gradientId = `star-gradient-${componentId.replace(/:/g, "")}`;
@@ -7911,7 +7987,7 @@ function SheetDescription({
 }
 
 // src/sidebar/Sidebar.tsx
-var React26 = __toESM(require("react"), 1);
+var React27 = __toESM(require("react"), 1);
 var import_react_slot4 = require("@radix-ui/react-slot");
 var import_class_variance_authority11 = require("class-variance-authority");
 var import_lucide_react35 = require("lucide-react");
@@ -8004,7 +8080,7 @@ var SIDEBAR_COOKIE_NAME_DEFAULT = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarProvider = React26.forwardRef(
+var SidebarProvider = React27.forwardRef(
   ({
     defaultOpen = true,
     open: openProp,
@@ -8016,10 +8092,10 @@ var SidebarProvider = React26.forwardRef(
     ...props
   }, ref) => {
     const isMobile = useIsMobile({ breakpoint: 641 });
-    const [openMobile, setOpenMobile] = React26.useState(false);
-    const [_open, _setOpen] = React26.useState(defaultOpen);
+    const [openMobile, setOpenMobile] = React27.useState(false);
+    const [_open, _setOpen] = React27.useState(defaultOpen);
     const open = openProp ?? _open;
-    const setOpen = React26.useCallback(
+    const setOpen = React27.useCallback(
       (value) => {
         const openState = typeof value === "function" ? value(open) : value;
         if (setOpenProp) {
@@ -8031,10 +8107,10 @@ var SidebarProvider = React26.forwardRef(
       },
       [setOpenProp, open, stateName]
     );
-    const toggleSidebar = React26.useCallback(() => {
+    const toggleSidebar = React27.useCallback(() => {
       return isMobile ? setOpenMobile((value) => !value) : setOpen((value) => !value);
     }, [isMobile, setOpen]);
-    React26.useEffect(() => {
+    React27.useEffect(() => {
       const handleKeyDown = (event) => {
         if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
           event.preventDefault();
@@ -8045,7 +8121,7 @@ var SidebarProvider = React26.forwardRef(
       return () => window.removeEventListener("keydown", handleKeyDown);
     }, [toggleSidebar]);
     const state = open ? "expanded" : "collapsed";
-    const contextValue = React26.useMemo(
+    const contextValue = React27.useMemo(
       () => ({
         state,
         open,
@@ -8070,7 +8146,7 @@ var SidebarProvider = React26.forwardRef(
   }
 );
 SidebarProvider.displayName = "SidebarProvider";
-var Sidebar = React26.forwardRef(
+var Sidebar = React27.forwardRef(
   ({
     side = "left",
     variant = "sidebar",
@@ -8164,7 +8240,7 @@ var Sidebar = React26.forwardRef(
   }
 );
 Sidebar.displayName = "Sidebar";
-var SidebarTrigger = React26.forwardRef(({ className, onClick, icon, ...props }, ref) => {
+var SidebarTrigger = React27.forwardRef(({ className, onClick, icon, ...props }, ref) => {
   const { toggleSidebar, open, isMobile, openMobile } = useSidebar();
   return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
     Button,
@@ -8191,7 +8267,7 @@ var SidebarTrigger = React26.forwardRef(({ className, onClick, icon, ...props },
   );
 });
 SidebarTrigger.displayName = "SidebarTrigger";
-var SidebarRail = React26.forwardRef(
+var SidebarRail = React27.forwardRef(
   ({ className, ...props }, ref) => {
     const { toggleSidebar } = useSidebar();
     return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
@@ -8217,7 +8293,7 @@ var SidebarRail = React26.forwardRef(
   }
 );
 SidebarRail.displayName = "SidebarRail";
-var SidebarInset = React26.forwardRef(
+var SidebarInset = React27.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     "main",
     {
@@ -8232,7 +8308,7 @@ var SidebarInset = React26.forwardRef(
   )
 );
 SidebarInset.displayName = "SidebarInset";
-var SidebarInput = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+var SidebarInput = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
   Input,
   {
     ref,
@@ -8242,7 +8318,7 @@ var SidebarInput = React26.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 SidebarInput.displayName = "SidebarInput";
-var SidebarHeader = React26.forwardRef(
+var SidebarHeader = React27.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     "div",
     {
@@ -8254,7 +8330,7 @@ var SidebarHeader = React26.forwardRef(
   )
 );
 SidebarHeader.displayName = "SidebarHeader";
-var SidebarFooter = React26.forwardRef(
+var SidebarFooter = React27.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     "div",
     {
@@ -8266,7 +8342,7 @@ var SidebarFooter = React26.forwardRef(
   )
 );
 SidebarFooter.displayName = "SidebarFooter";
-var SidebarSeparator = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+var SidebarSeparator = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
   Separator3,
   {
     ref,
@@ -8276,7 +8352,7 @@ var SidebarSeparator = React26.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 SidebarSeparator.displayName = "SidebarSeparator";
-var SidebarContent = React26.forwardRef(
+var SidebarContent = React27.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     "div",
     {
@@ -8291,7 +8367,7 @@ var SidebarContent = React26.forwardRef(
   )
 );
 SidebarContent.displayName = "SidebarContent";
-var SidebarGroup = React26.forwardRef(
+var SidebarGroup = React27.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     "div",
     {
@@ -8303,7 +8379,7 @@ var SidebarGroup = React26.forwardRef(
   )
 );
 SidebarGroup.displayName = "SidebarGroup";
-var SidebarGroupLabel = React26.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupLabel = React27.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? import_react_slot4.Slot : "div";
   return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     Comp,
@@ -8320,7 +8396,7 @@ var SidebarGroupLabel = React26.forwardRef(({ className, asChild = false, ...pro
   );
 });
 SidebarGroupLabel.displayName = "SidebarGroupLabel";
-var SidebarGroupAction = React26.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupAction = React27.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? import_react_slot4.Slot : "button";
   return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     Comp,
@@ -8336,7 +8412,7 @@ var SidebarGroupAction = React26.forwardRef(({ className, asChild = false, ...pr
   );
 });
 SidebarGroupAction.displayName = "SidebarGroupAction";
-var SidebarGroupContent = React26.forwardRef(
+var SidebarGroupContent = React27.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     "div",
     {
@@ -8348,7 +8424,7 @@ var SidebarGroupContent = React26.forwardRef(
   )
 );
 SidebarGroupContent.displayName = "SidebarGroupContent";
-var SidebarMenu = React26.forwardRef(
+var SidebarMenu = React27.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     "ul",
     {
@@ -8360,7 +8436,7 @@ var SidebarMenu = React26.forwardRef(
   )
 );
 SidebarMenu.displayName = "SidebarMenu";
-var SidebarMenuItem = React26.forwardRef(
+var SidebarMenuItem = React27.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     "li",
     {
@@ -8392,7 +8468,7 @@ var sidebarMenuButtonVariants = (0, import_class_variance_authority11.cva)(
     }
   }
 );
-var SidebarMenuButton = React26.forwardRef(
+var SidebarMenuButton = React27.forwardRef(
   ({
     asChild = false,
     isActive = false,
@@ -8438,7 +8514,7 @@ var SidebarMenuButton = React26.forwardRef(
   }
 );
 SidebarMenuButton.displayName = "SidebarMenuButton";
-var SidebarMenuAction = React26.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
+var SidebarMenuAction = React27.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
   const Comp = asChild ? import_react_slot4.Slot : "button";
   return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     Comp,
@@ -8455,7 +8531,7 @@ var SidebarMenuAction = React26.forwardRef(({ className, asChild = false, showOn
   );
 });
 SidebarMenuAction.displayName = "SidebarMenuAction";
-var SidebarMenuBadge = React26.forwardRef(
+var SidebarMenuBadge = React27.forwardRef(
   ({ className, ...props }, ref) => {
     const { open, isMobile, openMobile } = useSidebar();
     const isOpen = isMobile ? openMobile : open;
@@ -8475,8 +8551,8 @@ var SidebarMenuBadge = React26.forwardRef(
   }
 );
 SidebarMenuBadge.displayName = "SidebarMenuBadge";
-var SidebarMenuSkeleton = React26.forwardRef(({ className, showIcon = false, ...props }, ref) => {
-  const width = React26.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
+var SidebarMenuSkeleton = React27.forwardRef(({ className, showIcon = false, ...props }, ref) => {
+  const width = React27.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
   return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
     "div",
     {
@@ -8499,7 +8575,7 @@ var SidebarMenuSkeleton = React26.forwardRef(({ className, showIcon = false, ...
   );
 });
 SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
-var SidebarMenuSub = React26.forwardRef(
+var SidebarMenuSub = React27.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     "ul",
     {
@@ -8514,7 +8590,7 @@ var SidebarMenuSub = React26.forwardRef(
   )
 );
 SidebarMenuSub.displayName = "SidebarMenuSub";
-var SidebarMenuSubItem = React26.forwardRef(
+var SidebarMenuSubItem = React27.forwardRef(
   ({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("li", { ref, ...props })
 );
 SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
@@ -8538,7 +8614,7 @@ var sidebarMenuSubButtonVariants = (0, import_class_variance_authority11.cva)(
     }
   }
 );
-var SidebarMenuSubButton = React26.forwardRef(
+var SidebarMenuSubButton = React27.forwardRef(
   ({
     asChild = false,
     isActive,
@@ -8857,9 +8933,9 @@ SwitchBlocksInternal.displayName = "SwitchBlocks";
 var SwitchBlocks = (0, import_react63.memo)(SwitchBlocksInternal);
 
 // src/switch-group/SwitchGroup.tsx
-var React27 = __toESM(require("react"), 1);
+var React28 = __toESM(require("react"), 1);
 var import_jsx_runtime110 = require("react/jsx-runtime");
-var SwitchGroup = React27.forwardRef(
+var SwitchGroup = React28.forwardRef(
   ({ options, value = [], onChange, disabled = false, className, error, ...props }, ref) => {
     const handleOptionChange = (optionValue, checked) => {
       if (!onChange) return;
@@ -9149,7 +9225,7 @@ function useUpdateToast({ id }) {
 }
 
 // src/toggle-group/ToggleGroup.tsx
-var React28 = __toESM(require("react"), 1);
+var React29 = __toESM(require("react"), 1);
 var ToggleGroupPrimitive = __toESM(require("@radix-ui/react-toggle-group"), 1);
 
 // src/toggle-group/style.ts
@@ -9183,12 +9259,12 @@ var toggleVariants = (0, import_class_variance_authority13.cva)(
 
 // src/toggle-group/ToggleGroup.tsx
 var import_jsx_runtime115 = require("react/jsx-runtime");
-var ToggleGroupContext = React28.createContext({
+var ToggleGroupContext = React29.createContext({
   size: "default",
   variant: "default",
   theme: "default"
 });
-var ToggleGroup = React28.forwardRef(({ className, variant, size, theme, children, ...props }, ref) => {
+var ToggleGroup = React29.forwardRef(({ className, variant, size, theme, children, ...props }, ref) => {
   const isTabVariant = variant === "tab";
   return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
     ToggleGroupPrimitive.Root,
@@ -9205,8 +9281,8 @@ var ToggleGroup = React28.forwardRef(({ className, variant, size, theme, childre
   );
 });
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React28.forwardRef(({ className, children, variant, size, theme, ...props }, ref) => {
-  const context = React28.useContext(ToggleGroupContext);
+var ToggleGroupItem = React29.forwardRef(({ className, children, variant, size, theme, ...props }, ref) => {
+  const context = React29.useContext(ToggleGroupContext);
   const resolvedVariant = context.variant || variant;
   const isTabVariant = resolvedVariant === "tab";
   return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
@@ -9354,7 +9430,7 @@ function TogglesInternal({
 var Toggles = (0, import_react66.forwardRef)(TogglesInternal);
 
 // src/text-field/TextField.tsx
-var React29 = __toESM(require("react"), 1);
+var React30 = __toESM(require("react"), 1);
 var LabelPrimitive2 = __toESM(require("@radix-ui/react-label"), 1);
 var import_class_variance_authority14 = require("class-variance-authority");
 var import_react_i18next22 = require("react-i18next");
@@ -9470,7 +9546,7 @@ var floatingLabelClasses = [
   "peer-focus:to-[var(--text-field-bg-filled)]",
   "peer-focus:to-50%"
 ];
-var TextField = React29.forwardRef(
+var TextField = React30.forwardRef(
   ({
     className,
     wrapperClassName,
@@ -9489,7 +9565,7 @@ var TextField = React29.forwardRef(
   }, ref) => {
     const { t } = (0, import_react_i18next22.useTranslation)();
     const hasError = Boolean(error);
-    const autoId = React29.useId();
+    const autoId = React30.useId();
     const inputId = props.id || autoId;
     const inputClasses = cn(
       inputVariants({ variant, error: hasError, readOnly: Boolean(readOnly) }),
@@ -9750,11 +9826,11 @@ function WideButton({ className, disabled, ...props }) {
 }
 
 // src/datepicker/DatePicker.tsx
-var React33 = __toESM(require("react"), 1);
+var React34 = __toESM(require("react"), 1);
 var import_lucide_react44 = require("lucide-react");
 
 // src/drawer/Drawer.tsx
-var React30 = __toESM(require("react"), 1);
+var React31 = __toESM(require("react"), 1);
 var DialogPrimitive2 = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_react_draggable = __toESM(require("react-draggable"), 1);
 var import_jsx_runtime125 = require("react/jsx-runtime");
@@ -9772,7 +9848,7 @@ function DrawerPortal({ ...props }) {
 function DrawerClose({ ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(DialogPrimitive2.Close, { "data-slot": "drawer-close", ...props });
 }
-var DrawerOverlay = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+var DrawerOverlay = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
   DialogPrimitive2.Overlay,
   {
     ref,
@@ -9786,7 +9862,7 @@ var DrawerOverlay = React30.forwardRef(({ className, ...props }, ref) => /* @__P
 ));
 DrawerOverlay.displayName = DialogPrimitive2.Overlay.displayName;
 var DrawerOverlayClasses = "fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0";
-var DrawerContent = React30.forwardRef(
+var DrawerContent = React31.forwardRef(
   ({
     className,
     children,
@@ -9798,19 +9874,19 @@ var DrawerContent = React30.forwardRef(
     ...props
   }, ref) => {
     const finalContainer = container || getCustomContainer() || void 0;
-    const nodeRef = React30.useRef(null);
-    const [dragOffsetY, setDragOffsetY] = React30.useState(0);
+    const nodeRef = React31.useRef(null);
+    const [dragOffsetY, setDragOffsetY] = React31.useState(0);
     const overlayOpacity = Math.max(
       DRAWER_MIN_OVERLAY_OPACITY,
       1 - dragOffsetY / (DRAWER_CLOSE_THRESHOLD * 2)
     );
-    const handleDrag = React30.useCallback(
+    const handleDrag = React31.useCallback(
       (_event, data) => {
         setDragOffsetY(Math.max(0, data.y));
       },
       []
     );
-    const handleStop = React30.useCallback(
+    const handleStop = React31.useCallback(
       (_event, data) => {
         if (data.y > DRAWER_CLOSE_THRESHOLD) {
           setDragOffsetY(0);
@@ -9901,7 +9977,7 @@ var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_r
 DrawerHeader.displayName = "DrawerHeader";
 var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: cn("flex flex-col gap-2 p-5", className), ...props });
 DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+var DrawerTitle = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
   DialogPrimitive2.Title,
   {
     ref,
@@ -9911,7 +9987,7 @@ var DrawerTitle = React30.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DrawerTitle.displayName = DialogPrimitive2.Title.displayName;
-var DrawerDescription = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+var DrawerDescription = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
   DialogPrimitive2.Description,
   {
     ref,
@@ -9923,7 +9999,7 @@ var DrawerDescription = React30.forwardRef(({ className, ...props }, ref) => /*
 DrawerDescription.displayName = DialogPrimitive2.Description.displayName;
 
 // src/datepicker/useDatePickerWheel.ts
-var React31 = __toESM(require("react"), 1);
+var React32 = __toESM(require("react"), 1);
 
 // src/datepicker/datePicker.utils.ts
 var DISPLAY_PAD_LENGTH = 2;
@@ -10074,21 +10150,21 @@ function useDatePickerWheel({
   minDate,
   maxDate
 }) {
-  const years = React31.useMemo(() => getYearRange(minDate, maxDate), [maxDate, minDate]);
-  const [draftDate, setDraftDate] = React31.useState(
+  const years = React32.useMemo(() => getYearRange(minDate, maxDate), [maxDate, minDate]);
+  const [draftDate, setDraftDate] = React32.useState(
     () => resolveInitialDate({ value, defaultValue, minDate, maxDate })
   );
   const draftYear = draftDate.getFullYear();
   const draftMonth = draftDate.getMonth();
-  const [monthScrollTop, setMonthScrollTop] = React31.useState(0);
-  const [dayScrollTop, setDayScrollTop] = React31.useState(0);
-  const [yearScrollTop, setYearScrollTop] = React31.useState(0);
-  const monthListRef = React31.useRef(null);
-  const dayListRef = React31.useRef(null);
-  const yearListRef = React31.useRef(null);
-  const settleTimeoutsRef = React31.useRef({});
-  const animationFramesRef = React31.useRef({});
-  const columnRefs = React31.useMemo(
+  const [monthScrollTop, setMonthScrollTop] = React32.useState(0);
+  const [dayScrollTop, setDayScrollTop] = React32.useState(0);
+  const [yearScrollTop, setYearScrollTop] = React32.useState(0);
+  const monthListRef = React32.useRef(null);
+  const dayListRef = React32.useRef(null);
+  const yearListRef = React32.useRef(null);
+  const settleTimeoutsRef = React32.useRef({});
+  const animationFramesRef = React32.useRef({});
+  const columnRefs = React32.useMemo(
     () => ({
       month: monthListRef,
       day: dayListRef,
@@ -10096,7 +10172,7 @@ function useDatePickerWheel({
     }),
     []
   );
-  const setColumnScrollTop = React31.useCallback(
+  const setColumnScrollTop = React32.useCallback(
     (column, nextScrollTop) => {
       if (column === "month") {
         setMonthScrollTop(nextScrollTop);
@@ -10110,19 +10186,19 @@ function useDatePickerWheel({
     },
     []
   );
-  const clearSettleTimeout = React31.useCallback((column) => {
+  const clearSettleTimeout = React32.useCallback((column) => {
     const timeoutId = settleTimeoutsRef.current[column];
     if (timeoutId === void 0) return;
     window.clearTimeout(timeoutId);
     delete settleTimeoutsRef.current[column];
   }, []);
-  const clearAnimationFrame = React31.useCallback((column) => {
+  const clearAnimationFrame = React32.useCallback((column) => {
     const frameId = animationFramesRef.current[column];
     if (frameId === void 0) return;
     window.cancelAnimationFrame(frameId);
     delete animationFramesRef.current[column];
   }, []);
-  React31.useEffect(
+  React32.useEffect(
     () => () => {
       ["month", "day", "year"].forEach((column) => {
         clearSettleTimeout(column);
@@ -10131,22 +10207,22 @@ function useDatePickerWheel({
     },
     [clearAnimationFrame, clearSettleTimeout]
   );
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     if (isOpen) return;
     setDraftDate(resolveInitialDate({ value, defaultValue, minDate, maxDate }));
   }, [defaultValue, isOpen, maxDate, minDate, value]);
-  const months = React31.useMemo(
+  const months = React32.useMemo(
     () => getAllowedMonths(draftYear, minDate, maxDate),
     [draftYear, maxDate, minDate]
   );
-  const days = React31.useMemo(
+  const days = React32.useMemo(
     () => getAllowedDays(draftYear, draftMonth, minDate, maxDate),
     [draftMonth, draftYear, maxDate, minDate]
   );
   const monthIndex = months.findIndex((month) => month === draftMonth);
   const dayIndex = days.findIndex((day) => day === draftDate.getDate());
   const yearIndex = years.findIndex((year) => year === draftYear);
-  const syncScrollPositions = React31.useCallback(
+  const syncScrollPositions = React32.useCallback(
     (nextDate, behavior = "auto") => {
       const nextMonths = getAllowedMonths(nextDate.getFullYear(), minDate, maxDate);
       const nextMonthIndex = nextMonths.findIndex((month) => month === nextDate.getMonth());
@@ -10170,7 +10246,7 @@ function useDatePickerWheel({
     },
     [maxDate, minDate, years]
   );
-  React31.useLayoutEffect(() => {
+  React32.useLayoutEffect(() => {
     if (!isOpen) return;
     const nextDate = resolveInitialDate({ value, defaultValue, minDate, maxDate });
     setDraftDate(nextDate);
@@ -10181,7 +10257,7 @@ function useDatePickerWheel({
       window.cancelAnimationFrame(frameId);
     };
   }, [defaultValue, isOpen, maxDate, minDate, syncScrollPositions, value]);
-  const updateDraftDate = React31.useCallback(
+  const updateDraftDate = React32.useCallback(
     (column, targetIndex, behavior = "smooth") => {
       const currentDate = stripTime(draftDate);
       const currentYear = currentDate.getFullYear();
@@ -10226,7 +10302,7 @@ function useDatePickerWheel({
     },
     [days, draftDate, maxDate, minDate, months, syncScrollPositions, years]
   );
-  const settleColumnScroll = React31.useCallback(
+  const settleColumnScroll = React32.useCallback(
     (column) => {
       const list = columnRefs[column].current;
       if (!list) return;
@@ -10239,7 +10315,7 @@ function useDatePickerWheel({
     },
     [columnRefs, days.length, months.length, updateDraftDate, years.length]
   );
-  const scheduleScrollSettle = React31.useCallback(
+  const scheduleScrollSettle = React32.useCallback(
     (column) => {
       clearSettleTimeout(column);
       settleTimeoutsRef.current[column] = window.setTimeout(() => {
@@ -10248,7 +10324,7 @@ function useDatePickerWheel({
     },
     [clearSettleTimeout, settleColumnScroll]
   );
-  const handleColumnScroll = React31.useCallback(
+  const handleColumnScroll = React32.useCallback(
     (column) => {
       const list = columnRefs[column].current;
       if (!list) return;
@@ -10262,13 +10338,13 @@ function useDatePickerWheel({
     },
     [clearAnimationFrame, columnRefs, scheduleScrollSettle, setColumnScrollTop]
   );
-  const handleOptionSelect = React31.useCallback(
+  const handleOptionSelect = React32.useCallback(
     (column, targetIndex) => {
       updateDraftDate(column, targetIndex, "smooth");
     },
     [updateDraftDate]
   );
-  const focusAdjacentColumn = React31.useCallback(
+  const focusAdjacentColumn = React32.useCallback(
     (column, direction) => {
       const order = ["month", "day", "year"];
       const currentIndex = order.indexOf(column);
@@ -10278,7 +10354,7 @@ function useDatePickerWheel({
     },
     [columnRefs]
   );
-  const handleColumnKeyDown = React31.useCallback(
+  const handleColumnKeyDown = React32.useCallback(
     (column, event) => {
       const currentIndex = column === "month" ? monthIndex : column === "day" ? dayIndex : yearIndex;
       const maxIndex = column === "month" ? months.length - 1 : column === "day" ? days.length - 1 : years.length - 1;
@@ -10582,7 +10658,7 @@ var DEVICE = {
 };
 
 // src/field-trigger/FieldTrigger.tsx
-var React32 = __toESM(require("react"), 1);
+var React33 = __toESM(require("react"), 1);
 var import_lucide_react43 = require("lucide-react");
 var import_react_i18next23 = require("react-i18next");
 
@@ -10626,7 +10702,7 @@ function FieldErrorMessage({
 
 // src/field-trigger/FieldTrigger.tsx
 var import_jsx_runtime129 = require("react/jsx-runtime");
-var FieldTrigger = React32.forwardRef(
+var FieldTrigger = React33.forwardRef(
   ({
     as = "button",
     variant = "airbnb",
@@ -10799,7 +10875,7 @@ FieldTrigger.displayName = "FieldTrigger";
 // src/datepicker/DatePicker.tsx
 var import_jsx_runtime130 = require("react/jsx-runtime");
 var DEFAULT_MIN_DATE = new Date(1920, 0, 1);
-var DatePicker = React33.forwardRef(
+var DatePicker = React34.forwardRef(
   ({
     variant = "default",
     label,
@@ -10825,24 +10901,24 @@ var DatePicker = React33.forwardRef(
     formatValue = formatDateValue
   }, ref) => {
     const { isMatch: isMobile } = useScreenResize(DEVICE.mobileXL);
-    const [isOpen, setIsOpen] = React33.useState(false);
-    const triggerId = React33.useId();
-    const pickerId = React33.useId();
-    const labelId = React33.useId();
-    const valueId = React33.useId();
-    const helperTextId = React33.useId();
-    const errorId = React33.useId();
-    const internalRef = React33.useRef(null);
+    const [isOpen, setIsOpen] = React34.useState(false);
+    const triggerId = React34.useId();
+    const pickerId = React34.useId();
+    const labelId = React34.useId();
+    const valueId = React34.useId();
+    const helperTextId = React34.useId();
+    const errorId = React34.useId();
+    const internalRef = React34.useRef(null);
     const combinedRef = useCombinedRef(ref, internalRef);
-    const monthLabels = React33.useMemo(() => getMonthLabels(locale), [locale]);
-    const resolvedMinDate = React33.useMemo(() => minDate ?? DEFAULT_MIN_DATE, [minDate]);
-    const resolvedMaxDate = React33.useMemo(() => maxDate ?? /* @__PURE__ */ new Date(), [maxDate]);
-    const normalizedValue = React33.useMemo(() => normalizeDateValue(value), [value]);
-    const normalizedDefaultValue = React33.useMemo(
+    const monthLabels = React34.useMemo(() => getMonthLabels(locale), [locale]);
+    const resolvedMinDate = React34.useMemo(() => minDate ?? DEFAULT_MIN_DATE, [minDate]);
+    const resolvedMaxDate = React34.useMemo(() => maxDate ?? /* @__PURE__ */ new Date(), [maxDate]);
+    const normalizedValue = React34.useMemo(() => normalizeDateValue(value), [value]);
+    const normalizedDefaultValue = React34.useMemo(
       () => normalizeDateValue(defaultValue),
       [defaultValue]
     );
-    const resolvedValue = React33.useMemo(
+    const resolvedValue = React34.useMemo(
       () => normalizedValue ? clampDate(normalizedValue, resolvedMinDate, resolvedMaxDate) : null,
       [normalizedValue, resolvedMaxDate, resolvedMinDate]
     );
@@ -10873,7 +10949,7 @@ var DatePicker = React33.forwardRef(
       minDate: resolvedMinDate,
       maxDate: resolvedMaxDate
     });
-    const handleOpenChange = React33.useCallback(
+    const handleOpenChange = React34.useCallback(
       (nextOpen) => {
         if (isBlocked && nextOpen) return;
         setIsOpen(nextOpen);
@@ -10883,7 +10959,7 @@ var DatePicker = React33.forwardRef(
       },
       [isBlocked]
     );
-    const handleDone = React33.useCallback(() => {
+    const handleDone = React34.useCallback(() => {
       if (isBlocked) return;
       onChange(clampDate(draftDate, resolvedMinDate, resolvedMaxDate));
       handleOpenChange(false);
@@ -10895,11 +10971,11 @@ var DatePicker = React33.forwardRef(
       resolvedMaxDate,
       resolvedMinDate
     ]);
-    const handleTriggerClick = React33.useCallback(() => {
+    const handleTriggerClick = React34.useCallback(() => {
       if (isBlocked) return;
       setIsOpen(true);
     }, [isBlocked]);
-    const handleTriggerKeyDown = React33.useCallback(
+    const handleTriggerKeyDown = React34.useCallback(
       (event) => {
         if (isBlocked) return;
         if (event.key === "ArrowDown" || event.key === "ArrowUp" || event.key === "Enter" || event.key === " ") {
@@ -10909,7 +10985,7 @@ var DatePicker = React33.forwardRef(
       },
       [isBlocked]
     );
-    React33.useEffect(() => {
+    React34.useEffect(() => {
       if (isBlocked) {
         setIsOpen(false);
       }
@@ -11033,6 +11109,7 @@ function ResponsiveSheet({
         title ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
           "div",
           {
+            "aria-hidden": "true",
             className: cn(
               "text-center mb-3 text-[26px] font-semibold leading-7",
               titleClassName
@@ -11043,6 +11120,7 @@ function ResponsiveSheet({
         description ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
           "p",
           {
+            "aria-hidden": "true",
             className: cn(
               "text-center text-[16px] leading-6 text-[var(--primary)]/70",
               descriptionClassName
@@ -11091,10 +11169,10 @@ function ResponsiveSheet({
 }
 
 // src/airbnb/input/Input.tsx
-var React34 = __toESM(require("react"), 1);
+var React35 = __toESM(require("react"), 1);
 var import_jsx_runtime132 = require("react/jsx-runtime");
 var getInputValue = (value) => value != null ? String(value) : "";
-var AirbnbInput = React34.forwardRef(
+var AirbnbInput = React35.forwardRef(
   ({
     variant = "default",
     label,
@@ -11123,15 +11201,15 @@ var AirbnbInput = React34.forwardRef(
     placeholder,
     ...props
   }, ref) => {
-    const generatedId = React34.useId();
-    const inputRef = React34.useRef(null);
+    const generatedId = React35.useId();
+    const inputRef = React35.useRef(null);
     const inputId = id ?? generatedId;
     const fieldId = `${inputId}-field`;
     const labelId = `${inputId}-label`;
     const errorId = `${inputId}-error`;
     const accessibleLabel = placeholder ?? label;
-    const [isFocused, setIsFocused] = React34.useState(false);
-    const [currentValue, setCurrentValue] = React34.useState(
+    const [isFocused, setIsFocused] = React35.useState(false);
+    const [currentValue, setCurrentValue] = React35.useState(
       () => value != null ? getInputValue(value) : getInputValue(defaultValue)
     );
     const resolvedValue = value != null ? getInputValue(value) : currentValue;
@@ -11141,11 +11219,11 @@ var AirbnbInput = React34.forwardRef(
     const triggerError = error ?? invalid;
     const hasLabelMeta = Boolean(optional) || Boolean(tooltip);
     const isBlocked = Boolean(disabled) || Boolean(loading);
-    React34.useLayoutEffect(() => {
+    React35.useLayoutEffect(() => {
       const nextValue = value != null ? getInputValue(value) : getInputValue(inputRef.current?.value);
       setCurrentValue((prevValue) => prevValue === nextValue ? prevValue : nextValue);
     }, [value]);
-    const setRefs = React34.useCallback(
+    const setRefs = React35.useCallback(
       (node) => {
         inputRef.current = node;
         if (node && value == null) {
@@ -11243,11 +11321,11 @@ var AirbnbInput = React34.forwardRef(
 AirbnbInput.displayName = "Input";
 
 // src/airbnb/phone-field/PhoneField.tsx
-var React40 = __toESM(require("react"), 1);
+var React41 = __toESM(require("react"), 1);
 var import_lucide_react46 = require("lucide-react");
 
 // src/airbnb/select/Select.tsx
-var React39 = __toESM(require("react"), 1);
+var React40 = __toESM(require("react"), 1);
 
 // src/airbnb/select/SelectDesktopMenu.tsx
 var import_jsx_runtime133 = require("react/jsx-runtime");
@@ -11592,10 +11670,10 @@ function SelectMobileContent({
 }
 
 // src/airbnb/select/SelectTrigger.tsx
-var React35 = __toESM(require("react"), 1);
+var React36 = __toESM(require("react"), 1);
 var import_lucide_react45 = require("lucide-react");
 var import_jsx_runtime137 = require("react/jsx-runtime");
-var SelectTrigger2 = React35.forwardRef(
+var SelectTrigger2 = React36.forwardRef(
   ({
     id,
     open,
@@ -11662,7 +11740,7 @@ var SelectTrigger2 = React35.forwardRef(
 SelectTrigger2.displayName = "SelectTrigger";
 
 // src/airbnb/select/useDesktopSelect.ts
-var React36 = __toESM(require("react"), 1);
+var React37 = __toESM(require("react"), 1);
 function useDesktopSelect({
   isMobile,
   isOpen,
@@ -11671,12 +11749,12 @@ function useDesktopSelect({
   disabled,
   onChange
 }) {
-  const [highlightedIndex, setHighlightedIndex] = React36.useState(-1);
-  const triggerRef = React36.useRef(null);
-  const listRef = React36.useRef(null);
-  const optionRefs = React36.useRef([]);
+  const [highlightedIndex, setHighlightedIndex] = React37.useState(-1);
+  const triggerRef = React37.useRef(null);
+  const listRef = React37.useRef(null);
+  const optionRefs = React37.useRef([]);
   const selectedIndex = getOptionIndex(options, value);
-  React36.useEffect(() => {
+  React37.useEffect(() => {
     if (!isOpen || isMobile) return;
     setHighlightedIndex((currentIndex) => {
       if (currentIndex >= 0) {
@@ -11691,34 +11769,34 @@ function useDesktopSelect({
       window.cancelAnimationFrame(frameId);
     };
   }, [isMobile, isOpen, options, selectedIndex]);
-  React36.useEffect(() => {
+  React37.useEffect(() => {
     if (!isOpen || isMobile || highlightedIndex < 0) return;
     optionRefs.current[highlightedIndex]?.scrollIntoView({
       block: "nearest"
     });
   }, [highlightedIndex, isMobile, isOpen]);
-  React36.useEffect(() => {
+  React37.useEffect(() => {
     if (isOpen) return;
     setHighlightedIndex(-1);
   }, [isOpen]);
-  const focusTrigger = React36.useCallback(() => {
+  const focusTrigger = React37.useCallback(() => {
     triggerRef.current?.focus();
   }, []);
-  const handleSelect = React36.useCallback(
+  const handleSelect = React37.useCallback(
     (option) => {
       if (option.isDisabled || disabled) return;
       onChange(option);
     },
     [disabled, onChange]
   );
-  const openMenu = React36.useCallback(
+  const openMenu = React37.useCallback(
     (targetIndex) => {
       const fallbackIndex = selectedIndex >= 0 ? selectedIndex : getFirstEnabledOptionIndex(options);
       setHighlightedIndex(targetIndex ?? fallbackIndex);
     },
     [options, selectedIndex]
   );
-  const handleTriggerKeyDown = React36.useCallback(
+  const handleTriggerKeyDown = React37.useCallback(
     (event, onOpen) => {
       if (disabled) return;
       if (event.key === "ArrowDown") {
@@ -11743,7 +11821,7 @@ function useDesktopSelect({
     },
     [disabled, openMenu, options, selectedIndex]
   );
-  const handleMenuKeyDown = React36.useCallback(
+  const handleMenuKeyDown = React37.useCallback(
     (event, onClose) => {
       if (event.key === "Escape") {
         event.preventDefault();
@@ -11793,7 +11871,7 @@ function useDesktopSelect({
     },
     [focusTrigger, highlightedIndex, onChange, options]
   );
-  const setOptionRef = React36.useCallback(
+  const setOptionRef = React37.useCallback(
     (index, node) => {
       optionRefs.current[index] = node;
     },
@@ -11813,23 +11891,23 @@ function useDesktopSelect({
 }
 
 // src/airbnb/select/useMobileSelectWheel.ts
-var React37 = __toESM(require("react"), 1);
+var React38 = __toESM(require("react"), 1);
 function useMobileSelectWheel({ isMobile, isOpen, options, value, disabled }) {
-  const [pendingValue, setPendingValue] = React37.useState(
+  const [pendingValue, setPendingValue] = React38.useState(
     value ?? null
   );
-  const [mobileScrollTop, setMobileScrollTop] = React37.useState(0);
-  const mobileListRef = React37.useRef(null);
-  const scrollSettleTimeoutRef = React37.useRef(null);
-  const scrollAnimationFrameRef = React37.useRef(null);
-  const getTargetIndex = React37.useCallback(
+  const [mobileScrollTop, setMobileScrollTop] = React38.useState(0);
+  const mobileListRef = React38.useRef(null);
+  const scrollSettleTimeoutRef = React38.useRef(null);
+  const scrollAnimationFrameRef = React38.useRef(null);
+  const getTargetIndex = React38.useCallback(
     (targetValue) => {
       const selectedIndex = getOptionIndex(options, targetValue);
       return selectedIndex >= 0 ? selectedIndex : getFirstEnabledOptionIndex(options);
     },
     [options]
   );
-  const syncScrollPosition = React37.useCallback(
+  const syncScrollPosition = React38.useCallback(
     (targetValue, behavior = "instant") => {
       const targetIndex = getTargetIndex(targetValue);
       if (targetIndex < 0) return;
@@ -11848,27 +11926,27 @@ function useMobileSelectWheel({ isMobile, isOpen, options, value, disabled }) {
     },
     [getTargetIndex, options]
   );
-  const clearScrollSettleTimeout = React37.useCallback(() => {
+  const clearScrollSettleTimeout = React38.useCallback(() => {
     if (scrollSettleTimeoutRef.current === null) return;
     window.clearTimeout(scrollSettleTimeoutRef.current);
     scrollSettleTimeoutRef.current = null;
   }, []);
-  const clearScrollAnimationFrame = React37.useCallback(() => {
+  const clearScrollAnimationFrame = React38.useCallback(() => {
     if (scrollAnimationFrameRef.current === null) return;
     window.cancelAnimationFrame(scrollAnimationFrameRef.current);
     scrollAnimationFrameRef.current = null;
   }, []);
-  React37.useEffect(
+  React38.useEffect(
     () => () => {
       clearScrollSettleTimeout();
       clearScrollAnimationFrame();
     },
     [clearScrollAnimationFrame, clearScrollSettleTimeout]
   );
-  React37.useEffect(() => {
+  React38.useEffect(() => {
     setPendingValue(value ?? null);
   }, [value]);
-  React37.useLayoutEffect(() => {
+  React38.useLayoutEffect(() => {
     if (!isMobile || !isOpen) return;
     const frameId = window.requestAnimationFrame(() => {
       syncScrollPosition(value ?? null, "instant");
@@ -11877,7 +11955,7 @@ function useMobileSelectWheel({ isMobile, isOpen, options, value, disabled }) {
       window.cancelAnimationFrame(frameId);
     };
   }, [isMobile, isOpen, syncScrollPosition, value]);
-  const settleScroll = React37.useCallback(() => {
+  const settleScroll = React38.useCallback(() => {
     if (!mobileListRef.current) return;
     const nextIndex = Math.round(mobileListRef.current.scrollTop / MOBILE_OPTION_HEIGHT);
     const nextOption = options[nextIndex];
@@ -11889,13 +11967,13 @@ function useMobileSelectWheel({ isMobile, isOpen, options, value, disabled }) {
     }
     setPendingValue(nextOption);
   }, [options, pendingValue]);
-  const scheduleScrollSettle = React37.useCallback(() => {
+  const scheduleScrollSettle = React38.useCallback(() => {
     clearScrollSettleTimeout();
     scrollSettleTimeoutRef.current = window.setTimeout(() => {
       settleScroll();
     }, MOBILE_SCROLL_SETTLE_DELAY);
   }, [clearScrollSettleTimeout, settleScroll]);
-  const handleScroll = React37.useCallback(() => {
+  const handleScroll = React38.useCallback(() => {
     if (!mobileListRef.current) return;
     const nextScrollTop = mobileListRef.current.scrollTop;
     clearScrollAnimationFrame();
@@ -11905,7 +11983,7 @@ function useMobileSelectWheel({ isMobile, isOpen, options, value, disabled }) {
     });
     scheduleScrollSettle();
   }, [clearScrollAnimationFrame, scheduleScrollSettle]);
-  const focusOptionByIndex = React37.useCallback(
+  const focusOptionByIndex = React38.useCallback(
     (index, behavior = "instant", updatePendingImmediately = behavior === "instant") => {
       if (!mobileListRef.current || index < 0 || index >= options.length) return;
       const option = options[index];
@@ -11923,7 +12001,7 @@ function useMobileSelectWheel({ isMobile, isOpen, options, value, disabled }) {
     },
     [options, scheduleScrollSettle]
   );
-  const handleOptionClick = React37.useCallback(
+  const handleOptionClick = React38.useCallback(
     (option) => {
       if (!mobileListRef.current || disabled || option.isDisabled) return;
       const optionIndex = getOptionIndex(options, option);
@@ -11932,7 +12010,7 @@ function useMobileSelectWheel({ isMobile, isOpen, options, value, disabled }) {
     },
     [disabled, focusOptionByIndex, options]
   );
-  const moveByStep = React37.useCallback(
+  const moveByStep = React38.useCallback(
     (step) => {
       const currentIndex = getOptionIndex(options, pendingValue);
       const fallbackIndex = step === 1 ? getFirstEnabledOptionIndex(options) : getLastEnabledOptionIndex(options);
@@ -11944,7 +12022,7 @@ function useMobileSelectWheel({ isMobile, isOpen, options, value, disabled }) {
     },
     [focusOptionByIndex, options, pendingValue]
   );
-  const moveToBoundary = React37.useCallback(
+  const moveToBoundary = React38.useCallback(
     (boundary) => {
       const targetIndex = boundary === "start" ? getFirstEnabledOptionIndex(options) : getLastEnabledOptionIndex(options);
       if (targetIndex >= 0) {
@@ -11953,7 +12031,7 @@ function useMobileSelectWheel({ isMobile, isOpen, options, value, disabled }) {
     },
     [focusOptionByIndex, options]
   );
-  const syncPendingValue = React37.useCallback(
+  const syncPendingValue = React38.useCallback(
     (nextValue) => {
       const normalizedValue = nextValue ?? null;
       const matchedIndex = getOptionIndex(options, normalizedValue);
@@ -11981,9 +12059,9 @@ function useMobileSelectWheel({ isMobile, isOpen, options, value, disabled }) {
 }
 
 // src/airbnb/select/useSelectIds.ts
-var React38 = __toESM(require("react"), 1);
+var React39 = __toESM(require("react"), 1);
 function useSelectIds({ name, hasValue, error, hideErrorMessage }) {
-  const reactId = React38.useId().replace(/:/g, "");
+  const reactId = React39.useId().replace(/:/g, "");
   const baseId = name ? `select-${name}` : `select-${reactId}`;
   const triggerId = `${baseId}-trigger`;
   const labelId = `${baseId}-label`;
@@ -11993,7 +12071,7 @@ function useSelectIds({ name, hasValue, error, hideErrorMessage }) {
   const listboxId = `${baseId}-listbox`;
   const describedErrorId = error && !hideErrorMessage ? errorId : void 0;
   const describedBy = [!hasValue ? helperTextId : null, describedErrorId].filter(Boolean).join(" ") || void 0;
-  const getOptionId2 = React38.useCallback(
+  const getOptionId2 = React39.useCallback(
     (index) => `${baseId}-option-${index}`,
     [baseId]
   );
@@ -12012,7 +12090,7 @@ function useSelectIds({ name, hasValue, error, hideErrorMessage }) {
 
 // src/airbnb/select/Select.tsx
 var import_jsx_runtime138 = require("react/jsx-runtime");
-var AirbnbSelect = React39.forwardRef(function AirbnbSelect2({
+var AirbnbSelect = React40.forwardRef(function AirbnbSelect2({
   options = [],
   value,
   onChange,
@@ -12039,10 +12117,11 @@ var AirbnbSelect = React39.forwardRef(function AirbnbSelect2({
   noOptionsMessage
 }, ref) {
   const { isMatch: isMobile } = useScreenResize(DEVICE.mobileXL);
-  const [isOpen, setIsOpen] = React39.useState(false);
-  const containerRef = React39.useRef(null);
+  const [isOpen, setIsOpen] = React40.useState(false);
+  const containerRef = React40.useRef(null);
   const hasValue = Boolean(value);
   const helperText = placeholder ?? label;
+  const shouldDescribeHelperText = !hasValue && helperText !== label;
   const isBlocked = Boolean(disabled) || Boolean(loading);
   const triggerError = error ?? invalid;
   const {
@@ -12056,6 +12135,8 @@ var AirbnbSelect = React39.forwardRef(function AirbnbSelect2({
     describedBy,
     getOptionId: getOptionId2
   } = useSelectIds({ name, hasValue, error, hideErrorMessage });
+  const triggerHelperTextId = shouldDescribeHelperText ? helperTextId : void 0;
+  const triggerDescribedBy = shouldDescribeHelperText ? describedBy : describedErrorId;
   const {
     mobileListRef,
     mobileScrollTop,
@@ -12098,12 +12179,12 @@ var AirbnbSelect = React39.forwardRef(function AirbnbSelect2({
     onOutsideClick: () => setIsOpen(false),
     isDisabled: !isOpen || isMobile
   });
-  React39.useEffect(() => {
+  React40.useEffect(() => {
     if (isBlocked) {
       setIsOpen(false);
     }
   }, [isBlocked]);
-  React39.useEffect(
+  React40.useEffect(
     function setCorrectOptionIfThereIsOnlyValue() {
       if (value?.value === void 0 || value.value === null || value.label !== "") {
         return;
@@ -12115,7 +12196,7 @@ var AirbnbSelect = React39.forwardRef(function AirbnbSelect2({
     },
     [onChange, options, value]
   );
-  const handleMobileOpenChange = React39.useCallback(
+  const handleMobileOpenChange = React40.useCallback(
     (nextOpen) => {
       if (isBlocked && nextOpen) return;
       setIsOpen(nextOpen);
@@ -12126,7 +12207,7 @@ var AirbnbSelect = React39.forwardRef(function AirbnbSelect2({
     },
     [focusTrigger, isBlocked, syncPendingValue, value]
   );
-  const handleMobileDone = React39.useCallback(() => {
+  const handleMobileDone = React40.useCallback(() => {
     if (isBlocked) return;
     const finalOption = pendingValue;
     if (finalOption && finalOption.value !== value?.value) {
@@ -12135,7 +12216,7 @@ var AirbnbSelect = React39.forwardRef(function AirbnbSelect2({
     setIsOpen(false);
     focusTrigger();
   }, [focusTrigger, isBlocked, onChange, pendingValue, value]);
-  const handleTriggerClick = React39.useCallback(() => {
+  const handleTriggerClick = React40.useCallback(() => {
     if (isBlocked) return;
     setIsOpen((prev) => {
       const nextOpen = !prev;
@@ -12211,7 +12292,7 @@ var AirbnbSelect = React39.forwardRef(function AirbnbSelect2({
           error,
           invalid,
           listboxId,
-          describedBy,
+          describedBy: triggerDescribedBy,
           triggerRef: combinedRef,
           onClick: handleTriggerClick,
           onKeyDown: handleRootTriggerKeyDown,
@@ -12235,10 +12316,10 @@ var AirbnbSelect = React39.forwardRef(function AirbnbSelect2({
             hideErrorMessage,
             labelId,
             valueId,
-            helperTextId,
+            helperTextId: triggerHelperTextId,
             errorId: error ? errorId : void 0,
             listboxId,
-            describedBy,
+            describedBy: triggerDescribedBy,
             onClick: handleTriggerClick,
             onKeyDown: handleRootTriggerKeyDown,
             onBlur
@@ -12309,7 +12390,7 @@ function formatPhoneCodeOptionLabel(option) {
   const value = String(option.value);
   return label.includes(value) ? label : `${label} (${value})`;
 }
-var PhoneField = React40.forwardRef(
+var PhoneField = React41.forwardRef(
   ({
     variant = "default",
     label,
@@ -12333,8 +12414,8 @@ var PhoneField = React40.forwardRef(
     mobileTitle,
     codePlaceholder = "+00"
   }, ref) => {
-    const inputId = React40.useId();
-    const codeOptions = React40.useMemo(
+    const inputId = React41.useId();
+    const codeOptions = React41.useMemo(
       () => options.map((option) => ({
         value: option.value,
         label: formatPhoneCodeOptionLabel(option),
@@ -12342,7 +12423,7 @@ var PhoneField = React40.forwardRef(
       })),
       [options]
     );
-    const selectedCodeOption = React40.useMemo(
+    const selectedCodeOption = React41.useMemo(
       () => codeOptions.find((option) => option.value === value?.code) ?? null,
       [codeOptions, value?.code]
     );
@@ -12484,11 +12565,11 @@ var PhoneField = React40.forwardRef(
 PhoneField.displayName = "PhoneField";
 
 // src/airbnb/search-input/SearchInput.tsx
-var React41 = __toESM(require("react"), 1);
+var React42 = __toESM(require("react"), 1);
 var import_react_i18next24 = require("react-i18next");
 var import_lucide_react47 = require("lucide-react");
 var import_jsx_runtime140 = require("react/jsx-runtime");
-var AirbnbSearchInput = React41.forwardRef(({ onReset, placeholder, wrapperClassName, ...props }, ref) => {
+var AirbnbSearchInput = React42.forwardRef(({ onReset, placeholder, wrapperClassName, ...props }, ref) => {
   const { t } = (0, import_react_i18next24.useTranslation)();
   const placeholderText = placeholder || t("search_property") + "...";
   return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { className: cn("input-wrapper relative", wrapperClassName), children: [
@@ -12526,7 +12607,7 @@ var AirbnbSearchInput = React41.forwardRef(({ onReset, placeholder, wrapperClass
 AirbnbSearchInput.displayName = "SearchInput";
 
 // src/searchable-select/SearchableSelect.tsx
-var React42 = __toESM(require("react"), 1);
+var React43 = __toESM(require("react"), 1);
 var import_lucide_react48 = require("lucide-react");
 var import_react_virtual2 = require("@tanstack/react-virtual");
 var import_react68 = require("react");
@@ -12571,13 +12652,13 @@ var SearchableSelectInternal = ({
   loadingMessage
 }, ref) => {
   const { isMatch: isMobile } = useScreenResize(DEVICE.mobileXL);
-  const reactId = React42.useId();
-  const [open, setOpen] = React42.useState(false);
-  const [internalSearchValue, setInternalSearchValue] = React42.useState("");
-  const [highlightedIndex, setHighlightedIndex] = React42.useState(-1);
-  const containerRef = React42.useRef(null);
-  const triggerRef = React42.useRef(null);
-  const inputRef = React42.useRef(null);
+  const reactId = React43.useId();
+  const [open, setOpen] = React43.useState(false);
+  const [internalSearchValue, setInternalSearchValue] = React43.useState("");
+  const [highlightedIndex, setHighlightedIndex] = React43.useState(-1);
+  const containerRef = React43.useRef(null);
+  const triggerRef = React43.useRef(null);
+  const inputRef = React43.useRef(null);
   const listboxId = `${reactId}-listbox`;
   const labelId = `${reactId}-label`;
   const valueId = `${reactId}-value`;
@@ -12586,13 +12667,13 @@ var SearchableSelectInternal = ({
   const searchInputId = `${reactId}-search`;
   const effectiveSearchValue = searchValue ?? internalSearchValue;
   const shouldFilterLocally = !onSearchChange && filterOption !== null;
-  const visibleOptions = React42.useMemo(() => {
+  const visibleOptions = React43.useMemo(() => {
     if (!shouldFilterLocally || !effectiveSearchValue) {
       return options;
     }
     return options.filter((option) => filterOption(option, effectiveSearchValue));
   }, [effectiveSearchValue, filterOption, options, shouldFilterLocally]);
-  const selectedIndex = React42.useMemo(
+  const selectedIndex = React43.useMemo(
     () => visibleOptions.findIndex((option) => option.value === value?.value),
     [value?.value, visibleOptions]
   );
@@ -12618,7 +12699,7 @@ var SearchableSelectInternal = ({
     },
     [handleOnOpenChange]
   );
-  React42.useEffect(() => {
+  React43.useEffect(() => {
     if (isBlocked) {
       setSelectOpen(false);
       return;
@@ -12631,7 +12712,7 @@ var SearchableSelectInternal = ({
       window.cancelAnimationFrame(frameId);
     };
   }, [isBlocked, open, setSelectOpen]);
-  React42.useEffect(() => {
+  React43.useEffect(() => {
     if (!open) {
       setHighlightedIndex(-1);
       return;
@@ -12726,7 +12807,7 @@ var SearchableSelectInternal = ({
       onOptionHover: setHighlightedIndex
     }
   );
-  React42.useImperativeHandle(ref, () => triggerRef.current, []);
+  React43.useImperativeHandle(ref, () => triggerRef.current, []);
   return /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { ref: containerRef, className: cn("relative w-full max-w-[425px]", className), children: [
     name && /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("input", { type: "hidden", name, value: value ? String(value.value) : "" }),
     /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
@@ -12805,7 +12886,7 @@ var SearchableSelectInternal = ({
     ) : null
   ] });
 };
-var SearchableSelect = React42.forwardRef(
+var SearchableSelect = React43.forwardRef(
   SearchableSelectInternal
 );
 function SearchableSelectContent({
@@ -12832,9 +12913,9 @@ function SearchableSelectContent({
   onOptionClick,
   onOptionHover
 }) {
-  const listRef = React42.useRef(null);
-  const lastLoadMoreOptionsLengthRef = React42.useRef(null);
-  const previousHighlightedIndexRef = React42.useRef(highlightedIndex);
+  const listRef = React43.useRef(null);
+  const lastLoadMoreOptionsLengthRef = React43.useRef(null);
+  const previousHighlightedIndexRef = React43.useRef(highlightedIndex);
   const rowCount = options.length + (loading && options.length > 0 ? 1 : 0);
   const virtualizer = (0, import_react_virtual2.useVirtualizer)({
     count: rowCount,
@@ -12845,7 +12926,7 @@ function SearchableSelectContent({
   const virtualItems = virtualizer.getVirtualItems();
   const emptyMessage = noOptionsMessage?.() ?? "No matches found";
   const loadingText = loadingMessage?.() ?? "Loading...";
-  React42.useEffect(() => {
+  React43.useEffect(() => {
     const lastItem = virtualItems[virtualItems.length - 1];
     const shouldLoadMore = !!lastItem && hasNextPage && !loading && lastItem.index >= options.length - LOAD_MORE_THRESHOLD;
     if (shouldLoadMore && lastLoadMoreOptionsLengthRef.current !== options.length) {
@@ -12853,7 +12934,7 @@ function SearchableSelectContent({
       onLoadMore?.();
     }
   }, [hasNextPage, loading, onLoadMore, options.length, virtualItems]);
-  React42.useEffect(() => {
+  React43.useEffect(() => {
     const hasHighlightedIndexChanged = previousHighlightedIndexRef.current !== highlightedIndex;
     previousHighlightedIndexRef.current = highlightedIndex;
     if (highlightedIndex >= 0 && hasHighlightedIndexChanged) {
@@ -13259,6 +13340,7 @@ function getNextEnabledIndex(options, startIndex, step) {
   useDebouncedFunction,
   useEvent,
   useHover,
+  useIframeFocusTrapFallback,
   useIsFormTouched,
   useIsMobile,
   useIsMounted,