@dmsi/wedgekit-react 0.0.1029 → 0.0.1031

package/dist/components/CalendarRange.css

@@ -867,12 +867,12 @@
   .min-h-screen {
     min-height: 100vh;
   }
-  .\!w-6 {
-    width: calc(var(--spacing) * 6) !important;
-  }
   .\!w-20 {
     width: calc(var(--spacing) * 20) !important;
   }
+  .\!w-auto {
+    width: auto !important;
+  }
   .w-1\/2 {
     width: calc(1/2 * 100%);
   }
@@ -930,6 +930,9 @@
   .w-screen {
     width: 100vw;
   }
+  .\!max-w-\[5ch\] {
+    max-width: 5ch !important;
+  }
   .max-w-25 {
     max-width: calc(var(--spacing) * 25);
   }
@@ -960,6 +963,9 @@
   .max-w-xl {
     max-width: var(--container-xl);
   }
+  .\!min-w-6 {
+    min-width: calc(var(--spacing) * 6) !important;
+  }
   .min-w-0 {
     min-width: calc(var(--spacing) * 0);
   }
@@ -1293,6 +1299,9 @@
   .overflow-hidden {
     overflow: hidden;
   }
+  .\!overflow-x-auto {
+    overflow-x: auto !important;
+  }
   .overflow-x-auto {
     overflow-x: auto;
   }

package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.css

@@ -867,12 +867,12 @@
   .min-h-screen {
     min-height: 100vh;
   }
-  .\!w-6 {
-    width: calc(var(--spacing) * 6) !important;
-  }
   .\!w-20 {
     width: calc(var(--spacing) * 20) !important;
   }
+  .\!w-auto {
+    width: auto !important;
+  }
   .w-1\/2 {
     width: calc(1/2 * 100%);
   }
@@ -930,6 +930,9 @@
   .w-screen {
     width: 100vw;
   }
+  .\!max-w-\[5ch\] {
+    max-width: 5ch !important;
+  }
   .max-w-25 {
     max-width: calc(var(--spacing) * 25);
   }
@@ -960,6 +963,9 @@
   .max-w-xl {
     max-width: var(--container-xl);
   }
+  .\!min-w-6 {
+    min-width: calc(var(--spacing) * 6) !important;
+  }
   .min-w-0 {
     min-width: calc(var(--spacing) * 0);
   }
@@ -1293,6 +1299,9 @@
   .overflow-hidden {
     overflow: hidden;
   }
+  .\!overflow-x-auto {
+    overflow-x: auto !important;
+  }
   .overflow-x-auto {
     overflow-x: auto;
   }

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

@@ -867,12 +867,12 @@
   .min-h-screen {
     min-height: 100vh;
   }
-  .\!w-6 {
-    width: calc(var(--spacing) * 6) !important;
-  }
   .\!w-20 {
     width: calc(var(--spacing) * 20) !important;
   }
+  .\!w-auto {
+    width: auto !important;
+  }
   .w-1\/2 {
     width: calc(1/2 * 100%);
   }
@@ -930,6 +930,9 @@
   .w-screen {
     width: 100vw;
   }
+  .\!max-w-\[5ch\] {
+    max-width: 5ch !important;
+  }
   .max-w-25 {
     max-width: calc(var(--spacing) * 25);
   }
@@ -960,6 +963,9 @@
   .max-w-xl {
     max-width: var(--container-xl);
   }
+  .\!min-w-6 {
+    min-width: calc(var(--spacing) * 6) !important;
+  }
   .min-w-0 {
     min-width: calc(var(--spacing) * 0);
   }
@@ -1293,6 +1299,9 @@
   .overflow-hidden {
     overflow: hidden;
   }
+  .\!overflow-x-auto {
+    overflow-x: auto !important;
+  }
   .overflow-x-auto {
     overflow-x: auto;
   }

package/dist/components/DataGrid/PinnedColumns.css

@@ -867,12 +867,12 @@
   .min-h-screen {
     min-height: 100vh;
   }
-  .\!w-6 {
-    width: calc(var(--spacing) * 6) !important;
-  }
   .\!w-20 {
     width: calc(var(--spacing) * 20) !important;
   }
+  .\!w-auto {
+    width: auto !important;
+  }
   .w-1\/2 {
     width: calc(1/2 * 100%);
   }
@@ -930,6 +930,9 @@
   .w-screen {
     width: 100vw;
   }
