@eightshift/ui-components 6.0.13 → 6.1.1

package/dist/{animation-DY7CNkr6.js → animation-Dfl8uEb3.js}

@@ -1,5 +1,5 @@
-import { b as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c } from "./utils-HC9_3Crc.js";
-import { r as reactDomExports } from "./index-sSixe2j_.js";
+import { c as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c } from "./utils-Cr3pLd9c.js";
+import { r as reactDomExports } from "./index-BL5gdWX4.js";
 import { useState, useCallback } from "react";
 function $d3f049242431219c$export$6d3443f2c48bfc20(ref, isReady = true) {
   let [isEntering, setEntering] = useState(true);

package/dist/assets/style-admin.css

@@ -3174,6 +3174,10 @@ input[data-rac]::-webkit-search-cancel-button {
   border-radius: var(--es-radius-lg);
 }
 
+:is(body, body #wpwrap) .es\:rounded-lg\! {
+  border-radius: var(--es-radius-lg) !important;
+}
+
 :is(body, body #wpwrap) .es\:rounded-md {
   border-radius: var(--es-radius-md);
 }
@@ -3280,11 +3284,6 @@ input[data-rac]::-webkit-search-cancel-button {
   border-width: 1px;
 }
 
-:is(body, body #wpwrap) .es\:border-4 {
-  border-style: var(--es-uic-tw-border-style);
-  border-width: 4px;
-}
-
 :is(body, body #wpwrap) .es\:border-x {
   border-inline-style: var(--es-uic-tw-border-style);
   border-inline-width: 1px;
@@ -3367,6 +3366,14 @@ input[data-rac]::-webkit-search-cancel-button {
   border-color: var(--es-color-secondary-300);
 }
 
+:is(body, body #wpwrap) .es\:border-secondary-800 {
+  border-color: var(--es-color-secondary-800);
+}
+
+:is(body, body #wpwrap) .es\:border-surface-100 {
+  border-color: var(--es-color-surface-100);
+}
+
 :is(body, body #wpwrap) .es\:border-surface-200 {
   border-color: var(--es-color-surface-200);
 }
@@ -3383,10 +3390,6 @@ input[data-rac]::-webkit-search-cancel-button {
   border-bottom-color: var(--es-color-secondary-200);
 }
 
-:is(body, body #wpwrap) .es\:bg-\(--es-img-dominant-color\) {
-  background-color: var(--es-img-dominant-color);
-}
-
 :is(body, body #wpwrap) .es\:bg-\[\#f1f1f1\] {
   background-color: #f1f1f1;
 }
@@ -3479,16 +3482,10 @@ input[data-rac]::-webkit-search-cancel-button {
   }
 }
 
-:is(body, body #wpwrap) .es\:bg-black, :is(body, body #wpwrap) .es\:bg-black\/60 {
+:is(body, body #wpwrap) .es\:bg-black {
   background-color: var(--es-color-black);
 }
 
-@supports (color: color-mix(in lab, red, red)) {
-  :is(body, body #wpwrap) .es\:bg-black\/60 {
-    background-color: color-mix(in oklab, var(--es-color-black) 60%, transparent);
-  }
-}
-
 :is(body, body #wpwrap) .es\:bg-blue-500 {
   background-color: var(--es-color-blue-500);
 }
@@ -3741,16 +3738,6 @@ input[data-rac]::-webkit-search-cancel-button {
   }
 }
 
-:is(body, body #wpwrap) .es\:bg-white\/60 {
-  background-color: var(--es-color-white);
-}
-
-@supports (color: color-mix(in lab, red, red)) {
-  :is(body, body #wpwrap) .es\:bg-white\/60 {
-    background-color: color-mix(in oklab, var(--es-color-white) 60%, transparent);
-  }
-}
-
 :is(body, body #wpwrap) .es\:bg-yellow-400 {
   background-color: var(--es-color-yellow-400);
 }
@@ -4458,20 +4445,6 @@ input[data-rac]::-webkit-search-cancel-button {
   --es-uic-tw-gradient-stops: var(--es-uic-tw-gradient-via-stops, var(--es-uic-tw-gradient-position), var(--es-uic-tw-gradient-from) var(--es-uic-tw-gradient-from-position), var(--es-uic-tw-gradient-to) var(--es-uic-tw-gradient-to-position));
 }
 
-:is(body, body #wpwrap) .es\:from-surface-50\/5 {
-  --es-uic-tw-gradient-from: var(--es-color-surface-50);
-}
-
-@supports (color: color-mix(in lab, red, red)) {
-  :is(body, body #wpwrap) .es\:from-surface-50\/5 {
-    --es-uic-tw-gradient-from: color-mix(in oklab, var(--es-color-surface-50) 5%, transparent);
-  }
-}
-
-:is(body, body #wpwrap) .es\:from-surface-50\/5 {
-  --es-uic-tw-gradient-stops: var(--es-uic-tw-gradient-via-stops, var(--es-uic-tw-gradient-position), var(--es-uic-tw-gradient-from) var(--es-uic-tw-gradient-from-position), var(--es-uic-tw-gradient-to) var(--es-uic-tw-gradient-to-position));
-}
-
 :is(body, body #wpwrap) .es\:from-surface-50\/85 {
   --es-uic-tw-gradient-from: var(--es-color-surface-50);
 }
@@ -5331,20 +5304,6 @@ input[data-rac]::-webkit-search-cancel-button {
   --es-uic-tw-gradient-stops: var(--es-uic-tw-gradient-via-stops, var(--es-uic-tw-gradient-position), var(--es-uic-tw-gradient-from) var(--es-uic-tw-gradient-from-position), var(--es-uic-tw-gradient-to) var(--es-uic-tw-gradient-to-position));
 }
 
-:is(body, body #wpwrap) .es\:to-surface-50\/30 {
-  --es-uic-tw-gradient-to: var(--es-color-surface-50);
-}
-
-@supports (color: color-mix(in lab, red, red)) {
-  :is(body, body #wpwrap) .es\:to-surface-50\/30 {
-    --es-uic-tw-gradient-to: color-mix(in oklab, var(--es-color-surface-50) 30%, transparent);
-  }
-}
-
-:is(body, body #wpwrap) .es\:to-surface-50\/30 {
-  --es-uic-tw-gradient-stops: var(--es-uic-tw-gradient-via-stops, var(--es-uic-tw-gradient-position), var(--es-uic-tw-gradient-from) var(--es-uic-tw-gradient-from-position), var(--es-uic-tw-gradient-to) var(--es-uic-tw-gradient-to-position));
-}
-
 :is(body, body #wpwrap) .es\:to-surface-50\/85 {
   --es-uic-tw-gradient-to: var(--es-color-surface-50);
 }
@@ -5634,6 +5593,10 @@ input[data-rac]::-webkit-search-cancel-button {
   padding: 1px;
 }
 
+:is(body, body #wpwrap) .es\:p-px\! {
+  padding: 1px !important;
+}
+
 :is(body, body #wpwrap) .es\:px-0\.75 {
   padding-inline: calc(var(--es-spacing) * .75);
 }
@@ -7294,10 +7257,23 @@ input[data-rac]::-webkit-search-cancel-button {
   outline-width: 1px;
 }
 
+:is(body, body #wpwrap) .es\:outline-8 {
+  outline-style: var(--es-uic-tw-outline-style);
+  outline-width: 8px;
+}
+
+:is(body, body #wpwrap) .es\:-outline-offset-10 {
+  outline-offset: calc(10px * -1);
+}
+
 :is(body, body #wpwrap) .es\:outline-offset-2 {
   outline-offset: 2px;
 }
 
+:is(body, body #wpwrap) .es\:outline-\(--es-img-colorful-dominant-color\,var\(--es-img-dominant-color\)\) {
+  outline-color: var(--es-img-colorful-dominant-color, var(--es-img-dominant-color));
+}
+
 :is(body, body #wpwrap) .es\:outline-accent-500\/40 {
   outline-color: var(--es-color-accent-500);
 }
@@ -9804,6 +9780,10 @@ input[data-rac]::-webkit-search-cancel-button {
   border-radius: var(--es-radius-xl);
 }
 
+:is(body, body #wpwrap) .es\:focus\:rounded-xl\!:where([data-rac])[data-focused], :is(body, body #wpwrap) .es\:focus\:rounded-xl\!:where(:not([data-rac])):focus {
+  border-radius: var(--es-radius-xl) !important;
+}
+
 :is(body, body #wpwrap) .es\:focus\:bg-surface-50:where([data-rac])[data-focused], :is(body, body #wpwrap) .es\:focus\:bg-surface-50:where(:not([data-rac])):focus {
   background-color: var(--es-color-surface-50);
 }
@@ -10308,6 +10288,10 @@ input[data-rac]::-webkit-search-cancel-button {
   border-radius: var(--es-radius-xl);
 }
 
+:is(body, body #wpwrap) .es\:aria-\[controls\]\:rounded-xl\![aria-controls] {
+  border-radius: var(--es-radius-xl) !important;
+}
+
 @media (prefers-contrast: more) {
   :is(body, body #wpwrap) .es\:contrast-more\:text-current {
     color: currentColor;

package/dist/assets/style-editor.css

@@ -3142,6 +3142,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   border-radius: var(--es-radius-lg);
 }
 
+:is(body, #wpwrap #editor) .es\:rounded-lg\! {
+  border-radius: var(--es-radius-lg) !important;
+}
+
 :is(body, #wpwrap #editor) .es\:rounded-md {
   border-radius: var(--es-radius-md);
 }
@@ -3248,11 +3252,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   border-width: 1px;
 }
 
-:is(body, #wpwrap #editor) .es\:border-4 {
-  border-style: var(--es-uic-tw-border-style);
-  border-width: 4px;
-}
-
 :is(body, #wpwrap #editor) .es\:border-x {
   border-inline-style: var(--es-uic-tw-border-style);
   border-inline-width: 1px;
@@ -3335,6 +3334,14 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   border-color: var(--es-color-secondary-300);
 }
 
+:is(body, #wpwrap #editor) .es\:border-secondary-800 {
+  border-color: var(--es-color-secondary-800);
+}
+
+:is(body, #wpwrap #editor) .es\:border-surface-100 {
+  border-color: var(--es-color-surface-100);
+}
+
 :is(body, #wpwrap #editor) .es\:border-surface-200 {
   border-color: var(--es-color-surface-200);
 }
@@ -3351,10 +3358,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   border-bottom-color: var(--es-color-secondary-200);
 }
 
