@wordpress/components 28.5.0 → 28.7.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 (968) hide show
  1. package/CHANGELOG.md +159 -0
  2. package/CONTRIBUTING.md +178 -64
  3. package/build/alignment-matrix-control/cell.js +6 -9
  4. package/build/alignment-matrix-control/cell.js.map +1 -1
  5. package/build/alignment-matrix-control/icon.js +31 -19
  6. package/build/alignment-matrix-control/icon.js.map +1 -1
  7. package/build/alignment-matrix-control/index.js +57 -52
  8. package/build/alignment-matrix-control/index.js.map +1 -1
  9. package/build/alignment-matrix-control/styles.js +73 -0
  10. package/build/alignment-matrix-control/styles.js.map +1 -0
  11. package/build/alignment-matrix-control/types.js.map +1 -1
  12. package/build/angle-picker-control/angle-circle.js +9 -9
  13. package/build/angle-picker-control/angle-circle.js.map +1 -1
  14. package/build/angle-picker-control/styles/angle-picker-control-styles.js +4 -4
  15. package/build/angle-picker-control/styles/angle-picker-control-styles.js.map +1 -1
  16. package/build/base-control/index.js +54 -41
  17. package/build/base-control/index.js.map +1 -1
  18. package/build/base-control/types.js.map +1 -1
  19. package/build/border-control/border-control/component.js +18 -13
  20. package/build/border-control/border-control/component.js.map +1 -1
  21. package/build/border-control/styles.js +13 -13
  22. package/build/border-control/styles.js.map +1 -1
  23. package/build/checkbox-control/index.js +1 -0
  24. package/build/checkbox-control/index.js.map +1 -1
  25. package/build/circular-option-picker/circular-option-picker-option.js +17 -11
  26. package/build/circular-option-picker/circular-option-picker-option.js.map +1 -1
  27. package/build/circular-option-picker/circular-option-picker.js +17 -14
  28. package/build/circular-option-picker/circular-option-picker.js.map +1 -1
  29. package/build/circular-option-picker/types.js.map +1 -1
  30. package/build/clipboard-button/index.js +6 -6
  31. package/build/clipboard-button/index.js.map +1 -1
  32. package/build/color-palette/utils.js +16 -5
  33. package/build/color-palette/utils.js.map +1 -1
  34. package/build/color-picker/color-copy-button.js +8 -8
  35. package/build/color-picker/color-copy-button.js.map +1 -1
  36. package/build/color-picker/hex-input.js +8 -8
  37. package/build/color-picker/hex-input.js.map +1 -1
  38. package/build/color-picker/input-with-slider.js +9 -8
  39. package/build/color-picker/input-with-slider.js.map +1 -1
  40. package/build/color-picker/styles.js +8 -8
  41. package/build/color-picker/styles.js.map +1 -1
  42. package/build/combobox-control/index.js +1 -0
  43. package/build/combobox-control/index.js.map +1 -1
  44. package/build/combobox-control/types.js.map +1 -1
  45. package/build/composite/context.js +19 -0
  46. package/build/composite/context.js.map +1 -0
  47. package/build/composite/group-label.js +33 -0
  48. package/build/composite/group-label.js.map +1 -0
  49. package/build/composite/group.js +33 -0
  50. package/build/composite/group.js.map +1 -0
  51. package/build/composite/hover.js +33 -0
  52. package/build/composite/hover.js.map +1 -0
  53. package/build/composite/index.js +241 -9
  54. package/build/composite/index.js.map +1 -1
  55. package/build/composite/item.js +33 -0
  56. package/build/composite/item.js.map +1 -0
  57. package/build/composite/legacy/index.js +11 -8
  58. package/build/composite/legacy/index.js.map +1 -1
  59. package/build/composite/row.js +33 -0
  60. package/build/composite/row.js.map +1 -0
  61. package/build/composite/store.js +54 -0
  62. package/build/composite/store.js.map +1 -0
  63. package/build/composite/typeahead.js +33 -0
  64. package/build/composite/typeahead.js.map +1 -0
  65. package/build/composite/types.js +6 -0
  66. package/build/composite/types.js.map +1 -0
  67. package/build/custom-gradient-picker/gradient-bar/control-points.js +8 -8
  68. package/build/custom-gradient-picker/gradient-bar/control-points.js.map +1 -1
  69. package/build/custom-select-control/types.js.map +1 -1
  70. package/build/custom-select-control-v2/custom-select.js +3 -2
  71. package/build/custom-select-control-v2/custom-select.js.map +1 -1
  72. package/build/custom-select-control-v2/styles.js +12 -14
  73. package/build/custom-select-control-v2/styles.js.map +1 -1
  74. package/build/date-time/date/styles.js +8 -8
  75. package/build/date-time/date/styles.js.map +1 -1
  76. package/build/date-time/time/index.js +11 -3
  77. package/build/date-time/time/index.js.map +1 -1
  78. package/build/date-time/time/time-input/index.js +17 -19
  79. package/build/date-time/time/time-input/index.js.map +1 -1
  80. package/build/date-time/types.js.map +1 -1
  81. package/build/dimension-control/index.js +31 -9
  82. package/build/dimension-control/index.js.map +1 -1
  83. package/build/dimension-control/types.js.map +1 -1
  84. package/build/draggable/index.js +4 -4
  85. package/build/draggable/index.js.map +1 -1
  86. package/build/dropdown-menu-v2/checkbox-item.js +69 -0
  87. package/build/dropdown-menu-v2/checkbox-item.js.map +1 -0
  88. package/build/dropdown-menu-v2/context.js +17 -0
  89. package/build/dropdown-menu-v2/context.js.map +1 -0
  90. package/build/dropdown-menu-v2/group-label.js +40 -0
  91. package/build/dropdown-menu-v2/group-label.js.map +1 -0
  92. package/build/dropdown-menu-v2/group.js +29 -0
  93. package/build/dropdown-menu-v2/group.js.map +1 -0
  94. package/build/dropdown-menu-v2/index.js +60 -147
  95. package/build/dropdown-menu-v2/index.js.map +1 -1
  96. package/build/dropdown-menu-v2/item-help-text.js +27 -0
  97. package/build/dropdown-menu-v2/item-help-text.js.map +1 -0
  98. package/build/dropdown-menu-v2/item-label.js +27 -0
  99. package/build/dropdown-menu-v2/item-label.js.map +1 -0
  100. package/build/dropdown-menu-v2/item.js +53 -0
  101. package/build/dropdown-menu-v2/item.js.map +1 -0
  102. package/build/dropdown-menu-v2/radio-item.js +79 -0
  103. package/build/dropdown-menu-v2/radio-item.js.map +1 -0
  104. package/build/dropdown-menu-v2/separator.js +30 -0
  105. package/build/dropdown-menu-v2/separator.js.map +1 -0
  106. package/build/dropdown-menu-v2/styles.js +63 -85
  107. package/build/dropdown-menu-v2/styles.js.map +1 -1
  108. package/build/dropdown-menu-v2/types.js.map +1 -1
  109. package/build/dropdown-menu-v2/use-temporary-focus-visible-fix.js +27 -0
  110. package/build/dropdown-menu-v2/use-temporary-focus-visible-fix.js.map +1 -0
  111. package/build/focal-point-picker/controls.js +1 -3
  112. package/build/focal-point-picker/controls.js.map +1 -1
  113. package/build/focal-point-picker/index.js +1 -2
  114. package/build/focal-point-picker/index.js.map +1 -1
  115. package/build/focal-point-picker/styles/focal-point-picker-style.js +11 -11
  116. package/build/focal-point-picker/styles/focal-point-picker-style.js.map +1 -1
  117. package/build/focal-point-picker/styles/focal-point-style.js +7 -2
  118. package/build/focal-point-picker/styles/focal-point-style.js.map +1 -1
  119. package/build/focal-point-picker/types.js.map +1 -1
  120. package/build/form-file-upload/types.js.map +1 -1
  121. package/build/form-token-field/types.js.map +1 -1
  122. package/build/index.js +11 -5
  123. package/build/index.js.map +1 -1
  124. package/build/input-control/index.js +2 -2
  125. package/build/input-control/index.js.map +1 -1
  126. package/build/input-control/input-base.js +5 -10
  127. package/build/input-control/input-base.js.map +1 -1
  128. package/build/input-control/input-prefix-wrapper.js +3 -3
  129. package/build/input-control/input-prefix-wrapper.js.map +1 -1
  130. package/build/input-control/input-suffix-wrapper.js +2 -3
  131. package/build/input-control/input-suffix-wrapper.js.map +1 -1
  132. package/build/input-control/reducer/reducer.js +8 -8
  133. package/build/input-control/reducer/reducer.js.map +1 -1
  134. package/build/input-control/styles/input-control-styles.js +75 -45
  135. package/build/input-control/styles/input-control-styles.js.map +1 -1
  136. package/build/input-control/types.js.map +1 -1
  137. package/build/input-control/utils.js +3 -3
  138. package/build/input-control/utils.js.map +1 -1
  139. package/build/item-group/styles.js +11 -11
  140. package/build/item-group/styles.js.map +1 -1
  141. package/build/mobile/utils/alignments.native.js +1 -1
  142. package/build/mobile/utils/alignments.native.js.map +1 -1
  143. package/build/modal/index.js +5 -5
  144. package/build/modal/index.js.map +1 -1
  145. package/build/navigation/index.js +4 -4
  146. package/build/navigation/index.js.map +1 -1
  147. package/build/navigation/styles/navigation-styles.js +13 -13
  148. package/build/navigation/styles/navigation-styles.js.map +1 -1
  149. package/build/navigator/index.js +12 -13
  150. package/build/navigator/index.js.map +1 -1
  151. package/build/navigator/navigator-back-button/component.js +1 -1
  152. package/build/navigator/navigator-back-button/component.js.map +1 -1
  153. package/build/navigator/navigator-back-button/hook.js +5 -11
  154. package/build/navigator/navigator-back-button/hook.js.map +1 -1
  155. package/build/navigator/navigator-button/hook.js +2 -2
  156. package/build/navigator/navigator-button/hook.js.map +1 -1
  157. package/build/navigator/navigator-provider/component.js +116 -76
  158. package/build/navigator/navigator-provider/component.js.map +1 -1
  159. package/build/navigator/navigator-to-parent-button/component.js +13 -40
  160. package/build/navigator/navigator-to-parent-button/component.js.map +1 -1
  161. package/build/navigator/types.js.map +1 -1
  162. package/build/navigator/use-navigator.js +1 -2
  163. package/build/navigator/use-navigator.js.map +1 -1
  164. package/build/palette-edit/index.js +2 -2
  165. package/build/palette-edit/index.js.map +1 -1
  166. package/build/palette-edit/styles.js +11 -11
  167. package/build/palette-edit/styles.js.map +1 -1
  168. package/build/popover/index.js +6 -1
  169. package/build/popover/index.js.map +1 -1
  170. package/build/private-apis.js +10 -14
  171. package/build/private-apis.js.map +1 -1
  172. package/build/progress-bar/styles.js +5 -5
  173. package/build/progress-bar/styles.js.map +1 -1
  174. package/build/query-controls/index.js +5 -6
  175. package/build/query-controls/index.js.map +1 -1
  176. package/build/query-controls/types.js.map +1 -1
  177. package/build/radio-control/index.js +20 -19
  178. package/build/radio-control/index.js.map +1 -1
  179. package/build/radio-group/radio.js +3 -2
  180. package/build/radio-group/radio.js.map +1 -1
  181. package/build/range-control/index.js +32 -9
  182. package/build/range-control/index.js.map +1 -1
  183. package/build/range-control/styles/range-control-styles.js +31 -31
  184. package/build/range-control/styles/range-control-styles.js.map +1 -1
  185. package/build/resizable-box/resize-tooltip/styles/resize-tooltip.styles.js +4 -4
  186. package/build/resizable-box/resize-tooltip/styles/resize-tooltip.styles.js.map +1 -1
  187. package/build/search-control/index.js +5 -4
  188. package/build/search-control/index.js.map +1 -1
  189. package/build/select-control/index.js +1 -0
  190. package/build/select-control/index.js.map +1 -1
  191. package/build/select-control/styles/select-control-styles.js +12 -12
  192. package/build/select-control/styles/select-control-styles.js.map +1 -1
  193. package/build/slot-fill/bubbles-virtually/fill.js +4 -4
  194. package/build/slot-fill/bubbles-virtually/fill.js.map +1 -1
  195. package/build/snackbar/index.js +4 -4
  196. package/build/snackbar/index.js.map +1 -1
  197. package/build/tab-panel/index.js +3 -2
  198. package/build/tab-panel/index.js.map +1 -1
  199. package/build/tabs/index.js +7 -6
  200. package/build/tabs/index.js.map +1 -1
  201. package/build/tabs/styles.js +3 -3
  202. package/build/tabs/styles.js.map +1 -1
  203. package/build/tabs/tablist.js +6 -4
  204. package/build/tabs/tablist.js.map +1 -1
  205. package/build/tabs/tabpanel.js +6 -1
  206. package/build/tabs/tabpanel.js.map +1 -1
  207. package/build/text/styles.js +7 -7
  208. package/build/text/styles.js.map +1 -1
  209. package/build/text-control/index.js +1 -0
  210. package/build/text-control/index.js.map +1 -1
  211. package/build/textarea-control/index.js +1 -0
  212. package/build/textarea-control/index.js.map +1 -1
  213. package/build/textarea-control/styles/textarea-control-styles.js +8 -2
  214. package/build/textarea-control/styles/textarea-control-styles.js.map +1 -1
  215. package/build/toggle-control/index.js +9 -1
  216. package/build/toggle-control/index.js.map +1 -1
  217. package/build/toggle-group-control/toggle-group-control/as-radio-group.js +3 -2
  218. package/build/toggle-group-control/toggle-group-control/as-radio-group.js.map +1 -1
  219. package/build/toggle-group-control/toggle-group-control/component.js +1 -0
  220. package/build/toggle-group-control/toggle-group-control/component.js.map +1 -1
  221. package/build/toggle-group-control/toggle-group-control/styles.js +7 -7
  222. package/build/toggle-group-control/toggle-group-control/styles.js.map +1 -1
  223. package/build/toggle-group-control/toggle-group-control/utils.js +6 -6
  224. package/build/toggle-group-control/toggle-group-control/utils.js.map +1 -1
  225. package/build/toggle-group-control/toggle-group-control-option-base/styles.js +9 -9
  226. package/build/toggle-group-control/toggle-group-control-option-base/styles.js.map +1 -1
  227. package/build/tools-panel/styles.js +13 -13
  228. package/build/tools-panel/styles.js.map +1 -1
  229. package/build/tools-panel/tools-panel/hook.js +6 -6
  230. package/build/tools-panel/tools-panel/hook.js.map +1 -1
  231. package/build/tooltip/index.js +3 -2
  232. package/build/tooltip/index.js.map +1 -1
  233. package/build/tree-select/index.js +19 -6
  234. package/build/tree-select/index.js.map +1 -1
  235. package/build/unit-control/styles/unit-control-styles.js +7 -7
  236. package/build/unit-control/styles/unit-control-styles.js.map +1 -1
  237. package/build/utils/config-values.js +10 -7
  238. package/build/utils/config-values.js.map +1 -1
  239. package/build/utils/hooks/use-update-effect.js +4 -4
  240. package/build/utils/hooks/use-update-effect.js.map +1 -1
  241. package/build-module/alignment-matrix-control/cell.js +4 -7
  242. package/build-module/alignment-matrix-control/cell.js.map +1 -1
  243. package/build-module/alignment-matrix-control/icon.js +31 -19
  244. package/build-module/alignment-matrix-control/icon.js.map +1 -1
  245. package/build-module/alignment-matrix-control/index.js +56 -50
  246. package/build-module/alignment-matrix-control/index.js.map +1 -1
  247. package/build-module/alignment-matrix-control/styles.js +70 -0
  248. package/build-module/alignment-matrix-control/styles.js.map +1 -0
  249. package/build-module/alignment-matrix-control/types.js.map +1 -1
  250. package/build-module/angle-picker-control/angle-circle.js +9 -9
  251. package/build-module/angle-picker-control/angle-circle.js.map +1 -1
  252. package/build-module/angle-picker-control/styles/angle-picker-control-styles.js +4 -4
  253. package/build-module/angle-picker-control/styles/angle-picker-control-styles.js.map +1 -1
  254. package/build-module/base-control/index.js +54 -42
  255. package/build-module/base-control/index.js.map +1 -1
  256. package/build-module/base-control/types.js.map +1 -1
  257. package/build-module/border-control/border-control/component.js +18 -13
  258. package/build-module/border-control/border-control/component.js.map +1 -1
  259. package/build-module/border-control/styles.js +13 -13
  260. package/build-module/border-control/styles.js.map +1 -1
  261. package/build-module/checkbox-control/index.js +1 -0
  262. package/build-module/checkbox-control/index.js.map +1 -1
  263. package/build-module/circular-option-picker/circular-option-picker-option.js +18 -12
  264. package/build-module/circular-option-picker/circular-option-picker-option.js.map +1 -1
  265. package/build-module/circular-option-picker/circular-option-picker.js +16 -13
  266. package/build-module/circular-option-picker/circular-option-picker.js.map +1 -1
  267. package/build-module/circular-option-picker/types.js.map +1 -1
  268. package/build-module/clipboard-button/index.js +6 -6
  269. package/build-module/clipboard-button/index.js.map +1 -1
  270. package/build-module/color-palette/utils.js +16 -5
  271. package/build-module/color-palette/utils.js.map +1 -1
  272. package/build-module/color-picker/color-copy-button.js +8 -8
  273. package/build-module/color-picker/color-copy-button.js.map +1 -1
  274. package/build-module/color-picker/hex-input.js +7 -8
  275. package/build-module/color-picker/hex-input.js.map +1 -1
  276. package/build-module/color-picker/input-with-slider.js +8 -8
  277. package/build-module/color-picker/input-with-slider.js.map +1 -1
  278. package/build-module/color-picker/styles.js +8 -8
  279. package/build-module/color-picker/styles.js.map +1 -1
  280. package/build-module/combobox-control/index.js +1 -0
  281. package/build-module/combobox-control/index.js.map +1 -1
  282. package/build-module/combobox-control/types.js.map +1 -1
  283. package/build-module/composite/context.js +12 -0
  284. package/build-module/composite/context.js.map +1 -0
  285. package/build-module/composite/group-label.js +25 -0
  286. package/build-module/composite/group-label.js.map +1 -0
  287. package/build-module/composite/group.js +25 -0
  288. package/build-module/composite/group.js.map +1 -0
  289. package/build-module/composite/hover.js +25 -0
  290. package/build-module/composite/hover.js.map +1 -0
  291. package/build-module/composite/index.js +239 -6
  292. package/build-module/composite/index.js.map +1 -1
  293. package/build-module/composite/item.js +25 -0
  294. package/build-module/composite/item.js.map +1 -0
  295. package/build-module/composite/legacy/index.js +11 -6
  296. package/build-module/composite/legacy/index.js.map +1 -1
  297. package/build-module/composite/row.js +25 -0
  298. package/build-module/composite/row.js.map +1 -0
  299. package/build-module/composite/store.js +46 -0
  300. package/build-module/composite/store.js.map +1 -0
  301. package/build-module/composite/typeahead.js +25 -0
  302. package/build-module/composite/typeahead.js.map +1 -0
  303. package/build-module/composite/types.js +2 -0
  304. package/build-module/composite/types.js.map +1 -0
  305. package/build-module/custom-gradient-picker/gradient-bar/control-points.js +8 -8
  306. package/build-module/custom-gradient-picker/gradient-bar/control-points.js.map +1 -1
  307. package/build-module/custom-select-control/types.js.map +1 -1
  308. package/build-module/custom-select-control-v2/custom-select.js +2 -1
  309. package/build-module/custom-select-control-v2/custom-select.js.map +1 -1
  310. package/build-module/custom-select-control-v2/styles.js +12 -14
  311. package/build-module/custom-select-control-v2/styles.js.map +1 -1
  312. package/build-module/date-time/date/styles.js +8 -8
  313. package/build-module/date-time/date/styles.js.map +1 -1
  314. package/build-module/date-time/time/index.js +11 -3
  315. package/build-module/date-time/time/index.js.map +1 -1
  316. package/build-module/date-time/time/time-input/index.js +17 -19
  317. package/build-module/date-time/time/time-input/index.js.map +1 -1
  318. package/build-module/date-time/types.js.map +1 -1
  319. package/build-module/dimension-control/index.js +31 -9
  320. package/build-module/dimension-control/index.js.map +1 -1
  321. package/build-module/dimension-control/types.js.map +1 -1
  322. package/build-module/draggable/index.js +4 -4
  323. package/build-module/draggable/index.js.map +1 -1
  324. package/build-module/dropdown-menu-v2/checkbox-item.js +62 -0
  325. package/build-module/dropdown-menu-v2/checkbox-item.js.map +1 -0
  326. package/build-module/dropdown-menu-v2/context.js +11 -0
  327. package/build-module/dropdown-menu-v2/context.js.map +1 -0
  328. package/build-module/dropdown-menu-v2/group-label.js +32 -0
  329. package/build-module/dropdown-menu-v2/group-label.js.map +1 -0
  330. package/build-module/dropdown-menu-v2/group.js +21 -0
  331. package/build-module/dropdown-menu-v2/group.js.map +1 -0
  332. package/build-module/dropdown-menu-v2/index.js +58 -144
  333. package/build-module/dropdown-menu-v2/index.js.map +1 -1
  334. package/build-module/dropdown-menu-v2/item-help-text.js +19 -0
  335. package/build-module/dropdown-menu-v2/item-help-text.js.map +1 -0
  336. package/build-module/dropdown-menu-v2/item-label.js +19 -0
  337. package/build-module/dropdown-menu-v2/item-label.js.map +1 -0
  338. package/build-module/dropdown-menu-v2/item.js +46 -0
  339. package/build-module/dropdown-menu-v2/item.js.map +1 -0
  340. package/build-module/dropdown-menu-v2/radio-item.js +72 -0
  341. package/build-module/dropdown-menu-v2/radio-item.js.map +1 -0
  342. package/build-module/dropdown-menu-v2/separator.js +22 -0
  343. package/build-module/dropdown-menu-v2/separator.js.map +1 -0
  344. package/build-module/dropdown-menu-v2/styles.js +63 -85
  345. package/build-module/dropdown-menu-v2/styles.js.map +1 -1
  346. package/build-module/dropdown-menu-v2/types.js.map +1 -1
  347. package/build-module/dropdown-menu-v2/use-temporary-focus-visible-fix.js +20 -0
  348. package/build-module/dropdown-menu-v2/use-temporary-focus-visible-fix.js.map +1 -0
  349. package/build-module/focal-point-picker/controls.js +1 -3
  350. package/build-module/focal-point-picker/controls.js.map +1 -1
  351. package/build-module/focal-point-picker/index.js +1 -2
  352. package/build-module/focal-point-picker/index.js.map +1 -1
  353. package/build-module/focal-point-picker/styles/focal-point-picker-style.js +11 -11
  354. package/build-module/focal-point-picker/styles/focal-point-picker-style.js.map +1 -1
  355. package/build-module/focal-point-picker/styles/focal-point-style.js +6 -2
  356. package/build-module/focal-point-picker/styles/focal-point-style.js.map +1 -1
  357. package/build-module/focal-point-picker/types.js.map +1 -1
  358. package/build-module/form-file-upload/types.js.map +1 -1
  359. package/build-module/form-token-field/types.js.map +1 -1
  360. package/build-module/index.js +3 -2
  361. package/build-module/index.js.map +1 -1
  362. package/build-module/input-control/index.js +2 -2
  363. package/build-module/input-control/index.js.map +1 -1
  364. package/build-module/input-control/input-base.js +6 -11
  365. package/build-module/input-control/input-base.js.map +1 -1
  366. package/build-module/input-control/input-prefix-wrapper.js +4 -3
  367. package/build-module/input-control/input-prefix-wrapper.js.map +1 -1
  368. package/build-module/input-control/input-suffix-wrapper.js +3 -3
  369. package/build-module/input-control/input-suffix-wrapper.js.map +1 -1
  370. package/build-module/input-control/reducer/reducer.js +8 -8
  371. package/build-module/input-control/reducer/reducer.js.map +1 -1
  372. package/build-module/input-control/styles/input-control-styles.js +74 -44
  373. package/build-module/input-control/styles/input-control-styles.js.map +1 -1
  374. package/build-module/input-control/types.js.map +1 -1
  375. package/build-module/input-control/utils.js +3 -3
  376. package/build-module/input-control/utils.js.map +1 -1
  377. package/build-module/item-group/styles.js +11 -11
  378. package/build-module/item-group/styles.js.map +1 -1
  379. package/build-module/mobile/utils/alignments.native.js +1 -1
  380. package/build-module/mobile/utils/alignments.native.js.map +1 -1
  381. package/build-module/modal/index.js +5 -5
  382. package/build-module/modal/index.js.map +1 -1
  383. package/build-module/navigation/index.js +4 -4
  384. package/build-module/navigation/index.js.map +1 -1
  385. package/build-module/navigation/styles/navigation-styles.js +14 -14
  386. package/build-module/navigation/styles/navigation-styles.js.map +1 -1
  387. package/build-module/navigator/index.js +6 -6
  388. package/build-module/navigator/index.js.map +1 -1
  389. package/build-module/navigator/navigator-back-button/component.js +1 -1
  390. package/build-module/navigator/navigator-back-button/component.js.map +1 -1
  391. package/build-module/navigator/navigator-back-button/hook.js +4 -10
  392. package/build-module/navigator/navigator-back-button/hook.js.map +1 -1
  393. package/build-module/navigator/navigator-button/hook.js +1 -1
  394. package/build-module/navigator/navigator-button/hook.js.map +1 -1
  395. package/build-module/navigator/navigator-provider/component.js +116 -76
  396. package/build-module/navigator/navigator-provider/component.js.map +1 -1
  397. package/build-module/navigator/navigator-to-parent-button/component.js +12 -41
  398. package/build-module/navigator/navigator-to-parent-button/component.js.map +1 -1
  399. package/build-module/navigator/types.js.map +1 -1
  400. package/build-module/navigator/use-navigator.js +1 -2
  401. package/build-module/navigator/use-navigator.js.map +1 -1
  402. package/build-module/palette-edit/index.js +2 -2
  403. package/build-module/palette-edit/index.js.map +1 -1
  404. package/build-module/palette-edit/styles.js +11 -11
  405. package/build-module/palette-edit/styles.js.map +1 -1
  406. package/build-module/popover/index.js +6 -1
  407. package/build-module/popover/index.js.map +1 -1
  408. package/build-module/private-apis.js +10 -14
  409. package/build-module/private-apis.js.map +1 -1
  410. package/build-module/progress-bar/styles.js +5 -5
  411. package/build-module/progress-bar/styles.js.map +1 -1
  412. package/build-module/query-controls/index.js +5 -6
  413. package/build-module/query-controls/index.js.map +1 -1
  414. package/build-module/query-controls/types.js.map +1 -1
  415. package/build-module/radio-control/index.js +20 -19
  416. package/build-module/radio-control/index.js.map +1 -1
  417. package/build-module/radio-group/radio.js +2 -1
  418. package/build-module/radio-group/radio.js.map +1 -1
  419. package/build-module/range-control/index.js +32 -9
  420. package/build-module/range-control/index.js.map +1 -1
  421. package/build-module/range-control/styles/range-control-styles.js +32 -32
  422. package/build-module/range-control/styles/range-control-styles.js.map +1 -1
  423. package/build-module/resizable-box/resize-tooltip/styles/resize-tooltip.styles.js +5 -5
  424. package/build-module/resizable-box/resize-tooltip/styles/resize-tooltip.styles.js.map +1 -1
  425. package/build-module/search-control/index.js +5 -4
  426. package/build-module/search-control/index.js.map +1 -1
  427. package/build-module/select-control/index.js +1 -0
  428. package/build-module/select-control/index.js.map +1 -1
  429. package/build-module/select-control/styles/select-control-styles.js +13 -13
  430. package/build-module/select-control/styles/select-control-styles.js.map +1 -1
  431. package/build-module/slot-fill/bubbles-virtually/fill.js +4 -4
  432. package/build-module/slot-fill/bubbles-virtually/fill.js.map +1 -1
  433. package/build-module/snackbar/index.js +4 -4
  434. package/build-module/snackbar/index.js.map +1 -1
  435. package/build-module/tab-panel/index.js +2 -1
  436. package/build-module/tab-panel/index.js.map +1 -1
  437. package/build-module/tabs/index.js +6 -5
  438. package/build-module/tabs/index.js.map +1 -1
  439. package/build-module/tabs/styles.js +4 -4
  440. package/build-module/tabs/styles.js.map +1 -1
  441. package/build-module/tabs/tablist.js +5 -3
  442. package/build-module/tabs/tablist.js.map +1 -1
  443. package/build-module/tabs/tabpanel.js +6 -2
  444. package/build-module/tabs/tabpanel.js.map +1 -1
  445. package/build-module/text/styles.js +7 -7
  446. package/build-module/text/styles.js.map +1 -1
  447. package/build-module/text-control/index.js +1 -0
  448. package/build-module/text-control/index.js.map +1 -1
  449. package/build-module/textarea-control/index.js +1 -0
  450. package/build-module/textarea-control/index.js.map +1 -1
  451. package/build-module/textarea-control/styles/textarea-control-styles.js +9 -2
  452. package/build-module/textarea-control/styles/textarea-control-styles.js.map +1 -1
  453. package/build-module/toggle-control/index.js +9 -1
  454. package/build-module/toggle-control/index.js.map +1 -1
  455. package/build-module/toggle-group-control/toggle-group-control/as-radio-group.js +2 -1
  456. package/build-module/toggle-group-control/toggle-group-control/as-radio-group.js.map +1 -1
  457. package/build-module/toggle-group-control/toggle-group-control/component.js +1 -0
  458. package/build-module/toggle-group-control/toggle-group-control/component.js.map +1 -1
  459. package/build-module/toggle-group-control/toggle-group-control/styles.js +7 -7
  460. package/build-module/toggle-group-control/toggle-group-control/styles.js.map +1 -1
  461. package/build-module/toggle-group-control/toggle-group-control/utils.js +6 -6
  462. package/build-module/toggle-group-control/toggle-group-control/utils.js.map +1 -1
  463. package/build-module/toggle-group-control/toggle-group-control-option-base/styles.js +9 -9
  464. package/build-module/toggle-group-control/toggle-group-control-option-base/styles.js.map +1 -1
  465. package/build-module/tools-panel/styles.js +13 -13
  466. package/build-module/tools-panel/styles.js.map +1 -1
  467. package/build-module/tools-panel/tools-panel/hook.js +6 -6
  468. package/build-module/tools-panel/tools-panel/hook.js.map +1 -1
  469. package/build-module/tooltip/index.js +2 -1
  470. package/build-module/tooltip/index.js.map +1 -1
  471. package/build-module/tree-select/index.js +19 -6
  472. package/build-module/tree-select/index.js.map +1 -1
  473. package/build-module/unit-control/styles/unit-control-styles.js +7 -7
  474. package/build-module/unit-control/styles/unit-control-styles.js.map +1 -1
  475. package/build-module/utils/config-values.js +10 -7
  476. package/build-module/utils/config-values.js.map +1 -1
  477. package/build-module/utils/hooks/use-update-effect.js +4 -4
  478. package/build-module/utils/hooks/use-update-effect.js.map +1 -1
  479. package/build-style/style-rtl.css +30 -32
  480. package/build-style/style.css +30 -32
  481. package/build-types/alignment-matrix-control/cell.d.ts +1 -1
  482. package/build-types/alignment-matrix-control/cell.d.ts.map +1 -1
  483. package/build-types/alignment-matrix-control/icon.d.ts +1 -1
  484. package/build-types/alignment-matrix-control/icon.d.ts.map +1 -1
  485. package/build-types/alignment-matrix-control/index.d.ts +16 -6
  486. package/build-types/alignment-matrix-control/index.d.ts.map +1 -1
  487. package/build-types/alignment-matrix-control/stories/index.story.d.ts.map +1 -1
  488. package/build-types/alignment-matrix-control/{styles/alignment-matrix-control-styles.d.ts → styles.d.ts} +9 -10
  489. package/build-types/alignment-matrix-control/styles.d.ts.map +1 -0
  490. package/build-types/alignment-matrix-control/types.d.ts +12 -1
  491. package/build-types/alignment-matrix-control/types.d.ts.map +1 -1
  492. package/build-types/angle-picker-control/angle-circle.d.ts.map +1 -1
  493. package/build-types/angle-picker-control/styles/angle-picker-control-styles.d.ts.map +1 -1
  494. package/build-types/base-control/hooks.d.ts +1 -0
  495. package/build-types/base-control/hooks.d.ts.map +1 -1
  496. package/build-types/base-control/index.d.ts +44 -0
  497. package/build-types/base-control/index.d.ts.map +1 -1
  498. package/build-types/base-control/types.d.ts +7 -0
  499. package/build-types/base-control/types.d.ts.map +1 -1
  500. package/build-types/border-control/border-control/component.d.ts.map +1 -1
  501. package/build-types/box-control/stories/index.story.d.ts.map +1 -1
  502. package/build-types/checkbox-control/index.d.ts.map +1 -1
  503. package/build-types/checkbox-control/stories/index.story.d.ts.map +1 -1
  504. package/build-types/circular-option-picker/circular-option-picker-option.d.ts.map +1 -1
  505. package/build-types/circular-option-picker/circular-option-picker.d.ts.map +1 -1
  506. package/build-types/circular-option-picker/types.d.ts +2 -3
  507. package/build-types/circular-option-picker/types.d.ts.map +1 -1
  508. package/build-types/color-palette/utils.d.ts.map +1 -1
  509. package/build-types/color-picker/color-copy-button.d.ts.map +1 -1
  510. package/build-types/color-picker/hex-input.d.ts.map +1 -1
  511. package/build-types/color-picker/input-with-slider.d.ts.map +1 -1
  512. package/build-types/color-picker/styles.d.ts.map +1 -1
  513. package/build-types/combobox-control/index.d.ts.map +1 -1
  514. package/build-types/combobox-control/stories/index.story.d.ts.map +1 -1
  515. package/build-types/combobox-control/types.d.ts +1 -0
  516. package/build-types/combobox-control/types.d.ts.map +1 -1
  517. package/build-types/composite/context.d.ts +7 -0
  518. package/build-types/composite/context.d.ts.map +1 -0
  519. package/build-types/composite/group-label.d.ts +3 -0
  520. package/build-types/composite/group-label.d.ts.map +1 -0
  521. package/build-types/composite/group.d.ts +3 -0
  522. package/build-types/composite/group.d.ts.map +1 -0
  523. package/build-types/composite/hover.d.ts +3 -0
  524. package/build-types/composite/hover.d.ts.map +1 -0
  525. package/build-types/composite/index.d.ts +185 -1
  526. package/build-types/composite/index.d.ts.map +1 -1
  527. package/build-types/composite/item.d.ts +3 -0
  528. package/build-types/composite/item.d.ts.map +1 -0
  529. package/build-types/composite/legacy/index.d.ts +7 -5
  530. package/build-types/composite/legacy/index.d.ts.map +1 -1
  531. package/build-types/composite/legacy/stories/utils.d.ts +19 -0
  532. package/build-types/composite/legacy/stories/utils.d.ts.map +1 -1
  533. package/build-types/composite/row.d.ts +3 -0
  534. package/build-types/composite/row.d.ts.map +1 -0
  535. package/build-types/composite/store.d.ts +25 -0
  536. package/build-types/composite/store.d.ts.map +1 -0
  537. package/build-types/composite/stories/index.story.d.ts +14 -0
  538. package/build-types/composite/stories/index.story.d.ts.map +1 -0
  539. package/build-types/composite/stories/utils.d.ts +29 -0
  540. package/build-types/composite/stories/utils.d.ts.map +1 -0
  541. package/build-types/composite/typeahead.d.ts +3 -0
  542. package/build-types/composite/typeahead.d.ts.map +1 -0
  543. package/build-types/composite/types.d.ts +288 -0
  544. package/build-types/composite/types.d.ts.map +1 -0
  545. package/build-types/custom-select-control/types.d.ts +3 -3
  546. package/build-types/custom-select-control/types.d.ts.map +1 -1
  547. package/build-types/custom-select-control-v2/custom-select.d.ts.map +1 -1
  548. package/build-types/date-time/date-time/index.d.ts +1 -1
  549. package/build-types/date-time/time/index.d.ts +1 -1
  550. package/build-types/date-time/time/index.d.ts.map +1 -1
  551. package/build-types/date-time/time/time-input/index.d.ts.map +1 -1
  552. package/build-types/date-time/types.d.ts +7 -1
  553. package/build-types/date-time/types.d.ts.map +1 -1
  554. package/build-types/dimension-control/index.d.ts +2 -1
  555. package/build-types/dimension-control/index.d.ts.map +1 -1
  556. package/build-types/dimension-control/stories/index.story.d.ts +13 -1
  557. package/build-types/dimension-control/stories/index.story.d.ts.map +1 -1
  558. package/build-types/dimension-control/types.d.ts +2 -7
  559. package/build-types/dimension-control/types.d.ts.map +1 -1
  560. package/build-types/dropdown-menu-v2/checkbox-item.d.ts +3 -0
  561. package/build-types/dropdown-menu-v2/checkbox-item.d.ts.map +1 -0
  562. package/build-types/dropdown-menu-v2/context.d.ts +6 -0
  563. package/build-types/dropdown-menu-v2/context.d.ts.map +1 -0
  564. package/build-types/dropdown-menu-v2/group-label.d.ts +3 -0
  565. package/build-types/dropdown-menu-v2/group-label.d.ts.map +1 -0
  566. package/build-types/dropdown-menu-v2/group.d.ts +3 -0
  567. package/build-types/dropdown-menu-v2/group.d.ts.map +1 -0
  568. package/build-types/dropdown-menu-v2/index.d.ts +39 -18
  569. package/build-types/dropdown-menu-v2/index.d.ts.map +1 -1
  570. package/build-types/dropdown-menu-v2/item-help-text.d.ts +6 -0
  571. package/build-types/dropdown-menu-v2/item-help-text.d.ts.map +1 -0
  572. package/build-types/dropdown-menu-v2/item-label.d.ts +6 -0
  573. package/build-types/dropdown-menu-v2/item-label.d.ts.map +1 -0
  574. package/build-types/dropdown-menu-v2/item.d.ts +3 -0
  575. package/build-types/dropdown-menu-v2/item.d.ts.map +1 -0
  576. package/build-types/dropdown-menu-v2/radio-item.d.ts +3 -0
  577. package/build-types/dropdown-menu-v2/radio-item.d.ts.map +1 -0
  578. package/build-types/dropdown-menu-v2/separator.d.ts +3 -0
  579. package/build-types/dropdown-menu-v2/separator.d.ts.map +1 -0
  580. package/build-types/dropdown-menu-v2/stories/index.story.d.ts +10 -10
  581. package/build-types/dropdown-menu-v2/stories/index.story.d.ts.map +1 -1
  582. package/build-types/dropdown-menu-v2/styles.d.ts +14 -6
  583. package/build-types/dropdown-menu-v2/styles.d.ts.map +1 -1
  584. package/build-types/dropdown-menu-v2/types.d.ts +6 -0
  585. package/build-types/dropdown-menu-v2/types.d.ts.map +1 -1
  586. package/build-types/dropdown-menu-v2/use-temporary-focus-visible-fix.d.ts +8 -0
  587. package/build-types/dropdown-menu-v2/use-temporary-focus-visible-fix.d.ts.map +1 -0
  588. package/build-types/focal-point-picker/controls.d.ts +1 -1
  589. package/build-types/focal-point-picker/controls.d.ts.map +1 -1
  590. package/build-types/focal-point-picker/index.d.ts +1 -1
  591. package/build-types/focal-point-picker/index.d.ts.map +1 -1
  592. package/build-types/focal-point-picker/stories/index.story.d.ts.map +1 -1
  593. package/build-types/focal-point-picker/styles/focal-point-style.d.ts.map +1 -1
  594. package/build-types/focal-point-picker/types.d.ts +2 -2
  595. package/build-types/focal-point-picker/types.d.ts.map +1 -1
  596. package/build-types/form-file-upload/types.d.ts +6 -0
  597. package/build-types/form-file-upload/types.d.ts.map +1 -1
  598. package/build-types/form-token-field/types.d.ts +1 -0
  599. package/build-types/form-token-field/types.d.ts.map +1 -1
  600. package/build-types/index.d.ts +4 -2
  601. package/build-types/index.d.ts.map +1 -1
  602. package/build-types/input-control/input-base.d.ts.map +1 -1
  603. package/build-types/input-control/input-prefix-wrapper.d.ts +2 -2
  604. package/build-types/input-control/input-prefix-wrapper.d.ts.map +1 -1
  605. package/build-types/input-control/input-suffix-wrapper.d.ts +2 -2
  606. package/build-types/input-control/input-suffix-wrapper.d.ts.map +1 -1
  607. package/build-types/input-control/reducer/reducer.d.ts.map +1 -1
  608. package/build-types/input-control/stories/index.story.d.ts +9 -0
  609. package/build-types/input-control/stories/index.story.d.ts.map +1 -1
  610. package/build-types/input-control/styles/input-control-styles.d.ts +15 -9
  611. package/build-types/input-control/styles/input-control-styles.d.ts.map +1 -1
  612. package/build-types/input-control/types.d.ts +23 -6
  613. package/build-types/input-control/types.d.ts.map +1 -1
  614. package/build-types/navigation/styles/navigation-styles.d.ts.map +1 -1
  615. package/build-types/navigator/index.d.ts +6 -6
  616. package/build-types/navigator/index.d.ts.map +1 -1
  617. package/build-types/navigator/navigator-back-button/component.d.ts +1 -1
  618. package/build-types/navigator/navigator-back-button/hook.d.ts +2 -2
  619. package/build-types/navigator/navigator-back-button/hook.d.ts.map +1 -1
  620. package/build-types/navigator/navigator-provider/component.d.ts.map +1 -1
  621. package/build-types/navigator/navigator-to-parent-button/component.d.ts +6 -0
  622. package/build-types/navigator/navigator-to-parent-button/component.d.ts.map +1 -1
  623. package/build-types/navigator/stories/index.story.d.ts +1 -1
  624. package/build-types/navigator/stories/index.story.d.ts.map +1 -1
  625. package/build-types/navigator/types.d.ts +47 -9
  626. package/build-types/navigator/types.d.ts.map +1 -1
  627. package/build-types/navigator/use-navigator.d.ts +1 -2
  628. package/build-types/navigator/use-navigator.d.ts.map +1 -1
  629. package/build-types/popover/index.d.ts +1 -1
  630. package/build-types/popover/index.d.ts.map +1 -1
  631. package/build-types/popover/stories/e2e/index.story.d.ts +1 -1
  632. package/build-types/private-apis.d.ts.map +1 -1
  633. package/build-types/query-controls/index.d.ts +1 -1
  634. package/build-types/query-controls/index.d.ts.map +1 -1
  635. package/build-types/query-controls/types.d.ts +2 -1
  636. package/build-types/query-controls/types.d.ts.map +1 -1
  637. package/build-types/radio-control/index.d.ts.map +1 -1
  638. package/build-types/radio-group/radio.d.ts.map +1 -1
  639. package/build-types/range-control/index.d.ts.map +1 -1
  640. package/build-types/range-control/stories/index.story.d.ts.map +1 -1
  641. package/build-types/range-control/styles/range-control-styles.d.ts.map +1 -1
  642. package/build-types/resizable-box/resize-tooltip/styles/resize-tooltip.styles.d.ts.map +1 -1
  643. package/build-types/search-control/index.d.ts.map +1 -1
  644. package/build-types/search-control/stories/index.story.d.ts.map +1 -1
  645. package/build-types/select-control/index.d.ts.map +1 -1
  646. package/build-types/select-control/stories/index.story.d.ts +4 -2
  647. package/build-types/select-control/stories/index.story.d.ts.map +1 -1
  648. package/build-types/select-control/styles/select-control-styles.d.ts +1 -1
  649. package/build-types/select-control/styles/select-control-styles.d.ts.map +1 -1
  650. package/build-types/tab-panel/index.d.ts.map +1 -1
  651. package/build-types/tabs/index.d.ts.map +1 -1
  652. package/build-types/tabs/styles.d.ts.map +1 -1
  653. package/build-types/tabs/tablist.d.ts.map +1 -1
  654. package/build-types/tabs/tabpanel.d.ts +0 -3
  655. package/build-types/tabs/tabpanel.d.ts.map +1 -1
  656. package/build-types/text-control/index.d.ts.map +1 -1
  657. package/build-types/text-control/stories/index.story.d.ts.map +1 -1
  658. package/build-types/textarea-control/index.d.ts.map +1 -1
  659. package/build-types/textarea-control/styles/textarea-control-styles.d.ts.map +1 -1
  660. package/build-types/toggle-control/index.d.ts.map +1 -1
  661. package/build-types/toggle-control/stories/index.story.d.ts.map +1 -1
  662. package/build-types/toggle-group-control/toggle-group-control/as-radio-group.d.ts.map +1 -1
  663. package/build-types/toggle-group-control/toggle-group-control/component.d.ts.map +1 -1
  664. package/build-types/tooltip/index.d.ts.map +1 -1
  665. package/build-types/tree-select/index.d.ts.map +1 -1
  666. package/build-types/unit-control/styles/unit-control-styles.d.ts.map +1 -1
  667. package/build-types/utils/config-values.d.ts +7 -6
  668. package/package.json +20 -20
  669. package/src/alignment-matrix-control/README.md +1 -5
  670. package/src/alignment-matrix-control/cell.tsx +6 -12
  671. package/src/alignment-matrix-control/icon.tsx +48 -30
  672. package/src/alignment-matrix-control/index.tsx +61 -50
  673. package/src/alignment-matrix-control/stories/index.story.tsx +3 -12
  674. package/src/alignment-matrix-control/styles.ts +113 -0
  675. package/src/alignment-matrix-control/types.ts +12 -1
  676. package/src/angle-picker-control/angle-circle.tsx +11 -9
  677. package/src/angle-picker-control/styles/angle-picker-control-styles.tsx +2 -2
  678. package/src/base-control/README.md +5 -2
  679. package/src/base-control/index.tsx +61 -41
  680. package/src/base-control/types.ts +7 -0
  681. package/src/border-box-control/border-box-control/README.md +7 -0
  682. package/src/border-control/border-control/README.md +7 -0
  683. package/src/border-control/border-control/component.tsx +23 -16
  684. package/src/border-control/styles.ts +1 -1
  685. package/src/button/README.md +7 -0
  686. package/src/button/style.scss +2 -2
  687. package/src/button-group/style.scss +2 -2
  688. package/src/checkbox-control/index.tsx +1 -0
  689. package/src/checkbox-control/stories/index.story.tsx +1 -0
  690. package/src/checkbox-control/test/index.tsx +8 -1
  691. package/src/circular-option-picker/circular-option-picker-option.tsx +19 -20
  692. package/src/circular-option-picker/circular-option-picker.tsx +26 -12
  693. package/src/circular-option-picker/style.scss +3 -3
  694. package/src/circular-option-picker/types.ts +2 -3
  695. package/src/clipboard-button/index.tsx +6 -6
  696. package/src/color-indicator/style.scss +1 -1
  697. package/src/color-palette/style.scss +2 -2
  698. package/src/color-palette/test/utils.ts +21 -2
  699. package/src/color-palette/utils.ts +22 -11
  700. package/src/color-picker/color-copy-button.tsx +10 -8
  701. package/src/color-picker/hex-input.tsx +6 -10
  702. package/src/color-picker/input-with-slider.tsx +7 -10
  703. package/src/color-picker/styles.ts +1 -1
  704. package/src/combobox-control/README.md +8 -0
  705. package/src/combobox-control/index.tsx +1 -0
  706. package/src/combobox-control/stories/index.story.tsx +3 -4
  707. package/src/combobox-control/test/index.tsx +5 -1
  708. package/src/combobox-control/types.ts +1 -0
  709. package/src/composite/README.md +325 -0
  710. package/src/composite/context.ts +14 -0
  711. package/src/composite/group-label.tsx +30 -0
  712. package/src/composite/group.tsx +30 -0
  713. package/src/composite/hover.tsx +30 -0
  714. package/src/composite/index.tsx +257 -0
  715. package/src/composite/item.tsx +30 -0
  716. package/src/composite/legacy/index.tsx +16 -14
  717. package/src/composite/legacy/stories/utils.tsx +19 -0
  718. package/src/composite/row.tsx +30 -0
  719. package/src/composite/store.ts +46 -0
  720. package/src/composite/stories/index.story.tsx +339 -0
  721. package/src/composite/{current/stories → stories}/utils.tsx +22 -7
  722. package/src/composite/typeahead.tsx +30 -0
  723. package/src/composite/types.ts +298 -0
  724. package/src/custom-gradient-picker/gradient-bar/control-points.tsx +10 -10
  725. package/src/custom-gradient-picker/style.scss +3 -22
  726. package/src/custom-select-control/README.md +7 -0
  727. package/src/custom-select-control/test/index.tsx +125 -0
  728. package/src/custom-select-control/types.ts +3 -3
  729. package/src/custom-select-control-v2/custom-select.tsx +2 -1
  730. package/src/custom-select-control-v2/styles.ts +4 -4
  731. package/src/date-time/date/styles.ts +2 -2
  732. package/src/date-time/time/index.tsx +26 -12
  733. package/src/date-time/time/test/index.tsx +3 -6
  734. package/src/date-time/time/time-input/index.tsx +25 -25
  735. package/src/date-time/time/time-input/test/index.tsx +6 -7
  736. package/src/date-time/types.ts +11 -1
  737. package/src/dimension-control/README.md +21 -0
  738. package/src/dimension-control/index.tsx +33 -10
  739. package/src/dimension-control/stories/index.story.tsx +8 -2
  740. package/src/dimension-control/test/__snapshots__/index.test.js.snap +16 -32
  741. package/src/dimension-control/test/index.test.js +6 -1
  742. package/src/dimension-control/types.ts +5 -7
  743. package/src/draggable/index.tsx +4 -4
  744. package/src/drop-zone/style.scss +1 -1
  745. package/src/dropdown-menu-v2/README.md +73 -60
  746. package/src/dropdown-menu-v2/checkbox-item.tsx +63 -0
  747. package/src/dropdown-menu-v2/context.tsx +13 -0
  748. package/src/dropdown-menu-v2/group-label.tsx +37 -0
  749. package/src/dropdown-menu-v2/group.tsx +26 -0
  750. package/src/dropdown-menu-v2/index.tsx +61 -199
  751. package/src/dropdown-menu-v2/item-help-text.tsx +23 -0
  752. package/src/dropdown-menu-v2/item-label.tsx +23 -0
  753. package/src/dropdown-menu-v2/item.tsx +50 -0
  754. package/src/dropdown-menu-v2/radio-item.tsx +70 -0
  755. package/src/dropdown-menu-v2/separator.tsx +27 -0
  756. package/src/dropdown-menu-v2/stories/index.story.tsx +295 -262
  757. package/src/dropdown-menu-v2/styles.ts +118 -80
  758. package/src/dropdown-menu-v2/test/index.tsx +159 -132
  759. package/src/dropdown-menu-v2/types.ts +7 -0
  760. package/src/dropdown-menu-v2/use-temporary-focus-visible-fix.ts +22 -0
  761. package/src/focal-point-picker/README.md +9 -1
  762. package/src/focal-point-picker/controls.tsx +1 -3
  763. package/src/focal-point-picker/index.tsx +1 -2
  764. package/src/focal-point-picker/stories/index.story.tsx +3 -0
  765. package/src/focal-point-picker/styles/focal-point-picker-style.ts +1 -1
  766. package/src/focal-point-picker/styles/focal-point-style.ts +6 -1
  767. package/src/focal-point-picker/test/index.tsx +5 -1
  768. package/src/focal-point-picker/types.ts +2 -2
  769. package/src/font-size-picker/README.md +7 -0
  770. package/src/form-file-upload/README.md +8 -0
  771. package/src/form-file-upload/types.ts +6 -0
  772. package/src/form-toggle/style.scss +1 -1
  773. package/src/form-token-field/README.md +1 -0
  774. package/src/form-token-field/style.scss +2 -3
  775. package/src/form-token-field/types.ts +1 -0
  776. package/src/guide/style.scss +0 -1
  777. package/src/index.ts +6 -2
  778. package/src/input-control/README.md +8 -0
  779. package/src/input-control/index.tsx +2 -2
  780. package/src/input-control/input-base.tsx +4 -14
  781. package/src/input-control/input-prefix-wrapper.tsx +8 -4
  782. package/src/input-control/input-suffix-wrapper.tsx +4 -6
  783. package/src/input-control/reducer/reducer.ts +13 -10
  784. package/src/input-control/stories/index.story.tsx +31 -12
  785. package/src/input-control/styles/input-control-styles.tsx +42 -11
  786. package/src/input-control/types.ts +23 -7
  787. package/src/input-control/utils.ts +3 -3
  788. package/src/item-group/styles.ts +4 -4
  789. package/src/item-group/test/__snapshots__/index.js.snap +3 -3
  790. package/src/mobile/utils/alignments.native.js +1 -0
  791. package/src/modal/index.tsx +5 -5
  792. package/src/modal/style.scss +8 -7
  793. package/src/navigation/index.tsx +4 -4
  794. package/src/navigation/styles/navigation-styles.tsx +3 -3
  795. package/src/navigator/index.ts +6 -6
  796. package/src/navigator/navigator-back-button/component.tsx +1 -1
  797. package/src/navigator/navigator-back-button/hook.ts +7 -11
  798. package/src/navigator/navigator-button/hook.ts +1 -1
  799. package/src/navigator/navigator-provider/README.md +37 -36
  800. package/src/navigator/navigator-provider/component.tsx +110 -89
  801. package/src/navigator/navigator-screen/README.md +13 -1
  802. package/src/navigator/navigator-to-parent-button/README.md +2 -0
  803. package/src/navigator/navigator-to-parent-button/component.tsx +14 -43
  804. package/src/navigator/stories/index.story.tsx +82 -253
  805. package/src/navigator/test/index.tsx +136 -6
  806. package/src/navigator/types.ts +47 -10
  807. package/src/navigator/use-navigator.ts +1 -3
  808. package/src/number-control/README.md +8 -0
  809. package/src/palette-edit/index.tsx +2 -2
  810. package/src/palette-edit/styles.ts +5 -5
  811. package/src/placeholder/style.scss +4 -1
  812. package/src/popover/index.tsx +9 -3
  813. package/src/popover/style.scss +2 -2
  814. package/src/popover/test/index.tsx +34 -0
  815. package/src/private-apis.ts +10 -29
  816. package/src/progress-bar/styles.ts +2 -2
  817. package/src/query-controls/README.md +7 -0
  818. package/src/query-controls/index.tsx +5 -6
  819. package/src/query-controls/types.ts +2 -1
  820. package/src/radio-control/index.tsx +28 -20
  821. package/src/radio-control/style.scss +13 -2
  822. package/src/radio-control/test/index.tsx +43 -40
  823. package/src/radio-group/radio.tsx +2 -1
  824. package/src/range-control/README.md +7 -0
  825. package/src/range-control/index.tsx +39 -9
  826. package/src/range-control/stories/index.story.tsx +7 -0
  827. package/src/range-control/styles/range-control-styles.ts +9 -9
  828. package/src/range-control/test/index.tsx +54 -14
  829. package/src/resizable-box/resize-tooltip/styles/resize-tooltip.styles.ts +2 -2
  830. package/src/resizable-box/style.scss +2 -2
  831. package/src/search-control/index.tsx +7 -4
  832. package/src/search-control/stories/index.story.tsx +1 -0
  833. package/src/search-control/test/index.tsx +1 -0
  834. package/src/select-control/README.md +8 -0
  835. package/src/select-control/index.tsx +1 -0
  836. package/src/select-control/stories/index.story.tsx +8 -5
  837. package/src/select-control/styles/select-control-styles.ts +5 -5
  838. package/src/select-control/test/select-control.tsx +12 -6
  839. package/src/slot-fill/bubbles-virtually/fill.tsx +4 -4
  840. package/src/snackbar/index.tsx +4 -4
  841. package/src/snackbar/style.scss +2 -2
  842. package/src/tab-panel/index.tsx +4 -1
  843. package/src/tab-panel/style.scss +1 -2
  844. package/src/tabs/index.tsx +10 -5
  845. package/src/tabs/styles.ts +2 -3
  846. package/src/tabs/tablist.tsx +6 -4
  847. package/src/tabs/tabpanel.tsx +6 -2
  848. package/src/text/styles.ts +1 -1
  849. package/src/text-control/README.md +8 -0
  850. package/src/text-control/index.tsx +1 -0
  851. package/src/text-control/stories/index.story.tsx +3 -1
  852. package/src/text-control/style.scss +3 -2
  853. package/src/text-control/test/text-control.tsx +5 -1
  854. package/src/textarea-control/index.tsx +1 -0
  855. package/src/textarea-control/stories/index.story.tsx +2 -0
  856. package/src/textarea-control/styles/textarea-control-styles.ts +75 -2
  857. package/src/toggle-control/index.tsx +9 -0
  858. package/src/toggle-control/stories/index.story.tsx +1 -0
  859. package/src/toggle-control/test/index.tsx +7 -1
  860. package/src/toggle-group-control/test/__snapshots__/index.tsx.snap +8 -24
  861. package/src/toggle-group-control/test/index.tsx +5 -1
  862. package/src/toggle-group-control/toggle-group-control/README.md +7 -0
  863. package/src/toggle-group-control/toggle-group-control/as-radio-group.tsx +2 -1
  864. package/src/toggle-group-control/toggle-group-control/component.tsx +1 -0
  865. package/src/toggle-group-control/toggle-group-control/styles.ts +1 -1
  866. package/src/toggle-group-control/toggle-group-control/utils.ts +7 -7
  867. package/src/toggle-group-control/toggle-group-control-option-base/styles.ts +2 -2
  868. package/src/toolbar/toolbar/style.scss +2 -2
  869. package/src/tools-panel/styles.ts +1 -1
  870. package/src/tools-panel/tools-panel/hook.ts +6 -6
  871. package/src/tooltip/index.tsx +2 -1
  872. package/src/tooltip/style.scss +1 -1
  873. package/src/tree-select/index.tsx +16 -5
  874. package/src/tree-select/stories/index.story.tsx +1 -0
  875. package/src/unit-control/README.md +7 -0
  876. package/src/unit-control/styles/unit-control-styles.ts +3 -2
  877. package/src/utils/config-values.js +10 -7
  878. package/src/utils/hooks/use-update-effect.js +4 -4
  879. package/tsconfig.tsbuildinfo +1 -1
  880. package/build/alignment-matrix-control/styles/alignment-matrix-control-icon-styles.js +0 -66
  881. package/build/alignment-matrix-control/styles/alignment-matrix-control-icon-styles.js.map +0 -1
  882. package/build/alignment-matrix-control/styles/alignment-matrix-control-styles.js +0 -86
  883. package/build/alignment-matrix-control/styles/alignment-matrix-control-styles.js.map +0 -1
  884. package/build/composite/current/index.js +0 -43
  885. package/build/composite/current/index.js.map +0 -1
  886. package/build/composite/v2.js +0 -17
  887. package/build/composite/v2.js.map +0 -1
  888. package/build/navigator/navigator-back-button/index.js +0 -14
  889. package/build/navigator/navigator-back-button/index.js.map +0 -1
  890. package/build/navigator/navigator-button/index.js +0 -14
  891. package/build/navigator/navigator-button/index.js.map +0 -1
  892. package/build/navigator/navigator-provider/index.js +0 -14
  893. package/build/navigator/navigator-provider/index.js.map +0 -1
  894. package/build/navigator/navigator-screen/index.js +0 -14
  895. package/build/navigator/navigator-screen/index.js.map +0 -1
  896. package/build/navigator/navigator-to-parent-button/index.js +0 -14
  897. package/build/navigator/navigator-to-parent-button/index.js.map +0 -1
  898. package/build/utils/input/base.js +0 -20
  899. package/build/utils/input/base.js.map +0 -1
  900. package/build/utils/input/index.js +0 -17
  901. package/build/utils/input/index.js.map +0 -1
  902. package/build/utils/input/input-control.js +0 -21
  903. package/build/utils/input/input-control.js.map +0 -1
  904. package/build-module/alignment-matrix-control/styles/alignment-matrix-control-icon-styles.js +0 -63
  905. package/build-module/alignment-matrix-control/styles/alignment-matrix-control-icon-styles.js.map +0 -1
  906. package/build-module/alignment-matrix-control/styles/alignment-matrix-control-styles.js +0 -81
  907. package/build-module/alignment-matrix-control/styles/alignment-matrix-control-styles.js.map +0 -1
  908. package/build-module/composite/current/index.js +0 -12
  909. package/build-module/composite/current/index.js.map +0 -1
  910. package/build-module/composite/v2.js +0 -5
  911. package/build-module/composite/v2.js.map +0 -1
  912. package/build-module/navigator/navigator-back-button/index.js +0 -2
  913. package/build-module/navigator/navigator-back-button/index.js.map +0 -1
  914. package/build-module/navigator/navigator-button/index.js +0 -2
  915. package/build-module/navigator/navigator-button/index.js.map +0 -1
  916. package/build-module/navigator/navigator-provider/index.js +0 -2
  917. package/build-module/navigator/navigator-provider/index.js.map +0 -1
  918. package/build-module/navigator/navigator-screen/index.js +0 -2
  919. package/build-module/navigator/navigator-screen/index.js.map +0 -1
  920. package/build-module/navigator/navigator-to-parent-button/index.js +0 -2
  921. package/build-module/navigator/navigator-to-parent-button/index.js.map +0 -1
  922. package/build-module/utils/input/base.js +0 -13
  923. package/build-module/utils/input/base.js.map +0 -1
  924. package/build-module/utils/input/index.js +0 -2
  925. package/build-module/utils/input/index.js.map +0 -1
  926. package/build-module/utils/input/input-control.js +0 -14
  927. package/build-module/utils/input/input-control.js.map +0 -1
  928. package/build-types/alignment-matrix-control/styles/alignment-matrix-control-icon-styles.d.ts +0 -18
  929. package/build-types/alignment-matrix-control/styles/alignment-matrix-control-icon-styles.d.ts.map +0 -1
  930. package/build-types/alignment-matrix-control/styles/alignment-matrix-control-styles.d.ts.map +0 -1
  931. package/build-types/composite/current/index.d.ts +0 -12
  932. package/build-types/composite/current/index.d.ts.map +0 -1
  933. package/build-types/composite/current/stories/index.story.d.ts +0 -13
  934. package/build-types/composite/current/stories/index.story.d.ts.map +0 -1
  935. package/build-types/composite/current/stories/utils.d.ts +0 -14
  936. package/build-types/composite/current/stories/utils.d.ts.map +0 -1
  937. package/build-types/composite/v2.d.ts +0 -2
  938. package/build-types/composite/v2.d.ts.map +0 -1
  939. package/build-types/navigator/navigator-back-button/index.d.ts +0 -2
  940. package/build-types/navigator/navigator-back-button/index.d.ts.map +0 -1
  941. package/build-types/navigator/navigator-button/index.d.ts +0 -2
  942. package/build-types/navigator/navigator-button/index.d.ts.map +0 -1
  943. package/build-types/navigator/navigator-provider/index.d.ts +0 -2
  944. package/build-types/navigator/navigator-provider/index.d.ts.map +0 -1
  945. package/build-types/navigator/navigator-screen/index.d.ts +0 -2
  946. package/build-types/navigator/navigator-screen/index.d.ts.map +0 -1
  947. package/build-types/navigator/navigator-to-parent-button/index.d.ts +0 -2
  948. package/build-types/navigator/navigator-to-parent-button/index.d.ts.map +0 -1
  949. package/build-types/utils/input/base.d.ts +0 -3
  950. package/build-types/utils/input/base.d.ts.map +0 -1
  951. package/build-types/utils/input/index.d.ts +0 -2
  952. package/build-types/utils/input/index.d.ts.map +0 -1
  953. package/build-types/utils/input/input-control.d.ts +0 -2
  954. package/build-types/utils/input/input-control.d.ts.map +0 -1
  955. package/src/alignment-matrix-control/styles/alignment-matrix-control-icon-styles.ts +0 -77
  956. package/src/alignment-matrix-control/styles/alignment-matrix-control-styles.ts +0 -102
  957. package/src/composite/current/index.ts +0 -20
  958. package/src/composite/current/stories/index.story.tsx +0 -86
  959. package/src/composite/index.ts +0 -7
  960. package/src/composite/v2.ts +0 -4
  961. package/src/navigator/navigator-back-button/index.ts +0 -1
  962. package/src/navigator/navigator-button/index.ts +0 -1
  963. package/src/navigator/navigator-provider/index.ts +0 -1
  964. package/src/navigator/navigator-screen/index.ts +0 -1
  965. package/src/navigator/navigator-to-parent-button/index.ts +0 -1
  966. package/src/utils/input/base.js +0 -30
  967. package/src/utils/input/index.js +0 -1
  968. package/src/utils/input/input-control.js +0 -63
