@dmsi/wedgekit-react 0.0.916 → 0.0.917

package/dist/components/DataGrid/TableBody/index.css

@@ -563,6 +563,9 @@
   .top-0 {
     top: calc(var(--spacing) * 0);
   }
+  .top-1\/2 {
+    top: calc(1/2 * 100%);
+  }
   .top-2 {
     top: calc(var(--spacing) * 2);
   }
@@ -756,10 +759,18 @@
     width: calc(var(--spacing) * 6);
     height: calc(var(--spacing) * 6);
   }
+  .size-6\! {
+    width: calc(var(--spacing) * 6) !important;
+    height: calc(var(--spacing) * 6) !important;
+  }
   .size-9 {
     width: calc(var(--spacing) * 9);
     height: calc(var(--spacing) * 9);
   }
+  .size-10\! {
+    width: calc(var(--spacing) * 10) !important;
+    height: calc(var(--spacing) * 10) !important;
+  }
   .\!h-4\.5 {
     height: calc(var(--spacing) * 4.5) !important;
   }
@@ -1004,6 +1015,10 @@
     --tw-translate-x: calc(var(--spacing) * 0);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .-translate-y-1\/2 {
+    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .translate-y-2\/4 {
     --tw-translate-y: calc(2/4 * 100%);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1463,6 +1478,9 @@
   .border-transparent {
     border-color: transparent;
   }
+  .border-transparent\! {
+    border-color: transparent !important;
+  }
   .border-warning-400 {
     border-color: var(--color-warning-400);
   }
@@ -2782,6 +2800,25 @@
       }
     }
   }
+  .group-hover\:text-text-link-hover {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        color: var(--color-text-link-hover);
+      }
+    }
+  }
+  .group-hover\:text-text-link-normal {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        color: var(--color-text-link-normal);
+      }
+    }
+  }
+  .group-active\:text-text-link-active {
+    &:is(:where(.group):active *) {
+      color: var(--color-text-link-active);
+    }
+  }
   .group-data-\[checked\]\:translate-x-3 {
     &:is(:where(.group)[data-checked] *) {
       --tw-translate-x: calc(var(--spacing) * 3);
@@ -4265,6 +4302,18 @@
       display: none;
     }
   }
