@eightshift/ui-components 6.0.12 → 6.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (84) hide show
  1. package/dist/{Button-JRIu2BnS.js → Button-BTCA69Lt.js} +9 -9
  2. package/dist/{Dialog-Dd1yqNus.js → Dialog-BbNWvB5_.js} +76 -57
  3. package/dist/{FieldError-DmVwL6Dj.js → FieldError-BPG0hKfB.js} +2 -2
  4. package/dist/{FocusScope-Dri1oBcH.js → FocusScope-BxT4xfe9.js} +6 -7
  5. package/dist/{Heading-eA6LXIKB.js → Heading-CY-_gt-U.js} +2 -2
  6. package/dist/{Input-Cuw9UbNb.js → Input-Wrnm2nxy.js} +8 -8
  7. package/dist/{Label-DPWyf-gp.js → Label-BDlf9vIY.js} +3 -2
  8. package/dist/{ListBox-DT1sFY3e.js → ListBox-yHUyUAAH.js} +28 -26
  9. package/dist/{OverlayArrow-DVJTTfZM.js → OverlayArrow-NzRV9wsn.js} +7 -7
  10. package/dist/{RadioGroup-Cp5cdBI_.js → RadioGroup-BFDueqHz.js} +14 -14
  11. package/dist/{SearchField-CLhr5PGZ.js → SearchField-CmRhtrQf.js} +12 -12
  12. package/dist/{SelectionManager-DbBiF5M8.js → SelectionManager-VgpR-1Ri.js} +33 -29
  13. package/dist/{Slider-CZV3HhHY.js → Slider-Bl5G0ZHE.js} +16 -15
  14. package/dist/{Text-Dae33gHp.js → Text-CjFEHSfr.js} +3 -2
  15. package/dist/{VisuallyHidden-eaCBtXhE.js → VisuallyHidden-DXVaR_RC.js} +2 -2
  16. package/dist/{animation-DY7CNkr6.js → animation-B2sADg3I.js} +1 -1
  17. package/dist/assets/style-admin.css +1438 -1448
  18. package/dist/assets/style-editor.css +1438 -1448
  19. package/dist/assets/style.css +1438 -1448
  20. package/dist/assets/wp-overrides/fix-label-text-case.css +7 -7
  21. package/dist/assets/wp-overrides/make-block-messages-nicer.css +36 -36
  22. package/dist/assets/wp-overrides/restyle-tooltips.css +56 -56
  23. package/dist/assets/wp-overrides/round-corners.css +43 -43
  24. package/dist/{color-swatch-CZj0jHZd.js → color-swatch-DtaLObbd.js} +4 -4
  25. package/dist/components/base-control/base-control.js +1 -1
  26. package/dist/components/button/button.js +9 -9
  27. package/dist/components/checkbox/checkbox.js +10 -10
  28. package/dist/components/color-pickers/color-picker.js +1 -1
  29. package/dist/components/color-pickers/color-swatch.js +1 -1
  30. package/dist/components/color-pickers/gradient-editor.js +1 -1
  31. package/dist/components/color-pickers/solid-color-picker.js +26 -22
  32. package/dist/components/draggable/draggable.js +4 -5
  33. package/dist/components/expandable/expandable.js +8 -8
  34. package/dist/components/index.js +4 -2
  35. package/dist/components/input-field/input-field.js +10 -10
  36. package/dist/components/link-input/link-input.js +24 -23
  37. package/dist/components/matrix-align/matrix-align.js +1 -1
  38. package/dist/components/menu/menu.js +1 -1
  39. package/dist/components/modal/modal.js +19 -20
  40. package/dist/components/number-picker/number-picker.js +10 -10
  41. package/dist/components/options-panel/options-panel.js +1 -1
  42. package/dist/components/placeholders/file-picker-shell.js +48 -42
  43. package/dist/components/popover/popover.js +1 -1
  44. package/dist/components/radio/radio.js +2 -2
  45. package/dist/components/responsive/mini-responsive.js +1 -1
  46. package/dist/components/select/async-multi-select.js +7 -7
  47. package/dist/components/select/async-select.js +7 -7
  48. package/dist/components/select/multi-select.js +8 -8
  49. package/dist/components/select/shared.js +3 -3
  50. package/dist/components/select/single-select.js +8 -8
  51. package/dist/components/slider/column-config-slider.js +3 -3
  52. package/dist/components/slider/slider.js +3 -3
  53. package/dist/components/smart-image/image-analysis-worker-next.js +144 -0
  54. package/dist/components/smart-image/smart-image-next.js +294 -0
  55. package/dist/components/tabs/tabs.js +15 -14
  56. package/dist/components/toggle/switch.js +7 -7
  57. package/dist/components/toggle/toggle.js +1 -1
  58. package/dist/components/toggle-button/toggle-button.js +10 -7
  59. package/dist/components/tooltip/tooltip.js +5 -5
  60. package/dist/{context-DYYO3Ns3.js → context-iUFQCK8m.js} +1 -1
  61. package/dist/icons/icons.js +2 -2
  62. package/dist/index.js +3 -1
  63. package/dist/{proxy-CcjltLEW.js → proxy-CgLBbUpw.js} +4189 -3959
  64. package/dist/{shared-Bg9lx3pE.js → shared-DSTKnPjF.js} +27 -24
  65. package/dist/{textSelection-Cq_Br7RW.js → textSelection-D_BSbtab.js} +1 -1
  66. package/dist/{useButton-CeuyDay5.js → useButton-DofKjCES.js} +3 -3
  67. package/dist/{useEvent-DoWvho2u.js → useEvent-ADVZr4I3.js} +1 -1
  68. package/dist/{useFilter-DYtfYPua.js → useFilter-Cqw0-KoB.js} +1 -1
  69. package/dist/{useFocusRing-WEswknAY.js → useFocusRing-Ct2N5S1b.js} +10 -5
  70. package/dist/{useFormReset-BDF1K4E4.js → useFormReset-KT27O1en.js} +1 -1
  71. package/dist/{useFormValidation-Dqzjv4jX.js → useFormValidation-DwbcW-pN.js} +2 -2
  72. package/dist/{useHover-CG39Ci3A.js → useHover-VPZwb-1l.js} +15 -14
  73. package/dist/{useLabel--3fT2XKM.js → useLabel-DzXzKZZZ.js} +2 -2
  74. package/dist/{useLabels-vzdDMGCX.js → useLabels-D8O3gOdV.js} +1 -1
  75. package/dist/{useListState-Bya9g7W8.js → useListState-jHobZH6F.js} +1 -1
  76. package/dist/{useLocalizedStringFormatter-M3L6Ge2c.js → useLocalizedStringFormatter-CEDs0LsA.js} +1 -1
  77. package/dist/{useNumberField-D6lsi3Vu.js → useNumberField-CrLevIP3.js} +50 -40
  78. package/dist/{useNumberFormatter-BWOyCamK.js → useNumberFormatter-CG_IQXp9.js} +1 -1
  79. package/dist/{usePress-B9w0X4Ur.js → usePress-BPCda-AF.js} +13 -7
  80. package/dist/{useSingleSelectListState-D9SqGLJ0.js → useSingleSelectListState-sLg_MnX8.js} +2 -2
  81. package/dist/{useToggle-Deq2xxQV.js → useToggle-D0-c9HPm.js} +4 -4
  82. package/dist/{useToggleState-j3o1PvdS.js → useToggleState-BhJn-Dz7.js} +1 -1
  83. package/dist/{utils-HC9_3Crc.js → utils-Cr3pLd9c.js} +77 -38
  84. package/package.json +24 -24
