@eightshift/ui-components 5.0.1 → 5.0.2

package/dist/assets/style-editor.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
 @layer properties {
   @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
     *, :before, :after, ::backdrop {
@@ -2396,7 +2396,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
 
 :is(body, #wpwrap #editor) .es\:bg-linear-to-b {
   --tw-gradient-position: to bottom;
-  background-image: linear-gradient(var(--tw-gradient-stops));
 }
 
 @supports (background-image: linear-gradient(in lab, red, red)) {
@@ -2405,9 +2404,12 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   }
 }
 
+:is(body, #wpwrap #editor) .es\:bg-linear-to-b {
+  background-image: linear-gradient(var(--tw-gradient-stops));
+}
+
 :is(body, #wpwrap #editor) .es\:bg-linear-to-bl {
   --tw-gradient-position: to bottom left;
-  background-image: linear-gradient(var(--tw-gradient-stops));
 }
 
 @supports (background-image: linear-gradient(in lab, red, red)) {
@@ -2416,9 +2418,12 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   }
 }
 
+:is(body, #wpwrap #editor) .es\:bg-linear-to-bl {
+  background-image: linear-gradient(var(--tw-gradient-stops));
+}
+
 :is(body, #wpwrap #editor) .es\:bg-linear-to-br {
   --tw-gradient-position: to bottom right;
-  background-image: linear-gradient(var(--tw-gradient-stops));
 }
 
 @supports (background-image: linear-gradient(in lab, red, red)) {
@@ -2427,9 +2432,12 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   }
 }
 
+:is(body, #wpwrap #editor) .es\:bg-linear-to-br {
+  background-image: linear-gradient(var(--tw-gradient-stops));
+}
+
 :is(body, #wpwrap #editor) .es\:bg-linear-to-l {
   --tw-gradient-position: to left;
-  background-image: linear-gradient(var(--tw-gradient-stops));
 }
 
 @supports (background-image: linear-gradient(in lab, red, red)) {
@@ -2438,9 +2446,12 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   }
 }
 
+:is(body, #wpwrap #editor) .es\:bg-linear-to-l {
+  background-image: linear-gradient(var(--tw-gradient-stops));
+}
+
 :is(body, #wpwrap #editor) .es\:bg-linear-to-r {
   --tw-gradient-position: to right;
-  background-image: linear-gradient(var(--tw-gradient-stops));
 }
 
 @supports (background-image: linear-gradient(in lab, red, red)) {
@@ -2449,9 +2460,12 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   }
 }
 
+:is(body, #wpwrap #editor) .es\:bg-linear-to-r {
+  background-image: linear-gradient(var(--tw-gradient-stops));
+}
+
 :is(body, #wpwrap #editor) .es\:bg-linear-to-t {
   --tw-gradient-position: to top;
-  background-image: linear-gradient(var(--tw-gradient-stops));
 }
 
 @supports (background-image: linear-gradient(in lab, red, red)) {
@@ -2460,9 +2474,12 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   }
 }
 
+:is(body, #wpwrap #editor) .es\:bg-linear-to-t {
+  background-image: linear-gradient(var(--tw-gradient-stops));
+}
+
 :is(body, #wpwrap #editor) .es\:bg-linear-to-tl {
   --tw-gradient-position: to top left;
-  background-image: linear-gradient(var(--tw-gradient-stops));
 }
 
 @supports (background-image: linear-gradient(in lab, red, red)) {
@@ -2471,9 +2488,12 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   }
 }
 
+:is(body, #wpwrap #editor) .es\:bg-linear-to-tl {
+  background-image: linear-gradient(var(--tw-gradient-stops));
+}
+
 :is(body, #wpwrap #editor) .es\:bg-linear-to-tr {
   --tw-gradient-position: to top right;
-  background-image: linear-gradient(var(--tw-gradient-stops));
 }
 
 @supports (background-image: linear-gradient(in lab, red, red)) {
@@ -2482,6 +2502,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   }
 }
 
