@chekinapp/ui 0.0.105 → 0.0.106

package/dist/index.cjs

@@ -12514,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,
@@ -12714,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
@@ -12929,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,
@@ -12939,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,
@@ -13007,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(
@@ -13344,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({
@@ -13370,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 })
       }
     )
   ] });
@@ -13624,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",
                 {
@@ -13665,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)(
@@ -13712,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,
                 {
@@ -14227,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
@@ -14291,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
@@ -15265,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
@@ -15296,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(
@@ -15382,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) => {
@@ -15717,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)]";
@@ -15838,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)(
@@ -15853,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 })
             }
           )
         ] })
@@ -16116,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
@@ -16401,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) {
@@ -16466,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",
@@ -16514,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 }),
@@ -16526,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 })
                             }
                           )
                         ]
@@ -16534,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 })
                     ] })
                   ]
                 }
@@ -16775,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(
@@ -16845,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)]"
@@ -17106,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)(
@@ -17296,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);
@@ -17645,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(
   ({
@@ -17702,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"
           }
@@ -18489,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
@@ -18540,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");
@@ -18778,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",
@@ -18876,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]"
@@ -18986,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",
       {
@@ -19018,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" })
       }
     )
   ] });