@moneyforward/mfui-components 3.6.0 → 3.8.0

package/dist/styles.css

@@ -252,7 +252,9 @@
   --mfui-sizes-mfui\.layout\.area\.horizontal\.floating-default: 448px;
   --mfui-sizes-mfui\.layout\.area\.horizontal\.fixed: 588px;
   --mfui-sizes-mfui\.layout\.area\.vertical\.global-header: 48px;
-                                                                        --mfui-sizes-mfui\.layout\.grid\.scale\.vertical\.1-1of4: 30px;
+                                                --mfui-sizes-mfui\.layout\.grid\.scale\.vertical\.2: 48px;
+          --mfui-sizes-mfui\.layout\.grid\.scale\.vertical\.0-1of3: 8px;
+              --mfui-sizes-mfui\.layout\.grid\.scale\.vertical\.1-1of4: 30px;
           --mfui-sizes-mfui\.layout\.safe-area\.edge\.horizontal: 49px;
   --mfui-sizes-mfui\.layout\.safe-area\.edge\.vertical: 48px;
               --mfui-sizes-mfui\.size\.dimension\.control-component\.height\.comfort: 32px;
@@ -260,9 +262,9 @@
   --mfui-sizes-mfui\.size\.dimension\.control-component\.height\.impact: 48px;
   --mfui-sizes-mfui\.size\.dimension\.control-container\.height\.comfort: 48px;
       --mfui-sizes-mfui\.size\.dimension\.header\.height\.comfort: 48px;
-      --mfui-sizes-mfui\.size\.dimension\.data-grid-cell\.height\.comfort: 48px;
-  --mfui-sizes-mfui\.size\.dimension\.data-grid-cell\.height\.condensed: 32px;
-    --mfui-sizes-mfui\.size\.dimension\.data-grid-disclosure-inidicator\.width\.comfort: 21px;
+      --mfui-sizes-mfui\.size\.dimension\.data-table-cell\.height\.comfort: 48px;
+  --mfui-sizes-mfui\.size\.dimension\.data-table-cell\.height\.condensed: 32px;
+    --mfui-sizes-mfui\.size\.dimension\.data-table-disclosure-inidicator\.width\.comfort: 21px;
             --mfui-sizes-mfui\.size\.dimension\.badge\.diameter\.comfort: 7px;
       --mfui-sizes-mfui\.size\.dimension\.icon\.square\.comfort: 18px;
   --mfui-sizes-mfui\.size\.dimension\.icon\.square\.condensed: 14px;
@@ -307,10 +309,10 @@
       --mfui-spacing-mfui\.size\.padding\.main-content\.horizontal\.comfort: 14px;
       --mfui-spacing-mfui\.size\.padding\.main-content\.top\.comfort: 12px;
       --mfui-spacing-mfui\.size\.padding\.main-content\.bottom\.comfort: 48px;
-                        --mfui-spacing-mfui\.size\.padding\.data-grid-cell\.horizontal\.comfort: 7px;
-  --mfui-spacing-mfui\.size\.padding\.data-grid-cell\.horizontal\.condensed: 7px;
-                                  --mfui-spacing-mfui\.size\.padding\.data-grid-cell\.vertical\.comfort: 12px;
-  --mfui-spacing-mfui\.size\.padding\.data-grid-cell\.vertical\.condensed: 4px;
+                        --mfui-spacing-mfui\.size\.padding\.data-table-cell\.horizontal\.comfort: 7px;
+  --mfui-spacing-mfui\.size\.padding\.data-table-cell\.horizontal\.condensed: 7px;
+                                  --mfui-spacing-mfui\.size\.padding\.data-table-cell\.vertical\.comfort: 12px;
+  --mfui-spacing-mfui\.size\.padding\.data-table-cell\.vertical\.condensed: 4px;
     --mfui-spacing-mfui\.size\.padding\.display-table-cell\.horizontal\.comfort: 14px;
       --mfui-spacing-mfui\.size\.padding\.display-table-cell\.horizontal-indent-1\.comfort: 28px;
       --mfui-spacing-mfui\.size\.padding\.display-table-cell\.horizontal-indent-2\.comfort: 42px;
@@ -491,12 +493,7 @@
   color: var(--mfui-colors-mfui\.color\.neutral\.content\.pressed);
 }
 
-.mfui-iTZtNc:is(:focus-visible, [data-focus-visible]) {
-  color: var(--mfui-colors-mfui\.color\.neutral\.content\.hovered);
-  background-color: var(--mfui-colors-mfui\.color\.base\.background\.hovered);
-}
-
-.mfui-iTZtNc:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
+.mfui-iTZtNc:is(:focus-visible, [data-focus-visible]),.mfui-iTZtNc:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
   color: var(--mfui-colors-mfui\.color\.neutral\.content\.hovered);
   background-color: var(--mfui-colors-mfui\.color\.base\.background\.hovered);
 }
@@ -548,11 +545,7 @@
   color: var(--mfui-colors-mfui\.color\.link\.content\.none);
 }
 
-.mfui-fNikSU:is(:focus-visible, [data-focus-visible]) {
-  color: var(--mfui-colors-mfui\.color\.link\.content\.hovered);
-}
-
-.mfui-fNikSU:is(:hover, [data-hover]) {
+.mfui-fNikSU:is(:focus-visible, [data-focus-visible]),.mfui-fNikSU:is(:hover, [data-hover]) {
   color: var(--mfui-colors-mfui\.color\.link\.content\.hovered);
 }
 
@@ -797,12 +790,7 @@
   color: var(--mfui-colors-mfui\.color\.base\.content\.pressed);
 }
 
-.mfui-dHwbKW:has(input[type="checkbox"]:disabled) [data-mfui-content="checkbox-icon"] {
-  cursor: not-allowed;
-  color: var(--mfui-colors-mfui\.color\.disabled\.content);
-}
-
-.mfui-dHwbKW:has(input[type="checkbox"]:disabled) [data-mfui-content="checkbox-label"] {
+.mfui-dHwbKW:has(input[type="checkbox"]:disabled) [data-mfui-content="checkbox-icon"],.mfui-dHwbKW:has(input[type="checkbox"]:disabled) [data-mfui-content="checkbox-label"] {
   cursor: not-allowed;
   color: var(--mfui-colors-mfui\.color\.disabled\.content);
 }
@@ -1028,12 +1016,7 @@
   color: var(--mfui-colors-mfui\.color\.base\.content\.pressed);
 }
 
-.mfui-kOrvAm:has(input[type="radio"]:disabled) [data-mfui-content="radio-button-icon"] {
-  cursor: not-allowed;
-  color: var(--mfui-colors-mfui\.color\.disabled\.content);
-}
-
-.mfui-kOrvAm:has(input[type="radio"]:disabled) [data-mfui-content="radio-button-label"] {
+.mfui-kOrvAm:has(input[type="radio"]:disabled) [data-mfui-content="radio-button-icon"],.mfui-kOrvAm:has(input[type="radio"]:disabled) [data-mfui-content="radio-button-label"] {
   cursor: not-allowed;
   color: var(--mfui-colors-mfui\.color\.disabled\.content);
 }
@@ -1308,11 +1291,7 @@
   background-color: var(--mfui-colors-mfui\.color\.disabled\.background);
 }
 
-.mfui-eaWFxK:is(:disabled, [disabled], [data-disabled], [aria-disabled=true])[data-placeholder="true"] > [data-mfui-content="select-box-trigger-display-value"] {
-  color: var(--mfui-colors-mfui\.color\.disabled\.content);
-}
-
-.mfui-eaWFxK:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) > svg {
+.mfui-eaWFxK:is(:disabled, [disabled], [data-disabled], [aria-disabled=true])[data-placeholder="true"] > [data-mfui-content="select-box-trigger-display-value"],.mfui-eaWFxK:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) > svg {
   color: var(--mfui-colors-mfui\.color\.disabled\.content);
 }
 
@@ -1320,11 +1299,7 @@
   border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.none);
 }
 
-.mfui-eaWFxK[aria-invalid="true"]:is(:focus-visible, [data-focus-visible]) {
-  border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.hovered);
-}
-
-.mfui-eaWFxK[aria-invalid="true"]:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
+.mfui-eaWFxK[aria-invalid="true"]:is(:focus-visible, [data-focus-visible]),.mfui-eaWFxK[aria-invalid="true"]:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
   border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.hovered);
 }
 
@@ -1623,12 +1598,7 @@
   color: var(--mfui-colors-mfui\.color\.base\.inverted-content\.pressed);
 }
 
-.mfui-iQsAuC:is(:focus-visible, [data-focus-visible]) {
-  background-color: var(--mfui-colors-mfui\.color\.primary\.background\.hovered);
-  color: var(--mfui-colors-mfui\.color\.base\.inverted-content\.hovered);
-}
-
-.mfui-iQsAuC:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
+.mfui-iQsAuC:is(:focus-visible, [data-focus-visible]),.mfui-iQsAuC:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
   background-color: var(--mfui-colors-mfui\.color\.primary\.background\.hovered);
   color: var(--mfui-colors-mfui\.color\.base\.inverted-content\.hovered);
 }
@@ -1687,12 +1657,7 @@
   color: var(--mfui-colors-mfui\.color\.base\.inverted-content\.none);
 }
 
-.mfui-kMNTIh[data-mfui-current="page"]:is(:hover, [data-hover]) {
-  background-color: var(--mfui-colors-mfui\.color\.selected\.content\.hovered);
-  color: var(--mfui-colors-mfui\.color\.base\.inverted-content\.hovered);
-}
-
-.mfui-kMNTIh[data-mfui-current="page"]:is(:focus-visible, [data-focus-visible]) {
+.mfui-kMNTIh[data-mfui-current="page"]:is(:hover, [data-hover]),.mfui-kMNTIh[data-mfui-current="page"]:is(:focus-visible, [data-focus-visible]) {
   background-color: var(--mfui-colors-mfui\.color\.selected\.content\.hovered);
   color: var(--mfui-colors-mfui\.color\.base\.inverted-content\.hovered);
 }
@@ -1784,12 +1749,10 @@
 }
 
 .mfui-blZBQj:is(:focus-visible, [data-focus-visible]) {
-  background-color: var(--mfui-colors-mfui\.color\.dark-accent\.background\.hovered);
-  color: var(--mfui-colors-mfui\.color\.dark-accent\.content\.hovered);
   z-index: 1;
 }
 
-.mfui-blZBQj:is(:hover, [data-hover]) {
+.mfui-blZBQj:is(:focus-visible, [data-focus-visible]),.mfui-blZBQj:is(:hover, [data-hover]) {
   background-color: var(--mfui-colors-mfui\.color\.dark-accent\.background\.hovered);
   color: var(--mfui-colors-mfui\.color\.dark-accent\.content\.hovered);
 }
@@ -1811,6 +1774,20 @@
   height: var(--mfui-sizes-mfui\.size\.dimension\.icon\.square\.comfort);
 }
 