+:is(body, #wpwrap #editor) .es\:bg-linear-to-tr {
+  background-image: linear-gradient(var(--tw-gradient-stops));
+}
+
 :is(body, #wpwrap #editor) .es\:bg-gradient-to-r {
   --tw-gradient-position: to right in oklab;
   background-image: linear-gradient(var(--tw-gradient-stops));
@@ -2532,7 +2556,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
 
 :is(body, #wpwrap #editor) .es\:from-red-50\/75 {
   --tw-gradient-from: var(--es-color-red-50);
-  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
 }
 
 @supports (color: color-mix(in lab, red, red)) {
@@ -2541,6 +2564,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   }
 }
 
+:is(body, #wpwrap #editor) .es\:from-red-50\/75 {
+  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+}
+
 :is(body, #wpwrap #editor) .es\:from-secondary-50 {
   --tw-gradient-from: var(--es-color-secondary-50);
   --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -2570,17 +2597,25 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   --tw-gradient-from-position: 40%;
 }
 
-:is(body, #wpwrap #editor) .es\:to-accent-500, :is(body, #wpwrap #editor) .es\:to-accent-500\/30 {
+:is(body, #wpwrap #editor) .es\:to-accent-500 {
   --tw-gradient-to: var(--es-color-accent-500);
   --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
 }
 
+:is(body, #wpwrap #editor) .es\:to-accent-500\/30 {
+  --tw-gradient-to: var(--es-color-accent-500);
+}
+
 @supports (color: color-mix(in lab, red, red)) {
   :is(body, #wpwrap #editor) .es\:to-accent-500\/30 {
     --tw-gradient-to: color-mix(in oklab, var(--es-color-accent-500) 30%, transparent);
   }
 }
 
+:is(body, #wpwrap #editor) .es\:to-accent-500\/30 {
+  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+}
+
 :is(body, #wpwrap #editor) .es\:to-accent-600 {
   --tw-gradient-to: var(--es-color-accent-600);
   --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -4076,7 +4111,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
 :is(body, #wpwrap #editor) .es\:after\:bg-linear-to-b:after {
   content: var(--tw-content);
   --tw-gradient-position: to bottom;
-  background-image: linear-gradient(var(--tw-gradient-stops));
 }
 
 @supports (background-image: linear-gradient(in lab, red, red)) {
@@ -4085,10 +4119,13 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   }
 }
 
+:is(body, #wpwrap #editor) .es\:after\:bg-linear-to-b:after {
+  background-image: linear-gradient(var(--tw-gradient-stops));
+}
+
 :is(body, #wpwrap #editor) .es\:after\:bg-linear-to-r:after {
   content: var(--tw-content);
   --tw-gradient-position: to right;
-  background-image: linear-gradient(var(--tw-gradient-stops));
 }
 
 @supports (background-image: linear-gradient(in lab, red, red)) {
@@ -4097,6 +4134,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   }
 }
 
+:is(body, #wpwrap #editor) .es\:after\:bg-linear-to-r:after {
+  background-image: linear-gradient(var(--tw-gradient-stops));
+}
+
 :is(body, #wpwrap #editor) .es\:after\:transition:after {
   content: var(--tw-content);
   transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
@@ -4527,7 +4568,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
 
 :is(body, #wpwrap #editor) .es\:disabled\:bg-linear-to-r\!:is(:disabled, [data-rac][data-disabled]) {
   --tw-gradient-position: to right !important;
-  background-image: linear-gradient(var(--tw-gradient-stops)) !important;
 }
 
 @supports (background-image: linear-gradient(in lab, red, red)) {
@@ -4536,6 +4576,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   }
 }
 
+:is(body, #wpwrap #editor) .es\:disabled\:bg-linear-to-r\!:is(:disabled, [data-rac][data-disabled]) {
+  background-image: linear-gradient(var(--tw-gradient-stops)) !important;
+}
+
 :is(body, #wpwrap #editor) .es\:disabled\:from-white:is(:disabled, [data-rac][data-disabled]) {
   --tw-gradient-from: var(--es-color-white);
   --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));

