@itilite/lumina-ui 1.0.10-alpha → 1.0.11-alpha

package/dist/atom/AdvancedDateRangePicker/AdvancedDateRangePicker.js

@@ -1218,11 +1218,12 @@ function getPresets() {
       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];
+        const daysToLastSunday = today.getDay() === 0 ? 7 : today.getDay();
+        const lastSunday = new Date(today);
+        lastSunday.setDate(today.getDate() - daysToLastSunday);
+        const monday = new Date(lastSunday);
+        monday.setDate(lastSunday.getDate() - 6);
+        return [monday, lastSunday];
       }
     },
     {

package/dist/atom/AdvancedDateRangePicker/AdvancedDateRangePicker.mjs

@@ -1,7 +1,7 @@
 import {
   AdvancedDateRangePicker,
   AdvancedDateRangePicker_default
-} from "../../chunk-GGWY2SYX.mjs";
+} from "../../chunk-XECXKSTC.mjs";
 import "../../chunk-GU5F7Z7I.mjs";
 import "../../chunk-MLCMZRUC.mjs";
 import "../../chunk-FPH63V2R.mjs";

package/dist/chunk-XECXKSTC.mjs

@@ -0,0 +1,453 @@
+import {
+  Select_default
+} from "./chunk-GU5F7Z7I.mjs";
+import {
+  InternalCalendar_default
+} from "./chunk-FPH63V2R.mjs";
+import {
+  Button_default
+} from "./chunk-AF2RKLH6.mjs";
+
+// src/atom/AdvancedDateRangePicker/AdvancedDateRangePicker.tsx
+import { memo, useCallback, useEffect, useMemo, useState } from "react";
+import clsx from "clsx";
+import dayjs from "dayjs";
+import customParseFormat from "dayjs/plugin/customParseFormat.js";
+import isSameOrBefore from "dayjs/plugin/isSameOrBefore.js";
+
+// src/atom/AdvancedDateRangePicker/AdvancedDateRangePicker.module.scss
+var AdvancedDateRangePicker_module_default = { "root": "AdvancedDateRangePicker-module__root___udir8", "singleCalendar": "AdvancedDateRangePicker-module__singleCalendar___qy2-H", "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", "timezoneWrapper": "AdvancedDateRangePicker-module__timezoneWrapper___886Qm", "dateTimeWrapper": "AdvancedDateRangePicker-module__dateTimeWrapper___unDQJ", "headerGroup": "AdvancedDateRangePicker-module__headerGroup___J7mJB", "headerLabel": "AdvancedDateRangePicker-module__headerLabel___Yvhkr", "headerSeparator": "AdvancedDateRangePicker-module__headerSeparator___Vwx6P", "timezoneSelect": "AdvancedDateRangePicker-module__timezoneSelect___f4oln", "timezoneSelectContainer": "AdvancedDateRangePicker-module__timezoneSelectContainer___8SMc4", "timezoneSelectInput": "AdvancedDateRangePicker-module__timezoneSelectInput___ol0-7", "timezoneDisabledBadge": "AdvancedDateRangePicker-module__timezoneDisabledBadge___VBxOd", "inputWrapper": "AdvancedDateRangePicker-module__inputWrapper___bFFNF", "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/AdvancedDateRangePicker.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+dayjs.extend(customParseFormat);
+dayjs.extend(isSameOrBefore);
+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 daysToLastSunday = today.getDay() === 0 ? 7 : today.getDay();
+        const lastSunday = new Date(today);
+        lastSunday.setDate(today.getDate() - daysToLastSunday);
+        const monday = new Date(lastSunday);
+        monday.setDate(lastSunday.getDate() - 6);
+        return [monday, lastSunday];
+      }
+    },
+    {
+      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 dayjs(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 dayjs(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 = memo(function DateTimeInputGroup2({
+  label,
+  dateValue,
+  timeValue,
+  dateError,
+  timeError,
+  onDateChange,
+  onTimeChange
+}) {
+  const [isDateFocused, setIsDateFocused] = useState(false);
+  const [isTimeFocused, setIsTimeFocused] = useState(false);
+  const showDateError = dateError && !isDateFocused;
+  const showTimeError = timeError && !isTimeFocused;
+  return /* @__PURE__ */ jsxs("div", { className: AdvancedDateRangePicker_module_default.headerGroup, children: [
+    /* @__PURE__ */ jsx("span", { className: AdvancedDateRangePicker_module_default.headerLabel, children: label }),
+    /* @__PURE__ */ jsx("div", { className: AdvancedDateRangePicker_module_default.dateTimeColumn, children: /* @__PURE__ */ jsxs("div", { className: AdvancedDateRangePicker_module_default.dateTimeGroup, children: [
+      /* @__PURE__ */ jsxs("div", { className: AdvancedDateRangePicker_module_default.inputWrapper, children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            placeholder: "dd-mm-yyyy",
+            value: dateValue,
+            onFocus: () => setIsDateFocused(true),
+            onBlur: () => setIsDateFocused(false),
+            onChange: (e) => onDateChange(e.target.value),
+            className: clsx(AdvancedDateRangePicker_module_default.dateInput, { [AdvancedDateRangePicker_module_default.inputError]: showDateError })
+          }
+        ),
+        showDateError && /* @__PURE__ */ jsx("span", { className: AdvancedDateRangePicker_module_default.errorMessage, children: "Enter valid date" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: AdvancedDateRangePicker_module_default.inputWrapper, children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            placeholder: "12:00 PM",
+            value: timeValue,
+            onFocus: () => setIsTimeFocused(true),
+            onBlur: () => setIsTimeFocused(false),
+            onChange: (e) => onTimeChange(e.target.value),
+            className: clsx(AdvancedDateRangePicker_module_default.timeInput, { [AdvancedDateRangePicker_module_default.inputError]: showTimeError })
+          }
+        ),
+        showTimeError && /* @__PURE__ */ 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 = [],
+  defaultPreset = "custom",
+  presets
+}) {
+  var _a, _b, _c;
+  const PRESETS = useMemo(() => presets || getPresets(), [presets]);
+  const [startDate, setStartDate] = useState((_a = value == null ? void 0 : value.startDate) != null ? _a : null);
+  const [endDate, setEndDate] = useState((_b = value == null ? void 0 : value.endDate) != null ? _b : null);
+  const [timezone, setTimezone] = useState((_c = value == null ? void 0 : value.timezone) != null ? _c : defaultTimezone);
+  const [fromDateStr, setFromDateStr] = useState(formatForDisplay(startDate));
+  const [toDateStr, setToDateStr] = useState(formatForDisplay(endDate));
+  const [fromTimeStr, setFromTimeStr] = useState(
+    (value == null ? void 0 : value.startTime) ? formatTime(value.startTime) : "12:00 PM"
+  );
+  const [toTimeStr, setToTimeStr] = useState(
+    (value == null ? void 0 : value.endTime) ? formatTime(value.endTime) : "12:00 PM"
+  );
+  const [activePreset, setActivePreset] = useState(defaultPreset);
+  const isSingle = showSingleCalendar;
+  const fromDateError = useMemo(() => fromDateStr.length > 0 && (fromDateStr.length < 10 || !validateDateString(fromDateStr)), [fromDateStr]);
+  const toDateError = useMemo(() => toDateStr.length > 0 && (toDateStr.length < 10 || !validateDateString(toDateStr)), [toDateStr]);
+  const fromTimeError = useMemo(() => fromTimeStr.length > 0 && (fromTimeStr.length < 8 || !validateTimeString(fromTimeStr)), [fromTimeStr]);
+  const toTimeError = useMemo(() => toTimeStr.length > 0 && (toTimeStr.length < 8 || !validateTimeString(toTimeStr)), [toTimeStr]);
+  const isReady = useMemo(() => {
+    return startDate !== null && endDate !== null && validateDateString(fromDateStr) && validateDateString(toDateStr) && validateTimeString(fromTimeStr) && validateTimeString(toTimeStr) && dayjs(startDate).isSameOrBefore(dayjs(endDate), "day");
+  }, [startDate, endDate, fromDateStr, toDateStr, fromTimeStr, toTimeStr]);
+  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));
+      if (value.activePreset) {
+        setActivePreset(value.activePreset);
+      } else {
+        const matchedPreset = PRESETS.find((p) => {
+          if (p.key === "custom") return false;
+          const [s, e] = p.getRange();
+          if (!s || !e || !value.startDate || !value.endDate) return false;
+          return dayjs(s).isSame(dayjs(value.startDate), "day") && dayjs(e).isSame(dayjs(value.endDate), "day");
+        });
+        setActivePreset(matchedPreset ? matchedPreset.key : "custom");
+      }
+    }
+  }, [value, defaultTimezone, PRESETS]);
+  useEffect(() => {
+    setFromDateStr(formatForDisplay(startDate));
+  }, [startDate]);
+  useEffect(() => {
+    setToDateStr(formatForDisplay(endDate));
+  }, [endDate]);
+  const rangeValue = useMemo(() => [
+    startDate ? startDate.toISOString() : "",
+    endDate ? endDate.toISOString() : ""
+  ], [startDate, endDate]);
+  const handleRangeChange = useCallback(
+    (range) => {
+      const [s, e] = range;
+      if (s) {
+        const sDateByDayjs = dayjs(s, "D MMM, YYYY").toDate();
+        setStartDate(sDateByDayjs);
+      } else {
+        setStartDate(null);
+      }
+      if (e) {
+        const eDateByDayjs = dayjs(e, "D MMM, YYYY").toDate();
+        setEndDate(eDateByDayjs);
+      } else {
+        setEndDate(null);
+      }
+      setActivePreset("custom");
+    },
+    []
+  );
+  const handlePreset = useCallback(
+    (preset) => {
+      const [s, e] = preset.getRange();
+      setStartDate(s);
+      setEndDate(e);
+      setActivePreset(preset.key);
+    },
+    []
+  );
+  const handleFromDateChange = 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 && dayjs(parsed).isAfter(dayjs(endDate), "day")) {
+          setEndDate(null);
+        }
+      }
+    }
+  }, [fromDateStr, endDate]);
+  const handleToDateChange = 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 && dayjs(parsed).isBefore(dayjs(startDate), "day")) {
+          setStartDate(null);
+        }
+      }
+    }
+  }, [toDateStr, startDate]);
+  const handleFromTimeChange = useCallback((v) => {
+    const masked = applyTimeMask(v, fromTimeStr);
+    setFromTimeStr(masked);
+    setActivePreset("custom");
+  }, [fromTimeStr]);
+  const handleToTimeChange = useCallback((v) => {
+    const masked = applyTimeMask(v, toTimeStr);
+    setToTimeStr(masked);
+    setActivePreset("custom");
+  }, [toTimeStr]);
+  const handleDone = 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,
+      activePreset
+    });
+  }, [isReady, onChange, startDate, endDate, fromTimeStr, toTimeStr, timezone, activePreset]);
+  return /* @__PURE__ */ jsxs("div", { className: clsx(AdvancedDateRangePicker_module_default.root, className, { [AdvancedDateRangePicker_module_default.singleCalendar]: isSingle }), id, children: [
+    /* @__PURE__ */ jsxs("div", { className: AdvancedDateRangePicker_module_default.inner, children: [
+      /* @__PURE__ */ jsx("aside", { className: AdvancedDateRangePicker_module_default.left, children: PRESETS.map((p) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => handlePreset(p),
+          className: clsx(AdvancedDateRangePicker_module_default.sidebarItem, {
+            [AdvancedDateRangePicker_module_default.sidebarItemActive]: activePreset === p.key
+          }),
+          children: p.label
+        },
+        p.key
+      )) }),
+      /* @__PURE__ */ jsxs("div", { className: AdvancedDateRangePicker_module_default.main, children: [
+        /* @__PURE__ */ jsxs("header", { className: AdvancedDateRangePicker_module_default.header, children: [
+          /* @__PURE__ */ jsxs("div", { className: AdvancedDateRangePicker_module_default.timezoneWrapper, children: [
+            /* @__PURE__ */ jsx("span", { className: AdvancedDateRangePicker_module_default.headerLabel, children: "Timezone" }),
+            isTimezoneDisabled ? (
+              /* Disabled state: plain text badge instead of empty dropdown */
+              /* @__PURE__ */ jsx("div", { className: AdvancedDateRangePicker_module_default.timezoneDisabledBadge, children: timezone })
+            ) : /* @__PURE__ */ jsx(
+              Select_default,
+              {
+                value: timezone,
+                onChange: (val) => {
+                  if (val) setTimezone(String(val));
+                },
+                options: timezoneOptions,
+                size: "small",
+                allowClear: false,
+                enableSearch: false,
+                wrapperClassName: AdvancedDateRangePicker_module_default.timezoneSelectContainer,
+                inputClassName: AdvancedDateRangePicker_module_default.timezoneSelectInput
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: AdvancedDateRangePicker_module_default.dateTimeWrapper, children: [
+            /* @__PURE__ */ jsx(
+              DateTimeInputGroup,
+              {
+                label: "From",
+                dateValue: fromDateStr,
+                timeValue: fromTimeStr,
+                dateError: fromDateError,
+                timeError: fromTimeError,
+                onDateChange: handleFromDateChange,
+                onTimeChange: handleFromTimeChange
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              DateTimeInputGroup,
+              {
+                label: "To",
+                dateValue: toDateStr,
+                timeValue: toTimeStr,
+                dateError: toDateError,
+                timeError: toTimeError,
+                onDateChange: handleToDateChange,
+                onTimeChange: handleToTimeChange
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: AdvancedDateRangePicker_module_default.body, children: /* @__PURE__ */ jsx(
+          InternalCalendar_default,
+          {
+            id: `${id}-calendar`,
+            dateRange: rangeValue,
+            onChange: handleRangeChange,
+            disablePastDates,
+            minDate,
+            maxDate,
+            showSingleCalendar: isSingle
+          }
+        ) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("footer", { className: AdvancedDateRangePicker_module_default.footer, children: /* @__PURE__ */ jsx(
+      Button_default,
+      {
+        onClick: handleDone,
+        disabled: disabled || !isReady,
+        shape: "round",
+        children: confirmLabel
+      }
+    ) })
+  ] });
+}
+AdvancedDateRangePicker.displayName = "AdvancedDateRangePicker";
+var AdvancedDateRangePicker_default = AdvancedDateRangePicker;
+
+export {
+  AdvancedDateRangePicker,
+  AdvancedDateRangePicker_default
+};

package/dist/index.js

@@ -2248,11 +2248,12 @@ function getPresets() {
       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];
+        const daysToLastSunday = today.getDay() === 0 ? 7 : today.getDay();
+        const lastSunday = new Date(today);
+        lastSunday.setDate(today.getDate() - daysToLastSunday);
+        const monday = new Date(lastSunday);
+        monday.setDate(lastSunday.getDate() - 6);
+        return [monday, lastSunday];
       }
     },
     {

package/dist/index.mjs

@@ -1,27 +1,27 @@
 import {
   UserProfile_default
 } from "./chunk-N2WTNCQU.mjs";
-import {
-  Tag_default
-} from "./chunk-4VZB2KR2.mjs";
 import {
   Radio_default
 } from "./chunk-2EBPXGRY.mjs";
 import {
   RangePicker_default
 } from "./chunk-4JX54OKI.mjs";
-import {
-  Slider_default
-} from "./chunk-D3N7VFER.mjs";
 import {
   Switch_default
 } from "./chunk-MNARBWAJ.mjs";
+import {
+  Slider_default
+} from "./chunk-D3N7VFER.mjs";
 import {
   Table
 } from "./chunk-X3NDICAU.mjs";
+import {
+  Tag_default
+} from "./chunk-4VZB2KR2.mjs";
 import {
   AdvancedDateRangePicker
-} from "./chunk-GGWY2SYX.mjs";
+} from "./chunk-XECXKSTC.mjs";
 import {
   Select_default
 } from "./chunk-GU5F7Z7I.mjs";
@@ -30,12 +30,12 @@ import {
 } from "./chunk-MLCMZRUC.mjs";
 import "./chunk-FPH63V2R.mjs";
 import "./chunk-ZTRM4HZJ.mjs";
-import {
-  Checkbox_default
-} from "./chunk-UQZNUEZE.mjs";
 import {
   Avatar_default
 } from "./chunk-IWO2Y5QX.mjs";
+import {
+  Checkbox_default
+} from "./chunk-UQZNUEZE.mjs";
 import {
   LoadingSpinner_default
 } from "./chunk-QKTMWS4J.mjs";

package/dist/styles.css

@@ -772,87 +772,6 @@
   margin-bottom: 2rem;
 }
 
-/* src/atom/Tooltip/Tooltip.module.scss */
-.Tooltip-module__light___H5oCc .ant-tooltip-content .ant-tooltip-inner {
-  background-color: white !important;
-  color: #111827;
-  border-radius: 0.5rem;
-  padding: 0.625rem;
-  --tw-text-opacity: 1;
-  color: rgb(33 40 55 / var(--tw-text-opacity, 1));
-}
-.Tooltip-module__light___H5oCc .ant-tooltip-arrow:before {
-  background-color: white !important;
-}
-
-/* src/atom/Radio/Radio.module.scss */
-.Radio-module__radio___1CPAk {
-  display: flex;
-  align-items: center;
-}
-.Radio-module__radio___1CPAk.Radio-module__size_small___nRXgM .ant-radio .ant-radio-inner {
-  height: 16px;
-  width: 16px;
-}
-.Radio-module__radio___1CPAk.Radio-module__size_medium___uSzPl .ant-radio .ant-radio-inner {
-  height: 20px;
-  width: 20px;
-}
-.Radio-module__radio___1CPAk.Radio-module__size_large___ubpHs .ant-radio .ant-radio-inner {
-  height: 24px;
-  width: 24px;
-}
-.Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked .ant-radio-inner {
-  border-color: #EC5D25;
-  background-color: #EC5D25;
-}
-.Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked:hover .ant-radio-inner {
-  border-color: #B94710;
-  background-color: #B94710;
-}
-.Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked:focus-visible {
-  outline: 2px solid #0A65E7;
-}
-.Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z {
-  cursor: not-allowed;
-}
-.Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z .ant-radio-checked .ant-radio-inner {
-  border-color: #B6BAC3;
-  background-color: #B6BAC3;
-}
-.Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z .ant-radio-checked .ant-radio-inner::after {
-  transform: scale(0.375);
-  background-color: #FFFFFF;
-}
-.Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio .ant-radio-inner {
-  border-color: #B6BAC3;
-}
-.Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio:hover .ant-radio-inner {
-  border-color: #6B7280;
-}
-.Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio:focus-visible {
-  outline: 2px solid #0A65E7;
-}
-.Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7.Radio-module__disabled___AF98Z {
-  cursor: not-allowed;
-}
-.Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7.Radio-module__disabled___AF98Z .ant-radio .ant-radio-inner {
-  border-color: #B6BAC3;
-  background-color: #F9FAFB;
-}
-.Radio-module__radio___1CPAk.Radio-module__variant_normal___FQkTC {
-  color: #363E4F;
-  font-weight: 400;
-  font-size: 0.875rem;
-  line-height: 20px;
-}
-.Radio-module__radio___1CPAk.Radio-module__variant_emphasized___Fgpv6 {
-  color: #363E4F;
-  font-weight: 500;
-  font-size: 0.875rem;
-  line-height: 20px;
-}
-
 /* src/atom/Checkbox/Checkbox.module.scss */
 .Checkbox-module__checkbox___xxg5L {
   display: flex;
@@ -951,27 +870,40 @@
   background: white;
 }
 
-/* src/molecules/UserProfile/UserProfile.module.scss */
-.UserProfile-module__userProfile___cRMm9 {
-    display: flex;
-    align-items: center;
-    gap: 0.625rem
+/* src/atom/Slider/Slider.module.scss */
+.Slider-module__label___9Uea- {
+  font-size: 13px;
+  line-height: 18px;
+  --tw-text-opacity: 1;
+  color: rgb(54 62 79 / var(--tw-text-opacity, 1));
 }
-.UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E {
-    display: flex;
-    flex-direction: column
+
+.Slider-module__slider___JCS-c.ant-slider {
+  margin-left: 0px;
+  margin-right: 0px;
 }
-.UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileHeader___5qYbt {
-    display: flex;
-    align-items: center;
-    gap: 0.5rem
+.Slider-module__slider___JCS-c.ant-slider .ant-slider-handle::after {
+  box-shadow: 0 0 0 2px #ec5d25;
+  transform: scale(1.25);
 }
-.UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileHeader___5qYbt .UserProfile-module__profileName___x8pg- {
-    margin: 0px
+.Slider-module__slider___JCS-c.ant-slider .ant-slider-handle::before {
+  content: unset;
 }
-.UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileEmail___ZWKDd {
-    margin: 0px;
-    margin-top: 0.125rem
+.Slider-module__slider___JCS-c.ant-slider .ant-slider-handle:hover::after, .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle:active::after {
+  inset-inline-start: -1px;
+  inset-block-start: -1px;
+}
+.Slider-module__slider___JCS-c.ant-slider .ant-slider-track {
+  --tw-bg-opacity: 1;
+  background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1));
+  height: 2px;
+}
+.Slider-module__slider___JCS-c.Slider-module__disableFill___rjbsy.ant-slider .ant-slider-track {
+  background-color: transparent;
+}
+.Slider-module__slider___JCS-c.Slider-module__disableFill___rjbsy .ant-slider-rail {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
 }
 
 /* src/atom/Button/Button.module.scss */
@@ -1168,6 +1100,19 @@
   outline: none;
 }
 
+/* src/atom/Tooltip/Tooltip.module.scss */
+.Tooltip-module__light___H5oCc .ant-tooltip-content .ant-tooltip-inner {
+  background-color: white !important;
+  color: #111827;
+  border-radius: 0.5rem;
+  padding: 0.625rem;
+  --tw-text-opacity: 1;
+  color: rgb(33 40 55 / var(--tw-text-opacity, 1));
+}
+.Tooltip-module__light___H5oCc .ant-tooltip-arrow:before {
+  background-color: white !important;
+}
+
 /* src/atom/Switch/Switch.module.scss */
 .Switch-module__switch___fUHZL.ant-switch.ant-switch-small {
     height: 0.75rem;
@@ -1186,115 +1131,6 @@
     background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
 }
 
-/* src/atom/Slider/Slider.module.scss */
-.Slider-module__label___9Uea- {
-  font-size: 13px;
-  line-height: 18px;
-  --tw-text-opacity: 1;
-  color: rgb(54 62 79 / var(--tw-text-opacity, 1));
-}
-
-.Slider-module__slider___JCS-c.ant-slider {
-  margin-left: 0px;
-  margin-right: 0px;
-}
-.Slider-module__slider___JCS-c.ant-slider .ant-slider-handle::after {
-  box-shadow: 0 0 0 2px #ec5d25;
-  transform: scale(1.25);
-}
-.Slider-module__slider___JCS-c.ant-slider .ant-slider-handle::before {
-  content: unset;
-}
-.Slider-module__slider___JCS-c.ant-slider .ant-slider-handle:hover::after, .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle:active::after {
-  inset-inline-start: -1px;
-  inset-block-start: -1px;
-}
-.Slider-module__slider___JCS-c.ant-slider .ant-slider-track {
-  --tw-bg-opacity: 1;
-  background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1));
-  height: 2px;
-}
-.Slider-module__slider___JCS-c.Slider-module__disableFill___rjbsy.ant-slider .ant-slider-track {
-  background-color: transparent;
-}
-.Slider-module__slider___JCS-c.Slider-module__disableFill___rjbsy .ant-slider-rail {
-  --tw-bg-opacity: 1;
-  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
-}
-
-/* src/atom/Modal/Modal.module.scss */
-.Modal-module__modal___PKrAi.Modal-module__footerMargintopDisable___4B6u- .Modal-module__ant-modal-footer___HKsDR {
-  margin-top: 0;
-  margin-top: 0px;
-}
-.Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter {
-  padding: 24px;
-  padding: 1.5rem;
-  display: flex;
-  justify-content: flex-end;
-}
-.Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter .Modal-module__okBtn___Ut8e5,
-.Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter .Modal-module__cancelBtn___i0Rm8 {
-  min-width: 92px;
-}
-.Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter {
-  padding: 24px;
-  padding: 1.5rem;
-  padding-top: 0px;
-  display: flex;
-  justify-content: flex-end;
-}
-.Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter .Modal-module__okBtn___Ut8e5,
-.Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter .Modal-module__cancelBtn___i0Rm8 {
-  width: 50%;
-}
-.Modal-module__modal___PKrAi .ant-modal-content {
-  padding: 0;
-  border-radius: 0.75rem;
-  padding: 0px;
-}
-.Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header {
-  margin-bottom: 0px;
-  padding: 1rem;
-}
-@media (min-width: 576px) {
-  .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header {
-    padding: 1.5rem;
-  }
-}
-.Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header .ant-modal-title {
-  justify-content: flex-start;
-  padding-right: 1.25rem;
-  font-size: 1.25rem;
-  font-weight: 500;
-  line-height: 1.75rem;
-  --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
-}
-.Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close {
-  display: flex;
-  align-items: flex-end;
-  justify-content: center;
-}
-.Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close .ant-modal-close-x {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.Modal-module__modal___PKrAi .ant-modal-content .ant-modal-body {
-  padding: 0 1.5rem 1.5rem;
-  max-height: 65vh;
-  overflow: auto;
-}
-.Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close {
-  top: 1.5rem;
-  right: 1.5rem;
-  padding-bottom: 0.25rem;
-}
-.Modal-module__modal___PKrAi .ant-btn-primary {
-  margin-inline-start: 0.5rem;
-}
-
 /* src/atom/Tag/Tag.module.scss */
 .Tag-module__tag___PIkhI {
   border-radius: 0.25rem;
@@ -1850,6 +1686,170 @@
   min-width: 180px;
 }
 
+/* src/atom/Radio/Radio.module.scss */
+.Radio-module__radio___1CPAk {
+  display: flex;
+  align-items: center;
+}
+.Radio-module__radio___1CPAk.Radio-module__size_small___nRXgM .ant-radio .ant-radio-inner {
+  height: 16px;
+  width: 16px;
+}
+.Radio-module__radio___1CPAk.Radio-module__size_medium___uSzPl .ant-radio .ant-radio-inner {
+  height: 20px;
+  width: 20px;
+}
+.Radio-module__radio___1CPAk.Radio-module__size_large___ubpHs .ant-radio .ant-radio-inner {
+  height: 24px;
+  width: 24px;
+}
+.Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked .ant-radio-inner {
+  border-color: #EC5D25;
+  background-color: #EC5D25;
+}
+.Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked:hover .ant-radio-inner {
+  border-color: #B94710;
+  background-color: #B94710;
+}
+.Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked:focus-visible {
+  outline: 2px solid #0A65E7;
+}
+.Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z {
+  cursor: not-allowed;
+}
+.Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z .ant-radio-checked .ant-radio-inner {
+  border-color: #B6BAC3;
+  background-color: #B6BAC3;
+}
+.Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z .ant-radio-checked .ant-radio-inner::after {
+  transform: scale(0.375);
+  background-color: #FFFFFF;
+}
+.Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio .ant-radio-inner {
+  border-color: #B6BAC3;
+}
+.Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio:hover .ant-radio-inner {
+  border-color: #6B7280;
+}
+.Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio:focus-visible {
+  outline: 2px solid #0A65E7;
+}
+.Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7.Radio-module__disabled___AF98Z {
+  cursor: not-allowed;
+}
+.Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7.Radio-module__disabled___AF98Z .ant-radio .ant-radio-inner {
+  border-color: #B6BAC3;
+  background-color: #F9FAFB;
+}
+.Radio-module__radio___1CPAk.Radio-module__variant_normal___FQkTC {
+  color: #363E4F;
+  font-weight: 400;
+  font-size: 0.875rem;
+  line-height: 20px;
+}
+.Radio-module__radio___1CPAk.Radio-module__variant_emphasized___Fgpv6 {
+  color: #363E4F;
+  font-weight: 500;
+  font-size: 0.875rem;
+  line-height: 20px;
+}
+
+/* src/atom/Modal/Modal.module.scss */
+.Modal-module__modal___PKrAi.Modal-module__footerMargintopDisable___4B6u- .Modal-module__ant-modal-footer___HKsDR {
+  margin-top: 0;
+  margin-top: 0px;
+}
+.Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter {
+  padding: 24px;
+  padding: 1.5rem;
+  display: flex;
+  justify-content: flex-end;
+}
+.Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter .Modal-module__okBtn___Ut8e5,
+.Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter .Modal-module__cancelBtn___i0Rm8 {
+  min-width: 92px;
+}
+.Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter {
+  padding: 24px;
+  padding: 1.5rem;
+  padding-top: 0px;
+  display: flex;
+  justify-content: flex-end;
+}
+.Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter .Modal-module__okBtn___Ut8e5,
+.Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter .Modal-module__cancelBtn___i0Rm8 {
+  width: 50%;
+}
+.Modal-module__modal___PKrAi .ant-modal-content {
+  padding: 0;
+  border-radius: 0.75rem;
+  padding: 0px;
+}
+.Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header {
+  margin-bottom: 0px;
+  padding: 1rem;
+}
+@media (min-width: 576px) {
+  .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header {
+    padding: 1.5rem;
+  }
+}
+.Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header .ant-modal-title {
+  justify-content: flex-start;
+  padding-right: 1.25rem;
+  font-size: 1.25rem;
+  font-weight: 500;
+  line-height: 1.75rem;
+  --tw-text-opacity: 1;
+  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
+}
+.Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close {
+  display: flex;
+  align-items: flex-end;
+  justify-content: center;
+}
+.Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close .ant-modal-close-x {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.Modal-module__modal___PKrAi .ant-modal-content .ant-modal-body {
+  padding: 0 1.5rem 1.5rem;
+  max-height: 65vh;
+  overflow: auto;
+}
+.Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close {
+  top: 1.5rem;
+  right: 1.5rem;
+  padding-bottom: 0.25rem;
+}
+.Modal-module__modal___PKrAi .ant-btn-primary {
+  margin-inline-start: 0.5rem;
+}
+
+/* src/molecules/UserProfile/UserProfile.module.scss */
+.UserProfile-module__userProfile___cRMm9 {
+    display: flex;
+    align-items: center;
+    gap: 0.625rem
+}
+.UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E {
+    display: flex;
+    flex-direction: column
+}
+.UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileHeader___5qYbt {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem
+}
+.UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileHeader___5qYbt .UserProfile-module__profileName___x8pg- {
+    margin: 0px
+}
+.UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileEmail___ZWKDd {
+    margin: 0px;
+    margin-top: 0.125rem
+}
+
 /* src/atom/RangePicker/RangePicker.module.scss */
 .RangePicker-module__range_start___hGQp-::after {
   content: "";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itilite/lumina-ui",
-  "version": "1.0.10-alpha",
+  "version": "1.0.11-alpha",
   "description": "Itilite Lumina Design System UI Components",
   "sideEffects": false,
   "license": "MIT",