@wordpress/components 26.0.4 → 27.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 (382) hide show
  1. package/.stylelintrc.js +2 -2
  2. package/CHANGELOG.md +45 -0
  3. package/CONTRIBUTING.md +72 -0
  4. package/build/autocomplete/index.js +3 -8
  5. package/build/autocomplete/index.js.map +1 -1
  6. package/build/base-control/index.native.js.map +1 -1
  7. package/build/border-box-control/border-box-control/component.js.map +1 -1
  8. package/build/border-box-control/border-box-control-split-controls/component.js.map +1 -1
  9. package/build/border-control/border-control-dropdown/component.js.map +1 -1
  10. package/build/button/index.js +2 -2
  11. package/build/button/index.js.map +1 -1
  12. package/build/button/index.native.js.map +1 -1
  13. package/build/color-picker/component.js +10 -1
  14. package/build/color-picker/component.js.map +1 -1
  15. package/build/color-picker/styles.js +8 -9
  16. package/build/color-picker/styles.js.map +1 -1
  17. package/build/combobox-control/index.js +4 -9
  18. package/build/combobox-control/index.js.map +1 -1
  19. package/build/confirm-dialog/component.js.map +1 -1
  20. package/build/custom-select-control/index.js +2 -15
  21. package/build/custom-select-control/index.js.map +1 -1
  22. package/build/custom-select-control-v2/custom-select-item.js +32 -0
  23. package/build/custom-select-control-v2/custom-select-item.js.map +1 -0
  24. package/build/custom-select-control-v2/custom-select.js +91 -0
  25. package/build/custom-select-control-v2/custom-select.js.map +1 -0
  26. package/build/custom-select-control-v2/default-component/index.js +41 -0
  27. package/build/custom-select-control-v2/default-component/index.js.map +1 -0
  28. package/build/custom-select-control-v2/index.js +13 -82
  29. package/build/custom-select-control-v2/index.js.map +1 -1
  30. package/build/custom-select-control-v2/legacy-component/index.js +123 -0
  31. package/build/custom-select-control-v2/legacy-component/index.js.map +1 -0
  32. package/build/custom-select-control-v2/styles.js +73 -50
  33. package/build/custom-select-control-v2/styles.js.map +1 -1
  34. package/build/custom-select-control-v2/types.js.map +1 -1
  35. package/build/draggable/index.native.js +2 -2
  36. package/build/draggable/index.native.js.map +1 -1
  37. package/build/dropdown-menu/index.native.js.map +1 -1
  38. package/build/flex/flex/hook.js +1 -1
  39. package/build/flex/flex/hook.js.map +1 -1
  40. package/build/font-size-picker/font-size-picker-select.js +0 -1
  41. package/build/font-size-picker/font-size-picker-select.js.map +1 -1
  42. package/build/font-size-picker/index.native.js.map +1 -1
  43. package/build/form-token-field/index.js +3 -8
  44. package/build/form-token-field/index.js.map +1 -1
  45. package/build/form-token-field/suggestions-list.js +5 -12
  46. package/build/form-token-field/suggestions-list.js.map +1 -1
  47. package/build/h-stack/hook.js +6 -1
  48. package/build/h-stack/hook.js.map +1 -1
  49. package/build/mobile/bottom-sheet/button.native.js.map +1 -1
  50. package/build/mobile/bottom-sheet/index.native.js.map +1 -1
  51. package/build/mobile/bottom-sheet/range-cell.native.js.map +1 -1
  52. package/build/mobile/bottom-sheet/stepper-cell/index.native.js.map +1 -1
  53. package/build/mobile/bottom-sheet-select-control/index.native.js.map +1 -1
  54. package/build/mobile/bottom-sheet-text-control/index.native.js.map +1 -1
  55. package/build/mobile/gradient/index.native.js.map +1 -1
  56. package/build/mobile/image/index.native.js +4 -13
  57. package/build/mobile/image/index.native.js.map +1 -1
  58. package/build/mobile/keyboard-aware-flat-list/use-scroll-to-section.native.js +1 -1
  59. package/build/mobile/keyboard-aware-flat-list/use-scroll-to-section.native.js.map +1 -1
  60. package/build/mobile/media-edit/index.native.js.map +1 -1
  61. package/build/modal/index.js +2 -10
  62. package/build/modal/index.js.map +1 -1
  63. package/build/palette-edit/index.js.map +1 -1
  64. package/build/progress-bar/styles.js +5 -5
  65. package/build/progress-bar/styles.js.map +1 -1
  66. package/build/query-controls/index.native.js.map +1 -1
  67. package/build/range-control/index.js.map +1 -1
  68. package/build/search-control/index.native.js.map +1 -1
  69. package/build/snackbar/index.js +3 -2
  70. package/build/snackbar/index.js.map +1 -1
  71. package/build/snackbar/list.js +2 -1
  72. package/build/snackbar/list.js.map +1 -1
  73. package/build/snackbar/types.js.map +1 -1
  74. package/build/tabs/index.js +7 -7
  75. package/build/tabs/index.js.map +1 -1
  76. package/build/tabs/types.js.map +1 -1
  77. package/build/utils/hooks/index.js +0 -7
  78. package/build/utils/hooks/index.js.map +1 -1
  79. package/build/utils/with-ignore-ime-events.js +34 -0
  80. package/build/utils/with-ignore-ime-events.js.map +1 -0
  81. package/build-module/autocomplete/index.js +3 -8
  82. package/build-module/autocomplete/index.js.map +1 -1
  83. package/build-module/base-control/index.native.js.map +1 -1
  84. package/build-module/border-box-control/border-box-control/component.js.map +1 -1
  85. package/build-module/border-box-control/border-box-control-split-controls/component.js.map +1 -1
  86. package/build-module/border-control/border-control-dropdown/component.js.map +1 -1
  87. package/build-module/button/index.js +2 -2
  88. package/build-module/button/index.js.map +1 -1
  89. package/build-module/button/index.native.js.map +1 -1
  90. package/build-module/color-picker/component.js +11 -2
  91. package/build-module/color-picker/component.js.map +1 -1
  92. package/build-module/color-picker/styles.js +8 -9
  93. package/build-module/color-picker/styles.js.map +1 -1
  94. package/build-module/combobox-control/index.js +4 -9
  95. package/build-module/combobox-control/index.js.map +1 -1
  96. package/build-module/confirm-dialog/component.js.map +1 -1
  97. package/build-module/custom-select-control/index.js +2 -15
  98. package/build-module/custom-select-control/index.js.map +1 -1
  99. package/build-module/custom-select-control-v2/custom-select-item.js +26 -0
  100. package/build-module/custom-select-control-v2/custom-select-item.js.map +1 -0
  101. package/build-module/custom-select-control-v2/custom-select.js +82 -0
  102. package/build-module/custom-select-control-v2/custom-select.js.map +1 -0
  103. package/build-module/custom-select-control-v2/default-component/index.js +30 -0
  104. package/build-module/custom-select-control-v2/default-component/index.js.map +1 -0
  105. package/build-module/custom-select-control-v2/index.js +2 -74
  106. package/build-module/custom-select-control-v2/index.js.map +1 -1
  107. package/build-module/custom-select-control-v2/legacy-component/index.js +111 -0
  108. package/build-module/custom-select-control-v2/legacy-component/index.js.map +1 -0
  109. package/build-module/custom-select-control-v2/styles.js +73 -42
  110. package/build-module/custom-select-control-v2/styles.js.map +1 -1
  111. package/build-module/custom-select-control-v2/types.js.map +1 -1
  112. package/build-module/draggable/index.native.js +2 -2
  113. package/build-module/draggable/index.native.js.map +1 -1
  114. package/build-module/dropdown-menu/index.native.js.map +1 -1
  115. package/build-module/flex/flex/hook.js +1 -1
  116. package/build-module/flex/flex/hook.js.map +1 -1
  117. package/build-module/font-size-picker/font-size-picker-select.js +0 -1
  118. package/build-module/font-size-picker/font-size-picker-select.js.map +1 -1
  119. package/build-module/font-size-picker/index.native.js.map +1 -1
  120. package/build-module/form-token-field/index.js +3 -8
  121. package/build-module/form-token-field/index.js.map +1 -1
  122. package/build-module/form-token-field/suggestions-list.js +5 -12
  123. package/build-module/form-token-field/suggestions-list.js.map +1 -1
  124. package/build-module/h-stack/hook.js +6 -1
  125. package/build-module/h-stack/hook.js.map +1 -1
  126. package/build-module/mobile/bottom-sheet/button.native.js.map +1 -1
  127. package/build-module/mobile/bottom-sheet/index.native.js.map +1 -1
  128. package/build-module/mobile/bottom-sheet/range-cell.native.js.map +1 -1
  129. package/build-module/mobile/bottom-sheet/stepper-cell/index.native.js.map +1 -1
  130. package/build-module/mobile/bottom-sheet-select-control/index.native.js.map +1 -1
  131. package/build-module/mobile/bottom-sheet-text-control/index.native.js.map +1 -1
  132. package/build-module/mobile/gradient/index.native.js.map +1 -1
  133. package/build-module/mobile/image/index.native.js +6 -15
  134. package/build-module/mobile/image/index.native.js.map +1 -1
  135. package/build-module/mobile/keyboard-aware-flat-list/use-scroll-to-section.native.js +1 -1
  136. package/build-module/mobile/keyboard-aware-flat-list/use-scroll-to-section.native.js.map +1 -1
  137. package/build-module/mobile/media-edit/index.native.js.map +1 -1
  138. package/build-module/modal/index.js +3 -10
  139. package/build-module/modal/index.js.map +1 -1
  140. package/build-module/palette-edit/index.js.map +1 -1
  141. package/build-module/progress-bar/styles.js +5 -5
  142. package/build-module/progress-bar/styles.js.map +1 -1
  143. package/build-module/query-controls/index.native.js.map +1 -1
  144. package/build-module/range-control/index.js.map +1 -1
  145. package/build-module/search-control/index.native.js.map +1 -1
  146. package/build-module/snackbar/index.js +3 -2
  147. package/build-module/snackbar/index.js.map +1 -1
  148. package/build-module/snackbar/list.js +2 -1
  149. package/build-module/snackbar/list.js.map +1 -1
  150. package/build-module/snackbar/types.js.map +1 -1
  151. package/build-module/tabs/index.js +7 -7
  152. package/build-module/tabs/index.js.map +1 -1
  153. package/build-module/tabs/types.js.map +1 -1
  154. package/build-module/utils/hooks/index.js +0 -1
  155. package/build-module/utils/hooks/index.js.map +1 -1
  156. package/build-module/utils/with-ignore-ime-events.js +28 -0
  157. package/build-module/utils/with-ignore-ime-events.js.map +1 -0
  158. package/build-style/style-rtl.css +10 -2
  159. package/build-style/style.css +10 -2
  160. package/build-types/alignment-matrix-control/stories/index.story.d.ts +1 -1
  161. package/build-types/angle-picker-control/stories/index.story.d.ts +1 -1
  162. package/build-types/animate/stories/index.story.d.ts +7 -7
  163. package/build-types/autocomplete/index.d.ts.map +1 -1
  164. package/build-types/base-control/stories/index.story.d.ts +1 -1
  165. package/build-types/border-box-control/stories/index.story.d.ts +1 -1
  166. package/build-types/border-control/stories/index.story.d.ts +6 -6
  167. package/build-types/box-control/stories/index.story.d.ts +6 -6
  168. package/build-types/button/stories/e2e/index.story.d.ts +1 -1
  169. package/build-types/button/stories/index.story.d.ts +7 -7
  170. package/build-types/card/stories/index.story.d.ts +2 -2
  171. package/build-types/circular-option-picker/stories/index.story.d.ts +5 -5
  172. package/build-types/color-palette/stories/index.story.d.ts +3 -3
  173. package/build-types/color-picker/component.d.ts.map +1 -1
  174. package/build-types/color-picker/stories/index.story.d.ts +1 -1
  175. package/build-types/color-picker/styles.d.ts.map +1 -1
  176. package/build-types/combobox-control/index.d.ts.map +1 -1
  177. package/build-types/combobox-control/stories/index.story.d.ts +2 -2
  178. package/build-types/confirm-dialog/stories/index.story.d.ts +2 -2
  179. package/build-types/custom-gradient-picker/stories/index.story.d.ts +1 -1
  180. package/build-types/custom-select-control/index.d.ts.map +1 -1
  181. package/build-types/custom-select-control-v2/custom-select-item.d.ts +9 -0
  182. package/build-types/custom-select-control-v2/custom-select-item.d.ts.map +1 -0
  183. package/build-types/custom-select-control-v2/custom-select.d.ts +6 -0
  184. package/build-types/custom-select-control-v2/custom-select.d.ts.map +1 -0
  185. package/build-types/custom-select-control-v2/default-component/index.d.ts +6 -0
  186. package/build-types/custom-select-control-v2/default-component/index.d.ts.map +1 -0
  187. package/build-types/custom-select-control-v2/index.d.ts +5 -6
  188. package/build-types/custom-select-control-v2/index.d.ts.map +1 -1
  189. package/build-types/custom-select-control-v2/legacy-component/index.d.ts +5 -0
  190. package/build-types/custom-select-control-v2/legacy-component/index.d.ts.map +1 -0
  191. package/build-types/custom-select-control-v2/legacy-component/test/index.d.ts +2 -0
  192. package/build-types/custom-select-control-v2/legacy-component/test/index.d.ts.map +1 -0
  193. package/build-types/custom-select-control-v2/stories/default.story.d.ts +30 -0
  194. package/build-types/custom-select-control-v2/stories/default.story.d.ts.map +1 -0
  195. package/build-types/custom-select-control-v2/stories/legacy.story.d.ts +12 -0
  196. package/build-types/custom-select-control-v2/stories/legacy.story.d.ts.map +1 -0
  197. package/build-types/custom-select-control-v2/styles.d.ts +31 -6
  198. package/build-types/custom-select-control-v2/styles.d.ts.map +1 -1
  199. package/build-types/custom-select-control-v2/types.d.ts +136 -14
  200. package/build-types/custom-select-control-v2/types.d.ts.map +1 -1
  201. package/build-types/dimension-control/stories/index.story.d.ts +2 -2
  202. package/build-types/drop-zone/stories/index.story.d.ts +1 -1
  203. package/build-types/dropdown/stories/index.story.d.ts +3 -3
  204. package/build-types/dropdown-menu/stories/index.story.d.ts +2 -2
  205. package/build-types/dropdown-menu-v2/stories/index.story.d.ts.map +1 -1
  206. package/build-types/duotone-picker/stories/duotone-picker.story.d.ts +1 -1
  207. package/build-types/duotone-picker/stories/duotone-swatch.story.d.ts +3 -3
  208. package/build-types/flex/flex/hook.d.ts +2 -3
  209. package/build-types/flex/flex/hook.d.ts.map +1 -1
  210. package/build-types/focal-point-picker/stories/index.story.d.ts +4 -4
  211. package/build-types/font-size-picker/font-size-picker-select.d.ts.map +1 -1
  212. package/build-types/form-file-upload/stories/index.story.d.ts +5 -5
  213. package/build-types/form-token-field/index.d.ts.map +1 -1
  214. package/build-types/form-token-field/suggestions-list.d.ts.map +1 -1
  215. package/build-types/gradient-picker/stories/index.story.d.ts +3 -3
  216. package/build-types/guide/stories/index.story.d.ts +1 -1
  217. package/build-types/h-stack/hook.d.ts +2 -4
  218. package/build-types/h-stack/hook.d.ts.map +1 -1
  219. package/build-types/icon/stories/index.story.d.ts +4 -4
  220. package/build-types/input-control/stories/index.story.d.ts +6 -6
  221. package/build-types/keyboard-shortcuts/stories/index.story.d.ts +1 -1
  222. package/build-types/menu-group/stories/index.story.d.ts +1 -1
  223. package/build-types/menu-item/stories/index.story.d.ts +4 -4
  224. package/build-types/modal/index.d.ts.map +1 -1
  225. package/build-types/navigation/stories/index.story.d.ts +6 -6
  226. package/build-types/navigation/stories/utils/hide-if-empty.d.ts.map +1 -1
  227. package/build-types/notice/stories/index.story.d.ts +4 -4
  228. package/build-types/number-control/stories/index.story.d.ts +1 -1
  229. package/build-types/palette-edit/stories/index.story.d.ts +2 -2
  230. package/build-types/progress-bar/stories/index.story.d.ts.map +1 -1
  231. package/build-types/query-controls/stories/index.story.d.ts +1 -1
  232. package/build-types/radio-group/stories/index.story.d.ts.map +1 -1
  233. package/build-types/resizable-box/stories/index.story.d.ts +2 -2
  234. package/build-types/responsive-wrapper/stories/index.story.d.ts +1 -1
  235. package/build-types/sandbox/stories/index.story.d.ts +1 -1
  236. package/build-types/search-control/stories/index.story.d.ts +2 -2
  237. package/build-types/select-control/stories/index.story.d.ts +2 -2
  238. package/build-types/shortcut/stories/index.story.d.ts +1 -1
  239. package/build-types/snackbar/index.d.ts +5 -2
  240. package/build-types/snackbar/index.d.ts.map +1 -1
  241. package/build-types/snackbar/list.d.ts.map +1 -1
  242. package/build-types/snackbar/test/index.d.ts +2 -0
  243. package/build-types/snackbar/test/index.d.ts.map +1 -0
  244. package/build-types/snackbar/test/list.d.ts +2 -0
  245. package/build-types/snackbar/test/list.d.ts.map +1 -0
  246. package/build-types/snackbar/types.d.ts +18 -2
  247. package/build-types/snackbar/types.d.ts.map +1 -1
  248. package/build-types/tab-panel/stories/index.story.d.ts +4 -4
  249. package/build-types/tabs/index.d.ts +1 -1
  250. package/build-types/tabs/stories/index.story.d.ts +9 -9
  251. package/build-types/tabs/stories/index.story.d.ts.map +1 -1
  252. package/build-types/tabs/types.d.ts +1 -1
  253. package/build-types/text/stories/index.story.d.ts +3 -3
  254. package/build-types/theme/stories/index.story.d.ts +1 -1
  255. package/build-types/theme/stories/index.story.d.ts.map +1 -1
  256. package/build-types/toggle-control/stories/index.story.d.ts +2 -2
  257. package/build-types/toolbar/stories/index.story.d.ts +3 -3
  258. package/build-types/tooltip/stories/index.story.d.ts +1 -1
  259. package/build-types/tree-grid/stories/index.story.d.ts +1 -1
  260. package/build-types/tree-select/stories/index.story.d.ts +1 -1
  261. package/build-types/utils/hooks/index.d.ts +0 -1
  262. package/build-types/utils/with-ignore-ime-events.d.ts +15 -0
  263. package/build-types/utils/with-ignore-ime-events.d.ts.map +1 -0
  264. package/build-types/v-stack/hook.d.ts +2 -4
  265. package/build-types/v-stack/hook.d.ts.map +1 -1
  266. package/build-types/v-stack/stories/index.story.d.ts +1 -1
  267. package/package.json +19 -20
  268. package/src/alignment-matrix-control/test/index.tsx +3 -1
  269. package/src/autocomplete/index.tsx +3 -10
  270. package/src/base-control/index.native.js +1 -1
  271. package/src/base-control/test/index.tsx +1 -1
  272. package/src/border-box-control/border-box-control/component.tsx +1 -1
  273. package/src/border-box-control/border-box-control-split-controls/component.tsx +4 -4
  274. package/src/border-control/border-control-dropdown/component.tsx +1 -1
  275. package/src/button/index.native.js +1 -1
  276. package/src/button/index.tsx +1 -1
  277. package/src/button/style.scss +1 -3
  278. package/src/circular-option-picker/test/index.tsx +6 -5
  279. package/src/color-picker/component.tsx +22 -11
  280. package/src/color-picker/styles.ts +1 -15
  281. package/src/combobox-control/index.tsx +33 -41
  282. package/src/combobox-control/test/index.tsx +1 -1
  283. package/src/composite/legacy/test/index.tsx +18 -2
  284. package/src/confirm-dialog/component.tsx +1 -1
  285. package/src/confirm-dialog/test/index.tsx +5 -21
  286. package/src/custom-select-control/README.md +0 -10
  287. package/src/custom-select-control/index.js +3 -22
  288. package/src/custom-select-control/stories/index.story.js +0 -1
  289. package/src/custom-select-control/test/index.js +17 -17
  290. package/src/custom-select-control-v2/README.md +97 -7
  291. package/src/custom-select-control-v2/custom-select-item.tsx +29 -0
  292. package/src/custom-select-control-v2/custom-select.tsx +122 -0
  293. package/src/custom-select-control-v2/default-component/index.tsx +27 -0
  294. package/src/custom-select-control-v2/index.tsx +2 -102
  295. package/src/custom-select-control-v2/legacy-component/index.tsx +133 -0
  296. package/src/custom-select-control-v2/legacy-component/test/index.tsx +457 -0
  297. package/src/custom-select-control-v2/stories/{index.story.tsx → default.story.tsx} +27 -33
  298. package/src/custom-select-control-v2/stories/legacy.story.tsx +87 -0
  299. package/src/custom-select-control-v2/styles.ts +82 -38
  300. package/src/custom-select-control-v2/test/index.tsx +207 -17
  301. package/src/custom-select-control-v2/types.ts +147 -20
  302. package/src/disabled/test/index.tsx +1 -1
  303. package/src/draggable/index.native.js +2 -2
  304. package/src/draggable/test/index.native.js +6 -2
  305. package/src/dropdown-menu/index.native.js +2 -2
  306. package/src/dropdown-menu-v2/stories/index.story.tsx +1 -0
  307. package/src/dropdown-menu-v2/test/index.tsx +4 -1
  308. package/src/flex/flex/hook.ts +1 -1
  309. package/src/font-size-picker/font-size-picker-select.tsx +0 -1
  310. package/src/font-size-picker/index.native.js +2 -2
  311. package/src/form-token-field/index.tsx +4 -11
  312. package/src/form-token-field/suggestions-list.tsx +5 -17
  313. package/src/h-stack/hook.tsx +2 -1
  314. package/src/h-stack/test/index.tsx +10 -0
  315. package/src/item-group/test/index.js +2 -2
  316. package/src/mobile/bottom-sheet/bottom-sheet-navigation/test/navigation-container.native.js +10 -15
  317. package/src/mobile/bottom-sheet/button.native.js +1 -5
  318. package/src/mobile/bottom-sheet/index.native.js +2 -2
  319. package/src/mobile/bottom-sheet/range-cell.native.js +1 -1
  320. package/src/mobile/bottom-sheet/stepper-cell/index.native.js +2 -2
  321. package/src/mobile/bottom-sheet-select-control/index.native.js +1 -1
  322. package/src/mobile/bottom-sheet-text-control/index.native.js +1 -1
  323. package/src/mobile/gradient/index.native.js +1 -1
  324. package/src/mobile/image/index.native.js +8 -23
  325. package/src/mobile/keyboard-aware-flat-list/use-scroll-to-section.native.js +1 -1
  326. package/src/mobile/media-edit/index.native.js +1 -1
  327. package/src/modal/index.tsx +2 -12
  328. package/src/modal/style.scss +1 -0
  329. package/src/modal/test/index.tsx +1 -1
  330. package/src/navigation/stories/utils/hide-if-empty.tsx +2 -6
  331. package/src/palette-edit/index.tsx +2 -2
  332. package/src/popover/test/index.tsx +1 -4
  333. package/src/progress-bar/stories/index.story.tsx +1 -0
  334. package/src/progress-bar/styles.ts +2 -2
  335. package/src/query-controls/index.native.js +2 -2
  336. package/src/radio-group/stories/index.story.tsx +1 -0
  337. package/src/range-control/index.tsx +3 -3
  338. package/src/range-control/test/index.tsx +2 -2
  339. package/src/search-control/index.native.js +1 -1
  340. package/src/snackbar/index.tsx +5 -2
  341. package/src/snackbar/list.tsx +6 -1
  342. package/src/snackbar/stories/list.story.tsx +0 -3
  343. package/src/snackbar/test/index.tsx +267 -0
  344. package/src/snackbar/test/list.tsx +46 -0
  345. package/src/snackbar/types.ts +31 -3
  346. package/src/tab-panel/test/index.tsx +8 -1
  347. package/src/tabs/README.md +18 -18
  348. package/src/tabs/index.tsx +7 -7
  349. package/src/tabs/stories/index.story.tsx +2 -1
  350. package/src/tabs/test/index.tsx +66 -36
  351. package/src/tabs/types.ts +1 -1
  352. package/src/theme/stories/index.story.tsx +1 -0
  353. package/src/toggle-group-control/test/index.tsx +5 -1
  354. package/src/toolbar/toolbar-group/style.scss +1 -0
  355. package/src/tools-panel/stories/index.story.tsx +8 -8
  356. package/src/tools-panel/test/index.tsx +10 -28
  357. package/src/tooltip/style.scss +2 -1
  358. package/src/tooltip/test/index.native.js +3 -3
  359. package/src/tooltip/test/index.tsx +5 -0
  360. package/src/tree-grid/test/index.tsx +1 -1
  361. package/src/utils/hooks/index.js +0 -1
  362. package/src/utils/with-ignore-ime-events.ts +32 -0
  363. package/src/v-stack/test/index.tsx +10 -0
  364. package/tsconfig.json +0 -1
  365. package/tsconfig.tsbuildinfo +1 -1
  366. package/build/custom-select-control/styles.js +0 -27
  367. package/build/custom-select-control/styles.js.map +0 -1
  368. package/build/utils/hooks/use-latest-ref.js +0 -33
  369. package/build/utils/hooks/use-latest-ref.js.map +0 -1
  370. package/build-module/custom-select-control/styles.js +0 -18
  371. package/build-module/custom-select-control/styles.js.map +0 -1
  372. package/build-module/utils/hooks/use-latest-ref.js +0 -27
  373. package/build-module/utils/hooks/use-latest-ref.js.map +0 -1
  374. package/build-types/custom-select-control/styles.d.ts +0 -11
  375. package/build-types/custom-select-control/styles.d.ts.map +0 -1
  376. package/build-types/custom-select-control-v2/stories/index.story.d.ts +0 -20
  377. package/build-types/custom-select-control-v2/stories/index.story.d.ts.map +0 -1
  378. package/build-types/utils/hooks/use-latest-ref.d.ts +0 -15
  379. package/build-types/utils/hooks/use-latest-ref.d.ts.map +0 -1
  380. package/src/custom-select-control/styles.ts +0 -28
  381. package/src/utils/hooks/test/use-latest-ref.js +0 -119
  382. package/src/utils/hooks/use-latest-ref.ts +0 -29
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ import type { LegacyCustomSelectProps } from '../types';
3
+ declare function CustomSelect(props: LegacyCustomSelectProps): JSX.Element;
4
+ export default CustomSelect;
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/custom-select-control-v2/legacy-component/index.tsx"],"names":[],"mappings":";AAaA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAKxD,iBAAS,YAAY,CAAE,KAAK,EAAE,uBAAuB,eAgHpD;AAED,eAAe,YAAY,CAAC"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/custom-select-control-v2/legacy-component/test/index.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,30 @@
1
+ /// <reference types="react" />
2
+ /**
3
+ * External dependencies
4
+ */
5
+ import type { Meta } from '@storybook/react';
6
+ /**
7
+ * Internal dependencies
8
+ */
9
+ import CustomSelect from '../default-component';
10
+ declare const meta: Meta<typeof CustomSelect>;
11
+ export default meta;
12
+ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types")._CustomSelectProps & Omit<import("../types").CustomSelectButtonProps, "size"> & {
13
+ size?: "default" | "compact" | undefined;
14
+ } & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, "onChange" | "size" | "value" | "as" | "defaultValue" | "renderSelectedValue" | keyof import("../types")._CustomSelectProps>>;
15
+ /**
16
+ * Multiple selection can be enabled by using an array for the `value` and
17
+ * `defaultValue` props. The argument type of the `onChange` function will also
18
+ * change accordingly.
19
+ */
20
+ export declare const MultipleSelection: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types")._CustomSelectProps & Omit<import("../types").CustomSelectButtonProps, "size"> & {
21
+ size?: "default" | "compact" | undefined;
22
+ } & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, "onChange" | "size" | "value" | "as" | "defaultValue" | "renderSelectedValue" | keyof import("../types")._CustomSelectProps>>;
23
+ /**
24
+ * The `renderSelectedValue` prop can be used to customize how the selected value
25
+ * is rendered in the dropdown trigger.
26
+ */
27
+ export declare const CustomSelectedValue: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types")._CustomSelectProps & Omit<import("../types").CustomSelectButtonProps, "size"> & {
28
+ size?: "default" | "compact" | undefined;
29
+ } & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, "onChange" | "size" | "value" | "as" | "defaultValue" | "renderSelectedValue" | keyof import("../types")._CustomSelectProps>>;
30
+ //# sourceMappingURL=default.story.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"default.story.d.ts","sourceRoot":"","sources":["../../../src/custom-select-control-v2/stories/default.story.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAGhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,YAAY,CA+BpC,CAAC;AACF,eAAe,IAAI,CAAC;AAgBpB,eAAO,MAAM,OAAO;;kUAAsB,CAAC;AAmB3C;;;;GAIG;AACH,eAAO,MAAM,iBAAiB;;kUAAsB,CAAC;AAoCrD;;;GAGG;AACH,eAAO,MAAM,mBAAmB;;kUAAsB,CAAC"}
@@ -0,0 +1,12 @@
1
+ /**
2
+ * External dependencies
3
+ */
4
+ import type { Meta } from '@storybook/react';
5
+ /**
6
+ * Internal dependencies
7
+ */
8
+ import CustomSelect from '../legacy-component';
9
+ declare const meta: Meta<typeof CustomSelect>;
10
+ export default meta;
11
+ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").LegacyCustomSelectProps>;
12
+ //# sourceMappingURL=legacy.story.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"legacy.story.d.ts","sourceRoot":"","sources":["../../../src/custom-select-control-v2/stories/legacy.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,YAAY,CA0BpC,CAAC;AACF,eAAe,IAAI,CAAC;AAiBpB,eAAO,MAAM,OAAO,2IAAsB,CAAC"}
@@ -1,7 +1,22 @@
1
1
  /// <reference types="react" />
