@chekinapp/ui 0.0.104 → 0.0.106

package/dist/index.cjs

@@ -3096,23 +3096,40 @@ function useLoadMore({
   threshold = 0.1,
   rootMargin
 }) {
-  const loadMoreRef = (0, import_react17.useRef)(null);
+  const elementRef = (0, import_react17.useRef)(null);
+  const observerRef = (0, import_react17.useRef)(null);
+  const handleLoadMore = useEvent(onLoadMore);
+  const cleanupObserver = (0, import_react17.useCallback)(() => {
+    observerRef.current?.disconnect();
+    observerRef.current = null;
+  }, []);
+  const observeElement = (0, import_react17.useCallback)(
+    (element) => {
+      cleanupObserver();
+      if (!element || typeof IntersectionObserver === "undefined") return;
+      const observer = new IntersectionObserver(
+        (entries) => {
+          const entry = entries[0];
+          if (!entry?.isIntersecting || !hasNextPage || loading || disabled) return;
+          handleLoadMore();
+        },
+        { threshold, rootMargin }
+      );
+      observer.observe(element);
+      observerRef.current = observer;
+    },
+    [cleanupObserver, disabled, handleLoadMore, hasNextPage, loading, rootMargin, threshold]
+  );
+  const loadMoreRef = (0, import_react17.useCallback)(
+    (element) => {
+      elementRef.current = element;
+      observeElement(element);
+    },
+    [observeElement]
+  );
   (0, import_react17.useEffect)(() => {
-    const element = loadMoreRef.current;
-    if (!element) return;
-    const observer = new IntersectionObserver(
-      (entries) => {
-        if (entries[0].isIntersecting && hasNextPage && !loading && !disabled) {
-          onLoadMore();
-        }
-      },
-      { threshold, rootMargin }
-    );
-    observer.observe(element);
-    return () => {
-      observer.disconnect();
-    };
-  }, [hasNextPage, loading, disabled, onLoadMore, threshold, rootMargin]);
+    return cleanupObserver;
+  }, [cleanupObserver]);
   return [loadMoreRef];
 }
 
@@ -9238,7 +9255,13 @@ var SIGNATURE_PROPS = {
   throttle: 16
 };
 var ASPECT_RATIO = 330 / 190;
-function getTrimmedCanvasData(canvas, padding = 10) {
+function getCanvasPixelPadding(canvas, padding) {
+  if (!Number.isFinite(padding) || padding <= 0) return 0;
+  const cssWidth = canvas.getBoundingClientRect().width;
+  const scale = cssWidth > 0 ? canvas.width / cssWidth : 1;
+  return Math.round(padding * scale);
+}
+function getTrimmedCanvas(canvas, padding = 10) {
   const ctx = canvas.getContext("2d");
   if (!ctx) return null;
   const { width, height } = canvas;
@@ -9254,18 +9277,19 @@ function getTrimmedCanvasData(canvas, padding = 10) {
       const alpha = data[(y * width + x) * 4 + 3];
       if (alpha > 0) {
         hasContent = true;
-        minX = Math.min(minX, x);
-        minY = Math.min(minY, y);
-        maxX = Math.max(maxX, x);
-        maxY = Math.max(maxY, y);
+        if (x < minX) minX = x;
+        if (y < minY) minY = y;
+        if (x > maxX) maxX = x;
+        if (y > maxY) maxY = y;
       }
     }
   }
   if (!hasContent) return null;
-  minX = Math.max(0, minX - padding);
-  minY = Math.max(0, minY - padding);
-  maxX = Math.min(width - 1, maxX + padding);
-  maxY = Math.min(height - 1, maxY + padding);
+  const pixelPadding = getCanvasPixelPadding(canvas, padding);
+  minX = Math.max(0, minX - pixelPadding);
+  minY = Math.max(0, minY - pixelPadding);
+  maxX = Math.min(width - 1, maxX + pixelPadding);
+  maxY = Math.min(height - 1, maxY + pixelPadding);
   const trimmedWidth = maxX - minX + 1;
   const trimmedHeight = maxY - minY + 1;
   const trimmedCanvas = document.createElement("canvas");
@@ -9284,10 +9308,7 @@ function getTrimmedCanvasData(canvas, padding = 10) {
     trimmedWidth,
     trimmedHeight
   );
-  return {
-    canvas: trimmedCanvas,
-    bounds: { x: minX, y: minY, width: trimmedWidth, height: trimmedHeight }
-  };
+  return trimmedCanvas;
 }
 var SignatureCanvas = (0, import_react74.forwardRef)(
   ({ onClear, onEnd, onEnable, className, enabled }, ref) => {
@@ -9352,9 +9373,9 @@ var SignatureCanvas = (0, import_react74.forwardRef)(
       toTrimmedDataURL: (type = "image/png", encoderOptions, padding = 10) => {
         const canvas = canvasRef.current?.getCanvas();
         if (!canvas) return "";
-        const trimmed = getTrimmedCanvasData(canvas, padding);
+        const trimmed = getTrimmedCanvas(canvas, padding);
         if (!trimmed) return "";
-        return trimmed.canvas.toDataURL(type, encoderOptions);
+        return trimmed.toDataURL(type, encoderOptions);
       },
       getCanvas: (...args) => canvasRef.current?.getCanvas(...args)
     }));