-:is(body, #wpwrap #editor) .es\:bg-\(--es-img-dominant-color\) {
-  background-color: var(--es-img-dominant-color);
-}
-
 :is(body, #wpwrap #editor) .es\:bg-\[\#f1f1f1\] {
   background-color: #f1f1f1;
 }
@@ -3447,16 +3450,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   }
 }
 
-:is(body, #wpwrap #editor) .es\:bg-black, :is(body, #wpwrap #editor) .es\:bg-black\/60 {
+:is(body, #wpwrap #editor) .es\:bg-black {
   background-color: var(--es-color-black);
 }
 
-@supports (color: color-mix(in lab, red, red)) {
-  :is(body, #wpwrap #editor) .es\:bg-black\/60 {
-    background-color: color-mix(in oklab, var(--es-color-black) 60%, transparent);
-  }
-}
-
 :is(body, #wpwrap #editor) .es\:bg-blue-500 {
   background-color: var(--es-color-blue-500);
 }
@@ -3709,16 +3706,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   }
 }
 
-:is(body, #wpwrap #editor) .es\:bg-white\/60 {
-  background-color: var(--es-color-white);
-}
-
-@supports (color: color-mix(in lab, red, red)) {
-  :is(body, #wpwrap #editor) .es\:bg-white\/60 {
-    background-color: color-mix(in oklab, var(--es-color-white) 60%, transparent);
-  }
-}
-
 :is(body, #wpwrap #editor) .es\:bg-yellow-400 {
   background-color: var(--es-color-yellow-400);
 }
