@dmsi/wedgekit-react 0.0.387 → 0.0.389

package/dist/components/CompactImagesPreview.cjs

@@ -262,7 +262,8 @@ var Stack = (_a) => {
     marginBottom,
     testid,
     bottom,
-    zIndex
+    zIndex,
+    flexWrap
   } = _b, props = __objRest(_b, [
     "children",
     "items",
@@ -301,9 +302,10 @@ var Stack = (_a) => {
     "marginBottom",
     "testid",
     "bottom",
-    "zIndex"
+    "zIndex",
+    "flexWrap"
   ]);
-  var _a2, _b2, _c, _d, _e, _f;
+  var _a2, _b2, _c, _d, _e, _f, _g;
   const flexClassNames = getFlexClassNames({ items, justify, grow });
   const gapClassNames = useGapClassNames(sizing);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -330,7 +332,9 @@ var Stack = (_a) => {
         borderBlock: (_d = props.style) == null ? void 0 : _d.borderBlock,
         marginInline: (_e = props.style) == null ? void 0 : _e.marginInline,
         zIndex: zIndex !== void 0 ? zIndex : void 0,
-        gap: (_f = props.style) == null ? void 0 : _f.gap
+        flexWrap,
+        paddingInline: (_f = props.style) == null ? void 0 : _f.paddingInline,
+        gap: (_g = props.style) == null ? void 0 : _g.gap
       },
       className: (0, import_clsx2.default)(
         "scrollbar-thin",
@@ -433,7 +437,12 @@ function CompactImagesPreview(props) {
       "img",
       {
         className: "object-center",
-        style: { width: activeImageWidth, height: activeImageHeight },
+        style: {
+          width: activeImageWidth,
+          height: activeImageHeight,
+          objectPosition: "center",
+          objectFit: "cover"
+        },
         src: placeholderImageUri,
         alt: "placeholder image"
       }
@@ -446,7 +455,8 @@ function CompactImagesPreview(props) {
         style: {
           width: isMobile ? "100%" : activeImageWidth,
           height: activeImageHeight,
-          objectPosition: "center"
+          objectPosition: "center",
+          objectFit: "cover"
         },
         src: currentSource.uri,
         alt: currentSource.name
@@ -471,7 +481,8 @@ function CompactImagesPreview(props) {
             style: {
               width: thumbnailWidth,
               height: thumbnailHeight,
-              objectPosition: "center"
+              objectPosition: "center",
+              objectFit: "cover"
             }
           }
         )

package/dist/components/CompactImagesPreview.js

@@ -1,11 +1,11 @@
 import {
   CompactImagesPreview
-} from "../chunk-FSLETAX4.js";
+} from "../chunk-MQX7GFLX.js";
 import "../chunk-MYKYZHEO.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-TYTD4FLW.js";
 import "../chunk-5UH6QUFB.js";
-import "../chunk-MX57T3HP.js";
+import "../chunk-GB4ZTUQV.js";
 import "../chunk-6CTCHYIS.js";
 import "../chunk-ORMEWXMH.js";
 export {

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

@@ -62,7 +62,7 @@ __export(ColumnSelectorMenuOption_exports, {
   ColumnSelectorMenuOption: () => ColumnSelectorMenuOption
 });
 module.exports = __toCommonJS(ColumnSelectorMenuOption_exports);
-var import_react34 = require("react");
+var import_react35 = require("react");
 
 // src/components/DataGridCell.tsx
 var import_sortable = require("@dnd-kit/sortable");
@@ -4524,6 +4524,9 @@ var import_jsx_runtime38 = require("react/jsx-runtime");
 // src/components/MobileDataGrid/index.tsx
 var import_jsx_runtime39 = require("react/jsx-runtime");
 
+// src/components/ProductImagePreview/Thumbnail.tsx
+var import_react25 = require("react");
+
 // src/components/ImagePlaceholder.tsx
 var import_react24 = require("react");
 var import_jsx_runtime40 = require("react/jsx-runtime");
@@ -4532,12 +4535,12 @@ var import_jsx_runtime40 = require("react/jsx-runtime");
 var import_jsx_runtime41 = require("react/jsx-runtime");
 
 // src/components/Grid.tsx
-var import_react25 = require("react");
+var import_react26 = require("react");
 var import_clsx30 = __toESM(require("clsx"), 1);
 var import_jsx_runtime42 = require("react/jsx-runtime");
 
 // src/components/ProductImagePreview/ProductPrimaryImage.tsx
-var import_react26 = require("react");
+var import_react27 = require("react");
 
 // src/components/Spinner.tsx
 var import_jsx_runtime43 = require("react/jsx-runtime");
@@ -4573,7 +4576,7 @@ Spinner.displayName = "Spinner";
 var import_jsx_runtime44 = require("react/jsx-runtime");
 
 // src/components/ProductImagePreview/ZoomWindow.tsx
-var import_react27 = require("react");
+var import_react28 = require("react");
 
 // src/components/Surface.tsx
 var import_clsx31 = __toESM(require("clsx"), 1);
@@ -4618,30 +4621,30 @@ var import_clsx32 = require("clsx");
 var import_jsx_runtime47 = require("react/jsx-runtime");
 
 // src/components/ProductImagePreview/MobileImageCarousel.tsx
-var import_react28 = require("react");
+var import_react29 = require("react");
 var import_jsx_runtime48 = require("react/jsx-runtime");
 
 // src/components/ProductImagePreview/useProductImagePreview.ts
-var import_react29 = require("react");
+var import_react30 = require("react");
 
 // src/components/ProductImagePreview/index.tsx
 var import_jsx_runtime49 = require("react/jsx-runtime");
 
 // src/components/CompactImagesPreview.tsx
-var import_react30 = require("react");
+var import_react31 = require("react");
 var import_clsx33 = __toESM(require("clsx"), 1);
 var import_jsx_runtime50 = require("react/jsx-runtime");
 
 // src/components/PDFViewer/index.tsx
-var import_react33 = require("react");
+var import_react34 = require("react");
 
 // src/components/PDFViewer/PDFElement.tsx
 var import_react_pdf2 = require("@mikecousins/react-pdf");
-var import_react32 = require("react");
+var import_react33 = require("react");
 
 // src/components/PDFViewer/PDFPage.tsx
 var import_react_pdf = require("@mikecousins/react-pdf");
-var import_react31 = require("react");
+var import_react32 = require("react");
 var import_jsx_runtime51 = require("react/jsx-runtime");
 
 // src/components/PDFViewer/PDFElement.tsx
@@ -4665,7 +4668,7 @@ function ColumnSelectorMenuOption({
   column,
   toggleColumnVisibility
 }) {
-  const [isVisible, setIsVisible] = (0, import_react34.useState)(column.getIsVisible());
+  const [isVisible, setIsVisible] = (0, import_react35.useState)(column.getIsVisible());
   const label = typeof column.columnDef.header === "string" ? column.columnDef.header : null;
   return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(MenuOption, { id, testid, defaultChecked: isVisible, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     Checkbox,

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

@@ -823,6 +823,9 @@
   .min-h-\[120px\] {
     min-height: 120px;
   }
+  .min-h-full {
+    min-height: 100%;
+  }
   .min-h-min {
     min-height: min-content;
   }
@@ -3594,6 +3597,21 @@
       outline-style: none;
     }
   }
+  .data-active\:border-transparent {
+    &[data-active] {
+      border-color: transparent;
+    }
+  }
+  .data-active\:bg-background-action-primary-normal {
+    &[data-active] {
+      background-color: var(--color-background-action-primary-normal);
+    }
+  }
+  .data-active\:text-white {
+    &[data-active] {
+      color: var(--color-white);
+    }
+  }
   .data-disabled\:cursor-default {
     &[data-disabled] {
       cursor: default;

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

@@ -1,22 +1,22 @@
 import {
   ColumnSelectorMenuOption
-} from "../../../chunk-2T2GISEG.js";
+} from "../../../chunk-OW3WN3JV.js";
 import "../../../chunk-M7INAUAJ.js";
-import "../../../chunk-F4CV7SBS.js";
-import "../../../chunk-3XOYPT5O.js";
-import "../../../chunk-A7CEYUVE.js";
-import "../../../chunk-CQFPNZTN.js";
-import "../../../chunk-HPQWEZJL.js";
+import "../../../chunk-6I5LZ2ZC.js";
+import "../../../chunk-44TDIHUP.js";
+import "../../../chunk-LZGYABCX.js";
+import "../../../chunk-G5DEC7H3.js";
+import "../../../chunk-3X3Y4TMS.js";
 import "../../../chunk-BQNPOGD5.js";
-import "../../../chunk-GNHKKYCY.js";
+import "../../../chunk-LLZ3SSZJ.js";
 import "../../../chunk-EJSPFQCY.js";
-import "../../../chunk-DCCTNHNL.js";
-import "../../../chunk-PH76F7QS.js";
+import "../../../chunk-ERW5DEIO.js";
+import "../../../chunk-2HMCS25C.js";
 import "../../../chunk-VJVY6NPF.js";
 import "../../../chunk-MBZ55T2D.js";
 import "../../../chunk-2IKT6IHB.js";
-import "../../../chunk-2FADUKPP.js";
-import "../../../chunk-R4SFLYOZ.js";
+import "../../../chunk-AA6GE3TH.js";
+import "../../../chunk-KZZKQLKF.js";
 import "../../../chunk-5IFPG6TS.js";
 import "../../../chunk-AJ5M6MVX.js";
 import "../../../chunk-M6TSTDNZ.js";
@@ -35,7 +35,7 @@ import "../../../chunk-ER6RCOH3.js";
 import "../../../chunk-EU73QPW7.js";
 import "../../../chunk-QVWYTQKL.js";
 import "../../../chunk-NO5BIKWS.js";
-import "../../../chunk-FSLETAX4.js";
+import "../../../chunk-MQX7GFLX.js";
 import "../../../chunk-V47RTW7E.js";
 import "../../../chunk-22VBZWJG.js";
 import "../../../chunk-NVOZAVEX.js";
@@ -49,9 +49,9 @@ import "../../../chunk-VXWSAIB5.js";
 import "../../../chunk-TYTD4FLW.js";
 import "../../../chunk-5UH6QUFB.js";
 import "../../../chunk-FA7IFW66.js";
-import "../../../chunk-TPXHOAY3.js";
-import "../../../chunk-4LXG6QNT.js";
-import "../../../chunk-MX57T3HP.js";
+import "../../../chunk-JIMJIJOF.js";
+import "../../../chunk-EZCH4PQS.js";
+import "../../../chunk-GB4ZTUQV.js";
 import "../../../chunk-OGIFIPKH.js";
 import "../../../chunk-NKUETCDA.js";
 import "../../../chunk-WWAPK5PH.js";

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

@@ -62,7 +62,7 @@ __export(ColumnSelectorHeaderCell_exports, {
   ColumnSelectorHeaderCell: () => ColumnSelectorHeaderCell
 });
 module.exports = __toCommonJS(ColumnSelectorHeaderCell_exports);
-var import_react34 = require("react");
+var import_react35 = require("react");
 
 // src/components/DataGridCell.tsx
 var import_sortable = require("@dnd-kit/sortable");
@@ -4446,6 +4446,9 @@ var import_jsx_runtime37 = require("react/jsx-runtime");
 // src/components/MobileDataGrid/index.tsx
 var import_jsx_runtime38 = require("react/jsx-runtime");
 
+// src/components/ProductImagePreview/Thumbnail.tsx
+var import_react24 = require("react");
+
 // src/components/ImagePlaceholder.tsx
 var import_react23 = require("react");
 var import_jsx_runtime39 = require("react/jsx-runtime");
@@ -4454,12 +4457,12 @@ var import_jsx_runtime39 = require("react/jsx-runtime");
 var import_jsx_runtime40 = require("react/jsx-runtime");
 
 // src/components/Grid.tsx
-var import_react24 = require("react");
+var import_react25 = require("react");
 var import_clsx30 = __toESM(require("clsx"), 1);
 var import_jsx_runtime41 = require("react/jsx-runtime");
 
 // src/components/ProductImagePreview/ProductPrimaryImage.tsx
-var import_react25 = require("react");
+var import_react26 = require("react");
 
 // src/components/Spinner.tsx
 var import_jsx_runtime42 = require("react/jsx-runtime");
@@ -4495,7 +4498,7 @@ Spinner.displayName = "Spinner";
 var import_jsx_runtime43 = require("react/jsx-runtime");
 
 // src/components/ProductImagePreview/ZoomWindow.tsx
-var import_react26 = require("react");
+var import_react27 = require("react");
 
 // src/components/Surface.tsx
 var import_clsx31 = __toESM(require("clsx"), 1);
@@ -4540,30 +4543,30 @@ var import_clsx32 = require("clsx");
 var import_jsx_runtime46 = require("react/jsx-runtime");
 
 // src/components/ProductImagePreview/MobileImageCarousel.tsx
-var import_react27 = require("react");
+var import_react28 = require("react");
 var import_jsx_runtime47 = require("react/jsx-runtime");
 
 // src/components/ProductImagePreview/useProductImagePreview.ts
-var import_react28 = require("react");
+var import_react29 = require("react");
 
 // src/components/ProductImagePreview/index.tsx
 var import_jsx_runtime48 = require("react/jsx-runtime");
 
 // src/components/CompactImagesPreview.tsx
-var import_react29 = require("react");
+var import_react30 = require("react");
 var import_clsx33 = __toESM(require("clsx"), 1);
 var import_jsx_runtime49 = require("react/jsx-runtime");
 
 // src/components/PDFViewer/index.tsx
-var import_react32 = require("react");
+var import_react33 = require("react");
 
 // src/components/PDFViewer/PDFElement.tsx
 var import_react_pdf2 = require("@mikecousins/react-pdf");
-var import_react31 = require("react");
+var import_react32 = require("react");
 
 // src/components/PDFViewer/PDFPage.tsx
 var import_react_pdf = require("@mikecousins/react-pdf");
-var import_react30 = require("react");
+var import_react31 = require("react");
 var import_jsx_runtime50 = require("react/jsx-runtime");
 
 // src/components/PDFViewer/PDFElement.tsx
@@ -4580,7 +4583,7 @@ var import_jsx_runtime53 = require("react/jsx-runtime");
 var import_jsx_runtime54 = require("react/jsx-runtime");
 
 // src/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.tsx
-var import_react33 = require("react");
+var import_react34 = require("react");
 var import_jsx_runtime55 = require("react/jsx-runtime");
 function ColumnSelectorMenuOption({
   id,
@@ -4588,7 +4591,7 @@ function ColumnSelectorMenuOption({
   column,
   toggleColumnVisibility
 }) {
-  const [isVisible, setIsVisible] = (0, import_react33.useState)(column.getIsVisible());
+  const [isVisible, setIsVisible] = (0, import_react34.useState)(column.getIsVisible());
   const label = typeof column.columnDef.header === "string" ? column.columnDef.header : null;
   return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(MenuOption, { id, testid, defaultChecked: isVisible, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     Checkbox,
@@ -4614,8 +4617,8 @@ function ColumnSelectorHeaderCell({
   toggleColumnVisibility,
   resetColumnVisibility
 }) {
-  const ref = (0, import_react34.useRef)(null);
-  const [show, setShow] = (0, import_react34.useState)(false);
+  const ref = (0, import_react35.useRef)(null);
+  const [show, setShow] = (0, import_react35.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
     DataGridCell,
     {

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

@@ -823,6 +823,9 @@
   .min-h-\[120px\] {
     min-height: 120px;
   }
+  .min-h-full {
+    min-height: 100%;
+  }
   .min-h-min {
     min-height: min-content;
   }
@@ -3594,6 +3597,21 @@
       outline-style: none;
     }
   }
+  .data-active\:border-transparent {
+    &[data-active] {
+      border-color: transparent;
+    }
+  }
+  .data-active\:bg-background-action-primary-normal {
+    &[data-active] {
+      background-color: var(--color-background-action-primary-normal);
+    }
+  }
+  .data-active\:text-white {
+    &[data-active] {
+      color: var(--color-white);
+    }
+  }
   .data-disabled\:cursor-default {
     &[data-disabled] {
       cursor: default;

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

@@ -1,22 +1,22 @@
 import {
   ColumnSelectorHeaderCell
-} from "../../../chunk-2T2GISEG.js";
+} from "../../../chunk-OW3WN3JV.js";
 import "../../../chunk-M7INAUAJ.js";
-import "../../../chunk-F4CV7SBS.js";
-import "../../../chunk-3XOYPT5O.js";
-import "../../../chunk-A7CEYUVE.js";
-import "../../../chunk-CQFPNZTN.js";
-import "../../../chunk-HPQWEZJL.js";
+import "../../../chunk-6I5LZ2ZC.js";
+import "../../../chunk-44TDIHUP.js";
+import "../../../chunk-LZGYABCX.js";
+import "../../../chunk-G5DEC7H3.js";
+import "../../../chunk-3X3Y4TMS.js";
 import "../../../chunk-BQNPOGD5.js";
-import "../../../chunk-GNHKKYCY.js";
+import "../../../chunk-LLZ3SSZJ.js";
 import "../../../chunk-EJSPFQCY.js";
-import "../../../chunk-DCCTNHNL.js";
-import "../../../chunk-PH76F7QS.js";
+import "../../../chunk-ERW5DEIO.js";
+import "../../../chunk-2HMCS25C.js";
 import "../../../chunk-VJVY6NPF.js";
 import "../../../chunk-MBZ55T2D.js";
 import "../../../chunk-2IKT6IHB.js";
-import "../../../chunk-2FADUKPP.js";
-import "../../../chunk-R4SFLYOZ.js";
+import "../../../chunk-AA6GE3TH.js";
+import "../../../chunk-KZZKQLKF.js";
 import "../../../chunk-5IFPG6TS.js";
 import "../../../chunk-AJ5M6MVX.js";
 import "../../../chunk-M6TSTDNZ.js";
@@ -35,7 +35,7 @@ import "../../../chunk-ER6RCOH3.js";
 import "../../../chunk-EU73QPW7.js";
 import "../../../chunk-QVWYTQKL.js";
 import "../../../chunk-NO5BIKWS.js";
-import "../../../chunk-FSLETAX4.js";
+import "../../../chunk-MQX7GFLX.js";
 import "../../../chunk-V47RTW7E.js";
 import "../../../chunk-22VBZWJG.js";
 import "../../../chunk-NVOZAVEX.js";
@@ -49,9 +49,9 @@ import "../../../chunk-VXWSAIB5.js";
 import "../../../chunk-TYTD4FLW.js";
 import "../../../chunk-5UH6QUFB.js";
 import "../../../chunk-FA7IFW66.js";
-import "../../../chunk-TPXHOAY3.js";
-import "../../../chunk-4LXG6QNT.js";
-import "../../../chunk-MX57T3HP.js";
+import "../../../chunk-JIMJIJOF.js";
+import "../../../chunk-EZCH4PQS.js";
+import "../../../chunk-GB4ZTUQV.js";
 import "../../../chunk-OGIFIPKH.js";
 import "../../../chunk-NKUETCDA.js";
 import "../../../chunk-WWAPK5PH.js";

package/dist/components/DataGrid/PinnedColumns.cjs

@@ -4299,6 +4299,9 @@ var import_jsx_runtime36 = require("react/jsx-runtime");
 // src/components/MobileDataGrid/index.tsx
 var import_jsx_runtime37 = require("react/jsx-runtime");
 
+// src/components/ProductImagePreview/Thumbnail.tsx
+var import_react23 = require("react");
+
 // src/components/ImagePlaceholder.tsx
 var import_react22 = require("react");
 var import_jsx_runtime38 = require("react/jsx-runtime");
@@ -4307,12 +4310,12 @@ var import_jsx_runtime38 = require("react/jsx-runtime");
 var import_jsx_runtime39 = require("react/jsx-runtime");
 
 // src/components/Grid.tsx
-var import_react23 = require("react");
+var import_react24 = require("react");
 var import_clsx29 = __toESM(require("clsx"), 1);
 var import_jsx_runtime40 = require("react/jsx-runtime");
 
 // src/components/ProductImagePreview/ProductPrimaryImage.tsx
-var import_react24 = require("react");
+var import_react25 = require("react");
 
 // src/components/Spinner.tsx
 var import_jsx_runtime41 = require("react/jsx-runtime");
@@ -4348,7 +4351,7 @@ Spinner.displayName = "Spinner";
 var import_jsx_runtime42 = require("react/jsx-runtime");
 
 // src/components/ProductImagePreview/ZoomWindow.tsx
-var import_react25 = require("react");
+var import_react26 = require("react");
 
 // src/components/Surface.tsx
 var import_clsx30 = __toESM(require("clsx"), 1);
@@ -4393,30 +4396,30 @@ var import_clsx31 = require("clsx");
 var import_jsx_runtime45 = require("react/jsx-runtime");
 
 // src/components/ProductImagePreview/MobileImageCarousel.tsx
-var import_react26 = require("react");
+var import_react27 = require("react");
 var import_jsx_runtime46 = require("react/jsx-runtime");
 
 // src/components/ProductImagePreview/useProductImagePreview.ts
-var import_react27 = require("react");
+var import_react28 = require("react");
 
 // src/components/ProductImagePreview/index.tsx
 var import_jsx_runtime47 = require("react/jsx-runtime");
 
 // src/components/CompactImagesPreview.tsx
-var import_react28 = require("react");
+var import_react29 = require("react");
 var import_clsx32 = __toESM(require("clsx"), 1);
 var import_jsx_runtime48 = require("react/jsx-runtime");
 
 // src/components/PDFViewer/index.tsx
-var import_react31 = require("react");
+var import_react32 = require("react");
 
 // src/components/PDFViewer/PDFElement.tsx
 var import_react_pdf2 = require("@mikecousins/react-pdf");
-var import_react30 = require("react");
+var import_react31 = require("react");
 
 // src/components/PDFViewer/PDFPage.tsx
 var import_react_pdf = require("@mikecousins/react-pdf");
-var import_react29 = require("react");
+var import_react30 = require("react");
 var import_jsx_runtime49 = require("react/jsx-runtime");
 
 // src/components/PDFViewer/PDFElement.tsx
@@ -4434,13 +4437,13 @@ var import_jsx_runtime53 = require("react/jsx-runtime");
 
 // src/components/DataGrid/PinnedColumns.tsx
 var import_clsx34 = __toESM(require("clsx"), 1);
-var import_react34 = __toESM(require("react"), 1);
+var import_react35 = __toESM(require("react"), 1);
 
 // src/components/DataGrid/ColumnSelectorHeaderCell/index.tsx
-var import_react33 = require("react");
+var import_react34 = require("react");
 
 // src/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.tsx
-var import_react32 = require("react");
+var import_react33 = require("react");
 var import_jsx_runtime54 = require("react/jsx-runtime");
 function ColumnSelectorMenuOption({
   id,
@@ -4448,7 +4451,7 @@ function ColumnSelectorMenuOption({
   column,
   toggleColumnVisibility
 }) {
-  const [isVisible, setIsVisible] = (0, import_react32.useState)(column.getIsVisible());
+  const [isVisible, setIsVisible] = (0, import_react33.useState)(column.getIsVisible());
   const label = typeof column.columnDef.header === "string" ? column.columnDef.header : null;
   return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(MenuOption, { id, testid, defaultChecked: isVisible, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     Checkbox,
@@ -4474,8 +4477,8 @@ function ColumnSelectorHeaderCell({
   toggleColumnVisibility,
   resetColumnVisibility
 }) {
-  const ref = (0, import_react33.useRef)(null);
-  const [show, setShow] = (0, import_react33.useState)(false);
+  const ref = (0, import_react34.useRef)(null);
+  const [show, setShow] = (0, import_react34.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
     DataGridCell,
     {
@@ -4638,7 +4641,7 @@ function PinnedColumns(_a) {
                       header.id
                     );
                   }
-                  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react34.default.Fragment, { children: ((_c = header.column.columnDef.meta) == null ? void 0 : _c.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react35.default.Fragment, { children: ((_c = header.column.columnDef.meta) == null ? void 0 : _c.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                     Checkbox,
                     {
                       checked: allSelectedAcrossPages,

package/dist/components/DataGrid/PinnedColumns.css

@@ -823,6 +823,9 @@
   .min-h-\[120px\] {
     min-height: 120px;
   }
+  .min-h-full {
+    min-height: 100%;
+  }
   .min-h-min {
     min-height: min-content;
   }
@@ -3594,6 +3597,21 @@
       outline-style: none;
     }
   }
+  .data-active\:border-transparent {
+    &[data-active] {
+      border-color: transparent;
+    }
+  }
+  .data-active\:bg-background-action-primary-normal {
+    &[data-active] {
+      background-color: var(--color-background-action-primary-normal);
+    }
+  }
+  .data-active\:text-white {
+    &[data-active] {
+      color: var(--color-white);
+    }
+  }
   .data-disabled\:cursor-default {
     &[data-disabled] {
       cursor: default;

package/dist/components/DataGrid/PinnedColumns.js

@@ -1,22 +1,22 @@
 import {
   PinnedColumns
-} from "../../chunk-2T2GISEG.js";
+} from "../../chunk-OW3WN3JV.js";
 import "../../chunk-M7INAUAJ.js";
-import "../../chunk-F4CV7SBS.js";
-import "../../chunk-3XOYPT5O.js";
-import "../../chunk-A7CEYUVE.js";
-import "../../chunk-CQFPNZTN.js";
-import "../../chunk-HPQWEZJL.js";
+import "../../chunk-6I5LZ2ZC.js";
+import "../../chunk-44TDIHUP.js";
+import "../../chunk-LZGYABCX.js";
+import "../../chunk-G5DEC7H3.js";
+import "../../chunk-3X3Y4TMS.js";
 import "../../chunk-BQNPOGD5.js";
-import "../../chunk-GNHKKYCY.js";
+import "../../chunk-LLZ3SSZJ.js";
 import "../../chunk-EJSPFQCY.js";
-import "../../chunk-DCCTNHNL.js";
-import "../../chunk-PH76F7QS.js";
+import "../../chunk-ERW5DEIO.js";
+import "../../chunk-2HMCS25C.js";
 import "../../chunk-VJVY6NPF.js";
 import "../../chunk-MBZ55T2D.js";
 import "../../chunk-2IKT6IHB.js";
-import "../../chunk-2FADUKPP.js";
-import "../../chunk-R4SFLYOZ.js";
+import "../../chunk-AA6GE3TH.js";
+import "../../chunk-KZZKQLKF.js";
 import "../../chunk-5IFPG6TS.js";
 import "../../chunk-AJ5M6MVX.js";
 import "../../chunk-M6TSTDNZ.js";
@@ -35,7 +35,7 @@ import "../../chunk-ER6RCOH3.js";
 import "../../chunk-EU73QPW7.js";
 import "../../chunk-QVWYTQKL.js";
 import "../../chunk-NO5BIKWS.js";
-import "../../chunk-FSLETAX4.js";
+import "../../chunk-MQX7GFLX.js";
 import "../../chunk-V47RTW7E.js";
 import "../../chunk-22VBZWJG.js";
 import "../../chunk-NVOZAVEX.js";
@@ -49,9 +49,9 @@ import "../../chunk-VXWSAIB5.js";
 import "../../chunk-TYTD4FLW.js";
 import "../../chunk-5UH6QUFB.js";
 import "../../chunk-FA7IFW66.js";
-import "../../chunk-TPXHOAY3.js";
-import "../../chunk-4LXG6QNT.js";
-import "../../chunk-MX57T3HP.js";
+import "../../chunk-JIMJIJOF.js";
+import "../../chunk-EZCH4PQS.js";
+import "../../chunk-GB4ZTUQV.js";
 import "../../chunk-OGIFIPKH.js";
 import "../../chunk-NKUETCDA.js";
 import "../../chunk-WWAPK5PH.js";