+  .desktop\:size-8\! {
+    @container root (width >= 48rem) {
+      width: calc(var(--spacing) * 8) !important;
+      height: calc(var(--spacing) * 8) !important;
+    }
+  }
+  .desktop\:size-12\! {
+    @container root (width >= 48rem) {
+      width: calc(var(--spacing) * 12) !important;
+      height: calc(var(--spacing) * 12) !important;
+    }
+  }
   .desktop\:h-\[190px\] {
     @container root (width >= 48rem) {
       height: 190px;

package/dist/components/DataGrid/TableBody/index.js

@@ -11,13 +11,13 @@ import "../../../chunk-YCDDBSVU.js";
 import "../../../chunk-3X3Y4TMS.js";
 import "../../../chunk-BQNPOGD5.js";
 import "../../../chunk-Y5GD2FJA.js";
-import "../../../chunk-3N34VVYD.js";
+import "../../../chunk-ZACRFGND.js";
 import "../../../chunk-EJVCDJ7U.js";
 import "../../../chunk-27DJTEAB.js";
 import "../../../chunk-5IFPG6TS.js";
 import "../../../chunk-XWYDWH4W.js";
 import "../../../chunk-AJ5M6MVX.js";
-import "../../../chunk-YV5FS7NV.js";
+import "../../../chunk-7IPESTQS.js";
 import "../../../chunk-Z2HPSFEQ.js";
 import "../../../chunk-AT4AWD6B.js";
 import "../../../chunk-EWGHVZL5.js";

package/dist/components/DataGrid/index.cjs

@@ -5009,6 +5009,7 @@ var import_jsx_runtime58 = require("react/jsx-runtime");
 // src/components/EmblaCarousel/index.tsx
 var import_react38 = require("react");
 var import_embla_carousel_react = __toESM(require("embla-carousel-react"), 1);
+var import_embla_carousel_autoplay = __toESM(require("embla-carousel-autoplay"), 1);
 
 // src/components/EmblaCarousel/SelectedSnapDisplay.tsx
 var import_jsx_runtime59 = require("react/jsx-runtime");
@@ -5020,13 +5021,14 @@ var import_react36 = require("react");
 var import_clsx39 = __toESM(require("clsx"), 1);
 var import_jsx_runtime60 = require("react/jsx-runtime");
 var arrowButtonStyles = (0, import_clsx39.default)(
-  "appearance-none bg-transparent border cursor-pointer p-2 flex items-center justify-center size-9 rounded-full transition-colors duration-300 ease-in-out"
+  "appearance-none bg-transparent border cursor-pointer p-2 flex items-center justify-center size-9 rounded-full transition-colors duration-300 ease-in-out group"
 );
 
 // src/components/EmblaCarousel/usePrevNextButtons.ts
 var import_react37 = require("react");
 
 // src/components/EmblaCarousel/index.tsx
+var import_clsx40 = __toESM(require("clsx"), 1);
 var import_jsx_runtime61 = require("react/jsx-runtime");
 
 // src/components/DataGrid/index.tsx
@@ -5036,17 +5038,17 @@ var import_core = require("@dnd-kit/core");
 var import_sortable2 = require("@dnd-kit/sortable");
 var import_modifiers = require("@dnd-kit/modifiers");
 var import_react_virtual2 = require("@tanstack/react-virtual");
-var import_clsx44 = __toESM(require("clsx"), 1);
+var import_clsx45 = __toESM(require("clsx"), 1);
 
 // src/components/DataGrid/PinnedColumns.tsx
 var import_react_table2 = require("@tanstack/react-table");
-var import_clsx43 = __toESM(require("clsx"), 1);
+var import_clsx44 = __toESM(require("clsx"), 1);
 
 // src/components/DataGrid/utils.tsx
-var import_clsx40 = __toESM(require("clsx"), 1);
+var import_clsx41 = __toESM(require("clsx"), 1);
 var import_jsx_runtime62 = require("react/jsx-runtime");
 function getSortIcon(sort, nextSort = false) {
-  const iconClassName = (0, import_clsx40.default)(
+  const iconClassName = (0, import_clsx41.default)(
     "text-icon-on-action-primary-normal",
     nextSort && "hidden group-hover:block"
   );
@@ -5062,10 +5064,10 @@ var import_react42 = __toESM(require("react"), 1);
 
 // src/components/DataGrid/TableBody/index.tsx
 var import_react_virtual = require("@tanstack/react-virtual");
-var import_clsx42 = __toESM(require("clsx"), 1);
+var import_clsx43 = __toESM(require("clsx"), 1);
 
 // src/components/DataGrid/TableBody/TableBodyRow.tsx
-var import_clsx41 = __toESM(require("clsx"), 1);
+var import_clsx42 = __toESM(require("clsx"), 1);
 var import_react_table = require("@tanstack/react-table");
 var import_react39 = __toESM(require("react"), 1);
 var import_jsx_runtime63 = require("react/jsx-runtime");
@@ -5108,7 +5110,7 @@ function TableBodyRow({
   return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
     "tr",
     {
-      className: (0, import_clsx41.default)(
+      className: (0, import_clsx42.default)(
         "min-h-10",
         "transition-colors",
         showFilterRow && !disabled ? "even:bg-background-grouped-primary-normal odd:bg-background-grouped-secondary-normal" : "odd:bg-background-grouped-primary-normal even:bg-background-grouped-secondary-normal",
@@ -5146,7 +5148,7 @@ function TableBodyRow({
               id: id ? `${id}-row-${row.id}-cell-${cell.id}` : void 0,
               testid: testid ? `${testid}-row-${row.id}-cell-${cell.id}` : void 0,
               cell,
-              className: (0, import_clsx41.default)({
+              className: (0, import_clsx42.default)({
                 "justify-start": cellAlignment === "left",
                 "justify-end": cellAlignment === "right"
               }),
@@ -5252,7 +5254,7 @@ function TableBody({
   return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
     "tbody",
     {
-      className: (0, import_clsx42.default)(locked ? "shadow-16" : ""),
+      className: (0, import_clsx43.default)(locked ? "shadow-16" : ""),
       style: {
         display: "grid",
         height: `${showFilterRow ? rowVirtualizer.getTotalSize() + 40 : rowVirtualizer.getTotalSize()}px`,
@@ -5499,7 +5501,7 @@ function PinnedColumns(_a) {
   return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
     "table",
     {
-      className: (0, import_clsx43.default)(
+      className: (0, import_clsx44.default)(
         "flex flex-col min-h-min sticky z-20",
         pinDirection === "left" ? "left-0" : "right-0"
       ),
@@ -5529,7 +5531,7 @@ function PinnedColumns(_a) {
                         header,
                         center: centerHeader,
                         width: customHeaderWidth,
-                        className: (0, import_clsx43.default)(
+                        className: (0, import_clsx44.default)(
                           header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
                           "group",
                           {
@@ -5891,7 +5893,7 @@ function DataGrid({
                 /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
                   "div",
                   {
-                    className: (0, import_clsx44.default)(
+                    className: (0, import_clsx45.default)(
                       "flex overflow-auto scrollbar-thin relative contain-paint will-change-transform",
                       empty ? "overflow-y-hidden" : "min-h-[120px]"
                     ),
@@ -5946,7 +5948,7 @@ function DataGrid({
                                       header,
                                       locked: (_d2 = header.column.columnDef.meta) == null ? void 0 : _d2.locked,
                                       center: centerHeader,
-                                      className: (0, import_clsx44.default)(
+                                      className: (0, import_clsx45.default)(
                                         header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
                                         "group",
                                         {
@@ -6071,7 +6073,7 @@ function DataGrid({
                 empty && /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
                   "div",
                   {
-                    className: (0, import_clsx44.default)(
+                    className: (0, import_clsx45.default)(
                       NO_RESULTS_HEIGHT,
                       "flex flex-col items-center justify-center",
                       componentGap,

package/dist/components/DataGrid/index.css

@@ -563,6 +563,9 @@
   .top-0 {
     top: calc(var(--spacing) * 0);
   }
+  .top-1\/2 {
+    top: calc(1/2 * 100%);
+  }
   .top-2 {
     top: calc(var(--spacing) * 2);
   }
@@ -756,10 +759,18 @@
     width: calc(var(--spacing) * 6);
     height: calc(var(--spacing) * 6);
   }
+  .size-6\! {
+    width: calc(var(--spacing) * 6) !important;
+    height: calc(var(--spacing) * 6) !important;
+  }
   .size-9 {
     width: calc(var(--spacing) * 9);
     height: calc(var(--spacing) * 9);
   }
+  .size-10\! {
+    width: calc(var(--spacing) * 10) !important;
+    height: calc(var(--spacing) * 10) !important;
+  }
   .\!h-4\.5 {
     height: calc(var(--spacing) * 4.5) !important;
   }
@@ -1004,6 +1015,10 @@
     --tw-translate-x: calc(var(--spacing) * 0);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .-translate-y-1\/2 {
+    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .translate-y-2\/4 {
     --tw-translate-y: calc(2/4 * 100%);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1463,6 +1478,9 @@
   .border-transparent {
     border-color: transparent;
   }
+  .border-transparent\! {
+    border-color: transparent !important;
+  }
   .border-warning-400 {
     border-color: var(--color-warning-400);
   }
@@ -2782,6 +2800,25 @@
       }
     }
   }
+  .group-hover\:text-text-link-hover {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        color: var(--color-text-link-hover);
+      }
+    }
+  }
+  .group-hover\:text-text-link-normal {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        color: var(--color-text-link-normal);
+      }
+    }
+  }
+  .group-active\:text-text-link-active {
+    &:is(:where(.group):active *) {
+      color: var(--color-text-link-active);
+    }
+  }
   .group-data-\[checked\]\:translate-x-3 {
     &:is(:where(.group)[data-checked] *) {
       --tw-translate-x: calc(var(--spacing) * 3);
@@ -4265,6 +4302,18 @@
       display: none;
     }
   }
+  .desktop\:size-8\! {
+    @container root (width >= 48rem) {
+      width: calc(var(--spacing) * 8) !important;
+      height: calc(var(--spacing) * 8) !important;
+    }
+  }
+  .desktop\:size-12\! {
+    @container root (width >= 48rem) {
+      width: calc(var(--spacing) * 12) !important;
+      height: calc(var(--spacing) * 12) !important;
+    }
+  }
   .desktop\:h-\[190px\] {
     @container root (width >= 48rem) {
       height: 190px;

package/dist/components/DataGrid/index.js

@@ -13,13 +13,13 @@ import "../../chunk-YCDDBSVU.js";
 import "../../chunk-3X3Y4TMS.js";
 import "../../chunk-BQNPOGD5.js";
 import "../../chunk-Y5GD2FJA.js";
-import "../../chunk-3N34VVYD.js";
+import "../../chunk-ZACRFGND.js";
 import "../../chunk-EJVCDJ7U.js";
 import "../../chunk-27DJTEAB.js";
 import "../../chunk-5IFPG6TS.js";
 import "../../chunk-XWYDWH4W.js";
 import "../../chunk-AJ5M6MVX.js";
-import "../../chunk-YV5FS7NV.js";
+import "../../chunk-7IPESTQS.js";
 import "../../chunk-Z2HPSFEQ.js";
 import "../../chunk-AT4AWD6B.js";
 import "../../chunk-EWGHVZL5.js";

package/dist/components/DataGrid/utils.cjs

@@ -62,7 +62,7 @@ __export(utils_exports, {
   getSortIcon: () => getSortIcon
 });
 module.exports = __toCommonJS(utils_exports);
-var import_clsx44 = __toESM(require("clsx"), 1);
+var import_clsx45 = __toESM(require("clsx"), 1);
 
 // src/components/DataGridCell.tsx
 var import_sortable = require("@dnd-kit/sortable");
@@ -6158,6 +6158,7 @@ var import_jsx_runtime65 = require("react/jsx-runtime");
 // src/components/EmblaCarousel/index.tsx
 var import_react43 = require("react");
 var import_embla_carousel_react = __toESM(require("embla-carousel-react"), 1);
+var import_embla_carousel_autoplay = __toESM(require("embla-carousel-autoplay"), 1);
 
 // src/components/EmblaCarousel/SelectedSnapDisplay.tsx
 var import_jsx_runtime66 = require("react/jsx-runtime");
@@ -6169,19 +6170,20 @@ var import_react41 = require("react");
 var import_clsx43 = __toESM(require("clsx"), 1);
 var import_jsx_runtime67 = require("react/jsx-runtime");
 var arrowButtonStyles = (0, import_clsx43.default)(
-  "appearance-none bg-transparent border cursor-pointer p-2 flex items-center justify-center size-9 rounded-full transition-colors duration-300 ease-in-out"
+  "appearance-none bg-transparent border cursor-pointer p-2 flex items-center justify-center size-9 rounded-full transition-colors duration-300 ease-in-out group"
 );
 
 // src/components/EmblaCarousel/usePrevNextButtons.ts
 var import_react42 = require("react");
 
 // src/components/EmblaCarousel/index.tsx
+var import_clsx44 = __toESM(require("clsx"), 1);
 var import_jsx_runtime68 = require("react/jsx-runtime");
 
 // src/components/DataGrid/utils.tsx
 var import_jsx_runtime69 = require("react/jsx-runtime");
 function getSortIcon(sort, nextSort = false) {
-  const iconClassName = (0, import_clsx44.default)(
+  const iconClassName = (0, import_clsx45.default)(
     "text-icon-on-action-primary-normal",
     nextSort && "hidden group-hover:block"
   );

package/dist/components/DataGrid/utils.css

@@ -563,6 +563,9 @@
   .top-0 {
     top: calc(var(--spacing) * 0);
   }
+  .top-1\/2 {
+    top: calc(1/2 * 100%);
+  }
   .top-2 {
     top: calc(var(--spacing) * 2);
   }
@@ -756,10 +759,18 @@
     width: calc(var(--spacing) * 6);
     height: calc(var(--spacing) * 6);
   }
+  .size-6\! {
+    width: calc(var(--spacing) * 6) !important;
+    height: calc(var(--spacing) * 6) !important;
+  }
   .size-9 {
     width: calc(var(--spacing) * 9);
     height: calc(var(--spacing) * 9);
   }
+  .size-10\! {
+    width: calc(var(--spacing) * 10) !important;
+    height: calc(var(--spacing) * 10) !important;
+  }
   .\!h-4\.5 {
     height: calc(var(--spacing) * 4.5) !important;
   }
@@ -1004,6 +1015,10 @@
     --tw-translate-x: calc(var(--spacing) * 0);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .-translate-y-1\/2 {
+    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .translate-y-2\/4 {
     --tw-translate-y: calc(2/4 * 100%);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1463,6 +1478,9 @@
   .border-transparent {
     border-color: transparent;
   }
+  .border-transparent\! {
+    border-color: transparent !important;
+  }
   .border-warning-400 {
     border-color: var(--color-warning-400);
   }
@@ -2782,6 +2800,25 @@
       }
     }
   }
+  .group-hover\:text-text-link-hover {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        color: var(--color-text-link-hover);
+      }
+    }
+  }
+  .group-hover\:text-text-link-normal {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        color: var(--color-text-link-normal);
+      }
+    }
+  }
+  .group-active\:text-text-link-active {
+    &:is(:where(.group):active *) {
+      color: var(--color-text-link-active);
+    }
+  }
   .group-data-\[checked\]\:translate-x-3 {
     &:is(:where(.group)[data-checked] *) {
       --tw-translate-x: calc(var(--spacing) * 3);
@@ -4265,6 +4302,18 @@
       display: none;
     }
   }
+  .desktop\:size-8\! {
+    @container root (width >= 48rem) {
+      width: calc(var(--spacing) * 8) !important;
+      height: calc(var(--spacing) * 8) !important;
+    }
+  }
+  .desktop\:size-12\! {
+    @container root (width >= 48rem) {
+      width: calc(var(--spacing) * 12) !important;
+      height: calc(var(--spacing) * 12) !important;
+    }
+  }
   .desktop\:h-\[190px\] {
     @container root (width >= 48rem) {
       height: 190px;

package/dist/components/DataGrid/utils.js

@@ -11,13 +11,13 @@ import "../../chunk-YCDDBSVU.js";
 import "../../chunk-3X3Y4TMS.js";
 import "../../chunk-BQNPOGD5.js";
 import "../../chunk-Y5GD2FJA.js";
-import "../../chunk-3N34VVYD.js";
+import "../../chunk-ZACRFGND.js";
 import "../../chunk-EJVCDJ7U.js";
 import "../../chunk-27DJTEAB.js";
 import "../../chunk-5IFPG6TS.js";
 import "../../chunk-XWYDWH4W.js";
 import "../../chunk-AJ5M6MVX.js";
-import "../../chunk-YV5FS7NV.js";
+import "../../chunk-7IPESTQS.js";
 import "../../chunk-Z2HPSFEQ.js";
 import "../../chunk-AT4AWD6B.js";
 import "../../chunk-EWGHVZL5.js";

package/dist/components/DateInput.cjs

@@ -64,7 +64,7 @@ __export(DateInput_exports, {
 module.exports = __toCommonJS(DateInput_exports);
 var import_react43 = require("react");
 var import_react_dom4 = require("react-dom");
-var import_clsx44 = __toESM(require("clsx"), 1);
+var import_clsx45 = __toESM(require("clsx"), 1);
 
 // src/components/Input.tsx
 var import_react = require("react");
@@ -834,7 +834,7 @@ Currency.displayName = "Currency";
 Percentage.displayName = "Percentage";
 
 // src/components/CalendarRange.tsx
-var import_clsx43 = __toESM(require("clsx"), 1);
+var import_clsx44 = __toESM(require("clsx"), 1);
 var import_react42 = __toESM(require("react"), 1);
 var import_polyfill = require("@js-temporal/polyfill");
 
@@ -5351,6 +5351,7 @@ var import_jsx_runtime64 = require("react/jsx-runtime");
 // src/components/EmblaCarousel/index.tsx
 var import_react41 = require("react");
 var import_embla_carousel_react = __toESM(require("embla-carousel-react"), 1);
+var import_embla_carousel_autoplay = __toESM(require("embla-carousel-autoplay"), 1);
 
 // src/components/EmblaCarousel/SelectedSnapDisplay.tsx
 var import_jsx_runtime65 = require("react/jsx-runtime");
@@ -5362,13 +5363,14 @@ var import_react39 = require("react");
 var import_clsx42 = __toESM(require("clsx"), 1);
 var import_jsx_runtime66 = require("react/jsx-runtime");
 var arrowButtonStyles = (0, import_clsx42.default)(
-  "appearance-none bg-transparent border cursor-pointer p-2 flex items-center justify-center size-9 rounded-full transition-colors duration-300 ease-in-out"
+  "appearance-none bg-transparent border cursor-pointer p-2 flex items-center justify-center size-9 rounded-full transition-colors duration-300 ease-in-out group"
 );
 
 // src/components/EmblaCarousel/usePrevNextButtons.ts
 var import_react40 = require("react");
 
 // src/components/EmblaCarousel/index.tsx
+var import_clsx43 = __toESM(require("clsx"), 1);
 var import_jsx_runtime67 = require("react/jsx-runtime");
 
 // src/components/CalendarRange.tsx
@@ -5412,7 +5414,7 @@ function DateCell(_a) {
     __spreadProps(__spreadValues({}, props), {
       id,
       "data-testid": testid,
-      className: (0, import_clsx43.default)(
+      className: (0, import_clsx44.default)(
         "flex items-center justify-center aspect-square select-none transition-colors border duration-100 font-medium",
         typography.caption,
         cellPadding,
@@ -5568,7 +5570,7 @@ function CalendarRange({
     {
       id,
       "data-testid": testid,
-      className: (0, import_clsx43.default)(
+      className: (0, import_clsx44.default)(
         "relative bg-background-grouped-primary-normal rounded-base w-fit",
         layoutPaddding,
         layoutGap,
@@ -5579,7 +5581,7 @@ function CalendarRange({
       children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
         "div",
         {
-          className: (0, import_clsx43.default)(
+          className: (0, import_clsx44.default)(
             "flex flex-row items-start justify-start bg-background-primary-normal overflow-clip",
             layoutGap
           ),
@@ -5653,12 +5655,12 @@ function CalendarPane({
     /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
       "div",
       {
-        className: (0, import_clsx43.default)("flex flex-col"),
+        className: (0, import_clsx44.default)("flex flex-col"),
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
             "div",
             {
-              className: (0, import_clsx43.default)(
+              className: (0, import_clsx44.default)(
                 "flex flex-row items-center justify-between",
                 typography.label,
                 "text-text-action-primary-normal"
@@ -5670,7 +5672,7 @@ function CalendarPane({
                     id: id ? `${id}-prev-month-button` : void 0,
                     "data-testid": testid ? `${testid}-prev-month-button` : void 0,
                     type: "button",
-                    className: (0, import_clsx43.default)(
+                    className: (0, import_clsx44.default)(
                       "flex items-center justify-center rounded-base hover:bg-action-100 active:bg-action-300 text-icon-action-primary-normal",
                       componentPadding
                     ),
@@ -5678,7 +5680,7 @@ function CalendarPane({
                     onClick: () => setBaseMonth(baseMonth.subtract({ months: 1 })),
                     children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Icon, { name: "chevron_left", size: 24 })
                   }
-                ) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: (0, import_clsx43.default)(componentPadding, "mr-1") }),
+                ) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: (0, import_clsx44.default)(componentPadding, "mr-1") }),
                 /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex gap-desktop-compact-component-padding", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                     "button",
@@ -5757,7 +5759,7 @@ function CalendarPane({
                     id: id ? `${id}-next-month-button` : void 0,
                     "data-testid": testid ? `${testid}-next-month-button` : void 0,
                     type: "button",
-                    className: (0, import_clsx43.default)(
+                    className: (0, import_clsx44.default)(
                       "flex items-center justify-center rounded-base hover:bg-action-100 active:bg-action-300 text-icon-action-primary-normal",
                       componentPadding
                     ),
@@ -5765,14 +5767,14 @@ function CalendarPane({
                     onClick: () => setBaseMonth(baseMonth.add({ months: 1 })),
                     children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Icon, { name: "chevron_right", size: 24 })
                   }
-                ) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: (0, import_clsx43.default)(componentPadding, "ml-1") })
+                ) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: (0, import_clsx44.default)(componentPadding, "ml-1") })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: (0, import_clsx43.default)("grid grid-cols-7"), children: weekDays.map((d) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: (0, import_clsx44.default)("grid grid-cols-7"), children: weekDays.map((d) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
             "span",
             {
-              className: (0, import_clsx43.default)(
+              className: (0, import_clsx44.default)(
                 typography.caption,
                 "text-text-secondary-normal text-center",
                 "w-10"
@@ -5781,7 +5783,7 @@ function CalendarPane({
             },
             d
           )) }),
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: (0, import_clsx43.default)("grid grid-cols-7"), children: Array.from({ length: totalCells }).map((_, i) => {
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: (0, import_clsx44.default)("grid grid-cols-7"), children: Array.from({ length: totalCells }).map((_, i) => {
             const day = i - emptyCells + 1;
             const date = month.date.with({ day: 1 }).add({
               days: i - emptyCells
@@ -5823,7 +5825,7 @@ function CalendarPane({
     mode === "double" && idx === 0 && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
       "div",
       {
-        className: (0, import_clsx43.default)(
+        className: (0, import_clsx44.default)(
           "self-stretch bg-border-primary-normal rounded-base",
           // 1px width, full height, matches Figma divider
           "w-px"
@@ -6100,7 +6102,7 @@ var DateInput = (_a) => {
         /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
           "div",
           {
-            className: (0, import_clsx44.default)(
+            className: (0, import_clsx45.default)(
               "fixed inset-0 z-50",
               isMobile && "overflow-y-auto bg-neutral-600/50"
             ),