+.mfui-jsaEqi {
+  padding-inline: var(--mfui-spacing-mfui\.size\.padding\.container\.horizontal\.comfort);
+  border-bottom: 1px solid;
+  border-color: var(--mfui-colors-mfui\.color\.dark-accent\.border\.none);
+  display: flex;
+  padding-block-start: var(--mfui-sizes-mfui\.layout\.grid\.scale\.vertical\.2);
+  padding-block-end: calc(var(--mfui-sizes-mfui\.layout\.grid\.scale\.vertical\.0-1of3) - 1px);
+}
+
+.mfui-gmJOED {
+  color: var(--mfui-colors-mfui\.color\.dark-accent\.content\.none);
+  overflow-wrap: anywhere;
+}
+
 .mfui-iXDdvS {
   list-style: none;
 }
@@ -1907,12 +1884,7 @@
   height: 24px;
 }
 
-.mfui-cNSwbb:is(:focus-visible, [data-focus-visible]) {
-  background-color: var(--mfui-colors-mfui\.color\.dark-accent\.background\.hovered);
-  color: var(--mfui-colors-mfui\.color\.dark-accent\.content\.hovered);
-}
-
-.mfui-cNSwbb:is(:hover, [data-hover]) {
+.mfui-cNSwbb:is(:focus-visible, [data-focus-visible]),.mfui-cNSwbb:is(:hover, [data-hover]) {
   background-color: var(--mfui-colors-mfui\.color\.dark-accent\.background\.hovered);
   color: var(--mfui-colors-mfui\.color\.dark-accent\.content\.hovered);
 }
@@ -2002,12 +1974,7 @@
   color: var(--mfui-colors-mfui\.color\.base\.inverted-content\.pressed);
 }
 
-.mfui-dwJHDM:is(:focus-visible, [data-focus-visible]) {
-  background-color: var(--mfui-colors-mfui\.color\.primary\.background\.hovered);
-  color: var(--mfui-colors-mfui\.color\.base\.inverted-content\.hovered);
-}
-
-.mfui-dwJHDM:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
+.mfui-dwJHDM:is(:focus-visible, [data-focus-visible]),.mfui-dwJHDM:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
   background-color: var(--mfui-colors-mfui\.color\.primary\.background\.hovered);
   color: var(--mfui-colors-mfui\.color\.base\.inverted-content\.hovered);
 }
@@ -2141,12 +2108,10 @@
 }
 
 .mfui-dmiPCx:is(:focus, [data-focus]) {
-  background-color: var(--mfui-colors-mfui\.color\.dark-accent\.background\.hovered);
-  color: var(--mfui-colors-mfui\.color\.dark-accent\.content\.hovered);
   z-index: 1;
 }
 
-.mfui-dmiPCx:is(:hover, [data-hover]) {
+.mfui-dmiPCx:is(:focus, [data-focus]),.mfui-dmiPCx:is(:hover, [data-hover]) {
   background-color: var(--mfui-colors-mfui\.color\.dark-accent\.background\.hovered);
   color: var(--mfui-colors-mfui\.color\.dark-accent\.content\.hovered);
 }
@@ -2168,6 +2133,19 @@
   height: var(--mfui-sizes-mfui\.size\.dimension\.icon\.square\.comfort);
 }
 
+.mfui-iMbGRc {
+  padding-inline: var(--mfui-spacing-mfui\.size\.padding\.container\.horizontal\.comfort);
+  border-bottom: 1px solid;
+  border-color: var(--mfui-colors-mfui\.color\.dark-accent\.border\.none);
+  padding-block-start: var(--mfui-sizes-mfui\.layout\.grid\.scale\.vertical\.2);
+  padding-block-end: var(--mfui-sizes-mfui\.layout\.grid\.scale\.vertical\.0-1of3);
+}
+
+.mfui-gkzbmJ {
+  color: var(--mfui-colors-mfui\.color\.dark-accent\.content\.none);
+  overflow-wrap: anywhere;
+}
+
 .mfui-eyCsIU {
   list-style: none;
 }
@@ -2365,11 +2343,7 @@
   height: 28px;
 }
 
-.group:is(:focus-visible, [data-focus-visible]) .mfui-eawtwj {
-  border-color: var(--mfui-colors-mfui\.color\.selected\.border\.hovered);
-}
-
-.group:is(:hover, [data-hover]) .mfui-eawtwj {
+.group:is(:focus-visible, [data-focus-visible]) .mfui-eawtwj,.group:is(:hover, [data-hover]) .mfui-eawtwj {
   border-color: var(--mfui-colors-mfui\.color\.selected\.border\.hovered);
 }
 
@@ -2381,11 +2355,7 @@
   color: var(--mfui-colors-mfui\.color\.base\.content\.none);
 }
 
-.group:is(:focus-visible, [data-focus-visible]) .mfui-jantho {
-  color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
-}
-
-.group:is(:hover, [data-hover]) .mfui-jantho {
+.group:is(:focus-visible, [data-focus-visible]) .mfui-jantho,.group:is(:hover, [data-hover]) .mfui-jantho {
   color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
 }
 
@@ -2575,11 +2545,7 @@
   max-width: 100%;
 }
 
-.group:is(:focus-visible, [data-focus-visible]) .mfui-gSmMrT {
-  color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
-}
-
-.group:is(:hover, [data-hover]) .mfui-gSmMrT {
+.group:is(:focus-visible, [data-focus-visible]) .mfui-gSmMrT,.group:is(:hover, [data-hover]) .mfui-gSmMrT {
   color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
 }
 
@@ -2739,19 +2705,19 @@
   top: 50%;
 }
 
