@dmsi/wedgekit-react 0.0.850 → 0.0.851

package/dist/chunk-SZ47M32R.js

@@ -0,0 +1,13 @@
+// src/components/EmblaCarousel/index.tsx
+import useEmblaCarousel from "embla-carousel-react";
+import { jsx } from "react/jsx-runtime";
+var EmblaCarousel = ({ options, children }) => {
+  const [emblaRef] = useEmblaCarousel(options);
+  return /* @__PURE__ */ jsx("section", { className: "w-full m-auto", children: /* @__PURE__ */ jsx("div", { className: "embla__viewport overflow-hidden", ref: emblaRef, children: /* @__PURE__ */ jsx("div", { className: "embla__container flex touch-pan-y touch-pinch-zoom gap-mobile-layout-gap desktop:gap-desktop-layout-gap compact:gap-compact-layout-gap", children }) }) });
+};
+var EmblaCarousel_default = EmblaCarousel;
+
+export {
+  EmblaCarousel,
+  EmblaCarousel_default
+};

package/dist/components/CalendarRange.cjs

@@ -5603,8 +5603,12 @@ var import_clsx41 = __toESM(require("clsx"), 1);
 var import_react39 = require("react");
 var import_jsx_runtime65 = require("react/jsx-runtime");
 
-// src/components/CalendarRange.tsx
+// src/components/EmblaCarousel/index.tsx
+var import_embla_carousel_react = __toESM(require("embla-carousel-react"), 1);
 var import_jsx_runtime66 = require("react/jsx-runtime");
+
+// src/components/CalendarRange.tsx
+var import_jsx_runtime67 = require("react/jsx-runtime");
 function isWeekend(date) {
   return date.dayOfWeek === 6 || date.dayOfWeek === 7;
 }