2
+ /**
3
+ * External dependencies
4
+ */
2
5
  import * as Ariakit from '@ariakit/react';
3
- import type { CustomSelectProps } from './types';
4
- export declare const CustomSelectLabel: import("@emotion/styled").StyledComponent<Ariakit.SelectLabelOptions<"div"> & {
6
+ import type { CustomSelectButtonProps } from './types';
7
+ export declare const WithHintWrapper: import("@emotion/styled").StyledComponent<{
8
+ theme?: import("@emotion/react").Theme | undefined;
9
+ as?: import("react").ElementType<any> | undefined;
10
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
11
+ export declare const SelectedExperimentalHintItem: import("@emotion/styled").StyledComponent<{
12
+ theme?: import("@emotion/react").Theme | undefined;
13
+ as?: import("react").ElementType<any> | undefined;
14
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
15
+ export declare const ExperimentalHintItem: import("@emotion/styled").StyledComponent<{
16
+ theme?: import("@emotion/react").Theme | undefined;
17
+ as?: import("react").ElementType<any> | undefined;
18
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
19
+ export declare const SelectLabel: import("@emotion/styled").StyledComponent<Ariakit.SelectLabelOptions<"div"> & {
5
20
  [index: `data-${string}`]: unknown;
6
21
  wrapElement?: import("@ariakit/react-core/cjs/utils/types").WrapElement | undefined;
7
22
  children?: import("@ariakit/react-core/cjs/utils/types").Children<any>;
@@ -11,7 +26,7 @@ export declare const CustomSelectLabel: import("@emotion/styled").StyledComponen
11
26
  }, "children" | keyof Ariakit.SelectLabelOptions<"div">> & {
12
27
  theme?: import("@emotion/react").Theme | undefined;
13
28
  }, {}, {}>;
14
- export declare const CustomSelectButton: import("@emotion/styled").StyledComponent<Ariakit.SelectOptions<"button"> & {
29
+ export declare const Select: import("@emotion/styled").StyledComponent<Ariakit.SelectOptions<"button"> & {
15
30
  [index: `data-${string}`]: unknown;
16
31
  wrapElement?: import("@ariakit/react-core/cjs/utils/types").WrapElement | undefined;
17
32
  children?: import("@ariakit/react-core/cjs/utils/types").Children<any>;
@@ -21,10 +36,10 @@ export declare const CustomSelectButton: import("@emotion/styled").StyledCompone
21
36
  }, "children" | keyof Ariakit.SelectOptions<"button">> & {
22
37
  theme?: import("@emotion/react").Theme | undefined;
23
38
  } & {
24
- size: NonNullable<CustomSelectProps['size']>;
39
+ size: NonNullable<CustomSelectButtonProps['size']>;
25
40
  hasCustomRenderProp: boolean;
26
41
  }, {}, {}>;
27
- export declare const CustomSelectPopover: import("@emotion/styled").StyledComponent<Ariakit.SelectPopoverOptions<"div"> & {
42
+ export declare const SelectPopover: import("@emotion/styled").StyledComponent<Ariakit.SelectPopoverOptions<"div"> & {
28
43
  [index: `data-${string}`]: unknown;
29
44
  wrapElement?: import("@ariakit/react-core/cjs/utils/types").WrapElement | undefined;
30
45
  children?: import("@ariakit/react-core/cjs/utils/types").Children<any>;
@@ -34,7 +49,7 @@ export declare const CustomSelectPopover: import("@emotion/styled").StyledCompon
34
49
  }, "children" | keyof Ariakit.SelectPopoverOptions<"div">> & {
35
50
  theme?: import("@emotion/react").Theme | undefined;
36
51
  }, {}, {}>;
37
- export declare const CustomSelectItem: import("@emotion/styled").StyledComponent<Ariakit.SelectItemOptions<"div"> & {
52
+ export declare const SelectItem: import("@emotion/styled").StyledComponent<Ariakit.SelectItemOptions<"div"> & {
38
53
  [index: `data-${string}`]: unknown;
39
54
  wrapElement?: import("@ariakit/react-core/cjs/utils/types").WrapElement | undefined;
40
55
  children?: import("@ariakit/react-core/cjs/utils/types").Children<any>;
@@ -44,4 +59,14 @@ export declare const CustomSelectItem: import("@emotion/styled").StyledComponent
44
59
  }, "children" | keyof Ariakit.SelectItemOptions<"div">> & {
45
60
  theme?: import("@emotion/react").Theme | undefined;
46
61
  }, {}, {}>;
62
+ export declare const SelectedItemCheck: import("@emotion/styled").StyledComponent<Ariakit.SelectItemCheckOptions<"span"> & {
63
+ [index: `data-${string}`]: unknown;
64
+ wrapElement?: import("@ariakit/react-core/cjs/utils/types").WrapElement | undefined;
65
+ children?: import("@ariakit/react-core/cjs/utils/types").Children<any>;
66
+ render?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("@ariakit/react-core/cjs/utils/types").RenderProp<import("react").HTMLAttributes<any> & import("react").RefAttributes<any>> | undefined;
67
+ } & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
68
+ ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
69
+ }, "children" | keyof Ariakit.SelectItemCheckOptions<"span">> & {
70
+ theme?: import("@emotion/react").Theme | undefined;
71
+ }, {}, {}>;
47
72
  //# sourceMappingURL=styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/custom-select-control-v2/styles.ts"],"names":[],"mappings":";AAKA,OAAO,KAAK,OAAO,MAAM,gBAAgB,CAAC;AAO1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,eAAO,MAAM,iBAAiB;;;;;;;;;UAM7B,CAAC;AAOF,eAAO,MAAM,kBAAkB;;;;;;;;;;UAOxB,YAAa,iBAAiB,CAAE,MAAM,CAAE,CAAE;yBAC3B,OAAO;UAwB1B,CAAC;AAEJ,eAAO,MAAM,mBAAmB;;;;;;;;;UAI/B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;UAQ5B,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/custom-select-control-v2/styles.ts"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,KAAK,OAAO,MAAM,gBAAgB,CAAC;AAQ1C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAIvD,eAAO,MAAM,eAAe;;;yGAI3B,CAAC;AAEF,eAAO,MAAM,4BAA4B;;;2GAGxC,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;2GAIhC,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;UAMvB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;UAOZ,YAAa,uBAAuB,CAAE,MAAM,CAAE,CAAE;yBACjC,OAAO;UA6C1B,CAAC;AAEJ,eAAO,MAAM,aAAa;;;;;;;;;UAIzB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;UAUtB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;UAK7B,CAAC"}
@@ -1,46 +1,167 @@
1
- /// <reference types="react" />
2
1
  /**
3
2
  * External dependencies
4
3
  */
5
4
  import type * as Ariakit from '@ariakit/react';
6
- export type CustomSelectContext = {
5
+ import type { FocusEventHandler, MouseEventHandler } from 'react';
6
+ export type CustomSelectStore = {
7
7
  /**
8
8
  * The store object returned by Ariakit's `useSelectStore` hook.
9
9
  */
10
10
  store: Ariakit.SelectStore;
11
- } | undefined;
12
- export type CustomSelectProps = {
11
+ };
12
+ export type CustomSelectContext = CustomSelectStore | undefined;
13
+ export type CustomSelectButtonProps = {
14
+ /**
15
+ * An optional default value for the control when used in uncontrolled mode.
16
+ * If left `undefined`, the first non-disabled item will be used.
17
+ */
18
+ defaultValue?: string | string[];
19
+ /**
20
+ * A function that receives the new value of the input.
21
+ */
22
+ onChange?: (newValue: string | string[]) => void;
23
+ /**
24
+ * Can be used to render select UI with custom styled values.
25
+ */
26
+ renderSelectedValue?: (selectedValue: string | string[]) => React.ReactNode;
27
+ /**
28
+ * The size of the control.
29
+ *
30
+ * @default 'default'
31
+ */
32
+ size?: 'compact' | 'default' | 'small';
33
+ /**
34
+ * The value of the control when used in uncontrolled mode.
35
+ */
36
+ value?: string | string[];
37
+ };
38
+ export type _CustomSelectProps = {
13
39
  /**
14
- * The child elements. This should be composed of CustomSelectItem components.
40
+ * The child elements. This should be composed of `CustomSelectItem` components.
15
41
  */
16
42
  children: React.ReactNode;
17
43
  /**
18
- * An optional default value for the control. If left `undefined`, the first
19
- * non-disabled item will be used.
44
+ * Used to visually hide the label. It will always be visible to screen readers.
45
+ *
46
+ * @default false
20
47
  */
21
- defaultValue?: string | string[];
48
+ hideLabelFromVision?: boolean;
49
+ /**
50
+ * Accessible label for the control.
51
+ */
52
+ label: string;
53
+ };
54
+ export type CustomSelectProps = _CustomSelectProps & Omit<CustomSelectButtonProps, 'size'> & {
55
+ /**
56
+ * The size of the control.
57
+ *
58
+ * @default 'default'
59
+ */
60
+ size?: Exclude<CustomSelectButtonProps['size'], 'small'>;
61
+ };
62
+ /**
63
+ * The legacy object structure for the options array.
64
+ */
65
+ type LegacyOption = {
66
+ key: string;
67
+ name: string;
68
+ style?: React.CSSProperties;
69
+ className?: string;
70
+ __experimentalHint?: string;
71
+ };
72
+ /**
73
+ * The legacy object returned from the onChange event.
74
+ */
75
+ type LegacyOnChangeObject = {
76
+ highlightedIndex?: number;
77
+ inputValue?: string;
78
+ isOpen?: boolean;
79
+ type?: string;
80
+ selectedItem: LegacyOption;
81
+ };
82
+ export type LegacyCustomSelectProps = {
83
+ /**
84
+ * Optional classname for the component.
85
+ */
86
+ className?: string;
87
+ /**
88
+ * Used to visually hide the label. It will always be visible to screen readers.
89
+ *
90
+ */
91
+ hideLabelFromVision?: boolean;
92
+ /**
93
+ * Pass in a description that will be shown to screen readers associated with the
94
+ * select trigger button. If no value is passed, the text "Currently selected:
95
+ * selectedItem.name" will be used fully translated.
96
+ */
97
+ describedBy?: string;
22
98
  /**
23
99
  * Label for the control.
24
100
  */
25
101
  label: string;
26
102
  /**
27
- * A function that receives the new value of the input.
103
+ * Function called with the control's internal state changes. The `selectedItem`
104
+ * property contains the next selected item.
28
105
  */
29
- onChange?: (newValue: string | string[]) => void;
106
+ onChange?: (newValue: LegacyOnChangeObject) => void;
30
107
  /**
31
- * Can be used to render select UI with custom styled values.
108
+ * A handler for `onBlur` events.
109
+ *
110
+ * @ignore
32
111
  */
33
- renderSelectedValue?: (selectedValue: string | string[]) => React.ReactNode;
112
+ onBlur?: FocusEventHandler<HTMLButtonElement>;
113
+ /**
114
+ * A handler for `onFocus` events.
115
+ *
116
+ * @ignore
117
+ */
118
+ onFocus?: FocusEventHandler<HTMLButtonElement>;
119
+ /**
120
+ * A handler for `onMouseOver` events.
121
+ *
122
+ * @ignore
123
+ */
124
+ onMouseOut?: MouseEventHandler<HTMLButtonElement>;
125
+ /**
126
+ * A handler for `onMouseOut` events.
127
+ *
128
+ * @ignore
129
+ */
130
+ onMouseOver?: MouseEventHandler<HTMLButtonElement>;
131
+ /**
132
+ * The options that can be chosen from.
133
+ */
134
+ options: Array<LegacyOption>;
34
135
  /**
35
136
  * The size of the control.
36
137
  *
37
138
  * @default 'default'
38
139
  */
39
- size?: 'default' | 'small';
140
+ size?: 'default' | 'small' | '__unstable-large';
40
141
  /**
41
142
  * Can be used to externally control the value of the control.
42
143
  */
43
- value?: string | string[];
144
+ value?: LegacyOption;
145
+ /**
146
+ * Legacy way to add additional text to the right of each option.
147
+ *
148
+ * @default false
149
+ */
150
+ __experimentalShowSelectedHint?: boolean;
151
+ /**
152
+ * Opt-in prop for an unconstrained width style which became the default in
153
+ * WordPress 6.5. The prop is no longer needed and can be safely removed.
154
+ *
155
+ * @deprecated
156
+ * @ignore
157
+ */
158
+ __nextUnconstrainedWidth?: boolean;
159
+ /**
160
+ * Start opting into the larger default height that will become the default size in a future version.
161
+ *
162
+ * @default false
163
+ */
164
+ __next40pxDefaultSize?: boolean;
44
165
  };
45
166
  export type CustomSelectItemProps = {
46
167
  /**
@@ -54,4 +175,5 @@ export type CustomSelectItemProps = {
54
175
  */
55
176
  children?: React.ReactNode;
56
177
  };
178
+ export {};
57
179
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/custom-select-control-v2/types.ts"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,KAAK,KAAK,OAAO,MAAM,gBAAgB,CAAC;AAE/C,MAAM,MAAM,mBAAmB,GAC5B;IACA;;OAEG;IACH,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC;CAC1B,GACD,SAAS,CAAC;AAEb,MAAM,MAAM,iBAAiB,GAAG;IAC/B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,KAAM,IAAI,CAAC;IACnD;;OAEG;IACH,mBAAmB,CAAC,EAAE,CACrB,aAAa,EAAE,MAAM,GAAG,MAAM,EAAE,KAC5B,KAAK,CAAC,SAAS,CAAC;IACrB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IACnC;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/custom-select-control-v2/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,KAAK,OAAO,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAElE,MAAM,MAAM,iBAAiB,GAAG;IAC/B;;OAEG;IACH,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,GAAG,SAAS,CAAC;AAEhE,MAAM,MAAM,uBAAuB,GAAG;IACrC;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,KAAM,IAAI,CAAC;IACnD;;OAEG;IACH,mBAAmB,CAAC,EAAE,CACrB,aAAa,EAAE,MAAM,GAAG,MAAM,EAAE,KAC5B,KAAK,CAAC,SAAS,CAAC;IACrB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACvC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,GACjD,IAAI,CAAE,uBAAuB,EAAE,MAAM,CAAE,GAAG;IACzC;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAE,uBAAuB,CAAE,MAAM,CAAE,EAAE,OAAO,CAAE,CAAC;CAC7D,CAAC;AAEH;;GAEG;AACH,KAAK,YAAY,GAAG;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF;;GAEG;AACH,KAAK,oBAAoB,GAAG;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,YAAY,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACrC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,QAAQ,EAAE,oBAAoB,KAAM,IAAI,CAAC;IACtD;;;;OAIG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAE,iBAAiB,CAAE,CAAC;IAChD;;;;OAIG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAE,iBAAiB,CAAE,CAAC;IACjD;;;;OAIG;IACH,UAAU,CAAC,EAAE,iBAAiB,CAAE,iBAAiB,CAAE,CAAC;IACpD;;;;OAIG;IACH,WAAW,CAAC,EAAE,iBAAiB,CAAE,iBAAiB,CAAE,CAAC;IACrD;;OAEG;IACH,OAAO,EAAE,KAAK,CAAE,YAAY,CAAE,CAAC;IAC/B;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,kBAAkB,CAAC;IAChD;;OAEG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB;;;;OAIG;IACH,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC;;;;;;OAMG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IACnC;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC"}
@@ -1,4 +1,4 @@
1
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("../types").DimensionControlProps>;
1
+ declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").DimensionControlProps>;
2
2
  export default _default;
3
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").DimensionControlProps>;
3
+ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").DimensionControlProps>;
4
4
  //# sourceMappingURL=index.story.d.ts.map
@@ -9,5 +9,5 @@ import type { Meta } from '@storybook/react';
9
9
  import DropZone from '..';
10
10
  declare const meta: Meta<typeof DropZone>;
11
11
  export default meta;
12
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").DropZoneProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "as" | keyof import("../types").DropZoneProps>>;
12
+ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").DropZoneProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "as" | keyof import("../types").DropZoneProps>>;
13
13
  //# sourceMappingURL=index.story.d.ts.map
@@ -9,16 +9,16 @@ import type { Meta } from '@storybook/react';
9
9
  import Dropdown from '..';
10
10
  declare const meta: Meta<typeof Dropdown>;
11
11
  export default meta;
12
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../../context").WordPressComponentProps<import("../types").DropdownProps & import("react").RefAttributes<any>, import("react").ElementType<any> | null, boolean>>;
12
+ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../context").WordPressComponentProps<import("../types").DropdownProps & import("react").RefAttributes<any>, import("react").ElementType<any> | null, boolean>>;
13
13
  /**
14
14
  * To apply more padding to the dropdown content, use the provided `<DropdownContentWrapper>`
15
15
  * convenience wrapper. A `paddingSize` of `"medium"` is suitable for relatively larger dropdowns (default is `"small"`).
16
16
  */
17
- export declare const WithMorePadding: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../../context").WordPressComponentProps<import("../types").DropdownProps & import("react").RefAttributes<any>, import("react").ElementType<any> | null, boolean>>;
17
+ export declare const WithMorePadding: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../context").WordPressComponentProps<import("../types").DropdownProps & import("react").RefAttributes<any>, import("react").ElementType<any> | null, boolean>>;
18
18
  /**
19
19
  * The `<DropdownContentWrapper>` convenience wrapper can also be used to remove padding entirely,
20
20
  * with a `paddingSize` of `"none"`. This can also serve as a clean foundation to add arbitrary
21
21
  * paddings, for example when child components already have padding on their own.
22
22
  */
23
- export declare const WithNoPadding: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../../context").WordPressComponentProps<import("../types").DropdownProps & import("react").RefAttributes<any>, import("react").ElementType<any> | null, boolean>>;
23
+ export declare const WithNoPadding: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../context").WordPressComponentProps<import("../types").DropdownProps & import("react").RefAttributes<any>, import("react").ElementType<any> | null, boolean>>;
24
24
  //# sourceMappingURL=index.story.d.ts.map
@@ -9,6 +9,6 @@ import type { Meta } from '@storybook/react';
9
9
  import { DropdownMenu } from '..';
10
10
  declare const meta: Meta<typeof DropdownMenu>;
11
11
  export default meta;
12
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../../context").WordPressComponentProps<import("../types").DropdownMenuProps, import("react").ElementType<any> | null, boolean>>;
13
- export declare const WithChildren: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../../context").WordPressComponentProps<import("../types").DropdownMenuProps, import("react").ElementType<any> | null, boolean>>;
12
+ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../context").WordPressComponentProps<import("../types").DropdownMenuProps, import("react").ElementType<any> | null, boolean>>;
13
+ export declare const WithChildren: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../context").WordPressComponentProps<import("../types").DropdownMenuProps, import("react").ElementType<any> | null, boolean>>;
14
14
  //# sourceMappingURL=index.story.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/dropdown-menu-v2/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAatD,OAAO,EACN,YAAY,EASZ,MAAM,IAAI,CAAC;AAOZ,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,YAAY,CA8CpC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,YAAY,CA6CjD,CAAC;AASF,eAAO,MAAM,WAAW,EAAE,OAAO,CAAE,OAAO,YAAY,CAoCrD,CAAC;AAKF,eAAO,MAAM,cAAc,EAAE,OAAO,CAAE,OAAO,YAAY,CAoIxD,CAAC;AAKF,eAAO,MAAM,UAAU,EAAE,OAAO,CAAE,OAAO,YAAY,CAqDpD,CAAC;AAYF,eAAO,MAAM,UAAU,EAAE,OAAO,CAAE,OAAO,YAAY,CAmDpD,CAAC;AAwDF,eAAO,MAAM,YAAY,EAAE,OAAO,CAAE,OAAO,YAAY,CAkCtD,CAAC;AAUF,eAAO,MAAM,cAAc,EAAE,OAAO,CAAE,OAAO,YAAY,CA0BxD,CAAC;AAKF,eAAO,MAAM,WAAW,EAAE,OAAO,CAAE,OAAO,YAAY,CAgDrD,CAAC"}
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/dropdown-menu-v2/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAatD,OAAO,EACN,YAAY,EASZ,MAAM,IAAI,CAAC;AAOZ,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,YAAY,CA+CpC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,YAAY,CA6CjD,CAAC;AASF,eAAO,MAAM,WAAW,EAAE,OAAO,CAAE,OAAO,YAAY,CAoCrD,CAAC;AAKF,eAAO,MAAM,cAAc,EAAE,OAAO,CAAE,OAAO,YAAY,CAoIxD,CAAC;AAKF,eAAO,MAAM,UAAU,EAAE,OAAO,CAAE,OAAO,YAAY,CAqDpD,CAAC;AAYF,eAAO,MAAM,UAAU,EAAE,OAAO,CAAE,OAAO,YAAY,CAmDpD,CAAC;AAwDF,eAAO,MAAM,YAAY,EAAE,OAAO,CAAE,OAAO,YAAY,CAkCtD,CAAC;AAUF,eAAO,MAAM,cAAc,EAAE,OAAO,CAAE,OAAO,YAAY,CA0BxD,CAAC;AAKF,eAAO,MAAM,WAAW,EAAE,OAAO,CAAE,OAAO,YAAY,CAgDrD,CAAC"}
@@ -9,5 +9,5 @@ import { DuotonePicker } from '..';
9
9
  import type { DuotonePickerProps } from '../types';
10
10
  declare const meta: Meta<typeof DuotonePicker>;
11
11
  export default meta;
12
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DuotonePickerProps>;
12
+ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, DuotonePickerProps>;
13
13
  //# sourceMappingURL=duotone-picker.story.d.ts.map
@@ -8,7 +8,7 @@ import type { Meta } from '@storybook/react';
8
8
  import { DuotoneSwatch } from '..';
9
9
  declare const meta: Meta<typeof DuotoneSwatch>;
10
10
  export default meta;
11
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").DuotoneSwatchProps>;
12
- export declare const SingleColor: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").DuotoneSwatchProps>;
13
- export declare const Null: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").DuotoneSwatchProps>;
11
+ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").DuotoneSwatchProps>;
12
+ export declare const SingleColor: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").DuotoneSwatchProps>;
13
+ export declare const Null: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").DuotoneSwatchProps>;
14
14
  //# sourceMappingURL=duotone-swatch.story.d.ts.map
@@ -7,12 +7,11 @@ import type { FlexProps } from '../types';
7
7
  export declare function useFlex(props: WordPressComponentProps<FlexProps, 'div'>): {
8
8
  className: string;
9
9
  isColumn: boolean;
10
- children: import("react").ReactNode;
11
- isReversed?: boolean | undefined;
12
10
  id?: string | undefined;
13
11
  prefix?: string | undefined;
14
12
  slot?: string | undefined;
15
13
  role?: import("react").AriaRole | undefined;
14
+ children: import("react").ReactNode;
16
15
  style?: import("react").CSSProperties | undefined;
17
16
  title?: string | undefined;
18
17
  color?: string | undefined;
@@ -231,6 +230,7 @@ export declare function useFlex(props: WordPressComponentProps<FlexProps, 'div'>
231
230
  onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
232
231
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
233
232
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
233
+ as?: keyof JSX.IntrinsicElements | undefined;
234
234
  key?: import("react").Key | null | undefined;
235
235
  defaultChecked?: boolean | undefined;
236
236
  defaultValue?: string | number | readonly string[] | undefined;
@@ -264,6 +264,5 @@ export declare function useFlex(props: WordPressComponentProps<FlexProps, 'div'>
264
264
  unselectable?: "on" | "off" | undefined;
265
265
  inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
266
266
  is?: string | undefined;
267
- as?: keyof JSX.IntrinsicElements | undefined;
268
267
  };
269
268
  //# sourceMappingURL=hook.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/flex/flex/hook.ts"],"names":[],"mappings":";AAWA;;GAEG;AACH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAM7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAqB1C,wBAAgB,OAAO,CAAE,KAAK,EAAE,uBAAuB,CAAE,SAAS,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoD1E"}
1
+ {"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/flex/flex/hook.ts"],"names":[],"mappings":";AAWA;;GAEG;AACH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAM7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAqB1C,wBAAgB,OAAO,CAAE,KAAK,EAAE,uBAAuB,CAAE,SAAS,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoD1E"}
@@ -9,7 +9,7 @@ import type { Meta } from '@storybook/react';
9
9
  import FocalPointPicker from '..';
10
10
  declare const meta: Meta<typeof FocalPointPicker>;
11
11
  export default meta;
12
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Pick<import("../../base-control/types").BaseControlProps, "label" | "help" | "hideLabelFromVision"> & {
12
+ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Pick<import("../../base-control/types").BaseControlProps, "label" | "help" | "hideLabelFromVision"> & {
13
13
  __nextHasNoMarginBottom?: boolean | undefined;
14
14
  __next40pxDefaultSize?: boolean | undefined;
15
15
  autoPlay?: boolean | undefined;
@@ -21,7 +21,7 @@ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import
21
21
  url: string;
22
22
  value: import("../types").FocalPoint;
23
23
  } & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "label" | "help" | "onChange" | "onDrag" | "onDragEnd" | "onDragStart" | "value" | "as" | "autoPlay" | "url" | "__next40pxDefaultSize" | "hideLabelFromVision" | "__nextHasNoMarginBottom" | "resolvePoint">>;
24
- export declare const Image: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Pick<import("../../base-control/types").BaseControlProps, "label" | "help" | "hideLabelFromVision"> & {
24
+ export declare const Image: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Pick<import("../../base-control/types").BaseControlProps, "label" | "help" | "hideLabelFromVision"> & {
25
25
  __nextHasNoMarginBottom?: boolean | undefined;
26
26
  __next40pxDefaultSize?: boolean | undefined;
27
27
  autoPlay?: boolean | undefined;
@@ -33,7 +33,7 @@ export declare const Image: import("@storybook/types").AnnotatedStoryFn<import("
33
33
  url: string;
34
34
  value: import("../types").FocalPoint;
35
35
  } & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "label" | "help" | "onChange" | "onDrag" | "onDragEnd" | "onDragStart" | "value" | "as" | "autoPlay" | "url" | "__next40pxDefaultSize" | "hideLabelFromVision" | "__nextHasNoMarginBottom" | "resolvePoint">>;
36
- export declare const Video: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Pick<import("../../base-control/types").BaseControlProps, "label" | "help" | "hideLabelFromVision"> & {
36
+ export declare const Video: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Pick<import("../../base-control/types").BaseControlProps, "label" | "help" | "hideLabelFromVision"> & {
37
37
  __nextHasNoMarginBottom?: boolean | undefined;
38
38
  __next40pxDefaultSize?: boolean | undefined;
39
39
  autoPlay?: boolean | undefined;
@@ -45,7 +45,7 @@ export declare const Video: import("@storybook/types").AnnotatedStoryFn<import("
45
45
  url: string;
46
46
  value: import("../types").FocalPoint;
47
47
  } & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "label" | "help" | "onChange" | "onDrag" | "onDragEnd" | "onDragStart" | "value" | "as" | "autoPlay" | "url" | "__next40pxDefaultSize" | "hideLabelFromVision" | "__nextHasNoMarginBottom" | "resolvePoint">>;
48
- export declare const Snapping: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Pick<import("../../base-control/types").BaseControlProps, "label" | "help" | "hideLabelFromVision"> & {
48
+ export declare const Snapping: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Pick<import("../../base-control/types").BaseControlProps, "label" | "help" | "hideLabelFromVision"> & {
49
49
  __nextHasNoMarginBottom?: boolean | undefined;
50
50
  __next40pxDefaultSize?: boolean | undefined;
51
51
  autoPlay?: boolean | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"font-size-picker-select.d.ts","sourceRoot":"","sources":["../../src/font-size-picker/font-size-picker-select.tsx"],"names":[],"mappings":";AAUA,OAAO,KAAK,EACX,yBAAyB,EAEzB,MAAM,SAAS,CAAC;AAcjB,QAAA,MAAM,oBAAoB,UAAY,yBAAyB,gBAsE9D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
1
+ {"version":3,"file":"font-size-picker-select.d.ts","sourceRoot":"","sources":["../../src/font-size-picker/font-size-picker-select.tsx"],"names":[],"mappings":";AAUA,OAAO,KAAK,EACX,yBAAyB,EAEzB,MAAM,SAAS,CAAC;AAcjB,QAAA,MAAM,oBAAoB,UAAY,yBAAyB,gBAqE9D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
@@ -9,10 +9,10 @@ import type { Meta } from '@storybook/react';
9
9
  import FormFileUpload from '..';
10
10
  declare const meta: Meta<typeof FormFileUpload>;
11
11
  export default meta;
12
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").FormFileUploadProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, "as" | keyof import("../types").FormFileUploadProps>>;
13
- export declare const RestrictFileTypes: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").FormFileUploadProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, "as" | keyof import("../types").FormFileUploadProps>>;
14
- export declare const AllowMultipleFiles: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").FormFileUploadProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, "as" | keyof import("../types").FormFileUploadProps>>;
15
- export declare const WithIcon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").FormFileUploadProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, "as" | keyof import("../types").FormFileUploadProps>>;
12
+ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").FormFileUploadProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, "as" | keyof import("../types").FormFileUploadProps>>;
13
+ export declare const RestrictFileTypes: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").FormFileUploadProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, "as" | keyof import("../types").FormFileUploadProps>>;
14
+ export declare const AllowMultipleFiles: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").FormFileUploadProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, "as" | keyof import("../types").FormFileUploadProps>>;
15
+ export declare const WithIcon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").FormFileUploadProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, "as" | keyof import("../types").FormFileUploadProps>>;
16
16
  /**
17
17
  * Render a custom trigger button by passing a render function to the `render` prop.
18
18
  *
@@ -20,5 +20,5 @@ export declare const WithIcon: import("@storybook/types").AnnotatedStoryFn<impor
20
20
  * ( { openFileDialog } ) => <button onClick={ openFileDialog }>Custom Upload Button</button>
21
21
  * ```
22
22
  */
23
- export declare const WithCustomRender: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").FormFileUploadProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, "as" | keyof import("../types").FormFileUploadProps>>;
23
+ export declare const WithCustomRender: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").FormFileUploadProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, "as" | keyof import("../types").FormFileUploadProps>>;
24
24
  //# sourceMappingURL=index.story.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/form-token-field/index.tsx"],"names":[],"mappings":";AAsBA,OAAO,KAAK,EAAE,mBAAmB,EAAa,MAAM,SAAS,CAAC;AAW9D;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAE,KAAK,EAAE,mBAAmB,eA0sBzD;AAED,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/form-token-field/index.tsx"],"names":[],"mappings":";AAsBA,OAAO,KAAK,EAAE,mBAAmB,EAAa,MAAM,SAAS,CAAC;AAY9D;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAE,KAAK,EAAE,mBAAmB,eAksBzD;AAED,eAAe,cAAc,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"suggestions-list.d.ts","sourceRoot":"","sources":["../../src/form-token-field/suggestions-list.tsx"],"names":[],"mappings":";AAaA;;GAEG;AACH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAOpD,wBAAgB,eAAe,CAAE,CAAC,SAAS,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,EAAI,EACxE,aAAa,EACb,cAAc,EACd,KAAK,EACL,OAAO,EACP,QAAQ,EACR,WAAgB,EAChB,gBAAgB,EAChB,UAAU,EACV,wBAAwB,GACxB,EAAE,oBAAoB,CAAE,CAAC,CAAE,eAqI3B;AAED,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"suggestions-list.d.ts","sourceRoot":"","sources":["../../src/form-token-field/suggestions-list.tsx"],"names":[],"mappings":";AAWA;;GAEG;AACH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAOpD,wBAAgB,eAAe,CAAE,CAAC,SAAS,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,EAAI,EACxE,aAAa,EACb,cAAc,EACd,KAAK,EACL,OAAO,EACP,QAAQ,EACR,WAAgB,EAChB,gBAAgB,EAChB,UAAU,EACV,wBAAwB,GACxB,EAAE,oBAAoB,CAAE,CAAC,CAAE,eA2H3B;AAED,eAAe,eAAe,CAAC"}
@@ -8,7 +8,7 @@ import type { Meta } from '@storybook/react';
8
8
  import GradientPicker from '..';
9
9
  declare const meta: Meta<typeof GradientPicker>;
10
10
  export default meta;
11
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").GradientPickerComponentProps>;
12
- export declare const WithNoExistingGradients: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").GradientPickerComponentProps>;
13
- export declare const MultipleOrigins: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").GradientPickerComponentProps>;
11
+ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").GradientPickerComponentProps>;
12
+ export declare const WithNoExistingGradients: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").GradientPickerComponentProps>;
13
+ export declare const MultipleOrigins: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").GradientPickerComponentProps>;
14
14
  //# sourceMappingURL=index.story.d.ts.map
@@ -5,5 +5,5 @@ import type { Meta } from '@storybook/react';
5
5
  import Guide from '..';
6
6
  declare const meta: Meta<typeof Guide>;
7
7
  export default meta;
8
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").GuideProps>;
8
+ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").GuideProps>;
9
9
  //# sourceMappingURL=index.story.d.ts.map
@@ -6,13 +6,11 @@ import type { WordPressComponentProps } from '../context';
6
6
  import type { Props } from './types';
7
7
  export declare function useHStack(props: WordPressComponentProps<Props, 'div'>): {
8
8
  className: string;
9
- isColumn: boolean;
10
- children: import("react").ReactNode;
11
- isReversed?: boolean | undefined;
12
9
  id?: string | undefined;
13
10
  prefix?: string | undefined;
14
11
  slot?: string | undefined;
15
12
  role?: import("react").AriaRole | undefined;
13
+ children: import("react").ReactNode;
16
14
  style?: import("react").CSSProperties | undefined;
17
15
  title?: string | undefined;
18
16
  color?: string | undefined;
@@ -231,6 +229,7 @@ export declare function useHStack(props: WordPressComponentProps<Props, 'div'>):
231
229
  onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
232
230
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
233
231
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
232
+ as?: keyof JSX.IntrinsicElements | undefined;
234
233
  key?: import("react").Key | null | undefined;
235
234
  defaultChecked?: boolean | undefined;
236
235
  defaultValue?: string | number | readonly string[] | undefined;
@@ -264,6 +263,5 @@ export declare function useHStack(props: WordPressComponentProps<Props, 'div'>):
264
263
  unselectable?: "on" | "off" | undefined;
265
264
  inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
266
265
  is?: string | undefined;
267
- as?: keyof JSX.IntrinsicElements | undefined;
268
266
  };
269
267
  //# sourceMappingURL=hook.d.ts.map