@wordpress/components 32.3.1-next.v.202602271551.0 → 32.4.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 (220) hide show
  1. package/CHANGELOG.md +22 -1
  2. package/build/alignment-matrix-control/cell.cjs +2 -2
  3. package/build/alignment-matrix-control/cell.cjs.map +1 -1
  4. package/build/alignment-matrix-control/index.cjs +2 -2
  5. package/build/alignment-matrix-control/index.cjs.map +1 -1
  6. package/build/angle-picker-control/angle-circle.cjs +2 -2
  7. package/build/angle-picker-control/angle-circle.cjs.map +1 -1
  8. package/build/calendar/utils/constants.cjs +1 -0
  9. package/build/calendar/utils/constants.cjs.map +2 -2
  10. package/build/date-time/date/styles.cjs +9 -9
  11. package/build/date-time/date/styles.cjs.map +2 -2
  12. package/build/date-time/time/index.cjs +1 -1
  13. package/build/date-time/time/index.cjs.map +2 -2
  14. package/build/date-time/utils.cjs +9 -0
  15. package/build/date-time/utils.cjs.map +2 -2
  16. package/build/menu/radio-item.cjs +1 -1
  17. package/build/menu/radio-item.cjs.map +2 -2
  18. package/build/private-apis.cjs +0 -4
  19. package/build/private-apis.cjs.map +3 -3
  20. package/build/tooltip/index.cjs +1 -1
  21. package/build/tooltip/index.cjs.map +1 -1
  22. package/build/visually-hidden/styles.cjs +2 -1
  23. package/build/visually-hidden/styles.cjs.map +2 -2
  24. package/build-module/alignment-matrix-control/cell.mjs +2 -2
  25. package/build-module/alignment-matrix-control/cell.mjs.map +1 -1
  26. package/build-module/alignment-matrix-control/index.mjs +2 -2
  27. package/build-module/alignment-matrix-control/index.mjs.map +1 -1
  28. package/build-module/angle-picker-control/angle-circle.mjs +2 -2
  29. package/build-module/angle-picker-control/angle-circle.mjs.map +1 -1
  30. package/build-module/calendar/utils/constants.mjs +1 -0
  31. package/build-module/calendar/utils/constants.mjs.map +2 -2
  32. package/build-module/date-time/date/styles.mjs +9 -9
  33. package/build-module/date-time/date/styles.mjs.map +2 -2
  34. package/build-module/date-time/time/index.mjs +2 -2
  35. package/build-module/date-time/time/index.mjs.map +2 -2
  36. package/build-module/date-time/utils.mjs +8 -0
  37. package/build-module/date-time/utils.mjs.map +2 -2
  38. package/build-module/menu/radio-item.mjs +1 -1
  39. package/build-module/menu/radio-item.mjs.map +2 -2
  40. package/build-module/private-apis.mjs +0 -4
  41. package/build-module/private-apis.mjs.map +2 -2
  42. package/build-module/tooltip/index.mjs +1 -1
  43. package/build-module/tooltip/index.mjs.map +1 -1
  44. package/build-module/visually-hidden/styles.mjs +2 -1
  45. package/build-module/visually-hidden/styles.mjs.map +2 -2
  46. package/build-style/style-rtl.css +11 -184
  47. package/build-style/style.css +11 -184
  48. package/build-types/alignment-matrix-control/stories/index.story.d.ts +1 -1
  49. package/build-types/alignment-matrix-control/stories/index.story.d.ts.map +1 -1
  50. package/build-types/angle-picker-control/stories/index.story.d.ts +1 -1
  51. package/build-types/animate/stories/index.story.d.ts +7 -7
  52. package/build-types/animate/stories/index.story.d.ts.map +1 -1
  53. package/build-types/base-control/stories/index.story.d.ts +1 -1
  54. package/build-types/border-box-control/stories/index.story.d.ts +1 -1
  55. package/build-types/border-control/stories/index.story.d.ts +5 -5
  56. package/build-types/box-control/stories/index.story.d.ts +7 -7
  57. package/build-types/box-control/stories/index.story.d.ts.map +1 -1
  58. package/build-types/button/stories/e2e/index.story.d.ts +1 -1
  59. package/build-types/button/stories/e2e/index.story.d.ts.map +1 -1
  60. package/build-types/button/stories/index.story.d.ts +7 -7
  61. package/build-types/button/stories/index.story.d.ts.map +1 -1
  62. package/build-types/calendar/stories/date-calendar.story.d.ts +5 -0
  63. package/build-types/calendar/stories/date-calendar.story.d.ts.map +1 -1
  64. package/build-types/calendar/stories/date-range-calendar.story.d.ts +5 -0
  65. package/build-types/calendar/stories/date-range-calendar.story.d.ts.map +1 -1
  66. package/build-types/calendar/types.d.ts +12 -0
  67. package/build-types/calendar/types.d.ts.map +1 -1
  68. package/build-types/calendar/utils/constants.d.ts +1 -0
  69. package/build-types/calendar/utils/constants.d.ts.map +1 -1
  70. package/build-types/circular-option-picker/stories/index.story.d.ts +5 -5
  71. package/build-types/circular-option-picker/stories/index.story.d.ts.map +1 -1
  72. package/build-types/combobox-control/stories/index.story.d.ts +4 -4
  73. package/build-types/confirm-dialog/stories/index.story.d.ts +2 -2
  74. package/build-types/confirm-dialog/stories/index.story.d.ts.map +1 -1
  75. package/build-types/custom-gradient-picker/stories/index.story.d.ts +1 -1
  76. package/build-types/custom-gradient-picker/stories/index.story.d.ts.map +1 -1
  77. package/build-types/custom-select-control/stories/index.story.d.ts +3 -3
  78. package/build-types/custom-select-control/stories/index.story.d.ts.map +1 -1
  79. package/build-types/custom-select-control-v2/stories/index.story.d.ts +3 -3
  80. package/build-types/date-time/date/styles.d.ts.map +1 -1
  81. package/build-types/date-time/stories/time.story.d.ts +1 -1
  82. package/build-types/date-time/stories/time.story.d.ts.map +1 -1
  83. package/build-types/date-time/time/index.d.ts.map +1 -1
  84. package/build-types/date-time/utils.d.ts +9 -0
  85. package/build-types/date-time/utils.d.ts.map +1 -1
  86. package/build-types/drop-zone/stories/index.story.d.ts +1 -1
  87. package/build-types/drop-zone/stories/index.story.d.ts.map +1 -1
  88. package/build-types/duotone-picker/stories/duotone-picker.story.d.ts +1 -1
  89. package/build-types/duotone-picker/stories/duotone-picker.story.d.ts.map +1 -1
  90. package/build-types/duotone-picker/stories/duotone-swatch.story.d.ts +3 -3
  91. package/build-types/duotone-picker/stories/duotone-swatch.story.d.ts.map +1 -1
  92. package/build-types/focal-point-picker/stories/index.story.d.ts +4 -4
  93. package/build-types/form-file-upload/stories/index.story.d.ts +5 -5
  94. package/build-types/form-file-upload/stories/index.story.d.ts.map +1 -1
  95. package/build-types/guide/stories/index.story.d.ts +1 -1
  96. package/build-types/guide/stories/index.story.d.ts.map +1 -1
  97. package/build-types/icon/stories/index.story.d.ts +4 -4
  98. package/build-types/icon/stories/index.story.d.ts.map +1 -1
  99. package/build-types/input-control/stories/index.story.d.ts +7 -7
  100. package/build-types/input-control/stories/index.story.d.ts.map +1 -1
  101. package/build-types/keyboard-shortcuts/stories/index.story.d.ts +1 -1
  102. package/build-types/keyboard-shortcuts/stories/index.story.d.ts.map +1 -1
  103. package/build-types/menu/radio-item.d.ts.map +1 -1
  104. package/build-types/menu-group/stories/index.story.d.ts +1 -1
  105. package/build-types/menu-group/stories/index.story.d.ts.map +1 -1
  106. package/build-types/menu-item/stories/index.story.d.ts +4 -4
  107. package/build-types/navigation/stories/index.story.d.ts +6 -6
  108. package/build-types/navigation/stories/index.story.d.ts.map +1 -1
  109. package/build-types/notice/stories/index.story.d.ts +5 -5
  110. package/build-types/notice/stories/index.story.d.ts.map +1 -1
  111. package/build-types/number-control/stories/index.story.d.ts +1 -1
  112. package/build-types/palette-edit/stories/index.story.d.ts +2 -2
  113. package/build-types/palette-edit/stories/index.story.d.ts.map +1 -1
  114. package/build-types/private-apis.d.ts.map +1 -1
  115. package/build-types/progress-bar/stories/index.story.d.ts +1 -1
  116. package/build-types/progress-bar/stories/index.story.d.ts.map +1 -1
  117. package/build-types/query-controls/stories/index.story.d.ts +1 -1
  118. package/build-types/query-controls/stories/index.story.d.ts.map +1 -1
  119. package/build-types/resizable-box/stories/index.story.d.ts +2 -2
  120. package/build-types/responsive-wrapper/stories/index.story.d.ts +1 -1
  121. package/build-types/responsive-wrapper/stories/index.story.d.ts.map +1 -1
  122. package/build-types/sandbox/stories/index.story.d.ts +1 -1
  123. package/build-types/sandbox/stories/index.story.d.ts.map +1 -1
  124. package/build-types/search-control/stories/index.story.d.ts +1 -1
  125. package/build-types/select-control/stories/index.story.d.ts +5 -5
  126. package/build-types/shortcut/stories/index.story.d.ts +1 -1
  127. package/build-types/shortcut/stories/index.story.d.ts.map +1 -1
  128. package/build-types/tab-panel/stories/index.story.d.ts +4 -4
  129. package/build-types/tab-panel/stories/index.story.d.ts.map +1 -1
  130. package/build-types/tabs/stories/index.story.d.ts +7 -7
  131. package/build-types/tabs/stories/index.story.d.ts.map +1 -1
  132. package/build-types/text/stories/index.story.d.ts +3 -3
  133. package/build-types/theme/stories/index.story.d.ts +1 -1
  134. package/build-types/toggle-control/stories/index.story.d.ts +2 -2
  135. package/build-types/toolbar/stories/index.story.d.ts +3 -3
  136. package/build-types/toolbar/stories/index.story.d.ts.map +1 -1
  137. package/build-types/tools-panel/tools-panel/hook.d.ts +1 -1
  138. package/build-types/tools-panel/types.d.ts +1 -1
  139. package/build-types/tools-panel/types.d.ts.map +1 -1
  140. package/build-types/tooltip/stories/index.story.d.ts +1 -1
  141. package/build-types/tooltip/stories/index.story.d.ts.map +1 -1
  142. package/build-types/tooltip/types.d.ts +2 -2
  143. package/build-types/tree-grid/stories/index.story.d.ts +1 -1
  144. package/build-types/tree-grid/stories/index.story.d.ts.map +1 -1
  145. package/build-types/tree-select/stories/index.story.d.ts +1 -1
  146. package/build-types/tree-select/stories/index.story.d.ts.map +1 -1
  147. package/build-types/v-stack/stories/index.story.d.ts +1 -1
  148. package/build-types/visually-hidden/styles.d.ts.map +1 -1
  149. package/package.json +25 -25
  150. package/src/button-group/stories/index.story.tsx +1 -1
  151. package/src/calendar/stories/date-calendar.story.tsx +11 -0
  152. package/src/calendar/stories/date-range-calendar.story.tsx +11 -0
  153. package/src/calendar/style.scss +5 -0
  154. package/src/calendar/types.ts +12 -0
  155. package/src/calendar/utils/constants.ts +1 -0
  156. package/src/composite/legacy/stories/index.story.tsx +1 -1
  157. package/src/date-time/date/styles.ts +1 -0
  158. package/src/date-time/test/utils.test.ts +8 -11
  159. package/src/date-time/time/index.tsx +2 -12
  160. package/src/date-time/time/test/index.tsx +69 -0
  161. package/src/date-time/utils.ts +18 -0
  162. package/src/guide/style.scss +3 -0
  163. package/src/menu/radio-item.tsx +1 -1
  164. package/src/modal/style.scss +4 -7
  165. package/src/navigation/stories/index.story.tsx +1 -1
  166. package/src/notice/test/__snapshots__/index.tsx.snap +1 -1
  167. package/src/private-apis.ts +0 -4
  168. package/src/radio-group/stories/index.story.tsx +1 -1
  169. package/src/snackbar/style.scss +1 -0
  170. package/src/style.scss +0 -2
  171. package/src/tools-panel/types.ts +4 -1
  172. package/src/tooltip/README.md +2 -2
  173. package/src/tooltip/index.tsx +2 -2
  174. package/src/tooltip/types.ts +2 -2
  175. package/src/visually-hidden/styles.ts +1 -0
  176. package/src/visually-hidden/test/__snapshots__/index.tsx.snap +1 -1
  177. package/build/avatar/component.cjs +0 -99
  178. package/build/avatar/component.cjs.map +0 -7
  179. package/build/avatar/index.cjs +0 -37
  180. package/build/avatar/index.cjs.map +0 -7
  181. package/build/avatar/types.cjs +0 -19
  182. package/build/avatar/types.cjs.map +0 -7
  183. package/build/avatar-group/component.cjs +0 -60
  184. package/build/avatar-group/component.cjs.map +0 -7
  185. package/build/avatar-group/index.cjs +0 -37
  186. package/build/avatar-group/index.cjs.map +0 -7
  187. package/build/avatar-group/types.cjs +0 -19
  188. package/build/avatar-group/types.cjs.map +0 -7
  189. package/build-module/avatar/component.mjs +0 -68
  190. package/build-module/avatar/component.mjs.map +0 -7
  191. package/build-module/avatar/index.mjs +0 -6
  192. package/build-module/avatar/index.mjs.map +0 -7
  193. package/build-module/avatar/types.mjs +0 -1
  194. package/build-module/avatar/types.mjs.map +0 -7
  195. package/build-module/avatar-group/component.mjs +0 -29
  196. package/build-module/avatar-group/component.mjs.map +0 -7
  197. package/build-module/avatar-group/index.mjs +0 -6
  198. package/build-module/avatar-group/index.mjs.map +0 -7
  199. package/build-module/avatar-group/types.mjs +0 -1
  200. package/build-module/avatar-group/types.mjs.map +0 -7
  201. package/build-types/avatar/component.d.ts +0 -5
  202. package/build-types/avatar/component.d.ts.map +0 -1
  203. package/build-types/avatar/index.d.ts +0 -3
  204. package/build-types/avatar/index.d.ts.map +0 -1
  205. package/build-types/avatar/types.d.ts +0 -59
  206. package/build-types/avatar/types.d.ts.map +0 -1
  207. package/build-types/avatar-group/component.d.ts +0 -8
  208. package/build-types/avatar-group/component.d.ts.map +0 -1
  209. package/build-types/avatar-group/index.d.ts +0 -3
  210. package/build-types/avatar-group/index.d.ts.map +0 -1
  211. package/build-types/avatar-group/types.d.ts +0 -14
  212. package/build-types/avatar-group/types.d.ts.map +0 -1
  213. package/src/avatar/component.tsx +0 -82
  214. package/src/avatar/index.ts +0 -2
  215. package/src/avatar/styles.scss +0 -152
  216. package/src/avatar/types.ts +0 -59
  217. package/src/avatar-group/component.tsx +0 -46
  218. package/src/avatar-group/index.ts +0 -2
  219. package/src/avatar-group/styles.scss +0 -32
  220. package/src/avatar-group/types.ts +0 -13
