@wordpress/components 25.9.1 → 25.11.1-next.f8d8eceb.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 (364) hide show
  1. package/CHANGELOG.md +48 -0
  2. package/build/alignment-matrix-control/cell.js +8 -5
  3. package/build/alignment-matrix-control/cell.js.map +1 -1
  4. package/build/alignment-matrix-control/index.js +27 -43
  5. package/build/alignment-matrix-control/index.js.map +1 -1
  6. package/build/alignment-matrix-control/utils.js +29 -9
  7. package/build/alignment-matrix-control/utils.js.map +1 -1
  8. package/build/autocomplete/index.js +104 -52
  9. package/build/autocomplete/index.js.map +1 -1
  10. package/build/circular-option-picker/circular-option-picker-option.js +20 -39
  11. package/build/circular-option-picker/circular-option-picker-option.js.map +1 -1
  12. package/build/circular-option-picker/circular-option-picker.js +11 -32
  13. package/build/circular-option-picker/circular-option-picker.js.map +1 -1
  14. package/build/circular-option-picker/types.js.map +1 -1
  15. package/build/color-palette/index.js +7 -2
  16. package/build/color-palette/index.js.map +1 -1
  17. package/build/color-picker/component.js +12 -2
  18. package/build/color-picker/component.js.map +1 -1
  19. package/build/color-picker/picker.js +77 -1
  20. package/build/color-picker/picker.js.map +1 -1
  21. package/build/color-picker/styles.js +8 -8
  22. package/build/color-picker/styles.js.map +1 -1
  23. package/build/color-picker/types.js.map +1 -1
  24. package/build/composite/v2.js +43 -0
  25. package/build/composite/v2.js.map +1 -0
  26. package/build/confirm-dialog/component.js +74 -8
  27. package/build/confirm-dialog/component.js.map +1 -1
  28. package/build/confirm-dialog/types.js.map +1 -1
  29. package/build/custom-gradient-picker/gradient-bar/control-points.js +13 -4
  30. package/build/custom-gradient-picker/gradient-bar/control-points.js.map +1 -1
  31. package/build/dropdown-menu-v2-ariakit/index.js +217 -0
  32. package/build/dropdown-menu-v2-ariakit/index.js.map +1 -0
  33. package/build/dropdown-menu-v2-ariakit/styles.js +157 -0
  34. package/build/dropdown-menu-v2-ariakit/styles.js.map +1 -0
  35. package/build/dropdown-menu-v2-ariakit/types.js +6 -0
  36. package/build/dropdown-menu-v2-ariakit/types.js.map +1 -0
  37. package/build/font-size-picker/utils.js +1 -1
  38. package/build/font-size-picker/utils.js.map +1 -1
  39. package/build/input-control/styles/input-control-styles.js +23 -23
  40. package/build/input-control/styles/input-control-styles.js.map +1 -1
  41. package/build/mobile/global-styles-context/utils.native.js +1 -1
  42. package/build/mobile/global-styles-context/utils.native.js.map +1 -1
  43. package/build/modal/index.js +45 -16
  44. package/build/modal/index.js.map +1 -1
  45. package/build/palette-edit/index.js +4 -0
  46. package/build/palette-edit/index.js.map +1 -1
  47. package/build/popover/index.js +34 -6
  48. package/build/popover/index.js.map +1 -1
  49. package/build/private-apis.js +18 -2
  50. package/build/private-apis.js.map +1 -1
  51. package/build/progress-bar/styles.js +5 -5
  52. package/build/progress-bar/styles.js.map +1 -1
  53. package/build/sandbox/index.js +1 -1
  54. package/build/sandbox/index.js.map +1 -1
  55. package/build/sandbox/index.native.js +1 -1
  56. package/build/sandbox/index.native.js.map +1 -1
  57. package/build/select-control/styles/select-control-styles.js +8 -8
  58. package/build/select-control/styles/select-control-styles.js.map +1 -1
  59. package/build/tabs/context.js +16 -0
  60. package/build/tabs/context.js.map +1 -0
  61. package/build/tabs/index.js +147 -0
  62. package/build/tabs/index.js.map +1 -0
  63. package/build/tabs/styles.js +38 -0
  64. package/build/tabs/styles.js.map +1 -0
  65. package/build/tabs/tab.js +46 -0
  66. package/build/tabs/tab.js.map +1 -0
  67. package/build/tabs/tablist.js +47 -0
  68. package/build/tabs/tablist.js.map +1 -0
  69. package/build/tabs/tabpanel.js +48 -0
  70. package/build/tabs/tabpanel.js.map +1 -0
  71. package/build/tabs/types.js +6 -0
  72. package/build/tabs/types.js.map +1 -0
  73. package/build/text/component.js +7 -6
  74. package/build/text/component.js.map +1 -1
  75. package/build/text/hook.js +6 -15
  76. package/build/text/hook.js.map +1 -1
  77. package/build/text/index.js.map +1 -1
  78. package/build/text/styles.js +7 -7
  79. package/build/text/styles.js.map +1 -1
  80. package/build/text/types.js.map +1 -1
  81. package/build/text/utils.js +17 -33
  82. package/build/text/utils.js.map +1 -1
  83. package/build/toggle-group-control/toggle-group-control-option-base/component.js +1 -0
  84. package/build/toggle-group-control/toggle-group-control-option-base/component.js.map +1 -1
  85. package/build/toolbar/toolbar/index.js +17 -10
  86. package/build/toolbar/toolbar/index.js.map +1 -1
  87. package/build/toolbar/toolbar/types.js.map +1 -1
  88. package/build/tools-panel/tools-panel-item/hook.js +2 -2
  89. package/build/tools-panel/tools-panel-item/hook.js.map +1 -1
  90. package/build/tools-panel/types.js.map +1 -1
  91. package/build/tooltip/index.js +2 -2
  92. package/build/tooltip/index.js.map +1 -1
  93. package/build/unit-control/utils.js +108 -0
  94. package/build/unit-control/utils.js.map +1 -1
  95. package/build/utils/unit-values.js +1 -1
  96. package/build/utils/unit-values.js.map +1 -1
  97. package/build-module/alignment-matrix-control/cell.js +7 -4
  98. package/build-module/alignment-matrix-control/cell.js.map +1 -1
  99. package/build-module/alignment-matrix-control/index.js +27 -43
  100. package/build-module/alignment-matrix-control/index.js.map +1 -1
  101. package/build-module/alignment-matrix-control/utils.js +29 -8
  102. package/build-module/alignment-matrix-control/utils.js.map +1 -1
  103. package/build-module/autocomplete/index.js +104 -52
  104. package/build-module/autocomplete/index.js.map +1 -1
  105. package/build-module/circular-option-picker/circular-option-picker-option.js +20 -39
  106. package/build-module/circular-option-picker/circular-option-picker-option.js.map +1 -1
  107. package/build-module/circular-option-picker/circular-option-picker.js +10 -31
  108. package/build-module/circular-option-picker/circular-option-picker.js.map +1 -1
  109. package/build-module/circular-option-picker/types.js.map +1 -1
  110. package/build-module/color-palette/index.js +7 -2
  111. package/build-module/color-palette/index.js.map +1 -1
  112. package/build-module/color-picker/component.js +13 -3
  113. package/build-module/color-picker/component.js.map +1 -1
  114. package/build-module/color-picker/picker.js +78 -2
  115. package/build-module/color-picker/picker.js.map +1 -1
  116. package/build-module/color-picker/styles.js +8 -8
  117. package/build-module/color-picker/styles.js.map +1 -1
  118. package/build-module/color-picker/types.js.map +1 -1
  119. package/build-module/composite/v2.js +15 -0
  120. package/build-module/composite/v2.js.map +1 -0
  121. package/build-module/confirm-dialog/component.js +72 -7
  122. package/build-module/confirm-dialog/component.js.map +1 -1
  123. package/build-module/confirm-dialog/types.js.map +1 -1
  124. package/build-module/custom-gradient-picker/gradient-bar/control-points.js +13 -4
  125. package/build-module/custom-gradient-picker/gradient-bar/control-points.js.map +1 -1
  126. package/build-module/dropdown-menu-v2-ariakit/index.js +199 -0
  127. package/build-module/dropdown-menu-v2-ariakit/index.js.map +1 -0
  128. package/build-module/dropdown-menu-v2-ariakit/styles.js +136 -0
  129. package/build-module/dropdown-menu-v2-ariakit/styles.js.map +1 -0
  130. package/build-module/dropdown-menu-v2-ariakit/types.js +2 -0
  131. package/build-module/dropdown-menu-v2-ariakit/types.js.map +1 -0
  132. package/build-module/font-size-picker/utils.js +1 -1
  133. package/build-module/font-size-picker/utils.js.map +1 -1
  134. package/build-module/input-control/styles/input-control-styles.js +23 -23
  135. package/build-module/input-control/styles/input-control-styles.js.map +1 -1
  136. package/build-module/mobile/global-styles-context/utils.native.js +2 -2
  137. package/build-module/mobile/global-styles-context/utils.native.js.map +1 -1
  138. package/build-module/modal/index.js +47 -18
  139. package/build-module/modal/index.js.map +1 -1
  140. package/build-module/palette-edit/index.js +4 -0
  141. package/build-module/palette-edit/index.js.map +1 -1
  142. package/build-module/popover/index.js +34 -6
  143. package/build-module/popover/index.js.map +1 -1
  144. package/build-module/private-apis.js +18 -2
  145. package/build-module/private-apis.js.map +1 -1
  146. package/build-module/progress-bar/styles.js +5 -5
  147. package/build-module/progress-bar/styles.js.map +1 -1
  148. package/build-module/sandbox/index.js +1 -1
  149. package/build-module/sandbox/index.js.map +1 -1
  150. package/build-module/sandbox/index.native.js +1 -1
  151. package/build-module/sandbox/index.native.js.map +1 -1
  152. package/build-module/select-control/styles/select-control-styles.js +8 -8
  153. package/build-module/select-control/styles/select-control-styles.js.map +1 -1
  154. package/build-module/tabs/context.js +12 -0
  155. package/build-module/tabs/context.js.map +1 -0
  156. package/build-module/tabs/index.js +142 -0
  157. package/build-module/tabs/index.js.map +1 -0
  158. package/build-module/tabs/styles.js +36 -0
  159. package/build-module/tabs/styles.js.map +1 -0
  160. package/build-module/tabs/tab.js +43 -0
  161. package/build-module/tabs/tab.js.map +1 -0
  162. package/build-module/tabs/tablist.js +41 -0
  163. package/build-module/tabs/tablist.js.map +1 -0
  164. package/build-module/tabs/tabpanel.js +43 -0
  165. package/build-module/tabs/tabpanel.js.map +1 -0
  166. package/build-module/tabs/types.js +2 -0
  167. package/build-module/tabs/types.js.map +1 -0
  168. package/build-module/text/component.js +6 -6
  169. package/build-module/text/component.js.map +1 -1
  170. package/build-module/text/hook.js +11 -19
  171. package/build-module/text/hook.js.map +1 -1
  172. package/build-module/text/index.js.map +1 -1
  173. package/build-module/text/styles.js +7 -7
  174. package/build-module/text/styles.js.map +1 -1
  175. package/build-module/text/types.js.map +1 -1
  176. package/build-module/text/utils.js +17 -10
  177. package/build-module/text/utils.js.map +1 -1
  178. package/build-module/toggle-group-control/toggle-group-control-option-base/component.js +1 -0
  179. package/build-module/toggle-group-control/toggle-group-control-option-base/component.js.map +1 -1
  180. package/build-module/toolbar/toolbar/index.js +18 -11
  181. package/build-module/toolbar/toolbar/index.js.map +1 -1
  182. package/build-module/toolbar/toolbar/types.js.map +1 -1
  183. package/build-module/tools-panel/tools-panel-item/hook.js +2 -2
  184. package/build-module/tools-panel/tools-panel-item/hook.js.map +1 -1
  185. package/build-module/tools-panel/types.js.map +1 -1
  186. package/build-module/tooltip/index.js +2 -2
  187. package/build-module/tooltip/index.js.map +1 -1
  188. package/build-module/unit-control/utils.js +108 -0
  189. package/build-module/unit-control/utils.js.map +1 -1
  190. package/build-module/utils/unit-values.js +1 -1
  191. package/build-module/utils/unit-values.js.map +1 -1
  192. package/build-style/style-rtl.css +17 -5
  193. package/build-style/style.css +17 -5
  194. package/build-types/alignment-matrix-control/cell.d.ts +1 -1
  195. package/build-types/alignment-matrix-control/cell.d.ts.map +1 -1
  196. package/build-types/alignment-matrix-control/index.d.ts.map +1 -1
  197. package/build-types/alignment-matrix-control/stories/index.story.d.ts.map +1 -1
  198. package/build-types/alignment-matrix-control/utils.d.ts +9 -9
  199. package/build-types/alignment-matrix-control/utils.d.ts.map +1 -1
  200. package/build-types/autocomplete/index.d.ts.map +1 -1
  201. package/build-types/circular-option-picker/circular-option-picker-option.d.ts.map +1 -1
  202. package/build-types/circular-option-picker/circular-option-picker.d.ts.map +1 -1
  203. package/build-types/circular-option-picker/types.d.ts +4 -6
  204. package/build-types/circular-option-picker/types.d.ts.map +1 -1
  205. package/build-types/color-palette/index.d.ts.map +1 -1
  206. package/build-types/color-picker/component.d.ts.map +1 -1
  207. package/build-types/color-picker/picker.d.ts +1 -1
  208. package/build-types/color-picker/picker.d.ts.map +1 -1
  209. package/build-types/color-picker/styles.d.ts.map +1 -1
  210. package/build-types/color-picker/types.d.ts +3 -0
  211. package/build-types/color-picker/types.d.ts.map +1 -1
  212. package/build-types/composite/v2.d.ts +12 -0
  213. package/build-types/composite/v2.d.ts.map +1 -0
  214. package/build-types/confirm-dialog/component.d.ts +70 -29
  215. package/build-types/confirm-dialog/component.d.ts.map +1 -1
  216. package/build-types/confirm-dialog/stories/index.story.d.ts +11 -0
  217. package/build-types/confirm-dialog/stories/index.story.d.ts.map +1 -0
  218. package/build-types/confirm-dialog/test/index.d.ts +2 -0
  219. package/build-types/confirm-dialog/test/index.d.ts.map +1 -0
  220. package/build-types/confirm-dialog/types.d.ts +32 -10
  221. package/build-types/confirm-dialog/types.d.ts.map +1 -1
  222. package/build-types/custom-gradient-picker/gradient-bar/control-points.d.ts.map +1 -1
  223. package/build-types/dropdown-menu-v2-ariakit/index.d.ts +11 -0
  224. package/build-types/dropdown-menu-v2-ariakit/index.d.ts.map +1 -0
  225. package/build-types/dropdown-menu-v2-ariakit/stories/index.story.d.ts +16 -0
  226. package/build-types/dropdown-menu-v2-ariakit/stories/index.story.d.ts.map +1 -0
  227. package/build-types/dropdown-menu-v2-ariakit/styles.d.ts +88 -0
  228. package/build-types/dropdown-menu-v2-ariakit/styles.d.ts.map +1 -0
  229. package/build-types/dropdown-menu-v2-ariakit/test/index.d.ts +2 -0
  230. package/build-types/dropdown-menu-v2-ariakit/test/index.d.ts.map +1 -0
  231. package/build-types/dropdown-menu-v2-ariakit/types.d.ts +174 -0
  232. package/build-types/dropdown-menu-v2-ariakit/types.d.ts.map +1 -0
  233. package/build-types/font-size-picker/utils.d.ts.map +1 -1
  234. package/build-types/heading/stories/index.story.d.ts.map +1 -1
  235. package/build-types/modal/index.d.ts.map +1 -1
  236. package/build-types/palette-edit/index.d.ts.map +1 -1
  237. package/build-types/popover/index.d.ts +1 -1
  238. package/build-types/popover/index.d.ts.map +1 -1
  239. package/build-types/popover/stories/e2e/index.story.d.ts +1 -1
  240. package/build-types/private-apis.d.ts.map +1 -1
  241. package/build-types/progress-bar/styles.d.ts.map +1 -1
  242. package/build-types/sandbox/index.d.ts.map +1 -1
  243. package/build-types/tabs/context.d.ts +8 -0
  244. package/build-types/tabs/context.d.ts.map +1 -0
  245. package/build-types/tabs/index.d.ts +13 -0
  246. package/build-types/tabs/index.d.ts.map +1 -0
  247. package/build-types/tabs/stories/index.story.d.ts +20 -0
  248. package/build-types/tabs/stories/index.story.d.ts.map +1 -0
  249. package/build-types/tabs/styles.d.ts +17 -0
  250. package/build-types/tabs/styles.d.ts.map +1 -0
  251. package/build-types/tabs/tab.d.ts +10 -0
  252. package/build-types/tabs/tab.d.ts.map +1 -0
  253. package/build-types/tabs/tablist.d.ts +7 -0
  254. package/build-types/tabs/tablist.d.ts.map +1 -0
  255. package/build-types/tabs/tabpanel.d.ts +7 -0
  256. package/build-types/tabs/tabpanel.d.ts.map +1 -0
  257. package/build-types/tabs/test/index.d.ts +2 -0
  258. package/build-types/tabs/test/index.d.ts.map +1 -0
  259. package/build-types/tabs/types.d.ts +134 -0
  260. package/build-types/tabs/types.d.ts.map +1 -0
  261. package/build-types/text/component.d.ts +4 -2
  262. package/build-types/text/component.d.ts.map +1 -1
  263. package/build-types/text/hook.d.ts +171 -165
  264. package/build-types/text/hook.d.ts.map +1 -1
  265. package/build-types/text/index.d.ts +2 -2
  266. package/build-types/text/index.d.ts.map +1 -1
  267. package/build-types/text/stories/index.story.d.ts +21 -0
  268. package/build-types/text/stories/index.story.d.ts.map +1 -0
  269. package/build-types/text/styles.d.ts +7 -7
  270. package/build-types/text/styles.d.ts.map +1 -1
  271. package/build-types/text/types.d.ts +1 -1
  272. package/build-types/text/types.d.ts.map +1 -1
  273. package/build-types/text/utils.d.ts +56 -61
  274. package/build-types/text/utils.d.ts.map +1 -1
  275. package/build-types/toggle-group-control/toggle-group-control-option-base/component.d.ts.map +1 -1
  276. package/build-types/toolbar/stories/index.story.d.ts +5 -0
  277. package/build-types/toolbar/stories/index.story.d.ts.map +1 -1
  278. package/build-types/toolbar/toolbar/index.d.ts.map +1 -1
  279. package/build-types/toolbar/toolbar/types.d.ts +10 -0
  280. package/build-types/toolbar/toolbar/types.d.ts.map +1 -1
  281. package/build-types/tools-panel/tools-panel-item/hook.d.ts.map +1 -1
  282. package/build-types/tools-panel/types.d.ts +2 -0
  283. package/build-types/tools-panel/types.d.ts.map +1 -1
  284. package/build-types/tooltip/index.d.ts.map +1 -1
  285. package/build-types/unit-control/utils.d.ts.map +1 -1
  286. package/package.json +21 -20
  287. package/src/alignment-matrix-control/cell.tsx +6 -2
  288. package/src/alignment-matrix-control/index.tsx +31 -54
  289. package/src/alignment-matrix-control/stories/index.story.tsx +3 -7
  290. package/src/alignment-matrix-control/test/index.tsx +117 -18
  291. package/src/alignment-matrix-control/utils.tsx +33 -9
  292. package/src/autocomplete/index.tsx +136 -77
  293. package/src/button/style.scss +1 -2
  294. package/src/circular-option-picker/circular-option-picker-option.tsx +24 -38
  295. package/src/circular-option-picker/circular-option-picker.tsx +11 -28
  296. package/src/circular-option-picker/types.ts +6 -5
  297. package/src/color-palette/index.tsx +6 -1
  298. package/src/color-picker/component.tsx +25 -3
  299. package/src/color-picker/picker.tsx +96 -2
  300. package/src/color-picker/styles.ts +0 -1
  301. package/src/color-picker/types.ts +3 -0
  302. package/src/composite/v2.ts +22 -0
  303. package/src/confirm-dialog/README.md +1 -1
  304. package/src/confirm-dialog/component.tsx +79 -13
  305. package/src/confirm-dialog/stories/{index.story.js → index.story.tsx} +26 -24
  306. package/src/confirm-dialog/test/{index.js → index.tsx} +3 -3
  307. package/src/confirm-dialog/types.ts +32 -12
  308. package/src/custom-gradient-picker/gradient-bar/control-points.tsx +32 -25
  309. package/src/dimension-control/test/__snapshots__/index.test.js.snap +8 -8
  310. package/src/dropdown-menu-v2-ariakit/README.md +324 -0
  311. package/src/dropdown-menu-v2-ariakit/index.tsx +318 -0
  312. package/src/dropdown-menu-v2-ariakit/stories/index.story.tsx +506 -0
  313. package/src/dropdown-menu-v2-ariakit/styles.ts +297 -0
  314. package/src/dropdown-menu-v2-ariakit/test/index.tsx +1139 -0
  315. package/src/dropdown-menu-v2-ariakit/types.ts +186 -0
  316. package/src/font-size-picker/utils.ts +2 -1
  317. package/src/heading/stories/index.story.tsx +2 -4
  318. package/src/input-control/styles/input-control-styles.tsx +2 -2
  319. package/src/mobile/global-styles-context/utils.native.js +2 -2
  320. package/src/modal/index.tsx +58 -22
  321. package/src/modal/test/index.tsx +29 -0
  322. package/src/notice/style.scss +0 -1
  323. package/src/palette-edit/index.tsx +4 -0
  324. package/src/popover/index.tsx +99 -57
  325. package/src/popover/style.scss +9 -0
  326. package/src/private-apis.ts +31 -1
  327. package/src/progress-bar/styles.ts +19 -4
  328. package/src/sandbox/index.native.js +1 -1
  329. package/src/sandbox/index.tsx +3 -1
  330. package/src/select-control/styles/select-control-styles.ts +2 -2
  331. package/src/tabs/README.md +242 -0
  332. package/src/tabs/context.ts +13 -0
  333. package/src/tabs/index.tsx +167 -0
  334. package/src/tabs/stories/index.story.tsx +352 -0
  335. package/src/tabs/styles.ts +103 -0
  336. package/src/tabs/tab.tsx +39 -0
  337. package/src/tabs/tablist.tsx +40 -0
  338. package/src/tabs/tabpanel.tsx +42 -0
  339. package/src/tabs/test/index.tsx +1133 -0
  340. package/src/tabs/types.ts +142 -0
  341. package/src/text/README.md +2 -2
  342. package/src/text/{component.js → component.tsx} +10 -6
  343. package/src/text/{hook.js → hook.ts} +12 -15
  344. package/src/text/stories/index.story.tsx +80 -0
  345. package/src/text/types.ts +1 -6
  346. package/src/text/{utils.js → utils.ts} +40 -14
  347. package/src/toggle-group-control/test/__snapshots__/index.tsx.snap +16 -0
  348. package/src/toggle-group-control/toggle-group-control-option-base/component.tsx +1 -0
  349. package/src/toolbar/stories/index.story.tsx +15 -0
  350. package/src/toolbar/test/index.tsx +8 -0
  351. package/src/toolbar/toolbar/README.md +9 -0
  352. package/src/toolbar/toolbar/index.tsx +21 -12
  353. package/src/toolbar/toolbar/style.scss +9 -0
  354. package/src/toolbar/toolbar/types.ts +10 -0
  355. package/src/tools-panel/tools-panel/README.md +3 -0
  356. package/src/tools-panel/tools-panel-item/hook.ts +4 -6
  357. package/src/tools-panel/types.ts +2 -0
  358. package/src/tooltip/index.tsx +2 -3
  359. package/src/unit-control/utils.ts +124 -0
  360. package/src/utils/unit-values.ts +1 -1
  361. package/tsconfig.tsbuildinfo +1 -1
  362. package/src/text/stories/index.story.js +0 -53
  363. /package/src/text/{index.js → index.ts} +0 -0
  364. /package/src/text/{styles.js → styles.ts} +0 -0