package/dist/assets/wp-overrides/fix-label-text-case.css CHANGED
@@ -2,28 +2,28 @@
2
2
  @layer properties {
3
3
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
4
4
  *, :before, :after, ::backdrop {
5
- --tw-font-weight: initial;
6
- --tw-tracking: initial;
5
+ --es-uic-tw-font-weight: initial;
6
+ --es-uic-tw-tracking: initial;
7
7
  }
8
8
  }
9
9
  }
10
10
 
11
11
  .components-base-control__label, .components-input-control__label, .components-custom-select-control__label {
12
12
  font-size: var(--es-text-13, .8125rem) !important;
13
- line-height: var(--tw-leading, var(--es-text-13--line-height, 1.15)) !important;
14
- --tw-font-weight: var(--es-font-weight-normal, 400) !important;
13
+ line-height: var(--es-uic-tw-leading, var(--es-text-13--line-height, 1.15)) !important;
14
+ --es-uic-tw-font-weight: var(--es-font-weight-normal, 400) !important;
15
15
  font-weight: var(--es-font-weight-normal, 400) !important;
16
- --tw-tracking: var(--es-tracking-normal, 0em) !important;
16
+ --es-uic-tw-tracking: var(--es-tracking-normal, 0em) !important;
17
17
  letter-spacing: var(--es-tracking-normal, 0em) !important;
18
18
  text-transform: none !important;
19
19
  }
20
20
 
