@eightshift/ui-components 6.0.6 → 6.0.9

package/dist/assets/style-admin.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.18 | 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 {
@@ -1823,6 +1823,10 @@ input[data-rac]::-webkit-search-cancel-button {
   margin-bottom: calc(var(--es-spacing) * 5);
 }
 
+:is(body, body #wpwrap) .es\:mb-6 {
+  margin-bottom: calc(var(--es-spacing) * 6);
+}
+
 :is(body, body #wpwrap) .es\:mb-10 {
   margin-bottom: calc(var(--es-spacing) * 10);
 }
@@ -2107,6 +2111,10 @@ input[data-rac]::-webkit-search-cancel-button {
   max-height: calc(var(--es-spacing) * 60);
 }
 
+:is(body, body #wpwrap) .es\:max-h-\[70vh\] {
+  max-height: 70vh;
+}
+
 :is(body, body #wpwrap) .es\:max-h-\[85vh\] {
   max-height: 85vh;
 }
@@ -2321,6 +2329,10 @@ input[data-rac]::-webkit-search-cancel-button {
   max-width: calc(var(--es-spacing) * 96);
 }
 
+:is(body, body #wpwrap) .es\:max-w-\[80vw\] {
+  max-width: 80vw;
+}
+
 :is(body, body #wpwrap) .es\:max-w-\[90vw\] {
   max-width: 90vw;
 }
@@ -2501,8 +2513,8 @@ input[data-rac]::-webkit-search-cancel-button {
   translate: var(--tw-translate-x) var(--tw-translate-y);
 }
 
-:is(body, body #wpwrap) .es\:translate-y-0 {
-  --tw-translate-y: calc(var(--es-spacing) * 0);
+:is(body, body #wpwrap) .es\:translate-y-1 {
+  --tw-translate-y: calc(var(--es-spacing) * 1);
   translate: var(--tw-translate-x) var(--tw-translate-y);
 }
 
@@ -2611,42 +2623,12 @@ input[data-rac]::-webkit-search-cancel-button {
   animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
 }
 
-:is(body, body #wpwrap) .es\:motion-blur-in-\[1px\] {
-  --motion-origin-blur: 1px;
-  --motion-filter-in-animation: motion-filter-in calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
-  animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
-}
-
-:is(body, body #wpwrap) .es\:motion-blur-in-\[2px\] {
-  --motion-origin-blur: 2px;
-  --motion-filter-in-animation: motion-filter-in calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
-  animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
-}
-
 :is(body, body #wpwrap) .es\:motion-blur-in-xs {
   --motion-origin-blur: 4px;
   --motion-filter-in-animation: motion-filter-in calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
   animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
 }
 
-:is(body, body #wpwrap) .es\:motion-blur-out-\[1px\] {
-  --motion-end-blur: 1px;
-  --motion-filter-out-animation: motion-filter-out calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
-  animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
-}
-
-:is(body, body #wpwrap) .es\:motion-blur-out-\[2px\] {
-  --motion-end-blur: 2px;
-  --motion-filter-out-animation: motion-filter-out calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
-  animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
-}
-
-:is(body, body #wpwrap) .es\:motion-blur-out-xs {
-  --motion-end-blur: 4px;
-  --motion-filter-out-animation: motion-filter-out calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
-  animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
-}
-
 :is(body, body #wpwrap) .es\:motion-opacity-in {
   --motion-origin-opacity: 0;
   --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
@@ -3127,6 +3109,10 @@ input[data-rac]::-webkit-search-cancel-button {
   overflow-y: auto;
 }
 
+:is(body, body #wpwrap) .es\:overflow-y-hidden {
+  overflow-y: hidden;
+}
+
 :is(body, body #wpwrap) .es\:overflow-y-visible {
   overflow-y: visible;
 }
@@ -4475,17 +4461,17 @@ input[data-rac]::-webkit-search-cancel-button {
   --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, body #wpwrap) .es\:from-surface-50\/75 {
+:is(body, body #wpwrap) .es\:from-surface-50\/85 {
   --tw-gradient-from: var(--es-color-surface-50);
 }
 
 @supports (color: color-mix(in lab, red, red)) {
-  :is(body, body #wpwrap) .es\:from-surface-50\/75 {
-    --tw-gradient-from: color-mix(in oklab, var(--es-color-surface-50) 75%, transparent);
+  :is(body, body #wpwrap) .es\:from-surface-50\/85 {
+    --tw-gradient-from: color-mix(in oklab, var(--es-color-surface-50) 85%, transparent);
   }
 }
 
-:is(body, body #wpwrap) .es\:from-surface-50\/75 {
+:is(body, body #wpwrap) .es\:from-surface-50\/85 {
   --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));
 }
 
@@ -5348,17 +5334,17 @@ input[data-rac]::-webkit-search-cancel-button {
   --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, body #wpwrap) .es\:to-surface-50\/75 {
+:is(body, body #wpwrap) .es\:to-surface-50\/85 {
   --tw-gradient-to: var(--es-color-surface-50);
 }
 
 @supports (color: color-mix(in lab, red, red)) {
-  :is(body, body #wpwrap) .es\:to-surface-50\/75 {
-    --tw-gradient-to: color-mix(in oklab, var(--es-color-surface-50) 75%, transparent);
+  :is(body, body #wpwrap) .es\:to-surface-50\/85 {
+    --tw-gradient-to: color-mix(in oklab, var(--es-color-surface-50) 85%, transparent);
   }
 }
 
-:is(body, body #wpwrap) .es\:to-surface-50\/75 {
+:is(body, body #wpwrap) .es\:to-surface-50\/85 {
   --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));
 }
 
@@ -5753,10 +5739,6 @@ input[data-rac]::-webkit-search-cancel-button {
   padding-top: calc(var(--es-spacing) * 5);
 }
 
-:is(body, body #wpwrap) .es\:pt-6 {
-  padding-top: calc(var(--es-spacing) * 6);
-}
-
 :is(body, body #wpwrap) .es\:pt-8 {
   padding-top: calc(var(--es-spacing) * 8);
 }
@@ -7859,6 +7841,17 @@ input[data-rac]::-webkit-search-cancel-button {
   grid-row-end: 1;
 }
 
+:is(:is(body, body #wpwrap) .es\:\*\:motion-preset-fade-sm > *) {
+  --motion-origin-opacity: 0;
+  --motion-duration: .3s;
+  --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
+  animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
+}
+
+:is(:is(body, body #wpwrap) .es\:\*\:motion-delay-75 > *) {
+  --motion-delay: 75ms;
+}
+
 :is(body, body #wpwrap) .es\:not-group-first\:not-group-before-current\:rounded-t-md:not(:is(:where(.es\:group):first-child *)):not(:is(:where(.es\:group):has( + :where(:pressed, :active, [data-selected="true"], [data-focus-visible="true"], [data-hovered="true"], [aria-expanded="true"], [data-expanded="true"])) *)) {
   border-top-left-radius: var(--es-radius-md);
   border-top-right-radius: var(--es-radius-md);

package/dist/assets/style-editor.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.18 | 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 {
@@ -1791,6 +1791,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   margin-bottom: calc(var(--es-spacing) * 5);
 }
 
+:is(body, #wpwrap #editor) .es\:mb-6 {
+  margin-bottom: calc(var(--es-spacing) * 6);
+}
+
 :is(body, #wpwrap #editor) .es\:mb-10 {
   margin-bottom: calc(var(--es-spacing) * 10);
 }
@@ -2075,6 +2079,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   max-height: calc(var(--es-spacing) * 60);
 }
 
+:is(body, #wpwrap #editor) .es\:max-h-\[70vh\] {
+  max-height: 70vh;
+}
+
 :is(body, #wpwrap #editor) .es\:max-h-\[85vh\] {
   max-height: 85vh;
 }
@@ -2289,6 +2297,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   max-width: calc(var(--es-spacing) * 96);
 }
 
+:is(body, #wpwrap #editor) .es\:max-w-\[80vw\] {
+  max-width: 80vw;
+}
+
 :is(body, #wpwrap #editor) .es\:max-w-\[90vw\] {
   max-width: 90vw;
 }
@@ -2469,8 +2481,8 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   translate: var(--tw-translate-x) var(--tw-translate-y);
 }
 
-:is(body, #wpwrap #editor) .es\:translate-y-0 {
-  --tw-translate-y: calc(var(--es-spacing) * 0);
+:is(body, #wpwrap #editor) .es\:translate-y-1 {
+  --tw-translate-y: calc(var(--es-spacing) * 1);
   translate: var(--tw-translate-x) var(--tw-translate-y);
 }
 
@@ -2579,42 +2591,12 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
 }
 
-:is(body, #wpwrap #editor) .es\:motion-blur-in-\[1px\] {
-  --motion-origin-blur: 1px;
-  --motion-filter-in-animation: motion-filter-in calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
-  animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
-}
-
-:is(body, #wpwrap #editor) .es\:motion-blur-in-\[2px\] {
-  --motion-origin-blur: 2px;
-  --motion-filter-in-animation: motion-filter-in calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
-  animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
-}
-
 :is(body, #wpwrap #editor) .es\:motion-blur-in-xs {
   --motion-origin-blur: 4px;
   --motion-filter-in-animation: motion-filter-in calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
   animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
 }
 
-:is(body, #wpwrap #editor) .es\:motion-blur-out-\[1px\] {
-  --motion-end-blur: 1px;
-  --motion-filter-out-animation: motion-filter-out calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
-  animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
-}
-
-:is(body, #wpwrap #editor) .es\:motion-blur-out-\[2px\] {
-  --motion-end-blur: 2px;
-  --motion-filter-out-animation: motion-filter-out calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
-  animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
-}
-
-:is(body, #wpwrap #editor) .es\:motion-blur-out-xs {
-  --motion-end-blur: 4px;
-  --motion-filter-out-animation: motion-filter-out calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
-  animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
-}
-
 :is(body, #wpwrap #editor) .es\:motion-opacity-in {
   --motion-origin-opacity: 0;
   --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
@@ -3095,6 +3077,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   overflow-y: auto;
 }
 
+:is(body, #wpwrap #editor) .es\:overflow-y-hidden {
+  overflow-y: hidden;
+}
+
 :is(body, #wpwrap #editor) .es\:overflow-y-visible {
   overflow-y: visible;
 }
@@ -4443,17 +4429,17 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   --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-surface-50\/75 {
+:is(body, #wpwrap #editor) .es\:from-surface-50\/85 {
   --tw-gradient-from: var(--es-color-surface-50);
 }
 
 @supports (color: color-mix(in lab, red, red)) {
-  :is(body, #wpwrap #editor) .es\:from-surface-50\/75 {
-    --tw-gradient-from: color-mix(in oklab, var(--es-color-surface-50) 75%, transparent);
+  :is(body, #wpwrap #editor) .es\:from-surface-50\/85 {
+    --tw-gradient-from: color-mix(in oklab, var(--es-color-surface-50) 85%, transparent);
   }
 }
 
-:is(body, #wpwrap #editor) .es\:from-surface-50\/75 {
+:is(body, #wpwrap #editor) .es\:from-surface-50\/85 {
   --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));
 }
 
@@ -5316,17 +5302,17 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   --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-surface-50\/75 {
+:is(body, #wpwrap #editor) .es\:to-surface-50\/85 {
   --tw-gradient-to: var(--es-color-surface-50);
 }
 
 @supports (color: color-mix(in lab, red, red)) {
-  :is(body, #wpwrap #editor) .es\:to-surface-50\/75 {
-    --tw-gradient-to: color-mix(in oklab, var(--es-color-surface-50) 75%, transparent);
+  :is(body, #wpwrap #editor) .es\:to-surface-50\/85 {
+    --tw-gradient-to: color-mix(in oklab, var(--es-color-surface-50) 85%, transparent);
   }
 }
 
-:is(body, #wpwrap #editor) .es\:to-surface-50\/75 {
+:is(body, #wpwrap #editor) .es\:to-surface-50\/85 {
   --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));
 }
 
@@ -5721,10 +5707,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   padding-top: calc(var(--es-spacing) * 5);
 }
 
-:is(body, #wpwrap #editor) .es\:pt-6 {
-  padding-top: calc(var(--es-spacing) * 6);
-}
-
 :is(body, #wpwrap #editor) .es\:pt-8 {
   padding-top: calc(var(--es-spacing) * 8);
 }
@@ -7827,6 +7809,17 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   grid-row-end: 1;
 }
 
+:is(:is(body, #wpwrap #editor) .es\:\*\:motion-preset-fade-sm > *) {
+  --motion-origin-opacity: 0;
+  --motion-duration: .3s;
+  --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
+  animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
+}
+
+:is(:is(body, #wpwrap #editor) .es\:\*\:motion-delay-75 > *) {
+  --motion-delay: 75ms;
+}
+
 :is(body, #wpwrap #editor) .es\:not-group-first\:not-group-before-current\:rounded-t-md:not(:is(:where(.es\:group):first-child *)):not(:is(:where(.es\:group):has( + :where(:pressed, :active, [data-selected="true"], [data-focus-visible="true"], [data-hovered="true"], [aria-expanded="true"], [data-expanded="true"])) *)) {
   border-top-left-radius: var(--es-radius-md);
   border-top-right-radius: var(--es-radius-md);

package/dist/assets/style.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.18 | 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 {
@@ -2276,6 +2276,10 @@ input[data-rac]::-webkit-search-cancel-button {
     margin-bottom: calc(var(--es-spacing) * 5);
   }
 
+  .es\:mb-6 {
+    margin-bottom: calc(var(--es-spacing) * 6);
+  }
+
   .es\:mb-10 {
     margin-bottom: calc(var(--es-spacing) * 10);
   }
@@ -2560,6 +2564,10 @@ input[data-rac]::-webkit-search-cancel-button {
     max-height: calc(var(--es-spacing) * 60);
   }
 
+  .es\:max-h-\[70vh\] {
+    max-height: 70vh;
+  }
+
   .es\:max-h-\[85vh\] {
     max-height: 85vh;
   }
@@ -2774,6 +2782,10 @@ input[data-rac]::-webkit-search-cancel-button {
     max-width: calc(var(--es-spacing) * 96);
   }
 
+  .es\:max-w-\[80vw\] {
+    max-width: 80vw;
+  }
+
   .es\:max-w-\[90vw\] {
     max-width: 90vw;
   }
@@ -2954,8 +2966,8 @@ input[data-rac]::-webkit-search-cancel-button {
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
-  .es\:translate-y-0 {
-    --tw-translate-y: calc(var(--es-spacing) * 0);
+  .es\:translate-y-1 {
+    --tw-translate-y: calc(var(--es-spacing) * 1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
@@ -3064,42 +3076,12 @@ input[data-rac]::-webkit-search-cancel-button {
     animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
   }
 
-  .es\:motion-blur-in-\[1px\] {
-    --motion-origin-blur: 1px;
-    --motion-filter-in-animation: motion-filter-in calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
-    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
-  }
-
-  .es\:motion-blur-in-\[2px\] {
-    --motion-origin-blur: 2px;
-    --motion-filter-in-animation: motion-filter-in calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
-    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
-  }
-
   .es\:motion-blur-in-xs {
     --motion-origin-blur: 4px;
     --motion-filter-in-animation: motion-filter-in calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
     animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
   }
 
-  .es\:motion-blur-out-\[1px\] {
-    --motion-end-blur: 1px;
-    --motion-filter-out-animation: motion-filter-out calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
-    animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
-  }
-
-  .es\:motion-blur-out-\[2px\] {
-    --motion-end-blur: 2px;
-    --motion-filter-out-animation: motion-filter-out calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
-    animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
-  }
-
-  .es\:motion-blur-out-xs {
-    --motion-end-blur: 4px;
-    --motion-filter-out-animation: motion-filter-out calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
-    animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
-  }
-
   .es\:motion-opacity-in {
     --motion-origin-opacity: 0;
     --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
@@ -3580,6 +3562,10 @@ input[data-rac]::-webkit-search-cancel-button {
     overflow-y: auto;
   }
 
+  .es\:overflow-y-hidden {
+    overflow-y: hidden;
+  }
+
   .es\:overflow-y-visible {
     overflow-y: visible;
   }
@@ -4928,17 +4914,17 @@ input[data-rac]::-webkit-search-cancel-button {
     --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-surface-50\/75 {
+  .es\:from-surface-50\/85 {
     --tw-gradient-from: var(--es-color-surface-50);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .es\:from-surface-50\/75 {
-      --tw-gradient-from: color-mix(in oklab, var(--es-color-surface-50) 75%, transparent);
+    .es\:from-surface-50\/85 {
+      --tw-gradient-from: color-mix(in oklab, var(--es-color-surface-50) 85%, transparent);
     }
   }
 
-  .es\:from-surface-50\/75 {
+  .es\:from-surface-50\/85 {
     --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));
   }
 
@@ -5801,17 +5787,17 @@ input[data-rac]::-webkit-search-cancel-button {
     --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-surface-50\/75 {
+  .es\:to-surface-50\/85 {
     --tw-gradient-to: var(--es-color-surface-50);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .es\:to-surface-50\/75 {
-      --tw-gradient-to: color-mix(in oklab, var(--es-color-surface-50) 75%, transparent);
+    .es\:to-surface-50\/85 {
+      --tw-gradient-to: color-mix(in oklab, var(--es-color-surface-50) 85%, transparent);
     }
   }
 
-  .es\:to-surface-50\/75 {
+  .es\:to-surface-50\/85 {
     --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));
   }
 
@@ -6206,10 +6192,6 @@ input[data-rac]::-webkit-search-cancel-button {
     padding-top: calc(var(--es-spacing) * 5);
   }
 
-  .es\:pt-6 {
-    padding-top: calc(var(--es-spacing) * 6);
-  }
-
   .es\:pt-8 {
     padding-top: calc(var(--es-spacing) * 8);
   }
@@ -8312,6 +8294,17 @@ input[data-rac]::-webkit-search-cancel-button {
     grid-row-end: 1;
   }
 
+  :is(.es\:\*\:motion-preset-fade-sm > *) {
+    --motion-origin-opacity: 0;
+    --motion-duration: .3s;
+    --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
+    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
+  }
+
+  :is(.es\:\*\:motion-delay-75 > *) {
+    --motion-delay: 75ms;
+  }
+
   .es\:not-group-first\:not-group-before-current\:rounded-t-md:not(:is(:where(.es\:group):first-child *)):not(:is(:where(.es\:group):has( + :where(:pressed, :active, [data-selected="true"], [data-focus-visible="true"], [data-hovered="true"], [aria-expanded="true"], [data-expanded="true"])) *)) {
     border-top-left-radius: var(--es-radius-md);
     border-top-right-radius: var(--es-radius-md);

package/dist/assets/wp-overrides/allow-full-width-blocks.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
 .is-root-container.is-layout-flow.wp-block-post-content.block-editor-block-list__layout > .wp-block:not(.editor-post-title, .block-list-appender) {
   max-width: -moz-available !important;
   max-width: -webkit-fill-available !important;

package/dist/assets/wp-overrides/fix-label-text-case.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.18 | 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 {

package/dist/assets/wp-overrides/increase-sidebar-width.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
 .edit-post-sidebar, .interface-interface-skeleton__sidebar:not(:empty) > .interface-complementary-area__fill[style="width: 280px;"], .interface-complementary-area.editor-sidebar {
   width: calc(var(--es-spacing, .25rem) * 86) !important;
 }

package/dist/assets/wp-overrides/make-block-messages-nicer.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.18 | 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 {

package/dist/assets/wp-overrides/replace-fonts.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.18 | 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, "Roboto Flex Variable", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
 }

package/dist/assets/wp-overrides/restyle-tooltips.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.18 | 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 {

package/dist/assets/wp-overrides/round-corners.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.18 | 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 {

package/dist/assets/wp-overrides/unify-button-sizes.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
 :is(.edit-post-header__toolbar, .edit-post-header__settings, .editor-document-tools__left, .editor-header__center, .editor-header__settings) .components-button {
   min-height: calc(var(--es-spacing, .25rem) * 9) !important;
   min-width: calc(var(--es-spacing, .25rem) * 9) !important;

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

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
-import { b as $bdb11010cef70236$export$f680877a34711e37, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, g as $64fa3d84918910a7$export$4d86445c2cf5e3, a as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-DGpXyJOJ.js";
-import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-D2C6R0DK.js";
+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 { $ 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-NETP-8H8.js";
+import { a as $5b160d28a433310d$export$c17fa47878dc55b6, b as $6db58dc88e78b024$export$2f817fcdc4b89ae0, $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-M3L6Ge2c.js";
 import { $ as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 } from "./NumberFormatter-DA8u1Ot7.js";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-BQvmiUqb.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-DYYO3Ns3.js";
 import { c as clsx } from "./clsx-DgYk2OaC.js";
 import { _ as __ } from "./default-i18n-CnQeC5Pl.js";
 var $eccab2b0118aef08$exports = {};

package/dist/components/animated-visibility/animated-visibility.js

@@ -78,8 +78,8 @@ const AnimatedVisibility = (props) => {
       outClassName: "es:motion-translate-y-out-[-0.25rem] es:motion-scale-out-90 es:motion-opacity-out"
     },
     scaleRotateFade: {
-      inClassName: "es:motion-rotate-in es:motion-scale-in-95 es:motion-opacity-in es:motion-blur-in-[1px]",
-      outClassName: "es:motion-rotate-out es:motion-scale-out-90 es:motion-opacity-out es:motion-blur-out-[1px]"
+      inClassName: "es:motion-rotate-in es:motion-scale-in-95 es:motion-opacity-in",
+      outClassName: "es:motion-rotate-out es:motion-scale-out-90 es:motion-opacity-out"
     }
   };
   return /* @__PURE__ */ jsx(Fragment, { children: isVisibleInner && /* @__PURE__ */ jsx(

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