package/dist/assets/style.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
 @layer properties {
   @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
     *, :before, :after, ::backdrop {
@@ -2741,7 +2741,6 @@
 
   .es\:bg-linear-to-b {
     --tw-gradient-position: to bottom;
-    background-image: linear-gradient(var(--tw-gradient-stops));
   }
 
   @supports (background-image: linear-gradient(in lab, red, red)) {
@@ -2750,9 +2749,12 @@
     }
   }
 
+  .es\:bg-linear-to-b {
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
+
   .es\:bg-linear-to-bl {
     --tw-gradient-position: to bottom left;
-    background-image: linear-gradient(var(--tw-gradient-stops));
   }
 
   @supports (background-image: linear-gradient(in lab, red, red)) {
@@ -2761,9 +2763,12 @@
     }
   }
 
+  .es\:bg-linear-to-bl {
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
+
   .es\:bg-linear-to-br {
     --tw-gradient-position: to bottom right;
-    background-image: linear-gradient(var(--tw-gradient-stops));
   }
 
   @supports (background-image: linear-gradient(in lab, red, red)) {
@@ -2772,9 +2777,12 @@
     }
   }
 
+  .es\:bg-linear-to-br {
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
+
   .es\:bg-linear-to-l {
     --tw-gradient-position: to left;
-    background-image: linear-gradient(var(--tw-gradient-stops));
   }
 
   @supports (background-image: linear-gradient(in lab, red, red)) {
@@ -2783,9 +2791,12 @@
     }
   }
 
+  .es\:bg-linear-to-l {
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
+
   .es\:bg-linear-to-r {
     --tw-gradient-position: to right;
-    background-image: linear-gradient(var(--tw-gradient-stops));
   }
 
   @supports (background-image: linear-gradient(in lab, red, red)) {
@@ -2794,9 +2805,12 @@
     }
   }
 
+  .es\:bg-linear-to-r {
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
+
   .es\:bg-linear-to-t {
     --tw-gradient-position: to top;
-    background-image: linear-gradient(var(--tw-gradient-stops));
   }
 
   @supports (background-image: linear-gradient(in lab, red, red)) {
@@ -2805,9 +2819,12 @@
     }
   }
 
+  .es\:bg-linear-to-t {
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
+
   .es\:bg-linear-to-tl {
     --tw-gradient-position: to top left;
-    background-image: linear-gradient(var(--tw-gradient-stops));
   }
 
   @supports (background-image: linear-gradient(in lab, red, red)) {
@@ -2816,9 +2833,12 @@
     }
   }
 
+  .es\:bg-linear-to-tl {
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
+
   .es\:bg-linear-to-tr {
     --tw-gradient-position: to top right;
-    background-image: linear-gradient(var(--tw-gradient-stops));
   }
 
   @supports (background-image: linear-gradient(in lab, red, red)) {
@@ -2827,6 +2847,10 @@
     }
   }
 
+  .es\:bg-linear-to-tr {
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
+
   .es\:bg-gradient-to-r {
     --tw-gradient-position: to right in oklab;
     background-image: linear-gradient(var(--tw-gradient-stops));
@@ -2877,7 +2901,6 @@
 
   .es\:from-red-50\/75 {
     --tw-gradient-from: var(--es-color-red-50);
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
 
   @supports (color: color-mix(in lab, red, red)) {
@@ -2886,6 +2909,10 @@
     }
   }
 
+  .es\:from-red-50\/75 {
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+
   .es\:from-secondary-50 {
     --tw-gradient-from: var(--es-color-secondary-50);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -2915,17 +2942,25 @@
     --tw-gradient-from-position: 40%;
   }
 
-  .es\:to-accent-500, .es\:to-accent-500\/30 {
+  .es\:to-accent-500 {
     --tw-gradient-to: var(--es-color-accent-500);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
 
+  .es\:to-accent-500\/30 {
+    --tw-gradient-to: var(--es-color-accent-500);
+  }
+
   @supports (color: color-mix(in lab, red, red)) {
     .es\:to-accent-500\/30 {
       --tw-gradient-to: color-mix(in oklab, var(--es-color-accent-500) 30%, transparent);
     }
   }
 
+  .es\:to-accent-500\/30 {
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+
   .es\:to-accent-600 {
     --tw-gradient-to: var(--es-color-accent-600);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -4421,7 +4456,6 @@
   .es\:after\:bg-linear-to-b:after {
     content: var(--tw-content);
     --tw-gradient-position: to bottom;
-    background-image: linear-gradient(var(--tw-gradient-stops));
   }
 
   @supports (background-image: linear-gradient(in lab, red, red)) {
@@ -4430,10 +4464,13 @@
     }
   }
 
+  .es\:after\:bg-linear-to-b:after {
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
+
   .es\:after\:bg-linear-to-r:after {
     content: var(--tw-content);
     --tw-gradient-position: to right;
-    background-image: linear-gradient(var(--tw-gradient-stops));
   }
 
   @supports (background-image: linear-gradient(in lab, red, red)) {
@@ -4442,6 +4479,10 @@
     }
   }
 
+  .es\:after\:bg-linear-to-r:after {
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
+
   .es\:after\:transition:after {
     content: var(--tw-content);
     transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
@@ -4872,7 +4913,6 @@
 
   .es\:disabled\:bg-linear-to-r\!:is(:disabled, [data-rac][data-disabled]) {
     --tw-gradient-position: to right !important;
-    background-image: linear-gradient(var(--tw-gradient-stops)) !important;
   }
 
   @supports (background-image: linear-gradient(in lab, red, red)) {
@@ -4881,6 +4921,10 @@
     }
   }
 
+  .es\:disabled\:bg-linear-to-r\!:is(:disabled, [data-rac][data-disabled]) {
+    background-image: linear-gradient(var(--tw-gradient-stops)) !important;
+  }
+
   .es\:disabled\:from-white:is(:disabled, [data-rac][data-disabled]) {
     --tw-gradient-from: var(--es-color-white);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));

package/dist/assets/wp-font-enhancements.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
 .edit-post-header, .components-popover, .edit-post-sidebar, .wp-block-post-title, .components-select-control__input, .components-base-control__field, .components-base-control__label, .components-combobox-control__suggestions-container, .components-input-control__label, .components-input-control__input, .components-checkbox-control__label, .components-menu-group__label, .components-menu-item__button, .components-notice .components-notice__content, .components-tooltip, .components-modal__header, .preferences-modal__section-title, .preferences-modal__section-description, .block-editor-inserter__tabs, .editor-list-view-sidebar, .edit-post-layout__footer, .components-snackbar, .components-text-control__input {
   font-family: var(--es-font-sans, "Geist Variable", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
 }

package/dist/assets/wp-ui-enhancements.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
 @layer properties {
   @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
     *, :before, :after, ::backdrop {
@@ -84,6 +84,15 @@
 .block-editor-block-list__block-crash-warning {
   border-radius: var(--es-radius-lg, .5rem) !important;
   border-color: var(--es-color-red-700, oklch(50.5% .213 27.518)) !important;
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  .block-editor-block-list__block-crash-warning {
+    border-color: color-mix(in oklab, var(--es-color-red-700, oklch(50.5% .213 27.518)) 15%, transparent) !important;
+  }
+}
+
+.block-editor-block-list__block-crash-warning {
   --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a) !important;
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
   --tw-shadow-color: var(--es-color-red-700, oklch(50.5% .213 27.518)) !important;
@@ -91,7 +100,6 @@
 
 @supports (color: color-mix(in lab, red, red)) {
   .block-editor-block-list__block-crash-warning {
-    border-color: color-mix(in oklab, var(--es-color-red-700, oklch(50.5% .213 27.518)) 15%, transparent) !important;
     --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-red-700, oklch(50.5% .213 27.518)) 10%, transparent) var(--tw-shadow-alpha), transparent) !important;
   }
 }
@@ -104,6 +112,15 @@
   border-radius: var(--es-radius-lg, .5rem) !important;
   border-color: var(--es-color-zinc-300, oklch(87.1% .006 286.286)) !important;
   background-color: var(--es-color-zinc-50, oklch(98.5% 0 0)) !important;
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  .wp-block-missing div.block-editor-warning {
+    background-color: color-mix(in oklab, var(--es-color-zinc-50, oklch(98.5% 0 0)) 75%, transparent) !important;
+  }
+}
+
+.wp-block-missing div.block-editor-warning {
   --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a) !important;
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
   --tw-shadow-color: var(--es-color-zinc-700, oklch(37% .013 285.805)) !important;
@@ -111,7 +128,6 @@
 
 @supports (color: color-mix(in lab, red, red)) {
   .wp-block-missing div.block-editor-warning {
-    background-color: color-mix(in oklab, var(--es-color-zinc-50, oklch(98.5% 0 0)) 75%, transparent) !important;
     --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-zinc-700, oklch(37% .013 285.805)) 20%, transparent) var(--tw-shadow-alpha), transparent) !important;
   }
 }
@@ -178,6 +194,16 @@
   border-width: 1px;
   border-color: var(--es-color-gray-800, oklch(27.8% .033 256.848));
   background-color: var(--es-color-gray-950, oklch(13% .028 261.692));
+  border-radius: var(--es-radius-md, .375rem) !important;
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  .components-tooltip {
+    background-color: color-mix(in oklab, var(--es-color-gray-950, oklch(13% .028 261.692)) 70%, transparent);
+  }
+}
+
+.components-tooltip {
   padding-inline: calc(var(--es-spacing, .25rem) * 1);
   padding-block: calc(var(--es-spacing, .25rem) * .5);
   color: var(--es-color-white, #fff);
@@ -188,13 +214,6 @@
   backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
   --tw-backdrop-brightness: brightness(105%);
   --tw-backdrop-saturate: saturate(150%);
-  border-radius: var(--es-radius-md, .375rem) !important;
-}
-
-@supports (color: color-mix(in lab, red, red)) {
-  .components-tooltip {
-    background-color: color-mix(in oklab, var(--es-color-gray-950, oklch(13% .028 261.692)) 70%, transparent);
-  }
 }
 
 .components-tooltip:has( > :first-child) {

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-DRpwWot2.js";
+import { $ as $514c0188e459b4c0$export$5f1af8db9871e1d6 } from "../../Text-BuJgePCv.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { RichLabel } from "../rich-label/rich-label.js";
 /**

package/dist/components/button/button.js

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-wERNNG0T.js";
-import { k as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, a as $64fa3d84918910a7$export$29f1550f4b0d4415, b as $64fa3d84918910a7$export$4d86445c2cf5e3, d as $3ef42575df84b30b$export$9d1611c77c2fe928, l as $df56164dff5785e2$export$4338b53315abf666 } from "../../utils-B94NDG0v.js";
-import { $ as $9bf71ea28793e738$export$c5251b9e124bf29 } from "../../FocusScope-C-plSxbS.js";
+import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-BpwTmkAe.js";
+import { k as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, a as $64fa3d84918910a7$export$29f1550f4b0d4415, b as $64fa3d84918910a7$export$4d86445c2cf5e3, d as $3ef42575df84b30b$export$9d1611c77c2fe928, l as $df56164dff5785e2$export$4338b53315abf666 } from "../../utils-CZt7LCbO.js";
+import { $ as $9bf71ea28793e738$export$c5251b9e124bf29 } from "../../FocusScope-BEPI2m7u.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
 import React__default, { useState, useRef, forwardRef, createContext } from "react";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-BYWrbm1z.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-BbYZoHvX.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
-import { c as cva } from "../../index-wl5606BX.js";
+import { c as cva } from "../../index-BljRBEr_.js";
 import { Tooltip } from "../tooltip/tooltip.js";
 import { _ as __ } from "../../default-i18n-CT_oS1Fy.js";
 function $2680b1829e803644$export$fa142eb1681c520(props, ref) {

package/dist/components/checkbox/checkbox.js

@@ -1,17 +1,17 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { a as $4e85f108e88277b8$export$b085522c77523c51 } from "../../RSPContexts-2lR5GG9p.js";
-import { d as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, l as $df56164dff5785e2$export$4338b53315abf666, m as $5dc95899b306f630$export$c9058316764c140e, h as $64fa3d84918910a7$export$ef03459518577ad4, b as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "../../utils-B94NDG0v.js";
+import { d as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, l as $df56164dff5785e2$export$4338b53315abf666, m as $5dc95899b306f630$export$c9058316764c140e, h as $64fa3d84918910a7$export$ef03459518577ad4, b as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "../../utils-CZt7LCbO.js";
 import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-Cq3fu75_.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
-import React__default, { useEffect, 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-D0_aaK-e.js";
-import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "../../usePress-DjNo5790.js";
-import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577 } from "../../useToggle-CQaXLe-O.js";
-import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-C3DLdez5.js";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-nMG2uzxS.js";
-import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-VO5tcIli.js";
-import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../../VisuallyHidden-DsKYcRQ_.js";
-import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-Fp6AwSRn.js";
+import React__default, { useEffect, useRef, forwardRef, useContext, createContext, useMemo } from "react";
+import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, a as $e93e671b31057976$export$b8473d3665f3a75a, b as $e5be200c675c3b3a$export$a763b9476acd3eb, c as $e5be200c675c3b3a$export$dad6ae84456c676a } from "../../useFormValidation-Dy0PXJg5.js";
+import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "../../usePress-BrJylgPR.js";
+import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577 } from "../../useToggle-CDa3YAZI.js";
+import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-ibcBUHnB.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-Bv0UJQl8.js";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-C2SkI1Fn.js";
+import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../../VisuallyHidden-BYi0pekx.js";
+import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-JS_ob-kh.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
 import { icons } from "../../icons/icons.js";
@@ -123,7 +123,10 @@ const $bc237834342dbd75$export$48513f6b9f8ce62d = /* @__PURE__ */ forwardRef(fun
   var _props_validationBehavior, _ref;
   let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== void 0 ? _ref : "native";
   let groupState = useContext($bc237834342dbd75$export$139c5b8563afc1fc);
-  let inputRef = $df56164dff5785e2$export$4338b53315abf666($5dc95899b306f630$export$c9058316764c140e(userProvidedInputRef, props.inputRef !== void 0 ? props.inputRef : null));
+  let inputRef = $df56164dff5785e2$export$4338b53315abf666(useMemo(() => $5dc95899b306f630$export$c9058316764c140e(userProvidedInputRef, props.inputRef !== void 0 ? props.inputRef : null), [
+    userProvidedInputRef,
+    props.inputRef
+  ]));
   let { labelProps, inputProps, isSelected, isDisabled, isReadOnly, isPressed, isInvalid } = groupState ? $fba3e38d5ca8983f$export$353b32fc6898d37d({
     ...$64fa3d84918910a7$export$ef03459518577ad4(props),
     // Value is optional for standalone checkboxes, but required for CheckboxGroup items;

package/dist/components/color-pickers/color-swatch.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import { $ as $251c695a52d94a8d$export$cae13e90592f246a } from "../../ColorSwatch-Bcn6oRSg.js";
+import { $ as $251c695a52d94a8d$export$cae13e90592f246a } from "../../ColorSwatch-DntWEAC3.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { _ as __ } from "../../default-i18n-CT_oS1Fy.js";
-import { $ as $799cddbef784668f$export$6e865ea70d7724f } from "../../Color-BhgbJF5x.js";
+import { $ as $799cddbef784668f$export$6e865ea70d7724f } from "../../Color-lVhk8V_G.js";
 /**
  * A simple color/gradient swatch.
  *

package/dist/components/color-pickers/gradient-editor.js

@@ -6,7 +6,7 @@ import { icons } from "../../icons/icons.js";
 import { SolidColorPicker } from "./solid-color-picker.js";
 import { Slider } from "../slider/slider.js";
 import { NumberPicker } from "../number-picker/number-picker.js";
-import { $ as $251c695a52d94a8d$export$cae13e90592f246a } from "../../ColorSwatch-Bcn6oRSg.js";
+import { $ as $251c695a52d94a8d$export$cae13e90592f246a } from "../../ColorSwatch-DntWEAC3.js";
 import { Menu, MenuItem } from "../menu/menu.js";
 import { MatrixAlign } from "../matrix-align/matrix-align.js";
 import { Spacer } from "../spacer/spacer.js";