@dmsi/wedgekit-react 0.0.511 → 0.0.513

package/dist/{chunk-Y2GK27RX.js → chunk-BWPNXY7T.js}

@@ -66,7 +66,6 @@ var Grid = (_a) => {
         (_a2 = GAP_BY_SIZING[sizing]) != null ? _a2 : GAP_BY_SIZING.container,
         padding && ((_b2 = PADDING_BY_SIZING[sizing]) != null ? _b2 : PADDING_BY_SIZING.container),
         columnClasses,
-        "grid-cols-1 desktop:grid-cols-4",
         className
       ),
       children

package/dist/{chunk-FJRYHJUV.js → chunk-CDMXM5JW.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk-3X3Y4TMS.js";
 import {
   Grid
-} from "./chunk-Y2GK27RX.js";
+} from "./chunk-BWPNXY7T.js";
 import {
   useMatchesMobile
 } from "./chunk-URYQ24NF.js";

package/dist/{chunk-JWVZOEF5.js → chunk-YY66JVTB.js}

@@ -24,7 +24,7 @@ import {
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "./chunk-F6RZ7MUE.js";
+} from "./chunk-ZCIC3AIZ.js";
 import {
   Menu
 } from "./chunk-TCMOGTPB.js";
@@ -161,7 +161,8 @@ function TableBodyRow({
   showFilterRow,
   // enableColumnSelector = false,
   locked,
-  pinDirection
+  pinDirection,
+  disabled
 }) {
   var _a;
   let visibleCells;
@@ -179,10 +180,11 @@ function TableBodyRow({
     {
       className: clsx(
         "min-h-10",
-        "transition-colors hover:bg-background-action-secondary-hover",
-        row.getIsSelected() && "!bg-background-action-secondary-hover",
-        isError && "!bg-background-action-critical-secondary-hover",
-        showFilterRow ? "even:bg-background-grouped-primary-normal odd:bg-background-grouped-secondary-normal" : "odd:bg-background-grouped-primary-normal even:bg-background-grouped-secondary-normal"
+        "transition-colors",
+        !disabled && "hover:bg-background-action-secondary-hover",
+        row.getIsSelected() && !disabled && "!bg-background-action-secondary-hover",
+        isError && !disabled && "!bg-background-action-critical-secondary-hover",
+        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"
       ),
       id: id ? `${id}-row-${row.id}` : void 0,
       "data-testid": testid ? `${testid}-row-${row.id}` : void 0,
@@ -292,7 +294,9 @@ function TableBody({
   showFilterRow,
   enableColumnSelector = false,
   locked,
-  pinDirection
+  pinDirection,
+  rowDisabled,
+  rowDisabledAccessor
 }) {
   const { rows } = table.getRowModel();
   const rowVirtualizer = useVirtualizer({
@@ -385,7 +389,8 @@ function TableBody({
               showFilterRow,
               enableColumnSelector,
               locked,
-              pinDirection
+              pinDirection,
+              disabled: rowDisabledAccessor ? rowDisabledAccessor(row.original) : rowDisabled
             },
             row.id
           );
@@ -695,6 +700,8 @@ function DataGrid({
   predeterminedLeftPins = [],
   predeterminedRightPins = [],
   useMenuDefaultMinWidth,
+  rowDisabled,
+  rowDisabledAccessor,
   ref
 }) {
   var _a, _b, _c, _d, _e, _f, _g;
@@ -1083,7 +1090,9 @@ function DataGrid({
                             isLoadingMore,
                             hasMore,
                             showFilterRow,
-                            enableColumnSelector
+                            enableColumnSelector,
+                            rowDisabled,
+                            rowDisabledAccessor
                           }
                         )
                       ] }),

package/dist/{chunk-F6RZ7MUE.js → chunk-ZCIC3AIZ.js}

@@ -55,6 +55,7 @@ var DataGridCell = memo(
       center,
       width,
       minWidth,
+      disabled,
       testid
     } = _b, props = __objRest(_b, [
       "id",
@@ -73,6 +74,7 @@ var DataGridCell = memo(
       "center",
       "width",
       "minWidth",
+      "disabled",
       "testid"
     ]);
     const Element = type === "header" ? "th" : "td";
@@ -138,7 +140,8 @@ var DataGridCell = memo(
       paddedLeft && "pl-2",
       component === "icon" && "border-l",
       isGrabbing && "!cursor-grabbing",
-      component === "checkbox" || center && "justify-center"
+      component === "checkbox" || center && "justify-center",
+      disabled && "!text-text-primary-disabled"
     );
     return /* @__PURE__ */ jsx(
       Element,

package/dist/components/CalendarRange.cjs

@@ -2188,6 +2188,7 @@ var DataGridCell = (0, import_react11.memo)(
       center,
       width,
       minWidth,
+      disabled,
       testid
     } = _b, props = __objRest(_b, [
       "id",
@@ -2206,6 +2207,7 @@ var DataGridCell = (0, import_react11.memo)(
       "center",
       "width",
       "minWidth",
+      "disabled",
       "testid"
     ]);
     const Element = type === "header" ? "th" : "td";
@@ -2271,7 +2273,8 @@ var DataGridCell = (0, import_react11.memo)(
       paddedLeft && "pl-2",
       component === "icon" && "border-l",
       isGrabbing && "!cursor-grabbing",
-      component === "checkbox" || center && "justify-center"
+      component === "checkbox" || center && "justify-center",
+      disabled && "!text-text-primary-disabled"
     );
     return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       Element,
@@ -2664,7 +2667,8 @@ function TableBodyRow({
   showFilterRow,
   // enableColumnSelector = false,
   locked,
-  pinDirection
+  pinDirection,
+  disabled
 }) {
   var _a;
   let visibleCells;
@@ -2682,10 +2686,11 @@ function TableBodyRow({
     {
       className: (0, import_clsx11.default)(
         "min-h-10",
-        "transition-colors hover:bg-background-action-secondary-hover",
-        row.getIsSelected() && "!bg-background-action-secondary-hover",
-        isError && "!bg-background-action-critical-secondary-hover",
-        showFilterRow ? "even:bg-background-grouped-primary-normal odd:bg-background-grouped-secondary-normal" : "odd:bg-background-grouped-primary-normal even:bg-background-grouped-secondary-normal"
+        "transition-colors",
+        !disabled && "hover:bg-background-action-secondary-hover",
+        row.getIsSelected() && !disabled && "!bg-background-action-secondary-hover",
+        isError && !disabled && "!bg-background-action-critical-secondary-hover",
+        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"
       ),
       id: id ? `${id}-row-${row.id}` : void 0,
       "data-testid": testid ? `${testid}-row-${row.id}` : void 0,
@@ -2795,7 +2800,9 @@ function TableBody({
   showFilterRow,
   enableColumnSelector = false,
   locked,
-  pinDirection
+  pinDirection,
+  rowDisabled,
+  rowDisabledAccessor
 }) {
   const { rows } = table.getRowModel();
   const rowVirtualizer = (0, import_react_virtual.useVirtualizer)({
@@ -2888,7 +2895,8 @@ function TableBody({
               showFilterRow,
               enableColumnSelector,
               locked,
-              pinDirection
+              pinDirection,
+              disabled: rowDisabledAccessor ? rowDisabledAccessor(row.original) : rowDisabled
             },
             row.id
           );
@@ -3198,6 +3206,8 @@ function DataGrid({
   predeterminedLeftPins = [],
   predeterminedRightPins = [],
   useMenuDefaultMinWidth,
+  rowDisabled,
+  rowDisabledAccessor,
   ref
 }) {
   var _a, _b, _c, _d, _e, _f, _g;
@@ -3586,7 +3596,9 @@ function DataGrid({
                             isLoadingMore,
                             hasMore,
                             showFilterRow,
-                            enableColumnSelector
+                            enableColumnSelector,
+                            rowDisabled,
+                            rowDisabledAccessor
                           }
                         )
                       ] }),

package/dist/components/CalendarRange.css

@@ -1038,9 +1038,36 @@
   .grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
+  .grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+  .grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+  .grid-cols-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+  .grid-cols-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
   .grid-cols-7 {
     grid-template-columns: repeat(7, minmax(0, 1fr));
   }
+  .grid-cols-8 {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
+  .grid-cols-9 {
+    grid-template-columns: repeat(9, minmax(0, 1fr));
+  }
+  .grid-cols-10 {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
+  .grid-cols-11 {
+    grid-template-columns: repeat(11, minmax(0, 1fr));
+  }
+  .grid-cols-12 {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
   .grid-cols-\[auto_1fr\] {
     grid-template-columns: auto 1fr;
   }
@@ -3867,6 +3894,66 @@
       margin-top: var(--spacing-desktop-compact-component-gap);
     }
   }
+  .compact\:grid-cols-1 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(1, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-2 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-3 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-4 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-5 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(5, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-6 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(6, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-7 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(7, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-8 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(8, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-9 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(9, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-10 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(10, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-11 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(11, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-12 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(12, minmax(0, 1fr));
+    }
+  }
   .compact\:gap-desktop-compact-component-gap {
     &:where([data-compact]) {
       gap: var(--spacing-desktop-compact-component-gap);
@@ -4203,11 +4290,66 @@
       flex-grow: 0;
     }
   }
+  .desktop\:grid-cols-1 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(1, minmax(0, 1fr));
+    }
+  }
+  .desktop\:grid-cols-2 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
+  .desktop\:grid-cols-3 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+  }
   .desktop\:grid-cols-4 {
     @container root (width >= 48rem) {
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
   }
+  .desktop\:grid-cols-5 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(5, minmax(0, 1fr));
+    }
+  }
+  .desktop\:grid-cols-6 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(6, minmax(0, 1fr));
+    }
+  }
+  .desktop\:grid-cols-7 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(7, minmax(0, 1fr));
+    }
+  }
+  .desktop\:grid-cols-8 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(8, minmax(0, 1fr));
+    }
+  }
+  .desktop\:grid-cols-9 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(9, minmax(0, 1fr));
+    }
+  }
+  .desktop\:grid-cols-10 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(10, minmax(0, 1fr));
+    }
+  }
+  .desktop\:grid-cols-11 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(11, minmax(0, 1fr));
+    }
+  }
+  .desktop\:grid-cols-12 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(12, minmax(0, 1fr));
+    }
+  }
   .desktop\:flex-col {
     @container root (width >= 48rem) {
       flex-direction: column;

package/dist/components/CalendarRange.js

@@ -2,11 +2,11 @@ import {
   CalendarRange,
   CalendarRange_default,
   isWeekend
-} from "../chunk-JWVZOEF5.js";
+} from "../chunk-YY66JVTB.js";
 import "../chunk-M7INAUAJ.js";
 import "../chunk-ELXVDRWS.js";
 import "../chunk-3UUCDNX3.js";
-import "../chunk-FJRYHJUV.js";
+import "../chunk-CDMXM5JW.js";
 import "../chunk-BQNPOGD5.js";
 import "../chunk-Y5GD2FJA.js";
 import "../chunk-MBZ55T2D.js";
@@ -33,9 +33,9 @@ import "../chunk-CMMQTIVM.js";
 import "../chunk-AG43RS4Q.js";
 import "../chunk-AKJUBFJK.js";
 import "../chunk-SUSUNSVZ.js";
-import "../chunk-Y2GK27RX.js";
+import "../chunk-BWPNXY7T.js";
 import "../chunk-QVWYTQKL.js";
-import "../chunk-F6RZ7MUE.js";
+import "../chunk-ZCIC3AIZ.js";
 import "../chunk-TCMOGTPB.js";
 import "../chunk-DVU5XV7L.js";
 import "../chunk-LKKFQLWD.js";

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

@@ -2182,6 +2182,7 @@ var DataGridCell = (0, import_react11.memo)(
       center,
       width,
       minWidth,
+      disabled,
       testid
     } = _b, props = __objRest(_b, [
       "id",
@@ -2200,6 +2201,7 @@ var DataGridCell = (0, import_react11.memo)(
       "center",
       "width",
       "minWidth",
+      "disabled",
       "testid"
     ]);
     const Element = type === "header" ? "th" : "td";
@@ -2265,7 +2267,8 @@ var DataGridCell = (0, import_react11.memo)(
       paddedLeft && "pl-2",
       component === "icon" && "border-l",
       isGrabbing && "!cursor-grabbing",
-      component === "checkbox" || center && "justify-center"
+      component === "checkbox" || center && "justify-center",
+      disabled && "!text-text-primary-disabled"
     );
     return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       Element,
@@ -2658,7 +2661,8 @@ function TableBodyRow({
   showFilterRow,
   // enableColumnSelector = false,
   locked,
-  pinDirection
+  pinDirection,
+  disabled
 }) {
   var _a;
   let visibleCells;
@@ -2676,10 +2680,11 @@ function TableBodyRow({
     {
       className: (0, import_clsx11.default)(
         "min-h-10",
-        "transition-colors hover:bg-background-action-secondary-hover",
-        row.getIsSelected() && "!bg-background-action-secondary-hover",
-        isError && "!bg-background-action-critical-secondary-hover",
-        showFilterRow ? "even:bg-background-grouped-primary-normal odd:bg-background-grouped-secondary-normal" : "odd:bg-background-grouped-primary-normal even:bg-background-grouped-secondary-normal"
+        "transition-colors",
+        !disabled && "hover:bg-background-action-secondary-hover",
+        row.getIsSelected() && !disabled && "!bg-background-action-secondary-hover",
+        isError && !disabled && "!bg-background-action-critical-secondary-hover",
+        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"
       ),
       id: id ? `${id}-row-${row.id}` : void 0,
       "data-testid": testid ? `${testid}-row-${row.id}` : void 0,
@@ -2789,7 +2794,9 @@ function TableBody({
   showFilterRow,
   enableColumnSelector = false,
   locked,
-  pinDirection
+  pinDirection,
+  rowDisabled,
+  rowDisabledAccessor
 }) {
   const { rows } = table.getRowModel();
   const rowVirtualizer = (0, import_react_virtual.useVirtualizer)({
@@ -2882,7 +2889,8 @@ function TableBody({
               showFilterRow,
               enableColumnSelector,
               locked,
-              pinDirection
+              pinDirection,
+              disabled: rowDisabledAccessor ? rowDisabledAccessor(row.original) : rowDisabled
             },
             row.id
           );
@@ -3164,6 +3172,8 @@ function DataGrid({
   predeterminedLeftPins = [],
   predeterminedRightPins = [],
   useMenuDefaultMinWidth,
+  rowDisabled,
+  rowDisabledAccessor,
   ref
 }) {
   var _a, _b, _c, _d, _e, _f, _g;
@@ -3552,7 +3562,9 @@ function DataGrid({
                             isLoadingMore,
                             hasMore,
                             showFilterRow,
-                            enableColumnSelector
+                            enableColumnSelector,
+                            rowDisabled,
+                            rowDisabledAccessor
                           }
                         )
                       ] }),

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

@@ -1038,9 +1038,36 @@
   .grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
+  .grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+  .grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+  .grid-cols-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+  .grid-cols-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
   .grid-cols-7 {
     grid-template-columns: repeat(7, minmax(0, 1fr));
   }
+  .grid-cols-8 {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
+  .grid-cols-9 {
+    grid-template-columns: repeat(9, minmax(0, 1fr));
+  }
+  .grid-cols-10 {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
+  .grid-cols-11 {
+    grid-template-columns: repeat(11, minmax(0, 1fr));
+  }
+  .grid-cols-12 {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
   .grid-cols-\[auto_1fr\] {
     grid-template-columns: auto 1fr;
   }
@@ -3867,6 +3894,66 @@
       margin-top: var(--spacing-desktop-compact-component-gap);
     }
   }
+  .compact\:grid-cols-1 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(1, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-2 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-3 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-4 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-5 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(5, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-6 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(6, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-7 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(7, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-8 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(8, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-9 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(9, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-10 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(10, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-11 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(11, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-12 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(12, minmax(0, 1fr));
+    }
+  }
   .compact\:gap-desktop-compact-component-gap {
     &:where([data-compact]) {
       gap: var(--spacing-desktop-compact-component-gap);
@@ -4203,11 +4290,66 @@
       flex-grow: 0;
     }
   }
+  .desktop\:grid-cols-1 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(1, minmax(0, 1fr));
+    }
+  }
+  .desktop\:grid-cols-2 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
+  .desktop\:grid-cols-3 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+  }
   .desktop\:grid-cols-4 {
     @container root (width >= 48rem) {
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
   }
+  .desktop\:grid-cols-5 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(5, minmax(0, 1fr));
+    }
+  }
+  .desktop\:grid-cols-6 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(6, minmax(0, 1fr));
+    }
+  }
+  .desktop\:grid-cols-7 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(7, minmax(0, 1fr));
+    }
+  }
+  .desktop\:grid-cols-8 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(8, minmax(0, 1fr));
+    }
+  }
+  .desktop\:grid-cols-9 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(9, minmax(0, 1fr));
+    }
+  }
+  .desktop\:grid-cols-10 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(10, minmax(0, 1fr));
+    }
+  }
+  .desktop\:grid-cols-11 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(11, minmax(0, 1fr));
+    }
+  }
+  .desktop\:grid-cols-12 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(12, minmax(0, 1fr));
+    }
+  }
   .desktop\:flex-col {
     @container root (width >= 48rem) {
       flex-direction: column;

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

@@ -1,10 +1,10 @@
 import {
   ColumnSelectorMenuOption
-} from "../../../chunk-JWVZOEF5.js";
+} from "../../../chunk-YY66JVTB.js";
 import "../../../chunk-M7INAUAJ.js";
 import "../../../chunk-ELXVDRWS.js";
 import "../../../chunk-3UUCDNX3.js";
-import "../../../chunk-FJRYHJUV.js";
+import "../../../chunk-CDMXM5JW.js";
 import "../../../chunk-BQNPOGD5.js";
 import "../../../chunk-Y5GD2FJA.js";
 import "../../../chunk-MBZ55T2D.js";
@@ -31,9 +31,9 @@ import "../../../chunk-CMMQTIVM.js";
 import "../../../chunk-AG43RS4Q.js";
 import "../../../chunk-AKJUBFJK.js";
 import "../../../chunk-SUSUNSVZ.js";
-import "../../../chunk-Y2GK27RX.js";
+import "../../../chunk-BWPNXY7T.js";
 import "../../../chunk-QVWYTQKL.js";
-import "../../../chunk-F6RZ7MUE.js";
+import "../../../chunk-ZCIC3AIZ.js";
 import "../../../chunk-TCMOGTPB.js";
 import "../../../chunk-DVU5XV7L.js";
 import "../../../chunk-LKKFQLWD.js";