@@ -12493,7 +12514,7 @@ var DashboardInput = React43.forwardRef(
       "div",
       {
         className: cn(
-          "relative block w-full min-h-[68px] max-w-[var(--dashboard-input-max-width,none)]",
+          "relative block w-full max-w-[var(--field-max-width,296px)] min-h-[68px]",
           disabled && "cursor-not-allowed opacity-50",
           loading && "cursor-progress opacity-50",
           wrapperClassName,
@@ -12693,7 +12714,7 @@ function SelectFieldShell({
       ref: containerRef,
       onBlur,
       className: cn(
-        "relative w-full max-w-[var(--max-field-width)]",
+        "relative w-full max-w-[var(--field-max-width,296px)]",
         disabled && "cursor-not-allowed opacity-50",
         loading && "cursor-progress",
         className
@@ -12908,6 +12929,7 @@ function SelectMenuPanel({
 }
 
 // src/dashboard/_select-internals/SelectSearchInput.tsx
+var import_lucide_react43 = require("lucide-react");
 var import_jsx_runtime149 = require("react/jsx-runtime");
 function SelectSearchInput({
   inputRef,
@@ -12918,25 +12940,34 @@ function SelectSearchInput({
   onChange,
   onKeyDown
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("div", { className: "border-b border-[#f2f4f8] px-4 pb-2 pt-3", children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
-    "input",
-    {
-      ref: inputRef,
-      type: "text",
-      value,
-      placeholder,
-      onChange,
-      onKeyDown,
-      autoComplete: "off",
-      "aria-controls": listboxId,
-      "aria-activedescendant": activeOptionId,
-      className: "m-0 box-border h-9 w-full rounded-md border border-[var(--chekin-color-gray-3)] bg-white px-3 text-[16px] font-medium text-[var(--chekin-color-brand-navy)] outline-none transition-colors placeholder:text-[var(--chekin-color-gray-1)] focus:border-[var(--chekin-color-brand-blue)]"
-    }
-  ) });
+  return /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("div", { className: "border-b border-[#f2f4f8] px-4 pb-2 pt-3", children: /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("div", { className: "relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
+      import_lucide_react43.Search,
+      {
+        "aria-hidden": "true",
+        className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[var(--chekin-color-gray-2)]"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
+      "input",
+      {
+        ref: inputRef,
+        type: "text",
+        value,
+        placeholder,
+        onChange,
+        onKeyDown,
+        autoComplete: "off",
+        "aria-controls": listboxId,
+        "aria-activedescendant": activeOptionId,
+        className: "m-0 box-border h-9 w-full rounded-md border border-[var(--chekin-color-gray-3)] bg-white px-9 text-[16px] font-medium text-[var(--chekin-color-brand-navy)] outline-none transition-colors placeholder:text-[var(--chekin-color-gray-1)] focus:border-[var(--chekin-color-brand-blue)]"
+      }
+    )
+  ] }) });
 }
 
 // src/dashboard/_select-internals/SelectTrigger.tsx
-var import_lucide_react43 = require("lucide-react");
+var import_lucide_react44 = require("lucide-react");
 var import_jsx_runtime150 = require("react/jsx-runtime");
 function SelectTrigger({
   triggerRef,
@@ -12986,7 +13017,7 @@ function SelectTrigger({
         /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)("span", { className: "pointer-events-none flex items-center gap-2 text-[var(--chekin-color-gray-2)]", children: [
           loading && /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(ThreeDotsLoader, { height: 18, width: 18 }),
           /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
-            import_lucide_react43.ChevronDown,
+            import_lucide_react44.ChevronDown,
             {
               size: 16,
               className: cn(
@@ -13323,11 +13354,11 @@ var DashboardSelect = React47.forwardRef(
 
 // src/dashboard/multi-select/MultiSelect.tsx
 var React48 = __toESM(require("react"), 1);
-var import_lucide_react45 = require("lucide-react");
+var import_lucide_react46 = require("lucide-react");
 var import_react_i18next32 = require("react-i18next");
 
 // src/dashboard/multi-select/MultiSelectChip.tsx
-var import_lucide_react44 = require("lucide-react");
+var import_lucide_react45 = require("lucide-react");
 var import_react_i18next31 = require("react-i18next");
 var import_jsx_runtime152 = require("react/jsx-runtime");
 function MultiSelectChip({
@@ -13349,7 +13380,7 @@ function MultiSelectChip({
         },
         className: "flex h-[15px] w-[15px] items-center justify-center rounded-[3px] border-0 bg-transparent p-0 text-[#9696b9] hover:shadow-[0_3px_3px_#0f477734]",
         "aria-label": t("remove_item", { label: labelText }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(import_lucide_react44.SquareX, { size: 15, fill: "#9696b9", color: "#f8f8f8", strokeWidth: 1.8 })
+        children: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(import_lucide_react45.SquareX, { size: 15, fill: "#9696b9", color: "#f8f8f8", strokeWidth: 1.8 })
       }
     )
   ] });
@@ -13603,6 +13634,13 @@ function DashboardMultiSelectInternal({
                   String(option.value)
                 )
               ),
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
+                import_lucide_react46.Search,
+                {
+                  "aria-hidden": "true",
+                  className: "h-4 w-4 shrink-0 text-[var(--chekin-color-gray-2)]"
+                }
+              ),
               /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
                 "input",
                 {
@@ -13644,7 +13682,7 @@ function DashboardMultiSelectInternal({
                     },
                     className: "flex h-5 w-5 items-center justify-center rounded-[3px] border-0 bg-transparent p-0 text-[#9696b9] hover:shadow-[0_3px_3px_#0f477734]",
                     "aria-label": t("clear_all"),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(import_lucide_react45.SquareX, { size: 15, fill: "#9696b9", color: "#f8f8f8", strokeWidth: 1.8 })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(import_lucide_react46.SquareX, { size: 15, fill: "#9696b9", color: "#f8f8f8", strokeWidth: 1.8 })
                   }
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
@@ -13691,21 +13729,30 @@ function DashboardMultiSelectInternal({
             className: dropdownClassName,
             drawerClassName,
             children: [
-              isMobile3 && /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "border-b border-[#f2f4f8] px-4 pb-2 pt-3", children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
-                "input",
-                {
-                  ref: mobileSearchInputRef,
-                  type: "text",
-                  value: searchValue,
-                  placeholder: placeholder ?? "",
-                  onChange: (event) => setSearchValue(event.target.value),
-                  onKeyDown: handleInputKeyDown,
-                  autoComplete: "off",
-                  "aria-controls": listboxId,
-                  "aria-activedescendant": highlightedIndex >= 0 ? getOptionId2(highlightedIndex) : void 0,
-                  className: "m-0 box-border h-9 w-full rounded-md border border-[var(--chekin-color-gray-3)] bg-white px-3 text-[16px] font-medium text-[var(--chekin-color-brand-navy)] outline-none transition-colors placeholder:text-[var(--chekin-color-gray-1)] focus:border-[var(--chekin-color-brand-blue)]"
-                }
-              ) }),
+              isMobile3 && /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "border-b border-[#f2f4f8] px-4 pb-2 pt-3", children: /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: "relative", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
+                  import_lucide_react46.Search,
+                  {
+                    "aria-hidden": "true",
+                    className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[var(--chekin-color-gray-2)]"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
+                  "input",
+                  {
+                    ref: mobileSearchInputRef,
+                    type: "text",
+                    value: searchValue,
+                    placeholder: placeholder ?? "",
+                    onChange: (event) => setSearchValue(event.target.value),
+                    onKeyDown: handleInputKeyDown,
+                    autoComplete: "off",
+                    "aria-controls": listboxId,
+                    "aria-activedescendant": highlightedIndex >= 0 ? getOptionId2(highlightedIndex) : void 0,
+                    className: "m-0 box-border h-9 w-full rounded-md border border-[var(--chekin-color-gray-3)] bg-white px-9 text-[16px] font-medium text-[var(--chekin-color-brand-navy)] outline-none transition-colors placeholder:text-[var(--chekin-color-gray-1)] focus:border-[var(--chekin-color-brand-blue)]"
+                  }
+                )
+              ] }) }),
               /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
                 SelectMenu,
                 {
@@ -14206,7 +14253,7 @@ var DashboardTextarea = React51.forwardRef(
       "div",
       {
         className: cn(
-          "relative block min-h-[88px] w-full",
+          "relative block min-h-[88px] w-full max-w-[var(--field-max-width,296px)]",
           isBlocked && "cursor-not-allowed opacity-50",
           loading && "cursor-progress opacity-50",
           className
@@ -14270,7 +14317,7 @@ var DashboardTextarea = React51.forwardRef(
 
 // src/dashboard/datepicker/Datepicker.tsx
 var React53 = __toESM(require("react"), 1);
-var import_lucide_react46 = require("lucide-react");
+var import_lucide_react47 = require("lucide-react");
 var import_react_i18next35 = require("react-i18next");
 
 // src/airbnb-fields/datepicker/useDatePickerWheel.ts
@@ -15244,7 +15291,7 @@ var DashboardDatepicker = React53.forwardRef(
       {
         ref: containerRef,
         className: cn(
-          "relative w-full max-w-[var(--max-field-width)]",
+          "relative w-full max-w-[var(--field-max-width,296px)]",
           disabled && "cursor-not-allowed opacity-50",
           loading && "cursor-progress",
           className
@@ -15275,7 +15322,7 @@ var DashboardDatepicker = React53.forwardRef(
                   /* @__PURE__ */ (0, import_jsx_runtime160.jsxs)("span", { className: "pointer-events-none flex items-center gap-2 text-[var(--chekin-color-gray-2)]", children: [
                     loading && /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(ThreeDotsLoader, { height: 18, width: 18 }),
                     /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(
-                      import_lucide_react46.ChevronDown,
+                      import_lucide_react47.ChevronDown,
                       {
                         size: 16,
                         className: cn(
@@ -15361,7 +15408,7 @@ var DashboardDatepicker = React53.forwardRef(
                       }
                     ),
                     /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(
-                      import_lucide_react46.ChevronDown,
+                      import_lucide_react47.ChevronDown,
                       {
                         size: 14,
                         onMouseDown: (event) => {
@@ -15696,7 +15743,7 @@ function resolveRangeSelection({
 }
 
 // src/dashboard/date-range-picker/components/DateRangeInputs.tsx
-var import_lucide_react47 = require("lucide-react");
+var import_lucide_react48 = require("lucide-react");
 var import_jsx_runtime161 = require("react/jsx-runtime");
 var DEFAULT_PLACEHOLDER = "00-00-0000";
 var inputBaseClass = "m-0 box-border h-full w-full min-w-0 border-0 bg-transparent text-[16px] font-medium leading-5 text-[var(--chekin-color-brand-navy)] outline-none placeholder:text-[var(--chekin-color-gray-1)]";
@@ -15817,7 +15864,7 @@ function DateRangeInputs({
               onClick: onReset,
               className: iconButtonClass,
               "aria-label": clearLabel,
-              children: /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(import_lucide_react47.SquareX, { size: 16, fill: "#9696b9", color: "#f8f8f8", strokeWidth: 1.8 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(import_lucide_react48.SquareX, { size: 16, fill: "#9696b9", color: "#f8f8f8", strokeWidth: 1.8 })
             }
           ),
           !readOnly && !hideCalendarIcon && /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(
@@ -15832,7 +15879,7 @@ function DateRangeInputs({
                 focusedInput !== null || isOpen ? "text-[var(--chekin-color-brand-blue)]" : "text-[var(--chekin-color-gray-2)]"
               ),
               "aria-label": openCalendarLabel,
-              children: /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(import_lucide_react47.CalendarDays, { size: 18 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(import_lucide_react48.CalendarDays, { size: 18 })
             }
           )
         ] })
@@ -16095,7 +16142,7 @@ var DashboardDateRangePicker = React57.forwardRef(function DashboardDateRangePic
     {
       ref: containerRef,
       className: cn(
-        "relative w-full max-w-[var(--max-field-width)]",
+        "relative w-full max-w-[var(--field-max-width,296px)]",
         disabled && "cursor-not-allowed opacity-50",
         loading && "cursor-progress",
         className
@@ -16380,7 +16427,7 @@ var DashboardTimePicker = React59.forwardRef(
 
 // src/dashboard/file-input/FileInput.tsx
 var React60 = __toESM(require("react"), 1);
-var import_lucide_react48 = require("lucide-react");
+var import_lucide_react49 = require("lucide-react");
 var import_react_i18next38 = require("react-i18next");
 var import_jsx_runtime166 = require("react/jsx-runtime");
 function defaultDownload(url) {
@@ -16445,7 +16492,7 @@ var DashboardFileInput = React60.forwardRef(
       {
         htmlFor: inputId,
         className: cn(
-          "relative block w-full max-w-[var(--max-field-width)] cursor-pointer text-left",
+          "relative block w-full max-w-[var(--field-max-width,296px)] cursor-pointer text-left",
           (disabled || readOnly) && "cursor-not-allowed",
           loading && "cursor-progress",
           disabled && "opacity-50",
@@ -16493,7 +16540,7 @@ var DashboardFileInput = React60.forwardRef(
                               className: "inline-flex items-center gap-[7px] truncate border-0 bg-transparent p-0 text-[14px] font-medium text-[var(--chekin-color-brand-navy)] outline-none",
                               children: [
                                 /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "truncate", children: resolvedDownloadLabel }),
-                                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(import_lucide_react48.Download, { size: 15 })
+                                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(import_lucide_react49.Download, { size: 15 })
                               ]
                             }
                           ) : /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "truncate text-[14px] font-medium text-[var(--chekin-color-brand-navy)]", children: value.name }),
@@ -16505,7 +16552,7 @@ var DashboardFileInput = React60.forwardRef(
                               onClick: handleClear,
                               className: "ml-2 flex h-[15px] w-[15px] items-center justify-center rounded-[3px] border-0 bg-transparent p-0 text-[#9696b9] outline-none hover:shadow-[0_3px_3px_#0f477734]",
                               "aria-label": t("remove_file"),
-                              children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(import_lucide_react48.SquareX, { size: 15, fill: "#9696b9", color: "#f8f8f8", strokeWidth: 1.8 })
+                              children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(import_lucide_react49.SquareX, { size: 15, fill: "#9696b9", color: "#f8f8f8", strokeWidth: 1.8 })
                             }
                           )
                         ]
@@ -16513,7 +16560,7 @@ var DashboardFileInput = React60.forwardRef(
                     ) : /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "block min-w-0 flex-1 truncate text-left text-[var(--chekin-color-gray-1)]", children: placeholder ?? "" }),
                     /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("span", { className: "ml-auto flex items-center gap-2 text-[var(--chekin-color-gray-2)]", children: [
                       loading && /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(ThreeDotsLoader, { height: 18, width: 18 }),
-                      /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(import_lucide_react48.Paperclip, { size: 20 })
+                      /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(import_lucide_react49.Paperclip, { size: 20 })
                     ] })
                   ]
                 }
@@ -16754,11 +16801,11 @@ LegacyTextarea.displayName = "LegacyTextarea";
 
 // src/airbnb-fields/datepicker/DatePicker.tsx
 var React63 = __toESM(require("react"), 1);
-var import_lucide_react50 = require("lucide-react");
+var import_lucide_react51 = require("lucide-react");
 
 // src/airbnb-fields/field-trigger/FieldTrigger.tsx
 var React62 = __toESM(require("react"), 1);
-var import_lucide_react49 = require("lucide-react");
+var import_lucide_react50 = require("lucide-react");
 var import_react_i18next39 = require("react-i18next");
 var import_jsx_runtime170 = require("react/jsx-runtime");
 var AirbnbFieldTrigger = React62.forwardRef(
@@ -16824,7 +16871,7 @@ var AirbnbFieldTrigger = React62.forwardRef(
     const resolvedTrailingAdornment = loading || trailingAdornment ? /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)("span", { className: "flex items-center gap-2", children: [
       trailingAdornment,
       loading && /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
-        import_lucide_react49.Loader2,
+        import_lucide_react50.Loader2,
         {
           "aria-hidden": "true",
           className: "h-5 w-5 animate-spin text-[var(--chekin-color-gray-1)]"
@@ -17085,7 +17132,7 @@ var AirbnbDatePicker = React63.forwardRef(
           onClick: handleTriggerClick,
           onKeyDown: handleTriggerKeyDown,
           onBlur,
-          trailingAdornment: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(import_lucide_react50.Calendar, { className: "h-5 w-5 text-[#1F1F1B]", strokeWidth: 2 })
+          trailingAdornment: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(import_lucide_react51.Calendar, { className: "h-5 w-5 text-[#1F1F1B]", strokeWidth: 2 })
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
@@ -17275,7 +17322,7 @@ AirbnbInput.displayName = "AirbnbInput";
 
 // src/airbnb-fields/phone-field/PhoneField.tsx
 var React70 = __toESM(require("react"), 1);
-var import_lucide_react52 = require("lucide-react");
+var import_lucide_react53 = require("lucide-react");
 
 // src/airbnb-fields/select/Select.tsx
 var React69 = __toESM(require("react"), 1);
@@ -17624,7 +17671,7 @@ function AirbnbSelectMobileContent({
 
 // src/airbnb-fields/select/SelectTrigger.tsx
 var React65 = __toESM(require("react"), 1);
-var import_lucide_react51 = require("lucide-react");
+var import_lucide_react52 = require("lucide-react");
 var import_jsx_runtime177 = require("react/jsx-runtime");
 var AirbnbSelectTrigger = React65.forwardRef(
   ({
@@ -17681,7 +17728,7 @@ var AirbnbSelectTrigger = React65.forwardRef(
         onKeyDown,
         onBlur,
         trailingAdornment: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
-          import_lucide_react51.ChevronDown,
+          import_lucide_react52.ChevronDown,
           {
             className: open ? "h-6 w-6 rotate-180 text-[#1F1F1B] transition-transform" : "h-6 w-6 text-[#1F1F1B] transition-transform"
           }
@@ -18468,7 +18515,7 @@ var AirbnbPhoneField = React70.forwardRef(
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime179.jsx)("span", { children: valueLabel ?? codePlaceholder }),
                   /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
-                    import_lucide_react52.ChevronDown,
+                    import_lucide_react53.ChevronDown,
                     {
                       className: cn("h-5 w-5 transition-transform", open ? "rotate-180" : ""),
                       strokeWidth: 2
@@ -18519,7 +18566,7 @@ AirbnbPhoneField.displayName = "AirbnbPhoneField";
 
 // src/airbnb-fields/searchable-select/SearchableSelect.tsx
 var React71 = __toESM(require("react"), 1);
-var import_lucide_react53 = require("lucide-react");
+var import_lucide_react54 = require("lucide-react");
 var import_react_virtual3 = require("@tanstack/react-virtual");
 var import_react90 = require("react");
 var import_jsx_runtime180 = require("react/jsx-runtime");
@@ -18757,7 +18804,7 @@ var AirbnbSearchableSelectInternal = ({
         onKeyDown: handleTriggerKeyDown,
         onBlur,
         trailingAdornment: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
-          import_lucide_react53.ChevronDown,
+          import_lucide_react54.ChevronDown,
           {
             className: cn(
               "h-6 w-6 text-[#1F1F1B] transition-transform",
@@ -18855,7 +18902,7 @@ function AirbnbSearchableSelectContent({
   return /* @__PURE__ */ (0, import_jsx_runtime180.jsxs)("div", { className: "p-2", children: [
     /* @__PURE__ */ (0, import_jsx_runtime180.jsxs)("div", { className: "relative mb-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
-        import_lucide_react53.Search,
+        import_lucide_react54.Search,
         {
           "aria-hidden": "true",
           className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 text-[#9696B9]"
@@ -18965,13 +19012,13 @@ function getNextEnabledIndex(options, startIndex, step) {
 // src/airbnb-fields/search-input/SearchInput.tsx
 var React72 = __toESM(require("react"), 1);
 var import_react_i18next40 = require("react-i18next");
-var import_lucide_react54 = require("lucide-react");
+var import_lucide_react55 = require("lucide-react");
 var import_jsx_runtime181 = require("react/jsx-runtime");
 var AirbnbSearchInput = React72.forwardRef(({ onReset, placeholder, wrapperClassName, ...props }, ref) => {
   const { t } = (0, import_react_i18next40.useTranslation)();
   const placeholderText = placeholder || t("search_property") + "...";
   return /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { className: cn("input-wrapper relative", wrapperClassName), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(import_lucide_react54.Search, { className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 transform text-[#9696B9]" }),
+    /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(import_lucide_react55.Search, { className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 transform text-[#9696B9]" }),
     /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
       "input",
       {
@@ -18997,7 +19044,7 @@ var AirbnbSearchInput = React72.forwardRef(({ onReset, placeholder, wrapperClass
         variant: "ghost",
         onClick: onReset,
         className: "absolute right-0 top-1/2 h-5 w-5 -translate-y-1/2 transform text-[#9696B9]",
-        children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(import_lucide_react54.X, { className: "h-5 w-5" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(import_lucide_react55.X, { className: "h-5 w-5" })
       }
     )
   ] });