+  .\!max-w-\[5ch\] {
+    max-width: 5ch !important;
+  }
   .max-w-25 {
     max-width: calc(var(--spacing) * 25);
   }
@@ -960,6 +963,9 @@
   .max-w-xl {
     max-width: var(--container-xl);
   }
+  .\!min-w-6 {
+    min-width: calc(var(--spacing) * 6) !important;
+  }
   .min-w-0 {
     min-width: calc(var(--spacing) * 0);
   }
@@ -1293,6 +1299,9 @@
   .overflow-hidden {
     overflow: hidden;
   }
+  .\!overflow-x-auto {
+    overflow-x: auto !important;
+  }
   .overflow-x-auto {
     overflow-x: auto;
   }

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

@@ -867,12 +867,12 @@
   .min-h-screen {
     min-height: 100vh;
   }
-  .\!w-6 {
-    width: calc(var(--spacing) * 6) !important;
-  }
   .\!w-20 {
     width: calc(var(--spacing) * 20) !important;
   }
+  .\!w-auto {
+    width: auto !important;
+  }
   .w-1\/2 {
     width: calc(1/2 * 100%);
   }
@@ -930,6 +930,9 @@
   .w-screen {
     width: 100vw;
   }
+  .\!max-w-\[5ch\] {
+    max-width: 5ch !important;
+  }
   .max-w-25 {
     max-width: calc(var(--spacing) * 25);
   }
@@ -960,6 +963,9 @@
   .max-w-xl {
     max-width: var(--container-xl);
   }
+  .\!min-w-6 {
+    min-width: calc(var(--spacing) * 6) !important;
+  }
   .min-w-0 {
     min-width: calc(var(--spacing) * 0);
   }
@@ -1293,6 +1299,9 @@
   .overflow-hidden {
     overflow: hidden;
   }
+  .\!overflow-x-auto {
+    overflow-x: auto !important;
+  }
   .overflow-x-auto {
     overflow-x: auto;
   }

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

@@ -867,12 +867,12 @@
   .min-h-screen {
     min-height: 100vh;
   }
-  .\!w-6 {
-    width: calc(var(--spacing) * 6) !important;
-  }
   .\!w-20 {
     width: calc(var(--spacing) * 20) !important;
   }
+  .\!w-auto {
+    width: auto !important;
+  }
   .w-1\/2 {
     width: calc(1/2 * 100%);
   }
@@ -930,6 +930,9 @@
   .w-screen {
     width: 100vw;
   }
+  .\!max-w-\[5ch\] {
+    max-width: 5ch !important;
+  }
   .max-w-25 {
     max-width: calc(var(--spacing) * 25);
   }
@@ -960,6 +963,9 @@
   .max-w-xl {
     max-width: var(--container-xl);
   }
+  .\!min-w-6 {
+    min-width: calc(var(--spacing) * 6) !important;
+  }
   .min-w-0 {
     min-width: calc(var(--spacing) * 0);
   }
@@ -1293,6 +1299,9 @@
   .overflow-hidden {
     overflow: hidden;
   }
+  .\!overflow-x-auto {
+    overflow-x: auto !important;
+  }
   .overflow-x-auto {
     overflow-x: auto;
   }

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

@@ -867,12 +867,12 @@
   .min-h-screen {
     min-height: 100vh;
   }
-  .\!w-6 {
-    width: calc(var(--spacing) * 6) !important;
-  }
   .\!w-20 {
     width: calc(var(--spacing) * 20) !important;
   }
+  .\!w-auto {
+    width: auto !important;
+  }
   .w-1\/2 {
     width: calc(1/2 * 100%);
   }
@@ -930,6 +930,9 @@
   .w-screen {
     width: 100vw;
   }
+  .\!max-w-\[5ch\] {
+    max-width: 5ch !important;
+  }
   .max-w-25 {
     max-width: calc(var(--spacing) * 25);
   }
@@ -960,6 +963,9 @@
   .max-w-xl {
     max-width: var(--container-xl);
   }
+  .\!min-w-6 {
+    min-width: calc(var(--spacing) * 6) !important;
+  }
   .min-w-0 {
     min-width: calc(var(--spacing) * 0);
   }
@@ -1293,6 +1299,9 @@
   .overflow-hidden {
     overflow: hidden;
   }
+  .\!overflow-x-auto {
+    overflow-x: auto !important;
+  }
   .overflow-x-auto {
     overflow-x: auto;
   }

package/dist/components/DataGrid/index.css

