@dmsi/wedgekit-react 0.0.916 → 0.0.917

package/dist/components/EmblaCarousel/index.js

@@ -1,8 +1,8 @@
 import {
   EmblaCarousel,
   EmblaCarousel_default
-} from "../../chunk-3N34VVYD.js";
-import "../../chunk-YV5FS7NV.js";
+} from "../../chunk-ZACRFGND.js";
+import "../../chunk-7IPESTQS.js";
 import "../../chunk-Z2HPSFEQ.js";
 import "../../chunk-WVGXD7HT.js";
 import "../../chunk-ORMEWXMH.js";

package/dist/components/MobileDataGrid/ColumnList.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/MobileDataGrid/ColumnSelector/index.cjs

@@ -6178,6 +6178,7 @@ var import_jsx_runtime65 = require("react/jsx-runtime");
 // src/components/EmblaCarousel/index.tsx
 var import_react42 = 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");
@@ -6189,13 +6190,14 @@ var import_react40 = require("react");
 var import_clsx44 = __toESM(require("clsx"), 1);
 var import_jsx_runtime67 = require("react/jsx-runtime");
 var arrowButtonStyles = (0, import_clsx44.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_react41 = require("react");
 
 // src/components/EmblaCarousel/index.tsx
+var import_clsx45 = __toESM(require("clsx"), 1);
 var import_jsx_runtime68 = require("react/jsx-runtime");
 
 // src/components/MobileDataGrid/ColumnSelector/index.tsx

package/dist/components/MobileDataGrid/ColumnSelector/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/MobileDataGrid/ColumnSelector/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/MobileDataGrid/MobileDataGridHeader.cjs

@@ -6422,6 +6422,7 @@ var import_jsx_runtime64 = require("react/jsx-runtime");
 // src/components/EmblaCarousel/index.tsx
 var import_react42 = 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");
@@ -6433,13 +6434,14 @@ var import_react40 = require("react");
 var import_clsx44 = __toESM(require("clsx"), 1);
 var import_jsx_runtime66 = require("react/jsx-runtime");
 var arrowButtonStyles = (0, import_clsx44.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_react41 = require("react");
 
 // src/components/EmblaCarousel/index.tsx
+var import_clsx45 = __toESM(require("clsx"), 1);
 var import_jsx_runtime67 = require("react/jsx-runtime");
 
 // src/components/MobileDataGrid/ColumnSelector/index.tsx

package/dist/components/MobileDataGrid/MobileDataGridHeader.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/MobileDataGrid/MobileDataGridHeader.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/MobileDataGrid/index.cjs

@@ -5953,6 +5953,7 @@ var import_jsx_runtime52 = require("react/jsx-runtime");
 // src/components/EmblaCarousel/index.tsx
 var import_react39 = 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_runtime53 = require("react/jsx-runtime");
@@ -5964,13 +5965,14 @@ var import_react37 = require("react");
 var import_clsx37 = __toESM(require("clsx"), 1);
 var import_jsx_runtime54 = require("react/jsx-runtime");
 var arrowButtonStyles = (0, import_clsx37.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_react38 = require("react");
 
 // src/components/EmblaCarousel/index.tsx
+var import_clsx38 = __toESM(require("clsx"), 1);
 var import_jsx_runtime55 = require("react/jsx-runtime");
 
 // src/components/MobileDataGrid/ColumnSelector/index.tsx
@@ -6273,11 +6275,11 @@ function GridContextProvider(props) {
 }
 
 // src/components/Modal.tsx
-var import_clsx42 = __toESM(require("clsx"), 1);
+var import_clsx43 = __toESM(require("clsx"), 1);
 var import_react43 = require("react");
 
 // src/components/ModalHeader.tsx
-var import_clsx38 = __toESM(require("clsx"), 1);
+var import_clsx39 = __toESM(require("clsx"), 1);
 var import_jsx_runtime59 = require("react/jsx-runtime");
 var ModalHeader = ({
   title,
@@ -6297,7 +6299,7 @@ var ModalHeader = ({
     {
       id,
       "data-testid": testid,
-      className: (0, import_clsx38.default)(
+      className: (0, import_clsx39.default)(
         "flex justify-between items-center",
         headerIconAlign === "center" && "justify-center",
         headerIconAlign === "right" && "justify-end",
@@ -6307,7 +6309,7 @@ var ModalHeader = ({
         headerClassname
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: (0, import_clsx38.default)("flex items-center flex-1", layoutGroupGap), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: (0, import_clsx39.default)("flex items-center flex-1", layoutGroupGap), children: [
           headerIcon,
           title && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
             Title,
@@ -6330,7 +6332,7 @@ var ModalHeader = ({
             leftIcon: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
               "span",
               {
-                className: (0, import_clsx38.default)(
+                className: (0, import_clsx39.default)(
                   "contents",
                   headerIconClassname != null ? headerIconClassname : "text-icon-primary-normal"
                 ),
@@ -6346,7 +6348,7 @@ var ModalHeader = ({
 ModalHeader.displayName = "ModalHeader";
 
 // src/components/ModalContent.tsx
-var import_clsx39 = __toESM(require("clsx"), 1);
+var import_clsx40 = __toESM(require("clsx"), 1);
 var import_jsx_runtime60 = require("react/jsx-runtime");
 function ModalContent({
   fixedHeightScrolling,
@@ -6359,7 +6361,7 @@ function ModalContent({
     {
       id,
       "data-testid": testid,
-      className: (0, import_clsx39.default)(
+      className: (0, import_clsx40.default)(
         "flex-grow desktop:flex-grow-0",
         layoutPaddding,
         fixedHeightScrolling && "overflow-auto"
@@ -6371,7 +6373,7 @@ function ModalContent({
 ModalContent.displayName = "ModalContent";
 
 // src/components/ModalButtons.tsx
-var import_clsx40 = __toESM(require("clsx"), 1);
+var import_clsx41 = __toESM(require("clsx"), 1);
 var import_jsx_runtime61 = require("react/jsx-runtime");
 var ModalButtons = ({
   onClose,
@@ -6386,7 +6388,7 @@ var ModalButtons = ({
     {
       id,
       "data-testid": testid,
-      className: (0, import_clsx40.default)(
+      className: (0, import_clsx41.default)(
         "border-t border-neutral-300 flex justify-end",
         mobileButtonStack && "flex-col ",
         layoutPaddding,
@@ -6424,7 +6426,7 @@ var ModalButtons = ({
 ModalButtons.displayName = "ModalButtons";
 
 // src/components/ModalScrim.tsx
-var import_clsx41 = __toESM(require("clsx"), 1);
+var import_clsx42 = __toESM(require("clsx"), 1);
 var import_jsx_runtime62 = require("react/jsx-runtime");
 var ModalScrim = ({
   show = false,
@@ -6440,7 +6442,7 @@ var ModalScrim = ({
     {
       id,
       "data-testid": testid,
-      className: (0, import_clsx41.default)(
+      className: (0, import_clsx42.default)(
         "overflow-y-auto h-dvh transition-[visibility,opacity,background] ease-in-out duration-100 grid place-content-center group bg-neutral-600/50 fixed opacity-0",
         !show && " pointer-events-none",
         size === "small" && "p-4",
@@ -6661,7 +6663,7 @@ var Modal = ({
             id,
             "data-testid": testid,
             ref: modalRef,
-            className: (0, import_clsx42.default)(
+            className: (0, import_clsx43.default)(
               "shadow-md rounded-sm flex flex-col overflow-hidden w-full opacity-0",
               computedFixedHeightScrolling && size !== "screen" && "desktop:max-h-[calc(100vh-32px)] desktop:h-auto",
               className,
@@ -6836,10 +6838,10 @@ function RowDetailModalProvider() {
 }
 
 // src/components/MobileDataGrid/ColumnList.tsx
-var import_clsx44 = __toESM(require("clsx"), 1);
+var import_clsx45 = __toESM(require("clsx"), 1);
 
 // src/components/MobileDataGrid/MobileDataGridCard/index.tsx
-var import_clsx43 = __toESM(require("clsx"), 1);
+var import_clsx44 = __toESM(require("clsx"), 1);
 var import_jsx_runtime67 = require("react/jsx-runtime");
 function MobileDataGridCard({
   renderLink,
@@ -6857,7 +6859,7 @@ function MobileDataGridCard({
     {
       id: id ? `${id}-card-${getId(data)}` : void 0,
       "data-testid": testid ? `${testid}-card-${getId(data)}` : void 0,
-      className: (0, import_clsx43.default)(
+      className: (0, import_clsx44.default)(
         "flex flex-col",
         "hover:bg-action-100 cursor-pointer list-none",
         selected ? "bg-action-100" : "bg-background-grouped-primary-normal",
@@ -6980,7 +6982,7 @@ function ColumnList(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
     "div",
     {
-      className: (0, import_clsx44.default)(
+      className: (0, import_clsx45.default)(
         "flex flex-col flex-1 relative overflow-y-auto overflow-x-hidden",
         !!Footer && "mb-20"
       ),
@@ -6989,7 +6991,7 @@ function ColumnList(props) {
         {
           id,
           "data-testid": testid,
-          className: (0, import_clsx44.default)(
+          className: (0, import_clsx45.default)(
             "rounded absolute top-0 left-0 w-full flex-1",
             empty && "!rounded-t-none",
             "divide-y divide-border-primary-normal",
@@ -6999,7 +7001,7 @@ function ColumnList(props) {
             empty ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
               "div",
               {
-                className: (0, import_clsx44.default)(
+                className: (0, import_clsx45.default)(
                   "flex flex-col items-center justify-center",
                   componentGap,
                   componentPadding

package/dist/components/MobileDataGrid/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/MobileDataGrid/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";