@@ -1,31 +1,72 @@
1
1
  /// <reference types="react" />
2
- import type { DialogInputEvent } from './types';
3
- declare const _default: import("../context").WordPressComponent<import("react").ElementType<any>, {
4
- children: import("react").ReactNode;
5
- onConfirm: (event: DialogInputEvent) => void;
6
- confirmButtonText?: string | undefined;
7
- cancelButtonText?: string | undefined;
8
- } & {
9
- onCancel: (event: DialogInputEvent) => void;
10
- isOpen: boolean;
11
- } & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "as" | "onCancel" | "isOpen" | keyof {
12
- children: import("react").ReactNode;
13
- onConfirm: (event: DialogInputEvent) => void;
14
- confirmButtonText?: string | undefined;
15
- cancelButtonText?: string | undefined;
16
- }> & import("react").RefAttributes<any>, boolean> | import("../context").WordPressComponent<import("react").ElementType<any>, {
17
- children: import("react").ReactNode;
18
- onConfirm: (event: DialogInputEvent) => void;
19
- confirmButtonText?: string | undefined;
20
- cancelButtonText?: string | undefined;
21
- } & {
22
- onCancel?: ((event: DialogInputEvent) => void) | undefined;
23
- isOpen?: undefined;
24
- } & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "as" | "onCancel" | "isOpen" | keyof {
25
- children: import("react").ReactNode;
26
- onConfirm: (event: DialogInputEvent) => void;
27
- confirmButtonText?: string | undefined;
28
- cancelButtonText?: string | undefined;
29
- }> & import("react").RefAttributes<any>, boolean>;
30
- export default _default;
2
+ import type { ConfirmDialogProps } from './types';
3
+ /**
4
+ * `ConfirmDialog` is built of top of [`Modal`](/packages/components/src/modal/README.md)
5
+ * and displays a confirmation dialog, with _confirm_ and _cancel_ buttons.
6
+ * The dialog is confirmed by clicking the _confirm_ button or by pressing the `Enter` key.
7
+ * It is cancelled (closed) by clicking the _cancel_ button, by pressing the `ESC` key, or by
8
+ * clicking outside the dialog focus (i.e, the overlay).
9
+ *
10
+ * `ConfirmDialog` has two main implicit modes: controlled and uncontrolled.
11
+ *
12
+ * UnControlled:
13
+ *
14
+ * Allows the component to be used standalone, just by declaring it as part of another React's component render method:
15
+ * - It will be automatically open (displayed) upon mounting;
16
+ * - It will be automatically closed when clicking the _cancel_ button, by pressing the `ESC` key, or by clicking outside the dialog focus (i.e, the overlay);
17
+ * - `onCancel` is not mandatory but can be passed. Even if passed, the dialog will still be able to close itself.
18
+ *
19
+ * Activating this mode is as simple as omitting the `isOpen` prop. The only mandatory prop, in this case, is the `onConfirm` callback. The message is passed as the `children`. You can pass any JSX you'd like, which allows to further format the message or include sub-component if you'd like:
20
+ *
21
+ * ```jsx
22
+ * import { __experimentalConfirmDialog as ConfirmDialog } from '@wordpress/components';
23
+ *
24
+ * function Example() {
25
+ * return (
26
+ * <ConfirmDialog onConfirm={ () => console.debug( ' Confirmed! ' ) }>
27
+ * Are you sure? <strong>This action cannot be undone!</strong>
28
+ * </ConfirmDialog>
29
+ * );
30
+ * }
31
+ * ```
32
+ *
33
+ *
34
+ * Controlled mode:
35
+ * Let the parent component control when the dialog is open/closed. It's activated when a
36
+ * boolean value is passed to `isOpen`:
37
+ * - It will not be automatically closed. You need to let it know when to open/close by updating the value of the `isOpen` prop;
38
+ * - Both `onConfirm` and the `onCancel` callbacks are mandatory props in this mode;
39
+ * - You'll want to update the state that controls `isOpen` by updating it from the `onCancel` and `onConfirm` callbacks.
40
+ *
41
+ *```jsx
42
+ * import { __experimentalConfirmDialog as ConfirmDialog } from '@wordpress/components';
43
+ * import { useState } from '@wordpress/element';
44
+ *
45
+ * function Example() {
46
+ * const [ isOpen, setIsOpen ] = useState( true );
47
+ *
48
+ * const handleConfirm = () => {
49
+ * console.debug( 'Confirmed!' );
50
+ * setIsOpen( false );
51
+ * };
52
+ *
53
+ * const handleCancel = () => {
54
+ * console.debug( 'Cancelled!' );
55
+ * setIsOpen( false );
56
+ * };
57
+ *
58
+ * return (
59
+ * <ConfirmDialog
60
+ * isOpen={ isOpen }
61
+ * onConfirm={ handleConfirm }
62
+ * onCancel={ handleCancel }
63
+ * >
64
+ * Are you sure? <strong>This action cannot be undone!</strong>
65
+ * </ConfirmDialog>
66
+ * );
67
+ * }
68
+ * ```
69
+ */
70
+ export declare const ConfirmDialog: import("../context").WordPressComponent<"div", ConfirmDialogProps & import("react").RefAttributes<any>, false>;
71
+ export default ConfirmDialog;
31
72
  //# sourceMappingURL=component.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/confirm-dialog/component.tsx"],"names":[],"mappings":";AAeA,OAAO,KAAK,EAAY,gBAAgB,EAAE,MAAM,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6G1D,wBAAgE"}