@@ -867,12 +867,12 @@
   .min-h-screen {
     min-height: 100vh;
   }
-  .\!w-6 {
-    width: calc(var(--spacing) * 6) !important;
-  }
   .\!w-20 {
     width: calc(var(--spacing) * 20) !important;
   }
+  .\!w-auto {
+    width: auto !important;
+  }
   .w-1\/2 {
     width: calc(1/2 * 100%);
   }
@@ -930,6 +930,9 @@
   .w-screen {
     width: 100vw;
   }
+  .\!max-w-\[5ch\] {
+    max-width: 5ch !important;
+  }
   .max-w-25 {
     max-width: calc(var(--spacing) * 25);
   }
@@ -960,6 +963,9 @@
   .max-w-xl {
     max-width: var(--container-xl);
   }
+  .\!min-w-6 {
+    min-width: calc(var(--spacing) * 6) !important;
+  }
   .min-w-0 {
     min-width: calc(var(--spacing) * 0);
   }
@@ -1293,6 +1299,9 @@
   .overflow-hidden {
     overflow: hidden;
   }
+  .\!overflow-x-auto {
+    overflow-x: auto !important;
+  }
   .overflow-x-auto {
     overflow-x: auto;
   }

package/dist/components/DataGrid/utils.css

@@ -867,12 +867,12 @@
   .min-h-screen {
     min-height: 100vh;
   }
-  .\!w-6 {
-    width: calc(var(--spacing) * 6) !important;
-  }
   .\!w-20 {
     width: calc(var(--spacing) * 20) !important;
   }
+  .\!w-auto {
+    width: auto !important;
+  }
   .w-1\/2 {
     width: calc(1/2 * 100%);
   }
@@ -930,6 +930,9 @@
   .w-screen {
     width: 100vw;
   }
+  .\!max-w-\[5ch\] {
+    max-width: 5ch !important;
+  }
   .max-w-25 {
     max-width: calc(var(--spacing) * 25);
   }
@@ -960,6 +963,9 @@
   .max-w-xl {
     max-width: var(--container-xl);
   }
+  .\!min-w-6 {
+    min-width: calc(var(--spacing) * 6) !important;
+  }
   .min-w-0 {
     min-width: calc(var(--spacing) * 0);
   }
@@ -1293,6 +1299,9 @@
   .overflow-hidden {
     overflow: hidden;
   }
+  .\!overflow-x-auto {
+    overflow-x: auto !important;
+  }
   .overflow-x-auto {
     overflow-x: auto;
   }

package/dist/components/DateInput.css

@@ -867,12 +867,12 @@
   .min-h-screen {
     min-height: 100vh;
   }
-  .\!w-6 {
-    width: calc(var(--spacing) * 6) !important;
-  }
   .\!w-20 {
     width: calc(var(--spacing) * 20) !important;
   }
+  .\!w-auto {
+    width: auto !important;
+  }
   .w-1\/2 {
     width: calc(1/2 * 100%);
   }
@@ -930,6 +930,9 @@
   .w-screen {
     width: 100vw;
   }
+  .\!max-w-\[5ch\] {
+    max-width: 5ch !important;
+  }
   .max-w-25 {
     max-width: calc(var(--spacing) * 25);
   }
@@ -960,6 +963,9 @@
   .max-w-xl {
     max-width: var(--container-xl);
   }
+  .\!min-w-6 {
+    min-width: calc(var(--spacing) * 6) !important;
+  }
   .min-w-0 {
     min-width: calc(var(--spacing) * 0);
   }
@@ -1293,6 +1299,9 @@
   .overflow-hidden {
     overflow: hidden;
   }
+  .\!overflow-x-auto {
+    overflow-x: auto !important;
+  }
   .overflow-x-auto {
     overflow-x: auto;
   }

package/dist/components/DateRangeInput.css

@@ -867,12 +867,12 @@
   .min-h-screen {
     min-height: 100vh;
   }
-  .\!w-6 {
-    width: calc(var(--spacing) * 6) !important;
-  }
   .\!w-20 {
     width: calc(var(--spacing) * 20) !important;
   }
+  .\!w-auto {
+    width: auto !important;
+  }
   .w-1\/2 {
     width: calc(1/2 * 100%);
   }
@@ -930,6 +930,9 @@
   .w-screen {
     width: 100vw;
   }