@@ -1 +1 @@
1
- {"version":3,"names":["Ariakit","forwardRef","createContext","useContext","useMemo","cloneElement","isValidElement","useCallback","isRTL","check","chevronRightSmall","SVG","Circle","useContextSystem","contextConnect","Icon","Styled","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DropdownMenuContext","undefined","DropdownMenuItem","prefix","suffix","children","hideOnClick","props","ref","dropdownMenuContext","accessibleWhenDisabled","store","ItemPrefixWrapper","DropdownMenuItemContentWrapper","DropdownMenuItemChildrenWrapper","ItemSuffixWrapper","DropdownMenuCheckboxItem","MenuItemCheck","render","style","width","height","icon","size","radioCheck","xmlns","viewBox","cx","cy","r","DropdownMenuRadioItem","DropdownMenuGroup","UnconnectedDropdownMenu","_props$placement","open","defaultOpen","onOpenChange","placement","trigger","gutter","shift","modal","variant","otherProps","parentContext","computedDirection","computedPlacement","test","replace","dropdownMenuStore","useMenuStore","parent","focusLoop","setOpen","willBeOpen","rtl","contextValue","appliedPlacementSide","useState","split","type","console","warn","hideOnEscape","event","preventDefault","wrapperProps","dir","direction","MenuButton","SubmenuChevronIcon","preserveAspectRatio","DropdownMenu","hideOnHoverOutside","unmountOnHide","Provider","value","DropdownMenuSeparator","DropdownMenuItemLabel","numberOfLines","DropdownMenuItemHelpText"],"sources":["@wordpress/components/src/dropdown-menu-v2/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport * as Ariakit from '@ariakit/react';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tforwardRef,\n\tcreateContext,\n\tuseContext,\n\tuseMemo,\n\tcloneElement,\n\tisValidElement,\n\tuseCallback,\n} from '@wordpress/element';\nimport { isRTL } from '@wordpress/i18n';\nimport { check, chevronRightSmall } from '@wordpress/icons';\nimport { SVG, Circle } from '@wordpress/primitives';\n\n/**\n * Internal dependencies\n */\nimport { useContextSystem, contextConnect } from '../context';\nimport type { WordPressComponentProps } from '../context';\nimport Icon from '../icon';\nimport type {\n\tDropdownMenuContext as DropdownMenuContextType,\n\tDropdownMenuProps,\n\tDropdownMenuGroupProps,\n\tDropdownMenuItemProps,\n\tDropdownMenuCheckboxItemProps,\n\tDropdownMenuRadioItemProps,\n\tDropdownMenuSeparatorProps,\n} from './types';\nimport * as Styled from './styles';\n\nexport const DropdownMenuContext = createContext<\n\tDropdownMenuContextType | undefined\n>( undefined );\n\nexport const DropdownMenuItem = forwardRef<\n\tHTMLDivElement,\n\tWordPressComponentProps< DropdownMenuItemProps, 'div', false >\n>( function DropdownMenuItem(\n\t{ prefix, suffix, children, hideOnClick = true, ...props },\n\tref\n) {\n\tconst dropdownMenuContext = useContext( DropdownMenuContext );\n\n\treturn (\n\t\t<Styled.DropdownMenuItem\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t\taccessibleWhenDisabled\n\t\t\thideOnClick={ hideOnClick }\n\t\t\tstore={ dropdownMenuContext?.store }\n\t\t>\n\t\t\t<Styled.ItemPrefixWrapper>{ prefix }</Styled.ItemPrefixWrapper>\n\n\t\t\t<Styled.DropdownMenuItemContentWrapper>\n\t\t\t\t<Styled.DropdownMenuItemChildrenWrapper>\n\t\t\t\t\t{ children }\n\t\t\t\t</Styled.DropdownMenuItemChildrenWrapper>\n\n\t\t\t\t{ suffix && (\n\t\t\t\t\t<Styled.ItemSuffixWrapper>\n\t\t\t\t\t\t{ suffix }\n\t\t\t\t\t</Styled.ItemSuffixWrapper>\n\t\t\t\t) }\n\t\t\t</Styled.DropdownMenuItemContentWrapper>\n\t\t</Styled.DropdownMenuItem>\n\t);\n} );\n\nexport const DropdownMenuCheckboxItem = forwardRef<\n\tHTMLDivElement,\n\tWordPressComponentProps< DropdownMenuCheckboxItemProps, 'div', false >\n>( function DropdownMenuCheckboxItem(\n\t{ suffix, children, hideOnClick = false, ...props },\n\tref\n) {\n\tconst dropdownMenuContext = useContext( DropdownMenuContext );\n\n\treturn (\n\t\t<Styled.DropdownMenuCheckboxItem\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t\taccessibleWhenDisabled\n\t\t\thideOnClick={ hideOnClick }\n\t\t\tstore={ dropdownMenuContext?.store }\n\t\t>\n\t\t\t<Ariakit.MenuItemCheck\n\t\t\t\tstore={ dropdownMenuContext?.store }\n\t\t\t\trender={ <Styled.ItemPrefixWrapper /> }\n\t\t\t\t// Override some ariakit inline styles\n\t\t\t\tstyle={ { width: 'auto', height: 'auto' } }\n\t\t\t>\n\t\t\t\t<Icon icon={ check } size={ 24 } />\n\t\t\t</Ariakit.MenuItemCheck>\n\n\t\t\t<Styled.DropdownMenuItemContentWrapper>\n\t\t\t\t<Styled.DropdownMenuItemChildrenWrapper>\n\t\t\t\t\t{ children }\n\t\t\t\t</Styled.DropdownMenuItemChildrenWrapper>\n\n\t\t\t\t{ suffix && (\n\t\t\t\t\t<Styled.ItemSuffixWrapper>\n\t\t\t\t\t\t{ suffix }\n\t\t\t\t\t</Styled.ItemSuffixWrapper>\n\t\t\t\t) }\n\t\t\t</Styled.DropdownMenuItemContentWrapper>\n\t\t</Styled.DropdownMenuCheckboxItem>\n\t);\n} );\n\nconst radioCheck = (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Circle cx={ 12 } cy={ 12 } r={ 3 }></Circle>\n\t</SVG>\n);\n\nexport const DropdownMenuRadioItem = forwardRef<\n\tHTMLDivElement,\n\tWordPressComponentProps< DropdownMenuRadioItemProps, 'div', false >\n>( function DropdownMenuRadioItem(\n\t{ suffix, children, hideOnClick = false, ...props },\n\tref\n) {\n\tconst dropdownMenuContext = useContext( DropdownMenuContext );\n\n\treturn (\n\t\t<Styled.DropdownMenuRadioItem\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t\taccessibleWhenDisabled\n\t\t\thideOnClick={ hideOnClick }\n\t\t\tstore={ dropdownMenuContext?.store }\n\t\t>\n\t\t\t<Ariakit.MenuItemCheck\n\t\t\t\tstore={ dropdownMenuContext?.store }\n\t\t\t\trender={ <Styled.ItemPrefixWrapper /> }\n\t\t\t\t// Override some ariakit inline styles\n\t\t\t\tstyle={ { width: 'auto', height: 'auto' } }\n\t\t\t>\n\t\t\t\t<Icon icon={ radioCheck } size={ 24 } />\n\t\t\t</Ariakit.MenuItemCheck>\n\n\t\t\t<Styled.DropdownMenuItemContentWrapper>\n\t\t\t\t<Styled.DropdownMenuItemChildrenWrapper>\n\t\t\t\t\t{ children }\n\t\t\t\t</Styled.DropdownMenuItemChildrenWrapper>\n\n\t\t\t\t{ suffix && (\n\t\t\t\t\t<Styled.ItemSuffixWrapper>\n\t\t\t\t\t\t{ suffix }\n\t\t\t\t\t</Styled.ItemSuffixWrapper>\n\t\t\t\t) }\n\t\t\t</Styled.DropdownMenuItemContentWrapper>\n\t\t</Styled.DropdownMenuRadioItem>\n\t);\n} );\n\nexport const DropdownMenuGroup = forwardRef<\n\tHTMLDivElement,\n\tWordPressComponentProps< DropdownMenuGroupProps, 'div', false >\n>( function DropdownMenuGroup( props, ref ) {\n\tconst dropdownMenuContext = useContext( DropdownMenuContext );\n\treturn (\n\t\t<Styled.DropdownMenuGroup\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t\tstore={ dropdownMenuContext?.store }\n\t\t/>\n\t);\n} );\n\nconst UnconnectedDropdownMenu = (\n\tprops: WordPressComponentProps< DropdownMenuProps, 'div', false >,\n\tref: React.ForwardedRef< HTMLDivElement >\n) => {\n\tconst {\n\t\t// Store props\n\t\topen,\n\t\tdefaultOpen = false,\n\t\tonOpenChange,\n\t\tplacement,\n\n\t\t// Menu trigger props\n\t\ttrigger,\n\n\t\t// Menu props\n\t\tgutter,\n\t\tchildren,\n\t\tshift,\n\t\tmodal = true,\n\n\t\t// From internal components context\n\t\tvariant,\n\n\t\t// Rest\n\t\t...otherProps\n\t} = useContextSystem<\n\t\ttypeof props & Pick< DropdownMenuContextType, 'variant' >\n\t>( props, 'DropdownMenu' );\n\n\tconst parentContext = useContext( DropdownMenuContext );\n\n\tconst computedDirection = isRTL() ? 'rtl' : 'ltr';\n\n\t// If an explicit value for the `placement` prop is not passed,\n\t// apply a default placement of `bottom-start` for the root dropdown,\n\t// and of `right-start` for nested dropdowns.\n\tlet computedPlacement =\n\t\tprops.placement ??\n\t\t( parentContext?.store ? 'right-start' : 'bottom-start' );\n\t// Swap left/right in case of RTL direction\n\tif ( computedDirection === 'rtl' ) {\n\t\tif ( /right/.test( computedPlacement ) ) {\n\t\t\tcomputedPlacement = computedPlacement.replace(\n\t\t\t\t'right',\n\t\t\t\t'left'\n\t\t\t) as typeof computedPlacement;\n\t\t} else if ( /left/.test( computedPlacement ) ) {\n\t\t\tcomputedPlacement = computedPlacement.replace(\n\t\t\t\t'left',\n\t\t\t\t'right'\n\t\t\t) as typeof computedPlacement;\n\t\t}\n\t}\n\n\tconst dropdownMenuStore = Ariakit.useMenuStore( {\n\t\tparent: parentContext?.store,\n\t\topen,\n\t\tdefaultOpen,\n\t\tplacement: computedPlacement,\n\t\tfocusLoop: true,\n\t\tsetOpen( willBeOpen ) {\n\t\t\tonOpenChange?.( willBeOpen );\n\t\t},\n\t\trtl: computedDirection === 'rtl',\n\t} );\n\n\tconst contextValue = useMemo(\n\t\t() => ( { store: dropdownMenuStore, variant } ),\n\t\t[ dropdownMenuStore, variant ]\n\t);\n\n\t// Extract the side from the applied placement — useful for animations.\n\tconst appliedPlacementSide = dropdownMenuStore\n\t\t.useState( 'placement' )\n\t\t.split( '-' )[ 0 ];\n\n\tif (\n\t\tdropdownMenuStore.parent &&\n\t\t! ( isValidElement( trigger ) && DropdownMenuItem === trigger.type )\n\t) {\n\t\t// eslint-disable-next-line no-console\n\t\tconsole.warn(\n\t\t\t'For nested DropdownMenus, the `trigger` should always be a `DropdownMenuItem`.'\n\t\t);\n\t}\n\n\tconst hideOnEscape = useCallback(\n\t\t( event: React.KeyboardEvent< Element > ) => {\n\t\t\t// Pressing Escape can cause unexpected consequences (ie. exiting\n\t\t\t// full screen mode on MacOs, close parent modals...).\n\t\t\tevent.preventDefault();\n\t\t\t// Returning `true` causes the menu to hide.\n\t\t\treturn true;\n\t\t},\n\t\t[]\n\t);\n\n\tconst wrapperProps = useMemo(\n\t\t() => ( {\n\t\t\tdir: computedDirection,\n\t\t\tstyle: {\n\t\t\t\tdirection:\n\t\t\t\t\tcomputedDirection as React.CSSProperties[ 'direction' ],\n\t\t\t},\n\t\t} ),\n\t\t[ computedDirection ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{ /* Menu trigger */ }\n\t\t\t<Ariakit.MenuButton\n\t\t\t\tref={ ref }\n\t\t\t\tstore={ dropdownMenuStore }\n\t\t\t\trender={\n\t\t\t\t\tdropdownMenuStore.parent\n\t\t\t\t\t\t? cloneElement( trigger, {\n\t\t\t\t\t\t\t\t// Add submenu arrow, unless a `suffix` is explicitly specified\n\t\t\t\t\t\t\t\tsuffix: (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t{ trigger.props.suffix }\n\t\t\t\t\t\t\t\t\t\t<Styled.SubmenuChevronIcon\n\t\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t\t\ticon={ chevronRightSmall }\n\t\t\t\t\t\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t\t\t\t\t\t\tpreserveAspectRatio=\"xMidYMid slice\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t } )\n\t\t\t\t\t\t: trigger\n\t\t\t\t}\n\t\t\t/>\n\n\t\t\t{ /* Menu popover */ }\n\t\t\t<Styled.DropdownMenu\n\t\t\t\t{ ...otherProps }\n\t\t\t\tmodal={ modal }\n\t\t\t\tstore={ dropdownMenuStore }\n\t\t\t\t// Root menu has an 8px distance from its trigger,\n\t\t\t\t// otherwise 0 (which causes the submenu to slightly overlap)\n\t\t\t\tgutter={ gutter ?? ( dropdownMenuStore.parent ? 0 : 8 ) }\n\t\t\t\t// Align nested menu by the same (but opposite) amount\n\t\t\t\t// as the menu container's padding.\n\t\t\t\tshift={ shift ?? ( dropdownMenuStore.parent ? -4 : 0 ) }\n\t\t\t\thideOnHoverOutside={ false }\n\t\t\t\tdata-side={ appliedPlacementSide }\n\t\t\t\tvariant={ variant }\n\t\t\t\twrapperProps={ wrapperProps }\n\t\t\t\thideOnEscape={ hideOnEscape }\n\t\t\t\tunmountOnHide\n\t\t\t>\n\t\t\t\t<DropdownMenuContext.Provider value={ contextValue }>\n\t\t\t\t\t{ children }\n\t\t\t\t</DropdownMenuContext.Provider>\n\t\t\t</Styled.DropdownMenu>\n\t\t</>\n\t);\n};\nexport const DropdownMenu = contextConnect(\n\tUnconnectedDropdownMenu,\n\t'DropdownMenu'\n);\n\nexport const DropdownMenuSeparator = forwardRef<\n\tHTMLHRElement,\n\tWordPressComponentProps< DropdownMenuSeparatorProps, 'hr', false >\n>( function DropdownMenuSeparator( props, ref ) {\n\tconst dropdownMenuContext = useContext( DropdownMenuContext );\n\treturn (\n\t\t<Styled.DropdownMenuSeparator\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t\tstore={ dropdownMenuContext?.store }\n\t\t\tvariant={ dropdownMenuContext?.variant }\n\t\t/>\n\t);\n} );\n\nexport const DropdownMenuItemLabel = forwardRef<\n\tHTMLSpanElement,\n\tWordPressComponentProps< { children: React.ReactNode }, 'span', true >\n>( function DropdownMenuItemLabel( props, ref ) {\n\treturn (\n\t\t<Styled.DropdownMenuItemLabel\n\t\t\tnumberOfLines={ 1 }\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n} );\n\nexport const DropdownMenuItemHelpText = forwardRef<\n\tHTMLSpanElement,\n\tWordPressComponentProps< { children: React.ReactNode }, 'span', true >\n>( function DropdownMenuItemHelpText( props, ref ) {\n\treturn (\n\t\t<Styled.DropdownMenuItemHelpText\n\t\t\tnumberOfLines={ 2 }\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n} );\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["Ariakit","useStoreState","useContext","useMemo","cloneElement","isValidElement","useCallback","isRTL","chevronRightSmall","useContextSystem","contextConnect","Styled","DropdownMenuContext","DropdownMenuItem","DropdownMenuCheckboxItem","DropdownMenuRadioItem","DropdownMenuGroup","DropdownMenuGroupLabel","DropdownMenuSeparator","DropdownMenuItemLabel","DropdownMenuItemHelpText","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","UnconnectedDropdownMenu","props","ref","_props$placement","open","defaultOpen","onOpenChange","placement","trigger","gutter","children","shift","modal","variant","otherProps","parentContext","computedDirection","computedPlacement","store","test","replace","dropdownMenuStore","useMenuStore","parent","focusLoop","setOpen","willBeOpen","rtl","contextValue","appliedPlacementSide","split","type","console","warn","hideOnEscape","event","preventDefault","wrapperProps","dir","style","direction","MenuButton","render","suffix","SubmenuChevronIcon","icon","size","preserveAspectRatio","Menu","hideOnHoverOutside","unmountOnHide","renderProps","MenuPopoverOuterWrapper","MenuPopoverInnerWrapper","Provider","value","DropdownMenuV2","Object","assign","Context","displayName","Item","RadioItem","CheckboxItem","Group","GroupLabel","Separator","ItemLabel","ItemHelpText"],"sources":["@wordpress/components/src/dropdown-menu-v2/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport * as Ariakit from '@ariakit/react';\nimport { useStoreState } from '@ariakit/react';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseContext,\n\tuseMemo,\n\tcloneElement,\n\tisValidElement,\n\tuseCallback,\n} from '@wordpress/element';\nimport { isRTL } from '@wordpress/i18n';\nimport { chevronRightSmall } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { useContextSystem, contextConnect } from '../context';\nimport type { WordPressComponentProps } from '../context';\nimport type {\n\tDropdownMenuContext as DropdownMenuContextType,\n\tDropdownMenuProps,\n} from './types';\nimport * as Styled from './styles';\nimport { DropdownMenuContext } from './context';\nimport { DropdownMenuItem } from './item';\nimport { DropdownMenuCheckboxItem } from './checkbox-item';\nimport { DropdownMenuRadioItem } from './radio-item';\nimport { DropdownMenuGroup } from './group';\nimport { DropdownMenuGroupLabel } from './group-label';\nimport { DropdownMenuSeparator } from './separator';\nimport { DropdownMenuItemLabel } from './item-label';\nimport { DropdownMenuItemHelpText } from './item-help-text';\n\nconst UnconnectedDropdownMenu = (\n\tprops: WordPressComponentProps< DropdownMenuProps, 'div', false >,\n\tref: React.ForwardedRef< HTMLDivElement >\n) => {\n\tconst {\n\t\t// Store props\n\t\topen,\n\t\tdefaultOpen = false,\n\t\tonOpenChange,\n\t\tplacement,\n\n\t\t// Menu trigger props\n\t\ttrigger,\n\n\t\t// Menu props\n\t\tgutter,\n\t\tchildren,\n\t\tshift,\n\t\tmodal = true,\n\n\t\t// From internal components context\n\t\tvariant,\n\n\t\t// Rest\n\t\t...otherProps\n\t} = useContextSystem<\n\t\ttypeof props & Pick< DropdownMenuContextType, 'variant' >\n\t>( props, 'DropdownMenu' );\n\n\tconst parentContext = useContext( DropdownMenuContext );\n\n\tconst computedDirection = isRTL() ? 'rtl' : 'ltr';\n\n\t// If an explicit value for the `placement` prop is not passed,\n\t// apply a default placement of `bottom-start` for the root dropdown,\n\t// and of `right-start` for nested dropdowns.\n\tlet computedPlacement =\n\t\tprops.placement ??\n\t\t( parentContext?.store ? 'right-start' : 'bottom-start' );\n\t// Swap left/right in case of RTL direction\n\tif ( computedDirection === 'rtl' ) {\n\t\tif ( /right/.test( computedPlacement ) ) {\n\t\t\tcomputedPlacement = computedPlacement.replace(\n\t\t\t\t'right',\n\t\t\t\t'left'\n\t\t\t) as typeof computedPlacement;\n\t\t} else if ( /left/.test( computedPlacement ) ) {\n\t\t\tcomputedPlacement = computedPlacement.replace(\n\t\t\t\t'left',\n\t\t\t\t'right'\n\t\t\t) as typeof computedPlacement;\n\t\t}\n\t}\n\n\tconst dropdownMenuStore = Ariakit.useMenuStore( {\n\t\tparent: parentContext?.store,\n\t\topen,\n\t\tdefaultOpen,\n\t\tplacement: computedPlacement,\n\t\tfocusLoop: true,\n\t\tsetOpen( willBeOpen ) {\n\t\t\tonOpenChange?.( willBeOpen );\n\t\t},\n\t\trtl: computedDirection === 'rtl',\n\t} );\n\n\tconst contextValue = useMemo(\n\t\t() => ( { store: dropdownMenuStore, variant } ),\n\t\t[ dropdownMenuStore, variant ]\n\t);\n\n\t// Extract the side from the applied placement — useful for animations.\n\t// Using `currentPlacement` instead of `placement` to make sure that we\n\t// use the final computed placement (including \"flips\" etc).\n\tconst appliedPlacementSide = useStoreState(\n\t\tdropdownMenuStore,\n\t\t'currentPlacement'\n\t).split( '-' )[ 0 ];\n\n\tif (\n\t\tdropdownMenuStore.parent &&\n\t\t! ( isValidElement( trigger ) && DropdownMenuItem === trigger.type )\n\t) {\n\t\t// eslint-disable-next-line no-console\n\t\tconsole.warn(\n\t\t\t'For nested DropdownMenus, the `trigger` should always be a `DropdownMenuItem`.'\n\t\t);\n\t}\n\n\tconst hideOnEscape = useCallback(\n\t\t( event: React.KeyboardEvent< Element > ) => {\n\t\t\t// Pressing Escape can cause unexpected consequences (ie. exiting\n\t\t\t// full screen mode on MacOs, close parent modals...).\n\t\t\tevent.preventDefault();\n\t\t\t// Returning `true` causes the menu to hide.\n\t\t\treturn true;\n\t\t},\n\t\t[]\n\t);\n\n\tconst wrapperProps = useMemo(\n\t\t() => ( {\n\t\t\tdir: computedDirection,\n\t\t\tstyle: {\n\t\t\t\tdirection:\n\t\t\t\t\tcomputedDirection as React.CSSProperties[ 'direction' ],\n\t\t\t},\n\t\t} ),\n\t\t[ computedDirection ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{ /* Menu trigger */ }\n\t\t\t<Ariakit.MenuButton\n\t\t\t\tref={ ref }\n\t\t\t\tstore={ dropdownMenuStore }\n\t\t\t\trender={\n\t\t\t\t\tdropdownMenuStore.parent\n\t\t\t\t\t\t? cloneElement( trigger, {\n\t\t\t\t\t\t\t\t// Add submenu arrow, unless a `suffix` is explicitly specified\n\t\t\t\t\t\t\t\tsuffix: (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t{ trigger.props.suffix }\n\t\t\t\t\t\t\t\t\t\t<Styled.SubmenuChevronIcon\n\t\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t\t\ticon={ chevronRightSmall }\n\t\t\t\t\t\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t\t\t\t\t\t\tpreserveAspectRatio=\"xMidYMid slice\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t } )\n\t\t\t\t\t\t: trigger\n\t\t\t\t}\n\t\t\t/>\n\n\t\t\t{ /* Menu popover */ }\n\t\t\t<Ariakit.Menu\n\t\t\t\t{ ...otherProps }\n\t\t\t\tmodal={ modal }\n\t\t\t\tstore={ dropdownMenuStore }\n\t\t\t\t// Root menu has an 8px distance from its trigger,\n\t\t\t\t// otherwise 0 (which causes the submenu to slightly overlap)\n\t\t\t\tgutter={ gutter ?? ( dropdownMenuStore.parent ? 0 : 8 ) }\n\t\t\t\t// Align nested menu by the same (but opposite) amount\n\t\t\t\t// as the menu container's padding.\n\t\t\t\tshift={ shift ?? ( dropdownMenuStore.parent ? -4 : 0 ) }\n\t\t\t\thideOnHoverOutside={ false }\n\t\t\t\tdata-side={ appliedPlacementSide }\n\t\t\t\twrapperProps={ wrapperProps }\n\t\t\t\thideOnEscape={ hideOnEscape }\n\t\t\t\tunmountOnHide\n\t\t\t\trender={ ( renderProps ) => (\n\t\t\t\t\t// Two wrappers are needed for the entry animation, where the menu\n\t\t\t\t\t// container scales with a different factor than its contents.\n\t\t\t\t\t// The {...renderProps} are passed to the inner wrapper, so that the\n\t\t\t\t\t// menu element is the direct parent of the menu item elements.\n\t\t\t\t\t<Styled.MenuPopoverOuterWrapper variant={ variant }>\n\t\t\t\t\t\t<Styled.MenuPopoverInnerWrapper { ...renderProps } />\n\t\t\t\t\t</Styled.MenuPopoverOuterWrapper>\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<DropdownMenuContext.Provider value={ contextValue }>\n\t\t\t\t\t{ children }\n\t\t\t\t</DropdownMenuContext.Provider>\n\t\t\t</Ariakit.Menu>\n\t\t</>\n\t);\n};\n\nexport const DropdownMenuV2 = Object.assign(\n\tcontextConnect( UnconnectedDropdownMenu, 'DropdownMenu' ),\n\t{\n\t\tContext: Object.assign( DropdownMenuContext, {\n\t\t\tdisplayName: 'DropdownMenuV2.Context',\n\t\t} ),\n\t\tItem: Object.assign( DropdownMenuItem, {\n\t\t\tdisplayName: 'DropdownMenuV2.Item',\n\t\t} ),\n\t\tRadioItem: Object.assign( DropdownMenuRadioItem, {\n\t\t\tdisplayName: 'DropdownMenuV2.RadioItem',\n\t\t} ),\n\t\tCheckboxItem: Object.assign( DropdownMenuCheckboxItem, {\n\t\t\tdisplayName: 'DropdownMenuV2.CheckboxItem',\n\t\t} ),\n\t\tGroup: Object.assign( DropdownMenuGroup, {\n\t\t\tdisplayName: 'DropdownMenuV2.Group',\n\t\t} ),\n\t\tGroupLabel: Object.assign( DropdownMenuGroupLabel, {\n\t\t\tdisplayName: 'DropdownMenuV2.GroupLabel',\n\t\t} ),\n\t\tSeparator: Object.assign( DropdownMenuSeparator, {\n\t\t\tdisplayName: 'DropdownMenuV2.Separator',\n\t\t} ),\n\t\tItemLabel: Object.assign( DropdownMenuItemLabel, {\n\t\t\tdisplayName: 'DropdownMenuV2.ItemLabel',\n\t\t} ),\n\t\tItemHelpText: Object.assign( DropdownMenuItemHelpText, {\n\t\t\tdisplayName: 'DropdownMenuV2.ItemHelpText',\n\t\t} ),\n\t}\n);\n\nexport default DropdownMenuV2;\n"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,19 @@
1
+ /**
2
+ * WordPress dependencies
3
+ */
4
+ import { forwardRef } from '@wordpress/element';
5
+
6
+ /**
7
+ * Internal dependencies
8
+ */
9
+
10
+ import * as Styled from './styles';
11
+ import { jsx as _jsx } from "react/jsx-runtime";
12
+ export const DropdownMenuItemHelpText = forwardRef(function DropdownMenuItemHelpText(props, ref) {
13
+ return /*#__PURE__*/_jsx(Styled.DropdownMenuItemHelpText, {
14
+ numberOfLines: 2,
15
+ ref: ref,
16
+ ...props
17
+ });
18
+ });
19
+ //# sourceMappingURL=item-help-text.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["forwardRef","Styled","jsx","_jsx","DropdownMenuItemHelpText","props","ref","numberOfLines"],"sources":["@wordpress/components/src/dropdown-menu-v2/item-help-text.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../context';\nimport * as Styled from './styles';\n\nexport const DropdownMenuItemHelpText = forwardRef<\n\tHTMLSpanElement,\n\tWordPressComponentProps< { children: React.ReactNode }, 'span', true >\n>( function DropdownMenuItemHelpText( props, ref ) {\n\treturn (\n\t\t<Styled.DropdownMenuItemHelpText\n\t\t\tnumberOfLines={ 2 }\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n} );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;;AAEA,OAAO,KAAKC,MAAM,MAAM,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEnC,OAAO,MAAMC,wBAAwB,GAAGJ,UAAU,CAG/C,SAASI,wBAAwBA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EAClD,oBACCH,IAAA,CAACF,MAAM,CAACG,wBAAwB;IAC/BG,aAAa,EAAG,CAAG;IACnBD,GAAG,EAAGA,GAAK;IAAA,GACND;EAAK,CACV,CAAC;AAEJ,CAAE,CAAC","ignoreList":[]}
@@ -0,0 +1,19 @@
1
+ /**
2
+ * WordPress dependencies
3
+ */
4
+ import { forwardRef } from '@wordpress/element';
5
+
6
+ /**
7
+ * Internal dependencies
8
+ */
9
+
10
+ import * as Styled from './styles';
11
+ import { jsx as _jsx } from "react/jsx-runtime";
12
+ export const DropdownMenuItemLabel = forwardRef(function DropdownMenuItemLabel(props, ref) {
13
+ return /*#__PURE__*/_jsx(Styled.DropdownMenuItemLabel, {
14
+ numberOfLines: 1,
15
+ ref: ref,
16
+ ...props
17
+ });
18
+ });
19
+ //# sourceMappingURL=item-label.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["forwardRef","Styled","jsx","_jsx","DropdownMenuItemLabel","props","ref","numberOfLines"],"sources":["@wordpress/components/src/dropdown-menu-v2/item-label.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../context';\nimport * as Styled from './styles';\n\nexport const DropdownMenuItemLabel = forwardRef<\n\tHTMLSpanElement,\n\tWordPressComponentProps< { children: React.ReactNode }, 'span', true >\n>( function DropdownMenuItemLabel( props, ref ) {\n\treturn (\n\t\t<Styled.DropdownMenuItemLabel\n\t\t\tnumberOfLines={ 1 }\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n} );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;;AAEA,OAAO,KAAKC,MAAM,MAAM,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEnC,OAAO,MAAMC,qBAAqB,GAAGJ,UAAU,CAG5C,SAASI,qBAAqBA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EAC/C,oBACCH,IAAA,CAACF,MAAM,CAACG,qBAAqB;IAC5BG,aAAa,EAAG,CAAG;IACnBD,GAAG,EAAGA,GAAK;IAAA,GACND;EAAK,CACV,CAAC;AAEJ,CAAE,CAAC","ignoreList":[]}
@@ -0,0 +1,46 @@
1
+ /**
2
+ * WordPress dependencies
3
+ */
4
+ import { forwardRef, useContext } from '@wordpress/element';
5
+
6
+ /**
7
+ * Internal dependencies
8
+ */
9
+
10
+ import * as Styled from './styles';
11
+ import { DropdownMenuContext } from './context';
12
+ import { useTemporaryFocusVisibleFix } from './use-temporary-focus-visible-fix';
13
+ import { jsx as _jsx } from "react/jsx-runtime";
14
+ import { jsxs as _jsxs } from "react/jsx-runtime";
15
+ export const DropdownMenuItem = forwardRef(function DropdownMenuItem({
16
+ prefix,
17
+ suffix,
18
+ children,
19
+ onBlur,
20
+ hideOnClick = true,
21
+ ...props
22
+ }, ref) {
23
+ // TODO: Remove when https://github.com/ariakit/ariakit/issues/4083 is fixed
24
+ const focusVisibleFixProps = useTemporaryFocusVisibleFix({
25
+ onBlur
26
+ });
27
+ const dropdownMenuContext = useContext(DropdownMenuContext);
28
+ return /*#__PURE__*/_jsxs(Styled.DropdownMenuItem, {
29
+ ref: ref,
30
+ ...props,
31
+ ...focusVisibleFixProps,
32
+ accessibleWhenDisabled: true,
33
+ hideOnClick: hideOnClick,
34
+ store: dropdownMenuContext?.store,
35
+ children: [/*#__PURE__*/_jsx(Styled.ItemPrefixWrapper, {
36
+ children: prefix
37
+ }), /*#__PURE__*/_jsxs(Styled.DropdownMenuItemContentWrapper, {
38
+ children: [/*#__PURE__*/_jsx(Styled.DropdownMenuItemChildrenWrapper, {
39
+ children: children
40
+ }), suffix && /*#__PURE__*/_jsx(Styled.ItemSuffixWrapper, {
41
+ children: suffix
42
+ })]
43
+ })]
44
+ });
45
+ });
46
+ //# sourceMappingURL=item.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["forwardRef","useContext","Styled","DropdownMenuContext","useTemporaryFocusVisibleFix","jsx","_jsx","jsxs","_jsxs","DropdownMenuItem","prefix","suffix","children","onBlur","hideOnClick","props","ref","focusVisibleFixProps","dropdownMenuContext","accessibleWhenDisabled","store","ItemPrefixWrapper","DropdownMenuItemContentWrapper","DropdownMenuItemChildrenWrapper","ItemSuffixWrapper"],"sources":["@wordpress/components/src/dropdown-menu-v2/item.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { forwardRef, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../context';\nimport type { DropdownMenuItemProps } from './types';\nimport * as Styled from './styles';\nimport { DropdownMenuContext } from './context';\nimport { useTemporaryFocusVisibleFix } from './use-temporary-focus-visible-fix';\n\nexport const DropdownMenuItem = forwardRef<\n\tHTMLDivElement,\n\tWordPressComponentProps< DropdownMenuItemProps, 'div', false >\n>( function DropdownMenuItem(\n\t{ prefix, suffix, children, onBlur, hideOnClick = true, ...props },\n\tref\n) {\n\t// TODO: Remove when https://github.com/ariakit/ariakit/issues/4083 is fixed\n\tconst focusVisibleFixProps = useTemporaryFocusVisibleFix( { onBlur } );\n\tconst dropdownMenuContext = useContext( DropdownMenuContext );\n\n\treturn (\n\t\t<Styled.DropdownMenuItem\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t\t{ ...focusVisibleFixProps }\n\t\t\taccessibleWhenDisabled\n\t\t\thideOnClick={ hideOnClick }\n\t\t\tstore={ dropdownMenuContext?.store }\n\t\t>\n\t\t\t<Styled.ItemPrefixWrapper>{ prefix }</Styled.ItemPrefixWrapper>\n\n\t\t\t<Styled.DropdownMenuItemContentWrapper>\n\t\t\t\t<Styled.DropdownMenuItemChildrenWrapper>\n\t\t\t\t\t{ children }\n\t\t\t\t</Styled.DropdownMenuItemChildrenWrapper>\n\n\t\t\t\t{ suffix && (\n\t\t\t\t\t<Styled.ItemSuffixWrapper>\n\t\t\t\t\t\t{ suffix }\n\t\t\t\t\t</Styled.ItemSuffixWrapper>\n\t\t\t\t) }\n\t\t\t</Styled.DropdownMenuItemContentWrapper>\n\t\t</Styled.DropdownMenuItem>\n\t);\n} );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,UAAU,EAAEC,UAAU,QAAQ,oBAAoB;;AAE3D;AACA;AACA;;AAGA,OAAO,KAAKC,MAAM,MAAM,UAAU;AAClC,SAASC,mBAAmB,QAAQ,WAAW;AAC/C,SAASC,2BAA2B,QAAQ,mCAAmC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEhF,OAAO,MAAMC,gBAAgB,GAAGT,UAAU,CAGvC,SAASS,gBAAgBA,CAC3B;EAAEC,MAAM;EAAEC,MAAM;EAAEC,QAAQ;EAAEC,MAAM;EAAEC,WAAW,GAAG,IAAI;EAAE,GAAGC;AAAM,CAAC,EAClEC,GAAG,EACF;EACD;EACA,MAAMC,oBAAoB,GAAGb,2BAA2B,CAAE;IAAES;EAAO,CAAE,CAAC;EACtE,MAAMK,mBAAmB,GAAGjB,UAAU,CAAEE,mBAAoB,CAAC;EAE7D,oBACCK,KAAA,CAACN,MAAM,CAACO,gBAAgB;IACvBO,GAAG,EAAGA,GAAK;IAAA,GACND,KAAK;IAAA,GACLE,oBAAoB;IACzBE,sBAAsB;IACtBL,WAAW,EAAGA,WAAa;IAC3BM,KAAK,EAAGF,mBAAmB,EAAEE,KAAO;IAAAR,QAAA,gBAEpCN,IAAA,CAACJ,MAAM,CAACmB,iBAAiB;MAAAT,QAAA,EAAGF;IAAM,CAA4B,CAAC,eAE/DF,KAAA,CAACN,MAAM,CAACoB,8BAA8B;MAAAV,QAAA,gBACrCN,IAAA,CAACJ,MAAM,CAACqB,+BAA+B;QAAAX,QAAA,EACpCA;MAAQ,CAC6B,CAAC,EAEvCD,MAAM,iBACPL,IAAA,CAACJ,MAAM,CAACsB,iBAAiB;QAAAZ,QAAA,EACtBD;MAAM,CACiB,CAC1B;IAAA,CACqC,CAAC;EAAA,CAChB,CAAC;AAE5B,CAAE,CAAC","ignoreList":[]}
@@ -0,0 +1,72 @@
1
+ /**
2
+ * External dependencies
3
+ */
4
+ import * as Ariakit from '@ariakit/react';
5
+
6
+ /**
7
+ * WordPress dependencies
8
+ */
9
+ import { forwardRef, useContext } from '@wordpress/element';
10
+ import { Icon } from '@wordpress/icons';
11
+
12
+ /**
13
+ * Internal dependencies
14
+ */
15
+
16
+ import { DropdownMenuContext } from './context';
17
+ import * as Styled from './styles';
18
+ import { SVG, Circle } from '@wordpress/primitives';
19
+ import { useTemporaryFocusVisibleFix } from './use-temporary-focus-visible-fix';
20
+ import { jsx as _jsx } from "react/jsx-runtime";
21
+ import { jsxs as _jsxs } from "react/jsx-runtime";
22
+ const radioCheck = /*#__PURE__*/_jsx(SVG, {
23
+ xmlns: "http://www.w3.org/2000/svg",
24
+ viewBox: "0 0 24 24",
25
+ children: /*#__PURE__*/_jsx(Circle, {
26
+ cx: 12,
27
+ cy: 12,
28
+ r: 3
29
+ })
30
+ });
31
+ export const DropdownMenuRadioItem = forwardRef(function DropdownMenuRadioItem({
32
+ suffix,
33
+ children,
34
+ onBlur,
35
+ hideOnClick = false,
36
+ ...props
37
+ }, ref) {
38
+ // TODO: Remove when https://github.com/ariakit/ariakit/issues/4083 is fixed
39
+ const focusVisibleFixProps = useTemporaryFocusVisibleFix({
40
+ onBlur
41
+ });
42
+ const dropdownMenuContext = useContext(DropdownMenuContext);
43
+ return /*#__PURE__*/_jsxs(Styled.DropdownMenuRadioItem, {
44
+ ref: ref,
45
+ ...props,
46
+ ...focusVisibleFixProps,
47
+ accessibleWhenDisabled: true,
48
+ hideOnClick: hideOnClick,
49
+ store: dropdownMenuContext?.store,
50
+ children: [/*#__PURE__*/_jsx(Ariakit.MenuItemCheck, {
51
+ store: dropdownMenuContext?.store,
52
+ render: /*#__PURE__*/_jsx(Styled.ItemPrefixWrapper, {})
53
+ // Override some ariakit inline styles
54
+ ,
55
+ style: {
56
+ width: 'auto',
57
+ height: 'auto'
58
+ },
59
+ children: /*#__PURE__*/_jsx(Icon, {
60
+ icon: radioCheck,
61
+ size: 24
62
+ })
63
+ }), /*#__PURE__*/_jsxs(Styled.DropdownMenuItemContentWrapper, {
64
+ children: [/*#__PURE__*/_jsx(Styled.DropdownMenuItemChildrenWrapper, {
65
+ children: children
66
+ }), suffix && /*#__PURE__*/_jsx(Styled.ItemSuffixWrapper, {
67
+ children: suffix
68
+ })]
69
+ })]
70
+ });
71
+ });
72
+ //# sourceMappingURL=radio-item.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["Ariakit","forwardRef","useContext","Icon","DropdownMenuContext","Styled","SVG","Circle","useTemporaryFocusVisibleFix","jsx","_jsx","jsxs","_jsxs","radioCheck","xmlns","viewBox","children","cx","cy","r","DropdownMenuRadioItem","suffix","onBlur","hideOnClick","props","ref","focusVisibleFixProps","dropdownMenuContext","accessibleWhenDisabled","store","MenuItemCheck","render","ItemPrefixWrapper","style","width","height","icon","size","DropdownMenuItemContentWrapper","DropdownMenuItemChildrenWrapper","ItemSuffixWrapper"],"sources":["@wordpress/components/src/dropdown-menu-v2/radio-item.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport * as Ariakit from '@ariakit/react';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef, useContext } from '@wordpress/element';\nimport { Icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../context';\nimport { DropdownMenuContext } from './context';\nimport type { DropdownMenuRadioItemProps } from './types';\nimport * as Styled from './styles';\nimport { SVG, Circle } from '@wordpress/primitives';\nimport { useTemporaryFocusVisibleFix } from './use-temporary-focus-visible-fix';\n\nconst radioCheck = (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Circle cx={ 12 } cy={ 12 } r={ 3 }></Circle>\n\t</SVG>\n);\n\nexport const DropdownMenuRadioItem = forwardRef<\n\tHTMLDivElement,\n\tWordPressComponentProps< DropdownMenuRadioItemProps, 'div', false >\n>( function DropdownMenuRadioItem(\n\t{ suffix, children, onBlur, hideOnClick = false, ...props },\n\tref\n) {\n\t// TODO: Remove when https://github.com/ariakit/ariakit/issues/4083 is fixed\n\tconst focusVisibleFixProps = useTemporaryFocusVisibleFix( { onBlur } );\n\tconst dropdownMenuContext = useContext( DropdownMenuContext );\n\n\treturn (\n\t\t<Styled.DropdownMenuRadioItem\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t\t{ ...focusVisibleFixProps }\n\t\t\taccessibleWhenDisabled\n\t\t\thideOnClick={ hideOnClick }\n\t\t\tstore={ dropdownMenuContext?.store }\n\t\t>\n\t\t\t<Ariakit.MenuItemCheck\n\t\t\t\tstore={ dropdownMenuContext?.store }\n\t\t\t\trender={ <Styled.ItemPrefixWrapper /> }\n\t\t\t\t// Override some ariakit inline styles\n\t\t\t\tstyle={ { width: 'auto', height: 'auto' } }\n\t\t\t>\n\t\t\t\t<Icon icon={ radioCheck } size={ 24 } />\n\t\t\t</Ariakit.MenuItemCheck>\n\n\t\t\t<Styled.DropdownMenuItemContentWrapper>\n\t\t\t\t<Styled.DropdownMenuItemChildrenWrapper>\n\t\t\t\t\t{ children }\n\t\t\t\t</Styled.DropdownMenuItemChildrenWrapper>\n\n\t\t\t\t{ suffix && (\n\t\t\t\t\t<Styled.ItemSuffixWrapper>\n\t\t\t\t\t\t{ suffix }\n\t\t\t\t\t</Styled.ItemSuffixWrapper>\n\t\t\t\t) }\n\t\t\t</Styled.DropdownMenuItemContentWrapper>\n\t\t</Styled.DropdownMenuRadioItem>\n\t);\n} );\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAO,KAAKA,OAAO,MAAM,gBAAgB;;AAEzC;AACA;AACA;AACA,SAASC,UAAU,EAAEC,UAAU,QAAQ,oBAAoB;AAC3D,SAASC,IAAI,QAAQ,kBAAkB;;AAEvC;AACA;AACA;;AAEA,SAASC,mBAAmB,QAAQ,WAAW;AAE/C,OAAO,KAAKC,MAAM,MAAM,UAAU;AAClC,SAASC,GAAG,EAAEC,MAAM,QAAQ,uBAAuB;AACnD,SAASC,2BAA2B,QAAQ,mCAAmC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEhF,MAAMC,UAAU,gBACfH,IAAA,CAACJ,GAAG;EAACQ,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC,WAAW;EAAAC,QAAA,eAC1DN,IAAA,CAACH,MAAM;IAACU,EAAE,EAAG,EAAI;IAACC,EAAE,EAAG,EAAI;IAACC,CAAC,EAAG;EAAG,CAAS;AAAC,CACzC,CACL;AAED,OAAO,MAAMC,qBAAqB,GAAGnB,UAAU,CAG5C,SAASmB,qBAAqBA,CAChC;EAAEC,MAAM;EAAEL,QAAQ;EAAEM,MAAM;EAAEC,WAAW,GAAG,KAAK;EAAE,GAAGC;AAAM,CAAC,EAC3DC,GAAG,EACF;EACD;EACA,MAAMC,oBAAoB,GAAGlB,2BAA2B,CAAE;IAAEc;EAAO,CAAE,CAAC;EACtE,MAAMK,mBAAmB,GAAGzB,UAAU,CAAEE,mBAAoB,CAAC;EAE7D,oBACCQ,KAAA,CAACP,MAAM,CAACe,qBAAqB;IAC5BK,GAAG,EAAGA,GAAK;IAAA,GACND,KAAK;IAAA,GACLE,oBAAoB;IACzBE,sBAAsB;IACtBL,WAAW,EAAGA,WAAa;IAC3BM,KAAK,EAAGF,mBAAmB,EAAEE,KAAO;IAAAb,QAAA,gBAEpCN,IAAA,CAACV,OAAO,CAAC8B,aAAa;MACrBD,KAAK,EAAGF,mBAAmB,EAAEE,KAAO;MACpCE,MAAM,eAAGrB,IAAA,CAACL,MAAM,CAAC2B,iBAAiB,IAAE;MACpC;MAAA;MACAC,KAAK,EAAG;QAAEC,KAAK,EAAE,MAAM;QAAEC,MAAM,EAAE;MAAO,CAAG;MAAAnB,QAAA,eAE3CN,IAAA,CAACP,IAAI;QAACiC,IAAI,EAAGvB,UAAY;QAACwB,IAAI,EAAG;MAAI,CAAE;IAAC,CAClB,CAAC,eAExBzB,KAAA,CAACP,MAAM,CAACiC,8BAA8B;MAAAtB,QAAA,gBACrCN,IAAA,CAACL,MAAM,CAACkC,+BAA+B;QAAAvB,QAAA,EACpCA;MAAQ,CAC6B,CAAC,EAEvCK,MAAM,iBACPX,IAAA,CAACL,MAAM,CAACmC,iBAAiB;QAAAxB,QAAA,EACtBK;MAAM,CACiB,CAC1B;IAAA,CACqC,CAAC;EAAA,CACX,CAAC;AAEjC,CAAE,CAAC","ignoreList":[]}
@@ -0,0 +1,22 @@
1
+ /**
2
+ * WordPress dependencies
3
+ */
4
+ import { forwardRef, useContext } from '@wordpress/element';
5
+
6
+ /**
7
+ * Internal dependencies
8
+ */
9
+
10
+ import { DropdownMenuContext } from './context';
11
+ import * as Styled from './styles';
12
+ import { jsx as _jsx } from "react/jsx-runtime";
13
+ export const DropdownMenuSeparator = forwardRef(function DropdownMenuSeparator(props, ref) {
14
+ const dropdownMenuContext = useContext(DropdownMenuContext);
15
+ return /*#__PURE__*/_jsx(Styled.DropdownMenuSeparator, {
16
+ ref: ref,
17
+ ...props,
18
+ store: dropdownMenuContext?.store,
19
+ variant: dropdownMenuContext?.variant
20
+ });
21
+ });
22
+ //# sourceMappingURL=separator.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["forwardRef","useContext","DropdownMenuContext","Styled","jsx","_jsx","DropdownMenuSeparator","props","ref","dropdownMenuContext","store","variant"],"sources":["@wordpress/components/src/dropdown-menu-v2/separator.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { forwardRef, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../context';\nimport { DropdownMenuContext } from './context';\nimport type { DropdownMenuSeparatorProps } from './types';\nimport * as Styled from './styles';\n\nexport const DropdownMenuSeparator = forwardRef<\n\tHTMLHRElement,\n\tWordPressComponentProps< DropdownMenuSeparatorProps, 'hr', false >\n>( function DropdownMenuSeparator( props, ref ) {\n\tconst dropdownMenuContext = useContext( DropdownMenuContext );\n\treturn (\n\t\t<Styled.DropdownMenuSeparator\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t\tstore={ dropdownMenuContext?.store }\n\t\t\tvariant={ dropdownMenuContext?.variant }\n\t\t/>\n\t);\n} );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,UAAU,EAAEC,UAAU,QAAQ,oBAAoB;;AAE3D;AACA;AACA;;AAEA,SAASC,mBAAmB,QAAQ,WAAW;AAE/C,OAAO,KAAKC,MAAM,MAAM,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEnC,OAAO,MAAMC,qBAAqB,GAAGN,UAAU,CAG5C,SAASM,qBAAqBA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EAC/C,MAAMC,mBAAmB,GAAGR,UAAU,CAAEC,mBAAoB,CAAC;EAC7D,oBACCG,IAAA,CAACF,MAAM,CAACG,qBAAqB;IAC5BE,GAAG,EAAGA,GAAK;IAAA,GACND,KAAK;IACVG,KAAK,EAAGD,mBAAmB,EAAEC,KAAO;IACpCC,OAAO,EAAGF,mBAAmB,EAAEE;EAAS,CACxC,CAAC;AAEJ,CAAE,CAAC","ignoreList":[]}