@@ -167,186 +167,6 @@
167
167
  outline: 2px solid transparent;
168
168
  }
169
169
 
170
- .components-avatar {
171
- display: inline-flex;
172
- align-items: center;
173
- border-radius: 9999px;
174
- overflow: clip;
175
- flex-shrink: 0;
176
- background-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
177
- box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01);
178
- }
179
-
180
- .components-avatar__image {
181
- box-sizing: border-box;
182
- position: relative;
183
- width: 32px;
184
- height: 32px;
185
- border-radius: 9999px;
186
- border: 0;
187
- background-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
188
- overflow: clip;
189
- flex-shrink: 0;
190
- font-size: 0;
191
- color: #fff;
192
- }
193
- .is-small > .components-avatar__image {
194
- width: 24px;
195
- height: 24px;
196
- }
197
- .has-src > .components-avatar__image {
198
- background-image: var(--components-avatar-url);
199
- background-size: cover;
200
- background-position: center;
201
- }
202
- .has-avatar-border-color > .components-avatar__image {
203
- border: var(--wp-admin-border-width-focus) solid var(--components-avatar-outline-color);
204
- box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #fff;
205
- background-clip: padding-box;
206
- }
207
-
208
- .components-avatar:not(.has-src) > .components-avatar__image {
209
- display: flex;
210
- align-items: center;
211
- justify-content: center;
212
- font-size: 11px;
213
- font-weight: 499;
214
- border: 0;
215
- box-shadow: none;
216
- background-clip: border-box;
217
- }
218
-
219
- .components-avatar:not(.has-src).has-avatar-border-color > .components-avatar__image {
220
- background-color: var(--components-avatar-outline-color);
221
- }
222
-
223
- .components-avatar__name {
224
- font-size: 13px;
225
- line-height: 20px;
226
- color: #fff;
227
- min-width: 0;
228
- padding-bottom: 2px;
229
- overflow: hidden;
230
- opacity: 0;
231
- white-space: nowrap;
232
- transition: opacity 0.15s cubic-bezier(0.15, 0, 0.15, 1);
233
- }
234
-
235
- .components-avatar.has-badge {
236
- display: inline-grid;
237
- grid-template-columns: min-content 0fr;
238
- column-gap: 0;
239
- padding-inline-end: 0;
240
- transition: grid-template-columns 0.3s cubic-bezier(0.15, 0, 0.15, 1), column-gap 0.3s cubic-bezier(0.15, 0, 0.15, 1), padding-inline-end 0.3s cubic-bezier(0.15, 0, 0.15, 1);
241
- }
242
- .components-avatar.has-badge:hover {
243
- grid-template-columns: min-content 1fr;
244
- column-gap: 4px;
245
- padding-inline-end: 8px;
246
- transition-timing-function: cubic-bezier(0.85, 0, 0.85, 1);
247
- }
248
- .components-avatar.has-badge:hover .components-avatar__name {
249
- opacity: 1;
250
- transition-timing-function: cubic-bezier(0.85, 0, 0.85, 1);
251
- }
252
-
253
- .components-avatar.has-badge.has-avatar-border-color {
254
- background-color: var(--components-avatar-outline-color);
255
- }
256
-
257
- .components-avatar.has-status.has-src > .components-avatar__image {
258
- background-image: none;
259
- }
260
- .components-avatar.has-status.has-src > .components-avatar__image::before {
261
- content: "";
262
- position: absolute;
263
- inset: 0;
264
- border-radius: inherit;
265
- background-image: var(--components-avatar-url);
266
- background-size: cover;
267
- background-position: center;
268
- mix-blend-mode: luminosity;
269
- opacity: 0.3;
270
- }
271
-
272
- .components-avatar.has-status:not(.has-src) > .components-avatar__image {
273
- color: rgba(255, 255, 255, 0.3);
274
- }
275
-
276
- .components-avatar.has-status.has-avatar-border-color > .components-avatar__image {
277
- background-color: var(--components-avatar-outline-color);
278
- }
279
-
280
- .components-avatar__status-indicator {
281
- position: absolute;
282
- inset: 0;
283
- display: flex;
284
- align-items: center;
285
- justify-content: center;
286
- z-index: 1;
287
- color: #fff;
288
- fill: #fff;
289
- }
290
- .components-avatar__status-indicator svg {
291
- width: 75%;
292
- height: 75%;
293
- }
294
-
295
- @media (prefers-reduced-motion: reduce) {
296
- .components-avatar.has-badge,
297
- .components-avatar__name {
298
- transition: none;
299
- }
300
- }
301
- .components-avatar-group {
302
- display: flex;
303
- align-items: center;
304
- }
305
- .components-avatar-group > .components-avatar + .components-avatar {
306
- margin-inline-start: -8px;
307
- }
308
- .components-avatar-group > .components-avatar {
309
- position: relative;
310
- }
311
- .components-avatar-group > .components-avatar:nth-child(1) {
312
- z-index: 10;
313
- }
314
- .components-avatar-group > .components-avatar:nth-child(2) {
315
- z-index: 9;
316
- }
317
- .components-avatar-group > .components-avatar:nth-child(3) {
318
- z-index: 8;
319
- }
320
- .components-avatar-group > .components-avatar:nth-child(4) {
321
- z-index: 7;
322
- }
323
- .components-avatar-group > .components-avatar:nth-child(5) {
324
- z-index: 6;
325
- }
326
- .components-avatar-group > .components-avatar:nth-child(6) {
327
- z-index: 5;
328
- }
329
- .components-avatar-group > .components-avatar:nth-child(7) {
330
- z-index: 4;
331
- }
332
- .components-avatar-group > .components-avatar:nth-child(8) {
333
- z-index: 3;
334
- }
335
- .components-avatar-group > .components-avatar:nth-child(9) {
336
- z-index: 2;
337
- }
338
- .components-avatar-group > .components-avatar:nth-child(10) {
339
- z-index: 1;
340
- }
341
-
342
- .components-avatar-group__overflow {
343
- margin-inline-start: 4px;
344
- font-size: 12px;
345
- line-height: 20px;
346
- color: #1e1e1e;
347
- white-space: nowrap;
348
- }
349
-
350
170
  .components-badge {
351
171
  box-sizing: border-box;
352
172
  }
