@dmsi/wedgekit-react 0.0.499 → 0.0.501

package/dist/components/MobileDataGrid/RowDetailModalProvider/ModalContent.cjs

@@ -184,6 +184,9 @@ var layoutPaddingBottom = (0, import_clsx.default)(
 var layoutPaddingY = (0, import_clsx.default)(
   "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding"
 );
+var layoutPaddingX = (0, import_clsx.default)(
+  "px-mobile-layout-padding desktop:px-desktop-layout-padding compact:px-desktop-compact-layout-padding"
+);
 var containerPaddingX = (0, import_clsx.default)(
   "px-mobile-container-padding desktop:px-desktop-container-padding compact:px-desktop-compact-container-padding"
 );
@@ -388,7 +391,7 @@ var Stack = (_a) => {
       id,
       "data-testid": testid
     }, props), {
-      style: {
+      style: __spreadValues({
         height: height === "full" ? "100%" : height !== void 0 ? `${height}px` : void 0,
         maxHeight: maxHeight !== void 0 ? isNaN(+maxHeight) ? maxHeight : `${maxHeight}px` : (_a2 = props.style) == null ? void 0 : _a2.maxHeight,
         maxWidth: maxWidth !== void 0 ? isNaN(+maxWidth) ? maxWidth : `${maxWidth}px` : (_b2 = props.style) == null ? void 0 : _b2.maxWidth,
@@ -413,7 +416,7 @@ var Stack = (_a) => {
         flexWrap,
         paddingInline: (_f = props.style) == null ? void 0 : _f.paddingInline,
         gap: (_g = props.style) == null ? void 0 : _g.gap
-      },
+      }, props.style),
       className: (0, import_clsx3.default)(
         "scrollbar-thin",
         "max-w-screen",
@@ -491,18 +494,73 @@ function useGridContext() {
   return ctx;
 }
 
+// src/utils/date.ts
+function parseDateParts(dateString) {
+  const [yearStr, monthStr, dayStr] = dateString.split("-");
+  if (!yearStr || !monthStr || !dayStr) {
+    return null;
+  }
+  const year = parseInt(yearStr, 10);
+  const month = parseInt(monthStr, 10);
+  const day = parseInt(dayStr, 10);
+  if (isNaN(year) || isNaN(month) || isNaN(day)) {
+    return null;
+  }
+  return { year, month, day };
+}
+function isValidDateRange(month, day) {
+  if (month < 1 || month > 12) {
+    return false;
+  }
+  if (day < 1 || day > 31) {
+    return false;
+  }
+  return true;
+}
+function formatDatePartsToDisplay(year, month, day) {
+  const paddedMonth = month.toString().padStart(2, "0");
+  const paddedDay = day.toString().padStart(2, "0");
+  return `${paddedMonth}/${paddedDay}/${year}`;
+}
+function formatDate(date) {
+  if (!date) {
+    return "";
+  }
+  try {
+    const dateParts = parseDateParts(date);
+    if (!dateParts) {
+      return "";
+    }
+    const { year, month, day } = dateParts;
+    if (!isValidDateRange(month, day)) {
+      return "";
+    }
+    return formatDatePartsToDisplay(year, month, day);
+  } catch (error) {
+    console.error("Error formatting date:", error);
+    return "";
+  }
+}
+
 // src/components/MobileDataGrid/MobileDataGridCard/MobileDataGridColumn.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 function MobileDataGridColumn(props) {
-  var _a;
+  var _a, _b;
   const { column, data } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "grid grid-cols-2 gap-2 px-3 flex-1", children: [
+  let value;
+  if (column.id) {
+    value = data[column.id];
+    if (((_a = column.meta) == null ? void 0 : _a.format) === "date" && typeof value === "string") {
+      value = formatDate(value);
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "grid grid-cols-2 gap-2 flex-1", children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Paragraph, { color: "text-secondary-normal", className: "text-left", children: [
-      (_a = column.header) == null ? void 0 : _a.toString(),
+      (_b = column.header) == null ? void 0 : _b.toString(),
       ":"
     ] }),
     " ",
-    column.id && data[column.id] ? data[column.id] : null
+    value ? value : null
   ] });
 }
 
@@ -521,7 +579,7 @@ function ModalContent() {
       return ((_a = column.meta) == null ? void 0 : _a.useCustomRenderer) && column.meta.mobileCell && column.id ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
         "div",
         {
-          className: "grid grid-cols-2 gap-2 px-3 items-center flex-1",
+          className: "grid grid-cols-2 gap-2 items-center flex-1",
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Paragraph, { color: "text-secondary-normal", className: "text-left", children: [
               (_b = column.header) == null ? void 0 : _b.toString(),

package/dist/components/MobileDataGrid/RowDetailModalProvider/ModalContent.js

@@ -1,12 +1,15 @@
 import {
   ModalContent
-} from "../../../chunk-3DEYCNUE.js";
+} from "../../../chunk-3UUCDNX3.js";
 import "../../../chunk-5IFPG6TS.js";
 import "../../../chunk-AJ5M6MVX.js";
-import "../../../chunk-KW6V7O3H.js";
-import "../../../chunk-ZSETMD4A.js";
-import "../../../chunk-DORD2EBO.js";
-import "../../../chunk-IXR65MOU.js";
+import "../../../chunk-UI7P5J5S.js";
+import "../../../chunk-VXWSAIB5.js";
+import "../../../chunk-R3EQIDBX.js";
+import "../../../chunk-5UH6QUFB.js";
+import "../../../chunk-WMPWWFUJ.js";
+import "../../../chunk-TPXH53SA.js";
+import "../../../chunk-7KWFEH56.js";
 import "../../../chunk-ORMEWXMH.js";
 export {
   ModalContent

package/dist/components/MobileDataGrid/RowDetailModalProvider/index.cjs

@@ -184,6 +184,9 @@ var layoutPaddingBottom = (0, import_clsx.default)(
 var layoutPaddingY = (0, import_clsx.default)(
   "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding"
 );
+var layoutPaddingX = (0, import_clsx.default)(
+  "px-mobile-layout-padding desktop:px-desktop-layout-padding compact:px-desktop-compact-layout-padding"
+);
 var containerPaddingX = (0, import_clsx.default)(
   "px-mobile-container-padding desktop:px-desktop-container-padding compact:px-desktop-compact-container-padding"
 );
@@ -603,6 +606,54 @@ ModalScrim.displayName = "ModalScrim";
 // src/components/Modal.tsx
 var import_react_dom = require("react-dom");
 
+// src/utils/date.ts
+function parseDateParts(dateString) {
+  const [yearStr, monthStr, dayStr] = dateString.split("-");
+  if (!yearStr || !monthStr || !dayStr) {
+    return null;
+  }
+  const year = parseInt(yearStr, 10);
+  const month = parseInt(monthStr, 10);
+  const day = parseInt(dayStr, 10);
+  if (isNaN(year) || isNaN(month) || isNaN(day)) {
+    return null;
+  }
+  return { year, month, day };
+}
+function isValidDateRange(month, day) {
+  if (month < 1 || month > 12) {
+    return false;
+  }
+  if (day < 1 || day > 31) {
+    return false;
+  }
+  return true;
+}
+function formatDatePartsToDisplay(year, month, day) {
+  const paddedMonth = month.toString().padStart(2, "0");
+  const paddedDay = day.toString().padStart(2, "0");
+  return `${paddedMonth}/${paddedDay}/${year}`;
+}
+function formatDate(date) {
+  if (!date) {
+    return "";
+  }
+  try {
+    const dateParts = parseDateParts(date);
+    if (!dateParts) {
+      return "";
+    }
+    const { year, month, day } = dateParts;
+    if (!isValidDateRange(month, day)) {
+      return "";
+    }
+    return formatDatePartsToDisplay(year, month, day);
+  } catch (error) {
+    console.error("Error formatting date:", error);
+    return "";
+  }
+}
+
 // src/utils/index.ts
 var LocalStoragePrefixVersion = `dmsi-acc-v1.1`;
 
@@ -1042,7 +1093,7 @@ var Stack = (_a) => {
       id,
       "data-testid": testid
     }, props), {
-      style: {
+      style: __spreadValues({
         height: height === "full" ? "100%" : height !== void 0 ? `${height}px` : void 0,
         maxHeight: maxHeight !== void 0 ? isNaN(+maxHeight) ? maxHeight : `${maxHeight}px` : (_a2 = props.style) == null ? void 0 : _a2.maxHeight,
         maxWidth: maxWidth !== void 0 ? isNaN(+maxWidth) ? maxWidth : `${maxWidth}px` : (_b2 = props.style) == null ? void 0 : _b2.maxWidth,
@@ -1067,7 +1118,7 @@ var Stack = (_a) => {
         flexWrap,
         paddingInline: (_f = props.style) == null ? void 0 : _f.paddingInline,
         gap: (_g = props.style) == null ? void 0 : _g.gap
-      },
+      }, props.style),
       className: (0, import_clsx10.default)(
         "scrollbar-thin",
         "max-w-screen",
@@ -1201,15 +1252,22 @@ Paragraph.displayName = "Paragraph";
 // src/components/MobileDataGrid/MobileDataGridCard/MobileDataGridColumn.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");
 function MobileDataGridColumn(props) {
-  var _a;
+  var _a, _b;
   const { column, data } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "grid grid-cols-2 gap-2 px-3 flex-1", children: [
+  let value;
+  if (column.id) {
+    value = data[column.id];
+    if (((_a = column.meta) == null ? void 0 : _a.format) === "date" && typeof value === "string") {
+      value = formatDate(value);
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "grid grid-cols-2 gap-2 flex-1", children: [
     /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Paragraph, { color: "text-secondary-normal", className: "text-left", children: [
-      (_a = column.header) == null ? void 0 : _a.toString(),
+      (_b = column.header) == null ? void 0 : _b.toString(),
       ":"
     ] }),
     " ",
-    column.id && data[column.id] ? data[column.id] : null
+    value ? value : null
   ] });
 }
 
@@ -1228,7 +1286,7 @@ function ModalContent2() {
       return ((_a = column.meta) == null ? void 0 : _a.useCustomRenderer) && column.meta.mobileCell && column.id ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
         "div",
         {
-          className: "grid grid-cols-2 gap-2 px-3 items-center flex-1",
+          className: "grid grid-cols-2 gap-2 items-center flex-1",
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Paragraph, { color: "text-secondary-normal", className: "text-left", children: [
               (_b = column.header) == null ? void 0 : _b.toString(),

package/dist/components/MobileDataGrid/RowDetailModalProvider/index.js

@@ -1,26 +1,26 @@
 import {
   RowDetailModalProvider
-} from "../../../chunk-YD3HWIUJ.js";
-import "../../../chunk-3DEYCNUE.js";
+} from "../../../chunk-ELXVDRWS.js";
+import "../../../chunk-3UUCDNX3.js";
 import "../../../chunk-5IFPG6TS.js";
 import "../../../chunk-AJ5M6MVX.js";
-import "../../../chunk-KW6V7O3H.js";
-import "../../../chunk-TOKS63IK.js";
+import "../../../chunk-UI7P5J5S.js";
+import "../../../chunk-BMPL6LCR.js";
 import "../../../chunk-4RJKB7LC.js";
-import "../../../chunk-FG7GNGE3.js";
-import "../../../chunk-X4UK7HE2.js";
+import "../../../chunk-WVVEOCEH.js";
+import "../../../chunk-CMMQTIVM.js";
 import "../../../chunk-AG43RS4Q.js";
-import "../../../chunk-ZQJMNPCF.js";
+import "../../../chunk-AKJUBFJK.js";
 import "../../../chunk-URYQ24NF.js";
 import "../../../chunk-VXWSAIB5.js";
 import "../../../chunk-R3EQIDBX.js";
 import "../../../chunk-5UH6QUFB.js";
-import "../../../chunk-H2KC5XUY.js";
-import "../../../chunk-ZSETMD4A.js";
-import "../../../chunk-DORD2EBO.js";
+import "../../../chunk-MXSJF6TW.js";
+import "../../../chunk-WMPWWFUJ.js";
+import "../../../chunk-TPXH53SA.js";
 import "../../../chunk-NKUETCDA.js";
-import "../../../chunk-LPY6PMAY.js";
-import "../../../chunk-IXR65MOU.js";
+import "../../../chunk-45AHDOAU.js";
+import "../../../chunk-7KWFEH56.js";
 import "../../../chunk-ORMEWXMH.js";
 export {
   RowDetailModalProvider

package/dist/components/MobileDataGrid/index.cjs

@@ -184,6 +184,9 @@ var layoutPaddingBottom = (0, import_clsx.default)(
 var layoutPaddingY = (0, import_clsx.default)(
   "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding"
 );
+var layoutPaddingX = (0, import_clsx.default)(
+  "px-mobile-layout-padding desktop:px-desktop-layout-padding compact:px-desktop-compact-layout-padding"
+);
 var containerPaddingX = (0, import_clsx.default)(
   "px-mobile-container-padding desktop:px-desktop-container-padding compact:px-desktop-compact-container-padding"
 );
@@ -600,7 +603,7 @@ var Stack = (_a) => {
       id,
       "data-testid": testid
     }, props), {
-      style: {
+      style: __spreadValues({
         height: height === "full" ? "100%" : height !== void 0 ? `${height}px` : void 0,
         maxHeight: maxHeight !== void 0 ? isNaN(+maxHeight) ? maxHeight : `${maxHeight}px` : (_a2 = props.style) == null ? void 0 : _a2.maxHeight,
         maxWidth: maxWidth !== void 0 ? isNaN(+maxWidth) ? maxWidth : `${maxWidth}px` : (_b2 = props.style) == null ? void 0 : _b2.maxWidth,
@@ -625,7 +628,7 @@ var Stack = (_a) => {
         flexWrap,
         paddingInline: (_f = props.style) == null ? void 0 : _f.paddingInline,
         gap: (_g = props.style) == null ? void 0 : _g.gap
-      },
+      }, props.style),
       className: (0, import_clsx6.default)(
         "scrollbar-thin",
         "max-w-screen",
@@ -6151,6 +6154,7 @@ function MobileDataGridHeader({
             items: "center",
             justify: "between",
             backgroundColor: "background-primary-normal",
+            style: { borderTopRightRadius: 4, borderTopLeftRadius: 4 },
             children: [
               enableRowSelection && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "p-mobile-component-padding border-r border-brand-200 max-w-fit h-full", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
                 Checkbox,
@@ -6313,15 +6317,22 @@ function GridContextProvider(props) {
 // src/components/MobileDataGrid/MobileDataGridCard/MobileDataGridColumn.tsx
 var import_jsx_runtime62 = require("react/jsx-runtime");
 function MobileDataGridColumn(props) {
-  var _a;
+  var _a, _b;
   const { column, data } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "grid grid-cols-2 gap-2 px-3 flex-1", children: [
+  let value;
+  if (column.id) {
+    value = data[column.id];
+    if (((_a = column.meta) == null ? void 0 : _a.format) === "date" && typeof value === "string") {
+      value = formatDate(value);
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "grid grid-cols-2 gap-2 flex-1", children: [
     /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(Paragraph, { color: "text-secondary-normal", className: "text-left", children: [
-      (_a = column.header) == null ? void 0 : _a.toString(),
+      (_b = column.header) == null ? void 0 : _b.toString(),
       ":"
     ] }),
     " ",
-    column.id && data[column.id] ? data[column.id] : null
+    value ? value : null
   ] });
 }
 
@@ -6340,7 +6351,7 @@ function ModalContent2() {
       return ((_a = column.meta) == null ? void 0 : _a.useCustomRenderer) && column.meta.mobileCell && column.id ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
         "div",
         {
-          className: "grid grid-cols-2 gap-2 px-3 items-center flex-1",
+          className: "grid grid-cols-2 gap-2 items-center flex-1",
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(Paragraph, { color: "text-secondary-normal", className: "text-left", children: [
               (_b = column.header) == null ? void 0 : _b.toString(),
@@ -6446,8 +6457,12 @@ function MobileDataGridCard({
       id: id ? `${id}-card-${getId(data)}` : void 0,
       "data-testid": testid ? `${testid}-card-${getId(data)}` : void 0,
       className: (0, import_clsx39.default)(
+        "flex flex-col",
         "hover:bg-action-100 cursor-pointer list-none",
-        selected ? "bg-action-100" : "bg-background-grouped-primary-normal"
+        selected ? "bg-action-100" : "bg-background-grouped-primary-normal",
+        layoutGroupGap,
+        layoutPaddingX,
+        paddingYUsingLayoutGroupGap
       ),
       onClick: () => openRowDetail(data),
       children: [
@@ -6459,6 +6474,7 @@ function MobileDataGridCard({
                 sizing: "component",
                 padding: true,
                 width: "fit",
+                style: { paddingLeft: 0, paddingRight: 8 },
                 onClick: (e) => e.stopPropagation(),
                 children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
                   Checkbox,
@@ -6477,6 +6493,7 @@ function MobileDataGridCard({
                 sizing: "component",
                 padding: true,
                 onClick: (e) => e.stopPropagation(),
+                style: { paddingInline: 0 },
                 children: renderLink ? renderLink(data) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Subheader, { children: String((_a = data[context.primaryKey]) != null ? _a : "") })
               }
             ),
@@ -6502,7 +6519,7 @@ function MobileDataGridCard({
               return ((_a2 = column.meta) == null ? void 0 : _a2.useCustomRenderer) && column.meta.mobileCell && column.id ? /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
                 "div",
                 {
-                  className: "grid grid-cols-2 gap-2 px-3 items-center flex-1",
+                  className: "grid grid-cols-2 gap-2 items-center flex-1",
                   children: [
                     /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
                       Paragraph,
@@ -6538,7 +6555,7 @@ function MobileDataGridCard({
             }
           ) })
         ] }),
-        renderChevron && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Stack, { items: "center", justify: "center", horizontal: true, horizontalMobile: true, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Icon, { name: "keyboard_arrow_down" }) })
+        renderChevron && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Stack, { items: "center", justify: "center", horizontal: true, horizontalMobile: true, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-icon-primary-normal", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Icon, { name: "keyboard_arrow_down" }) }) })
       ]
     }
   );

package/dist/components/MobileDataGrid/index.css

@@ -2102,6 +2102,9 @@
   .font-sans {
     font-family: var(--font-sans);
   }
+  .\!text-caption-desktop {
+    font-size: var(--text-caption-desktop) !important;
+  }
   .text-\[0\.6rem\] {
     font-size: 0.6rem;
   }

package/dist/components/MobileDataGrid/index.js

@@ -1,70 +1,70 @@
 import {
   MobileDataGrid
-} from "../../chunk-TWDH7ZDS.js";
+} from "../../chunk-LJWQEZUS.js";
 import "../../chunk-M7INAUAJ.js";
-import "../../chunk-YD3HWIUJ.js";
-import "../../chunk-3DEYCNUE.js";
-import "../../chunk-XHQOTLG6.js";
+import "../../chunk-ELXVDRWS.js";
+import "../../chunk-3UUCDNX3.js";
+import "../../chunk-FJRYHJUV.js";
 import "../../chunk-BQNPOGD5.js";
 import "../../chunk-Y5GD2FJA.js";
-import "../../chunk-4LBQSSGH.js";
-import "../../chunk-YEZBNQZI.js";
-import "../../chunk-B53XDCLO.js";
+import "../../chunk-6XLESQ2U.js";
+import "../../chunk-VOSQMHNF.js";
+import "../../chunk-YJGDVWTH.js";
 import "../../chunk-S5ZJ3Q7P.js";
 import "../../chunk-MBZ55T2D.js";
 import "../../chunk-2IKT6IHB.js";
 import "../../chunk-YCDDBSVU.js";
 import "../../chunk-3X3Y4TMS.js";
-import "../../chunk-QMSPTD6L.js";
-import "../../chunk-XIXQUEYC.js";
+import "../../chunk-PRN2EQBX.js";
+import "../../chunk-5YNEY3WO.js";
 import "../../chunk-5IFPG6TS.js";
 import "../../chunk-AJ5M6MVX.js";
-import "../../chunk-KW6V7O3H.js";
-import "../../chunk-JUFBGNWW.js";
-import "../../chunk-7GHD74J3.js";
+import "../../chunk-UI7P5J5S.js";
+import "../../chunk-56RPZLV7.js";
+import "../../chunk-MDB26F6T.js";
 import "../../chunk-AT4AWD6B.js";
 import "../../chunk-EWGHVZL5.js";
-import "../../chunk-7BVUTFZ5.js";
+import "../../chunk-OWHPPZZA.js";
 import "../../chunk-L3BXRDLP.js";
 import "../../chunk-34VEVX5H.js";
-import "../../chunk-GRGDX7JC.js";
-import "../../chunk-PIBHG6DH.js";
-import "../../chunk-TOKS63IK.js";
+import "../../chunk-LB7UT6F3.js";
+import "../../chunk-2TNHD4MQ.js";
+import "../../chunk-BMPL6LCR.js";
 import "../../chunk-4RJKB7LC.js";
-import "../../chunk-FG7GNGE3.js";
-import "../../chunk-X4UK7HE2.js";
+import "../../chunk-WVVEOCEH.js";
+import "../../chunk-CMMQTIVM.js";
 import "../../chunk-AG43RS4Q.js";
-import "../../chunk-ZQJMNPCF.js";
-import "../../chunk-6TYWM26K.js";
+import "../../chunk-AKJUBFJK.js";
+import "../../chunk-SUSUNSVZ.js";
 import "../../chunk-SBRRNFOP.js";
 import "../../chunk-Y2GK27RX.js";
 import "../../chunk-QVWYTQKL.js";
-import "../../chunk-HIKWIY5Q.js";
+import "../../chunk-CHUKGR7S.js";
 import "../../chunk-TCMOGTPB.js";
 import "../../chunk-DVU5XV7L.js";
-import "../../chunk-5R4C5F63.js";
-import "../../chunk-5MLYAQQO.js";
-import "../../chunk-G4AWTFBQ.js";
-import "../../chunk-AL5QIRY3.js";
+import "../../chunk-KOU2TO3N.js";
+import "../../chunk-HK4S6TRH.js";
+import "../../chunk-KPBG7D3V.js";
+import "../../chunk-HXGJVYGQ.js";
 import "../../chunk-WVUIIBRR.js";
 import "../../chunk-75USUR3I.js";
-import "../../chunk-BTKWHCUE.js";
-import "../../chunk-WEAVZEE4.js";
-import "../../chunk-OZBB6RFM.js";
+import "../../chunk-PS6UJZVH.js";
+import "../../chunk-M7WHWZ2J.js";
+import "../../chunk-TMHOK37S.js";
 import "../../chunk-URYQ24NF.js";
 import "../../chunk-VXWSAIB5.js";
 import "../../chunk-R3EQIDBX.js";
 import "../../chunk-5UH6QUFB.js";
-import "../../chunk-UCJUC5AZ.js";
-import "../../chunk-IY7SXEVY.js";
+import "../../chunk-BYC6QID5.js";
+import "../../chunk-MUOYLXBF.js";
 import "../../chunk-KBJZUVLM.js";
-import "../../chunk-4UH72JT2.js";
-import "../../chunk-H2KC5XUY.js";
-import "../../chunk-ZSETMD4A.js";
-import "../../chunk-DORD2EBO.js";
+import "../../chunk-SPJ6V6WJ.js";
+import "../../chunk-MXSJF6TW.js";
+import "../../chunk-WMPWWFUJ.js";
+import "../../chunk-TPXH53SA.js";
 import "../../chunk-NKUETCDA.js";
-import "../../chunk-LPY6PMAY.js";
-import "../../chunk-IXR65MOU.js";
+import "../../chunk-45AHDOAU.js";
+import "../../chunk-7KWFEH56.js";
 import "../../chunk-ORMEWXMH.js";
 export {
   MobileDataGrid

package/dist/components/Modal.cjs

@@ -187,6 +187,9 @@ var layoutPaddingBottom = (0, import_clsx.default)(
 var layoutPaddingY = (0, import_clsx.default)(
   "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding"
 );
+var layoutPaddingX = (0, import_clsx.default)(
+  "px-mobile-layout-padding desktop:px-desktop-layout-padding compact:px-desktop-compact-layout-padding"
+);
 var containerPaddingX = (0, import_clsx.default)(
   "px-mobile-container-padding desktop:px-desktop-container-padding compact:px-desktop-compact-container-padding"
 );

package/dist/components/Modal.js

@@ -1,20 +1,20 @@
 "use client";
 import {
   Modal
-} from "../chunk-TOKS63IK.js";
+} from "../chunk-BMPL6LCR.js";
 import "../chunk-4RJKB7LC.js";
-import "../chunk-FG7GNGE3.js";
-import "../chunk-X4UK7HE2.js";
+import "../chunk-WVVEOCEH.js";
+import "../chunk-CMMQTIVM.js";
 import "../chunk-AG43RS4Q.js";
-import "../chunk-ZQJMNPCF.js";
+import "../chunk-AKJUBFJK.js";
 import "../chunk-URYQ24NF.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-R3EQIDBX.js";
 import "../chunk-5UH6QUFB.js";
-import "../chunk-H2KC5XUY.js";
+import "../chunk-MXSJF6TW.js";
 import "../chunk-NKUETCDA.js";
-import "../chunk-LPY6PMAY.js";
-import "../chunk-IXR65MOU.js";
+import "../chunk-45AHDOAU.js";
+import "../chunk-7KWFEH56.js";
 import "../chunk-ORMEWXMH.js";
 export {
   Modal

package/dist/components/ModalButtons.cjs

@@ -185,6 +185,9 @@ var layoutPaddingBottom = (0, import_clsx.default)(
 var layoutPaddingY = (0, import_clsx.default)(
   "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding"
 );
+var layoutPaddingX = (0, import_clsx.default)(
+  "px-mobile-layout-padding desktop:px-desktop-layout-padding compact:px-desktop-compact-layout-padding"
+);
 var containerPaddingX = (0, import_clsx.default)(
   "px-mobile-container-padding desktop:px-desktop-container-padding compact:px-desktop-compact-container-padding"
 );

package/dist/components/ModalButtons.js

@@ -1,9 +1,9 @@
 import {
   ModalButtons
-} from "../chunk-ZQJMNPCF.js";
+} from "../chunk-AKJUBFJK.js";
 import "../chunk-NKUETCDA.js";
-import "../chunk-LPY6PMAY.js";
-import "../chunk-IXR65MOU.js";
+import "../chunk-45AHDOAU.js";
+import "../chunk-7KWFEH56.js";
 import "../chunk-ORMEWXMH.js";
 export {
   ModalButtons

package/dist/components/ModalContent.cjs

@@ -153,6 +153,9 @@ var layoutPaddingBottom = (0, import_clsx.default)(
 var layoutPaddingY = (0, import_clsx.default)(
   "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding"
 );
+var layoutPaddingX = (0, import_clsx.default)(
+  "px-mobile-layout-padding desktop:px-desktop-layout-padding compact:px-desktop-compact-layout-padding"
+);
 var containerPaddingX = (0, import_clsx.default)(
   "px-mobile-container-padding desktop:px-desktop-container-padding compact:px-desktop-compact-container-padding"
 );

package/dist/components/ModalContent.js

@@ -1,7 +1,7 @@
 import {
   ModalContent
-} from "../chunk-FG7GNGE3.js";
-import "../chunk-IXR65MOU.js";
+} from "../chunk-WVVEOCEH.js";
+import "../chunk-7KWFEH56.js";
 import "../chunk-ORMEWXMH.js";
 export {
   ModalContent

package/dist/components/ModalHeader.cjs

@@ -184,6 +184,9 @@ var layoutPaddingBottom = (0, import_clsx.default)(
 var layoutPaddingY = (0, import_clsx.default)(
   "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding"
 );
+var layoutPaddingX = (0, import_clsx.default)(
+  "px-mobile-layout-padding desktop:px-desktop-layout-padding compact:px-desktop-compact-layout-padding"
+);
 var containerPaddingX = (0, import_clsx.default)(
   "px-mobile-container-padding desktop:px-desktop-container-padding compact:px-desktop-compact-container-padding"
 );

package/dist/components/ModalHeader.js

@@ -1,10 +1,10 @@
 import {
   ModalHeader
-} from "../chunk-X4UK7HE2.js";
-import "../chunk-H2KC5XUY.js";
+} from "../chunk-CMMQTIVM.js";
+import "../chunk-MXSJF6TW.js";
 import "../chunk-NKUETCDA.js";
-import "../chunk-LPY6PMAY.js";
-import "../chunk-IXR65MOU.js";
+import "../chunk-45AHDOAU.js";
+import "../chunk-7KWFEH56.js";
 import "../chunk-ORMEWXMH.js";
 export {
   ModalHeader

package/dist/components/NavigationTab.cjs

@@ -185,6 +185,9 @@ var layoutPaddingBottom = (0, import_clsx.default)(
 var layoutPaddingY = (0, import_clsx.default)(
   "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding"
 );
+var layoutPaddingX = (0, import_clsx.default)(
+  "px-mobile-layout-padding desktop:px-desktop-layout-padding compact:px-desktop-compact-layout-padding"
+);
 var containerPaddingX = (0, import_clsx.default)(
   "px-mobile-container-padding desktop:px-desktop-container-padding compact:px-desktop-compact-container-padding"
 );