@itilite/lumina-ui 1.0.0 → 1.0.1-alpha

package/dist/index.js

@@ -57,23 +57,32 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
+  AdvancedDateRangePicker: () => AdvancedDateRangePicker,
+  Avatar: () => Avatar_default,
   Button: () => Button_default,
   Checkbox: () => Checkbox_default,
+  LoadingSpinner: () => LoadingSpinner_default,
   Modal: () => Modal_default,
   Radio: () => Radio_default,
+  RangePicker: () => RangePicker_default,
+  Select: () => Select_default,
+  Slider: () => Slider_default,
   Switch: () => Switch_default,
-  Tooltip: () => Tooltip_default
+  Table: () => Table,
+  Tag: () => Tag_default,
+  Tooltip: () => Tooltip_default,
+  UserProfile: () => UserProfile_default
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 
 // src/atom/Button/Button.tsx
 var import_antd = require("antd");
 var import_clsx = __toESM(require("clsx"));
 
 // src/atom/Button/Button.module.scss
-var Button_module_default = { "button": "Button-module__button___cLCyl", "size_large": "Button-module__size_large___S-mbU", "shape_circle": "Button-module__shape_circle___sPUS5", "size_normal": "Button-module__size_normal___qJUMj", "size_small": "Button-module__size_small___IUeei", "type_primary": "Button-module__type_primary___Tauz-", "variant_subtle": "Button-module__variant_subtle___BMbbd", "variant_text": "Button-module__variant_text___Pc5Ia", "variant_link": "Button-module__variant_link___Cj1O9", "type_secondary": "Button-module__type_secondary___CLmrA", "type_critical": "Button-module__type_critical___6ILOp", "onHoverUnderline": "Button-module__onHoverUnderline___LOfXo" };
+var Button_module_default = { "button": "Button-module__button___cLCyl", "size_large": "Button-module__size_large___S-mbU", "shape_circle": "Button-module__shape_circle___sPUS5", "size_normal": "Button-module__size_normal___qJUMj", "size_small": "Button-module__size_small___IUeei", "type_primary": "Button-module__type_primary___Tauz-", "variant_subtle": "Button-module__variant_subtle___BMbbd", "variant_text": "Button-module__variant_text___Pc5Ia", "variant_link": "Button-module__variant_link___Cj1O9", "disabled": "Button-module__disabled___nwPn4", "type_secondary": "Button-module__type_secondary___CLmrA", "type_critical": "Button-module__type_critical___6ILOp", "onHoverUnderline": "Button-module__onHoverUnderline___LOfXo" };
 
 // src/atom/Button/Button.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -455,12 +464,2541 @@ var Tooltip = (_a) => {
 };
 Tooltip.displayName = "Tooltip";
 var Tooltip_default = Tooltip;