21
- @property --tw-font-weight {
21
+ @property --es-uic-tw-font-weight {
22
22
  syntax: "*";
23
23
  inherits: false
24
24
  }
25
25
 
26
- @property --tw-tracking {
26
+ @property --es-uic-tw-tracking {
27
27
  syntax: "*";
28
28
  inherits: false
29
29
  }
package/dist/assets/wp-overrides/make-block-messages-nicer.css CHANGED
@@ -2,20 +2,20 @@
2
2
  @layer properties {
3
3
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
4
4
  *, :before, :after, ::backdrop {
5
- --tw-shadow: 0 0 #0000;
6
- --tw-shadow-color: initial;
7
- --tw-shadow-alpha: 100%;
8
- --tw-inset-shadow: 0 0 #0000;
9
- --tw-inset-shadow-color: initial;
10
- --tw-inset-shadow-alpha: 100%;
11
- --tw-ring-color: initial;
12
- --tw-ring-shadow: 0 0 #0000;
13
- --tw-inset-ring-color: initial;
14
- --tw-inset-ring-shadow: 0 0 #0000;
15
- --tw-ring-inset: initial;
16
- --tw-ring-offset-width: 0px;
17
- --tw-ring-offset-color: #fff;
18
- --tw-ring-offset-shadow: 0 0 #0000;
5
+ --es-uic-tw-shadow: 0 0 #0000;
6
+ --es-uic-tw-shadow-color: initial;
7
+ --es-uic-tw-shadow-alpha: 100%;
8
+ --es-uic-tw-inset-shadow: 0 0 #0000;
9
+ --es-uic-tw-inset-shadow-color: initial;
10
+ --es-uic-tw-inset-shadow-alpha: 100%;
11
+ --es-uic-tw-ring-color: initial;
12
+ --es-uic-tw-ring-shadow: 0 0 #0000;
13
+ --es-uic-tw-inset-ring-color: initial;
14
+ --es-uic-tw-inset-ring-shadow: 0 0 #0000;
15
+ --es-uic-tw-ring-inset: initial;
16
+ --es-uic-tw-ring-offset-width: 0px;
17
+ --es-uic-tw-ring-offset-color: #fff;
18
+ --es-uic-tw-ring-offset-shadow: 0 0 #0000;
19
19
  }
20
20
  }
21
21
  }
@@ -32,14 +32,14 @@
32
32
  }
33
33
 
34
34
  .block-editor-block-list__block-crash-warning {
35
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a) !important;
36
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
37
- --tw-shadow-color: var(--es-color-red-700, oklch(50.5% .213 27.518)) !important;
35
+ --es-uic-tw-shadow: 0 1px 3px 0 var(--es-uic-tw-shadow-color, #0000001a), 0 1px 2px -1px var(--es-uic-tw-shadow-color, #0000001a) !important;
36
+ box-shadow: var(--es-uic-tw-inset-shadow), var(--es-uic-tw-inset-ring-shadow), var(--es-uic-tw-ring-offset-shadow), var(--es-uic-tw-ring-shadow), var(--es-uic-tw-shadow) !important;
37
+ --es-uic-tw-shadow-color: var(--es-color-red-700, oklch(50.5% .213 27.518)) !important;
38
38
  }
39
39
 
40
40
  @supports (color: color-mix(in lab, red, red)) {
41
41
  .block-editor-block-list__block-crash-warning {
42
- --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;
42
+ --es-uic-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(--es-uic-tw-shadow-alpha), transparent) !important;
43
43
  }
44
44
  }
45
45
 
@@ -60,14 +60,14 @@
60
60
  }
61
61
 
62
62
  .wp-block-missing div.block-editor-warning {
63
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a) !important;
64
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
65
- --tw-shadow-color: var(--es-color-secondary-700, var(--es-color-zinc-700)) !important;
63
+ --es-uic-tw-shadow: 0 1px 3px 0 var(--es-uic-tw-shadow-color, #0000001a), 0 1px 2px -1px var(--es-uic-tw-shadow-color, #0000001a) !important;
64
+ box-shadow: var(--es-uic-tw-inset-shadow), var(--es-uic-tw-inset-ring-shadow), var(--es-uic-tw-ring-offset-shadow), var(--es-uic-tw-ring-shadow), var(--es-uic-tw-shadow) !important;
65
+ --es-uic-tw-shadow-color: var(--es-color-secondary-700, var(--es-color-zinc-700)) !important;
66
66
  }
67
67
 
68
68
  @supports (color: color-mix(in lab, red, red)) {
69
69
  .wp-block-missing div.block-editor-warning {
70
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-secondary-700, var(--es-color-zinc-700)) 20%, transparent) var(--tw-shadow-alpha), transparent) !important;
70
+ --es-uic-tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-secondary-700, var(--es-color-zinc-700)) 20%, transparent) var(--es-uic-tw-shadow-alpha), transparent) !important;
71
71
  }
72
72
  }
73
73
 
@@ -75,80 +75,80 @@
75
75
  color: var(--es-color-secondary-950, var(--es-color-zinc-950)) !important;
76
76
  }
77
77
 