@@ -4426,20 +4413,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   --es-uic-tw-gradient-stops: var(--es-uic-tw-gradient-via-stops, var(--es-uic-tw-gradient-position), var(--es-uic-tw-gradient-from) var(--es-uic-tw-gradient-from-position), var(--es-uic-tw-gradient-to) var(--es-uic-tw-gradient-to-position));
 }
 
-:is(body, #wpwrap #editor) .es\:from-surface-50\/5 {
-  --es-uic-tw-gradient-from: var(--es-color-surface-50);
-}
-
-@supports (color: color-mix(in lab, red, red)) {
-  :is(body, #wpwrap #editor) .es\:from-surface-50\/5 {
-    --es-uic-tw-gradient-from: color-mix(in oklab, var(--es-color-surface-50) 5%, transparent);
-  }
-}
-
-:is(body, #wpwrap #editor) .es\:from-surface-50\/5 {
-  --es-uic-tw-gradient-stops: var(--es-uic-tw-gradient-via-stops, var(--es-uic-tw-gradient-position), var(--es-uic-tw-gradient-from) var(--es-uic-tw-gradient-from-position), var(--es-uic-tw-gradient-to) var(--es-uic-tw-gradient-to-position));
-}
-
 :is(body, #wpwrap #editor) .es\:from-surface-50\/85 {
   --es-uic-tw-gradient-from: var(--es-color-surface-50);
 }