1
+ {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/confirm-dialog/component.tsx"],"names":[],"mappings":";AAUA,OAAO,KAAK,EAAE,kBAAkB,EAAoB,MAAM,SAAS,CAAC;AA6GpE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkEG;AACH,eAAO,MAAM,aAAa,gHAGzB,CAAC;AACF,eAAe,aAAa,CAAC"}
@@ -0,0 +1,11 @@
1
+ /// <reference types="react" />
2
+ /**
3
+ * External dependencies
4
+ */
5
+ import type { Meta } from '@storybook/react';
6
+ import { ConfirmDialog } from '../component';
7
+ declare const meta: Meta<typeof ConfirmDialog>;
8
+ export default meta;
9
+ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").ConfirmDialogProps & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "as" | keyof import("react").RefAttributes<any> | keyof import("../types").ConfirmDialogProps>>;
10
+ export declare const WithCustomButtonLabels: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").ConfirmDialogProps & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "as" | keyof import("react").RefAttributes<any> | keyof import("../types").ConfirmDialogProps>>;
11
+ //# sourceMappingURL=index.story.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/confirm-dialog/stories/index.story.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAWtD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,aAAa,CAerC,CAAC;AAEF,eAAe,IAAI,CAAC;AAsCpB,eAAO,MAAM,OAAO,wbAAsB,CAAC;AA+C3C,eAAO,MAAM,sBAAsB,wbAAsB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/confirm-dialog/test/index.tsx"],"names":[],"mappings":""}
@@ -7,20 +7,42 @@ import type { MouseEvent, KeyboardEvent, ReactNode } from 'react';
7
7
  */
8
8
  import type { ModalProps } from '../modal/types';
9
9
  export type DialogInputEvent = Parameters<ModalProps['onRequestClose']>[0] | KeyboardEvent<HTMLDivElement> | MouseEvent<HTMLButtonElement>;
10
- type BaseProps = {
10
+ export type ConfirmDialogProps = {
11
+ /**
12
+ * The actual message for the dialog. It's passed as children and any valid `ReactNode` is accepted.
13
+ */
11
14
  children: ReactNode;
15
+ /**
16
+ * The callback that's called when the user confirms.
17
+ * A confirmation can happen when the `OK` button is clicked or when `Enter` is pressed.
18
+ */
12
19
  onConfirm: (event: DialogInputEvent) => void;
20
+ /**
21
+ * The optional custom text to display as the confirmation button's label.
22
+ */
13
23
  confirmButtonText?: string;
24
+ /**
25
+ * The optional custom text to display as the cancellation button's label.
26
+ */
14
27
  cancelButtonText?: string;
15
- };
16
- type ControlledProps = BaseProps & {
17
- onCancel: (event: DialogInputEvent) => void;
18
- isOpen: boolean;
19
- };
20
- type UncontrolledProps = BaseProps & {
28
+ /**
29
+ * The callback that's called when the user cancels. A cancellation can happen
30
+ * when the `Cancel` button is clicked, when the `ESC` key is pressed, or when
31
+ * a click outside of the dialog focus is detected (i.e. in the overlay).
32
+ *
33
+ * It's not required if `isOpen` is not set (uncontrolled mode), as the component
34
+ * will take care of closing itself, but you can still pass a callback if something
35
+ * must be done upon cancelling (the component will still close itself in this case).
36
+ *
37
+ * If `isOpen` is set (controlled mode), then it's required, and you need to set
38
+ * the state that defines `isOpen` to `false` as part of this callback if you want the
39
+ * dialog to close when the user cancels.
40
+ */
21
41
  onCancel?: (event: DialogInputEvent) => void;
22
- isOpen?: never;
42
+ /**
43
+ * Defines if the dialog is open (displayed) or closed (not rendered/displayed).
44
+ * It also implicitly toggles the controlled mode if set or the uncontrolled mode if it's not set.
45
+ */
46
+ isOpen?: boolean;
23
47
  };
24
- export type OwnProps = ControlledProps | UncontrolledProps;
25
- export {};
26
48
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/confirm-dialog/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE;;GAEG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,MAAM,MAAM,gBAAgB,GACzB,UAAU,CAAE,UAAU,CAAE,gBAAgB,CAAE,CAAE,CAAE,CAAC,CAAE,GACjD,aAAa,CAAE,cAAc,CAAE,GAC/B,UAAU,CAAE,iBAAiB,CAAE,CAAC;AAEnC,KAAK,SAAS,GAAG;IAChB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,EAAE,CAAE,KAAK,EAAE,gBAAgB,KAAM,IAAI,CAAC;IAC/C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,KAAK,eAAe,GAAG,SAAS,GAAG;IAClC,QAAQ,EAAE,CAAE,KAAK,EAAE,gBAAgB,KAAM,IAAI,CAAC;IAC9C,MAAM,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,KAAK,iBAAiB,GAAG,SAAS,GAAG;IACpC,QAAQ,CAAC,EAAE,CAAE,KAAK,EAAE,gBAAgB,KAAM,IAAI,CAAC;IAC/C,MAAM,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,eAAe,GAAG,iBAAiB,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/confirm-dialog/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE;;GAEG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,MAAM,MAAM,gBAAgB,GACzB,UAAU,CAAE,UAAU,CAAE,gBAAgB,CAAE,CAAE,CAAE,CAAC,CAAE,GACjD,aAAa,CAAE,cAAc,CAAE,GAC/B,UAAU,CAAE,iBAAiB,CAAE,CAAC;AAEnC,MAAM,MAAM,kBAAkB,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,SAAS,EAAE,CAAE,KAAK,EAAE,gBAAgB,KAAM,IAAI,CAAC;IAC/C;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;;;;;;;;;OAYG;IACH,QAAQ,CAAC,EAAE,CAAE,KAAK,EAAE,gBAAgB,KAAM,IAAI,CAAC;IAC/C;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"control-points.d.ts","sourceRoot":"","sources":["../../../src/custom-gradient-picker/gradient-bar/control-points.tsx"],"names":[],"mappings":";AAqCA,OAAO,KAAK,EAGX,kBAAkB,EAClB,gBAAgB,EAChB,MAAM,UAAU,CAAC;AAwElB,iBAAS,aAAa,CAAE,EACvB,aAAa,EACb,YAAY,EACZ,oBAAoB,EACpB,oBAAoB,EACpB,KAAK,EAAE,aAAa,EACpB,QAAQ,EACR,yBAAyB,EACzB,wBAAwB,EACxB,iCAAiC,GACjC,EAAE,kBAAkB,eAyMpB;kBAnNQ,aAAa;;;AA6RtB,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"control-points.d.ts","sourceRoot":"","sources":["../../../src/custom-gradient-picker/gradient-bar/control-points.tsx"],"names":[],"mappings":";AAqCA,OAAO,KAAK,EAGX,kBAAkB,EAClB,gBAAgB,EAChB,MAAM,UAAU,CAAC;AA6ElB,iBAAS,aAAa,CAAE,EACvB,aAAa,EACb,YAAY,EACZ,oBAAoB,EACpB,oBAAoB,EACpB,KAAK,EAAE,aAAa,EACpB,QAAQ,EACR,yBAAyB,EACzB,wBAAwB,EACxB,iCAAiC,GACjC,EAAE,kBAAkB,eAyMpB;kBAnNQ,aAAa;;;AA+RtB,eAAe,aAAa,CAAC"}
@@ -0,0 +1,11 @@
1
+ /// <reference types="react" />
2
+ import type { DropdownMenuContext as DropdownMenuContextType, DropdownMenuProps, DropdownMenuGroupProps, DropdownMenuGroupLabelProps, DropdownMenuItemProps, DropdownMenuCheckboxItemProps, DropdownMenuRadioItemProps, DropdownMenuSeparatorProps } from './types';
3
+ export declare const DropdownMenuContext: import("react").Context<DropdownMenuContextType | undefined>;
4
+ export declare const DropdownMenuItem: import("react").ForwardRefExoticComponent<DropdownMenuItemProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "as" | keyof DropdownMenuItemProps> & import("react").RefAttributes<HTMLDivElement>>;
5
+ export declare const DropdownMenuCheckboxItem: import("react").ForwardRefExoticComponent<DropdownMenuCheckboxItemProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "as" | keyof DropdownMenuCheckboxItemProps> & import("react").RefAttributes<HTMLDivElement>>;
6
+ export declare const DropdownMenuRadioItem: import("react").ForwardRefExoticComponent<DropdownMenuRadioItemProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "as" | keyof DropdownMenuRadioItemProps> & import("react").RefAttributes<HTMLDivElement>>;
7
+ export declare const DropdownMenuGroup: import("react").ForwardRefExoticComponent<DropdownMenuGroupProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "as"> & import("react").RefAttributes<HTMLDivElement>>;
8
+ export declare const DropdownMenuGroupLabel: import("react").ForwardRefExoticComponent<DropdownMenuGroupLabelProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "as"> & import("react").RefAttributes<HTMLDivElement>>;
9
+ export declare const DropdownMenu: import("../context").WordPressComponent<"div", DropdownMenuProps & import("react").RefAttributes<any>, false>;
10
+ export declare const DropdownMenuSeparator: import("react").ForwardRefExoticComponent<DropdownMenuSeparatorProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "key" | keyof import("react").HTMLAttributes<HTMLHRElement>>, "children" | "as"> & import("react").RefAttributes<HTMLHRElement>>;
11
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dropdown-menu-v2-ariakit/index.tsx"],"names":[],"mappings":";AA2BA,OAAO,KAAK,EACX,mBAAmB,IAAI,uBAAuB,EAC9C,iBAAiB,EACjB,sBAAsB,EACtB,2BAA2B,EAC3B,qBAAqB,EACrB,6BAA6B,EAC7B,0BAA0B,EAC1B,0BAA0B,EAC1B,MAAM,SAAS,CAAC;AAGjB,eAAO,MAAM,mBAAmB,8DAElB,CAAC;AAEf,eAAO,MAAM,gBAAgB,oUAyB1B,CAAC;AAEJ,eAAO,MAAM,wBAAwB,oVA6BlC,CAAC;AAEJ,eAAO,MAAM,qBAAqB,8UAiC/B,CAAC;AAEJ,eAAO,MAAM,iBAAiB,oTAY3B,CAAC;AAEJ,eAAO,MAAM,sBAAsB,yTAYhC,CAAC;AAyIJ,eAAO,MAAM,YAAY,+GAGxB,CAAC;AAEF,eAAO,MAAM,qBAAqB,oTAa/B,CAAC"}
@@ -0,0 +1,16 @@
1
+ /**
2
+ * External dependencies
3
+ */
4
+ import type { Meta, StoryFn } from '@storybook/react';
5
+ import { DropdownMenu } from '..';
6
+ declare const meta: Meta<typeof DropdownMenu>;
7
+ export default meta;
8
+ export declare const Default: StoryFn<typeof DropdownMenu>;
9
+ export declare const WithSubmenu: StoryFn<typeof DropdownMenu>;
10
+ export declare const WithCheckboxes: StoryFn<typeof DropdownMenu>;
11
+ export declare const WithRadios: StoryFn<typeof DropdownMenu>;
12
+ export declare const WithModals: StoryFn<typeof DropdownMenu>;
13
+ export declare const WithSlotFill: StoryFn<typeof DropdownMenu>;
14
+ export declare const ToolbarVariant: StoryFn<typeof DropdownMenu>;
15
+ export declare const InsideModal: StoryFn<typeof DropdownMenu>;
16
+ //# sourceMappingURL=index.story.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/dropdown-menu-v2-ariakit/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AActD,OAAO,EACN,YAAY,EAQZ,MAAM,IAAI,CAAC;AAOZ,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,YAAY,CA8BpC,CAAC;AACF,eAAe,IAAI,CAAC;AAgBpB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,YAAY,CAqCjD,CAAC;AASF,eAAO,MAAM,WAAW,EAAE,OAAO,CAAE,OAAO,YAAY,CAgBrD,CAAC;AAKF,eAAO,MAAM,cAAc,EAAE,OAAO,CAAE,OAAO,YAAY,CAuGxD,CAAC;AAKF,eAAO,MAAM,UAAU,EAAE,OAAO,CAAE,OAAO,YAAY,CA+CpD,CAAC;AAYF,eAAO,MAAM,UAAU,EAAE,OAAO,CAAE,OAAO,YAAY,CA+CpD,CAAC;AAkDF,eAAO,MAAM,YAAY,EAAE,OAAO,CAAE,OAAO,YAAY,CAoBtD,CAAC;AAUF,eAAO,MAAM,cAAc,EAAE,OAAO,CAAE,OAAO,YAAY,CAaxD,CAAC;AAKF,eAAO,MAAM,WAAW,EAAE,OAAO,CAAE,OAAO,YAAY,CAkCrD,CAAC"}
@@ -0,0 +1,88 @@
1
+ /// <reference types="react" />
2
+ /**
3
+ * External dependencies
4
+ */
5
+ import * as Ariakit from '@ariakit/react';
6
+ import type { DropdownMenuContext } from './types';
7
+ export declare const DropdownMenu: import("@emotion/styled").StyledComponent<Ariakit.MenuOptions<"div"> & {
8
+ [index: `data-${string}`]: unknown;
9
+ wrapElement?: import("@ariakit/react-core/cjs/utils/types").WrapElement | undefined;
10
+ children?: import("@ariakit/react-core/cjs/utils/types").Children<any>;
11
+ render?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("@ariakit/react-core/cjs/utils/types").RenderProp<import("react").HTMLAttributes<any> & import("react").RefAttributes<any>> | undefined;
12
+ } & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
13
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
14
+ }, "children" | keyof Ariakit.MenuOptions<"div">> & {
15
+ theme?: import("@emotion/react").Theme | undefined;
16
+ } & Pick<DropdownMenuContext, "variant">, {}, {}>;
17
+ export declare const ItemPrefixWrapper: import("@emotion/styled").StyledComponent<{
18
+ theme?: import("@emotion/react").Theme | undefined;
19
+ as?: import("react").ElementType<any> | undefined;
20
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
21
+ export declare const ItemSuffixWrapper: import("@emotion/styled").StyledComponent<{
22
+ theme?: import("@emotion/react").Theme | undefined;
23
+ as?: import("react").ElementType<any> | undefined;
24
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
25
+ export declare const DropdownMenuItem: import("@emotion/styled").StyledComponent<Ariakit.MenuItemOptions<"div"> & {
26
+ [index: `data-${string}`]: unknown;
27
+ wrapElement?: import("@ariakit/react-core/cjs/utils/types").WrapElement | undefined;
28
+ children?: import("@ariakit/react-core/cjs/utils/types").Children<any>;
29
+ render?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("@ariakit/react-core/cjs/utils/types").RenderProp<import("react").HTMLAttributes<any> & import("react").RefAttributes<any>> | undefined;
30
+ } & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
31
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
32
+ }, "children" | keyof Ariakit.MenuItemOptions<"div">> & {
33
+ theme?: import("@emotion/react").Theme | undefined;
34
+ }, {}, {}>;
35
+ export declare const DropdownMenuCheckboxItem: import("@emotion/styled").StyledComponent<Ariakit.MenuItemCheckboxOptions<"div"> & {
36
+ [index: `data-${string}`]: unknown;
37
+ wrapElement?: import("@ariakit/react-core/cjs/utils/types").WrapElement | undefined;
38
+ children?: import("@ariakit/react-core/cjs/utils/types").Children<any>;
39
+ render?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("@ariakit/react-core/cjs/utils/types").RenderProp<import("react").HTMLAttributes<any> & import("react").RefAttributes<any>> | undefined;
40
+ } & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
41
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
42
+ }, "children" | keyof Ariakit.MenuItemCheckboxOptions<"div">> & {
43
+ theme?: import("@emotion/react").Theme | undefined;
44
+ }, {}, {}>;
45
+ export declare const DropdownMenuRadioItem: import("@emotion/styled").StyledComponent<Ariakit.MenuItemRadioOptions<"div"> & {
46
+ [index: `data-${string}`]: unknown;
47
+ wrapElement?: import("@ariakit/react-core/cjs/utils/types").WrapElement | undefined;
48
+ children?: import("@ariakit/react-core/cjs/utils/types").Children<any>;
49
+ render?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("@ariakit/react-core/cjs/utils/types").RenderProp<import("react").HTMLAttributes<any> & import("react").RefAttributes<any>> | undefined;
50
+ } & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
51
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
52
+ }, "children" | keyof Ariakit.MenuItemRadioOptions<"div">> & {
53
+ theme?: import("@emotion/react").Theme | undefined;
54
+ }, {}, {}>;
55
+ export declare const DropdownMenuGroup: import("@emotion/styled").StyledComponent<Ariakit.MenuGroupOptions<"div"> & {
56
+ [index: `data-${string}`]: unknown;
57
+ wrapElement?: import("@ariakit/react-core/cjs/utils/types").WrapElement | undefined;
58
+ children?: import("@ariakit/react-core/cjs/utils/types").Children<any>;
59
+ render?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("@ariakit/react-core/cjs/utils/types").RenderProp<import("react").HTMLAttributes<any> & import("react").RefAttributes<any>> | undefined;
60
+ } & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
61
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
62
+ }, "children" | keyof Ariakit.MenuGroupOptions<"div">> & {
63
+ theme?: import("@emotion/react").Theme | undefined;
64
+ }, {}, {}>;
65
+ export declare const DropdownMenuGroupLabel: import("@emotion/styled").StyledComponent<Ariakit.MenuGroupLabelOptions<"div"> & {
66
+ [index: `data-${string}`]: unknown;
67
+ wrapElement?: import("@ariakit/react-core/cjs/utils/types").WrapElement | undefined;
68
+ children?: import("@ariakit/react-core/cjs/utils/types").Children<any>;
69
+ render?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("@ariakit/react-core/cjs/utils/types").RenderProp<import("react").HTMLAttributes<any> & import("react").RefAttributes<any>> | undefined;
70
+ } & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
71
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
72
+ }, "children" | keyof Ariakit.MenuGroupLabelOptions<"div">> & {
73
+ theme?: import("@emotion/react").Theme | undefined;
74
+ }, {}, {}>;
75
+ export declare const DropdownMenuSeparator: import("@emotion/styled").StyledComponent<Ariakit.MenuSeparatorOptions<"hr"> & {
76
+ [index: `data-${string}`]: unknown;
77
+ wrapElement?: import("@ariakit/react-core/cjs/utils/types").WrapElement | undefined;
78
+ children?: import("@ariakit/react-core/cjs/utils/types").Children<any>;
79
+ render?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("@ariakit/react-core/cjs/utils/types").RenderProp<import("react").HTMLAttributes<any> & import("react").RefAttributes<any>> | undefined;
80
+ } & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "key" | keyof import("react").HTMLAttributes<HTMLHRElement>> & {
81
+ ref?: ((instance: HTMLHRElement | null) => void) | import("react").RefObject<HTMLHRElement> | null | undefined;
82
+ }, "children" | keyof Ariakit.MenuSeparatorOptions<"hr">> & {
83
+ theme?: import("@emotion/react").Theme | undefined;
84
+ } & Pick<DropdownMenuContext, "variant">, {}, {}>;
85
+ export declare const SubmenuChevronIcon: import("@emotion/styled").StyledComponent<import("../icon").Props & {
86
+ theme?: import("@emotion/react").Theme | undefined;
87
+ }, {}, {}>;
88
+ //# sourceMappingURL=styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/dropdown-menu-v2-ariakit/styles.ts"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,KAAK,OAAO,MAAM,gBAAgB,CAAC;AAU1C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAmDnD,eAAO,MAAM,YAAY;;;;;;;;;iDA6CxB,CAAC;AA4DF,eAAO,MAAM,iBAAiB;;;2GAE7B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;2GAE7B,CAAC;AA8DF,eAAO,MAAM,gBAAgB;;;;;;;;;UAE5B,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;;;;;;UAEpC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;;UAEjC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;UAAgC,CAAC;AAE/D,eAAO,MAAM,sBAAsB;;;;;;;;;UAgBlC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;;iDAejC,CAAC;AAEF,eAAO,MAAM,kBAAkB;;UAS9B,CAAC"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dropdown-menu-v2-ariakit/test/index.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,174 @@
1
+ /// <reference types="react" />
2
+ /**
3
+ * External dependencies
4
+ */
5
+ import type * as Ariakit from '@ariakit/react';
6
+ import type { Placement } from '@floating-ui/react-dom';
7
+ export interface DropdownMenuContext {
8
+ /**
9
+ * The ariakit store shared across all DropdownMenu subcomponents.
10
+ */
11
+ store: Ariakit.MenuStore;
12
+ /**
13
+ * The variant used by the underlying menu popover.
14
+ */
15
+ variant?: 'toolbar';
16
+ }
17
+ export interface DropdownMenuProps {
18
+ /**
19
+ * The trigger button.
20
+ */
21
+ trigger: React.ReactElement;
22
+ /**
23
+ * The contents of the dropdown.
24
+ */
25
+ children?: React.ReactNode;
26
+ /**
27
+ * The open state of the dropdown menu when it is initially rendered. Use when
28
+ * not wanting to control its open state.
29
+ *
30
+ * @default false
31
+ */
32
+ defaultOpen?: boolean;
33
+ /**
34
+ * The controlled open state of the dropdown menu. Must be used in conjunction
35
+ * with `onOpenChange`.
36
+ */
37
+ open?: boolean;
38
+ /**
39
+ * Event handler called when the open state of the dropdown menu changes.
40
+ */
41
+ onOpenChange?: (open: boolean) => void;
42
+ /**
43
+ * The modality of the dropdown menu. When set to true, interaction with
44
+ * outside elements will be disabled and only menu content will be visible to
45
+ * screen readers.
46
+ *
47
+ * @default true
48
+ */
49
+ modal?: boolean;
50
+ /**
51
+ * The placement of the dropdown menu popover.
52
+ *
53
+ * @default 'bottom-start' for root-level menus, 'right-start' for nested menus
54
+ */
55
+ placement?: Placement;
56
+ /**
57
+ * The distance between the popover and the anchor element.
58
+ *
59
+ * @default 8 for root-level menus, 16 for nested menus
60
+ */
61
+ gutter?: number;
62
+ /**
63
+ * The skidding of the popover along the anchor element. Can be set to
64
+ * negative values to make the popover shift to the opposite side.
65
+ *
66
+ * @default 0 for root-level menus, -8 for nested menus
67
+ */
68
+ shift?: number;
69
+ /**
70
+ * Determines whether the menu popover will be hidden when the user presses
71
+ * the Escape key.
72
+ *
73
+ * @default true
74
+ */
75
+ hideOnEscape?: boolean | ((event: KeyboardEvent | React.KeyboardEvent<Element>) => boolean);
76
+ }
77
+ export interface DropdownMenuGroupProps {
78
+ /**
79
+ * The contents of the dropdown menu group.
80
+ */
81
+ children: React.ReactNode;
82
+ }
83
+ export interface DropdownMenuGroupLabelProps {
84
+ /**
85
+ * The contents of the dropdown menu group label.
86
+ */
87
+ children: React.ReactNode;
88
+ }
89
+ export interface DropdownMenuItemProps {
90
+ /**
91
+ * The contents of the menu item.
92
+ */
93
+ children: React.ReactNode;
94
+ /**
95
+ * The contents of the menu item's prefix.
96
+ */
97
+ prefix?: React.ReactNode;
98
+ /**
99
+ * The contents of the menu item's suffix.
100
+ */
101
+ suffix?: React.ReactNode;
102
+ /**
103
+ * Whether to hide the parent menu when the item is clicked.
104
+ *
105
+ * @default true
106
+ */
107
+ hideOnClick?: boolean;
108
+ /**
109
+ * Determines if the element is disabled.
110
+ */
111
+ disabled?: boolean;
112
+ }
113
+ export interface DropdownMenuCheckboxItemProps extends Omit<DropdownMenuItemProps, 'prefix' | 'hideOnClick'> {
114
+ /**
115
+ * Whether to hide the dropdown menu when the item is clicked.
116
+ *
117
+ * @default false
118
+ */
119
+ hideOnClick?: boolean;
120
+ /**
121
+ * The checkbox menu item's name.
122
+ */
123
+ name: string;
124
+ /**
125
+ * The checkbox item's value, useful when using multiple checkbox menu items
126
+ * associated to the same `name`.
127
+ */
128
+ value?: string;
129
+ /**
130
+ * The controlled checked state of the checkbox menu item.
131
+ */
132
+ checked?: boolean;
133
+ /**
134
+ * The checked state of the checkbox menu item when it is initially rendered.
135
+ * Use when not wanting to control its checked state.
136
+ */
137
+ defaultChecked?: boolean;
138
+ /**
139
+ * Event handler called when the checked state of the checkbox menu item changes.
140
+ */
141
+ onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
142
+ }
143
+ export interface DropdownMenuRadioItemProps extends Omit<DropdownMenuItemProps, 'prefix' | 'hideOnClick'> {
144
+ /**
145
+ * Whether to hide the dropdown menu when the item is clicked.
146
+ *
147
+ * @default false
148
+ */
149
+ hideOnClick?: boolean;
150
+ /**
151
+ * The radio item's name.
152
+ */
153
+ name: string;
154
+ /**
155
+ * The radio item's value.
156
+ */
157
+ value: string | number;
158
+ /**
159
+ * The controlled checked state of the radio menu item.
160
+ */
161
+ checked?: boolean;
162
+ /**
163
+ * The checked state of the radio menu item when it is initially rendered.
164
+ * Use when not wanting to control its checked state.
165
+ */
166
+ defaultChecked?: boolean;
167
+ /**
168
+ * Event handler called when the checked radio menu item changes.
169
+ */
170
+ onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
171
+ }
172
+ export interface DropdownMenuSeparatorProps {
173
+ }
174
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/dropdown-menu-v2-ariakit/types.ts"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,KAAK,KAAK,OAAO,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,WAAW,mBAAmB;IACnC;;OAEG;IACH,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IACjC;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAE,IAAI,EAAE,OAAO,KAAM,IAAI,CAAC;IACzC;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,YAAY,CAAC,EACV,OAAO,GACP,CAAE,CACF,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,aAAa,CAAE,OAAO,CAAE,KAChD,OAAO,CAAE,CAAC;CAClB;AAED,MAAM,WAAW,sBAAsB;IACtC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,MAAM,WAAW,2BAA2B;IAC3C;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,MAAM,WAAW,qBAAqB;IACrC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,6BAChB,SAAQ,IAAI,CAAE,qBAAqB,EAAE,QAAQ,GAAG,aAAa,CAAE;IAC/D;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAE,KAAK,EAAE,KAAK,CAAC,WAAW,CAAE,gBAAgB,CAAE,KAAM,IAAI,CAAC;CACpE;AAED,MAAM,WAAW,0BAChB,SAAQ,IAAI,CAAE,qBAAqB,EAAE,QAAQ,GAAG,aAAa,CAAE;IAC/D;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAE,KAAK,EAAE,KAAK,CAAC,WAAW,CAAE,gBAAgB,CAAE,KAAM,IAAI,CAAC;CACpE;AAED,MAAM,WAAW,0BAA0B;CAAG"}
@@ -1 +1 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/font-size-picker/utils.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,mBAAmB,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAG7D;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAC/B,KAAK,EAAE,WAAW,CAAE,mBAAmB,CAAE,OAAO,CAAE,CAAE,WAIpD;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAE,SAAS,EAAE,QAAQ,EAAE,6BAavD"}
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/font-size-picker/utils.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,mBAAmB,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAG7D;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAC/B,KAAK,EAAE,WAAW,CAAE,mBAAmB,CAAE,OAAO,CAAE,CAAE,WAKpD;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAE,SAAS,EAAE,QAAQ,EAAE,6BAavD"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/heading/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;AAE7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,OAAO,CAsB/B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,OAAO,CAE5C,CAAC"}
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/heading/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;AAE7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,OAAO,CAoB/B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,OAAO,CAE5C,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/modal/index.tsx"],"names":[],"mappings":";AAoCA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAmS1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,KAAK,uGAAiC,CAAC;AAEpD,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/modal/index.tsx"],"names":[],"mappings":";AA0CA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAiU1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,KAAK,uGAAiC,CAAC;AAEpD,eAAe,KAAK,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/palette-edit/index.tsx"],"names":[],"mappings":";AAmDA,OAAO,KAAK,EAOX,gBAAgB,EAChB,cAAc,EACd,MAAM,SAAS,CAAC;AAejB;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CACjC,QAAQ,EAAE,cAAc,EAAE,EAC1B,UAAU,EAAE,MAAM,UAqBlB;AA8PD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,WAAW,CAAE,EAC5B,SAAS,EACT,MAAoB,EACpB,QAAQ,EACR,YAAY,EACZ,wBAA4B,EAC5B,YAAY,EACZ,mBAAmB,EACnB,QAAQ,EACR,UAAe,EACf,YAAY,GACZ,EAAE,gBAAgB,eA8OlB;AAED,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/palette-edit/index.tsx"],"names":[],"mappings":";AAmDA,OAAO,KAAK,EAOX,gBAAgB,EAChB,cAAc,EACd,MAAM,SAAS,CAAC;AAejB;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CACjC,QAAQ,EAAE,cAAc,EAAE,EAC1B,UAAU,EAAE,MAAM,UAqBlB;AAkQD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,WAAW,CAAE,EAC5B,SAAS,EACT,MAAoB,EACpB,QAAQ,EACR,YAAY,EACZ,wBAA4B,EAC5B,YAAY,EACZ,mBAAmB,EACnB,QAAQ,EACR,UAAe,EACf,YAAY,GACZ,EAAE,gBAAgB,eA8OlB;AAED,eAAe,WAAW,CAAC"}
@@ -30,6 +30,6 @@ export declare const SLOT_NAME = "Popover";
30
30
  * ```
31
31
  *
32
32
  */
33
- export declare const Popover: import("react").ForwardRefExoticComponent<Omit<WordPressComponentProps<PopoverProps, "div", false>, "style" | "transition" | "inherit" | "initial" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "layout" | "drag" | "exit" | "custom" | "viewport" | "transformTemplate" | "transformValues" | "variants" | "onBeforeLayoutMeasure" | "onLayoutMeasure" | "onUpdate" | "onAnimationComplete" | "onPan" | "onPanStart" | "onPanSessionStart" | "onPanEnd" | "onTap" | "onTapStart" | "onTapCancel" | "whileTap" | "whileHover" | "onHoverStart" | "onHoverEnd" | "whileFocus" | "whileInView" | "onViewportEnter" | "onViewportLeave" | "whileDrag" | "dragDirectionLock" | "dragPropagation" | "dragConstraints" | "dragElastic" | "dragMomentum" | "dragTransition" | "dragControls" | "dragSnapToOrigin" | "dragListener" | "onMeasureDragConstraints" | "_dragX" | "_dragY" | "onDirectionLock" | "onDragTransitionEnd" | "layoutId" | "onLayoutAnimationStart" | "onLayoutAnimationComplete" | "layoutDependency" | "layoutScroll" | "layoutRoot" | "ignoreStrict"> & import("react").RefAttributes<any>>;
33
+ export declare const Popover: import("../context").WordPressComponent<import("react").ElementType<any>, Omit<WordPressComponentProps<PopoverProps, "div", false>, "style" | "transition" | "inherit" | "initial" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "layout" | "drag" | "exit" | "custom" | "viewport" | "transformTemplate" | "transformValues" | "variants" | "onBeforeLayoutMeasure" | "onLayoutMeasure" | "onUpdate" | "onAnimationComplete" | "onPan" | "onPanStart" | "onPanSessionStart" | "onPanEnd" | "onTap" | "onTapStart" | "onTapCancel" | "whileTap" | "whileHover" | "onHoverStart" | "onHoverEnd" | "whileFocus" | "whileInView" | "onViewportEnter" | "onViewportLeave" | "whileDrag" | "dragDirectionLock" | "dragPropagation" | "dragConstraints" | "dragElastic" | "dragMomentum" | "dragTransition" | "dragControls" | "dragSnapToOrigin" | "dragListener" | "onMeasureDragConstraints" | "_dragX" | "_dragY" | "onDirectionLock" | "onDragTransitionEnd" | "layoutId" | "onLayoutAnimationStart" | "onLayoutAnimationComplete" | "layoutDependency" | "layoutScroll" | "layoutRoot" | "ignoreStrict"> & import("react").RefAttributes<any>, boolean>;
34
34
  export default Popover;
35
35
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/popover/index.tsx"],"names":[],"mappings":";AAuDA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,KAAK,EACX,YAAY,EAGZ,MAAM,SAAS,CAAC;AAIjB;;;;GAIG;AACH,eAAO,MAAM,SAAS,YAAY,CAAC;AA+YnC;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,OAAO,kkCAAmC,CAAC;AAqBxD,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/popover/index.tsx"],"names":[],"mappings":";AA4DA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,KAAK,EACX,YAAY,EAGZ,MAAM,SAAS,CAAC;AAIjB;;;;GAIG;AACH,eAAO,MAAM,SAAS,YAAY,CAAC;AAobnC;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,OAAO,2mCAAkD,CAAC;AAqBvE,eAAe,OAAO,CAAC"}
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  declare const _default: {
3
3
  title: string;
4
- component: import("react").ForwardRefExoticComponent<Omit<import("../../../context").WordPressComponentProps<import("../../types").PopoverProps, "div", false>, "style" | "transition" | "inherit" | "initial" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "layout" | "drag" | "exit" | "custom" | "viewport" | "transformTemplate" | "transformValues" | "variants" | "onBeforeLayoutMeasure" | "onLayoutMeasure" | "onUpdate" | "onAnimationComplete" | "onPan" | "onPanStart" | "onPanSessionStart" | "onPanEnd" | "onTap" | "onTapStart" | "onTapCancel" | "whileTap" | "whileHover" | "onHoverStart" | "onHoverEnd" | "whileFocus" | "whileInView" | "onViewportEnter" | "onViewportLeave" | "whileDrag" | "dragDirectionLock" | "dragPropagation" | "dragConstraints" | "dragElastic" | "dragMomentum" | "dragTransition" | "dragControls" | "dragSnapToOrigin" | "dragListener" | "onMeasureDragConstraints" | "_dragX" | "_dragY" | "onDirectionLock" | "onDragTransitionEnd" | "layoutId" | "onLayoutAnimationStart" | "onLayoutAnimationComplete" | "layoutDependency" | "layoutScroll" | "layoutRoot" | "ignoreStrict"> & import("react").RefAttributes<any>>;
4
+ component: import("../../../context").WordPressComponent<import("react").ElementType<any>, Omit<import("../../../context").WordPressComponentProps<import("../../types").PopoverProps, "div", false>, "style" | "transition" | "inherit" | "initial" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "layout" | "drag" | "exit" | "custom" | "viewport" | "transformTemplate" | "transformValues" | "variants" | "onBeforeLayoutMeasure" | "onLayoutMeasure" | "onUpdate" | "onAnimationComplete" | "onPan" | "onPanStart" | "onPanSessionStart" | "onPanEnd" | "onTap" | "onTapStart" | "onTapCancel" | "whileTap" | "whileHover" | "onHoverStart" | "onHoverEnd" | "whileFocus" | "whileInView" | "onViewportEnter" | "onViewportLeave" | "whileDrag" | "dragDirectionLock" | "dragPropagation" | "dragConstraints" | "dragElastic" | "dragMomentum" | "dragTransition" | "dragControls" | "dragSnapToOrigin" | "dragListener" | "onMeasureDragConstraints" | "_dragX" | "_dragY" | "onDirectionLock" | "onDragTransitionEnd" | "layoutId" | "onLayoutAnimationStart" | "onLayoutAnimationComplete" | "layoutDependency" | "layoutScroll" | "layoutRoot" | "ignoreStrict"> & import("react").RefAttributes<any>, boolean>;
5
5
  };
6
6
  export default _default;
7
7
  export declare const Default: () => JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"private-apis.d.ts","sourceRoot":"","sources":["../src/private-apis.ts"],"names":[],"mappings":"AA2BA,eAAO,MAAQ,IAAI,2CAAE,MAAM,sBAIzB,CAAC;AAEH,eAAO,MAAM,WAAW,IAAK,CAAC"}
1
+ {"version":3,"file":"private-apis.d.ts","sourceRoot":"","sources":["../src/private-apis.ts"],"names":[],"mappings":"AA4CA,eAAO,MAAQ,IAAI,2CAAE,MAAM,sBAIzB,CAAC;AAEH,eAAO,MAAM,WAAW,IAAK,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/progress-bar/styles.ts"],"names":[],"mappings":";AAqBA,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAE5C,eAAO,MAAM,KAAK;;;yGAWjB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;qBACJ,OAAO;;yGAuBxB,CAAC;AAEF,eAAO,MAAM,eAAe;;;2HAO3B,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/progress-bar/styles.ts"],"names":[],"mappings":";AAqBA,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAE5C,eAAO,MAAM,KAAK;;;yGAiBjB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;qBACJ,OAAO;;yGAgCxB,CAAC;AAEF,eAAO,MAAM,eAAe;;;2HAO3B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/sandbox/index.tsx"],"names":[],"mappings":";AAWA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAoG5C;;;;;;;;;;GAUG;AACH,iBAAS,OAAO,CAAE,EACjB,IAAS,EACT,KAAU,EACV,IAAI,EACJ,MAAW,EACX,OAAY,EACZ,OAAO,EACP,QAAQ,GACR,EAAE,YAAY,eAgKd;AAED,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/sandbox/index.tsx"],"names":[],"mappings":";AAWA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAsG5C;;;;;;;;;;GAUG;AACH,iBAAS,OAAO,CAAE,EACjB,IAAS,EACT,KAAU,EACV,IAAI,EACJ,MAAW,EACX,OAAY,EACZ,OAAO,EACP,QAAQ,GACR,EAAE,YAAY,eAgKd;AAED,eAAe,OAAO,CAAC"}
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ /**
3
+ * Internal dependencies
4
+ */
5
+ import type { TabsContextProps } from './types';
6
+ export declare const TabsContext: import("react").Context<TabsContextProps>;
7
+ export declare const useTabsContext: () => TabsContextProps;
8
+ //# sourceMappingURL=context.d.ts.map