+  .\!max-w-\[5ch\] {
+    max-width: 5ch !important;
+  }
   .max-w-25 {
     max-width: calc(var(--spacing) * 25);
   }
@@ -960,6 +963,9 @@
   .max-w-xl {
     max-width: var(--container-xl);
   }
+  .\!min-w-6 {
+    min-width: calc(var(--spacing) * 6) !important;
+  }
   .min-w-0 {
     min-width: calc(var(--spacing) * 0);
   }
@@ -1293,6 +1299,9 @@
   .overflow-hidden {
     overflow: hidden;
   }
+  .\!overflow-x-auto {
+    overflow-x: auto !important;
+  }
   .overflow-x-auto {
     overflow-x: auto;
   }

package/dist/components/MobileDataGrid/ColumnList.css

@@ -867,12 +867,12 @@
   .min-h-screen {
     min-height: 100vh;
   }
-  .\!w-6 {
-    width: calc(var(--spacing) * 6) !important;
-  }
   .\!w-20 {
     width: calc(var(--spacing) * 20) !important;
   }
+  .\!w-auto {
+    width: auto !important;
+  }
   .w-1\/2 {
     width: calc(1/2 * 100%);
   }
@@ -930,6 +930,9 @@
   .w-screen {
     width: 100vw;
   }
+  .\!max-w-\[5ch\] {
+    max-width: 5ch !important;
+  }
   .max-w-25 {
     max-width: calc(var(--spacing) * 25);
   }
@@ -960,6 +963,9 @@
   .max-w-xl {
     max-width: var(--container-xl);
   }
+  .\!min-w-6 {
+    min-width: calc(var(--spacing) * 6) !important;
+  }
   .min-w-0 {
     min-width: calc(var(--spacing) * 0);
   }
@@ -1293,6 +1299,9 @@
   .overflow-hidden {
     overflow: hidden;
   }
+  .\!overflow-x-auto {
+    overflow-x: auto !important;
+  }
   .overflow-x-auto {
     overflow-x: auto;
   }

package/dist/components/MobileDataGrid/ColumnSelector/index.css

@@ -867,12 +867,12 @@
   .min-h-screen {
     min-height: 100vh;
   }
-  .\!w-6 {
-    width: calc(var(--spacing) * 6) !important;
-  }
   .\!w-20 {
     width: calc(var(--spacing) * 20) !important;
   }
+  .\!w-auto {
+    width: auto !important;
+  }
   .w-1\/2 {
     width: calc(1/2 * 100%);
   }
@@ -930,6 +930,9 @@
   .w-screen {
     width: 100vw;
   }
+  .\!max-w-\[5ch\] {
+    max-width: 5ch !important;
+  }
   .max-w-25 {
     max-width: calc(var(--spacing) * 25);
   }
@@ -960,6 +963,9 @@
   .max-w-xl {
     max-width: var(--container-xl);
   }
+  .\!min-w-6 {
+    min-width: calc(var(--spacing) * 6) !important;
+  }
   .min-w-0 {
     min-width: calc(var(--spacing) * 0);
   }
@@ -1293,6 +1299,9 @@
   .overflow-hidden {
     overflow: hidden;
   }
+  .\!overflow-x-auto {
+    overflow-x: auto !important;
+  }
   .overflow-x-auto {
     overflow-x: auto;
   }

package/dist/components/MobileDataGrid/MobileDataGridHeader.css

@@ -867,12 +867,12 @@
   .min-h-screen {
     min-height: 100vh;
   }
-  .\!w-6 {
-    width: calc(var(--spacing) * 6) !important;
-  }
   .\!w-20 {
     width: calc(var(--spacing) * 20) !important;
   }
+  .\!w-auto {
+    width: auto !important;
+  }
   .w-1\/2 {
     width: calc(1/2 * 100%);
   }
@@ -930,6 +930,9 @@
   .w-screen {
     width: 100vw;
   }
+  .\!max-w-\[5ch\] {
+    max-width: 5ch !important;
+  }
   .max-w-25 {
     max-width: calc(var(--spacing) * 25);
   }
@@ -960,6 +963,9 @@
   .max-w-xl {
     max-width: var(--container-xl);
   }
+  .\!min-w-6 {
+    min-width: calc(var(--spacing) * 6) !important;
+  }
   .min-w-0 {
     min-width: calc(var(--spacing) * 0);
   }
@@ -1293,6 +1299,9 @@
   .overflow-hidden {
     overflow: hidden;
   }