@@ -935,6 +755,10 @@ p + .components-button.is-tertiary {
935
755
  background-color: var(--wp-components-color-gray-800, #2f2f2f);
936
756
  }
937
757
 
758
+ .components-calendar__day--outside {
759
+ color: var(--wp-components-color-gray-600, #949494);
760
+ }
761
+
938
762
  .components-calendar__day--hidden {
939
763
  visibility: hidden;
940
764
  }
@@ -2258,6 +2082,7 @@ body.is-dragging-components-draggable {
2258
2082
  outline-style: solid;
2259
2083
  outline-width: calc(2 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
2260
2084
  outline-offset: calc(2 * -1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
2085
+ box-shadow: inset 0 0 0 calc(var(--wp-admin-border-width-focus, 2px) + 1px) #fff, 0 0 0 1px #fff, 0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01);
2261
2086
  z-index: 1000000;
2262
2087
  }
2263
2088
 
@@ -2273,6 +2098,7 @@ body.is-dragging-components-draggable {
2273
2098
  outline-style: solid;
2274
2099
  outline-width: calc(2 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
2275
2100
  outline-offset: calc(2 * -1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
2101
+ box-shadow: inset 0 0 0 calc(var(--wp-admin-border-width-focus, 2px) + 1px) #fff, 0 0 0 1px #fff, 0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01);
2276
2102
  z-index: 1000000;
2277
2103
  }
2278
2104
  .is-focusing-regions.is-distraction-free .interface-interface-skeleton__header .edit-post-header,
@@ -2284,6 +2110,7 @@ body.is-dragging-components-draggable {
2284
2110
  outline-style: solid;
2285
2111
  outline-width: calc(2 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
2286
2112
  outline-offset: calc(2 * -1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
2113
+ box-shadow: inset 0 0 0 calc(var(--wp-admin-border-width-focus, 2px) + 1px) #fff, 0 0 0 1px #fff, 0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01);
2287
2114
  }
2288
2115
 
2289
2116
  .components-menu-group + .components-menu-group {
@@ -2485,7 +2312,7 @@ body.is-dragging-components-draggable {
2485
2312
  border-radius: 8px;
2486
2313
  margin: auto;
2487
2314
  width: auto;
2488
- min-width: 350px;
2315
+ min-width: var(--wpds-dimension-surface-width-sm, 320px);
2489
2316
  max-width: calc(100% - 32px);
2490
2317
  max-height: calc(100% - 128px);
2491
2318
  }
@@ -2509,13 +2336,13 @@ body.is-dragging-components-draggable {
2509
2336
  width: 100%;
2510
2337
  }
2511
2338
  .components-modal__frame.has-size-small {
2512
- max-width: 384px;
2339
+ max-width: var(--wpds-dimension-surface-width-md, 400px);
2513
2340
  }
2514
2341
  .components-modal__frame.has-size-medium {
2515
- max-width: 512px;
2342
+ max-width: var(--wpds-dimension-surface-width-lg, 560px);
2516
2343
  }
2517
2344
  .components-modal__frame.has-size-large {
2518
- max-width: 840px;
2345
+ max-width: var(--wpds-dimension-surface-width-2xl, 960px);
2519
2346
  }
2520
2347
  }
2521
2348
  @media (min-width: 960px) {
@@ -9,6 +9,6 @@ import AlignmentMatrixControl from '..';
9
9
  import type { AlignmentMatrixControlProps } from '../types';
10
10
  declare const meta: Meta<typeof AlignmentMatrixControl>;
11
11
  export default meta;
12
- export declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, AlignmentMatrixControlProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "as" | keyof AlignmentMatrixControlProps>>;
12
+ export declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, AlignmentMatrixControlProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "as" | keyof AlignmentMatrixControlProps>>;
13
13
  export declare const IconSubcomponent: () => import("react").JSX.Element;
14
14
  //# sourceMappingURL=index.story.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/alignment-matrix-control/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAC;AAS3D;;GAEG;AACH,OAAO,sBAAsB,MAAM,IAAI,CAAC;AAExC,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAE5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,sBAAsB,CAqB9C,CAAC;AACF,eAAe,IAAI,CAAC;AAqBpB,eAAO,MAAM,OAAO,6SAAsB,CAAC;AAE3C,eAAO,MAAM,gBAAgB,mCAS5B,CAAC"}
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/alignment-matrix-control/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAC;AAS3D;;GAEG;AACH,OAAO,sBAAsB,MAAM,IAAI,CAAC;AAExC,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAE5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,sBAAsB,CAqB9C,CAAC;AACF,eAAe,IAAI,CAAC;AAqBpB,eAAO,MAAM,OAAO,wSAAsB,CAAC;AAE3C,eAAO,MAAM,gBAAgB,mCAS5B,CAAC"}
@@ -8,7 +8,7 @@ import type { Meta } from '@storybook/react-vite';
8
8
  import { AnglePickerControl } from '..';
9
9
  declare const meta: Meta<typeof AnglePickerControl>;
10
10
  export default meta;
11
- export declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../types").AnglePickerControlProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "as" | keyof import("../types").AnglePickerControlProps> & {
11
+ export declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").AnglePickerControlProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "as" | keyof import("../types").AnglePickerControlProps> & {
12
12
  as?: keyof import("react").JSX.IntrinsicElements | undefined;
13
13
  } & import("react").RefAttributes<any>>;
14
14
  //# sourceMappingURL=index.story.d.ts.map
@@ -8,11 +8,11 @@ import type { Meta } from '@storybook/react-vite';
8
8
  import { Animate } from '..';
9
9
  declare const meta: Meta<typeof Animate>;
10
10
  export default meta;
11
- export declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../types").AnimateProps>;
12
- export declare const AppearTopLeft: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../types").AnimateProps>;
13
- export declare const AppearTopRight: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../types").AnimateProps>;
14
- export declare const AppearBottomLeft: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../types").AnimateProps>;
15
- export declare const AppearBottomRight: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../types").AnimateProps>;
16
- export declare const Loading: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../types").AnimateProps>;
17
- export declare const SlideIn: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../types").AnimateProps>;
11
+ export declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").AnimateProps>;
12
+ export declare const AppearTopLeft: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").AnimateProps>;
13
+ export declare const AppearTopRight: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").AnimateProps>;
14
+ export declare const AppearBottomLeft: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").AnimateProps>;
15
+ export declare const AppearBottomRight: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").AnimateProps>;
16
+ export declare const Loading: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").AnimateProps>;
17
+ export declare const SlideIn: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").AnimateProps>;
18
18
  //# sourceMappingURL=index.story.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/animate/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAC;AAE3D;;GAEG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;AAG7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,OAAO,CAa/B,CAAC;AACF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,OAAO,mIAAsB,CAAC;AAc3C,eAAO,MAAM,aAAa,mIAAsB,CAAC;AAUjD,eAAO,MAAM,cAAc,mIAAsB,CAAC;AAUlD,eAAO,MAAM,gBAAgB,mIAAsB,CAAC;AAUpD,eAAO,MAAM,iBAAiB,mIAAsB,CAAC;AAWrD,eAAO,MAAM,OAAO,mIAAsB,CAAC;AAU3C,eAAO,MAAM,OAAO,mIAAsB,CAAC"}
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/animate/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAC;AAE3D;;GAEG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;AAG7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,OAAO,CAa/B,CAAC;AACF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,OAAO,8HAAsB,CAAC;AAc3C,eAAO,MAAM,aAAa,8HAAsB,CAAC;AAUjD,eAAO,MAAM,cAAc,8HAAsB,CAAC;AAUlD,eAAO,MAAM,gBAAgB,8HAAsB,CAAC;AAUpD,eAAO,MAAM,iBAAiB,8HAAsB,CAAC;AAWrD,eAAO,MAAM,OAAO,8HAAsB,CAAC;AAU3C,eAAO,MAAM,OAAO,8HAAsB,CAAC"}
@@ -9,7 +9,7 @@ import BaseControl from '..';
9
9
  declare const meta: Meta<typeof BaseControl>;
10
10
  export default meta;
11
11
  export declare const Default: StoryFn<typeof BaseControl>;
12
- export declare const WithHelpText: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../types").BaseControlProps & {
12
+ export declare const WithHelpText: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").BaseControlProps & {
13
13
  as?: keyof import("react").JSX.IntrinsicElements | null | undefined;
14
14
  }>;
15
15
  /**
@@ -5,7 +5,7 @@ import type { Meta } from '@storybook/react-vite';
5
5
  import { BorderBoxControl } from '../';
6
6
  declare const meta: Meta<typeof BorderBoxControl>;
7
7
  export default meta;
8
- export declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "__experimentalIsRenderedInSidebar"> & {
8
+ export declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "__experimentalIsRenderedInSidebar"> & {
9
9
  disableCustomColors?: boolean;
10
10
  enableAlpha?: boolean;
11
11
  } & import("../../border-control/types").LabelProps & Pick<import("../../border-control/types").BorderControlProps, "size" | "enableStyle"> & {
@@ -9,7 +9,7 @@ import { BorderControl } from '..';
9
9
  import type { Border } from '../types';
10
10
  declare const meta: Meta<typeof BorderControl>;
11
11
  export default meta;
12
- export declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "__experimentalIsRenderedInSidebar"> & {
12
+ export declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "__experimentalIsRenderedInSidebar"> & {
13
13
  disableCustomColors?: boolean;
14
14
  enableAlpha?: boolean;
15
15
  } & import("../types").LabelProps & {
@@ -31,7 +31,7 @@ export declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<
31
31
  /**
32
32
  * Render a slider beside the control.
33
33
  */
34
- export declare const WithSlider: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "__experimentalIsRenderedInSidebar"> & {
34
+ export declare const WithSlider: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "__experimentalIsRenderedInSidebar"> & {
35
35
  disableCustomColors?: boolean;
36
36
  enableAlpha?: boolean;
37
37
  } & import("../types").LabelProps & {
@@ -53,7 +53,7 @@ export declare const WithSlider: import("storybook/internal/csf").AnnotatedStory
53
53
  /**
54
54
  * When rendering with a slider, the `width` prop is useful to customize the width of the number input.
55
55
  */
56
- export declare const WithSliderCustomWidth: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "__experimentalIsRenderedInSidebar"> & {
56
+ export declare const WithSliderCustomWidth: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "__experimentalIsRenderedInSidebar"> & {
57
57
  disableCustomColors?: boolean;
58
58
  enableAlpha?: boolean;
59
59
  } & import("../types").LabelProps & {
@@ -76,7 +76,7 @@ export declare const WithSliderCustomWidth: import("storybook/internal/csf").Ann
76
76
  * Restrict the width of the control and prevent it from expanding to take up additional space.
77
77
  * When `true`, the `width` prop will be ignored.
78
78
  */
79
- export declare const IsCompact: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "__experimentalIsRenderedInSidebar"> & {
79
+ export declare const IsCompact: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "__experimentalIsRenderedInSidebar"> & {
80
80
  disableCustomColors?: boolean;
81
81
  enableAlpha?: boolean;
82
82
  } & import("../types").LabelProps & {
@@ -98,7 +98,7 @@ export declare const IsCompact: import("storybook/internal/csf").AnnotatedStoryF
98
98
  /**
99
99
  * The `colors` object can contain multiple origins.
100
100
  */
101
- export declare const WithMultipleOrigins: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "__experimentalIsRenderedInSidebar"> & {
101
+ export declare const WithMultipleOrigins: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "__experimentalIsRenderedInSidebar"> & {
102
102
  disableCustomColors?: boolean;
103
103
  enableAlpha?: boolean;
104
104
  } & import("../types").LabelProps & {
@@ -8,11 +8,11 @@ import type { Meta } from '@storybook/react-vite';
8
8
  import BoxControl from '../';
9
9
  declare const meta: Meta<typeof BoxControl>;
10
10
  export default meta;
11
- export declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../types").BoxControlProps>;
12
- export declare const Controlled: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../types").BoxControlProps>;
13
- export declare const ArbitrarySides: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../types").BoxControlProps>;
14
- export declare const SingleSide: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../types").BoxControlProps>;
15
- export declare const AxialControls: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../types").BoxControlProps>;
16
- export declare const AxialControlsWithSingleSide: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../types").BoxControlProps>;
17
- export declare const ControlWithPresets: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../types").BoxControlProps>;
11
+ export declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").BoxControlProps>;
12
+ export declare const Controlled: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").BoxControlProps>;
13
+ export declare const ArbitrarySides: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").BoxControlProps>;
14
+ export declare const SingleSide: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").BoxControlProps>;
15
+ export declare const AxialControls: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").BoxControlProps>;
16
+ export declare const AxialControlsWithSingleSide: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").BoxControlProps>;
17
+ export declare const ControlWithPresets: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").BoxControlProps>;
18
18
  //# sourceMappingURL=index.story.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/box-control/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAC;AAQ3D;;GAEG;AACH,OAAO,UAAU,MAAM,KAAK,CAAC;AAE7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,UAAU,CAkBlC,CAAC;AACF,eAAe,IAAI,CAAC;AAsBpB,eAAO,MAAM,OAAO,sIAAkC,CAAC;AAMvD,eAAO,MAAM,UAAU,sIAAgC,CAAC;AAKxD,eAAO,MAAM,cAAc,sIAAgC,CAAC;AAM5D,eAAO,MAAM,UAAU,sIAAgC,CAAC;AAMxD,eAAO,MAAM,aAAa,sIAAgC,CAAC;AAM3D,eAAO,MAAM,2BAA2B,sIAAgC,CAAC;AAOzE,eAAO,MAAM,kBAAkB,sIAAgC,CAAC"}
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/box-control/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAC;AAQ3D;;GAEG;AACH,OAAO,UAAU,MAAM,KAAK,CAAC;AAE7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,UAAU,CAkBlC,CAAC;AACF,eAAe,IAAI,CAAC;AAsBpB,eAAO,MAAM,OAAO,iIAAkC,CAAC;AAMvD,eAAO,MAAM,UAAU,iIAAgC,CAAC;AAKxD,eAAO,MAAM,cAAc,iIAAgC,CAAC;AAM5D,eAAO,MAAM,UAAU,iIAAgC,CAAC;AAMxD,eAAO,MAAM,aAAa,iIAAgC,CAAC;AAM3D,eAAO,MAAM,2BAA2B,iIAAgC,CAAC;AAOzE,eAAO,MAAM,kBAAkB,iIAAgC,CAAC"}
@@ -9,6 +9,6 @@ import { Button } from '../..';
9
9
  declare const meta: Meta<typeof Button>;
10
10
  export default meta;
11
11
  export declare const VariantStates: StoryFn<typeof Button>;
12
- export declare const Icon: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, (import("../../types").ButtonProps & import("../../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
12
+ export declare const Icon: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, (import("../../types").ButtonProps & import("../../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
13
13
  export declare const Dashicons: StoryFn<typeof Button>;
14
14
  //# sourceMappingURL=index.story.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../src/button/stories/e2e/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAO3D;;GAEG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,MAAM,CAG9B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,aAAa,EAAE,OAAO,CAAE,OAAO,MAAM,CAqHjD,CAAC;AAKF,eAAO,MAAM,IAAI,0NAA2B,CAAC;AAK7C,eAAO,MAAM,SAAS,EAAE,OAAO,CAAE,OAAO,MAAM,CAmB7C,CAAC"}
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../src/button/stories/e2e/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAO3D;;GAEG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,MAAM,CAG9B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,aAAa,EAAE,OAAO,CAAE,OAAO,MAAM,CAqHjD,CAAC;AAKF,eAAO,MAAM,IAAI,qNAA2B,CAAC;AAK7C,eAAO,MAAM,SAAS,EAAE,OAAO,CAAE,OAAO,MAAM,CAmB7C,CAAC"}
@@ -9,30 +9,30 @@ import './style.css';
9
9
  import Button from '..';
10
10
  declare const meta: Meta<typeof Button>;
11
11
  export default meta;
12
- export declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, (import("../types").ButtonProps & import("../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
12
+ export declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, (import("../types").ButtonProps & import("../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
13
13
  /**
14
14
  * Primary buttons stand out with bold color fills, making them distinct
15
15
  * from the background. Since they naturally draw attention, each layout should contain
16
16
  * only one primary button to guide users toward the most important action.
17
17
  */
18
- export declare const Primary: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, (import("../types").ButtonProps & import("../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
18
+ export declare const Primary: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, (import("../types").ButtonProps & import("../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
19
19
  /**
20
20
  * Secondary buttons complement primary buttons. Use them for standard actions that may appear alongside a primary action.
21
21
  */
22
- export declare const Secondary: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, (import("../types").ButtonProps & import("../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
22
+ export declare const Secondary: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, (import("../types").ButtonProps & import("../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
23
23
  /**
24
24
  * Tertiary buttons have minimal emphasis. Use them sparingly to subtly highlight an action.
25
25
  */
26
- export declare const Tertiary: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, (import("../types").ButtonProps & import("../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
26
+ export declare const Tertiary: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, (import("../types").ButtonProps & import("../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
27
27
  /**
28
28
  * Link buttons have low emphasis and blend into the page, making them suitable for supplementary actions,
29
29
  * especially those involving navigation away from the current view.
30
30
  */
31
- export declare const Link: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, (import("../types").ButtonProps & import("../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
31
+ export declare const Link: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, (import("../types").ButtonProps & import("../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
32
32
  /**
33
33
  * Use this variant for irreversible actions. Apply sparingly and only for actions with significant impact.
34
34
  */
35
- export declare const IsDestructive: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, (import("../types").ButtonProps & import("../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
36
- export declare const Icon: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, (import("../types").ButtonProps & import("../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
35
+ export declare const IsDestructive: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, (import("../types").ButtonProps & import("../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
36
+ export declare const Icon: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, (import("../types").ButtonProps & import("../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
37
37
  export declare function GroupedIcons(): import("react").JSX.Element;
38
38
  //# sourceMappingURL=index.story.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/button/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAC;AAc3D;;GAEG;AACH,OAAO,aAAa,CAAC;AACrB,OAAO,MAAM,MAAM,IAAI,CAAC;AAExB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,MAAM,CAqC9B,CAAC;AACF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,OAAO,oNAAsB,CAAC;AAK3C;;;;GAIG;AACH,eAAO,MAAM,OAAO,oNAAsB,CAAC;AAM3C;;GAEG;AACH,eAAO,MAAM,SAAS,oNAAsB,CAAC;AAM7C;;GAEG;AACH,eAAO,MAAM,QAAQ,oNAAsB,CAAC;AAM5C;;;GAGG;AACH,eAAO,MAAM,IAAI,oNAAsB,CAAC;AAMxC;;GAEG;AACH,eAAO,MAAM,aAAa,oNAAsB,CAAC;AAMjD,eAAO,MAAM,IAAI,oNAAsB,CAAC;AASxC,wBAAgB,YAAY,gCAY3B"}
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/button/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAC;AAc3D;;GAEG;AACH,OAAO,aAAa,CAAC;AACrB,OAAO,MAAM,MAAM,IAAI,CAAC;AAExB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,MAAM,CAqC9B,CAAC;AACF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,OAAO,+MAAsB,CAAC;AAK3C;;;;GAIG;AACH,eAAO,MAAM,OAAO,+MAAsB,CAAC;AAM3C;;GAEG;AACH,eAAO,MAAM,SAAS,+MAAsB,CAAC;AAM7C;;GAEG;AACH,eAAO,MAAM,QAAQ,+MAAsB,CAAC;AAM5C;;;GAGG;AACH,eAAO,MAAM,IAAI,+MAAsB,CAAC;AAMxC;;GAEG;AACH,eAAO,MAAM,aAAa,+MAAsB,CAAC;AAMjD,eAAO,MAAM,IAAI,+MAAsB,CAAC;AASxC,wBAAgB,YAAY,gCAY3B"}
@@ -9,6 +9,11 @@ type Story = StoryObj<typeof DateCalendar>;
9
9
  export declare const Default: Story;
10
10
  export declare const DisabledDates: Story;
11
11
  export declare const WithSelectedDateAndMonth: Story;
12
+ /**
13
+ * Shows days from adjacent months in the grid. Outside days use a lighter style
14
+ * and are still interactive. Use `fixedWeeks` to keep the grid height constant.
15
+ */
16
+ export declare const WithOutsideDays: Story;
12
17
  /**
13
18
  * When working with time zones, use the `TZDate` object exported by this package instead of the native `Date` object.
14
19
  */
@@ -1 +1 @@
1
- {"version":3,"file":"date-calendar.story.d.ts","sourceRoot":"","sources":["../../../src/calendar/stories/date-calendar.story.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAM5D;;GAEG;AACH,OAAO,EAAE,YAAY,EAAU,MAAM,IAAI,CAAC;AAE1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,YAAY,CA4EpC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,YAAY,CAAE,CAAC;AAE7C,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,aAAa,EAAE,KA6B3B,CAAC;AAQF,eAAO,MAAM,wBAAwB,EAAE,KAKtC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAyD1B,CAAC"}
1
+ {"version":3,"file":"date-calendar.story.d.ts","sourceRoot":"","sources":["../../../src/calendar/stories/date-calendar.story.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAM5D;;GAEG;AACH,OAAO,EAAE,YAAY,EAAU,MAAM,IAAI,CAAC;AAE1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,YAAY,CA4EpC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,YAAY,CAAE,CAAC;AAE7C,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,aAAa,EAAE,KA6B3B,CAAC;AAQF,eAAO,MAAM,wBAAwB,EAAE,KAKtC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KAK7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAyD1B,CAAC"}
@@ -9,6 +9,11 @@ type Story = StoryObj<typeof DateRangeCalendar>;
9
9
  export declare const Default: Story;
10
10
  export declare const DisabledDates: Story;
11
11
  export declare const WithSelectedRangeAndMonth: Story;
12
+ /**
13
+ * Shows days from adjacent months in the grid. Outside days use a lighter style
14
+ * and are still interactive. Use `fixedWeeks` to keep the grid height constant.
15
+ */
16
+ export declare const WithOutsideDays: Story;
12
17
  /**
13
18
  * When working with time zones, use the `TZDate` object exported by this package instead of the native `Date` object.
14
19
  */
@@ -1 +1 @@
1
- {"version":3,"file":"date-range-calendar.story.d.ts","sourceRoot":"","sources":["../../../src/calendar/stories/date-range-calendar.story.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAK5D;;GAEG;AACH,OAAO,EAAE,iBAAiB,EAAU,MAAM,IAAI,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,iBAAiB,CA4EzC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,iBAAiB,CAAE,CAAC;AAElD,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,aAAa,EAAE,KA6B3B,CAAC;AASF,eAAO,MAAM,yBAAyB,EAAE,KAQvC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KA+D1B,CAAC"}
1
+ {"version":3,"file":"date-range-calendar.story.d.ts","sourceRoot":"","sources":["../../../src/calendar/stories/date-range-calendar.story.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAK5D;;GAEG;AACH,OAAO,EAAE,iBAAiB,EAAU,MAAM,IAAI,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,iBAAiB,CA4EzC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,iBAAiB,CAAE,CAAC;AAElD,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,aAAa,EAAE,KA6B3B,CAAC;AASF,eAAO,MAAM,yBAAyB,EAAE,KAQvC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KAK7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KA+D1B,CAAC"}
@@ -164,6 +164,18 @@ export interface BaseProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'o
164
164
  * @default 1
165
165
  */
166
166
  numberOfMonths?: number;
167
+ /**
168
+ * When `true`, days from adjacent months are shown in the grid and receive
169
+ * the `outside` modifier and the class.
170
+ * @default false
171
+ */
172
+ showOutsideDays?: boolean;
173
+ /**
174
+ * When `true`, the calendar always shows a fixed number of weeks (e.g. 6)
175
+ * so the grid height does not change between months.
176
+ * @default false
177
+ */
178
+ fixedWeeks?: boolean;
167
179
  /**
168
180
  * The earliest month to start the month navigation.
169
181
  */
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/calendar/types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/calendar/types.ts"],"names":[],"mappings":"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"}
@@ -19,6 +19,7 @@ export declare const COMMON_PROPS: {
19
19
  root: string;
20
20
  day: string;
21
21
  day_button: string;
22
+ outside: string;
22
23
  caption_label: string;
23
24
  button_next: string;
24
25
  button_previous: string;
@@ -1 +1 @@
1
- {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/calendar/utils/constants.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AA+BjC,eAAO,MAAM,mBAAmB;;;;CAI/B,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqBf,CAAC"}
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/calendar/utils/constants.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAgCjC,eAAO,MAAM,mBAAmB;;;;CAI/B,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqBf,CAAC"}
@@ -8,9 +8,9 @@ import type { Meta } from '@storybook/react-vite';
8
8
  import CircularOptionPicker from '..';
9
9
  declare const meta: Meta<typeof CircularOptionPicker>;
10
10
  export default meta;
11
- export declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../types").CircularOptionPickerProps>;
12
- export declare const AsButtons: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../types").CircularOptionPickerProps>;
13
- export declare const WithLoopingDisabled: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../types").CircularOptionPickerProps>;
14
- export declare const WithButtonAction: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../types").CircularOptionPickerProps>;
15
- export declare const WithDropdownLinkAction: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../types").CircularOptionPickerProps>;
11
+ export declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").CircularOptionPickerProps>;
12
+ export declare const AsButtons: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").CircularOptionPickerProps>;
13
+ export declare const WithLoopingDisabled: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").CircularOptionPickerProps>;
14
+ export declare const WithButtonAction: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").CircularOptionPickerProps>;
15
+ export declare const WithDropdownLinkAction: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").CircularOptionPickerProps>;
16
16
  //# sourceMappingURL=index.story.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/circular-option-picker/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAC;AAK3D;;GAEG;AACH,OAAO,oBAAoB,MAAM,IAAI,CAAC;AAOtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,oBAAoB,CA6C5C,CAAC;AACF,eAAe,IAAI,CAAC;AAgDpB,eAAO,MAAM,OAAO,gJAAsB,CAAC;AAM3C,eAAO,MAAM,SAAS,gJAAsB,CAAC;AAM7C,eAAO,MAAM,mBAAmB,gJAAsB,CAAC;AAiBvD,eAAO,MAAM,gBAAgB,gJAAsB,CAAC;AAOpD,eAAO,MAAM,sBAAsB,gJAAsB,CAAC"}
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/circular-option-picker/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAC;AAK3D;;GAEG;AACH,OAAO,oBAAoB,MAAM,IAAI,CAAC;AAOtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,oBAAoB,CA6C5C,CAAC;AACF,eAAe,IAAI,CAAC;AAgDpB,eAAO,MAAM,OAAO,2IAAsB,CAAC;AAM3C,eAAO,MAAM,SAAS,2IAAsB,CAAC;AAM7C,eAAO,MAAM,mBAAmB,2IAAsB,CAAC;AAiBvD,eAAO,MAAM,gBAAgB,2IAAsB,CAAC;AAOpD,eAAO,MAAM,sBAAsB,2IAAsB,CAAC"}
@@ -9,7 +9,7 @@ import ComboboxControl from '..';
9
9
  import type { ComboboxControlProps } from '../types';
10
10
  declare const meta: Meta<typeof ComboboxControl>;
11
11
  export default meta;
12
- export declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, Pick<import("../../base-control/types").BaseControlProps, "label" | "help" | "className" | "hideLabelFromVision" | "__nextHasNoMarginBottom"> & {
12
+ export declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../base-control/types").BaseControlProps, "label" | "help" | "className" | "hideLabelFromVision" | "__nextHasNoMarginBottom"> & {
13
13
  __experimentalRenderItem?: (args: {
14
14
  item: import("../types").ComboboxControlOption;
15
15
  }) => React.ReactNode;
@@ -32,7 +32,7 @@ export declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<
32
32
  * render function to the `__experimentalRenderItem` prop. (This is still an experimental feature
33
33
  * and is subject to change.)
34
34
  */
35
- export declare const WithCustomRenderItem: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, Pick<import("../../base-control/types").BaseControlProps, "label" | "help" | "className" | "hideLabelFromVision" | "__nextHasNoMarginBottom"> & {
35
+ export declare const WithCustomRenderItem: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../base-control/types").BaseControlProps, "label" | "help" | "className" | "hideLabelFromVision" | "__nextHasNoMarginBottom"> & {
36
36
  __experimentalRenderItem?: (args: {
37
37
  item: import("../types").ComboboxControlOption;
38
38
  }) => React.ReactNode;
@@ -55,7 +55,7 @@ export declare const WithCustomRenderItem: import("storybook/internal/csf").Anno
55
55
  * by setting the `disabled` property to true
56
56
  * for individual items in the option object.
57
57
  */
58
- export declare const WithDisabledOptions: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, Pick<import("../../base-control/types").BaseControlProps, "label" | "help" | "className" | "hideLabelFromVision" | "__nextHasNoMarginBottom"> & {
58
+ export declare const WithDisabledOptions: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../base-control/types").BaseControlProps, "label" | "help" | "className" | "hideLabelFromVision" | "__nextHasNoMarginBottom"> & {
59
59
  __experimentalRenderItem?: (args: {
60
60
  item: import("../types").ComboboxControlOption;
61
61
  }) => React.ReactNode;
@@ -78,7 +78,7 @@ export declare const WithDisabledOptions: import("storybook/internal/csf").Annot
78
78
  * You can disable this behavior by setting the `expandOnFocus` prop to `false`.
79
79
  * This is useful when you want to show the suggestions only when the user interacts with the input.
80
80
  */
81
- export declare const NotExpandOnFocus: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, Pick<import("../../base-control/types").BaseControlProps, "label" | "help" | "className" | "hideLabelFromVision" | "__nextHasNoMarginBottom"> & {
81
+ export declare const NotExpandOnFocus: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../base-control/types").BaseControlProps, "label" | "help" | "className" | "hideLabelFromVision" | "__nextHasNoMarginBottom"> & {
82
82
  __experimentalRenderItem?: (args: {
83
83
  item: import("../types").ComboboxControlOption;
84
84
  }) => React.ReactNode;