+
+// src/atom/Avatar/Avatar.tsx
+var import_clsx6 = __toESM(require("clsx"));
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var COLOR_MAP = {
+  A: "#6455BF",
+  B: "#C46273",
+  C: "#52A79E",
+  D: "#DF8654",
+  E: "#B8639F",
+  F: "#6455BF",
+  G: "#C46273",
+  H: "#52A79E",
+  I: "#DF8654",
+  J: "#B8639F",
+  K: "#6455BF",
+  L: "#C46273",
+  M: "#52A79E",
+  N: "#DF8654",
+  O: "#B8639F",
+  P: "#6455BF",
+  Q: "#C46273",
+  R: "#52A79E",
+  S: "#DF8654",
+  T: "#B8639F",
+  U: "#6455BF",
+  V: "#C46273",
+  W: "#52A79E",
+  X: "#DF8654",
+  Y: "#B8639F",
+  Z: "#6455BF",
+  0: "#6455BF",
+  1: "#C46273",
+  6: "#C46273",
+  2: "#52A79E",
+  7: "#52A79E",
+  3: "#DF8654",
+  8: "#DF8654",
+  4: "#B8639F",
+  9: "#B8639F"
+};
+function Avatar({
+  img,
+  className,
+  name,
+  height = 28,
+  width = 28,
+  size = "normal"
+}) {
+  var _a;
+  const firstChar = (_a = name == null ? void 0 : name[0]) == null ? void 0 : _a.toUpperCase();
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    "div",
+    {
+      style: { height, width },
+      className: "tw-rounded-full tw-flex tw-items-center",
+      children: !img && name ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        "div",
+        {
+          style: {
+            backgroundColor: COLOR_MAP[firstChar],
+            height,
+            width
+          },
+          className: (0, import_clsx6.default)(
+            { "tw-text-font-size-10": size === "small" },
+            `tw-text-white tw-font-medium tw-rounded-full tw-flex tw-items-center tw-justify-center`,
+            className
+          ),
+          children: firstChar
+        }
+      ) : img ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        "img",
+        {
+          src: img,
+          style: { height, width },
+          alt: name,
+          className: (0, import_clsx6.default)("tw-rounded-full tw-object-cover", className)
+        }
+      ) : null
+    }
+  );
+}
+Avatar.displayName = "Avatar";
+var Avatar_default = Avatar;
+
+// src/atom/Tag/Tag.tsx
+var import_antd7 = require("antd");
+var import_clsx7 = __toESM(require("clsx"));
+
+// src/atom/Tag/Tag.module.scss
+var Tag_module_default = { "tag": "Tag-module__tag___PIkhI", "small": "Tag-module__small___nG5XQ", "success": "Tag-module__success___99fad", "blue": "Tag-module__blue___Zky2Z", "warning": "Tag-module__warning___KXsly", "processing": "Tag-module__processing___OssXC", "bookingConfirmed": "Tag-module__bookingConfirmed___potR4", "bookingRescheduled": "Tag-module__bookingRescheduled___ynrwI", "bookingRescheduledPending": "Tag-module__bookingRescheduledPending___K3GqS", "failed": "Tag-module__failed___dvpyQ", "bookingPending": "Tag-module__bookingPending___64umX" };
+
+// src/atom/Tag/Tag.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var Tag = (_a) => {
+  var _b = _a, {
+    type = "success",
+    className = "",
+    title = "",
+    icon = null,
+    size = ""
+  } = _b, rest = __objRest(_b, [
+    "type",
+    "className",
+    "title",
+    "icon",
+    "size"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    import_antd7.Tag,
+    __spreadProps(__spreadValues({
+      className: (0, import_clsx7.default)(
+        Tag_module_default.tag,
+        size === "small" && Tag_module_default.small,
+        Tag_module_default[type],
+        className
+      ),
+      icon
+    }, rest), {
+      children: title
+    })
+  );
+};
+Tag.displayName = "Tag";
+var Tag_default = Tag;
+
+// src/atom/RangePicker/RangePicker.tsx
+var import_react3 = require("react");
+var import_clsx9 = __toESM(require("clsx"));
+var import_dayjs = __toESM(require("dayjs"));
+
+// src/atom/RangePicker/Chevron.tsx
+var React = __toESM(require("react"));
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var Chevron = React.memo(
+  (_a) => {
+    var _b = _a, { size = "normal", color = "black", className } = _b, rest = __objRest(_b, ["size", "color", "className"]);
+    const getSize = (size2) => {
+      switch (size2) {
+        case "small":
+          return "M9.78 11.78a.75.75 0 000-1.06L7.06 8l2.72-2.72a.75.75 0 00-1.06-1.06L5.47 7.47a.75.75 0 000 1.06l3.25 3.25a.75.75 0 001.06 0z";
+        case "normal":
+          return "M14.78 17.78a.75.75 0 000-1.06L10.06 12l4.72-4.72a.75.75 0 00-1.06-1.06l-5.25 5.25a.75.75 0 000 1.06l5.25 5.25a.75.75 0 001.06 0z";
+        default:
+          return "M14.78 17.78a.75.75 0 000-1.06L10.06 12l4.72-4.72a.75.75 0 00-1.06-1.06l-5.25 5.25a.75.75 0 000 1.06l5.25 5.25a.75.75 0 001.06 0z";
+      }
+    };
+    const getContainer = (size2) => {
+      switch (size2) {
+        case "small":
+          return 16;
+        case "medium":
+          return 20;
+        case "normal":
+          return 24;
+        default:
+          return 24;
+      }
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      "svg",
+      __spreadProps(__spreadValues({
+        xmlns: "http://www.w3.org/2000/svg",
+        width: getContainer(size),
+        height: getContainer(size),
+        fill: "none",
+        viewBox: `0 0 ${getContainer(size)} ${getContainer(size)}`,
+        className
+      }, rest), {
+        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { fill: color, d: getSize(size) })
+      })
+    );
+  }
+);
+
+// src/atom/RangePicker/RangePicker.module.scss
+var RangePicker_module_default = { "range_start": "RangePicker-module__range_start___hGQp-", "range_end": "RangePicker-module__range_end___JJNib" };
+
+// src/atom/Select/Select.tsx
+var import_react2 = require("react");
+var import_clsx8 = __toESM(require("clsx"));
+
+// src/icons/Chevron.tsx
+var React2 = __toESM(require("react"));
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var Chevron2 = React2.memo(
+  (_a) => {
+    var _b = _a, { size = 16, color = "#6b7280", className } = _b, rest = __objRest(_b, ["size", "color", "className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      "svg",
+      __spreadProps(__spreadValues({
+        xmlns: "http://www.w3.org/2000/svg",
+        width: size,
+        height: size,
+        fill: "none",
+        viewBox: "0 0 16 16",
+        className
+      }, rest), {
+        children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          "path",
+          {
+            fill: color,
+            d: "M11.78 6.22a.75.75 0 00-1.06 0L8 8.94 5.28 6.22a.75.75 0 00-1.06 1.06l3.25 3.25a.75.75 0 001.06 0l3.25-3.25a.75.75 0 000-1.06z"
+          }
+        )
+      })
+    );
+  }
+);
+Chevron2.displayName = "Chevron";
+
+// src/icons/CrossV2.tsx
+var React3 = __toESM(require("react"));
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var CrossV2 = React3.memo(
+  (_a) => {
+    var _b = _a, { size = 16, color = "#111827", className } = _b, rest = __objRest(_b, ["size", "color", "className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      "svg",
+      __spreadProps(__spreadValues({
+        xmlns: "http://www.w3.org/2000/svg",
+        width: size,
+        height: size,
+        fill: "none",
+        viewBox: "0 0 20 20"
+      }, rest), {
+        children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          "path",
+          {
+            fill: color,
+            d: "M4.411 4.41a.833.833 0 0 1 1.179 0L10 8.822l4.411-4.41a.833.833 0 1 1 1.179 1.178L11.179 10l4.41 4.41a.833.833 0 0 1-1.178 1.18l-4.41-4.411-4.411 4.41a.833.833 0 1 1-1.179-1.178L8.821 10l-4.41-4.41a.833.833 0 0 1 0-1.18"
+          }
+        )
+      })
+    );
+  }
+);
+CrossV2.displayName = "CrossV2";
+
+// src/icons/Lock.tsx
+var import_react = __toESM(require("react"));
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var Lock = import_react.default.memo((_a) => {
+  var _b = _a, { size = 16, color = "#000" } = _b, rest = __objRest(_b, ["size", "color"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    "svg",
+    __spreadProps(__spreadValues({
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      fill: "none",
+      viewBox: "0 0 16 16"
+    }, rest), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        "path",
+        {
+          fill: color,
+          d: "M9 9a1 1 0 11-2 0 1 1 0 012 0zM5 4h-.5A2.5 2.5 0 002 6.5v5A2.5 2.5 0 004.5 14h7a2.5 2.5 0 002.5-2.5v-5A2.5 2.5 0 0011.5 4H11v-.5a3 3 0 00-6 0V4zm1-.5a2 2 0 114 0V4H6v-.5zM11.5 5A1.5 1.5 0 0113 6.5v5a1.5 1.5 0 01-1.5 1.5h-7A1.5 1.5 0 013 11.5v-5A1.5 1.5 0 014.5 5h7z"
+        }
+      )
+    })
+  );
+});
+
+// src/atom/LoadingSpinner/LoadingSpinner.tsx
+var import_icons = require("@ant-design/icons");
+var import_antd8 = require("antd");
+
+// src/atom/LoadingSpinner/LoadingSpinner.module.scss
+var LoadingSpinner_module_default = { "spinnerContainer": "LoadingSpinner-module__spinnerContainer___DiPLf" };
+
+// src/atom/LoadingSpinner/LoadingSpinner.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var sizeMapping = {
+  xs: 16,
+  small: 24,
+  medium: 36,
+  large: 48
+};
+var LoadingSpinner = (_a) => {
+  var _b = _a, { size = "small", color = "#ec5d25" } = _b, rest = __objRest(_b, ["size", "color"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", __spreadProps(__spreadValues({ className: LoadingSpinner_module_default.spinnerContainer }, rest), { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    import_antd8.Spin,
+    {
+      indicator: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        import_icons.LoadingOutlined,
+        {
+          style: { fontSize: sizeMapping[size], color },
+          spin: true
+        }
+      )
+    }
+  ) }));
+};
+LoadingSpinner.displayName = "LoadingSpinner";
+var LoadingSpinner_default = LoadingSpinner;
+
+// src/atom/Select/Select.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var InputWrapper = (0, import_react2.memo)(({ children, disabled, disabledTooltip }) => {
+  if (disabled && disabledTooltip)
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Tooltip_default, { title: disabledTooltip, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_jsx_runtime14.Fragment, { children });
+});
+var OptionItem = (0, import_react2.memo)(({
+  option,
+  index,
+  isSelected,
+  isHighlighted,
+  experience,
+  size,
+  optionClassName,
+  onSelectHandler,
+  onMouseEnterHandler
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    "div",
+    {
+      onClick: () => onSelectHandler(option),
+      onMouseEnter: () => onMouseEnterHandler(index),
+      className: (0, import_clsx8.default)(
+        "tw-transition-all tw-duration-150",
+        { "tw-typography-body2": size !== "small" },
+        { "tw-typography-caption1": size === "small" },
+        optionClassName
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        "div",
+        {
+          className: (0, import_clsx8.default)(
+            "tw-px-4 tw-cursor-pointer tw-py-2 tw-mx-0.5 tw-rounded-xl",
+            isSelected ? experience === "personal" ? "tw-bg-[#f1e8fa]" : "tw-bg-[#fff1e1]" : isHighlighted ? "tw-bg-[#f3f4f6] tw-text-gray-900" : "tw-text-gray-900 hover:tw-bg-[#1118270a]"
+          ),
+          children: option.label
+        }
+      )
+    }
+  );
+});
+var Select = ({
+  label,
+  mandatory = false,
+  error = false,
+  options = [],
+  valueSelected = "",
+  // Keep for backward compatibility
+  value: _valueProp,
+  // Rename to avoid potential conflicts with native value attribute
+  onChange,
+  onSearch,
+  isLoading = false,
+  disabled = false,
+  disabledTooltip = "",
+  className = "",
+  dropdownClassName = "",
+  optionClassName = "",
+  style = {},
+  showDisplayValue = false,
+  // New prop to show displayValue instead of label
+  allowClear = true,
+  enableSearch = true,
+  doubleCharSearch = false,
+  id,
+  name,
+  tabIndex,
+  // Add tabIndex prop
+  // Additional styling props
+  size = "default",
+  // 'small', 'default', 'large'
+  variant = "default",
+  // 'default', 'filled', 'outlined'
+  wrapperClassName = "",
+  inputClassName = "",
+  // Custom class for input element specifically
+  labelClassName = "",
+  // Custom class for label element specifically
+  height = "tw-h-12",
+  // Custom height
+  experience = "business"
+}) => {
+  const normalizeValue = (0, import_react2.useCallback)(
+    (val) => {
+      if (val === null || val === void 0) return "";
+      return String(val);
+    },
+    []
+  );
+  const validatedOptions = (0, import_react2.useMemo)(() => {
+    if (!Array.isArray(options)) return [];
+    return options.filter(
+      (opt) => opt && typeof opt === "object" && opt.value !== void 0 && opt.value !== null && opt.label !== void 0
+    );
+  }, [options]);
+  const [isOpen, setIsOpen] = (0, import_react2.useState)(false);
+  const [isFocused, setIsFocused] = (0, import_react2.useState)(false);
+  const [searchTerm, setSearchTerm] = (0, import_react2.useState)("");
+  const [isHovering, setIsHovering] = (0, import_react2.useState)(false);
+  const [highlightedIndex, setHighlightedIndex] = (0, import_react2.useState)(-1);
+  const [selectedValue, setSelectedValue] = (0, import_react2.useState)(() => {
+    const initialValue = valueSelected;
+    if (initialValue === null || initialValue === void 0) return "";
+    return String(initialValue);
+  });
+  const inputRef = (0, import_react2.useRef)(null);
+  const inputValueRef = (0, import_react2.useRef)("");
+  const dropdownRef = (0, import_react2.useRef)(null);
+  const optionRefs = (0, import_react2.useRef)([]);
+  const optionListRef = (0, import_react2.useRef)(null);
+  const blurTimeoutRef = (0, import_react2.useRef)(null);
+  const hoverTimeoutRef = (0, import_react2.useRef)(null);
+  const isActive = isFocused || Boolean(selectedValue) || Boolean(valueSelected) || Boolean(searchTerm);
+  const sizeClasses = (0, import_react2.useMemo)(() => {
+    switch (size) {
+      case "small":
+        return {
+          input: "tw-h-6 tw-typography-caption1Bold !tw-rounded-lg",
+          padding: "tw-px-2 tw-py-1",
+          labelActive: "tw-top-0.5 tw-typography-caption2",
+          labelInactive: "tw-top-1.5 tw-typography-caption3"
+        };
+      case "medium":
+        return {
+          input: "tw-h-10 tw-px-4 tw-typography-body2",
+          padding: label ? "tw-pt-4 tw-pb-1" : "tw-py-2",
+          labelActive: "tw-top-1 tw-typography-caption3",
+          labelInactive: "tw-top-2.5 tw-typography-body2"
+        };
+      case "large":
+        return {
+          input: "tw-h-16 tw-px-5 tw-typography-bodyLarge",
+          padding: label ? "tw-pt-8 tw-pb-4" : "tw-py-5",
+          labelActive: "tw-top-1 tw-typography-caption2",
+          labelInactive: "tw-top-5 tw-typography-body1"
+        };
+      default:
+        return {
+          input: height + " tw-px-4 tw-typography-bodyLarge",
+          padding: label ? "tw-pt-6 tw-pb-3" : "tw-py-3",
+          labelActive: "tw-top-1 tw-typography-caption3",
+          labelInactive: "tw-top-3.5 tw-typography-body2"
+        };
+    }
+  }, [size, label, height]);
+  const variantClasses = (0, import_react2.useMemo)(() => {
+    switch (variant) {
+      case "filled":
+        return "tw-bg-gray-50 tw-border-transparent";
+      case "outlined":
+        return "tw-bg-transparent tw-border-2";
+      default:
+        return " tw-border";
+    }
+  }, [variant]);
+  const handleBlur = (0, import_react2.useCallback)(() => {
+    blurTimeoutRef.current = setTimeout(() => {
+      setIsOpen(false);
+      setSearchTerm("");
+      setHighlightedIndex(-1);
+      blurTimeoutRef.current = null;
+      setIsFocused(false);
+    }, 150);
+  }, []);
+  const handleSearchChange = (0, import_react2.useCallback)(
+    (e) => {
+      var _a;
+      const searchValue = doubleCharSearch ? e.target.value.slice(0, 2) || "" : e.target.value;
+      if (doubleCharSearch) {
+        setSearchTerm(searchValue);
+      } else {
+        setSearchTerm(searchValue);
+      }
+      setIsOpen(true);
+      setHighlightedIndex(-1);
+      if (onSearch && typeof onSearch === "function") {
+        onSearch(searchValue);
+      }
+      (_a = optionListRef == null ? void 0 : optionListRef.current) == null ? void 0 : _a.scrollTo({
+        top: 0,
+        behavior: "smooth"
+      });
+    },
+    [doubleCharSearch, onSearch]
+  );
+  const handleOptionSelect = (0, import_react2.useCallback)(
+    (option) => {
+      var _a;
+      if (blurTimeoutRef.current) {
+        clearTimeout(blurTimeoutRef.current);
+        blurTimeoutRef.current = null;
+      }
+      inputValueRef.current = option.label;
+      const normalizedValue = normalizeValue(option.value);
+      setSelectedValue(normalizedValue);
+      setSearchTerm("");
+      setIsOpen(false);
+      if (enableSearch) {
+        setIsFocused(false);
+      }
+      setIsHovering(false);
+      if (onChange) onChange(option.value);
+      if (enableSearch) (_a = inputRef.current) == null ? void 0 : _a.blur();
+    },
+    [normalizeValue, onChange, enableSearch]
+  );
+  const handleClear = (0, import_react2.useCallback)(
+    (e) => {
+      var _a;
+      inputValueRef.current = "";
+      e.stopPropagation();
+      e.preventDefault();
+      setSelectedValue("");
+      setSearchTerm("");
+      if (enableSearch) {
+        setIsOpen(true);
+        setIsFocused(true);
+        (_a = inputRef.current) == null ? void 0 : _a.focus();
+      } else {
+        setIsOpen(false);
+        setIsFocused(false);
+      }
+      if (onChange) onChange(null);
+    },
+    [onChange, enableSearch]
+  );
+  (0, import_react2.useEffect)(() => {
+    if (!validatedOptions.length) {
+      setSelectedValue("");
+      setSearchTerm("");
+      inputValueRef.current = "";
+    }
+  }, [validatedOptions.length]);
+  (0, import_react2.useEffect)(() => {
+    const externalValue = _valueProp !== void 0 ? _valueProp : valueSelected;
+    const newValue = normalizeValue(externalValue);
+    setSelectedValue((prevValue) => {
+      const prevNormalized = normalizeValue(prevValue);
+      return prevNormalized !== newValue ? newValue : prevValue;
+    });
+  }, [valueSelected, _valueProp, normalizeValue]);
+  (0, import_react2.useEffect)(() => {
+    const handleClickOutside = (event) => {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+        if (blurTimeoutRef.current) {
+          clearTimeout(blurTimeoutRef.current);
+          blurTimeoutRef.current = null;
+        }
+        setIsOpen(false);
+        setIsFocused(false);
+        setSearchTerm("");
+        setHighlightedIndex(-1);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+      if (blurTimeoutRef.current) {
+        clearTimeout(blurTimeoutRef.current);
+      }
+      if (hoverTimeoutRef.current) {
+        clearTimeout(hoverTimeoutRef.current);
+      }
+    };
+  }, []);
+  const getDisplayValue = (0, import_react2.useCallback)(() => {
+    if (selectedValue && (validatedOptions == null ? void 0 : validatedOptions.length) > 0) {
+      const selected = validatedOptions.find(
+        (opt) => normalizeValue(opt.value) === normalizeValue(selectedValue)
+      );
+      if (selected) {
+        return showDisplayValue && selected.displayValue ? selected.displayValue : selected.label;
+      }
+    }
+    if (selectedValue && (!validatedOptions || validatedOptions.length === 0)) {
+      return selectedValue;
+    }
+    return "";
+  }, [selectedValue, validatedOptions, showDisplayValue, normalizeValue]);
+  const displayValue = (0, import_react2.useMemo)(() => getDisplayValue(), [getDisplayValue]);
+  const inputClasses = (0, import_react2.useMemo)(() => {
+    return (0, import_clsx8.default)(
+      "tw-w-full tw-rounded-xl tw-outline-none tw-transition-all tw-duration-200 tw-cursor-pointer tw-border-solid tw-text-color-text-default",
+      sizeClasses.input,
+      sizeClasses.padding,
+      variantClasses,
+      {
+        "tw-bg-white": valueSelected || displayValue || isFocused,
+        "tw-bg-color-gray-5": !valueSelected || !displayValue,
+        "!tw-bg-[#F8F7F6] tw-cursor-not-allowed tw-pointer-events-none": disabled
+      },
+      !label && "tw-flex tw-items-center",
+      {
+        "!tw-border-color-primary": isFocused && experience === "business"
+      },
+      {
+        "!tw-border-[#804D7B]": isFocused && experience === "personal"
+      },
+      error ? "!tw-border-color-text-critical " : "tw-border-[#EBE3DD] hover:tw-border-[#C5B7AC]",
+      "focus:tw-shadow-sm focus:tw-ring-offset-1",
+      className,
+      inputClassName
+    );
+  }, [sizeClasses, variantClasses, valueSelected, displayValue, isFocused, disabled, label, experience, error, className, inputClassName]);
+  const filteredOptions = (0, import_react2.useMemo)(() => {
+    var _a;
+    if (!enableSearch) {
+      return validatedOptions;
+    }
+    (_a = dropdownRef.current) == null ? void 0 : _a.scrollTo(0, 0);
+    const updatedFilteredOptions = validatedOptions.filter((option) => {
+      var _a2;
+      return (_a2 = option == null ? void 0 : option.label) == null ? void 0 : _a2.toLowerCase().includes(searchTerm == null ? void 0 : searchTerm.toLowerCase());
+    });
+    return updatedFilteredOptions;
+  }, [validatedOptions, searchTerm, enableSearch]);
+  const getSelectedOptionIndex = (0, import_react2.useCallback)(() => {
+    if (!selectedValue || !filteredOptions.length) {
+      return 0;
+    }
+    const index = filteredOptions.findIndex(
+      (option) => normalizeValue(option.value) === normalizeValue(selectedValue)
+    );
+    return index >= 0 ? index : 0;
+  }, [selectedValue, filteredOptions, normalizeValue]);
+  const handleInputInteraction = (0, import_react2.useCallback)(
+    (_e) => {
+      var _a;
+      if (blurTimeoutRef.current) {
+        clearTimeout(blurTimeoutRef.current);
+        blurTimeoutRef.current = null;
+      }
+      if (isOpen) {
+        setIsOpen(false);
+        setIsFocused(false);
+        setSearchTerm("");
+        setHighlightedIndex(-1);
+        (_a = inputRef.current) == null ? void 0 : _a.blur();
+        return;
+      }
+      setIsFocused(true);
+      setIsOpen(true);
+      setHighlightedIndex(getSelectedOptionIndex());
+      if (inputRef.current) {
+        inputRef.current.focus();
+      }
+    },
+    [isOpen, getSelectedOptionIndex]
+  );
+  const handleKeyDown = (0, import_react2.useCallback)(
+    (e) => {
+      var _a;
+      if (!isOpen) return;
+      switch (e.key) {
+        case "ArrowDown":
+          e.preventDefault();
+          setHighlightedIndex((prev) => {
+            const nextIndex = prev < filteredOptions.length - 1 ? prev + 1 : prev;
+            return nextIndex;
+          });
+          break;
+        case "ArrowUp":
+          e.preventDefault();
+          setHighlightedIndex((prev) => {
+            const nextIndex = prev > 0 ? prev - 1 : prev;
+            return nextIndex;
+          });
+          break;
+        case "Enter":
+          e.preventDefault();
+          if (highlightedIndex >= 0 && filteredOptions[highlightedIndex]) {
+            handleOptionSelect(filteredOptions[highlightedIndex]);
+          }
+          break;
+        case "Escape":
+          e.preventDefault();
+          setIsOpen(false);
+          setIsFocused(false);
+          setSearchTerm("");
+          setHighlightedIndex(-1);
+          (_a = inputRef.current) == null ? void 0 : _a.blur();
+          break;
+        default:
+          break;
+      }
+    },
+    [isOpen, highlightedIndex, filteredOptions, handleOptionSelect]
+  );
+  (0, import_react2.useEffect)(() => {
+    if (highlightedIndex >= 0 && optionRefs.current[highlightedIndex]) {
+      optionRefs.current[highlightedIndex].scrollIntoView({
+        block: "nearest",
+        behavior: "smooth"
+      });
+    }
+  }, [highlightedIndex]);
+  (0, import_react2.useEffect)(() => {
+    optionRefs.current = [];
+  }, [filteredOptions.length]);
+  const handleMouseEnter = (0, import_react2.useCallback)(() => {
+    if (hoverTimeoutRef.current) {
+      clearTimeout(hoverTimeoutRef.current);
+    }
+    if (!isHovering) {
+      setIsHovering(true);
+    }
+  }, [isHovering]);
+  const handleMouseLeave = (0, import_react2.useCallback)(() => {
+    hoverTimeoutRef.current = setTimeout(() => {
+      setIsHovering(false);
+    }, 50);
+  }, []);
+  const handleChevronClick = (0, import_react2.useCallback)(
+    (e) => {
+      var _a;
+      e.preventDefault();
+      if (blurTimeoutRef.current) {
+        clearTimeout(blurTimeoutRef.current);
+        blurTimeoutRef.current = null;
+      }
+      if (isOpen) {
+        setIsOpen(false);
+        setIsFocused(false);
+        setSearchTerm("");
+        setHighlightedIndex(-1);
+        (_a = inputRef.current) == null ? void 0 : _a.blur();
+      } else {
+        if (inputRef.current) {
+          inputRef.current.focus();
+        }
+        handleInputInteraction();
+      }
+    },
+    [isOpen, handleInputInteraction]
+  );
+  const handleChevronMouseDown = (0, import_react2.useCallback)(
+    (e) => {
+      if (isHovering && selectedValue && allowClear) {
+        handleClear(e);
+      } else {
+        handleChevronClick(e);
+      }
+    },
+    [isHovering, selectedValue, allowClear, handleClear, handleChevronClick]
+  );
+  const handleOptionClick = (0, import_react2.useCallback)((option) => {
+    handleOptionSelect(option);
+  }, [handleOptionSelect]);
+  const handleOptionMouseEnter = (0, import_react2.useCallback)((index) => {
+    setHighlightedIndex(index);
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(InputWrapper, { disabled, disabledTooltip, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    "div",
+    {
+      style,
+      className: (0, import_clsx8.default)("tw-relative tw-w-full", wrapperClassName, {
+        "tw-cursor-not-allowed": disabled
+      }),
+      ref: dropdownRef,
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "tw-relative", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            "input",
+            {
+              ref: inputRef,
+              type: "text",
+              id,
+              name,
+              tabIndex,
+              autoComplete: "off",
+              autoCorrect: "off",
+              autoCapitalize: "off",
+              spellCheck: "false",
+              value: isFocused && enableSearch ? searchTerm : displayValue,
+              onChange: enableSearch ? handleSearchChange : void 0,
+              onClick: handleInputInteraction,
+              onKeyDown: handleKeyDown,
+              className: inputClasses,
+              readOnly: !isFocused || !enableSearch
+            }
+          ),
+          label && size !== "small" && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+            "label",
+            {
+              htmlFor: id,
+              className: (0, import_clsx8.default)(
+                "tw-absolute tw-left-[18px] tw-pointer-events-none tw-transition-all tw-duration-200 tw-ease-out tw-text-gray-500",
+                isActive ? sizeClasses.labelActive : sizeClasses.labelInactive,
+                error && "tw-text-color-text-critical",
+                labelClassName
+              ),
+              children: [
+                label,
+                mandatory && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "tw-text-color-text-critical tw-ml-1", children: "*" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+            "div",
+            {
+              className: (0, import_clsx8.default)(
+                "tw-absolute tw-right-3 tw--translate-y-1/2 tw-flex tw-items-center",
+                {
+                  "!tw-right-[5px]": doubleCharSearch && !(isHovering && selectedValue && allowClear),
+                  "tw-top-3 !tw-right-2": size === "small",
+                  "tw-top-1/2": size !== "small"
+                }
+              ),
+              children: [
+                disabled && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "tw-absolute tw-right-0 -tw-top-2", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Lock, { size: 16 }) }),
+                isLoading ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(LoadingSpinner_default, { size: "xs" }) }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                  "div",
+                  {
+                    className: (0, import_clsx8.default)(
+                      "tw-transition-all tw-duration-200 tw-cursor-pointer tw-flex tw-items-center",
+                      // Only rotate chevron when open and not showing clear icon
+                      isOpen && !(isHovering && selectedValue && allowClear) && "-tw-rotate-180"
+                    ),
+                    onMouseDown: handleChevronMouseDown,
+                    children: disabled ? null : isHovering && selectedValue && allowClear ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                      CrossV2,
+                      {
+                        color: "#111827",
+                        className: (0, import_clsx8.default)({ "tw-mr-1": size !== "small" }),
+                        size: size === "small" ? 12 : 16
+                      }
+                    ) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                      Chevron2,
+                      {
+                        className: (0, import_clsx8.default)("tw-text-gray-400"),
+                        color: "#6B7280"
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          )
+        ] }),
+        isOpen && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          "div",
+          {
+            className: (0, import_clsx8.default)(
+              "tw-absolute tw-z-[100] tw-w-full tw-mt-0 tw-bg-white tw-border tw-border-[#ebe3dd] tw-border-solid tw-rounded-xl tw-shadow-lg tw-overflow-y-auto tw-py-1",
+              { "tw-max-h-60": !doubleCharSearch },
+              { "tw-max-h-44": doubleCharSearch },
+              dropdownClassName
+            ),
+            ref: optionListRef,
+            children: filteredOptions.length > 0 ? filteredOptions.map((option, index) => {
+              const isSelected = normalizeValue(selectedValue) === normalizeValue(option.value);
+              const isHighlighted = index === highlightedIndex;
+              return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { ref: (el) => optionRefs.current[index] = el, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                OptionItem,
+                {
+                  option,
+                  index,
+                  isSelected,
+                  isHighlighted,
+                  experience,
+                  size,
+                  optionClassName,
+                  onSelectHandler: handleOptionClick,
+                  onMouseEnterHandler: handleOptionMouseEnter
+                }
+              ) }, doubleCharSearch ? option.label : option.value);
+            }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "tw-px-4 tw-py-3 tw-text-gray-500 tw-text-sm", children: "No options found" })
+          }
+        )
+      ]
+    }
+  ) });
+};
+Select.displayName = "Select";
+var Select_default = Select;
+
+// src/atom/RangePicker/RangePicker.tsx
+var import_jsx_runtime15 = require("react/jsx-runtime");
+function CustomRangePicker(props) {
+  var _a, _b;
+  const {
+    id = "",
+    footer,
+    onChange = () => {
+    },
+    dateRange = ["", ""],
+    showNightCount = false,
+    isRange = true,
+    showYearDropdown = false,
+    showSingleCalendar = false,
+    disablePastDates = false,
+    // New prop to control past date restriction
+    minDate = null,
+    // New prop for minimum allowed date
+    maxDate = null,
+    // New prop for maximum allowed date
+    minYear = 1900,
+    // Minimum year for dropdown
+    maxYear = (/* @__PURE__ */ new Date()).getFullYear() + 10,
+    // Maximum year for dropdown
+    experience = "business",
+    showToastError = () => {
+    }
+  } = props;
+  const onChangeRef = (0, import_react3.useRef)(onChange);
+  (0, import_react3.useEffect)(() => {
+    onChangeRef.current = onChange;
+  }, [onChange]);
+  const getInitialDate = () => {
+    if (dateRange[0]) {
+      return new Date(dateRange[0]);
+    }
+    if (!minDate && !maxDate && !minYear && !maxYear) {
+      return /* @__PURE__ */ new Date();
+    }
+    if (maxYear && maxYear !== (/* @__PURE__ */ new Date()).getFullYear()) {
+      let targetDate = new Date(maxYear, 7, 1);
+      if (maxDate) {
+        const maxDateTime = new Date(maxDate);
+        if (targetDate > maxDateTime) {
+          targetDate = new Date(
+            maxDateTime.getFullYear(),
+            maxDateTime.getMonth(),
+            1
+          );
+        }
+      }
+      return targetDate;
+    }
+    if (minDate) {
+      const minDateTime = new Date(minDate);
+      minDateTime.setHours(0, 0, 0, 0);
+      return minDateTime;
+    }
+    return /* @__PURE__ */ new Date();
+  };
+  const [currentDate, setCurrentDate] = (0, import_react3.useState)(() => getInitialDate());
+  const [startDate, setStartDate] = (0, import_react3.useState)(
+    dateRange[0] ? new Date(dateRange[0]) : null
+  );
+  const [endDate, setEndDate] = (0, import_react3.useState)(
+    dateRange[0] && dateRange[1] ? new Date(dateRange[1]) : null
+  );
+  const [hoverDate, setHoverDate] = (0, import_react3.useState)(null);
+  const [isSelectingEnd, setIsSelectingEnd] = (0, import_react3.useState)(
+    dateRange[0] && !dateRange[1] ? true : false
+  );
+  const [selectedDate, setSelectedDate] = (0, import_react3.useState)(
+    !isRange && dateRange[0] ? new Date(dateRange[0]) : null
+  );
+  (0, import_react3.useEffect)(() => {
+    const newStart = dateRange[0] ? new Date(dateRange[0]) : null;
+    const newEnd = dateRange[1] ? new Date(dateRange[1]) : null;
+    setStartDate(newStart);
+    setEndDate(newEnd);
+    if (newStart) {
+      setCurrentDate(new Date(newStart.getFullYear(), newStart.getMonth(), 1));
+    }
+  }, [dateRange]);
+  const getDaysBetween = (start, end) => {
+    if (!start || !end) return 0;
+    const startDay = (0, import_dayjs.default)(start).startOf("day");
+    const endDay = (0, import_dayjs.default)(end).startOf("day");
+    return endDay.diff(startDay, "day");
+  };
+  const nightCount = Math.abs(getDaysBetween(startDate || endDate, hoverDate));
+  const nightCountText = nightCount > 1 ? `${nightCount} nights` : "1 night";
+  const today = /* @__PURE__ */ new Date();
+  today.setHours(0, 0, 0, 0);
+  const firstMonth = new Date(
+    currentDate.getFullYear(),
+    currentDate.getMonth(),
+    1
+  );
+  const secondMonth = new Date(
+    currentDate.getFullYear(),
+    currentDate.getMonth() + 1,
+    1
+  );
+  const monthNames = [
+    "January",
+    "February",
+    "March",
+    "April",
+    "May",
+    "June",
+    "July",
+    "August",
+    "September",
+    "October",
+    "November",
+    "December"
+  ];
+  const dayNames = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+  const generateYearOptions = () => {
+    const years = [];
+    for (let i = minYear; i <= maxYear; i++) {
+      const isYearDisabled = isYearCompletelyDisabled(i);
+      years.push({
+        label: i.toString(),
+        value: i,
+        disabled: isYearDisabled
+      });
+    }
+    return years;
+  };
+  const isYearCompletelyDisabled = (year) => {
+    const firstDayOfYear = new Date(year, 0, 1);
+    const lastDayOfYear = new Date(year, 11, 31);
+    if (minDate) {
+      const minDateTime = new Date(minDate);
+      minDateTime.setHours(0, 0, 0, 0);
+      if (minDateTime > lastDayOfYear) {
+        return true;
+      }
+    }
+    if (maxDate) {
+      const maxDateTime = new Date(maxDate);
+      maxDateTime.setHours(0, 0, 0, 0);
+      if (maxDateTime < firstDayOfYear) {
+        return true;
+      }
+    }
+    if (disablePastDates) {
+      const today2 = /* @__PURE__ */ new Date();
+      today2.setHours(0, 0, 0, 0);
+      if (lastDayOfYear < today2) {
+        return true;
+      }
+    }
+    return false;
+  };
+  const yearOptions = generateYearOptions();
+  const generateCalendarDays = (monthDate) => {
+    const year = monthDate.getFullYear();
+    const month = monthDate.getMonth();
+    const firstDay = new Date(year, month, 1);
+    const lastDay = new Date(year, month + 1, 0);
+    const daysInMonth = lastDay.getDate();
+    const startingDayOfWeek = firstDay.getDay();
+    const days = [];
+    for (let i = 0; i < startingDayOfWeek; i++) {
+      days.push(null);
+    }
+    for (let day = 1; day <= daysInMonth; day++) {
+      days.push(new Date(year, month, day));
+    }
+    return days;
+  };
+  const formatDateKey = (date) => {
+    if (!date) return "";
+    return `${date.getFullYear()}-${date.getMonth()}-${date.getDate()}`;
+  };
+  const isSameDate = (date1, date2) => {
+    if (!date1 || !date2) return false;
+    return formatDateKey(date1) === formatDateKey(date2);
+  };
+  const isDateDisabled = (date) => {
+    if (!date) return false;
+    const checkDate = new Date(date);
+    checkDate.setHours(0, 0, 0, 0);
+    if (disablePastDates && checkDate < today) {
+      return true;
+    }
+    if (minDate) {
+      const minDateTime = new Date(minDate);
+      minDateTime.setHours(0, 0, 0, 0);
+      if (checkDate < minDateTime) {
+        return true;
+      }
+    }
+    if (maxDate) {
+      const maxDateTime = new Date(maxDate);
+      maxDateTime.setHours(0, 0, 0, 0);
+      if (checkDate > maxDateTime) {
+        return true;
+      }
+    }
+    return false;
+  };
+  const isDateInRange = (date) => {
+    if (!isRange || !startDate || !date) return false;
+    const compareDate = endDate || hoverDate;
+    if (!compareDate) return false;
+    const start = startDate < compareDate ? startDate : compareDate;
+    const end = startDate < compareDate ? compareDate : startDate;
+    return date >= start && date <= end;
+  };
+  const isDateBetweenRange = (date) => {
+    if (!isRange || !startDate || !date) return false;
+    const compareDate = endDate || hoverDate;
+    if (!compareDate) return false;
+    const start = startDate < compareDate ? startDate : compareDate;
+    const end = startDate < compareDate ? compareDate : startDate;
+    return date > start && date < end;
+  };
+  const handleDateClick = (date) => {
+    if (isDateDisabled(date)) return;
+    if (!isRange) {
+      setSelectedDate(date);
+      onChangeRef.current(null, (0, import_dayjs.default)(date).format("D MMM, YYYY"));
+      return;
+    }
+    let nextStart = startDate;
+    let nextEnd = endDate;
+    const isCheckinCheckoutSame = (0, import_dayjs.default)(date).format("D MMM, YYYY") === (0, import_dayjs.default)(startDate).format("D MMM, YYYY");
+    if (showNightCount && isCheckinCheckoutSame) {
+      setStartDate(null);
+      setEndDate(null);
+      setIsSelectingEnd(false);
+      setHoverDate(null);
+      showToastError("Check-in and check-out dates cannot be the same.");
+      onChangeRef.current(null, ["", ""]);
+      return;
+    }
+    if (!startDate || startDate && endDate) {
+      nextStart = date;
+      nextEnd = null;
+      setStartDate(nextStart);
+      setEndDate(nextEnd);
+      setIsSelectingEnd(true);
+      setHoverDate(null);
+    } else if (startDate && !endDate) {
+      if (date < startDate) {
+        nextEnd = startDate;
+        nextStart = date;
+      } else {
+        nextEnd = date;
+      }
+      setStartDate(nextStart);
+      setEndDate(nextEnd);
+      setIsSelectingEnd(false);
+      setHoverDate(null);
+    }
+    onChangeRef.current(null, [
+      nextStart ? (0, import_dayjs.default)(nextStart).format("D MMM, YYYY") : "",
+      nextEnd ? (0, import_dayjs.default)(nextEnd).format("D MMM, YYYY") : ""
+    ]);
+  };
+  (0, import_react3.useEffect)(() => {
+    if (isRange && startDate && !endDate) {
+      sessionStorage.setItem(
+        "rangePickerStartDate",
+        (0, import_dayjs.default)(startDate).format("D MMM, YYYY")
+      );
+    }
+  }, [startDate, endDate, isRange]);
+  const handleDateHover = (date) => {
+    if (isDateDisabled(date) || !isRange) return;
+    if (isSelectingEnd && startDate && !endDate) {
+      setHoverDate(date);
+    }
+  };
+  const navigateMonth = (direction) => {
+    const newDate = new Date(currentDate);
+    newDate.setMonth(currentDate.getMonth() + direction);
+    setCurrentDate(newDate);
+  };
+  const isPreviousMonthDisabled = () => {
+    const previousMonth = new Date(currentDate);
+    previousMonth.setMonth(currentDate.getMonth() - 1);
+    const lastDayOfPreviousMonth = new Date(
+      previousMonth.getFullYear(),
+      previousMonth.getMonth() + 1,
+      0
+    );
+    return isDateDisabled(lastDayOfPreviousMonth);
+  };
+  const isNextMonthDisabled = () => {
+    const nextMonth = new Date(currentDate);
+    nextMonth.setMonth(currentDate.getMonth() + 1);
+    const firstDayOfNextMonth = new Date(
+      nextMonth.getFullYear(),
+      nextMonth.getMonth(),
+      1
+    );
+    return isDateDisabled(firstDayOfNextMonth);
+  };
+  const handleYearChange = (selectedYear) => {
+    const newDate = new Date(currentDate);
+    newDate.setFullYear(selectedYear);
+    const targetMonth = newDate.getMonth();
+    if (!isMonthDisabled(selectedYear, targetMonth)) {
+      setCurrentDate(newDate);
+    } else {
+      const firstAvailableMonth = findFirstAvailableMonth(selectedYear);
+      if (firstAvailableMonth !== -1) {
+        newDate.setMonth(firstAvailableMonth);
+        setCurrentDate(newDate);
+      }
+    }
+  };
+  const isMonthDisabled = (year, month) => {
+    const lastDayOfMonth = new Date(year, month + 1, 0);
+    const firstDayOfMonth = new Date(year, month, 1);
+    return isDateDisabled(lastDayOfMonth) && isDateDisabled(firstDayOfMonth);
+  };
+  const findFirstAvailableMonth = (year) => {
+    for (let month = 0; month < 12; month++) {
+      if (!isMonthDisabled(year, month)) {
+        return month;
+      }
+    }
+    return -1;
+  };
+  const isSameDay = ((_a = (0, import_dayjs.default)(startDate)) == null ? void 0 : _a.format("D MMM, YYYY")) === ((_b = (0, import_dayjs.default)(endDate)) == null ? void 0 : _b.format("D MMM, YYYY"));
+  const NightCountTooltip = () => {
+    const TooltipArrow = (0, import_react3.memo)(() => {
+      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "tw-w-3 tw-h-3 tw-flex tw-items-center tw-justify-center tw-rounded tw-bg-transparent tw-rotate-90", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        "div",
+        {
+          style: {
+            borderTop: "5px solid transparent",
+            borderBottom: "5px solid transparent",
+            borderLeft: "8px solid black"
+          }
+        }
+      ) });
+    });
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "tw-absolute tw-bottom-11 tw-py-2 tw-bg-black tw-text-white tw-px-2 tw-rounded-lg tw-z-50 tw-text-xs tw-whitespace-nowrap tw-opacity-0 tw-pointer-events-none group-hover:tw-opacity-100 tw-transition-opacity tw-duration-200", children: [
+      nightCountText,
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "tw-absolute tw-right-[42%] tw-bottom-[-7px]", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TooltipArrow, {}) })
+    ] });
+  };
+  const renderCalendar = (monthDate, isSecondCalendar = false) => {
+    const days = generateCalendarDays(monthDate);
+    const monthName = monthNames[monthDate.getMonth()];
+    const year = monthDate.getFullYear();
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+      "div",
+      {
+        className: (0, import_clsx9.default)("tw-flex-1 tw-max-w-[83vw] tw-mb-2", {
+          "tw-h-[320px]": showYearDropdown || days.length > 35,
+          "tw-h-[290px]": !showYearDropdown || days.length <= 35
+        }),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "tw-text-center tw-mb-4 sm:tw-mt-0", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: " tw-flex tw-justify-center tw-items-center tw-gap-4 ", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("h3", { className: "tw-typography-footNoteBold tw-text-color-text-default tw-m-0", children: [
+              monthName,
+              " ",
+              !showYearDropdown && ` ${year}`
+            ] }),
+            showYearDropdown && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              Select_default,
+              {
+                options: yearOptions,
+                value: currentDate.getFullYear(),
+                valueSelected: currentDate.getFullYear(),
+                onChange: (selectedYear) => {
+                  if (typeof selectedYear === "number") {
+                    handleYearChange(selectedYear);
+                  }
+                },
+                className: "tw-min-w-fit tw-bg-transparent tw-typography-footNoteBold tw-text-color-text-default",
+                size: "small",
+                variant: "filled",
+                style: { width: "80px" },
+                id: `${id}-year-select`,
+                allowClear: false,
+                enableSearch: false,
+                experience
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "tw-grid tw-grid-cols-7 tw-mb-2", children: dayNames.map((day) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            "div",
+            {
+              className: "tw-py-2 tw-px-0 tw-text-center tw-typography-caption2 tw-text-[#6B7280]",
+              children: day
+            },
+            day
+          )) }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "tw-grid tw-grid-cols-7", children: days.map((date, index) => {
+            if (!date) {
+              return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "tw-h-10" }, index);
+            }
+            const isStart = isRange ? isSameDate(date, startDate) : false;
+            const isEnd = isRange ? isSameDate(date, endDate) : false;
+            const isSelected = !isRange ? isSameDate(date, selectedDate) : false;
+            const isInRange = isRange ? isDateBetweenRange(date) : false;
+            const isHovering = isRange && isSelectingEnd && hoverDate && isDateInRange(date) && !isStart && !isEnd;
+            const isDisabled = isDateDisabled(date);
+            let className = "tw-relative tw-z-20 tw-h-10 tw-w-10 tw-flex tw-items-center tw-justify-center tw-typography-caption1Bold  ";
+            const isFirstInRow = index % 7 === 0;
+            const isLastInRow = index % 7 === 6;
+            let pseudoClass = "";
+            if (isDisabled) {
+              className += "tw-text-gray-300 tw-cursor-not-allowed ";
+            } else {
+              className += "tw-cursor-pointer ";
+              if (isStart || isEnd || isSelected) {
+                className += "tw-bg-black tw-z-[21] tw-text-white tw-font-medium tw-rounded-full ";
+              } else if (isInRange) {
+                className += "tw-text-gray-900";
+                if (window.innerWidth < 640) {
+                  className = className.replace(
+                    "tw-w-10",
+                    "tw-pr-2 tw-w-[50px] sm:tw-w-10 sm:tw-pr-0"
+                  );
+                }
+                pseudoClass = (0, import_clsx9.default)(RangePicker_module_default.range_start, RangePicker_module_default.range_end);
+              } else {
+                className += "tw-text-gray-700 hover:tw-border-2 hover:tw-border-black tw-rounded-full hover:tw-border-solid ";
+              }
+              if (isHovering) {
+                className += "tw-border-2 tw-border-gray-400 tw-bg-white tw-z-[22]";
+              }
+            }
+            const titleDate = (0, import_dayjs.default)(date).format("YYYY-MM-DD");
+            const hoverDateFormatted = (0, import_dayjs.default)(hoverDate || null).format(
+              "YYYY-MM-DD"
+            );
+            const isHoveringDate = (0, import_dayjs.default)(hoverDateFormatted).isSame(
+              (0, import_dayjs.default)(date),
+              "day"
+            );
+            const isHoverDateGreater = (0, import_dayjs.default)(hoverDate).isAfter(
+              (0, import_dayjs.default)(startDate),
+              "day"
+            );
+            const isHoverDateLess = (0, import_dayjs.default)(hoverDate).isBefore(
+              (0, import_dayjs.default)(startDate),
+              "day"
+            );
+            return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "tw-relative", children: [
+              (isStart || isEnd) && startDate && endDate && !isSameDay && isRange && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                "div",
+                {
+                  className: (0, import_clsx9.default)(
+                    "tw-w-9 tw-h-8 tw-bg-[#F2EFEC] tw-rotate-90 tw-absolute tw-z-10 tw-top-1",
+                    {
+                      "tw-left-5": isStart,
+                      "tw-right-5": isEnd,
+                      "tw-invisible": isFirstInRow && isEnd || isLastInRow && isStart
+                    }
+                  )
+                }
+              ),
+              isHoveringDate && isHovering && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                  "div",
+                  {
+                    className: (0, import_clsx9.default)(
+                      "tw-w-9 tw-h-8 tw-bg-[#F2EFEC] tw-rotate-90 tw-absolute tw-z-10 tw-top-1",
+                      {
+                        "tw-right-5": isHoverDateGreater,
+                        "tw-left-5": isHoverDateLess,
+                        "tw-invisible": isFirstInRow && isHoverDateGreater || isLastInRow && isHoverDateLess
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                  "div",
+                  {
+                    className: (0, import_clsx9.default)(
+                      "tw-w-[18px] tw-h-[40px] tw-bg-white tw-rounded-r-full tw-absolute tw-z-20",
+                      {
+                        "tw-left-5": isHoverDateLess,
+                        "tw-right-5 tw-rotate-180": isHoverDateGreater
+                      }
+                    )
+                  }
+                )
+              ] }),
+              isStart && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                  "div",
+                  {
+                    className: (0, import_clsx9.default)(
+                      "tw-w-9 tw-h-8 tw-bg-[#F2EFEC] tw-rotate-90 tw-absolute tw-z-10 tw-top-1",
+                      {
+                        "tw-right-5": isHoverDateLess,
+                        "tw-left-5": isHoverDateGreater,
+                        "tw-invisible": isLastInRow
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                  "div",
+                  {
+                    className: (0, import_clsx9.default)(
+                      "tw-w-[18px] tw-h-[40px] tw-bg-white tw-rounded-r-full tw-absolute tw-z-20",
+                      {
+                        "tw-left-5": isHoverDateGreater,
+                        "tw-right-5 tw-rotate-180": isHoverDateLess
+                      }
+                    )
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+                "div",
+                {
+                  className: (0, import_clsx9.default)(className, pseudoClass, "tw-group", {
+                    "tw-border-2 !tw-border-black tw-rounded-full tw-border-solid": (0, import_dayjs.default)(date).isSame((0, import_dayjs.default)(hoverDate), "day")
+                  }),
+                  onClick: () => handleDateClick(date),
+                  onMouseEnter: () => handleDateHover(date),
+                  "data-date": titleDate,
+                  children: [
+                    showNightCount && isRange && isHovering && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(NightCountTooltip, {}),
+                    date.getDate()
+                  ]
+                }
+              )
+            ] }, formatDateKey(date));
+          }) })
+        ]
+      }
+    );
+  };
+  const arrowClasses = "tw-relative tw-top-3 sm:tw-top-0 tw-cursor-pointer tw-rounded-full tw-w-10 tw-h-10 tw-flex tw-justify-center hover:tw-bg-gray-100 tw-items-center";
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    "div",
+    {
+      className: (0, import_clsx9.default)(
+        "custom-range-picker tw-relative tw-bg-white tw-rounded-xl tw-pt-1 tw-px-0 tw-max-w-4xl tw-mx-auto tw-border tw-border-gray-200 tw-border-solid tw-w-full tw-max-h-[90vh] tw-overflow-y-auto",
+        {
+          "sm:tw-w-[640px]": !showSingleCalendar,
+          "sm:tw-w-[330px]": showSingleCalendar
+        }
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "tw-flex tw-items-center tw-px-4 tw-justify-between tw-mb-4 tw-absolute tw-right-0 tw-left-0 tw-top-0.5 sm:tw-top-4 tw-w-auto", children: [
+          !isPreviousMonthDisabled() && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            "div",
+            {
+              className: (0, import_clsx9.default)(arrowClasses, "tw-left-1"),
+              onClick: () => navigateMonth(-1),
+              id: "calendar-previous-month-button",
+              children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                Chevron,
+                {
+                  size: "medium",
+                  className: "tw-relative -tw-top-0.5 tw-right-0.5"
+                }
+              )
+            }
+          ),
+          isPreviousMonthDisabled() && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "tw-w-10 tw-h-10" }),
+          !isNextMonthDisabled() && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            "div",
+            {
+              className: (0, import_clsx9.default)(arrowClasses, "tw-mt-[1px] tw-right-1"),
+              onClick: () => navigateMonth(1),
+              id: "calendar-next-month-button",
+              children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                Chevron,
+                {
+                  size: "medium",
+                  onClick: () => navigateMonth(1),
+                  className: "tw-rotate-180 tw-relative tw-top-0.5 tw-left-0.5"
+                }
+              )
+            }
+          ),
+          isNextMonthDisabled() && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "tw-w-10 tw-h-10" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "tw-flex tw-items-center tw-justify-between tw-px-6 tw-border-solid tw-border-color-gray-100 tw-border-b tw-border-t-0 tw-border-l-0 tw-border-r-0 tw-w-auto", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+          "div",
+          {
+            className: (0, import_clsx9.default)("tw-flex tw-w-full", {
+              "tw-flex-col sm:tw-space-x-8 sm:tw-flex-row": isRange || !showSingleCalendar,
+              "tw-justify-center": !isRange || showSingleCalendar,
+              "tw-pt-4": showYearDropdown,
+              // More space when year dropdown is visible
+              "tw-pt-6": !showYearDropdown
+            }),
+            children: [
+              renderCalendar(firstMonth),
+              !showSingleCalendar && renderCalendar(secondMonth, true)
+            ]
+          }
+        ) }),
+        footer
+      ]
+    }
+  );
+}
+CustomRangePicker.displayName = "RangePicker";
+var RangePicker_default = CustomRangePicker;
+
+// src/atom/AdvancedDateRangePicker/AdvancedDateRangePicker.tsx
+var import_react5 = require("react");
+var import_clsx10 = __toESM(require("clsx"));
+var import_dayjs3 = __toESM(require("dayjs"));
+var import_customParseFormat = __toESM(require("dayjs/plugin/customParseFormat"));
+var import_isSameOrBefore = __toESM(require("dayjs/plugin/isSameOrBefore"));
+
+// src/atom/AdvancedDateRangePicker/AdvancedDateRangePicker.module.scss
+var AdvancedDateRangePicker_module_default = { "root": "AdvancedDateRangePicker-module__root___udir8", "inner": "AdvancedDateRangePicker-module__inner___P4OHa", "left": "AdvancedDateRangePicker-module__left___T6E84", "sidebarItem": "AdvancedDateRangePicker-module__sidebarItem___-NXPm", "sidebarItemActive": "AdvancedDateRangePicker-module__sidebarItemActive___5GmBY", "main": "AdvancedDateRangePicker-module__main___G4MU9", "header": "AdvancedDateRangePicker-module__header___mxXEE", "headerGroup": "AdvancedDateRangePicker-module__headerGroup___J7mJB", "headerLabel": "AdvancedDateRangePicker-module__headerLabel___Yvhkr", "timezoneWrapper": "AdvancedDateRangePicker-module__timezoneWrapper___886Qm", "dateTimeWrapper": "AdvancedDateRangePicker-module__dateTimeWrapper___unDQJ", "headerSeparator": "AdvancedDateRangePicker-module__headerSeparator___Vwx6P", "timezoneSelect": "AdvancedDateRangePicker-module__timezoneSelect___f4oln", "dateTimeColumn": "AdvancedDateRangePicker-module__dateTimeColumn___tdDV3", "dateTimeGroup": "AdvancedDateRangePicker-module__dateTimeGroup___azF09", "dateInput": "AdvancedDateRangePicker-module__dateInput___0t9ww", "inputError": "AdvancedDateRangePicker-module__inputError___A5hid", "timeInput": "AdvancedDateRangePicker-module__timeInput___Jalr9", "errorMessage": "AdvancedDateRangePicker-module__errorMessage___gx7ag", "body": "AdvancedDateRangePicker-module__body___f8XYj", "footer": "AdvancedDateRangePicker-module__footer___rsJ2w", "doneBtn": "AdvancedDateRangePicker-module__doneBtn___mt-Sv" };
+
+// src/atom/AdvancedDateRangePicker/InternalCalendar.tsx
+var import_react4 = require("react");
+var import_dayjs2 = __toESM(require("dayjs"));
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var InternalCalendar = ({
+  id = "",
+  onChange = () => {
+  },
+  dateRange = ["", ""],
+  showSingleCalendar: showSingleCalendarProp = false,
+  disablePastDates = false,
+  minDate = null,
+  maxDate = null,
+  minYear = 1900,
+  maxYear = (/* @__PURE__ */ new Date()).getFullYear() + 10,
+  allowSameDates = false
+}) => {
+  const onChangeRef = (0, import_react4.useRef)(onChange);
+  (0, import_react4.useEffect)(() => {
+    onChangeRef.current = onChange;
+  }, [onChange]);
+  const getInitialDate = () => {
+    const today2 = /* @__PURE__ */ new Date();
+    today2.setHours(0, 0, 0, 0);
+    if (dateRange[0]) return new Date(dateRange[0]);
+    if (today2.getFullYear() >= minYear && today2.getFullYear() <= maxYear) {
+      return today2;
+    }
+    if (minDate) {
+      const minDateTime = new Date(minDate);
+      minDateTime.setHours(0, 0, 0, 0);
+      return minDateTime;
+    }
+    return today2;
+  };
+  const [currentDate, setCurrentDate] = (0, import_react4.useState)(() => getInitialDate());
+  const [startDate, setStartDate] = (0, import_react4.useState)(
+    dateRange[0] ? new Date(dateRange[0]) : null
+  );
+  const [endDate, setEndDate] = (0, import_react4.useState)(
+    dateRange[0] && dateRange[1] ? new Date(dateRange[1]) : null
+  );
+  const [hoverDate, setHoverDate] = (0, import_react4.useState)(null);
+  const [isSelectingEnd, setIsSelectingEnd] = (0, import_react4.useState)(
+    dateRange[0] && !dateRange[1] ? true : false
+  );
+  const [isMobile, setIsMobile] = (0, import_react4.useState)(false);
+  (0, import_react4.useEffect)(() => {
+    const checkMobile = () => {
+      setIsMobile(window.innerWidth < 1024);
+    };
+    checkMobile();
+    window.addEventListener("resize", checkMobile);
+    return () => window.removeEventListener("resize", checkMobile);
+  }, []);
+  const showSingle = showSingleCalendarProp || isMobile;
+  const prevRangeRef = (0, import_react4.useRef)(dateRange);
+  (0, import_react4.useEffect)(() => {
+    const isSameRange = dateRange[0] === prevRangeRef.current[0] && dateRange[1] === prevRangeRef.current[1];
+    if (isSameRange) return;
+    prevRangeRef.current = dateRange;
+    const nextStart = dateRange[0] ? new Date(dateRange[0]) : null;
+    const nextEnd = dateRange[1] ? new Date(dateRange[1]) : null;
+    setStartDate(nextStart);
+    setEndDate(nextEnd);
+    if (nextStart) {
+      const startMonth = nextStart.getFullYear() * 12 + nextStart.getMonth();
+      const currentMonthVal = currentDate.getFullYear() * 12 + currentDate.getMonth();
+      const isVisibleInFirst = startMonth === currentMonthVal;
+      const isVisibleInSecond = !showSingle && startMonth === currentMonthVal + 1;
+      if (!isVisibleInFirst && !isVisibleInSecond) {
+        setCurrentDate(new Date(nextStart.getFullYear(), nextStart.getMonth(), 1));
+      }
+    }
+  }, [dateRange, showSingle]);
+  const today = /* @__PURE__ */ new Date();
+  today.setHours(0, 0, 0, 0);
+  const firstMonth = new Date(currentDate.getFullYear(), currentDate.getMonth(), 1);
+  const secondMonth = new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 1);
+  const monthNames = [
+    "January",
+    "February",
+    "March",
+    "April",
+    "May",
+    "June",
+    "July",
+    "August",
+    "September",
+    "October",
+    "November",
+    "December"
+  ];
+  const dayNames = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+  const generateCalendarDays = (monthDate) => {
+    const year = monthDate.getFullYear();
+    const month = monthDate.getMonth();
+    const firstDay = new Date(year, month, 1);
+    const lastDay = new Date(year, month + 1, 0);
+    const daysInMonth = lastDay.getDate();
+    const startingDayOfWeek = firstDay.getDay();
+    const days = [];
+    for (let i = 0; i < startingDayOfWeek; i++) days.push(null);
+    for (let day = 1; day <= daysInMonth; day++) days.push(new Date(year, month, day));
+    return days;
+  };
+  const isSameDate = (d1, d2) => {
+    if (!d1 || !d2) return false;
+    return d1.getFullYear() === d2.getFullYear() && d1.getMonth() === d2.getMonth() && d1.getDate() === d2.getDate();
+  };
+  const isDateDisabled = (date) => {
+    if (!date) return false;
+    const checkDate = new Date(date);
+    checkDate.setHours(0, 0, 0, 0);
+    if (disablePastDates && checkDate < today) return true;
+    if (minDate) {
+      const m = new Date(minDate);
+      m.setHours(0, 0, 0, 0);
+      if (checkDate < m) return true;
+    }
+    if (maxDate) {
+      const m = new Date(maxDate);
+      m.setHours(0, 0, 0, 0);
+      if (checkDate > m) return true;
+    }
+    return false;
+  };
+  const isDateBetweenRange = (date) => {
+    if (!startDate || !date) return false;
+    const comp = endDate || hoverDate;
+    if (!comp) return false;
+    const s = startDate < comp ? startDate : comp;
+    const e = startDate < comp ? comp : startDate;
+    return date > s && date < e;
+  };
+  const isDateInRange = (date) => {
+    if (!startDate || !date) return false;
+    const comp = endDate || hoverDate;
+    if (!comp) return false;
+    const s = startDate < comp ? startDate : comp;
+    const e = startDate < comp ? comp : startDate;
+    return date >= s && date <= e;
+  };
+  const handleDateClick = (date) => {
+    if (isDateDisabled(date)) return;
+    let nextStart = startDate;
+    let nextEnd = endDate;
+    const isSame = startDate && (0, import_dayjs2.default)(date).isSame(startDate, "day");
+    if (!allowSameDates && isSame) {
+      setStartDate(null);
+      setEndDate(null);
+      setIsSelectingEnd(false);
+      onChangeRef.current(["", ""]);
+      return;
+    }
+    if (!startDate || startDate && endDate) {
+      nextStart = date;
+      nextEnd = null;
+      setStartDate(nextStart);
+      setEndDate(nextEnd);
+      setIsSelectingEnd(true);
+    } else {
+      if (date < startDate) {
+        nextEnd = startDate;
+        nextStart = date;
+      } else {
+        nextEnd = date;
+      }
+      setStartDate(nextStart);
+      setEndDate(nextEnd);
+      setIsSelectingEnd(false);
+    }
+    onChangeRef.current([
+      nextStart ? (0, import_dayjs2.default)(nextStart).format("D MMM, YYYY") : "",
+      nextEnd ? (0, import_dayjs2.default)(nextEnd).format("D MMM, YYYY") : ""
+    ]);
+  };
+  const handleDateHover = (date) => {
+    if (isDateDisabled(date)) return;
+    if (isSelectingEnd && startDate && !endDate) setHoverDate(date);
+  };
+  const navigateMonth = (direction) => {
+    const newDate = new Date(currentDate);
+    newDate.setMonth(currentDate.getMonth() + direction);
+    setCurrentDate(newDate);
+  };
+  const renderCalendar = (monthDate) => {
+    const days = generateCalendarDays(monthDate);
+    const monthName = monthNames[monthDate.getMonth()];
+    const year = monthDate.getFullYear();
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "tw-flex-1 tw-mb-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "tw-text-center tw-mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("h3", { className: "tw-typography-footNoteBold tw-text-gray-900 tw-m-0", children: [
+        monthName,
+        " ",
+        year
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "tw-grid tw-grid-cols-7 tw-mb-2", children: dayNames.map((day) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "tw-py-2 tw-text-center tw-typography-caption2 tw-text-gray-500", children: day }, day)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "tw-grid tw-grid-cols-7", children: days.map((date, index) => {
+        if (!date) return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "tw-h-10" }, index);
+        const isStart = isSameDate(date, startDate);
+        const isEnd = isSameDate(date, endDate);
+        const isInRange = isDateBetweenRange(date);
+        const isSelected = isDateInRange(date);
+        const isDisabled = isDateDisabled(date);
+        const isHovering = isSelectingEnd && hoverDate && isSameDate(date, hoverDate);
+        let cellClasses = "tw-relative tw-z-20 tw-h-10 tw-w-10 tw-flex tw-items-center tw-justify-center tw-typography-caption1Bold tw-cursor-pointer tw-transition-all ";
+        if (isDisabled) {
+          cellClasses += "tw-text-gray-300 tw-cursor-not-allowed ";
+        } else if (isStart || isEnd) {
+          cellClasses += "tw-bg-black tw-text-white tw-rounded-full ";
+        } else if (isInRange) {
+          cellClasses += "tw-text-gray-900 ";
+        } else {
+          cellClasses += "tw-text-gray-700 hover:tw-bg-gray-100 tw-rounded-full ";
+        }
+        if (isHovering && !isEnd) {
+          cellClasses += "tw-border-2 tw-border-gray-400 tw-border-dashed ";
+        }
+        return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "tw-relative tw-flex tw-justify-center", children: [
+          isInRange && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "tw-absolute tw-inset-y-1 tw-inset-x-0 tw-bg-[#f2efec] tw-z-10" }),
+          isStart && endDate && !isSameDate(startDate, endDate) && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "tw-absolute tw-inset-y-1 tw-right-0 tw-left-1/2 tw-bg-[#f2efec] tw-z-10" }),
+          isEnd && startDate && !isSameDate(startDate, endDate) && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "tw-absolute tw-inset-y-1 tw-left-0 tw-right-1/2 tw-bg-[#f2efec] tw-z-10" }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            "div",
+            {
+              className: cellClasses,
+              onClick: () => handleDateClick(date),
+              onMouseEnter: () => handleDateHover(date),
+              children: date.getDate()
+            }
+          )
+        ] }, date.toISOString());
+      }) })
+    ] });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "tw-relative tw-bg-white tw-w-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "tw-flex tw-items-center tw-justify-between tw-absolute tw-inset-x-0 tw-top-0 tw-z-30 tw-px-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        "div",
+        {
+          className: "tw-cursor-pointer tw-p-2 tw-rounded-full hover:tw-bg-gray-100",
+          onClick: () => navigateMonth(-1),
+          children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Chevron, { size: "medium" })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        "div",
+        {
+          className: "tw-cursor-pointer tw-p-2 tw-rounded-full hover:tw-bg-gray-100",
+          onClick: () => navigateMonth(1),
+          children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Chevron, { size: "medium", className: "tw-rotate-180" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "tw-flex tw-gap-8 tw-pt-2", children: [
+      renderCalendar(firstMonth),
+      !showSingle && renderCalendar(secondMonth)
+    ] })
+  ] });
+};
+var InternalCalendar_default = (0, import_react4.memo)(InternalCalendar);
+
+// src/atom/AdvancedDateRangePicker/AdvancedDateRangePicker.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
+import_dayjs3.default.extend(import_customParseFormat.default);
+import_dayjs3.default.extend(import_isSameOrBefore.default);
+var DEFAULT_TIME = { hour: "12", minute: "00", period: "PM" };
+function getPresets() {
+  const today = /* @__PURE__ */ new Date();
+  today.setHours(0, 0, 0, 0);
+  return [
+    {
+      label: "Custom",
+      key: "custom",
+      getRange: () => [null, null]
+    },
+    {
+      label: "Yesterday",
+      key: "yesterday",
+      getRange: () => {
+        const d = new Date(today);
+        d.setDate(d.getDate() - 1);
+        return [d, d];
+      }
+    },
+    {
+      label: "Previous week",
+      key: "previous-week",
+      getRange: () => {
+        const dayOfWeek = today.getDay();
+        const start = new Date(today);
+        start.setDate(today.getDate() - dayOfWeek - 6);
+        const end = new Date(today);
+        return [start, end];
+      }
+    },
+    {
+      label: "This month",
+      key: "this-month",
+      getRange: () => {
+        const start = new Date(today.getFullYear(), today.getMonth(), 1);
+        const end = new Date(today.getFullYear(), today.getMonth() + 1, 0);
+        return [start, end];
+      }
+    },
+    {
+      label: "Previous month",
+      key: "previous-month",
+      getRange: () => {
+        const start = new Date(today.getFullYear(), today.getMonth() - 1, 1);
+        const end = new Date(today.getFullYear(), today.getMonth(), 0);
+        return [start, end];
+      }
+    },
+    {
+      label: "Previous quarter",
+      key: "previous-quarter",
+      getRange: () => {
+        const month = today.getMonth();
+        const quarter = Math.floor(month / 3);
+        const startMonth = (quarter - 1) * 3;
+        const start = new Date(today.getFullYear(), startMonth, 1);
+        const end = new Date(today.getFullYear(), startMonth + 3, 0);
+        return [start, end];
+      }
+    }
+  ];
+}
+function applyDateMask(v, prev) {
+  if (v.length < prev.length) return v;
+  const digits = v.replace(/[^\d]/g, "").slice(0, 8);
+  if (digits.length >= 2) {
+    const d = Number(digits.slice(0, 2));
+    if (d < 1 || d > 31) return prev;
+  }
+  if (digits.length >= 4) {
+    const m = Number(digits.slice(2, 4));
+    if (m < 1 || m > 12) return prev;
+  }
+  let result = "";
+  if (digits.length > 0) result += digits.slice(0, 2);
+  if (digits.length >= 2) result += "-";
+  if (digits.length > 2) result += digits.slice(2, 4);
+  if (digits.length >= 4) result += "-";
+  if (digits.length > 4) result += digits.slice(4, 8);
+  return result.slice(0, 10);
+}
+function applyTimeMask(v, prev) {
+  if (v.length < prev.length) return v;
+  const digits = v.replace(/[^\d]/g, "").slice(0, 4);
+  if (digits.length >= 2) {
+    const h = Number(digits.slice(0, 2));
+    if (h < 1 || h > 12) return prev;
+  }
+  if (digits.length >= 4) {
+    const m = Number(digits.slice(2, 4));
+    if (m > 59) return prev;
+  }
+  let result = "";
+  if (digits.length > 0) result += digits.slice(0, 2);
+  if (digits.length >= 2) result += ":";
+  if (digits.length > 2) result += digits.slice(2, 4);
+  if (v.toUpperCase().includes("A")) result += " AM";
+  else if (v.toUpperCase().includes("P")) result += " PM";
+  else if (digits.length === 4) result += " ";
+  return result.slice(0, 8);
+}
+function formatForDisplay(date) {
+  if (!date) return "";
+  return (0, import_dayjs3.default)(date).format("DD-MM-YYYY");
+}
+function validateDateString(raw) {
+  const regex = /^(0[1-9]|[12][0-9]|3[01])-(0[1-9]|1[0-2])-\d{4}$/;
+  if (!regex.test(raw)) return false;
+  const [d, m, y] = raw.split("-").map(Number);
+  const date = new Date(y, m - 1, d);
+  return date.getFullYear() === y && date.getMonth() === m - 1 && date.getDate() === d;
+}
+function validateTimeString(raw) {
+  const regex = /^(0[1-9]|1[0-2]):(0[0-9]|[1-5][0-9])\s(AM|PM)$/i;
+  return regex.test(raw);
+}
+function parseDateInput(raw) {
+  if (!validateDateString(raw)) return null;
+  return (0, import_dayjs3.default)(raw, "DD-MM-YYYY", true).toDate();
+}
+function parseTimeInput(raw) {
+  if (!validateTimeString(raw)) return null;
+  const match = raw.match(/^(\d{1,2}):(\d{2})\s*(AM|PM)$/i);
+  if (!match) return null;
+  return {
+    hour: match[1].padStart(2, "0"),
+    minute: match[2].padStart(2, "0"),
+    period: match[3].toUpperCase()
+  };
+}
+function formatTime(t) {
+  return `${t.hour}:${t.minute} ${t.period}`;
+}
+var DateTimeInputGroup = (0, import_react5.memo)(function DateTimeInputGroup2({
+  label,
+  dateValue,
+  timeValue,
+  dateError,
+  timeError,
+  onDateChange,
+  onTimeChange
+}) {
+  const [isDateFocused, setIsDateFocused] = (0, import_react5.useState)(false);
+  const [isTimeFocused, setIsTimeFocused] = (0, import_react5.useState)(false);
+  const showDateError = dateError && !isDateFocused;
+  const showTimeError = timeError && !isTimeFocused && !showDateError;
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: AdvancedDateRangePicker_module_default.headerGroup, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: AdvancedDateRangePicker_module_default.headerLabel, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: AdvancedDateRangePicker_module_default.dateTimeColumn, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: AdvancedDateRangePicker_module_default.dateTimeGroup, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          "input",
+          {
+            type: "text",
+            placeholder: "DD-MM-YYYY",
+            value: dateValue,
+            onFocus: () => setIsDateFocused(true),
+            onBlur: () => setIsDateFocused(false),
+            onChange: (e) => onDateChange(e.target.value),
+            className: (0, import_clsx10.default)(AdvancedDateRangePicker_module_default.dateInput, { [AdvancedDateRangePicker_module_default.inputError]: showDateError })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          "input",
+          {
+            type: "text",
+            placeholder: "12:00 PM",
+            value: timeValue,
+            onFocus: () => setIsTimeFocused(true),
+            onBlur: () => setIsTimeFocused(false),
+            onChange: (e) => onTimeChange(e.target.value),
+            className: (0, import_clsx10.default)(AdvancedDateRangePicker_module_default.timeInput, { [AdvancedDateRangePicker_module_default.inputError]: showTimeError })
+          }
+        )
+      ] }),
+      showDateError && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: AdvancedDateRangePicker_module_default.errorMessage, children: "Enter valid date" }),
+      showTimeError && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: AdvancedDateRangePicker_module_default.errorMessage, children: "Enter valid time" })
+    ] })
+  ] });
+});
+function AdvancedDateRangePicker({
+  value,
+  onChange,
+  confirmLabel = "Done",
+  className = "",
+  disabled = false,
+  disablePastDates = false,
+  minDate = null,
+  maxDate = null,
+  showSingleCalendar = false,
+  id = "adv-drp",
+  defaultTimezone = "UTC",
+  isTimezoneDisabled = false,
+  timezoneOptions = []
+}) {
+  var _a, _b, _c;
+  const PRESETS = (0, import_react5.useMemo)(() => getPresets(), []);
+  const [startDate, setStartDate] = (0, import_react5.useState)((_a = value == null ? void 0 : value.startDate) != null ? _a : null);
+  const [endDate, setEndDate] = (0, import_react5.useState)((_b = value == null ? void 0 : value.endDate) != null ? _b : null);
+  const [timezone, setTimezone] = (0, import_react5.useState)((_c = value == null ? void 0 : value.timezone) != null ? _c : defaultTimezone);
+  const [fromDateStr, setFromDateStr] = (0, import_react5.useState)(formatForDisplay(startDate));
+  const [toDateStr, setToDateStr] = (0, import_react5.useState)(formatForDisplay(endDate));
+  const [fromTimeStr, setFromTimeStr] = (0, import_react5.useState)(
+    (value == null ? void 0 : value.startTime) ? formatTime(value.startTime) : "12:00 PM"
+  );
+  const [toTimeStr, setToTimeStr] = (0, import_react5.useState)(
+    (value == null ? void 0 : value.endTime) ? formatTime(value.endTime) : "12:00 PM"
+  );
+  const [activePreset, setActivePreset] = (0, import_react5.useState)("custom");
+  const fromDateError = (0, import_react5.useMemo)(() => fromDateStr.length > 0 && (fromDateStr.length < 10 || !validateDateString(fromDateStr)), [fromDateStr]);
+  const toDateError = (0, import_react5.useMemo)(() => toDateStr.length > 0 && (toDateStr.length < 10 || !validateDateString(toDateStr)), [toDateStr]);
+  const fromTimeError = (0, import_react5.useMemo)(() => fromTimeStr.length > 0 && (fromTimeStr.length < 8 || !validateTimeString(fromTimeStr)), [fromTimeStr]);
+  const toTimeError = (0, import_react5.useMemo)(() => toTimeStr.length > 0 && (toTimeStr.length < 8 || !validateTimeString(toTimeStr)), [toTimeStr]);
+  const isReady = (0, import_react5.useMemo)(() => {
+    return startDate !== null && endDate !== null && validateDateString(fromDateStr) && validateDateString(toDateStr) && validateTimeString(fromTimeStr) && validateTimeString(toTimeStr) && (0, import_dayjs3.default)(startDate).isSameOrBefore((0, import_dayjs3.default)(endDate), "day");
+  }, [startDate, endDate, fromDateStr, toDateStr, fromTimeStr, toTimeStr]);
+  (0, import_react5.useEffect)(() => {
+    var _a2, _b2, _c2;
+    if (value) {
+      setStartDate((_a2 = value.startDate) != null ? _a2 : null);
+      setEndDate((_b2 = value.endDate) != null ? _b2 : null);
+      setTimezone((_c2 = value.timezone) != null ? _c2 : defaultTimezone);
+      if (value.startTime) setFromTimeStr(formatTime(value.startTime));
+      if (value.endTime) setToTimeStr(formatTime(value.endTime));
+    }
+  }, [value, defaultTimezone]);
+  (0, import_react5.useEffect)(() => {
+    setFromDateStr(formatForDisplay(startDate));
+  }, [startDate]);
+  (0, import_react5.useEffect)(() => {
+    setToDateStr(formatForDisplay(endDate));
+  }, [endDate]);
+  const rangeValue = (0, import_react5.useMemo)(() => [
+    startDate ? startDate.toISOString() : "",
+    endDate ? endDate.toISOString() : ""
+  ], [startDate, endDate]);
+  const handleRangeChange = (0, import_react5.useCallback)(
+    (range) => {
+      const [s, e] = range;
+      if (s) {
+        const sDateByDayjs = (0, import_dayjs3.default)(s, "D MMM, YYYY").toDate();
+        setStartDate(sDateByDayjs);
+      } else {
+        setStartDate(null);
+      }
+      if (e) {
+        const eDateByDayjs = (0, import_dayjs3.default)(e, "D MMM, YYYY").toDate();
+        setEndDate(eDateByDayjs);
+      } else {
+        setEndDate(null);
+      }
+      setActivePreset("custom");
+    },
+    []
+  );
+  const handlePreset = (0, import_react5.useCallback)(
+    (preset) => {
+      const [s, e] = preset.getRange();
+      setStartDate(s);
+      setEndDate(e);
+      setActivePreset(preset.key);
+    },
+    []
+  );
+  const handleFromDateChange = (0, import_react5.useCallback)((v) => {
+    const masked = applyDateMask(v, fromDateStr);
+    setFromDateStr(masked);
+    setActivePreset("custom");
+    if (masked.length === 10) {
+      const parsed = parseDateInput(masked);
+      if (parsed) {
+        setStartDate(parsed);
+        if (endDate && (0, import_dayjs3.default)(parsed).isAfter((0, import_dayjs3.default)(endDate), "day")) {
+          setEndDate(null);
+        }
+      }
+    }
+  }, [fromDateStr, endDate]);
+  const handleToDateChange = (0, import_react5.useCallback)((v) => {
+    const masked = applyDateMask(v, toDateStr);
+    setToDateStr(masked);
+    setActivePreset("custom");
+    if (masked.length === 10) {
+      const parsed = parseDateInput(masked);
+      if (parsed) {
+        setEndDate(parsed);
+        if (startDate && (0, import_dayjs3.default)(parsed).isBefore((0, import_dayjs3.default)(startDate), "day")) {
+          setStartDate(null);
+        }
+      }
+    }
+  }, [toDateStr, startDate]);
+  const handleFromTimeChange = (0, import_react5.useCallback)((v) => {
+    const masked = applyTimeMask(v, fromTimeStr);
+    setFromTimeStr(masked);
+    setActivePreset("custom");
+  }, [fromTimeStr]);
+  const handleToTimeChange = (0, import_react5.useCallback)((v) => {
+    const masked = applyTimeMask(v, toTimeStr);
+    setToTimeStr(masked);
+    setActivePreset("custom");
+  }, [toTimeStr]);
+  const handleDone = (0, import_react5.useCallback)(() => {
+    var _a2, _b2;
+    if (!isReady) return;
+    const fromTime = (_a2 = parseTimeInput(fromTimeStr)) != null ? _a2 : DEFAULT_TIME;
+    const toTime = (_b2 = parseTimeInput(toTimeStr)) != null ? _b2 : DEFAULT_TIME;
+    onChange == null ? void 0 : onChange({
+      startDate,
+      endDate,
+      startTime: fromTime,
+      endTime: toTime,
+      timezone
+    });
+  }, [isReady, onChange, startDate, endDate, fromTimeStr, toTimeStr, timezone]);
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: (0, import_clsx10.default)(AdvancedDateRangePicker_module_default.root, className), id, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: AdvancedDateRangePicker_module_default.inner, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("aside", { className: AdvancedDateRangePicker_module_default.left, children: PRESETS.map((p) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => handlePreset(p),
+          className: (0, import_clsx10.default)(AdvancedDateRangePicker_module_default.sidebarItem, {
+            [AdvancedDateRangePicker_module_default.sidebarItemActive]: activePreset === p.key
+          }),
+          children: p.label
+        },
+        p.key
+      )) }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: AdvancedDateRangePicker_module_default.main, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("header", { className: AdvancedDateRangePicker_module_default.header, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: (0, import_clsx10.default)(AdvancedDateRangePicker_module_default.headerGroup, AdvancedDateRangePicker_module_default.timezoneWrapper), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: AdvancedDateRangePicker_module_default.headerLabel, children: "Timezone" }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              "select",
+              {
+                value: timezone,
+                onChange: (e) => setTimezone(e.target.value),
+                className: AdvancedDateRangePicker_module_default.timezoneSelect,
+                disabled: isTimezoneDisabled,
+                children: timezoneOptions.map((tz) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: tz.value, children: tz.label }, tz.value))
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: AdvancedDateRangePicker_module_default.headerSeparator }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: AdvancedDateRangePicker_module_default.dateTimeWrapper, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              DateTimeInputGroup,
+              {
+                label: "From",
+                dateValue: fromDateStr,
+                timeValue: fromTimeStr,
+                dateError: fromDateError,
+                timeError: fromTimeError,
+                onDateChange: handleFromDateChange,
+                onTimeChange: handleFromTimeChange
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: AdvancedDateRangePicker_module_default.headerSeparator }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              DateTimeInputGroup,
+              {
+                label: "To",
+                dateValue: toDateStr,
+                timeValue: toTimeStr,
+                dateError: toDateError,
+                timeError: toTimeError,
+                onDateChange: handleToDateChange,
+                onTimeChange: handleToTimeChange
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: AdvancedDateRangePicker_module_default.body, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          InternalCalendar_default,
+          {
+            id: `${id}-calendar`,
+            dateRange: rangeValue,
+            onChange: handleRangeChange,
+            disablePastDates,
+            minDate,
+            maxDate,
+            showSingleCalendar
+          }
+        ) })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("footer", { className: AdvancedDateRangePicker_module_default.footer, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      "button",
+      {
+        type: "button",
+        onClick: handleDone,
+        disabled: disabled || !isReady,
+        className: AdvancedDateRangePicker_module_default.doneBtn,
+        children: confirmLabel
+      }
+    ) })
+  ] });
+}
+AdvancedDateRangePicker.displayName = "AdvancedDateRangePicker";
+
+// src/atom/Slider/Slider.tsx
+var import_antd9 = require("antd");
+var import_clsx11 = __toESM(require("clsx"));
+
+// src/atom/Slider/Slider.module.scss
+var Slider_module_default = { "label": "Slider-module__label___9Uea-", "slider": "Slider-module__slider___JCS-c", "disableFill": "Slider-module__disableFill___rjbsy" };
+
+// src/atom/Slider/Slider.tsx
+var import_jsx_runtime18 = require("react/jsx-runtime");
+function Slider(props) {
+  const {
+    label = "",
+    className = "",
+    onChange,
+    onAfterChange,
+    defaultValue = [],
+    value,
+    step = 10,
+    range = true,
+    disabled = false,
+    min,
+    max,
+    marks,
+    dots,
+    included,
+    reverse,
+    vertical,
+    tipFormatter,
+    tooltipVisible,
+    tooltipPlacement,
+    disableFill = false
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: Slider_module_default.label, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      import_antd9.Slider,
+      {
+        className: (0, import_clsx11.default)(
+          Slider_module_default.slider,
+          className,
+          Slider_module_default[disableFill ? "disableFill" : ""]
+        ),
+        "data-testid": "lumina-slider",
+        range,
+        step,
+        defaultValue,
+        value,
+        onChange,
+        onAfterChange,
+        disabled,
+        min,
+        max,
+        marks,
+        dots,
+        included,
+        reverse,
+        vertical,
+        tooltip: {
+          formatter: tipFormatter,
+          open: tooltipVisible,
+          placement: tooltipPlacement
+        }
+      }
+    )
+  ] });
+}
+Slider.displayName = "Slider";
+var Slider_default = Slider;
+
+// src/atom/Table/Table.tsx
+var React5 = __toESM(require("react"));
+var import_antd10 = require("antd");
+var import_clsx12 = __toESM(require("clsx"));
+
+// src/atom/Table/Table.module.scss
+var Table_module_default = { "tableWrapper": "Table-module__tableWrapper___3cqiD", "isAccordion": "Table-module__isAccordion___-uIs6", "isToolbar": "Table-module__isToolbar___LdS-m", "table": "Table-module__table___5d7g0", "firstRow": "Table-module__firstRow___Xq-Hi", "lastRow": "Table-module__lastRow___ahv4g", "showHoverEffect": "Table-module__showHoverEffect___IyKyO", "columnHeader": "Table-module__columnHeader___Unr6d", "columnHeaderLeft": "Table-module__columnHeaderLeft___mp7pK", "columnHeaderSortArea": "Table-module__columnHeaderSortArea___jrIYo", "columnHeaderLabel": "Table-module__columnHeaderLabel___A-mRu", "columnHeaderSortIcon": "Table-module__columnHeaderSortIcon___mWVZN", "columnHeaderSortIconActive": "Table-module__columnHeaderSortIconActive___wHAqC", "columnHeaderFilterWrapper": "Table-module__columnHeaderFilterWrapper___DnSve", "columnHeaderFilterBtn": "Table-module__columnHeaderFilterBtn___NR7DY", "columnHeaderFilterBtnActive": "Table-module__columnHeaderFilterBtnActive___JdO11", "columnHeaderFilterBadge": "Table-module__columnHeaderFilterBadge___-Q2T2", "columnHeaderFilterDropdown": "Table-module__columnHeaderFilterDropdown___M-fD4" };
+
+// src/atom/Table/Table.tsx
+var import_jsx_runtime19 = require("react/jsx-runtime");
+function buildPagination(pagination, overrides = {}) {
+  var _a, _b, _c, _d;
+  if (pagination === false) {
+    return false;
+  }
+  const defaults = {
+    showSizeChanger: true,
+    pageSizeOptions: ["10", "25", "50"],
+    locale: { items_per_page: "" },
+    // Removes "/ page" text
+    showTotal: (total, range) => `${range[0]}\u2013${range[1]} of ${total} items`
+  };
+  const baseConfig = pagination === true || pagination === void 0 ? defaults : __spreadValues(__spreadValues({}, defaults), pagination);
+  return __spreadProps(__spreadValues({}, baseConfig), {
+    total: (_a = overrides.total) != null ? _a : baseConfig.total,
+    current: (_b = overrides.current) != null ? _b : baseConfig.current,
+    pageSize: (_c = overrides.pageSize) != null ? _c : baseConfig.pageSize,
+    onChange: (_d = overrides.onChange) != null ? _d : baseConfig.onChange
+  });
+}
+function nextSortOrder(current) {
+  if (current === void 0) return "ascend";
+  if (current === "ascend") return "descend";
+  return void 0;
+}
+function ColumnHeader({
+  label,
+  sortable = false,
+  sortOrder,
+  onSortChange,
+  sortIcon,
+  filterCount = 0,
+  filterIcon,
+  filterContent,
+  className = ""
+}) {
+  const [filterOpen, setFilterOpen] = React5.useState(false);
+  const wrapperRef = React5.useRef(null);
+  const filterActive = filterCount > 0;
+  const hasFilter = filterContent !== void 0 && filterIcon !== void 0;
+  const hasSort = sortable && sortIcon !== void 0;
+  React5.useEffect(() => {
+    if (!filterOpen) return;
+    const onOutside = (e) => {
+      if (wrapperRef.current && !wrapperRef.current.contains(e.target)) {
+        setFilterOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", onOutside);
+    return () => document.removeEventListener("mousedown", onOutside);
+  }, [filterOpen]);
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: Table_module_default.columnHeader, ref: wrapperRef, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: Table_module_default.columnHeaderLeft, children: hasSort ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+      "button",
+      {
+        type: "button",
+        className: Table_module_default.columnHeaderSortArea,
+        onClick: () => onSortChange == null ? void 0 : onSortChange(nextSortOrder(sortOrder)),
+        "aria-label": typeof label === "string" ? `Sort by ${label}` : "Sort",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: (0, import_clsx12.default)(Table_module_default.columnHeaderLabel, "tw-typography-caption2Bold tw-text-color-text-weak", className), children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            "span",
+            {
+              className: (0, import_clsx12.default)(Table_module_default.columnHeaderSortIcon, {
+                [Table_module_default.columnHeaderSortIconActive]: sortOrder !== void 0
+              }),
+              children: sortIcon
+            }
+          )
+        ]
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: (0, import_clsx12.default)(Table_module_default.columnHeaderLabel, "tw-typography-caption2Bold tw-text-color-text-weak", className), children: label }) }),
+    hasFilter && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: Table_module_default.columnHeaderFilterWrapper, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+        "button",
+        {
+          type: "button",
+          className: (0, import_clsx12.default)(Table_module_default.columnHeaderFilterBtn, {
+            [Table_module_default.columnHeaderFilterBtnActive]: filterActive
+          }),
+          onClick: () => setFilterOpen((v) => !v),
+          "aria-label": typeof label === "string" ? `Filter ${label}` : "Filter",
+          "aria-expanded": filterOpen,
+          "aria-haspopup": "dialog",
+          children: [
+            filterIcon,
+            filterActive && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: Table_module_default.columnHeaderFilterBadge, children: filterCount })
+          ]
+        }
+      ),
+      filterOpen && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: Table_module_default.columnHeaderFilterDropdown, role: "dialog", children: filterContent })
+    ] })
+  ] });
+}
+function processColumns(columns) {
+  if (!columns) return void 0;
+  return columns.map((col) => {
+    const _a = col, { headerProps, title } = _a, rest = __objRest(_a, ["headerProps", "title"]);
+    if (!headerProps) return __spreadValues({ title }, rest);
+    return __spreadProps(__spreadValues({}, rest), {
+      title: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ColumnHeader, __spreadValues({ label: title }, headerProps))
+    });
+  });
+}
+function Table(props) {
+  const _a = props, {
+    size = "middle",
+    variant = "default",
+    isAccordion = false,
+    isToolbar = false,
+    className = "",
+    pagination,
+    loading,
+    total,
+    current,
+    pageSize,
+    onPaginationChange,
+    columns,
+    rowSelection,
+    rowKey = "key",
+    onRow,
+    dataSource,
+    emptyState,
+    hideHeader,
+    loadingIndicator,
+    style
+  } = _a, rest = __objRest(_a, [
+    "size",
+    "variant",
+    "isAccordion",
+    "isToolbar",
+    "className",
+    "pagination",
+    "loading",
+    "total",
+    "current",
+    "pageSize",
+    "onPaginationChange",
+    "columns",
+    "rowSelection",
+    "rowKey",
+    "onRow",
+    "dataSource",
+    "emptyState",
+    "hideHeader",
+    "loadingIndicator",
+    "style"
+  ]);
+  const isChildVariant = isAccordion || isToolbar;
+  const resolvedPagination = buildPagination(pagination, {
+    total,
+    current,
+    pageSize,
+    onChange: onPaginationChange
+  });
+  const processedColumns = React5.useMemo(
+    () => processColumns(columns),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [columns]
+  );
+  const resolvedOnRow = React5.useMemo(() => {
+    const onChange = rowSelection == null ? void 0 : rowSelection.onChange;
+    if (variant !== "selectable" || !onChange) return onRow;
+    return (record, index) => {
+      var _a2;
+      const base = (_a2 = onRow == null ? void 0 : onRow(record, index)) != null ? _a2 : {};
+      const getKey = (r, i) => typeof rowKey === "function" ? rowKey(r, i) : r[rowKey];
+      return __spreadProps(__spreadValues({}, base), {
+        style: __spreadValues({ cursor: "pointer" }, base.style),
+        onClick: (e) => {
+          var _a3, _b;
+          (_a3 = base.onClick) == null ? void 0 : _a3.call(base, e);
+          const key = getKey(record, index);
+          const current2 = (_b = rowSelection.selectedRowKeys) != null ? _b : [];
+          const isSelected = current2.some((k) => k === key);
+          const newKeys = isSelected ? current2.filter((k) => k !== key) : [...current2, key];
+          const newRows = (dataSource != null ? dataSource : []).filter(
+            (r) => newKeys.some((k) => k === getKey(r))
+          );
+          onChange(newKeys, newRows, { type: "single" });
+        }
+      });
+    };
+  }, [variant, rowSelection, rowKey, onRow, dataSource]);
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    "div",
+    {
+      className: (0, import_clsx12.default)(
+        Table_module_default.tableWrapper,
+        Table_module_default.showHoverEffect,
+        { [Table_module_default.isAccordion]: isAccordion },
+        { [Table_module_default.isToolbar]: isToolbar },
+        className
+      ),
+      style,
+      "data-testid": "lumina-table",
+      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        import_antd10.Table,
+        __spreadProps(__spreadValues({
+          className: Table_module_default.table,
+          size,
+          pagination: resolvedPagination,
+          columns: processedColumns,
+          rowSelection,
+          rowKey,
+          onRow: resolvedOnRow,
+          dataSource,
+          showHeader: !hideHeader,
+          locale: {
+            emptyText: loading && loadingIndicator ? loadingIndicator : loading ? " " : emptyState
+          }
+        }, rest), {
+          loading: loadingIndicator ? false : loading,
+          rowClassName: (_, index) => {
+            var _a2;
+            return (0, import_clsx12.default)({
+              [Table_module_default.firstRow]: index === 0,
+              [Table_module_default.lastRow]: index === ((_a2 = dataSource == null ? void 0 : dataSource.length) != null ? _a2 : 0) - 1
+            });
+          }
+        })
+      )
+    }
+  );
+}
+Table.displayName = "Table";
+
+// src/molecules/UserProfile/UserProfile.tsx
+var import_clsx13 = __toESM(require("clsx"));
+
+// src/molecules/UserProfile/UserProfile.module.scss
+var UserProfile_module_default = { "userProfile": "UserProfile-module__userProfile___cRMm9", "profileContent": "UserProfile-module__profileContent___tfy8E", "profileHeader": "UserProfile-module__profileHeader___5qYbt", "profileName": "UserProfile-module__profileName___x8pg-", "profileEmail": "UserProfile-module__profileEmail___ZWKDd" };
+
+// src/molecules/UserProfile/UserProfile.tsx
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var UserProfile = ({
+  firstName = "",
+  lastName = "",
+  email = "",
+  profileImg = "",
+  className = "",
+  avatarHeight = 32,
+  avatarWidth = 32,
+  avatarSize = "normal",
+  showTag = false,
+  tagProps,
+  uniqueKey = "",
+  nameClassName = "",
+  emailClassName = ""
+}) => {
+  const fullName = `${firstName} ${lastName}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: (0, import_clsx13.default)(UserProfile_module_default.userProfile, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      Avatar,
+      {
+        img: profileImg,
+        name: fullName,
+        className: "tw-w-full tw-h-full tw-border-none",
+        height: avatarHeight,
+        width: avatarWidth,
+        size: avatarSize
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: UserProfile_module_default.profileContent, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: UserProfile_module_default.profileHeader, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("p", { className: (0, import_clsx13.default)(nameClassName || (0, import_clsx13.default)(UserProfile_module_default.profileName, "tw-typography-body2Bold")), children: [
+          firstName,
+          " ",
+          lastName
+        ] }),
+        showTag && tagProps && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Tag, __spreadValues({}, tagProps))
+      ] }),
+      email && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: (0, import_clsx13.default)(emailClassName || (0, import_clsx13.default)(UserProfile_module_default.profileEmail, "tw-typography-caption3", "amp-mask")), children: email })
+    ] })
+  ] }, uniqueKey);
+};
+UserProfile.displayName = "UserProfile";
+var UserProfile_default = UserProfile;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  AdvancedDateRangePicker,
+  Avatar,
   Button,
   Checkbox,
+  LoadingSpinner,
   Modal,
   Radio,
+  RangePicker,
+  Select,
+  Slider,
   Switch,
-  Tooltip
+  Table,
+  Tag,
+  Tooltip,
+  UserProfile
 });