78
- @property --tw-shadow {
78
+ @property --es-uic-tw-shadow {
79
79
  syntax: "*";
80
80
  inherits: false;
81
81
  initial-value: 0 0 #0000;
82
82
  }
83
83
 
84
- @property --tw-shadow-color {
84
+ @property --es-uic-tw-shadow-color {
85
85
  syntax: "*";
86
86
  inherits: false
87
87
  }
88
88
 
89
- @property --tw-shadow-alpha {
89
+ @property --es-uic-tw-shadow-alpha {
90
90
  syntax: "<percentage>";
91
91
  inherits: false;
92
92
  initial-value: 100%;
93
93
  }
94
94
 
95
- @property --tw-inset-shadow {
95
+ @property --es-uic-tw-inset-shadow {
96
96
  syntax: "*";
97
97
  inherits: false;
98
98
  initial-value: 0 0 #0000;
99
99
  }
100
100
 
101
- @property --tw-inset-shadow-color {
101
+ @property --es-uic-tw-inset-shadow-color {
102
102
  syntax: "*";
103
103
  inherits: false
104
104
  }
105
105
 
106
- @property --tw-inset-shadow-alpha {
106
+ @property --es-uic-tw-inset-shadow-alpha {
107
107
  syntax: "<percentage>";
108
108
  inherits: false;
109
109
  initial-value: 100%;
110
110
  }
111
111
 
112
- @property --tw-ring-color {
112
+ @property --es-uic-tw-ring-color {
113
113
  syntax: "*";
114
114
  inherits: false
115
115
  }
116
116
 
117
- @property --tw-ring-shadow {
117
+ @property --es-uic-tw-ring-shadow {
118
118
  syntax: "*";
119
119
  inherits: false;
120
120
  initial-value: 0 0 #0000;
121
121
  }
122
122
 
123
- @property --tw-inset-ring-color {
123
+ @property --es-uic-tw-inset-ring-color {
124
124
  syntax: "*";
125
125
  inherits: false
126
126
  }
127
127
 
128
- @property --tw-inset-ring-shadow {
128
+ @property --es-uic-tw-inset-ring-shadow {
129
129
  syntax: "*";
130
130
  inherits: false;
131
131
  initial-value: 0 0 #0000;
132
132
  }
133
133
 
134
- @property --tw-ring-inset {
134
+ @property --es-uic-tw-ring-inset {
135
135
  syntax: "*";
136
136
  inherits: false
137
137
  }
138
138
 
139
- @property --tw-ring-offset-width {
139
+ @property --es-uic-tw-ring-offset-width {
140
140
  syntax: "<length>";
141
141
  inherits: false;
142
142
  initial-value: 0;
143
143
  }
144
144
 
145
- @property --tw-ring-offset-color {
145
+ @property --es-uic-tw-ring-offset-color {
146
146
  syntax: "*";
147
147
  inherits: false;
148
148
  initial-value: #fff;
149
149
  }
150
150
 
151
- @property --tw-ring-offset-shadow {
151
+ @property --es-uic-tw-ring-offset-shadow {
152
152
  syntax: "*";
153
153
  inherits: false;
154
154
  initial-value: 0 0 #0000;
package/dist/assets/wp-overrides/restyle-tooltips.css CHANGED
@@ -2,49 +2,49 @@
2
2
  @layer properties {
3
3
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
4
4
  *, :before, :after, ::backdrop {
5
- --tw-border-style: solid;
6
- --tw-shadow: 0 0 #0000;
7
- --tw-shadow-color: initial;
8
- --tw-shadow-alpha: 100%;
9
- --tw-inset-shadow: 0 0 #0000;
10
- --tw-inset-shadow-color: initial;
11
- --tw-inset-shadow-alpha: 100%;
12
- --tw-ring-color: initial;
13
- --tw-ring-shadow: 0 0 #0000;
14
- --tw-inset-ring-color: initial;
15
- --tw-inset-ring-shadow: 0 0 #0000;
16
- --tw-ring-inset: initial;
17
- --tw-ring-offset-width: 0px;
18
- --tw-ring-offset-color: #fff;
19
- --tw-ring-offset-shadow: 0 0 #0000;
20
- --tw-backdrop-blur: initial;
21
- --tw-backdrop-brightness: initial;
22
- --tw-backdrop-contrast: initial;
23
- --tw-backdrop-grayscale: initial;
24
- --tw-backdrop-hue-rotate: initial;
25
- --tw-backdrop-invert: initial;
26
- --tw-backdrop-opacity: initial;
27
- --tw-backdrop-saturate: initial;
28
- --tw-backdrop-sepia: initial;
5
+ --es-uic-tw-border-style: solid;
6
+ --es-uic-tw-shadow: 0 0 #0000;
7
+ --es-uic-tw-shadow-color: initial;
8
+ --es-uic-tw-shadow-alpha: 100%;
9
+ --es-uic-tw-inset-shadow: 0 0 #0000;
10
+ --es-uic-tw-inset-shadow-color: initial;
11
+ --es-uic-tw-inset-shadow-alpha: 100%;
12
+ --es-uic-tw-ring-color: initial;
13
+ --es-uic-tw-ring-shadow: 0 0 #0000;
14
+ --es-uic-tw-inset-ring-color: initial;
15
+ --es-uic-tw-inset-ring-shadow: 0 0 #0000;
16
+ --es-uic-tw-ring-inset: initial;
17
+ --es-uic-tw-ring-offset-width: 0px;
18
+ --es-uic-tw-ring-offset-color: #fff;
19
+ --es-uic-tw-ring-offset-shadow: 0 0 #0000;
20
+ --es-uic-tw-backdrop-blur: initial;
21
+ --es-uic-tw-backdrop-brightness: initial;
22
+ --es-uic-tw-backdrop-contrast: initial;
23
+ --es-uic-tw-backdrop-grayscale: initial;
24
+ --es-uic-tw-backdrop-hue-rotate: initial;
25
+ --es-uic-tw-backdrop-invert: initial;
26
+ --es-uic-tw-backdrop-opacity: initial;
27
+ --es-uic-tw-backdrop-saturate: initial;
28
+ --es-uic-tw-backdrop-sepia: initial;
29
29
  }
30
30
  }
31
31
  }
32
32
 
33
33
  .components-tooltip {
34
- border-style: var(--tw-border-style);
34
+ border-style: var(--es-uic-tw-border-style);
35
35
  border-width: 1px;
36
36
  border-color: var(--es-color-gray-800, oklch(27.8% .033 256.848));
37
37
  background-color: color-mix(in oklab, var(--es-color-gray-950, oklch(13% .028 261.692)) 70%, transparent);
38
38
  padding-inline: calc(var(--es-spacing, .25rem) * 1);
39
39
  padding-block: calc(var(--es-spacing, .25rem) * .5);
40
40
  color: var(--es-color-white, #fff);
41
- --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
42
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
43
- --tw-backdrop-blur: blur(var(--es-blur-xl, 24px));
44
- --tw-backdrop-brightness: brightness(105%);
45
- --tw-backdrop-saturate: saturate(150%);
46
- -webkit-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, );
47
- 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, );
41
+ --es-uic-tw-shadow: 0 4px 6px -1px var(--es-uic-tw-shadow-color, #0000001a), 0 2px 4px -2px var(--es-uic-tw-shadow-color, #0000001a);
42
+ box-shadow: var(--es-uic-tw-inset-shadow), var(--es-uic-tw-inset-ring-shadow), var(--es-uic-tw-ring-offset-shadow), var(--es-uic-tw-ring-shadow), var(--es-uic-tw-shadow);
43
+ --es-uic-tw-backdrop-blur: blur(var(--es-blur-xl, 24px));
44
+ --es-uic-tw-backdrop-brightness: brightness(105%);
45
+ --es-uic-tw-backdrop-saturate: saturate(150%);
46
+ -webkit-backdrop-filter: var(--es-uic-tw-backdrop-blur, ) var(--es-uic-tw-backdrop-brightness, ) var(--es-uic-tw-backdrop-contrast, ) var(--es-uic-tw-backdrop-grayscale, ) var(--es-uic-tw-backdrop-hue-rotate, ) var(--es-uic-tw-backdrop-invert, ) var(--es-uic-tw-backdrop-opacity, ) var(--es-uic-tw-backdrop-saturate, ) var(--es-uic-tw-backdrop-sepia, );
47
+ backdrop-filter: var(--es-uic-tw-backdrop-blur, ) var(--es-uic-tw-backdrop-brightness, ) var(--es-uic-tw-backdrop-contrast, ) var(--es-uic-tw-backdrop-grayscale, ) var(--es-uic-tw-backdrop-hue-rotate, ) var(--es-uic-tw-backdrop-invert, ) var(--es-uic-tw-backdrop-opacity, ) var(--es-uic-tw-backdrop-saturate, ) var(--es-uic-tw-backdrop-sepia, );
48
48
  border-radius: var(--es-radius-md, .375rem) !important;
49
49
  }
50
50
 
@@ -63,132 +63,132 @@
63
63
  color: var(--es-color-gray-700, oklch(37.3% .034 259.733));
64
64
  }
65
65
 
66
- @property --tw-border-style {
66
+ @property --es-uic-tw-border-style {
67
67
  syntax: "*";
68
68
  inherits: false;
69
69
  initial-value: solid;
70
70
  }
71
71
 
72
- @property --tw-shadow {
72
+ @property --es-uic-tw-shadow {
73
73
  syntax: "*";
74
74
  inherits: false;
75
75
  initial-value: 0 0 #0000;
76
76
  }
77
77
 
78
- @property --tw-shadow-color {
78
+ @property --es-uic-tw-shadow-color {
79
79
  syntax: "*";
80
80
  inherits: false
81
81
  }
82
82
 
83
- @property --tw-shadow-alpha {
83
+ @property --es-uic-tw-shadow-alpha {
84
84
  syntax: "<percentage>";
85
85
  inherits: false;
86
86
  initial-value: 100%;
87
87
  }
88
88
 
89
- @property --tw-inset-shadow {
89
+ @property --es-uic-tw-inset-shadow {
90
90
  syntax: "*";
91
91
  inherits: false;
92
92
  initial-value: 0 0 #0000;
93
93
  }
94
94
 
95
- @property --tw-inset-shadow-color {
95
+ @property --es-uic-tw-inset-shadow-color {
96
96
  syntax: "*";
97
97
  inherits: false
98
98
  }
99
99
 
100
- @property --tw-inset-shadow-alpha {
100
+ @property --es-uic-tw-inset-shadow-alpha {
101
101
  syntax: "<percentage>";
102
102
  inherits: false;
103
103
  initial-value: 100%;
104
104
  }
105
105
 
106
- @property --tw-ring-color {
106
+ @property --es-uic-tw-ring-color {
107
107
  syntax: "*";
108
108
  inherits: false
109
109
  }
110
110
 
111
- @property --tw-ring-shadow {
111
+ @property --es-uic-tw-ring-shadow {
112
112
  syntax: "*";
113
113
  inherits: false;
114
114
  initial-value: 0 0 #0000;
115
115
  }
116
116
 
117
- @property --tw-inset-ring-color {
117
+ @property --es-uic-tw-inset-ring-color {
118
118
  syntax: "*";
119
119
  inherits: false
120
120
  }
121
121
 
122
- @property --tw-inset-ring-shadow {
122
+ @property --es-uic-tw-inset-ring-shadow {
123
123
  syntax: "*";
124
124
  inherits: false;
125
125
  initial-value: 0 0 #0000;
126
126
  }
127
127
 
128
- @property --tw-ring-inset {
128
+ @property --es-uic-tw-ring-inset {
129
129
  syntax: "*";
130
130
  inherits: false
131
131
  }
132
132
 
133
- @property --tw-ring-offset-width {
133
+ @property --es-uic-tw-ring-offset-width {
134
134
  syntax: "<length>";
135
135
  inherits: false;
136
136
  initial-value: 0;
137
137
  }
138
138
 
139
- @property --tw-ring-offset-color {
139
+ @property --es-uic-tw-ring-offset-color {
140
140
  syntax: "*";
141
141
  inherits: false;
142
142
  initial-value: #fff;
143
143
  }
144
144
 
145
- @property --tw-ring-offset-shadow {
145
+ @property --es-uic-tw-ring-offset-shadow {
146
146
  syntax: "*";
147
147
  inherits: false;
148
148
  initial-value: 0 0 #0000;
149
149
  }
150
150
 
151
- @property --tw-backdrop-blur {
151
+ @property --es-uic-tw-backdrop-blur {
152
152
  syntax: "*";
153
153
  inherits: false
154
154
  }
155
155
 
156
- @property --tw-backdrop-brightness {
156
+ @property --es-uic-tw-backdrop-brightness {
157
157
  syntax: "*";
158
158
  inherits: false
159
159
  }
160
160
 
161
- @property --tw-backdrop-contrast {
161
+ @property --es-uic-tw-backdrop-contrast {
162
162
  syntax: "*";
163
163
  inherits: false
164
164
  }
165
165
 
166
- @property --tw-backdrop-grayscale {
166
+ @property --es-uic-tw-backdrop-grayscale {
167
167
  syntax: "*";
168
168
  inherits: false
169
169
  }
170
170
 
171
- @property --tw-backdrop-hue-rotate {
171
+ @property --es-uic-tw-backdrop-hue-rotate {
172
172
  syntax: "*";
173
173
  inherits: false
174
174
  }
175
175
 
176
- @property --tw-backdrop-invert {
176
+ @property --es-uic-tw-backdrop-invert {
177
177
  syntax: "*";
178
178
  inherits: false
179
179
  }
180
180
 
181
- @property --tw-backdrop-opacity {
181
+ @property --es-uic-tw-backdrop-opacity {
182
182
  syntax: "*";
183
183
  inherits: false
184
184
  }
185
185
 
186
- @property --tw-backdrop-saturate {
186
+ @property --es-uic-tw-backdrop-saturate {
187
187
  syntax: "*";
188
188
  inherits: false
189
189
  }
190
190
 
191
- @property --tw-backdrop-sepia {
191
+ @property --es-uic-tw-backdrop-sepia {
192
192
  syntax: "*";
193
193
  inherits: false
194
194
  }
package/dist/assets/wp-overrides/round-corners.css CHANGED
@@ -2,24 +2,24 @@
2
2
  @layer properties {
3
3
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
4
4
  *, :before, :after, ::backdrop {
5
- --tw-shadow: 0 0 #0000;
6
- --tw-shadow-color: initial;
7
- --tw-shadow-alpha: 100%;
8
- --tw-inset-shadow: 0 0 #0000;
9
- --tw-inset-shadow-color: initial;
10
- --tw-inset-shadow-alpha: 100%;
11
- --tw-ring-color: initial;
12
- --tw-ring-shadow: 0 0 #0000;
13
- --tw-inset-ring-color: initial;
14
- --tw-inset-ring-shadow: 0 0 #0000;
15
- --tw-ring-inset: initial;
16
- --tw-ring-offset-width: 0px;
17
- --tw-ring-offset-color: #fff;
18
- --tw-ring-offset-shadow: 0 0 #0000;
19
- --tw-content: "";
20
- --tw-scale-x: 1;
21
- --tw-scale-y: 1;
22
- --tw-scale-z: 1;
5
+ --es-uic-tw-shadow: 0 0 #0000;
6
+ --es-uic-tw-shadow-color: initial;
7
+ --es-uic-tw-shadow-alpha: 100%;
8
+ --es-uic-tw-inset-shadow: 0 0 #0000;
9
+ --es-uic-tw-inset-shadow-color: initial;
10
+ --es-uic-tw-inset-shadow-alpha: 100%;
11
+ --es-uic-tw-ring-color: initial;
12
+ --es-uic-tw-ring-shadow: 0 0 #0000;
13
+ --es-uic-tw-inset-ring-color: initial;
14
+ --es-uic-tw-inset-ring-shadow: 0 0 #0000;
15
+ --es-uic-tw-ring-inset: initial;
16
+ --es-uic-tw-ring-offset-width: 0px;
17
+ --es-uic-tw-ring-offset-color: #fff;
18
+ --es-uic-tw-ring-offset-shadow: 0 0 #0000;
19
+ --es-uic-tw-content: "";
20
+ --es-uic-tw-scale-x: 1;
21
+ --es-uic-tw-scale-y: 1;
22
+ --es-uic-tw-scale-z: 1;
23
23
  }
24
24
  }
25
25
  }
@@ -53,8 +53,8 @@
53
53
  }
54
54
 
55
55
  .block-editor-block-contextual-toolbar, .block-editor-block-parent-selector__button {
56
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
57
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
56
+ --es-uic-tw-shadow: 0 1px 3px 0 var(--es-uic-tw-shadow-color, #0000001a), 0 1px 2px -1px var(--es-uic-tw-shadow-color, #0000001a);
57
+ box-shadow: var(--es-uic-tw-inset-shadow), var(--es-uic-tw-inset-ring-shadow), var(--es-uic-tw-ring-offset-shadow), var(--es-uic-tw-ring-shadow), var(--es-uic-tw-shadow);
58
58
  border-radius: var(--es-radius-lg, .5rem) !important;
59
59
  }
60
60
 
@@ -63,15 +63,15 @@
63
63
  }
64
64
 
65
65
  .block-editor-block-types-list .block-editor-block-types-list__item:after {
66
- content: var(--tw-content);
66
+ content: var(--es-uic-tw-content);
67
67
  border-radius: var(--es-radius-lg, .5rem) !important;
68
68
  }
69
69
 
70
70
  .block-editor-block-types-list .block-editor-block-types-list__item svg {
71
- --tw-scale-x: 125%;
72
- --tw-scale-y: 125%;
73
- --tw-scale-z: 125%;
74
- scale: var(--tw-scale-x) var(--tw-scale-y);
71
+ --es-uic-tw-scale-x: 125%;
72
+ --es-uic-tw-scale-y: 125%;
73
+ --es-uic-tw-scale-z: 125%;
74
+ scale: var(--es-uic-tw-scale-x) var(--es-uic-tw-scale-y);
75
75
  }
76
76
 
77
77
  .block-editor-list-view-tree .block-editor-block-icon {
@@ -96,104 +96,104 @@
96
96
  border-radius: var(--es-radius-md, .375rem) !important;
97
97
  }
98
98
 
99
- @property --tw-shadow {
99
+ @property --es-uic-tw-shadow {
100
100
  syntax: "*";
101
101
  inherits: false;
102
102
  initial-value: 0 0 #0000;
103
103
  }
104
104
 
105
- @property --tw-shadow-color {
105
+ @property --es-uic-tw-shadow-color {
106
106
  syntax: "*";
107
107
  inherits: false
108
108
  }
109
109
 
110
- @property --tw-shadow-alpha {
110
+ @property --es-uic-tw-shadow-alpha {
111
111
  syntax: "<percentage>";
112
112
  inherits: false;
113
113
  initial-value: 100%;
114
114
  }
115
115
 
116
- @property --tw-inset-shadow {
116
+ @property --es-uic-tw-inset-shadow {
117
117
  syntax: "*";
118
118
  inherits: false;
119
119
  initial-value: 0 0 #0000;
120
120
  }
121
121
 
122
- @property --tw-inset-shadow-color {
122
+ @property --es-uic-tw-inset-shadow-color {
123
123
  syntax: "*";
124
124
  inherits: false
125
125
  }
126
126
 
127
- @property --tw-inset-shadow-alpha {
127
+ @property --es-uic-tw-inset-shadow-alpha {
128
128
  syntax: "<percentage>";
129
129
  inherits: false;
130
130
  initial-value: 100%;
131
131
  }
132
132
 
133
- @property --tw-ring-color {
133
+ @property --es-uic-tw-ring-color {
134
134
  syntax: "*";
135
135
  inherits: false
136
136
  }
137
137
 
138
- @property --tw-ring-shadow {
138
+ @property --es-uic-tw-ring-shadow {
139
139
  syntax: "*";
140
140
  inherits: false;
141
141
  initial-value: 0 0 #0000;
142
142
  }
143
143
 
144
- @property --tw-inset-ring-color {
144
+ @property --es-uic-tw-inset-ring-color {
145
145
  syntax: "*";
146
146
  inherits: false
147
147
  }
148
148
 
149
- @property --tw-inset-ring-shadow {
149
+ @property --es-uic-tw-inset-ring-shadow {
150
150
  syntax: "*";
151
151
  inherits: false;
152
152
  initial-value: 0 0 #0000;
153
153
  }
154
154
 
155
- @property --tw-ring-inset {
155
+ @property --es-uic-tw-ring-inset {
156
156
  syntax: "*";
157
157
  inherits: false
158
158
  }
159
159
 
160
- @property --tw-ring-offset-width {
160
+ @property --es-uic-tw-ring-offset-width {
161
161
  syntax: "<length>";
162
162
  inherits: false;
163
163
  initial-value: 0;
164
164
  }
165
165
 
166
- @property --tw-ring-offset-color {
166
+ @property --es-uic-tw-ring-offset-color {
167
167
  syntax: "*";
168
168
  inherits: false;
169
169
  initial-value: #fff;
170
170
  }
171
171
 
172
- @property --tw-ring-offset-shadow {
172
+ @property --es-uic-tw-ring-offset-shadow {
173
173
  syntax: "*";
174
174
  inherits: false;
175
175
  initial-value: 0 0 #0000;
176
176
  }
177
177
 
178
- @property --tw-content {
178
+ @property --es-uic-tw-content {
179
179
  syntax: "*";
180
180
  inherits: false;
181
181
  initial-value: "";
182
182
  }
183
183
 
184
- @property --tw-scale-x {
184
+ @property --es-uic-tw-scale-x {
185
185
  syntax: "*";
186
186
  inherits: false;
187
187
  initial-value: 1;
188
188
  }
189
189
 
190
- @property --tw-scale-y {
190
+ @property --es-uic-tw-scale-y {
191
191
  syntax: "*";
192
192
  inherits: false;
193
193
  initial-value: 1;
194
194
  }
195
195
 
196
- @property --tw-scale-z {
196
+ @property --es-uic-tw-scale-z {
197
197
  syntax: "*";
198
198
  inherits: false;
199
199
  initial-value: 1;
package/dist/{color-swatch-CZj0jHZd.js → color-swatch-DtaLObbd.js} RENAMED
@@ -1,11 +1,11 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
- 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";
2
+ 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";
3
3
  import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-eGTqWSTd.js";
4
4
  import $dbSRa$react__default, { useMemo, forwardRef, createContext } from "react";
5
5
  import { $ as $9446cca9a3875146$export$7d15b64cf5a3a4c4, b as $9446cca9a3875146$export$b6268554fba451f } from "./number-7sOvrqo0.js";
6
- import { a as $5b160d28a433310d$export$c17fa47878dc55b6, b as $6db58dc88e78b024$export$2f817fcdc4b89ae0, $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-M3L6Ge2c.js";
6
+ import { a as $5b160d28a433310d$export$c17fa47878dc55b6, b as $6db58dc88e78b024$export$2f817fcdc4b89ae0, $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-CEDs0LsA.js";
7
7
  import { $ as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 } from "./NumberFormatter-DA8u1Ot7.js";
8
- import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-DYYO3Ns3.js";
8
+ import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-iUFQCK8m.js";
9
9
  import { c as clsx } from "./clsx-DgYk2OaC.js";
10
10
  import { _ as __ } from "./default-i18n-CnQeC5Pl.js";
11
11
  var $eccab2b0118aef08$exports = {};
@@ -2503,7 +2503,7 @@ const $251c695a52d94a8d$export$cae13e90592f246a = /* @__PURE__ */ forwardRef(fun
2503
2503
  let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
2504
2504
  global: true
2505
2505
  });
2506
- return /* @__PURE__ */ $dbSRa$react__default.createElement("div", {
2506
+ return /* @__PURE__ */ $dbSRa$react__default.createElement($64fa3d84918910a7$export$df3a06d6289f983e.div, {
2507
2507
  ...$3ef42575df84b30b$export$9d1611c77c2fe928(DOMProps, colorSwatchProps, renderProps),
2508
2508
  slot: props.slot || void 0,
2509
2509
  ref
package/dist/components/base-control/base-control.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
- import { $ as $514c0188e459b4c0$export$5f1af8db9871e1d6 } from "../../Text-Dae33gHp.js";
2
+ import { $ as $514c0188e459b4c0$export$5f1af8db9871e1d6 } from "../../Text-CjFEHSfr.js";
3
3
  import { c as clsx } from "../../clsx-DgYk2OaC.js";
4
4
  import { RichLabel } from "../rich-label/rich-label.js";
5
5
  /**