@@ -5299,20 +5272,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   --es-uic-tw-gradient-stops: var(--es-uic-tw-gradient-via-stops, var(--es-uic-tw-gradient-position), var(--es-uic-tw-gradient-from) var(--es-uic-tw-gradient-from-position), var(--es-uic-tw-gradient-to) var(--es-uic-tw-gradient-to-position));
 }
 
-:is(body, #wpwrap #editor) .es\:to-surface-50\/30 {
-  --es-uic-tw-gradient-to: var(--es-color-surface-50);
-}
-
-@supports (color: color-mix(in lab, red, red)) {
-  :is(body, #wpwrap #editor) .es\:to-surface-50\/30 {
-    --es-uic-tw-gradient-to: color-mix(in oklab, var(--es-color-surface-50) 30%, transparent);
-  }
-}
-
-:is(body, #wpwrap #editor) .es\:to-surface-50\/30 {
-  --es-uic-tw-gradient-stops: var(--es-uic-tw-gradient-via-stops, var(--es-uic-tw-gradient-position), var(--es-uic-tw-gradient-from) var(--es-uic-tw-gradient-from-position), var(--es-uic-tw-gradient-to) var(--es-uic-tw-gradient-to-position));
-}
-
 :is(body, #wpwrap #editor) .es\:to-surface-50\/85 {
   --es-uic-tw-gradient-to: var(--es-color-surface-50);
 }
@@ -5602,6 +5561,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   padding: 1px;
 }
 
+:is(body, #wpwrap #editor) .es\:p-px\! {
+  padding: 1px !important;
+}
+
 :is(body, #wpwrap #editor) .es\:px-0\.75 {
   padding-inline: calc(var(--es-spacing) * .75);
 }
@@ -7262,10 +7225,23 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   outline-width: 1px;
 }
 
+:is(body, #wpwrap #editor) .es\:outline-8 {
+  outline-style: var(--es-uic-tw-outline-style);
+  outline-width: 8px;
+}
+
+:is(body, #wpwrap #editor) .es\:-outline-offset-10 {
+  outline-offset: calc(10px * -1);
+}
+
 :is(body, #wpwrap #editor) .es\:outline-offset-2 {
   outline-offset: 2px;
 }
 
+:is(body, #wpwrap #editor) .es\:outline-\(--es-img-colorful-dominant-color\,var\(--es-img-dominant-color\)\) {
+  outline-color: var(--es-img-colorful-dominant-color, var(--es-img-dominant-color));
+}
+
 :is(body, #wpwrap #editor) .es\:outline-accent-500\/40 {
   outline-color: var(--es-color-accent-500);
 }
@@ -9772,6 +9748,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   border-radius: var(--es-radius-xl);
 }
 
+:is(body, #wpwrap #editor) .es\:focus\:rounded-xl\!:where([data-rac])[data-focused], :is(body, #wpwrap #editor) .es\:focus\:rounded-xl\!:where(:not([data-rac])):focus {
+  border-radius: var(--es-radius-xl) !important;
+}
+
 :is(body, #wpwrap #editor) .es\:focus\:bg-surface-50:where([data-rac])[data-focused], :is(body, #wpwrap #editor) .es\:focus\:bg-surface-50:where(:not([data-rac])):focus {
   background-color: var(--es-color-surface-50);
 }
@@ -10276,6 +10256,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   border-radius: var(--es-radius-xl);
 }
 