@@ -5642,7 +5646,7 @@ function DateCell(_a) {
     "id",
     "testid"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
     "span",
     __spreadProps(__spreadValues({}, props), {
       id,
@@ -5798,7 +5802,7 @@ function CalendarRange({
     }
     return false;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
     "div",
     {
       id,
@@ -5811,7 +5815,7 @@ function CalendarRange({
         // baseTransition,
         "overflow-hidden"
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
         "div",
         {
           className: (0, import_clsx42.default)(
@@ -5819,7 +5823,7 @@ function CalendarRange({
             layoutGap
           ),
           children: (mode === "double" ? [0, 1] : [0]).map((offset, idx) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
               CalendarPane,
               {
                 getMonthData,
@@ -5884,13 +5888,13 @@ function CalendarPane({
   const month = getMonthData(offset);
   const totalCells = 42;
   const emptyCells = month.firstDayOffset;
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_react40.default.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_react40.default.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
       "div",
       {
         className: (0, import_clsx42.default)("flex flex-col"),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
             "div",
             {
               className: (0, import_clsx42.default)(
@@ -5899,7 +5903,7 @@ function CalendarPane({
                 "text-text-action-primary-normal"
               ),
               children: [
-                idx === 0 ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+                idx === 0 ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
                   "button",
                   {
                     id: id ? `${id}-prev-month-button` : void 0,
@@ -5911,11 +5915,11 @@ function CalendarPane({
                     ),
                     "aria-label": "Previous month",
                     onClick: () => setBaseMonth(baseMonth.subtract({ months: 1 })),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon, { name: "chevron_left", size: 24 })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Icon, { name: "chevron_left", size: 24 })
                   }
-                ) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: (0, import_clsx42.default)(componentPadding, "mr-1") }),
-                /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex gap-desktop-compact-component-padding", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+                ) : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: (0, import_clsx42.default)(componentPadding, "mr-1") }),
+                /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex gap-desktop-compact-component-padding", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
                     "button",
                     {
                       ref: (el) => {
@@ -5930,13 +5934,13 @@ function CalendarPane({
                       children: month.name
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
                     Menu,
                     {
                       show: monthMenuOpen,
                       positionTo: monthMenuRef,
                       setShow: () => setMonthMenuOpen(false),
-                      children: months.map((x) => [x, getMonthDataWith(x + 1)]).map(([x, m]) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+                      children: months.map((x) => [x, getMonthDataWith(x + 1)]).map(([x, m]) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
                         MenuOption,
                         {
                           selected: baseMonth.month === x + 1,
@@ -5950,7 +5954,7 @@ function CalendarPane({
                       ))
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
                     "button",
                     {
                       ref: (el) => {
@@ -5965,13 +5969,13 @@ function CalendarPane({
                       children: month.year
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
                     Menu,
                     {
                       show: yearMenuOpen,
                       positionTo: yearMenuRef,
                       setShow: () => setYearMenuOpen(false),
-                      children: years.map((y) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+                      children: years.map((y) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
                         MenuOption,
                         {
                           selected: baseMonth.year === y,
@@ -5986,7 +5990,7 @@ function CalendarPane({
                     }
                   )
                 ] }),
-                (mode === "double" ? idx === 1 : true) ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+                (mode === "double" ? idx === 1 : true) ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
                   "button",
                   {
                     id: id ? `${id}-next-month-button` : void 0,
@@ -5998,13 +6002,13 @@ function CalendarPane({
                     ),
                     "aria-label": "Next month",
                     onClick: () => setBaseMonth(baseMonth.add({ months: 1 })),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon, { name: "chevron_right", size: 24 })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Icon, { name: "chevron_right", size: 24 })
                   }
-                ) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: (0, import_clsx42.default)(componentPadding, "ml-1") })
+                ) : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: (0, import_clsx42.default)(componentPadding, "ml-1") })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: (0, import_clsx42.default)("grid grid-cols-7"), children: weekDays.map((d) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: (0, import_clsx42.default)("grid grid-cols-7"), children: weekDays.map((d) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
             "span",
             {
               className: (0, import_clsx42.default)(
@@ -6016,7 +6020,7 @@ function CalendarPane({
             },
             d
           )) }),
-          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: (0, import_clsx42.default)("grid grid-cols-7"), children: Array.from({ length: totalCells }).map((_, i) => {
+          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: (0, import_clsx42.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
@@ -6030,7 +6034,7 @@ function CalendarPane({
             const hoverDateIsAfterPendingFrom = hoveredDate && pendingFrom && import_polyfill.Temporal.PlainDate.compare(hoveredDate, pendingFrom) >= 0;
             const isRangeStart = mode === "single" && disableRange ? false : !pendingFrom && isInMonth && fromDate && date.equals(fromDate) || hoverDateIsAfterPendingFrom && date.equals(pendingFrom);
             const isRangeEnd = mode === "single" && disableRange ? false : !pendingFrom && isInMonth && toDate && date.equals(toDate) || hoverDateIsBeforePendingFrom && date.equals(pendingFrom);
-            return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
               DateCell,
               {
                 id: id ? `${id}-date-${date.toString()}` : void 0,
@@ -6055,7 +6059,7 @@ function CalendarPane({
         ]
       }
     ),
-    mode === "double" && idx === 0 && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+    mode === "double" && idx === 0 && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
       "div",
       {
         className: (0, import_clsx42.default)(

package/dist/components/CalendarRange.css

@@ -632,6 +632,9 @@
   .m-4 {
     margin: calc(var(--spacing) * 4);
   }
+  .m-auto {
+    margin: auto;
+  }
   .m-mobile-container-padding {
     margin: var(--spacing-mobile-container-padding);
   }
@@ -1031,6 +1034,14 @@
   .cursor-pointer {
     cursor: pointer;
   }
+  .touch-pan-y {
+    --tw-pan-y: pan-y;
+    touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
+  }
+  .touch-pinch-zoom {
+    --tw-pinch-zoom: pinch-zoom;
+    touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
+  }
   .resize {
     resize: both;
   }
@@ -5254,6 +5265,9 @@ body {
 @property --tw-rotate-z { syntax: "*"; inherits: false; }
 @property --tw-skew-x { syntax: "*"; inherits: false; }
 @property --tw-skew-y { syntax: "*"; inherits: false; }
+@property --tw-pan-x { syntax: "*"; inherits: false; }
+@property --tw-pan-y { syntax: "*"; inherits: false; }
+@property --tw-pinch-zoom { syntax: "*"; inherits: false; }
 @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
 @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
 @property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@@ -5328,6 +5342,9 @@ body {
       --tw-rotate-z: initial;
       --tw-skew-x: initial;
       --tw-skew-y: initial;
+      --tw-pan-x: initial;
+      --tw-pan-y: initial;
+      --tw-pinch-zoom: initial;
       --tw-space-y-reverse: 0;
       --tw-space-x-reverse: 0;
       --tw-divide-x-reverse: 0;

package/dist/components/CalendarRange.js

@@ -2,17 +2,18 @@ import {
   CalendarRange,
   CalendarRange_default,
   isWeekend
-} from "../chunk-UIF3AIAT.js";
+} from "../chunk-ILHEM6BK.js";
 import "../chunk-WJJB7IJZ.js";
-import "../chunk-M7INAUAJ.js";
 import "../chunk-Q4YDNW7N.js";
-import "../chunk-GQDUOL5Y.js";
+import "../chunk-M7INAUAJ.js";
+import "../chunk-C5DKGJ4E.js";
+import "../chunk-2IKT6IHB.js";
 import "../chunk-YCDDBSVU.js";
 import "../chunk-3X3Y4TMS.js";
 import "../chunk-BQNPOGD5.js";
 import "../chunk-Y5GD2FJA.js";
 import "../chunk-MBZ55T2D.js";
-import "../chunk-2IKT6IHB.js";
+import "../chunk-SZ47M32R.js";
 import "../chunk-B4AE3DCA.js";
 import "../chunk-FP3Y5JJN.js";
 import "../chunk-5IFPG6TS.js";

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

@@ -6036,8 +6036,12 @@ var import_clsx42 = __toESM(require("clsx"), 1);
 var import_react39 = require("react");
 var import_jsx_runtime65 = require("react/jsx-runtime");
 
-// src/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.tsx
+// src/components/EmblaCarousel/index.tsx
+var import_embla_carousel_react = __toESM(require("embla-carousel-react"), 1);
 var import_jsx_runtime66 = require("react/jsx-runtime");
+
+// src/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.tsx
+var import_jsx_runtime67 = require("react/jsx-runtime");
 function ColumnSelectorMenuOption({
   id,
   testid,
@@ -6046,7 +6050,7 @@ function ColumnSelectorMenuOption({
 }) {
   const [isVisible, setIsVisible] = (0, import_react40.useState)(column.getIsVisible());
   const label = typeof column.columnDef.header === "string" ? column.columnDef.header : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(MenuOption, { id, testid, defaultChecked: isVisible, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(MenuOption, { id, testid, defaultChecked: isVisible, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
     Checkbox,
     {
       id: id ? `${id}-checkbox` : void 0,

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

@@ -632,6 +632,9 @@
   .m-4 {
     margin: calc(var(--spacing) * 4);
   }
+  .m-auto {
+    margin: auto;
+  }
   .m-mobile-container-padding {
     margin: var(--spacing-mobile-container-padding);
   }
@@ -1031,6 +1034,14 @@
   .cursor-pointer {
     cursor: pointer;
   }
+  .touch-pan-y {
+    --tw-pan-y: pan-y;
+    touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
+  }
+  .touch-pinch-zoom {
+    --tw-pinch-zoom: pinch-zoom;
+    touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
+  }
   .resize {
     resize: both;
   }
@@ -5254,6 +5265,9 @@ body {
 @property --tw-rotate-z { syntax: "*"; inherits: false; }
 @property --tw-skew-x { syntax: "*"; inherits: false; }
 @property --tw-skew-y { syntax: "*"; inherits: false; }
+@property --tw-pan-x { syntax: "*"; inherits: false; }
+@property --tw-pan-y { syntax: "*"; inherits: false; }
+@property --tw-pinch-zoom { syntax: "*"; inherits: false; }
 @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
 @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
 @property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@@ -5328,6 +5342,9 @@ body {
       --tw-rotate-z: initial;
       --tw-skew-x: initial;
       --tw-skew-y: initial;
+      --tw-pan-x: initial;
+      --tw-pan-y: initial;
+      --tw-pinch-zoom: initial;
       --tw-space-y-reverse: 0;
       --tw-space-x-reverse: 0;
       --tw-divide-x-reverse: 0;

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

@@ -1,16 +1,17 @@
 import {
   ColumnSelectorMenuOption
-} from "../../../chunk-UIF3AIAT.js";
+} from "../../../chunk-ILHEM6BK.js";
 import "../../../chunk-WJJB7IJZ.js";
-import "../../../chunk-M7INAUAJ.js";
 import "../../../chunk-Q4YDNW7N.js";
-import "../../../chunk-GQDUOL5Y.js";
+import "../../../chunk-M7INAUAJ.js";
+import "../../../chunk-C5DKGJ4E.js";
+import "../../../chunk-2IKT6IHB.js";
 import "../../../chunk-YCDDBSVU.js";
 import "../../../chunk-3X3Y4TMS.js";
 import "../../../chunk-BQNPOGD5.js";
 import "../../../chunk-Y5GD2FJA.js";
 import "../../../chunk-MBZ55T2D.js";
-import "../../../chunk-2IKT6IHB.js";
+import "../../../chunk-SZ47M32R.js";
 import "../../../chunk-B4AE3DCA.js";
 import "../../../chunk-FP3Y5JJN.js";
 import "../../../chunk-5IFPG6TS.js";

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

@@ -5958,9 +5958,13 @@ var import_clsx42 = __toESM(require("clsx"), 1);
 var import_react38 = require("react");
 var import_jsx_runtime64 = require("react/jsx-runtime");
 
+// src/components/EmblaCarousel/index.tsx
+var import_embla_carousel_react = __toESM(require("embla-carousel-react"), 1);
+var import_jsx_runtime65 = require("react/jsx-runtime");
+
 // src/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.tsx
 var import_react39 = require("react");
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 function ColumnSelectorMenuOption({
   id,
   testid,
@@ -5969,7 +5973,7 @@ function ColumnSelectorMenuOption({
 }) {
   const [isVisible, setIsVisible] = (0, import_react39.useState)(column.getIsVisible());
   const label = typeof column.columnDef.header === "string" ? column.columnDef.header : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(MenuOption, { id, testid, defaultChecked: isVisible, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(MenuOption, { id, testid, defaultChecked: isVisible, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
     Checkbox,
     {
       id: id ? `${id}-checkbox` : void 0,
@@ -5985,7 +5989,7 @@ function ColumnSelectorMenuOption({
 }
 
 // src/components/DataGrid/ColumnSelectorHeaderCell/index.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 function ColumnSelectorHeaderCell({
   id,
   testid,
@@ -5995,7 +5999,7 @@ function ColumnSelectorHeaderCell({
 }) {
   const ref = (0, import_react40.useRef)(null);
   const [show, setShow] = (0, import_react40.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
     DataGridCell,
     {
       id,
@@ -6005,7 +6009,7 @@ function ColumnSelectorHeaderCell({
       color: "text-secondary-normal",
       ref,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
           Button,
           {
             id: id ? `${id}-button` : void 0,
@@ -6013,10 +6017,10 @@ function ColumnSelectorHeaderCell({
             onClick: () => setShow((prev) => !prev),
             variant: "navigation",
             iconOnly: true,
-            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon, { name: "tune" })
+            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Icon, { name: "tune" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
           Menu,
           {
             id: id ? `${id}-menu` : void 0,
@@ -6027,7 +6031,7 @@ function ColumnSelectorHeaderCell({
             setShow,
             calculateMinMaxHeight: true,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
                 Button,
                 {
                   id: id ? `${id}-reset-button` : void 0,
@@ -6043,7 +6047,7 @@ function ColumnSelectorHeaderCell({
               table.getAllColumns().filter((x) => {
                 var _a;
                 return (_a = x.columnDef.meta) == null ? void 0 : _a.inVisibilityMenu;
-              }).map((column) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+              }).map((column) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
                 ColumnSelectorMenuOption,
                 {
                   id: id ? `${id}-option-${column.id}` : void 0,

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

@@ -632,6 +632,9 @@
   .m-4 {
     margin: calc(var(--spacing) * 4);
   }
+  .m-auto {
+    margin: auto;
+  }
   .m-mobile-container-padding {
     margin: var(--spacing-mobile-container-padding);
   }
@@ -1031,6 +1034,14 @@
   .cursor-pointer {
     cursor: pointer;
   }
+  .touch-pan-y {
+    --tw-pan-y: pan-y;
+    touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
+  }
+  .touch-pinch-zoom {
+    --tw-pinch-zoom: pinch-zoom;
+    touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
+  }
   .resize {
     resize: both;
   }
@@ -5254,6 +5265,9 @@ body {
 @property --tw-rotate-z { syntax: "*"; inherits: false; }
 @property --tw-skew-x { syntax: "*"; inherits: false; }
 @property --tw-skew-y { syntax: "*"; inherits: false; }
+@property --tw-pan-x { syntax: "*"; inherits: false; }
+@property --tw-pan-y { syntax: "*"; inherits: false; }
+@property --tw-pinch-zoom { syntax: "*"; inherits: false; }
 @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
 @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
 @property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@@ -5328,6 +5342,9 @@ body {
       --tw-rotate-z: initial;
       --tw-skew-x: initial;
       --tw-skew-y: initial;
+      --tw-pan-x: initial;
+      --tw-pan-y: initial;
+      --tw-pinch-zoom: initial;
       --tw-space-y-reverse: 0;
       --tw-space-x-reverse: 0;
       --tw-divide-x-reverse: 0;

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

@@ -1,16 +1,17 @@
 import {
   ColumnSelectorHeaderCell
-} from "../../../chunk-UIF3AIAT.js";
+} from "../../../chunk-ILHEM6BK.js";
 import "../../../chunk-WJJB7IJZ.js";
-import "../../../chunk-M7INAUAJ.js";
 import "../../../chunk-Q4YDNW7N.js";
-import "../../../chunk-GQDUOL5Y.js";
+import "../../../chunk-M7INAUAJ.js";
+import "../../../chunk-C5DKGJ4E.js";
+import "../../../chunk-2IKT6IHB.js";
 import "../../../chunk-YCDDBSVU.js";
 import "../../../chunk-3X3Y4TMS.js";
 import "../../../chunk-BQNPOGD5.js";
 import "../../../chunk-Y5GD2FJA.js";
 import "../../../chunk-MBZ55T2D.js";
-import "../../../chunk-2IKT6IHB.js";
+import "../../../chunk-SZ47M32R.js";
 import "../../../chunk-B4AE3DCA.js";
 import "../../../chunk-FP3Y5JJN.js";
 import "../../../chunk-5IFPG6TS.js";