-.mfui-kWfCOT {
+.mfui-dDOVnx {
   vertical-align: top;
 }
 
-.mfui-kWfCOT:first-child {
+.mfui-dDOVnx:first-child {
   padding-left: var(--mfui-spacing-mfui\.size\.padding\.container\.horizontal\.comfort);
 }
 
-.mfui-kWfCOT:last-child {
+.mfui-dDOVnx:last-child {
   padding-right: var(--mfui-spacing-mfui\.size\.padding\.container\.horizontal\.comfort);
 }
 
-.mfui-kNyydk,.mfui-cJiown {
+.mfui-hYiFZu,.mfui-fUSGoR {
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
@@ -2762,53 +2728,47 @@
   width: 100%;
 }
 
-.mfui-cJiown {
+.mfui-fUSGoR {
   cursor: pointer;
 }
 
-.mfui-cJiown:is(:focus, [data-focus]) {
+.mfui-fUSGoR:is(:focus, [data-focus]),.mfui-fUSGoR:is(:hover, [data-hover]) {
   border-color: var(--mfui-colors-mfui\.color\.neutral\.thin-border\.hovered);
   color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
   background-color: var(--mfui-colors-mfui\.color\.base\.background\.hovered);
 }
 
-.mfui-cJiown:is(:hover, [data-hover]) {
-  border-color: var(--mfui-colors-mfui\.color\.neutral\.thin-border\.hovered);
-  color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
-  background-color: var(--mfui-colors-mfui\.color\.base\.background\.hovered);
-}
-
-.mfui-cJiown:is(:active, [data-active]) {
+.mfui-fUSGoR:is(:active, [data-active]) {
   border-color: var(--mfui-colors-mfui\.color\.neutral\.thin-border\.pressed);
   color: var(--mfui-colors-mfui\.color\.base\.content\.pressed);
   background-color: var(--mfui-colors-mfui\.color\.base\.background\.pressed);
 }
 
-.mfui-bKSIri {
+.mfui-hsfdKA {
   place-items: center;
   display: grid;
   flex-shrink: 0;
   height: 24px;
-  width: var(--mfui-sizes-mfui\.size\.dimension\.data-grid-disclosure-inidicator\.width\.comfort);
+  width: var(--mfui-sizes-mfui\.size\.dimension\.data-table-disclosure-inidicator\.width\.comfort);
 }
 
-.mfui-bKSIri > svg {
+.mfui-hsfdKA > svg {
   width: var(--mfui-sizes-mfui\.size\.dimension\.icon\.square\.comfort);
   height: var(--mfui-sizes-mfui\.size\.dimension\.icon\.square\.comfort);
 }
 
-.mfui-etTIKv {
-  min-width: var(--mfui-sizes-mfui\.size\.dimension\.data-grid-disclosure-inidicator\.width\.comfort);
+.mfui-cpiGBN {
+  min-width: var(--mfui-sizes-mfui\.size\.dimension\.data-table-disclosure-inidicator\.width\.comfort);
 }
 
-.mfui-hrJUxa {
-  padding-inline: var(--mfui-spacing-mfui\.size\.padding\.data-grid-cell\.horizontal\.comfort);
+.mfui-eHfYTg {
+  padding-inline: var(--mfui-spacing-mfui\.size\.padding\.data-table-cell\.horizontal\.comfort);
   padding-block: 5px;
   margin-block: var(--mfui-spacing-mfui\.size\.padding\.display-table-cell\.vertical\.comfort);
   height: 24px;
 }
 
-.mfui-fXPtIg {
+.mfui-kKZIFS {
   overflow: auto;
   position: relative;
   z-index: 0;
@@ -2817,14 +2777,14 @@
   max-height: 100%;
 }
 
-.mfui-kDyQuJ {
+.mfui-gTPmFP {
   border-collapse: collapse;
   border-spacing: 0;
   width: 100%;
   height: fit-content;
 }
 
-.mfui-dorDPR {
+.mfui-kCEZwb {
   padding-block: var(--mfui-spacing-mfui\.size\.padding\.container\.vertical\.comfort);
   display: flex;
   justify-content: center;
@@ -2832,21 +2792,21 @@
   width: 100%;
 }
 
-.mfui-bUNkzE {
+.mfui-jMpBJi {
   border-color: var(--mfui-colors-mfui\.color\.neutral\.sub-border\.none);
   background-color: var(--mfui-colors-mfui\.color\.neutral\.sub-background\.none);
   border-bottom-style: solid;
 }
 
-.mfui-bUNkzE:first-child {
+.mfui-jMpBJi:first-child {
   padding-left: var(--mfui-spacing-mfui\.size\.padding\.container\.horizontal\.comfort);
 }
 
-.mfui-bUNkzE:last-child {
+.mfui-jMpBJi:last-child {
   padding-right: var(--mfui-spacing-mfui\.size\.padding\.container\.horizontal\.comfort);
 }
 
-.mfui-fLkJJb,.mfui-hHUZii {
+.mfui-bfpAMt,.mfui-hdXyCU {
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
@@ -2857,41 +2817,41 @@
   width: 100%;
 }
 
-.mfui-hHUZii {
+.mfui-hdXyCU {
   cursor: pointer;
 }
 
-.mfui-hHUZii:is(:focus, [data-focus]) {
+.mfui-hdXyCU:is(:focus, [data-focus]) {
   border-color: var(--mfui-colors-mfui\.color\.neutral\.sub-border\.hovered);
   color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
   background-color: var(--mfui-colors-mfui\.color\.neutral\.sub-background\.hovered);
 }
 
-.mfui-hHUZii:is(:focus, [data-focus]) .mfui-DataGridHeaderCell__unsortedIcon {
+.mfui-hdXyCU:is(:focus, [data-focus]) .mfui-DataTableHeaderCell__unsortedIcon {
   color: var(--mfui-colors-mfui\.color\.base\.sub-content\.hovered);
 }
 
-.mfui-hHUZii:is(:hover, [data-hover]) {
+.mfui-hdXyCU:is(:hover, [data-hover]) {
   border-color: var(--mfui-colors-mfui\.color\.neutral\.sub-border\.hovered);
   color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
   background-color: var(--mfui-colors-mfui\.color\.neutral\.sub-background\.hovered);
 }
 
-.mfui-hHUZii:is(:hover, [data-hover]) .mfui-DataGridHeaderCell__unsortedIcon {
+.mfui-hdXyCU:is(:hover, [data-hover]) .mfui-DataTableHeaderCell__unsortedIcon {
   color: var(--mfui-colors-mfui\.color\.base\.sub-content\.hovered);
 }
 
-.mfui-hHUZii:is(:active, [data-active]) {
+.mfui-hdXyCU:is(:active, [data-active]) {
   border-color: var(--mfui-colors-mfui\.color\.neutral\.sub-border\.pressed);
   color: var(--mfui-colors-mfui\.color\.base\.content\.pressed);
   background-color: var(--mfui-colors-mfui\.color\.neutral\.sub-background\.pressed);
 }
 
-.mfui-hHUZii:is(:active, [data-active]) .mfui-DataGridHeaderCell__unsortedIcon {
+.mfui-hdXyCU:is(:active, [data-active]) .mfui-DataTableHeaderCell__unsortedIcon {
   color: var(--mfui-colors-mfui\.color\.base\.sub-content\.pressed);
 }
 
-.mfui-htwugk {
+.mfui-cLQxue {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2900,18 +2860,18 @@
   width: var(--mfui-sizes-mfui\.size\.dimension\.icon\.square\.comfort);
 }
 
-.mfui-jFeZBz {
+.mfui-eYfdJx {
   height: 100%;
   width: 100%;
 }
 
-.mfui-jNttlZ {
+.mfui-gmeZOP {
   color: var(--mfui-colors-mfui\.color\.base\.sub-content\.none);
   height: 100%;
   width: 100%;
 }
 
-.mfui-jAwKhv {
+.mfui-jQQUJR {
   border-color: var(--mfui-colors-mfui\.color\.neutral\.thin-border\.none);
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -2921,7 +2881,7 @@
   border-bottom-width: var(--mfui-border-widths-mfui\.size\.border\.base\.width\.comfort);
 }
 
-.mfui-jAwKhv:last-child {
+.mfui-jQQUJR:last-child {
   border-bottom-width: 0;
 }
 
@@ -3054,11 +3014,7 @@
   margin: 0;
 }
 
-.mfui-gTISfd:is(:focus, [data-focus]) {
-  background-color: var(--mfui-colors-mfui\.color\.base\.background\.hovered);
-}
-
-.mfui-gTISfd:is(:hover, [data-hover]) {
+.mfui-gTISfd:is(:focus, [data-focus]),.mfui-gTISfd:is(:hover, [data-hover]) {
   background-color: var(--mfui-colors-mfui\.color\.base\.background\.hovered);
 }
 
@@ -3491,15 +3447,7 @@
   color: var(--mfui-colors-mfui\.color\.disabled\.content);
 }
 
-.mfui-bVtkrW:has(input[type="checkbox"]:not(:disabled):focus-visible) {
-  color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
-}
-
-.mfui-bVtkrW:has(input[type="checkbox"]:not(:disabled):focus-visible:checked),.mfui-bVtkrW:has(input[type="checkbox"]:not(:disabled):focus-visible:indeterminate) {
-  color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
-}
-
-.mfui-bVtkrW:is(:hover, [data-hover]):has(input[type="checkbox"]:not(:disabled)) {
+.mfui-bVtkrW:has(input[type="checkbox"]:not(:disabled):focus-visible),.mfui-bVtkrW:has(input[type="checkbox"]:not(:disabled):focus-visible:checked),.mfui-bVtkrW:has(input[type="checkbox"]:not(:disabled):focus-visible:indeterminate),.mfui-bVtkrW:is(:hover, [data-hover]):has(input[type="checkbox"]:not(:disabled)) {
   color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
 }
 
@@ -3515,11 +3463,7 @@
   color: var(--mfui-colors-mfui\.color\.selected\.sign\.hovered);
 }
 
-.mfui-bVtkrW:is(:active, [data-active]):has(input[type="checkbox"]:not(:disabled)) {
-  color: var(--mfui-colors-mfui\.color\.base\.content\.pressed);
-}
-
-.mfui-bVtkrW:is(:active, [data-active]):has(input[type="checkbox"]:not(:disabled):checked), .mfui-bVtkrW:is(:active, [data-active]):has(input[type="checkbox"]:not(:disabled):indeterminate) {
+.mfui-bVtkrW:is(:active, [data-active]):has(input[type="checkbox"]:not(:disabled)),.mfui-bVtkrW:is(:active, [data-active]):has(input[type="checkbox"]:not(:disabled):checked), .mfui-bVtkrW:is(:active, [data-active]):has(input[type="checkbox"]:not(:disabled):indeterminate) {
   color: var(--mfui-colors-mfui\.color\.base\.content\.pressed);
 }
 
@@ -3611,15 +3555,7 @@
   color: var(--mfui-colors-mfui\.color\.disabled\.content);
 }
 
-.mfui-kXSGhe:has(input[type="radio"]:not(:disabled):focus-visible) {
-  color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
-}
-
-.mfui-kXSGhe:has(input[type="radio"]:not(:disabled):focus-visible:checked) {
-  color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
-}
-
-.mfui-kXSGhe:is(:hover, [data-hover]):has(input[type="radio"]:not(:disabled)) {
+.mfui-kXSGhe:has(input[type="radio"]:not(:disabled):focus-visible),.mfui-kXSGhe:has(input[type="radio"]:not(:disabled):focus-visible:checked),.mfui-kXSGhe:is(:hover, [data-hover]):has(input[type="radio"]:not(:disabled)) {
   color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
 }
 
@@ -3635,11 +3571,7 @@
   color: var(--mfui-colors-mfui\.color\.selected\.sign\.hovered);
 }
 
-.mfui-kXSGhe:is(:active, [data-active]):has(input[type="radio"]:not(:disabled)) {
-  color: var(--mfui-colors-mfui\.color\.base\.content\.pressed);
-}
-
-.mfui-kXSGhe:is(:active, [data-active]):has(input[type="radio"]:not(:disabled):checked) {
+.mfui-kXSGhe:is(:active, [data-active]):has(input[type="radio"]:not(:disabled)),.mfui-kXSGhe:is(:active, [data-active]):has(input[type="radio"]:not(:disabled):checked) {
   color: var(--mfui-colors-mfui\.color\.base\.content\.pressed);
 }
 
@@ -3823,12 +3755,7 @@
   height: var(--mfui-sizes-mfui\.size\.dimension\.icon\.square\.comfort);
 }
 
-.mfui-iWZErE:is(:focus-visible, [data-focus-visible]) {
-  background-color: var(--mfui-colors-mfui\.color\.base\.background\.hovered);
-  color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
-}
-
-.mfui-iWZErE:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
+.mfui-iWZErE:is(:focus-visible, [data-focus-visible]),.mfui-iWZErE:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
   background-color: var(--mfui-colors-mfui\.color\.base\.background\.hovered);
   color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
 }
@@ -3854,11 +3781,7 @@
   background-color: var(--mfui-colors-mfui\.color\.base\.background\.none);
 }
 
-.mfui-bfIsQV:is(:focus-visible, [data-focus-visible]) {
-  border-color: var(--mfui-colors-mfui\.color\.neutral\.border\.hovered);
-}
-
-.mfui-bfIsQV:is(:hover, [data-hover]) {
+.mfui-bfIsQV:is(:focus-visible, [data-focus-visible]),.mfui-bfIsQV:is(:hover, [data-hover]) {
   border-color: var(--mfui-colors-mfui\.color\.neutral\.border\.hovered);
 }
 
@@ -4131,8 +4054,6 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  background-color: var(--mfui-colors-mfui\.color\.signal-neutral\.sub-background\.none);
-  color: var(--mfui-colors-mfui\.color\.base\.content\.none);
   width: fit-content;
 }
 
@@ -4185,11 +4106,7 @@
   height: var(--mfui-sizes-mfui\.size\.dimension\.this-month-indicator\.diameter\.comfort);
 }
 
-.group:is(:focus-visible, [data-focus-visible]) .mfui-bnEMQJ {
-  border-color: var(--mfui-colors-mfui\.color\.selected\.border\.hovered);
-}
-
-.group:is(:hover, [data-hover]) .mfui-bnEMQJ {
+.group:is(:focus-visible, [data-focus-visible]) .mfui-bnEMQJ,.group:is(:hover, [data-hover]) .mfui-bnEMQJ {
   border-color: var(--mfui-colors-mfui\.color\.selected\.border\.hovered);
 }
 
@@ -4201,11 +4118,7 @@
   color: var(--mfui-colors-mfui\.color\.base\.content\.none);
 }
 
-.group:is(:focus-visible, [data-focus-visible]) .mfui-dxfEVc {
-  color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
-}
-
-.group:is(:hover, [data-hover]) .mfui-dxfEVc {
+.group:is(:focus-visible, [data-focus-visible]) .mfui-dxfEVc,.group:is(:hover, [data-hover]) .mfui-dxfEVc {
   color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
 }
 
@@ -4276,11 +4189,7 @@
   background-color: var(--mfui-colors-mfui\.color\.selected\.background\.hovered);
 }
 
-.mfui-eGazCJ:has([role="combobox"]:not(:disabled):not([value=""])):is(:hover, [data-hover]) [data-mfui-content="multiple-select-box-trigger-display-values"] {
-  color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
-}
-
-.mfui-eGazCJ:has([role="combobox"]:not(:disabled):not([value=""])):is(:hover, [data-hover]) [data-mfui-content="multiple-select-box-clear-button"] {
+.mfui-eGazCJ:has([role="combobox"]:not(:disabled):not([value=""])):is(:hover, [data-hover]) [data-mfui-content="multiple-select-box-trigger-display-values"],.mfui-eGazCJ:has([role="combobox"]:not(:disabled):not([value=""])):is(:hover, [data-hover]) [data-mfui-content="multiple-select-box-clear-button"] {
   color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
 }
 
@@ -4289,19 +4198,11 @@
   background-color: var(--mfui-colors-mfui\.color\.selected\.background\.hovered);
 }
 
-.mfui-eGazCJ:has([role="combobox"]:not(:disabled):not([value=""])):focus-within [data-mfui-content="multiple-select-box-trigger-display-values"] {
+.mfui-eGazCJ:has([role="combobox"]:not(:disabled):not([value=""])):focus-within [data-mfui-content="multiple-select-box-trigger-display-values"],.mfui-eGazCJ:has([role="combobox"]:not(:disabled):not([value=""])):focus-within [data-mfui-content="multiple-select-box-clear-button"] {
   color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
 }
 
-.mfui-eGazCJ:has([role="combobox"]:not(:disabled):not([value=""])):focus-within [data-mfui-content="multiple-select-box-clear-button"] {
-  color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
-}
-
-.mfui-eGazCJ:has([role="combobox"]:not(:disabled):not([value=""])) [data-mfui-content="multiple-select-box-trigger-display-values"] {
-  color: var(--mfui-colors-mfui\.color\.base\.content\.none);
-}
-
-.mfui-eGazCJ:has([role="combobox"]:not(:disabled):not([value=""])) [data-mfui-content="multiple-select-box-clear-button"] {
+.mfui-eGazCJ:has([role="combobox"]:not(:disabled):not([value=""])) [data-mfui-content="multiple-select-box-trigger-display-values"],.mfui-eGazCJ:has([role="combobox"]:not(:disabled):not([value=""])) [data-mfui-content="multiple-select-box-clear-button"] {
   color: var(--mfui-colors-mfui\.color\.base\.content\.none);
 }
 
@@ -4310,11 +4211,7 @@
   background-color: var(--mfui-colors-mfui\.color\.selected\.background\.pressed);
 }
 
-.mfui-eGazCJ:has([role="combobox"]:not(:disabled):not([value=""]):active) [data-mfui-content="multiple-select-box-trigger-display-values"] {
-  color: var(--mfui-colors-mfui\.color\.base\.content\.pressed);
-}
-
-.mfui-eGazCJ:has([role="combobox"]:not(:disabled):not([value=""]):active) [data-mfui-content="multiple-select-box-clear-button"] {
+.mfui-eGazCJ:has([role="combobox"]:not(:disabled):not([value=""]):active) [data-mfui-content="multiple-select-box-trigger-display-values"],.mfui-eGazCJ:has([role="combobox"]:not(:disabled):not([value=""]):active) [data-mfui-content="multiple-select-box-clear-button"] {
   color: var(--mfui-colors-mfui\.color\.base\.content\.pressed);
 }
 
@@ -4328,11 +4225,7 @@
   background-color: var(--mfui-colors-mfui\.color\.selected\.background\.hovered);
 }
 
-.mfui-fvaBvm[data-selected="true"]:not(:disabled):is(:hover, [data-hover]) [data-mfui-content="select-box-trigger-display-value"] {
-  color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
-}
-
-.mfui-fvaBvm[data-selected="true"]:not(:disabled):is(:hover, [data-hover]) [data-mfui-content="select-box-clear-button"] {
+.mfui-fvaBvm[data-selected="true"]:not(:disabled):is(:hover, [data-hover]) [data-mfui-content="select-box-trigger-display-value"],.mfui-fvaBvm[data-selected="true"]:not(:disabled):is(:hover, [data-hover]) [data-mfui-content="select-box-clear-button"] {
   color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
 }
 
@@ -4341,11 +4234,7 @@
   background-color: var(--mfui-colors-mfui\.color\.selected\.background\.hovered);
 }
 
-.mfui-fvaBvm[data-selected="true"]:not(:disabled):focus-within [data-mfui-content="select-box-trigger-display-value"] {
-  color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
-}
-
-.mfui-fvaBvm[data-selected="true"]:not(:disabled):focus-within [data-mfui-content="select-box-clear-button"] {
+.mfui-fvaBvm[data-selected="true"]:not(:disabled):focus-within [data-mfui-content="select-box-trigger-display-value"],.mfui-fvaBvm[data-selected="true"]:not(:disabled):focus-within [data-mfui-content="select-box-clear-button"] {
   color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
 }
 
@@ -4354,11 +4243,7 @@
   background-color: var(--mfui-colors-mfui\.color\.selected\.background\.pressed);
 }
 
-.mfui-fvaBvm[data-selected="true"]:not(:disabled):is(:active, [data-active]) [data-mfui-content="select-box-trigger-display-value"] {
-  color: var(--mfui-colors-mfui\.color\.base\.content\.pressed);
-}
-
-.mfui-fvaBvm[data-selected="true"]:not(:disabled):is(:active, [data-active]) [data-mfui-content="select-box-clear-button"] {
+.mfui-fvaBvm[data-selected="true"]:not(:disabled):is(:active, [data-active]) [data-mfui-content="select-box-trigger-display-value"],.mfui-fvaBvm[data-selected="true"]:not(:disabled):is(:active, [data-active]) [data-mfui-content="select-box-clear-button"] {
   color: var(--mfui-colors-mfui\.color\.base\.content\.pressed);
 }
 
@@ -4396,19 +4281,7 @@
   background-color: var(--mfui-colors-mfui\.color\.disabled\.background);
 }
 
-.mfui-dgSeYA:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) ~ [data-mfui-content="file-drop-zone-container"] [data-mfui-content="file-drop-zone-instruction"] {
-  color: var(--mfui-colors-mfui\.color\.disabled\.content);
-}
-
-.mfui-dgSeYA:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) ~ [data-mfui-content="file-drop-zone-container"] [data-mfui-content="file-drop-zone-file-info"] {
-  color: var(--mfui-colors-mfui\.color\.disabled\.content);
-}
-
-.mfui-dgSeYA:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) ~ [data-mfui-content="file-drop-zone-container"] [data-mfui-content="file-drop-zone-help-message"] svg {
-  color: var(--mfui-colors-mfui\.color\.disabled\.content);
-}
-
-.mfui-dgSeYA:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) ~ [data-mfui-content="file-drop-zone-container"] [data-mfui-content="file-drop-zone-help-message"] .mfui-HelpMessage__message {
+.mfui-dgSeYA:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) ~ [data-mfui-content="file-drop-zone-container"] [data-mfui-content="file-drop-zone-instruction"],.mfui-dgSeYA:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) ~ [data-mfui-content="file-drop-zone-container"] [data-mfui-content="file-drop-zone-file-info"],.mfui-dgSeYA:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) ~ [data-mfui-content="file-drop-zone-container"] [data-mfui-content="file-drop-zone-help-message"] svg,.mfui-dgSeYA:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) ~ [data-mfui-content="file-drop-zone-container"] [data-mfui-content="file-drop-zone-help-message"] .mfui-HelpMessage__message {
   color: var(--mfui-colors-mfui\.color\.disabled\.content);
 }
 
@@ -4573,11 +4446,7 @@
   background-color: var(--mfui-colors-mfui\.color\.selected\.background\.hovered);
 }
 
-.mfui-fKGEVz[data-selected="true"]:not(:disabled):is(:hover, [data-hover]) [data-mfui-content="filter-trigger-display-value"] {
-  color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
-}
-
-.mfui-fKGEVz[data-selected="true"]:not(:disabled):is(:hover, [data-hover]) [data-mfui-content="filter-trigger-clear-button"] {
+.mfui-fKGEVz[data-selected="true"]:not(:disabled):is(:hover, [data-hover]) [data-mfui-content="filter-trigger-display-value"],.mfui-fKGEVz[data-selected="true"]:not(:disabled):is(:hover, [data-hover]) [data-mfui-content="filter-trigger-clear-button"] {
   color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
 }
 
@@ -4586,11 +4455,7 @@
   background-color: var(--mfui-colors-mfui\.color\.selected\.background\.hovered);
 }
 
-.mfui-fKGEVz[data-selected="true"]:not(:disabled):focus-within [data-mfui-content="filter-trigger-display-value"] {
-  color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
-}
-
-.mfui-fKGEVz[data-selected="true"]:not(:disabled):focus-within [data-mfui-content="filter-trigger-clear-button"] {
+.mfui-fKGEVz[data-selected="true"]:not(:disabled):focus-within [data-mfui-content="filter-trigger-display-value"],.mfui-fKGEVz[data-selected="true"]:not(:disabled):focus-within [data-mfui-content="filter-trigger-clear-button"] {
   color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
 }
 
@@ -4599,11 +4464,7 @@
   background-color: var(--mfui-colors-mfui\.color\.selected\.background\.pressed);
 }
 
-.mfui-fKGEVz[data-selected="true"]:not(:disabled):is(:active, [data-active]) [data-mfui-content="filter-trigger-display-value"] {
-  color: var(--mfui-colors-mfui\.color\.base\.content\.pressed);
-}
-
-.mfui-fKGEVz[data-selected="true"]:not(:disabled):is(:active, [data-active]) [data-mfui-content="filter-trigger-clear-button"] {
+.mfui-fKGEVz[data-selected="true"]:not(:disabled):is(:active, [data-active]) [data-mfui-content="filter-trigger-display-value"],.mfui-fKGEVz[data-selected="true"]:not(:disabled):is(:active, [data-active]) [data-mfui-content="filter-trigger-clear-button"] {
   color: var(--mfui-colors-mfui\.color\.base\.content\.pressed);
 }
 
@@ -4802,12 +4663,10 @@
 
 .mfui-kwhtVX:is(:focus-visible, [data-focus-visible]) {
   border: 1px white;
-  background-color: var(--mfui-colors-mfui\.color\.base\.background\.hovered);
-  color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
   z-index: 1;
 }
 
-.mfui-kwhtVX:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
+.mfui-kwhtVX:is(:focus-visible, [data-focus-visible]),.mfui-kwhtVX:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
   background-color: var(--mfui-colors-mfui\.color\.base\.background\.hovered);
   color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
 }
@@ -5122,11 +4981,7 @@
   border-color: var(--mfui-colors-mfui\.color\.neutral\.border\.hovered);
 }
 
-.mfui-bWjutw .mfui-FocusIndicator__root:is(:focus-visible, [data-focus-visible]) {
-  box-shadow: none;
-}
-
-.mfui-bWjutw .mfui-FocusIndicator__root:has(input:focus-visible, input[data-focus-visible=true], textarea:focus-visible, textarea[data-focus-visible=true]) {
+.mfui-bWjutw .mfui-FocusIndicator__root:is(:focus-visible, [data-focus-visible]),.mfui-bWjutw .mfui-FocusIndicator__root:has(input:focus-visible, input[data-focus-visible=true], textarea:focus-visible, textarea[data-focus-visible=true]) {
   box-shadow: none;
 }
 
@@ -5313,12 +5168,7 @@
   color: var(--mfui-colors-mfui\.color\.base\.inverted-content\.pressed);
 }
 
-.mfui-bhJlTa:is(:focus-visible, [data-focus-visible]) {
-  background-color: var(--mfui-colors-mfui\.color\.primary\.background\.hovered);
-  color: var(--mfui-colors-mfui\.color\.base\.inverted-content\.hovered);
-}
-
-.mfui-bhJlTa:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
+.mfui-bhJlTa:is(:focus-visible, [data-focus-visible]),.mfui-bhJlTa:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
   background-color: var(--mfui-colors-mfui\.color\.primary\.background\.hovered);
   color: var(--mfui-colors-mfui\.color\.base\.inverted-content\.hovered);
 }
@@ -5348,13 +5198,7 @@
   color: var(--mfui-colors-mfui\.color\.neutral\.content\.pressed);
 }
 
-.mfui-gRUJtw:is(:focus-visible, [data-focus-visible]) {
-  border-color: var(--mfui-colors-mfui\.color\.neutral\.border\.hovered);
-  background-color: var(--mfui-colors-mfui\.color\.base\.background\.hovered);
-  color: var(--mfui-colors-mfui\.color\.neutral\.content\.hovered);
-}
-
-.mfui-gRUJtw:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
+.mfui-gRUJtw:is(:focus-visible, [data-focus-visible]),.mfui-gRUJtw:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
   border-color: var(--mfui-colors-mfui\.color\.neutral\.border\.hovered);
   background-color: var(--mfui-colors-mfui\.color\.base\.background\.hovered);
   color: var(--mfui-colors-mfui\.color\.neutral\.content\.hovered);
@@ -5383,12 +5227,7 @@
   color: var(--mfui-colors-mfui\.color\.neutral\.content\.pressed);
 }
 
-.mfui-jbihmS:is(:focus-visible, [data-focus-visible]) {
-  background-color: var(--mfui-colors-mfui\.color\.base\.background\.hovered);
-  color: var(--mfui-colors-mfui\.color\.neutral\.content\.hovered);
-}
-
-.mfui-jbihmS:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
+.mfui-jbihmS:is(:focus-visible, [data-focus-visible]),.mfui-jbihmS:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
   background-color: var(--mfui-colors-mfui\.color\.base\.background\.hovered);
   color: var(--mfui-colors-mfui\.color\.neutral\.content\.hovered);
 }
@@ -5505,10 +5344,9 @@
 .mfui-bYaenr {
   border-color: var(--mfui-colors-mfui\.color\.disabled\.border);
   background-color: var(--mfui-colors-mfui\.color\.disabled\.background);
-  color: var(--mfui-colors-mfui\.color\.disabled\.content);
 }
 
-.mfui-bYaenr::placeholder,.mfui-bYaenr[data-placeholder] {
+.mfui-bYaenr,.mfui-bYaenr::placeholder,.mfui-bYaenr[data-placeholder] {
   color: var(--mfui-colors-mfui\.color\.disabled\.content);
 }
 
@@ -5516,11 +5354,7 @@
   border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.none);
 }
 
-.mfui-lkbyLq:is(:focus-visible, [data-focus-visible]) {
-  border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.hovered);
-}
-
-.mfui-lkbyLq:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]):not(:focus-visible, [data-focus-visible]) {
+.mfui-lkbyLq:is(:focus-visible, [data-focus-visible]),.mfui-lkbyLq:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]):not(:focus-visible, [data-focus-visible]) {
   border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.hovered);
 }
 
@@ -5699,11 +5533,7 @@
   background-color: var(--mfui-colors-mfui\.color\.disabled\.background);
 }
 
-.mfui-fDYmrE input::placeholder {
-  color: var(--mfui-colors-mfui\.color\.disabled\.content);
-}
-
-.mfui-dlZIhy,.mfui-kJyqjo {
+.mfui-fDYmrE input::placeholder,.mfui-dlZIhy,.mfui-kJyqjo {
   color: var(--mfui-colors-mfui\.color\.disabled\.content);
 }
 
@@ -5711,11 +5541,7 @@
   border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.none);
 }
 
-.mfui-bNnEnp:has(input:focus-visible, input[data-focus-visible=true], textarea:focus-visible, textarea[data-focus-visible=true]) {
-  border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.hovered);
-}
-
-.mfui-bNnEnp:is(:hover, [data-hover]):not(:has(input:disabled, input[disabled], input[data-disabled], input:focus-visible, input[data-focus-visible])):not(:has(button:is(:hover, [data-hover]))) {
+.mfui-bNnEnp:has(input:focus-visible, input[data-focus-visible=true], textarea:focus-visible, textarea[data-focus-visible=true]),.mfui-bNnEnp:is(:hover, [data-hover]):not(:has(input:disabled, input[disabled], input[data-disabled], input:focus-visible, input[data-focus-visible])):not(:has(button:is(:hover, [data-hover]))) {
   border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.hovered);
 }
 
@@ -5828,11 +5654,7 @@
   background-color: var(--mfui-colors-mfui\.color\.selected-range-edge\.background\.none);
 }
 
-.mfui-bAdqNL:is(:focus-visible, [data-focus-visible]) {
-  background-color: var(--mfui-colors-mfui\.color\.selected-range-edge\.background\.hovered);
-}
-
-.mfui-bAdqNL:is(:hover, [data-hover]) {
+.mfui-bAdqNL:is(:focus-visible, [data-focus-visible]),.mfui-bAdqNL:is(:hover, [data-hover]) {
   background-color: var(--mfui-colors-mfui\.color\.selected-range-edge\.background\.hovered);
 }
 
@@ -5844,11 +5666,7 @@
   border-color: var(--mfui-colors-mfui\.color\.base\.inverted-border\.none);
 }
 
-.group:is(:focus-visible, [data-focus-visible]) .mfui-jeOSCH {
-  border-color: var(--mfui-colors-mfui\.color\.base\.inverted-border\.hovered);
-}
-
-.group:is(:hover, [data-hover]) .mfui-jeOSCH {
+.group:is(:focus-visible, [data-focus-visible]) .mfui-jeOSCH,.group:is(:hover, [data-hover]) .mfui-jeOSCH {
   border-color: var(--mfui-colors-mfui\.color\.base\.inverted-border\.hovered);
 }
 
@@ -5860,11 +5678,7 @@
   color: var(--mfui-colors-mfui\.color\.base\.inverted-content\.none);
 }
 
-.group:is(:focus-visible, [data-focus-visible]) .mfui-dcRcfM {
-  color: var(--mfui-colors-mfui\.color\.base\.inverted-content\.hovered);
-}
-
-.group:is(:hover, [data-hover]) .mfui-dcRcfM {
+.group:is(:focus-visible, [data-focus-visible]) .mfui-dcRcfM,.group:is(:hover, [data-hover]) .mfui-dcRcfM {
   color: var(--mfui-colors-mfui\.color\.base\.inverted-content\.hovered);
 }
 
@@ -5876,11 +5690,7 @@
   border-width: var(--mfui-border-widths-mfui\.size\.border\.indicator\.width\.comfort);
 }
 
-.group:is(:focus-visible, [data-focus-visible]) .mfui-ynJrB {
-  border-color: var(--mfui-colors-mfui\.color\.selected\.border\.hovered);
-}
-
-.group:is(:hover, [data-hover]) .mfui-ynJrB {
+.group:is(:focus-visible, [data-focus-visible]) .mfui-ynJrB,.group:is(:hover, [data-hover]) .mfui-ynJrB {
   border-color: var(--mfui-colors-mfui\.color\.selected\.border\.hovered);
 }
 
@@ -5892,11 +5702,7 @@
   background-color: var(--mfui-colors-mfui\.color\.selected-range-middle\.background\.none);
 }
 
-.mfui-eJykJe:is(:focus-visible, [data-focus-visible]) {
-  background-color: var(--mfui-colors-mfui\.color\.selected-range-middle\.background\.hovered);
-}
-
-.mfui-eJykJe:is(:hover, [data-hover]) {
+.mfui-eJykJe:is(:focus-visible, [data-focus-visible]),.mfui-eJykJe:is(:hover, [data-hover]) {
   background-color: var(--mfui-colors-mfui\.color\.selected-range-middle\.background\.hovered);
 }
 
@@ -5910,19 +5716,7 @@
   cursor: not-allowed;
 }
 
-.mfui-jreTzK {
-  border-color: var(--mfui-colors-mfui\.color\.disabled\.border);
-}
-
-.group:is(:focus-visible, [data-focus-visible]) .mfui-jreTzK {
-  border-color: var(--mfui-colors-mfui\.color\.disabled\.border);
-}
-
-.group:is(:hover, [data-hover]) .mfui-jreTzK {
-  border-color: var(--mfui-colors-mfui\.color\.disabled\.border);
-}
-
-.group:is(:active, [data-active]) .mfui-jreTzK {
+.mfui-jreTzK,.group:is(:focus-visible, [data-focus-visible]) .mfui-jreTzK,.group:is(:hover, [data-hover]) .mfui-jreTzK,.group:is(:active, [data-active]) .mfui-jreTzK {
   border-color: var(--mfui-colors-mfui\.color\.disabled\.border);
 }
 
@@ -5981,11 +5775,7 @@
   border-bottom-width: 0px;
 }
 
-.mfui-bDDRVv:is(:focus-visible, [data-focus-visible]) {
-  background: var(--mfui-colors-mfui\.color\.base\.inverted-content\.hovered);
-}
-
-.mfui-bDDRVv:is(:hover, [data-hover]) {
+.mfui-bDDRVv:is(:focus-visible, [data-focus-visible]),.mfui-bDDRVv:is(:hover, [data-hover]) {
   background: var(--mfui-colors-mfui\.color\.base\.inverted-content\.hovered);
 }
 
@@ -5997,11 +5787,7 @@
   background-color: var(--mfui-colors-mfui\.color\.selected\.border\.none);
 }
 
-.group:is(:focus-visible, [data-focus-visible]) .mfui-iKSXFt {
-  background-color: var(--mfui-colors-mfui\.color\.selected\.border\.hovered);
-}
-
-.group:is(:hover, [data-hover]) .mfui-iKSXFt {
+.group:is(:focus-visible, [data-focus-visible]) .mfui-iKSXFt,.group:is(:hover, [data-hover]) .mfui-iKSXFt {
   background-color: var(--mfui-colors-mfui\.color\.selected\.border\.hovered);
 }
 
@@ -6062,13 +5848,7 @@
   background-color: var(--mfui-colors-mfui\.color\.disabled\.background);
 }
 
-.mfui-dQBsjS:is(:focus-visible, [data-focus-visible]):not(:disabled, [disabled], [data-disabled]) {
-  border-color: var(--mfui-colors-mfui\.color\.neutral\.border\.hovered);
-  color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
-  background-color: var(--mfui-colors-mfui\.color\.neutral\.sub-background\.hovered);
-}
-
-.mfui-dQBsjS:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
+.mfui-dQBsjS:is(:focus-visible, [data-focus-visible]):not(:disabled, [disabled], [data-disabled]),.mfui-dQBsjS:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
   border-color: var(--mfui-colors-mfui\.color\.neutral\.border\.hovered);
   color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
   background-color: var(--mfui-colors-mfui\.color\.neutral\.sub-background\.hovered);
@@ -6088,74 +5868,66 @@
   padding-right: calc(var(--mfui-spacing-mfui\.size\.padding\.input\.horizontal\.comfort) + var(--mfui-spacing-mfui\.size\.spacing\.icon-and-text\.horizontal\.comfort) + var(--mfui-sizes-mfui\.size\.dimension\.icon-button\.square\.comfort));
 }
 
-.mfui-cKTSwl,.mfui-eguNxK {
-  padding-block: var(--mfui-spacing-mfui\.size\.padding\.data-grid-cell\.vertical\.condensed);
-  padding-inline: var(--mfui-spacing-mfui\.size\.padding\.data-grid-cell\.horizontal\.condensed);
-  min-height: var(--mfui-sizes-mfui\.size\.dimension\.data-grid-cell\.height\.condensed);
+.mfui-kYxCkD,.mfui-hXNotk {
+  padding-block: var(--mfui-spacing-mfui\.size\.padding\.data-table-cell\.vertical\.condensed);
+  padding-inline: var(--mfui-spacing-mfui\.size\.padding\.data-table-cell\.horizontal\.condensed);
+  min-height: var(--mfui-sizes-mfui\.size\.dimension\.data-table-cell\.height\.condensed);
 }
 
-.mfui-ifJbzD,.mfui-lagYEk {
-  padding-block: var(--mfui-spacing-mfui\.size\.padding\.data-grid-cell\.vertical\.comfort);
-  padding-inline: var(--mfui-spacing-mfui\.size\.padding\.data-grid-cell\.horizontal\.comfort);
-  min-height: var(--mfui-sizes-mfui\.size\.dimension\.data-grid-cell\.height\.comfort);
+.mfui-jGTRXd,.mfui-iHntsS {
+  padding-block: var(--mfui-spacing-mfui\.size\.padding\.data-table-cell\.vertical\.comfort);
+  padding-inline: var(--mfui-spacing-mfui\.size\.padding\.data-table-cell\.horizontal\.comfort);
+  min-height: var(--mfui-sizes-mfui\.size\.dimension\.data-table-cell\.height\.comfort);
 }
 
-.mfui-hCWOMt {
+.mfui-coGcRr {
   width: 32px;
   min-width: 32px;
   max-width: 32px;
 }
 
-.mfui-hSCsOG:not(:disabled, [disabled], [data-disabled]):not(:has(input:disabled)) {
+.mfui-kQhdmg:not(:disabled, [disabled], [data-disabled]):not(:has(input:disabled)) {
   cursor: pointer;
 }
 
-.mfui-hSCsOG:not(:disabled, [disabled], [data-disabled]):not(:has(input:disabled)):is(:hover, [data-hover]) {
+.mfui-kQhdmg:not(:disabled, [disabled], [data-disabled]):not(:has(input:disabled)):is(:hover, [data-hover]),.mfui-kQhdmg:not(:disabled, [disabled], [data-disabled]):not(:has(input:disabled)):is(:focus-visible, [data-focus-visible]) {
   background-color: var(--mfui-colors-mfui\.color\.selected\.background\.hovered);
 }
 
-.mfui-hSCsOG:not(:disabled, [disabled], [data-disabled]):not(:has(input:disabled)):is(:focus-visible, [data-focus-visible]) {
-  background-color: var(--mfui-colors-mfui\.color\.selected\.background\.hovered);
-}
-
-.mfui-hSCsOG:not(:disabled, [disabled], [data-disabled]):not(:has(input:disabled)):is(:active, [data-active]) {
+.mfui-kQhdmg:not(:disabled, [disabled], [data-disabled]):not(:has(input:disabled)):is(:active, [data-active]) {
   background-color: var(--mfui-colors-mfui\.color\.selected\.background\.pressed);
 }
 
-.mfui-hSCsOG:not(:disabled, [disabled], [data-disabled]):not(:has(input:disabled)):has(input[type="checkbox"]:not(:disabled):focus-visible) {
+.mfui-kQhdmg:not(:disabled, [disabled], [data-disabled]):not(:has(input:disabled)):has(input[type="checkbox"]:not(:disabled):focus-visible) {
   background-color: var(--mfui-colors-mfui\.color\.selected\.background\.hovered);
 }
 
-.mfui-hSCsOG:not(:disabled, [disabled], [data-disabled]):not(:has(input:disabled)) input[type="checkbox"]:focus-visible {
+.mfui-kQhdmg:not(:disabled, [disabled], [data-disabled]):not(:has(input:disabled)) input[type="checkbox"]:focus-visible {
   outline: 2px solid transparent;
   outline-offset: 2px;
   box-shadow: none;
 }
 
-.mfui-gvJfWh:is(:focus, [data-focus]) {
-  background-color: var(--mfui-colors-mfui\.color\.selected\.background\.hovered);
-}
-
-.mfui-gvJfWh:is(:hover, [data-hover]) {
+.mfui-iYntBf:is(:focus, [data-focus]),.mfui-iYntBf:is(:hover, [data-hover]) {
   background-color: var(--mfui-colors-mfui\.color\.selected\.background\.hovered);
 }
 
-.mfui-gvJfWh:is(:active, [data-active]) {
+.mfui-iYntBf:is(:active, [data-active]) {
   background-color: var(--mfui-colors-mfui\.color\.selected\.background\.pressed);
 }
 
-.mfui-bqjpzG {
+.mfui-bGysdM {
   position: sticky;
   background-color: inherit;
 }
 
-.mfui-cIEpCk::before {
+.mfui-izXzGC::before {
   border-right-width: var(--mfui-border-widths-mfui\.size\.border\.fixed-cell\.horizontal\.comfort);
   border-right-style: solid;
   border-right-color: var(--mfui-colors-mfui\.color\.neutral\.sub-border\.none);
 }
 
-.mfui-cIEpCk::before,.mfui-hUucnT::before {
+.mfui-izXzGC::before,.mfui-LTiTZ::before {
   content: "";
   position: absolute;
   pointer-events: none;
@@ -6165,72 +5937,72 @@
   height: calc(100% + 1px);
 }
 
-.mfui-hUucnT::before {
+.mfui-LTiTZ::before {
   border-left-width: var(--mfui-border-widths-mfui\.size\.border\.fixed-cell\.horizontal\.comfort);
   border-left-style: solid;
   border-left-color: var(--mfui-colors-mfui\.color\.neutral\.sub-border\.none);
 }
 
-.mfui-fmltyS,.mfui-hUGftt {
+.mfui-cyVYhU,.mfui-ePuaEb {
   justify-content: flex-start;
   text-align: left;
 }
 
-.mfui-gVxTsv,.mfui-isnRLA {
+.mfui-gLvFNp,.mfui-eEdyCy {
   justify-content: flex-end;
   text-align: right;
 }
 
-.mfui-cFxDLC {
+.mfui-caARyM {
   border-style: solid;
   border-width: var(--mfui-border-widths-mfui\.size\.border\.base\.width\.comfort);
   border-color: var(--mfui-colors-mfui\.color\.neutral\.sub-border\.none);
   border-radius: var(--mfui-radii-mfui\.size\.radius\.control-component\.comfort);
 }
 
-.mfui-iVAlXC {
+.mfui-hUuodk {
   border-block-style: solid;
   border-block-width: var(--mfui-border-widths-mfui\.size\.border\.base\.width\.comfort);
   border-block-color: var(--mfui-colors-mfui\.color\.neutral\.sub-border\.none);
 }
 
-.mfui-cyFegv {
+.mfui-hdvqtp {
   width: 100%;
 }
 
-.mfui-hNDQAV {
+.mfui-ihlTgP {
   border-bottom-width: var(--mfui-border-widths-mfui\.size\.border\.base\.width\.condensed);
 }
 
-.mfui-jutUsa,.mfui-bBHkFX {
-  padding-block: var(--mfui-spacing-mfui\.size\.padding\.data-grid-cell\.vertical\.condensed);
-  padding-inline: var(--mfui-spacing-mfui\.size\.padding\.data-grid-cell\.horizontal\.condensed);
+.mfui-beBMeE,.mfui-fAMdSB {
+  padding-block: var(--mfui-spacing-mfui\.size\.padding\.data-table-cell\.vertical\.condensed);
+  padding-inline: var(--mfui-spacing-mfui\.size\.padding\.data-table-cell\.horizontal\.condensed);
   gap: var(--mfui-spacing-mfui\.size\.spacing\.icon-and-text\.horizontal\.condensed);
-  min-height: var(--mfui-sizes-mfui\.size\.dimension\.data-grid-cell\.height\.condensed);
+  min-height: var(--mfui-sizes-mfui\.size\.dimension\.data-table-cell\.height\.condensed);
 }
 
-.mfui-bkUzXr {
+.mfui-gZhKjF {
   border-bottom-width: var(--mfui-border-widths-mfui\.size\.border\.base\.width\.comfort);
 }
 
-.mfui-kfjNqA,.mfui-iDaTCF {
-  padding-block: var(--mfui-spacing-mfui\.size\.padding\.data-grid-cell\.vertical\.comfort);
-  padding-inline: var(--mfui-spacing-mfui\.size\.padding\.data-grid-cell\.horizontal\.comfort);
+.mfui-cqyjeS,.mfui-lcyrJn {
+  padding-block: var(--mfui-spacing-mfui\.size\.padding\.data-table-cell\.vertical\.comfort);
+  padding-inline: var(--mfui-spacing-mfui\.size\.padding\.data-table-cell\.horizontal\.comfort);
   gap: var(--mfui-spacing-mfui\.size\.spacing\.icon-and-text\.horizontal\.comfort);
-  min-height: var(--mfui-sizes-mfui\.size\.dimension\.data-grid-cell\.height\.comfort);
+  min-height: var(--mfui-sizes-mfui\.size\.dimension\.data-table-cell\.height\.comfort);
 }
 
-.mfui-cYSBIJ {
+.mfui-ixFpNb {
   position: sticky;
 }
 
-.mfui-krlGLX::before {
+.mfui-fGBQCd::before {
   border-right-width: var(--mfui-border-widths-mfui\.size\.border\.fixed-cell\.horizontal\.comfort);
   border-right-style: solid;
   border-right-color: var(--mfui-colors-mfui\.color\.neutral\.sub-border\.none);
 }
 
-.mfui-krlGLX::before,.mfui-iRKnkw::before {
+.mfui-fGBQCd::before,.mfui-FJZOy::before {
   content: "";
   position: absolute;
   pointer-events: none;
@@ -6240,59 +6012,55 @@
   height: calc(100% + 1px);
 }
 
-.mfui-iRKnkw::before {
+.mfui-FJZOy::before {
   border-left-width: var(--mfui-border-widths-mfui\.size\.border\.fixed-cell\.horizontal\.comfort);
   border-left-style: solid;
   border-left-color: var(--mfui-colors-mfui\.color\.neutral\.sub-border\.none);
 }
 
-.mfui-hBaRjq {
+.mfui-hdkeDU {
   width: 32px;
 }
 
-.mfui-bONdKl:not(:disabled, [disabled], [data-disabled]) {
+.mfui-dQChFX:not(:disabled, [disabled], [data-disabled]) {
   cursor: pointer;
 }
 
-.mfui-bONdKl:not(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
-  background-color: var(--mfui-colors-mfui\.color\.neutral\.sub-background\.hovered);
-}
-
-.mfui-bONdKl:not(:disabled, [disabled], [data-disabled]):is(:focus-visible, [data-focus-visible]) {
+.mfui-dQChFX:not(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]),.mfui-dQChFX:not(:disabled, [disabled], [data-disabled]):is(:focus-visible, [data-focus-visible]) {
   background-color: var(--mfui-colors-mfui\.color\.neutral\.sub-background\.hovered);
 }
 
-.mfui-bONdKl:not(:disabled, [disabled], [data-disabled]):is(:active, [data-active]) {
+.mfui-dQChFX:not(:disabled, [disabled], [data-disabled]):is(:active, [data-active]) {
   background-color: var(--mfui-colors-mfui\.color\.neutral\.sub-background\.pressed);
 }
 
-.mfui-bONdKl:not(:disabled, [disabled], [data-disabled]):has(input[type="checkbox"]:not(:disabled):focus-visible) {
+.mfui-dQChFX:not(:disabled, [disabled], [data-disabled]):has(input[type="checkbox"]:not(:disabled):focus-visible) {
   background-color: var(--mfui-colors-mfui\.color\.neutral\.sub-background\.hovered);
 }
 
-.mfui-bONdKl:not(:disabled, [disabled], [data-disabled]) input[type="checkbox"]:focus-visible {
+.mfui-dQChFX:not(:disabled, [disabled], [data-disabled]) input[type="checkbox"]:focus-visible {
   outline: 2px solid transparent;
   outline-offset: 2px;
   box-shadow: none;
 }
 
-.mfui-ejLtvJ,.mfui-eUtIFw {
+.mfui-dikbFv,.mfui-kqQAOe {
   justify-content: flex-start;
   text-align: left;
 }
 
-.mfui-hhdndA,.mfui-emoNRN {
+.mfui-iOviwi,.mfui-bpVUTX {
   justify-content: flex-end;
   text-align: right;
 }
 
-.mfui-dnlDHW {
+.mfui-eUCAOY {
   position: sticky;
   z-index: 2;
   top: 0;
 }
 
-.mfui-dnlDHW::after {
+.mfui-eUCAOY::after {
   content: "";
   position: absolute;
   bottom: 0;
@@ -6303,26 +6071,26 @@
   border-bottom-color: var(--mfui-colors-mfui\.color\.neutral\.sub-border\.none);
 }
 
-.mfui-cHZfMx:last-child {
+.mfui-jbZNHv:last-child {
   border-bottom-width: var(--mfui-border-widths-mfui\.size\.border\.base\.width\.comfort);
   border-bottom-color: var(--mfui-colors-mfui\.color\.neutral\.thin-border\.none);
 }
 
-.mfui-fFUxaj {
+.mfui-eFCfCF {
   background-color: var(--mfui-colors-mfui\.color\.selected\.background\.none);
 }
 
-.mfui-dkYMUO {
+.mfui-esNKtk {
   cursor: pointer;
   position: relative;
 }
 
-.mfui-dkYMUO:is(:focus-visible, [data-focus-visible]) {
+.mfui-esNKtk:is(:focus-visible, [data-focus-visible]) {
   background-color: var(--mfui-colors-mfui\.color\.base\.background\.hovered);
   color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
 }
 
-.mfui-dkYMUO:is(:focus-visible, [data-focus-visible])::after {
+.mfui-esNKtk:is(:focus-visible, [data-focus-visible])::after {
   content: "";
   position: absolute;
   box-shadow: 0px 0px 0px 2px var(--mfui-colors-mfui\.color\.primary\.border\.none) inset, 0px 0px 0px 3px var(--mfui-colors-mfui\.color\.base\.background\.none) inset;
@@ -6332,40 +6100,38 @@
   height: 100%;
 }
 
-.mfui-dkYMUO:has(input:focus-visible, input[data-focus-visible=true], textarea:focus-visible, textarea[data-focus-visible=true]) {
+.mfui-esNKtk:has(input:focus-visible, input[data-focus-visible=true], textarea:focus-visible, textarea[data-focus-visible=true]) {
   box-shadow: none;
 }
 
-.mfui-dkYMUO:is(:hover, [data-hover]):not(:has(button:hover, input:hover, select:hover, textarea:hover, [tabindex]:hover)) {
+.mfui-esNKtk:is(:hover, [data-hover]):not(:has(button:hover, input:hover, select:hover, textarea:hover, [tabindex]:hover)) {
   background-color: var(--mfui-colors-mfui\.color\.base\.background\.hovered);
   color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
 }
 
-.mfui-dkYMUO:is(:active, [data-active]):not(:has(button:hover, input:hover, select:hover, textarea:hover, [tabindex]:hover)) {
+.mfui-esNKtk:is(:active, [data-active]):not(:has(button:hover, input:hover, select:hover, textarea:hover, [tabindex]:hover)) {
   background-color: var(--mfui-colors-mfui\.color\.base\.background\.pressed);
   color: var(--mfui-colors-mfui\.color\.base\.content\.pressed);
 }
 
-.mfui-hcULZS {
+.mfui-jZGzmE {
   border-color: var(--mfui-colors-mfui\.color\.readonly\.border);
   background-color: var(--mfui-colors-mfui\.color\.readonly\.background);
   color: var(--mfui-colors-mfui\.color\.readonly\.content);
   cursor: not-allowed;
 }
 
-.mfui-hcULZS:is(:focus-visible, [data-focus-visible]) {
+.mfui-jZGzmE:is(:focus-visible, [data-focus-visible]) {
   background-color: var(--mfui-colors-mfui\.color\.readonly\.background);
   color: var(--mfui-colors-mfui\.color\.readonly\.content);
   box-shadow: none;
 }
 
-.mfui-hcULZS:is(:hover, [data-hover]) {
-  background-color: var(--mfui-colors-mfui\.color\.readonly\.background);
-  color: var(--mfui-colors-mfui\.color\.readonly\.content);
+.mfui-jZGzmE:is(:hover, [data-hover]) {
   cursor: not-allowed;
 }
 
-.mfui-hcULZS:is(:active, [data-active]) {
+.mfui-jZGzmE:is(:hover, [data-hover]),.mfui-jZGzmE:is(:active, [data-active]) {
   background-color: var(--mfui-colors-mfui\.color\.readonly\.background);
   color: var(--mfui-colors-mfui\.color\.readonly\.content);
 }
@@ -6583,11 +6349,7 @@
   border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.none);
 }
 
-.mfui-bPaDVZ:is(:focus-visible, [data-focus-visible]) {
-  border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.hovered);
-}
-
-.mfui-bPaDVZ:is(:hover, [data-hover]) {
+.mfui-bPaDVZ:is(:focus-visible, [data-focus-visible]),.mfui-bPaDVZ:is(:hover, [data-hover]) {
   border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.hovered);
 }
 
@@ -6596,35 +6358,24 @@
 }
 
 .mfui-fzROcg {
-  border-color: var(--mfui-colors-mfui\.color\.disabled\.border);
   background-color: var(--mfui-colors-mfui\.color\.disabled\.background);
   cursor: not-allowed;
 }
 
-.mfui-fzROcg:is(:focus-visible, [data-focus-visible]) {
-  border-color: var(--mfui-colors-mfui\.color\.disabled\.border);
-}
-
-.mfui-fzROcg:is(:hover, [data-hover]) {
+.mfui-fzROcg,.mfui-fzROcg:is(:focus-visible, [data-focus-visible]),.mfui-fzROcg:is(:hover, [data-hover]) {
   border-color: var(--mfui-colors-mfui\.color\.disabled\.border);
 }
 
 .mfui-lbdPJY {
-  color: var(--mfui-colors-mfui\.color\.disabled\.content);
   background-color: var(--mfui-colors-mfui\.color\.disabled\.background);
   cursor: not-allowed;
 }
 
-.mfui-lbdPJY::placeholder,.mfui-lbdPJY[data-placeholder] {
+.mfui-lbdPJY,.mfui-lbdPJY::placeholder,.mfui-lbdPJY[data-placeholder] {
   color: var(--mfui-colors-mfui\.color\.disabled\.content);
 }
 
-.mfui-lbdPJY:is(:focus-visible, [data-focus-visible]) {
-  color: var(--mfui-colors-mfui\.color\.disabled\.content);
-  background-color: var(--mfui-colors-mfui\.color\.disabled\.background);
-}
-
-.mfui-lbdPJY:is(:hover, [data-hover]) {
+.mfui-lbdPJY:is(:focus-visible, [data-focus-visible]),.mfui-lbdPJY:is(:hover, [data-hover]) {
   color: var(--mfui-colors-mfui\.color\.disabled\.content);
   background-color: var(--mfui-colors-mfui\.color\.disabled\.background);
 }
@@ -6684,11 +6435,7 @@
   color: var(--mfui-colors-mfui\.color\.neutral\.content\.none);
 }
 
-.mfui-dNlIsW:is(:focus-visible, [data-focus-visible]):not(:disabled, [disabled], [data-disabled]) ~ [data-mfui-content="filebox-container"] [data-mfui-content="filebox-button"] {
-  border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.hovered);
-}
-
-.mfui-dNlIsW:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) ~ [data-mfui-content="filebox-container"] [data-mfui-content="filebox-button"] {
+.mfui-dNlIsW:is(:focus-visible, [data-focus-visible]):not(:disabled, [disabled], [data-disabled]) ~ [data-mfui-content="filebox-container"] [data-mfui-content="filebox-button"],.mfui-dNlIsW:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) ~ [data-mfui-content="filebox-container"] [data-mfui-content="filebox-button"] {
   border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.hovered);
 }
 
@@ -6706,11 +6453,7 @@
   color: var(--mfui-colors-mfui\.color\.neutral\.content\.pressed);
 }
 
-.mfui-bYRhi:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) ~ [data-mfui-content="filebox-input-background"] {
-  background-color: var(--mfui-colors-mfui\.color\.base\.background\.pressed);
-}
-
-.mfui-gioRss,.mfui-GTGqK {
+.mfui-bYRhi:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) ~ [data-mfui-content="filebox-input-background"],.mfui-gioRss,.mfui-GTGqK {
   background-color: var(--mfui-colors-mfui\.color\.base\.background\.pressed);
 }
 
@@ -6730,6 +6473,26 @@
   height: var(--mfui-sizes-mfui\.size\.dimension\.icon\.square\.comfort);
 }
 
+.mfui-OUDAx {
+  background-color: var(--mfui-colors-mfui\.color\.signal-neutral\.sub-background\.none);
+  color: var(--mfui-colors-mfui\.color\.base\.content\.none);
+}
+
+.mfui-cNbYAX {
+  background-color: var(--mfui-colors-mfui\.color\.signal-green\.sub-background\.none);
+  color: var(--mfui-colors-mfui\.color\.signal-green\.content\.none);
+}
+
+.mfui-bAfwQA {
+  background-color: var(--mfui-colors-mfui\.color\.signal-red\.sub-background\.none);
+  color: var(--mfui-colors-mfui\.color\.signal-red\.content\.none);
+}
+
+.mfui-dZGLHT {
+  background-color: var(--mfui-colors-mfui\.color\.signal-yellow\.sub-background\.none);
+  color: var(--mfui-colors-mfui\.color\.signal-yellow\.content\.none);
+}
+
 .mfui-bqPyQm {
   padding-inline: var(--mfui-spacing-mfui\.size\.padding\.status-label\.horizontal\.condensed);
   gap: var(--mfui-spacing-mfui\.size\.spacing\.icon-and-text\.horizontal\.condensed);
@@ -6745,11 +6508,7 @@
   background-color: var(--mfui-colors-mfui\.color\.selected-range-edge\.background\.none);
 }
 
-.mfui-evxBXr:is(:focus-visible, [data-focus-visible]) {
-  background-color: var(--mfui-colors-mfui\.color\.selected-range-edge\.background\.hovered);
-}
-
-.mfui-evxBXr:is(:hover, [data-hover]) {
+.mfui-evxBXr:is(:focus-visible, [data-focus-visible]),.mfui-evxBXr:is(:hover, [data-hover]) {
   background-color: var(--mfui-colors-mfui\.color\.selected-range-edge\.background\.hovered);
 }
 
@@ -6761,11 +6520,7 @@
   border-color: var(--mfui-colors-mfui\.color\.base\.inverted-border\.none);
 }
 
-.group:is(:focus-visible, [data-focus-visible]) .mfui-kaLPCR {
-  border-color: var(--mfui-colors-mfui\.color\.base\.inverted-border\.hovered);
-}
-
-.group:is(:hover, [data-hover]) .mfui-kaLPCR {
+.group:is(:focus-visible, [data-focus-visible]) .mfui-kaLPCR,.group:is(:hover, [data-hover]) .mfui-kaLPCR {
   border-color: var(--mfui-colors-mfui\.color\.base\.inverted-border\.hovered);
 }
 
@@ -6777,11 +6532,7 @@
   color: var(--mfui-colors-mfui\.color\.base\.inverted-content\.none);
 }
 
-.group:is(:focus-visible, [data-focus-visible]) .mfui-kvxhxY {
-  color: var(--mfui-colors-mfui\.color\.base\.inverted-content\.hovered);
-}
-
-.group:is(:hover, [data-hover]) .mfui-kvxhxY {
+.group:is(:focus-visible, [data-focus-visible]) .mfui-kvxhxY,.group:is(:hover, [data-hover]) .mfui-kvxhxY {
   color: var(--mfui-colors-mfui\.color\.base\.inverted-content\.hovered);
 }
 
@@ -6793,11 +6544,7 @@
   border-width: var(--mfui-border-widths-mfui\.size\.border\.indicator\.width\.comfort);
 }
 
-.group:is(:focus-visible, [data-focus-visible]) .mfui-eavWbN {
-  border-color: var(--mfui-colors-mfui\.color\.selected\.border\.hovered);
-}
-
-.group:is(:hover, [data-hover]) .mfui-eavWbN {
+.group:is(:focus-visible, [data-focus-visible]) .mfui-eavWbN,.group:is(:hover, [data-hover]) .mfui-eavWbN {
   border-color: var(--mfui-colors-mfui\.color\.selected\.border\.hovered);
 }
 
@@ -6809,11 +6556,7 @@
   background-color: var(--mfui-colors-mfui\.color\.selected-range-middle\.background\.none);
 }
 
-.mfui-hJZYie:is(:focus-visible, [data-focus-visible]) {
-  background-color: var(--mfui-colors-mfui\.color\.selected-range-middle\.background\.hovered);
-}
-
-.mfui-hJZYie:is(:hover, [data-hover]) {
+.mfui-hJZYie:is(:focus-visible, [data-focus-visible]),.mfui-hJZYie:is(:hover, [data-hover]) {
   background-color: var(--mfui-colors-mfui\.color\.selected-range-middle\.background\.hovered);
 }
 
@@ -6827,19 +6570,7 @@
   cursor: not-allowed;
 }
 
-.mfui-hekzZg {
-  border-color: var(--mfui-colors-mfui\.color\.disabled\.border);
-}
-
-.group:is(:focus-visible, [data-focus-visible]) .mfui-hekzZg {
-  border-color: var(--mfui-colors-mfui\.color\.disabled\.border);
-}
-
-.group:is(:hover, [data-hover]) .mfui-hekzZg {
-  border-color: var(--mfui-colors-mfui\.color\.disabled\.border);
-}
-
-.group:is(:active, [data-active]) .mfui-hekzZg {
+.mfui-hekzZg,.group:is(:focus-visible, [data-focus-visible]) .mfui-hekzZg,.group:is(:hover, [data-hover]) .mfui-hekzZg,.group:is(:active, [data-active]) .mfui-hekzZg {
   border-color: var(--mfui-colors-mfui\.color\.disabled\.border);
 }
 
@@ -6896,11 +6627,7 @@
   border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.none);
 }
 
-.mfui-hAgIuQ:is(:focus-visible, [data-focus-visible]):not(:disabled, [disabled], [data-disabled]) {
-  border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.hovered);
-}
-
-.mfui-hAgIuQ:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
+.mfui-hAgIuQ:is(:focus-visible, [data-focus-visible]):not(:disabled, [disabled], [data-disabled]),.mfui-hAgIuQ:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
   border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.hovered);
 }
 
@@ -7291,11 +7018,7 @@
   cursor: not-allowed;
 }
 
-.mfui-kSeSQV:is(:focus-visible, [data-focus-visible]) {
-  outline: 2px solid var(--mfui-colors-mfui\.color\.primary\.border\.none);
-}
-
-.mfui-dqyxbp:has(input:focus-visible, input[data-focus-visible=true], textarea:focus-visible, textarea[data-focus-visible=true]) {
+.mfui-kSeSQV:is(:focus-visible, [data-focus-visible]),.mfui-dqyxbp:has(input:focus-visible, input[data-focus-visible=true], textarea:focus-visible, textarea[data-focus-visible=true]) {
   outline: 2px solid var(--mfui-colors-mfui\.color\.primary\.border\.none);
 }
 
@@ -7311,35 +7034,19 @@
   border-color: var(--mfui-colors-mfui\.color\.base\.inverted-border\.none);
 }
 
-.mfui-eFnNfo:is(:focus-visible, [data-focus-visible]) {
-  box-shadow: 0px 0px 0px 1px var(--mfui-colors-mfui\.color\.base\.background\.none), 0px 0px 0px 3px var(--mfui-colors-mfui\.color\.primary\.border\.none);
-}
-
-.mfui-cdbzuM:has(input:focus-visible, input[data-focus-visible=true], textarea:focus-visible, textarea[data-focus-visible=true]) {
+.mfui-eFnNfo:is(:focus-visible, [data-focus-visible]),.mfui-cdbzuM:has(input:focus-visible, input[data-focus-visible=true], textarea:focus-visible, textarea[data-focus-visible=true]) {
   box-shadow: 0px 0px 0px 1px var(--mfui-colors-mfui\.color\.base\.background\.none), 0px 0px 0px 3px var(--mfui-colors-mfui\.color\.primary\.border\.none);
 }
 
-.mfui-eSYAiH:is(:focus-visible, [data-focus-visible]) {
+.mfui-eSYAiH:is(:focus-visible, [data-focus-visible]),.mfui-dbJQT:has(input:focus-visible, input[data-focus-visible=true], textarea:focus-visible, textarea[data-focus-visible=true]) {
   box-shadow: 0px 0px 0px 2px var(--mfui-colors-mfui\.color\.primary\.border\.none) inset, 0px 0px 0px 3px var(--mfui-colors-mfui\.color\.base\.background\.none) inset;
 }
 
-.mfui-dbJQT:has(input:focus-visible, input[data-focus-visible=true], textarea:focus-visible, textarea[data-focus-visible=true]) {
-  box-shadow: 0px 0px 0px 2px var(--mfui-colors-mfui\.color\.primary\.border\.none) inset, 0px 0px 0px 3px var(--mfui-colors-mfui\.color\.base\.background\.none) inset;
-}
-
-.mfui-cemknP:is(:focus-visible, [data-focus-visible]) {
+.mfui-cemknP:is(:focus-visible, [data-focus-visible]),.mfui-cppoGj:has(input:focus-visible, input[data-focus-visible=true], textarea:focus-visible, textarea[data-focus-visible=true]) {
   outline-offset: 1px;
 }
 
-.mfui-cppoGj:has(input:focus-visible, input[data-focus-visible=true], textarea:focus-visible, textarea[data-focus-visible=true]) {
-  outline-offset: 1px;
-}
-
-.mfui-jAQDfV:is(:focus-visible, [data-focus-visible]) {
-  outline-offset: -2px;
-}
-
-.mfui-jrvSGh:has(input:focus-visible, input[data-focus-visible=true], textarea:focus-visible, textarea[data-focus-visible=true]) {
+.mfui-jAQDfV:is(:focus-visible, [data-focus-visible]),.mfui-jrvSGh:has(input:focus-visible, input[data-focus-visible=true], textarea:focus-visible, textarea[data-focus-visible=true]) {
   outline-offset: -2px;
 }