+:is(body, #wpwrap #editor) .es\:aria-\[controls\]\:rounded-xl\![aria-controls] {
+  border-radius: var(--es-radius-xl) !important;
+}
+
 @media (prefers-contrast: more) {
   :is(body, #wpwrap #editor) .es\:contrast-more\:text-current {
     color: currentColor;

package/dist/assets/style.css

@@ -3627,6 +3627,10 @@ input[data-rac]::-webkit-search-cancel-button {
     border-radius: var(--es-radius-lg);
   }
 
+  .es\:rounded-lg\! {
+    border-radius: var(--es-radius-lg) !important;
+  }
+
   .es\:rounded-md {
     border-radius: var(--es-radius-md);
   }
@@ -3733,11 +3737,6 @@ input[data-rac]::-webkit-search-cancel-button {
     border-width: 1px;
   }
 
-  .es\:border-4 {
-    border-style: var(--es-uic-tw-border-style);
-    border-width: 4px;
-  }
-
   .es\:border-x {
     border-inline-style: var(--es-uic-tw-border-style);
     border-inline-width: 1px;
@@ -3820,6 +3819,14 @@ input[data-rac]::-webkit-search-cancel-button {
     border-color: var(--es-color-secondary-300);
   }
 
+  .es\:border-secondary-800 {
+    border-color: var(--es-color-secondary-800);
+  }
+
+  .es\:border-surface-100 {
+    border-color: var(--es-color-surface-100);
+  }
+
   .es\:border-surface-200 {
     border-color: var(--es-color-surface-200);
   }
@@ -3836,10 +3843,6 @@ input[data-rac]::-webkit-search-cancel-button {
     border-bottom-color: var(--es-color-secondary-200);
   }
 
-  .es\:bg-\(--es-img-dominant-color\) {
-    background-color: var(--es-img-dominant-color);
-  }
-
   .es\:bg-\[\#f1f1f1\] {
     background-color: #f1f1f1;
   }
@@ -3932,16 +3935,10 @@ input[data-rac]::-webkit-search-cancel-button {
     }
   }
 
-  .es\:bg-black, .es\:bg-black\/60 {
+  .es\:bg-black {
     background-color: var(--es-color-black);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
-    .es\:bg-black\/60 {
-      background-color: color-mix(in oklab, var(--es-color-black) 60%, transparent);
-    }
-  }
-
   .es\:bg-blue-500 {
     background-color: var(--es-color-blue-500);
   }
@@ -4194,16 +4191,6 @@ input[data-rac]::-webkit-search-cancel-button {
     }
   }
 
-  .es\:bg-white\/60 {
-    background-color: var(--es-color-white);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .es\:bg-white\/60 {
-      background-color: color-mix(in oklab, var(--es-color-white) 60%, transparent);
-    }
-  }
-
   .es\:bg-yellow-400 {
     background-color: var(--es-color-yellow-400);
   }
@@ -4911,20 +4898,6 @@ input[data-rac]::-webkit-search-cancel-button {
     --es-uic-tw-gradient-stops: var(--es-uic-tw-gradient-via-stops, var(--es-uic-tw-gradient-position), var(--es-uic-tw-gradient-from) var(--es-uic-tw-gradient-from-position), var(--es-uic-tw-gradient-to) var(--es-uic-tw-gradient-to-position));
   }
 
-  .es\:from-surface-50\/5 {
-    --es-uic-tw-gradient-from: var(--es-color-surface-50);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .es\:from-surface-50\/5 {
-      --es-uic-tw-gradient-from: color-mix(in oklab, var(--es-color-surface-50) 5%, transparent);
-    }
-  }
-
-  .es\:from-surface-50\/5 {
-    --es-uic-tw-gradient-stops: var(--es-uic-tw-gradient-via-stops, var(--es-uic-tw-gradient-position), var(--es-uic-tw-gradient-from) var(--es-uic-tw-gradient-from-position), var(--es-uic-tw-gradient-to) var(--es-uic-tw-gradient-to-position));
-  }
-
   .es\:from-surface-50\/85 {
     --es-uic-tw-gradient-from: var(--es-color-surface-50);
   }
@@ -5784,20 +5757,6 @@ input[data-rac]::-webkit-search-cancel-button {
     --es-uic-tw-gradient-stops: var(--es-uic-tw-gradient-via-stops, var(--es-uic-tw-gradient-position), var(--es-uic-tw-gradient-from) var(--es-uic-tw-gradient-from-position), var(--es-uic-tw-gradient-to) var(--es-uic-tw-gradient-to-position));
   }
 
-  .es\:to-surface-50\/30 {
-    --es-uic-tw-gradient-to: var(--es-color-surface-50);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .es\:to-surface-50\/30 {
-      --es-uic-tw-gradient-to: color-mix(in oklab, var(--es-color-surface-50) 30%, transparent);
-    }
-  }
-
-  .es\:to-surface-50\/30 {
-    --es-uic-tw-gradient-stops: var(--es-uic-tw-gradient-via-stops, var(--es-uic-tw-gradient-position), var(--es-uic-tw-gradient-from) var(--es-uic-tw-gradient-from-position), var(--es-uic-tw-gradient-to) var(--es-uic-tw-gradient-to-position));
-  }
-
   .es\:to-surface-50\/85 {
     --es-uic-tw-gradient-to: var(--es-color-surface-50);
   }
@@ -6087,6 +6046,10 @@ input[data-rac]::-webkit-search-cancel-button {
     padding: 1px;
   }
 
+  .es\:p-px\! {
+    padding: 1px !important;
+  }
+
   .es\:px-0\.75 {
     padding-inline: calc(var(--es-spacing) * .75);
   }
@@ -7747,10 +7710,23 @@ input[data-rac]::-webkit-search-cancel-button {
     outline-width: 1px;
   }
 
+  .es\:outline-8 {
+    outline-style: var(--es-uic-tw-outline-style);
+    outline-width: 8px;
+  }
+
+  .es\:-outline-offset-10 {
+    outline-offset: calc(10px * -1);
+  }
+
   .es\:outline-offset-2 {
     outline-offset: 2px;
   }
 
+  .es\:outline-\(--es-img-colorful-dominant-color\,var\(--es-img-dominant-color\)\) {
+    outline-color: var(--es-img-colorful-dominant-color, var(--es-img-dominant-color));
+  }
+
   .es\:outline-accent-500\/40 {
     outline-color: var(--es-color-accent-500);
   }
@@ -10257,6 +10233,10 @@ input[data-rac]::-webkit-search-cancel-button {
     border-radius: var(--es-radius-xl);
   }
 
+  .es\:focus\:rounded-xl\!:where([data-rac])[data-focused], .es\:focus\:rounded-xl\!:where(:not([data-rac])):focus {
+    border-radius: var(--es-radius-xl) !important;
+  }
+
   .es\:focus\:bg-surface-50:where([data-rac])[data-focused], .es\:focus\:bg-surface-50:where(:not([data-rac])):focus {
     background-color: var(--es-color-surface-50);
   }
@@ -10761,6 +10741,10 @@ input[data-rac]::-webkit-search-cancel-button {
     border-radius: var(--es-radius-xl);
   }
 
+  .es\:aria-\[controls\]\:rounded-xl\![aria-controls] {
+    border-radius: var(--es-radius-xl) !important;
+  }
+
   @media (prefers-contrast: more) {
     .es\:contrast-more\:text-current {
       color: currentColor;

package/dist/{color-swatch-CZj0jHZd.js → color-swatch-bUFkK7ox.js}

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
-import { c as $bdb11010cef70236$export$f680877a34711e37, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, g as $64fa3d84918910a7$export$4d86445c2cf5e3, a as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-HC9_3Crc.js";
+import { d as $bdb11010cef70236$export$f680877a34711e37, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, h as $64fa3d84918910a7$export$4d86445c2cf5e3, a as $64fa3d84918910a7$export$df3a06d6289f983e, b as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-Cr3pLd9c.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-eGTqWSTd.js";
 import $dbSRa$react__default, { useMemo, forwardRef, createContext } from "react";
 import { $ as $9446cca9a3875146$export$7d15b64cf5a3a4c4, b as $9446cca9a3875146$export$b6268554fba451f } from "./number-7sOvrqo0.js";
-import { a as $5b160d28a433310d$export$c17fa47878dc55b6, b as $6db58dc88e78b024$export$2f817fcdc4b89ae0, $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-M3L6Ge2c.js";
+import { a as $5b160d28a433310d$export$c17fa47878dc55b6, b as $6db58dc88e78b024$export$2f817fcdc4b89ae0, $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-CEDs0LsA.js";
 import { $ as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 } from "./NumberFormatter-DA8u1Ot7.js";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-DYYO3Ns3.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-iUFQCK8m.js";
 import { c as clsx } from "./clsx-DgYk2OaC.js";
 import { _ as __ } from "./default-i18n-CnQeC5Pl.js";
 var $eccab2b0118aef08$exports = {};
@@ -2503,7 +2503,7 @@ const $251c695a52d94a8d$export$cae13e90592f246a = /* @__PURE__ */ forwardRef(fun
   let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
     global: true
   });
-  return /* @__PURE__ */ $dbSRa$react__default.createElement("div", {
+  return /* @__PURE__ */ $dbSRa$react__default.createElement($64fa3d84918910a7$export$df3a06d6289f983e.div, {
     ...$3ef42575df84b30b$export$9d1611c77c2fe928(DOMProps, colorSwatchProps, renderProps),
     slot: props.slot || void 0,
     ref
@@ -2564,7 +2564,7 @@ const ColorSwatch2 = (props) => {
 export {
   $251c695a52d94a8d$export$cae13e90592f246a as $,
   ColorSwatch2 as C,
-  $799cddbef784668f$export$6e865ea70d7724f as a,
-  $799cddbef784668f$export$4cde5df63f53f473 as b,
+  $799cddbef784668f$export$4cde5df63f53f473 as a,
+  $799cddbef784668f$export$6e865ea70d7724f as b,
   $3493a52097159720$exports as c
 };

package/dist/components/base-control/base-control.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { $ as $514c0188e459b4c0$export$5f1af8db9871e1d6 } from "../../Text-Dae33gHp.js";
+import { $ as $514c0188e459b4c0$export$5f1af8db9871e1d6 } from "../../Text-CjFEHSfr.js";
 import { c as clsx } from "../../clsx-DgYk2OaC.js";
 import { RichLabel } from "../rich-label/rich-label.js";
 /**

package/dist/components/button/button.js

@@ -1,10 +1,11 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1, b as $0393f8ab869a0f1a$export$c17561cb55d4db30 } from "../../Button-JRIu2BnS.js";
-import { b as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, g as $64fa3d84918910a7$export$4d86445c2cf5e3, a as $3ef42575df84b30b$export$9d1611c77c2fe928, j as $df56164dff5785e2$export$4338b53315abf666 } from "../../utils-HC9_3Crc.js";
-import { $ as $9bf71ea28793e738$export$c5251b9e124bf29 } from "../../FocusScope-Dri1oBcH.js";
+import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1, b as $0393f8ab869a0f1a$export$c17561cb55d4db30 } from "../../Button-CFnNdpNZ.js";
+import { c as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, h as $64fa3d84918910a7$export$4d86445c2cf5e3, a as $64fa3d84918910a7$export$df3a06d6289f983e, b as $3ef42575df84b30b$export$9d1611c77c2fe928, k as $df56164dff5785e2$export$4338b53315abf666 } from "../../utils-Cr3pLd9c.js";
+import { $ as $9bf71ea28793e738$export$c5251b9e124bf29 } from "../../FocusScope-BJhC1-1e.js";
+import { g as $d4ee10de306f2510$export$4282f70798064fe0 } from "../../useHover-CmyvqeWX.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-eGTqWSTd.js";
 import $dbSRa$react__default, { useState, useRef, forwardRef, createContext } from "react";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-DYYO3Ns3.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-iUFQCK8m.js";
 import { c as clsx } from "../../clsx-DgYk2OaC.js";
 import { c as cva } from "../../index-BHpUy2Ix.js";
 import { Tooltip } from "../tooltip/tooltip.js";
@@ -20,7 +21,7 @@ function $2680b1829e803644$export$fa142eb1681c520(props, ref) {
   const shouldReverse = direction === "rtl" && orientation === "horizontal";
   let focusManager = $9bf71ea28793e738$export$c5251b9e124bf29(ref);
   const onKeyDown = (e) => {
-    if (!e.currentTarget.contains(e.target)) return;
+    if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, e.target)) return;
     if (orientation === "horizontal" && e.key === "ArrowRight" || orientation === "vertical" && e.key === "ArrowDown") {
       if (shouldReverse) focusManager.focusPrevious();
       else focusManager.focusNext();
@@ -40,11 +41,10 @@ function $2680b1829e803644$export$fa142eb1681c520(props, ref) {
   };
   const lastFocused = useRef(null);
   const onBlur = (e) => {
-    if (!e.currentTarget.contains(e.relatedTarget) && !lastFocused.current) lastFocused.current = e.target;
+    if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, e.relatedTarget) && !lastFocused.current) lastFocused.current = e.target;
   };
   const onFocus = (e) => {
-    var _ref_current;
-    if (lastFocused.current && !e.currentTarget.contains(e.relatedTarget) && ((_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.contains(e.target))) {
+    if (lastFocused.current && !$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, e.relatedTarget) && $d4ee10de306f2510$export$4282f70798064fe0(ref.current, e.target)) {
       var _lastFocused_current;
       (_lastFocused_current = lastFocused.current) === null || _lastFocused_current === void 0 ? void 0 : _lastFocused_current.focus();
       lastFocused.current = null;
@@ -80,7 +80,7 @@ const $13c3c67164f4d5be$export$4c260019440d418f = /* @__PURE__ */ forwardRef(fun
     global: true
   });
   delete DOMProps.id;
-  return /* @__PURE__ */ $dbSRa$react__default.createElement("div", {
+  return /* @__PURE__ */ $dbSRa$react__default.createElement($64fa3d84918910a7$export$df3a06d6289f983e.div, {
     ...$3ef42575df84b30b$export$9d1611c77c2fe928(DOMProps, renderProps, toolbarProps),
     ref,
     slot: props.slot || void 0,

package/dist/components/checkbox/checkbox.js

@@ -1,17 +1,17 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { b as $4e85f108e88277b8$export$b085522c77523c51 } from "../../RSPContexts-CJ-HBf0L.js";
-import { a as $3ef42575df84b30b$export$9d1611c77c2fe928, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, d as $64fa3d84918910a7$export$fabf2dc03a41866e, j as $df56164dff5785e2$export$4338b53315abf666, k as $5dc95899b306f630$export$c9058316764c140e, f as $64fa3d84918910a7$export$ef03459518577ad4, g as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "../../utils-HC9_3Crc.js";
+import { b as $3ef42575df84b30b$export$9d1611c77c2fe928, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, e as $64fa3d84918910a7$export$fabf2dc03a41866e, k as $df56164dff5785e2$export$4338b53315abf666, l as $5dc95899b306f630$export$c9058316764c140e, g as $64fa3d84918910a7$export$ef03459518577ad4, h as $64fa3d84918910a7$export$4d86445c2cf5e3, a as $64fa3d84918910a7$export$df3a06d6289f983e } from "../../utils-Cr3pLd9c.js";
 import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-Cq3fu75_.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-eGTqWSTd.js";
 import $dbSRa$react__default, { useEffect, useMemo, useRef, forwardRef, useContext, createContext } from "react";
-import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, a as $e93e671b31057976$export$b8473d3665f3a75a, b as $e5be200c675c3b3a$export$a763b9476acd3eb, c as $e5be200c675c3b3a$export$dad6ae84456c676a } from "../../useFormValidation-Dqzjv4jX.js";
-import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "../../usePress-B9w0X4Ur.js";
-import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577 } from "../../useToggle-Deq2xxQV.js";
-import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-j3o1PvdS.js";
-import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-WEswknAY.js";
-import { x as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-CG39Ci3A.js";
-import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../../VisuallyHidden-eaCBtXhE.js";
-import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-DPWyf-gp.js";
+import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, a as $e93e671b31057976$export$b8473d3665f3a75a, b as $e5be200c675c3b3a$export$a763b9476acd3eb, c as $e5be200c675c3b3a$export$dad6ae84456c676a } from "../../useFormValidation-DTmPrTD8.js";
+import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "../../usePress-CNefMs8d.js";
+import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577 } from "../../useToggle-CFFOmZWi.js";
+import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-BWrKKisg.js";
+import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-rUOwLdTK.js";
+import { x as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-CmyvqeWX.js";
+import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../../VisuallyHidden-CqnizvzQ.js";
+import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BDlf9vIY.js";
 import { c as clsx } from "../../clsx-DgYk2OaC.js";
 import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
 import { icons } from "../../icons/icons.js";
@@ -174,7 +174,7 @@ const $bc237834342dbd75$export$48513f6b9f8ce62d = /* @__PURE__ */ forwardRef(fun
   });
   delete DOMProps.id;
   delete DOMProps.onClick;
-  return /* @__PURE__ */ $dbSRa$react__default.createElement("label", {
+  return /* @__PURE__ */ $dbSRa$react__default.createElement($64fa3d84918910a7$export$df3a06d6289f983e.label, {
     ...$3ef42575df84b30b$export$9d1611c77c2fe928(DOMProps, labelProps, hoverProps, renderProps),
     ref,
     slot: props.slot || void 0,