+  .\!overflow-x-auto {
+    overflow-x: auto !important;
+  }
   .overflow-x-auto {
     overflow-x: auto;
   }

package/dist/components/MobileDataGrid/index.css

@@ -867,12 +867,12 @@
   .min-h-screen {
     min-height: 100vh;
   }
-  .\!w-6 {
-    width: calc(var(--spacing) * 6) !important;
-  }
   .\!w-20 {
     width: calc(var(--spacing) * 20) !important;
   }
+  .\!w-auto {
+    width: auto !important;
+  }
   .w-1\/2 {
     width: calc(1/2 * 100%);
   }
@@ -930,6 +930,9 @@
   .w-screen {
     width: 100vw;
   }
+  .\!max-w-\[5ch\] {
+    max-width: 5ch !important;
+  }
   .max-w-25 {
     max-width: calc(var(--spacing) * 25);
   }
@@ -960,6 +963,9 @@
   .max-w-xl {
     max-width: var(--container-xl);
   }
+  .\!min-w-6 {
+    min-width: calc(var(--spacing) * 6) !important;
+  }
   .min-w-0 {
     min-width: calc(var(--spacing) * 0);
   }
@@ -1293,6 +1299,9 @@
   .overflow-hidden {
     overflow: hidden;
   }
+  .\!overflow-x-auto {
+    overflow-x: auto !important;
+  }
   .overflow-x-auto {
     overflow-x: auto;
   }

package/dist/components/Stepper.cjs

@@ -1298,14 +1298,28 @@ var Stepper = (_a) => {
     if (max != null && value >= max) {
       return;
     }
-    setValue((prevVal) => Math.min(prevVal + step, max != null ? max : Infinity));
+    const prec = String(step).includes(".") ? String(step).split(".")[1].length : 0;
+    const next = Number(
+      Math.min(
+        Number((value + step).toFixed(prec + 6)),
+        max != null ? max : Infinity
+      ).toFixed(prec)
+    );
+    setValue(() => next);
     onIncrease == null ? void 0 : onIncrease();
   }
   function handleDecrease() {
     if (min != null && value <= min) {
       return;
     }
-    setValue((prevVal) => Math.max(prevVal - step, min != null ? min : -Infinity));
+    const prec = String(step).includes(".") ? String(step).split(".")[1].length : 0;
+    const next = Number(
+      Math.max(
+        Number((value - step).toFixed(prec + 6)),
+        min != null ? min : -Infinity
+      ).toFixed(prec)
+    );
+    setValue(() => next);
     onDecrease == null ? void 0 : onDecrease();
   }
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
@@ -1344,7 +1358,7 @@ var Stepper = (_a) => {
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           InputBase,
           __spreadProps(__spreadValues({}, props), {
             id: id ? `${id}-input` : void 0,
@@ -1353,6 +1367,7 @@ var Stepper = (_a) => {
             inputMode: allowDecimals ? "decimal" : "numeric",
             pattern: allowDecimals ? "[0-9]*\\.?[0-9]*" : "[0-9]*",
             align: "center",
+            maxLength: 15,
             value: displayValue,
             onChange: (e) => {
               const rawValue = e.target.value;
@@ -1399,7 +1414,7 @@ var Stepper = (_a) => {
             },
             error,
             disabled,
-            className: "!w-6 !h-4.5 !px-0 disabled:!text-text-on-action-primary-disabled disabled:!bg-background-action-secondary-disabled disabled:!border-border-primary-normal"
+            className: "!w-auto !min-w-6 !max-w-[5ch] !h-4.5 !px-0 !overflow-x-auto disabled:!text-text-on-action-primary-disabled disabled:!bg-background-action-secondary-disabled disabled:!border-border-primary-normal"
           })
         ) }),
         !hideButtons && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(

package/dist/components/Stepper.js

@@ -77,14 +77,28 @@ var Stepper = (_a) => {
     if (max != null && value >= max) {
       return;
     }
-    setValue((prevVal) => Math.min(prevVal + step, max != null ? max : Infinity));
+    const prec = String(step).includes(".") ? String(step).split(".")[1].length : 0;
+    const next = Number(
+      Math.min(
+        Number((value + step).toFixed(prec + 6)),
+        max != null ? max : Infinity
+      ).toFixed(prec)
+    );
+    setValue(() => next);
     onIncrease == null ? void 0 : onIncrease();
   }
   function handleDecrease() {
     if (min != null && value <= min) {
       return;
     }
-    setValue((prevVal) => Math.max(prevVal - step, min != null ? min : -Infinity));
+    const prec = String(step).includes(".") ? String(step).split(".")[1].length : 0;
+    const next = Number(
+      Math.max(
+        Number((value - step).toFixed(prec + 6)),
+        min != null ? min : -Infinity
+      ).toFixed(prec)
+    );
+    setValue(() => next);
     onDecrease == null ? void 0 : onDecrease();
   }
   return /* @__PURE__ */ jsxs(
@@ -123,7 +137,7 @@ var Stepper = (_a) => {
             )
           }
         ),
