@itilite/lumina-ui 1.0.13-alpha → 1.0.14-alpha

package/dist/index.js

@@ -59,7 +59,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
-  AdvancedDateRangePicker: () => AdvancedDateRangePicker,
+  AdvancedDateRangePicker: () => AdvancedDateRangePicker_default,
   Avatar: () => Avatar_default,
   Button: () => Button_default,
   Checkbox: () => Checkbox_default,
@@ -70,7 +70,7 @@ __export(index_exports, {
   Select: () => Select_default,
   Slider: () => Slider_default,
   Switch: () => Switch_default,
-  Table: () => Table,
+  Table: () => Table_default,
   Tag: () => Tag_default,
   Tooltip: () => Tooltip_default,
   UserProfile: () => UserProfile_default
@@ -1415,15 +1415,6 @@ function CustomRangePicker(props) {
   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");
@@ -1565,11 +1556,8 @@ function CustomRangePicker(props) {
     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);
@@ -1577,34 +1565,32 @@ function CustomRangePicker(props) {
       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);
+      setStartDate(date);
+      setEndDate(null);
       setIsSelectingEnd(true);
       setHoverDate(null);
     } else if (startDate && !endDate) {
       if (date < startDate) {
-        nextEnd = startDate;
-        nextStart = date;
+        setEndDate(startDate);
+        setStartDate(date);
       } else {
-        nextEnd = date;
+        setEndDate(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) {
+      sessionStorage.removeItem("rangePickerStartDate");
+      onChangeRef.current(null, [
+        startDate ? (0, import_dayjs.default)(startDate).format("D MMM, YYYY") : "",
+        endDate ? (0, import_dayjs.default)(endDate).format("D MMM, YYYY") : ""
+      ]);
+    }
     if (isRange && startDate && !endDate) {
       sessionStorage.setItem(
         "rangePickerStartDate",
@@ -1612,6 +1598,11 @@ function CustomRangePicker(props) {
       );
     }
   }, [startDate, endDate, isRange]);
+  (0, import_react3.useEffect)(() => {
+    if (!isRange && selectedDate) {
+      onChangeRef.current(null, (0, import_dayjs.default)(selectedDate).format("D MMM, YYYY"));
+    }
+  }, [selectedDate, isRange]);
   const handleDateHover = (date) => {
     if (isDateDisabled(date) || !isRange) return;
     if (isSelectingEnd && startDate && !endDate) {
@@ -2671,6 +2662,7 @@ function AdvancedDateRangePicker({
   ] });
 }
 AdvancedDateRangePicker.displayName = "AdvancedDateRangePicker";
+var AdvancedDateRangePicker_default = AdvancedDateRangePicker;
 
 // src/atom/Slider/Slider.tsx
 var import_antd9 = require("antd");
@@ -2923,7 +2915,6 @@ function Table(props) {
     "bodyCellClassName",
     "rowClassName"
   ]);
-  const isChildVariant = isAccordion || isToolbar;
   const resolvedPagination = buildPagination(pagination, {
     total,
     current,
@@ -2957,7 +2948,7 @@ function Table(props) {
           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))
+            (r, idx) => newKeys.some((k) => k === getKey(r, idx))
           );
           onChange(newKeys, newRows, { type: "single" });
         }
@@ -3013,6 +3004,7 @@ function Table(props) {
   );
 }
 Table.displayName = "Table";
+var Table_default = Table;
 
 // src/molecules/UserProfile/UserProfile.tsx
 var import_clsx13 = __toESM(require("clsx"));

package/dist/index.mjs

@@ -1,12 +1,15 @@
+import {
+  Table_default
+} from "./chunk-ANJI6SPV.mjs";
 import {
   UserProfile_default
 } from "./chunk-N2WTNCQU.mjs";
+import {
+  RangePicker_default
+} from "./chunk-PSBEYGD4.mjs";
 import {
   Radio_default
 } from "./chunk-2EBPXGRY.mjs";
-import {
-  RangePicker_default
-} from "./chunk-4JX54OKI.mjs";
 import {
   Slider_default
 } from "./chunk-D3N7VFER.mjs";