-        /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
           InputBase,
           __spreadProps(__spreadValues({}, props), {
             id: id ? `${id}-input` : void 0,
@@ -132,6 +146,7 @@ var Stepper = (_a) => {
             inputMode: allowDecimals ? "decimal" : "numeric",
             pattern: allowDecimals ? "[0-9]*\\.?[0-9]*" : "[0-9]*",
             align: "center",
+            maxLength: 15,
             value: displayValue,
             onChange: (e) => {
               const rawValue = e.target.value;
@@ -178,7 +193,7 @@ var Stepper = (_a) => {
             },
             error,
             disabled,
-            className: "!w-6 !h-4.5 !px-0 disabled:!text-text-on-action-primary-disabled disabled:!bg-background-action-secondary-disabled disabled:!border-border-primary-normal"
+            className: "!w-auto !min-w-6 !max-w-[5ch] !h-4.5 !px-0 !overflow-x-auto disabled:!text-text-on-action-primary-disabled disabled:!bg-background-action-secondary-disabled disabled:!border-border-primary-normal"
           })
         ) }),
         !hideButtons && /* @__PURE__ */ jsx(

package/dist/components/index.css

@@ -867,12 +867,12 @@
   .min-h-screen {
     min-height: 100vh;
   }
-  .\!w-6 {
-    width: calc(var(--spacing) * 6) !important;
-  }
   .\!w-20 {
     width: calc(var(--spacing) * 20) !important;
   }
+  .\!w-auto {
+    width: auto !important;
+  }
   .w-1\/2 {
     width: calc(1/2 * 100%);
   }
@@ -930,6 +930,9 @@
   .w-screen {
     width: 100vw;
   }
+  .\!max-w-\[5ch\] {
+    max-width: 5ch !important;
+  }
   .max-w-25 {
     max-width: calc(var(--spacing) * 25);
   }
@@ -960,6 +963,9 @@
   .max-w-xl {
     max-width: var(--container-xl);
   }
+  .\!min-w-6 {
+    min-width: calc(var(--spacing) * 6) !important;
+  }
   .min-w-0 {
     min-width: calc(var(--spacing) * 0);
   }
@@ -1293,6 +1299,9 @@
   .overflow-hidden {
     overflow: hidden;
   }
+  .\!overflow-x-auto {
+    overflow-x: auto !important;
+  }
   .overflow-x-auto {
     overflow-x: auto;
   }

package/dist/index.css

@@ -845,12 +845,12 @@
   .min-h-screen {
     min-height: 100vh;
   }
-  .\!w-6 {
-    width: calc(var(--spacing) * 6) !important;
-  }
   .\!w-20 {
     width: calc(var(--spacing) * 20) !important;
   }
+  .\!w-auto {
+    width: auto !important;
+  }
   .w-1\/2 {
     width: calc(1/2 * 100%);
   }
@@ -908,6 +908,9 @@
   .w-screen {
     width: 100vw;
   }
+  .\!max-w-\[5ch\] {
+    max-width: 5ch !important;
+  }
   .max-w-25 {
     max-width: calc(var(--spacing) * 25);
   }
@@ -938,6 +941,9 @@
   .max-w-xl {
     max-width: var(--container-xl);
   }
+  .\!min-w-6 {
+    min-width: calc(var(--spacing) * 6) !important;
+  }
   .min-w-0 {
     min-width: calc(var(--spacing) * 0);
   }
@@ -1271,6 +1277,9 @@
   .overflow-hidden {
     overflow: hidden;
   }
+  .\!overflow-x-auto {
+    overflow-x: auto !important;
+  }
   .overflow-x-auto {
     overflow-x: auto;
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dmsi/wedgekit-react",
   "private": false,
-  "version": "0.0.1029",
+  "version": "0.0.1031",
   "type": "module",
   "scripts": {
     "build": "tsup",