@@ -17,10 +20,7 @@ import {
   Tag_default
 } from "./chunk-4VZB2KR2.mjs";
 import {
-  Table
-} from "./chunk-X3NDICAU.mjs";
-import {
-  AdvancedDateRangePicker
+  AdvancedDateRangePicker_default
 } from "./chunk-IPVJEGDI.mjs";
 import {
   Select_default
@@ -30,12 +30,12 @@ import {
 } from "./chunk-MLCMZRUC.mjs";
 import "./chunk-FPH63V2R.mjs";
 import "./chunk-ZTRM4HZJ.mjs";
-import {
-  Avatar_default
-} from "./chunk-IWO2Y5QX.mjs";
 import {
   Checkbox_default
 } from "./chunk-UQZNUEZE.mjs";
+import {
+  Avatar_default
+} from "./chunk-IWO2Y5QX.mjs";
 import {
   LoadingSpinner_default
 } from "./chunk-QKTMWS4J.mjs";
@@ -47,7 +47,7 @@ import {
 } from "./chunk-AF2RKLH6.mjs";
 import "./chunk-FWCSY2DS.mjs";
 export {
-  AdvancedDateRangePicker,
+  AdvancedDateRangePicker_default as AdvancedDateRangePicker,
   Avatar_default as Avatar,
   Button_default as Button,
   Checkbox_default as Checkbox,
@@ -58,7 +58,7 @@ export {
   Select_default as Select,
   Slider_default as Slider,
   Switch_default as Switch,
-  Table,
+  Table_default as Table,
   Tag_default as Tag,
   Tooltip_default as Tooltip,
   UserProfile_default as UserProfile

package/dist/styles.css

@@ -762,117 +762,6 @@
 
 
 /* CSS Modules */
-/* src/atom/Checkbox/Checkbox.module.scss */
-.Checkbox-module__checkbox___xxg5L {
-  display: flex;
-  align-items: center;
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__size_small___Kknlo .ant-checkbox .ant-checkbox-inner {
-  height: 16px;
-  width: 16px;
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__size_medium___V6Ah8 .ant-checkbox .ant-checkbox-inner {
-  height: 20px;
-  width: 20px;
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__size_medium___V6Ah8 .ant-checkbox .ant-checkbox-inner::after {
-  inset-inline-start: 27%;
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__size_large___eWjFY .ant-checkbox .ant-checkbox-inner {
-  height: 24px;
-  width: 24px;
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__size_large___eWjFY .ant-checkbox .ant-checkbox-inner::after {
-  inset-inline-start: 33%;
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_checked___5742T .ant-checkbox-checked .ant-checkbox-inner {
-  border-color: #ec5d25;
-  background-color: #ec5d25;
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_checked___5742T.ant-checkbox-wrapper:hover
-     .ant-checkbox-checked:not(.ant-checkbox-disabled)
-     .ant-checkbox-inner {
-  --tw-bg-opacity: 1;
-  background-color: rgb(185 71 16 / var(--tw-bg-opacity, 1));
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_checked___5742T .ant-checkbox-checked:focus-visible {
-  outline: 2px solid #0a65e7;
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_checked___5742T.Checkbox-module__disabled___v-RG1 {
-  cursor: not-allowed;
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_checked___5742T.Checkbox-module__disabled___v-RG1 .ant-checkbox-checked .ant-checkbox-inner {
-  opacity: 0.5;
-  border-color: #ec5d25;
-  background-color: #ec5d25;
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_checked___5742T.Checkbox-module__disabled___v-RG1 .ant-checkbox-checked .ant-checkbox-inner::after {
-  border-color: #ffffff;
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_unchecked___QFMpP .ant-checkbox .ant-checkbox-inner {
-  border-color: #b6bac3;
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_unchecked___QFMpP .ant-checkbox:hover .ant-checkbox-inner {
-  border-color: #6b7280;
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_unchecked___QFMpP .ant-checkbox:focus-visible {
-  outline: 2px solid #0a65e7;
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_unchecked___QFMpP.Checkbox-module__disabled___v-RG1 {
-  cursor: not-allowed;
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_unchecked___QFMpP.Checkbox-module__disabled___v-RG1 .ant-checkbox .ant-checkbox-inner {
-  border-color: #b6bac3;
-  background-color: #f9fafb;
-}
-.Checkbox-module__checkbox___xxg5L .ant-checkbox-disabled + span {
-  color: #363e4f;
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_normal___faYKo {
-  color: #363e4f;
-  font-weight: 400;
-  font-size: 0.875rem;
-  line-height: 20px;
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_emphasized___-koYj {
-  color: #363e4f;
-  font-weight: 500;
-  font-size: 0.875rem;
-  line-height: 20px;
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_indeterminate___J5Xcc.Checkbox-module__disabled___v-RG1 .ant-checkbox-indeterminate .ant-checkbox-inner {
-  opacity: 0.5;
-  border-color: #ec5d25;
-  background-color: #ec5d25;
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_indeterminate___J5Xcc.Checkbox-module__disabled___v-RG1 .ant-checkbox-indeterminate .ant-checkbox-inner::after {
-  border-color: #ffffff;
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_indeterminate___J5Xcc .ant-checkbox-indeterminate .ant-checkbox-inner {
-  border-color: #ec5d25 !important;
-  background-color: #ec5d25 !important;
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_indeterminate___J5Xcc .ant-checkbox-indeterminate .ant-checkbox-inner::after {
-  inset-inline-start: 50%;
-  width: 60%;
-  height: 3px;
-  border-radius: 4px;
-  background: white;
-}
-
-/* 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/Slider/Slider.module.scss */
 .Slider-module__label___9Uea- {
   font-size: 13px;
@@ -1103,6 +992,29 @@
   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/LoadingSpinner/LoadingSpinner.module.scss */
+.LoadingSpinner-module__spinnerContainer___DiPLf {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  margin-top: 2rem;
+  margin-bottom: 2rem;
+}
+
 /* src/atom/Switch/Switch.module.scss */
 .Switch-module__switch___fUHZL.ant-switch.ant-switch-small {
     height: 0.75rem;
@@ -1181,6 +1093,104 @@
   background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1))
 }
 
+/* src/atom/Checkbox/Checkbox.module.scss */
+.Checkbox-module__checkbox___xxg5L {
+  display: flex;
+  align-items: center;
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__size_small___Kknlo .ant-checkbox .ant-checkbox-inner {
+  height: 16px;
+  width: 16px;
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__size_medium___V6Ah8 .ant-checkbox .ant-checkbox-inner {
+  height: 20px;
+  width: 20px;
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__size_medium___V6Ah8 .ant-checkbox .ant-checkbox-inner::after {
+  inset-inline-start: 27%;
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__size_large___eWjFY .ant-checkbox .ant-checkbox-inner {
+  height: 24px;
+  width: 24px;
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__size_large___eWjFY .ant-checkbox .ant-checkbox-inner::after {
+  inset-inline-start: 33%;
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_checked___5742T .ant-checkbox-checked .ant-checkbox-inner {
+  border-color: #ec5d25;
+  background-color: #ec5d25;
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_checked___5742T.ant-checkbox-wrapper:hover
+     .ant-checkbox-checked:not(.ant-checkbox-disabled)
+     .ant-checkbox-inner {
+  --tw-bg-opacity: 1;
+  background-color: rgb(185 71 16 / var(--tw-bg-opacity, 1));
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_checked___5742T .ant-checkbox-checked:focus-visible {
+  outline: 2px solid #0a65e7;
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_checked___5742T.Checkbox-module__disabled___v-RG1 {
+  cursor: not-allowed;
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_checked___5742T.Checkbox-module__disabled___v-RG1 .ant-checkbox-checked .ant-checkbox-inner {
+  opacity: 0.5;
+  border-color: #ec5d25;
+  background-color: #ec5d25;
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_checked___5742T.Checkbox-module__disabled___v-RG1 .ant-checkbox-checked .ant-checkbox-inner::after {
+  border-color: #ffffff;
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_unchecked___QFMpP .ant-checkbox .ant-checkbox-inner {
+  border-color: #b6bac3;
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_unchecked___QFMpP .ant-checkbox:hover .ant-checkbox-inner {
+  border-color: #6b7280;
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_unchecked___QFMpP .ant-checkbox:focus-visible {
+  outline: 2px solid #0a65e7;
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_unchecked___QFMpP.Checkbox-module__disabled___v-RG1 {
+  cursor: not-allowed;
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_unchecked___QFMpP.Checkbox-module__disabled___v-RG1 .ant-checkbox .ant-checkbox-inner {
+  border-color: #b6bac3;
+  background-color: #f9fafb;
+}
+.Checkbox-module__checkbox___xxg5L .ant-checkbox-disabled + span {
+  color: #363e4f;
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_normal___faYKo {
+  color: #363e4f;
+  font-weight: 400;
+  font-size: 0.875rem;
+  line-height: 20px;
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_emphasized___-koYj {
+  color: #363e4f;
+  font-weight: 500;
+  font-size: 0.875rem;
+  line-height: 20px;
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_indeterminate___J5Xcc.Checkbox-module__disabled___v-RG1 .ant-checkbox-indeterminate .ant-checkbox-inner {
+  opacity: 0.5;
+  border-color: #ec5d25;
+  background-color: #ec5d25;
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_indeterminate___J5Xcc.Checkbox-module__disabled___v-RG1 .ant-checkbox-indeterminate .ant-checkbox-inner::after {
+  border-color: #ffffff;
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_indeterminate___J5Xcc .ant-checkbox-indeterminate .ant-checkbox-inner {
+  border-color: #ec5d25 !important;
+  background-color: #ec5d25 !important;
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_indeterminate___J5Xcc .ant-checkbox-indeterminate .ant-checkbox-inner::after {
+  inset-inline-start: 50%;
+  width: 60%;
+  height: 3px;
+  border-radius: 4px;
+  background: white;
+}
+
 /* src/atom/Radio/Radio.module.scss */
 .Radio-module__radio___1CPAk {
   display: flex;
@@ -1249,112 +1259,6 @@
   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/LoadingSpinner/LoadingSpinner.module.scss */
-.LoadingSpinner-module__spinnerContainer___DiPLf {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 100%;
-  margin-top: 2rem;
-  margin-bottom: 2rem;
-}
-
 /* src/atom/Table/Table.module.scss */
 @charset "UTF-8";
 /* ============================================================
@@ -1868,6 +1772,102 @@
   min-width: 180px;
 }
 
+/* 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/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/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.13-alpha",
+  "version": "1.0.14-alpha",
   "description": "Itilite Lumina Design System UI Components",
   "sideEffects": false,
   "license": "MIT",