@digdir/designsystemet-react 0.0.0-next-20250710132619 → 0.0.0-react-side-effects-20260113071010

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 (465) hide show
  1. package/README.md +2 -2
  2. package/dist/cjs/components/Combobox/Combobox.js +4 -2
  3. package/dist/cjs/components/Combobox/Custom.js +1 -1
  4. package/dist/cjs/components/Combobox/Option/Option.js +1 -1
  5. package/dist/cjs/components/Combobox/Option/useComboboxOption.js +3 -1
  6. package/dist/cjs/components/Combobox/internal/ComboboxInput.js +1 -1
  7. package/dist/cjs/{utilities → components/Combobox}/omit/omit.js +2 -0
  8. package/dist/cjs/components/Combobox/useCombobox.js +2 -1
  9. package/dist/cjs/components/Combobox/useComboboxKeyboard.js +4 -1
  10. package/dist/cjs/components/breadcrumbs/index.js +6 -6
  11. package/dist/cjs/components/button/button.js +1 -1
  12. package/dist/cjs/components/card/index.js +3 -3
  13. package/dist/cjs/components/chip/index.js +6 -6
  14. package/dist/cjs/components/details/details.js +1 -1
  15. package/dist/cjs/components/details/index.js +4 -4
  16. package/dist/cjs/components/dialog/dialog.js +18 -5
  17. package/dist/cjs/components/dialog/index.js +5 -5
  18. package/dist/cjs/components/dropdown/dropdown-button.js +12 -0
  19. package/dist/cjs/components/dropdown/dropdown-heading.js +8 -0
  20. package/dist/cjs/components/dropdown/dropdown-item.js +12 -0
  21. package/dist/cjs/components/dropdown/dropdown-list.js +12 -0
  22. package/dist/cjs/components/dropdown/dropdown-trigger-context.js +9 -9
  23. package/dist/cjs/components/dropdown/dropdown-trigger.js +16 -0
  24. package/dist/cjs/components/dropdown/index.js +20 -9
  25. package/dist/cjs/components/error-summary/error-summary-heading.js +8 -0
  26. package/dist/cjs/components/error-summary/error-summary-item.js +4 -4
  27. package/dist/cjs/components/error-summary/error-summary-link.js +8 -1
  28. package/dist/cjs/components/error-summary/error-summary-list.js +15 -0
  29. package/dist/cjs/components/error-summary/index.js +6 -6
  30. package/dist/cjs/components/field/field-counter.js +23 -3
  31. package/dist/cjs/components/field/field-description.js +6 -0
  32. package/dist/cjs/components/field/field-observer.js +8 -6
  33. package/dist/cjs/components/field/field.js +1 -1
  34. package/dist/cjs/components/field/index.js +6 -6
  35. package/dist/cjs/components/fieldset/fieldset-description.js +2 -2
  36. package/dist/cjs/components/fieldset/fieldset-legend.js +1 -1
  37. package/dist/cjs/components/fieldset/index.js +4 -4
  38. package/dist/cjs/components/list/index.js +5 -5
  39. package/dist/cjs/components/list/list-item.js +6 -0
  40. package/dist/cjs/components/list/lists.js +8 -8
  41. package/dist/cjs/components/pagination/index.js +5 -5
  42. package/dist/cjs/components/pagination/pagination-button.js +3 -3
  43. package/dist/cjs/components/pagination/pagination-item.js +5 -5
  44. package/dist/cjs/components/pagination/pagination-list.js +5 -5
  45. package/dist/cjs/components/popover/index.js +4 -4
  46. package/dist/cjs/components/popover/popover-trigger-context.js +3 -3
  47. package/dist/cjs/components/popover/popover-trigger.js +6 -6
  48. package/dist/cjs/components/popover/popover.js +7 -5
  49. package/dist/cjs/components/search/index.js +5 -5
  50. package/dist/cjs/components/search/search-button.js +2 -2
  51. package/dist/cjs/components/search/search-clear.js +2 -2
  52. package/dist/cjs/components/search/search-input.js +1 -1
  53. package/dist/cjs/components/select/index.js +4 -4
  54. package/dist/cjs/components/select/select-optgroup.js +4 -4
  55. package/dist/cjs/components/select/select-option.js +2 -2
  56. package/dist/cjs/components/skeleton/skeleton.js +3 -1
  57. package/dist/cjs/components/spinner/spinner.js +3 -1
  58. package/dist/cjs/components/suggestion/index.js +0 -4
  59. package/dist/cjs/components/suggestion/suggestion-clear.js +1 -1
  60. package/dist/cjs/components/suggestion/suggestion-list.js +41 -3
  61. package/dist/cjs/components/suggestion/suggestion-option.js +12 -0
  62. package/dist/cjs/components/suggestion/suggestion.js +39 -30
  63. package/dist/cjs/components/table/index.js +9 -9
  64. package/dist/cjs/components/table/table-body.js +6 -6
  65. package/dist/cjs/components/table/table-cell.js +1 -1
  66. package/dist/cjs/components/table/table-foot.js +6 -6
  67. package/dist/cjs/components/table/table-head.js +6 -6
  68. package/dist/cjs/components/table/table-header-cell.js +1 -1
  69. package/dist/cjs/components/table/table-row.js +4 -4
  70. package/dist/cjs/components/tabs/index.js +5 -5
  71. package/dist/cjs/components/tabs/tabs-list.js +8 -6
  72. package/dist/cjs/components/tabs/tabs-panel.js +18 -5
  73. package/dist/cjs/components/tabs/tabs-tab.js +6 -3
  74. package/dist/cjs/components/tabs/tabs.js +5 -0
  75. package/dist/cjs/components/tag/tag.js +2 -2
  76. package/dist/cjs/components/textfield/textfield.js +1 -1
  77. package/dist/cjs/components/toggle-group/index.js +3 -3
  78. package/dist/cjs/components/toggle-group/toggle-group-item.js +3 -3
  79. package/dist/cjs/components/toggle-group/toggle-group.js +3 -2
  80. package/dist/cjs/components/toggle-group/use-toggle-groupitem.js +2 -0
  81. package/dist/cjs/components/tooltip/tooltip.js +25 -7
  82. package/dist/cjs/index.js +95 -100
  83. package/dist/cjs/utilities/hooks/use-merge-refs/use-merge-refs.js +1 -1
  84. package/dist/cjs/utilities/hooks/use-pagination/use-pagination.js +2 -2
  85. package/dist/cjs/utilities/hooks/use-synchronized-animation/use-synchronized-animation.js +4 -2
  86. package/dist/cjs/utilities/roving-focus/roving-focus-item.js +1 -1
  87. package/dist/cjs/utilities/roving-focus/roving-focus-root.js +4 -3
  88. package/dist/esm/components/Combobox/Combobox.js +5 -3
  89. package/dist/esm/components/Combobox/ComboboxIdContext.js +1 -1
  90. package/dist/esm/components/Combobox/Custom.js +1 -1
  91. package/dist/esm/components/Combobox/Option/Option.js +1 -1
  92. package/dist/esm/components/Combobox/Option/useComboboxOption.js +3 -1
  93. package/dist/esm/components/Combobox/internal/ComboboxInput.js +1 -1
  94. package/dist/esm/{utilities → components/Combobox}/omit/omit.js +2 -0
  95. package/dist/esm/components/Combobox/useCombobox.js +2 -1
  96. package/dist/esm/components/Combobox/useComboboxKeyboard.js +4 -1
  97. package/dist/esm/components/breadcrumbs/index.js +7 -7
  98. package/dist/esm/components/button/button.js +1 -1
  99. package/dist/esm/components/card/index.js +4 -4
  100. package/dist/esm/components/checkbox/checkbox.js +2 -2
  101. package/dist/esm/components/chip/index.js +7 -7
  102. package/dist/esm/components/details/details.js +1 -1
  103. package/dist/esm/components/details/index.js +5 -5
  104. package/dist/esm/components/dialog/dialog.js +18 -5
  105. package/dist/esm/components/dialog/index.js +6 -6
  106. package/dist/esm/components/dropdown/dropdown-button.js +12 -0
  107. package/dist/esm/components/dropdown/dropdown-heading.js +8 -0
  108. package/dist/esm/components/dropdown/dropdown-item.js +12 -0
  109. package/dist/esm/components/dropdown/dropdown-list.js +12 -0
  110. package/dist/esm/components/dropdown/dropdown-trigger-context.js +9 -9
  111. package/dist/esm/components/dropdown/dropdown-trigger.js +16 -0
  112. package/dist/esm/components/dropdown/index.js +21 -10
  113. package/dist/esm/components/error-summary/error-summary-heading.js +8 -0
  114. package/dist/esm/components/error-summary/error-summary-item.js +4 -4
  115. package/dist/esm/components/error-summary/error-summary-link.js +8 -1
  116. package/dist/esm/components/error-summary/error-summary-list.js +17 -2
  117. package/dist/esm/components/error-summary/error-summary.js +1 -1
  118. package/dist/esm/components/error-summary/index.js +7 -7
  119. package/dist/esm/components/field/field-counter.js +23 -3
  120. package/dist/esm/components/field/field-description.js +6 -0
  121. package/dist/esm/components/field/field-observer.js +8 -6
  122. package/dist/esm/components/field/field.js +1 -1
  123. package/dist/esm/components/field/index.js +7 -7
  124. package/dist/esm/components/fieldset/fieldset-description.js +2 -2
  125. package/dist/esm/components/fieldset/fieldset-legend.js +1 -1
  126. package/dist/esm/components/fieldset/index.js +5 -5
  127. package/dist/esm/components/list/index.js +6 -6
  128. package/dist/esm/components/list/list-item.js +6 -0
  129. package/dist/esm/components/list/lists.js +8 -8
  130. package/dist/esm/components/pagination/index.js +6 -6
  131. package/dist/esm/components/pagination/pagination-button.js +3 -3
  132. package/dist/esm/components/pagination/pagination-item.js +5 -5
  133. package/dist/esm/components/pagination/pagination-list.js +5 -5
  134. package/dist/esm/components/popover/index.js +5 -5
  135. package/dist/esm/components/popover/popover-trigger-context.js +3 -3
  136. package/dist/esm/components/popover/popover-trigger.js +6 -6
  137. package/dist/esm/components/popover/popover.js +7 -5
  138. package/dist/esm/components/radio/radio.js +2 -2
  139. package/dist/esm/components/search/index.js +6 -6
  140. package/dist/esm/components/search/search-button.js +2 -2
  141. package/dist/esm/components/search/search-clear.js +2 -2
  142. package/dist/esm/components/search/search-input.js +1 -1
  143. package/dist/esm/components/select/index.js +5 -5
  144. package/dist/esm/components/select/select-optgroup.js +4 -4
  145. package/dist/esm/components/select/select-option.js +2 -2
  146. package/dist/esm/components/skeleton/skeleton.js +3 -1
  147. package/dist/esm/components/spinner/spinner.js +3 -1
  148. package/dist/esm/components/suggestion/index.js +1 -4
  149. package/dist/esm/components/suggestion/suggestion-clear.js +1 -1
  150. package/dist/esm/components/suggestion/suggestion-list.js +41 -3
  151. package/dist/esm/components/suggestion/suggestion-option.js +12 -0
  152. package/dist/esm/components/suggestion/suggestion.js +40 -31
  153. package/dist/esm/components/switch/switch.js +2 -2
  154. package/dist/esm/components/table/index.js +10 -10
  155. package/dist/esm/components/table/table-body.js +6 -6
  156. package/dist/esm/components/table/table-cell.js +1 -1
  157. package/dist/esm/components/table/table-foot.js +6 -6
  158. package/dist/esm/components/table/table-head.js +6 -6
  159. package/dist/esm/components/table/table-header-cell.js +1 -1
  160. package/dist/esm/components/table/table-row.js +4 -4
  161. package/dist/esm/components/tabs/index.js +6 -6
  162. package/dist/esm/components/tabs/tabs-list.js +8 -6
  163. package/dist/esm/components/tabs/tabs-panel.js +20 -7
  164. package/dist/esm/components/tabs/tabs-tab.js +6 -3
  165. package/dist/esm/components/tabs/tabs.js +6 -1
  166. package/dist/esm/components/tag/tag.js +2 -2
  167. package/dist/esm/components/textfield/textfield.js +2 -2
  168. package/dist/esm/components/toggle-group/index.js +4 -4
  169. package/dist/esm/components/toggle-group/toggle-group-item.js +3 -3
  170. package/dist/esm/components/toggle-group/toggle-group.js +4 -3
  171. package/dist/esm/components/toggle-group/use-toggle-groupitem.js +2 -0
  172. package/dist/esm/components/tooltip/tooltip.js +25 -7
  173. package/dist/esm/index.js +48 -49
  174. package/dist/esm/utilities/hooks/use-merge-refs/use-merge-refs.js +1 -1
  175. package/dist/esm/utilities/hooks/use-pagination/use-pagination.js +2 -2
  176. package/dist/esm/utilities/hooks/use-synchronized-animation/use-synchronized-animation.js +4 -3
  177. package/dist/esm/utilities/roving-focus/roving-focus-item.js +1 -1
  178. package/dist/esm/utilities/roving-focus/roving-focus-root.js +5 -4
  179. package/dist/react-types.d.ts +22 -2
  180. package/dist/types/colors.d.ts +1 -23
  181. package/dist/types/colors.d.ts.map +1 -1
  182. package/dist/types/components/Combobox/Combobox.d.ts +6 -6
  183. package/dist/types/components/Combobox/Combobox.d.ts.map +1 -1
  184. package/dist/types/components/Combobox/ComboboxContext.d.ts +1 -1
  185. package/dist/types/components/Combobox/ComboboxContext.d.ts.map +1 -1
  186. package/dist/types/components/Combobox/ComboboxIdContext.d.ts +2 -2
  187. package/dist/types/components/Combobox/ComboboxIdContext.d.ts.map +1 -1
  188. package/dist/types/components/Combobox/Custom.d.ts +1 -1
  189. package/dist/types/components/Combobox/Custom.d.ts.map +1 -1
  190. package/dist/types/components/Combobox/Empty.d.ts +1 -1
  191. package/dist/types/components/Combobox/Empty.d.ts.map +1 -1
  192. package/dist/types/components/Combobox/Option/Description.d.ts +1 -1
  193. package/dist/types/components/Combobox/Option/Description.d.ts.map +1 -1
  194. package/dist/types/components/Combobox/Option/Option.d.ts +2 -2
  195. package/dist/types/components/Combobox/Option/Option.d.ts.map +1 -1
  196. package/dist/types/components/Combobox/internal/ComboboxClearButton.d.ts +1 -1
  197. package/dist/types/components/Combobox/internal/ComboboxClearButton.d.ts.map +1 -1
  198. package/dist/types/components/Combobox/internal/ComboboxInput.d.ts.map +1 -1
  199. package/dist/types/{utilities → components/Combobox}/omit/omit.d.ts +2 -0
  200. package/dist/types/components/Combobox/omit/omit.d.ts.map +1 -0
  201. package/dist/types/components/Combobox/useCombobox.d.ts +3 -3
  202. package/dist/types/components/Combobox/useCombobox.d.ts.map +1 -1
  203. package/dist/types/components/Combobox/useFormField/FieldsetContext.d.ts +1 -1
  204. package/dist/types/components/Combobox/useFormField/FieldsetContext.d.ts.map +1 -1
  205. package/dist/types/components/Combobox/useFormField/useFormField.d.ts +1 -1
  206. package/dist/types/components/Combobox/useFormField/useFormField.d.ts.map +1 -1
  207. package/dist/types/components/alert/alert.d.ts +3 -3
  208. package/dist/types/components/alert/alert.d.ts.map +1 -1
  209. package/dist/types/components/avatar/avatar.d.ts +10 -28
  210. package/dist/types/components/avatar/avatar.d.ts.map +1 -1
  211. package/dist/types/components/badge/badge-position.d.ts +2 -2
  212. package/dist/types/components/badge/badge-position.d.ts.map +1 -1
  213. package/dist/types/components/badge/badge.d.ts +3 -3
  214. package/dist/types/components/badge/badge.d.ts.map +1 -1
  215. package/dist/types/components/badge/index.d.ts +5 -5
  216. package/dist/types/components/breadcrumbs/breadcrumbs-item.d.ts +1 -1
  217. package/dist/types/components/breadcrumbs/breadcrumbs-item.d.ts.map +1 -1
  218. package/dist/types/components/breadcrumbs/breadcrumbs-link.d.ts +3 -3
  219. package/dist/types/components/breadcrumbs/breadcrumbs-link.d.ts.map +1 -1
  220. package/dist/types/components/breadcrumbs/breadcrumbs-list.d.ts +1 -1
  221. package/dist/types/components/breadcrumbs/breadcrumbs-list.d.ts.map +1 -1
  222. package/dist/types/components/breadcrumbs/breadcrumbs.d.ts +2 -2
  223. package/dist/types/components/breadcrumbs/breadcrumbs.d.ts.map +1 -1
  224. package/dist/types/components/breadcrumbs/index.d.ts +48 -12
  225. package/dist/types/components/breadcrumbs/index.d.ts.map +1 -1
  226. package/dist/types/components/button/button.d.ts +7 -5
  227. package/dist/types/components/button/button.d.ts.map +1 -1
  228. package/dist/types/components/card/card-block.d.ts +2 -2
  229. package/dist/types/components/card/card-block.d.ts.map +1 -1
  230. package/dist/types/components/card/card.d.ts +2 -2
  231. package/dist/types/components/card/card.d.ts.map +1 -1
  232. package/dist/types/components/card/index.d.ts +18 -10
  233. package/dist/types/components/card/index.d.ts.map +1 -1
  234. package/dist/types/components/checkbox/checkbox.d.ts +1 -1
  235. package/dist/types/components/checkbox/checkbox.d.ts.map +1 -1
  236. package/dist/types/components/chip/chips.d.ts +4 -4
  237. package/dist/types/components/chip/chips.d.ts.map +1 -1
  238. package/dist/types/components/chip/index.d.ts +33 -14
  239. package/dist/types/components/chip/index.d.ts.map +1 -1
  240. package/dist/types/components/details/details-content.d.ts +1 -1
  241. package/dist/types/components/details/details-content.d.ts.map +1 -1
  242. package/dist/types/components/details/details-summary.d.ts +2 -2
  243. package/dist/types/components/details/details-summary.d.ts.map +1 -1
  244. package/dist/types/components/details/details.d.ts +1 -1
  245. package/dist/types/components/details/details.d.ts.map +1 -1
  246. package/dist/types/components/details/index.d.ts +19 -7
  247. package/dist/types/components/details/index.d.ts.map +1 -1
  248. package/dist/types/components/dialog/dialog-block.d.ts +2 -2
  249. package/dist/types/components/dialog/dialog-block.d.ts.map +1 -1
  250. package/dist/types/components/dialog/dialog-trigger-context.d.ts +1 -1
  251. package/dist/types/components/dialog/dialog-trigger-context.d.ts.map +1 -1
  252. package/dist/types/components/dialog/dialog-trigger.d.ts +5 -5
  253. package/dist/types/components/dialog/dialog-trigger.d.ts.map +1 -1
  254. package/dist/types/components/dialog/dialog.d.ts +24 -4
  255. package/dist/types/components/dialog/dialog.d.ts.map +1 -1
  256. package/dist/types/components/dialog/index.d.ts +46 -25
  257. package/dist/types/components/dialog/index.d.ts.map +1 -1
  258. package/dist/types/components/divider/divider.d.ts +1 -1
  259. package/dist/types/components/divider/divider.d.ts.map +1 -1
  260. package/dist/types/components/dropdown/dropdown-button.d.ts +13 -1
  261. package/dist/types/components/dropdown/dropdown-button.d.ts.map +1 -1
  262. package/dist/types/components/dropdown/dropdown-heading.d.ts +10 -2
  263. package/dist/types/components/dropdown/dropdown-heading.d.ts.map +1 -1
  264. package/dist/types/components/dropdown/dropdown-item.d.ts +13 -1
  265. package/dist/types/components/dropdown/dropdown-item.d.ts.map +1 -1
  266. package/dist/types/components/dropdown/dropdown-list.d.ts +13 -1
  267. package/dist/types/components/dropdown/dropdown-list.d.ts.map +1 -1
  268. package/dist/types/components/dropdown/dropdown-trigger-context.d.ts +9 -9
  269. package/dist/types/components/dropdown/dropdown-trigger.d.ts +17 -1
  270. package/dist/types/components/dropdown/dropdown-trigger.d.ts.map +1 -1
  271. package/dist/types/components/dropdown/dropdown.d.ts +2 -2
  272. package/dist/types/components/dropdown/dropdown.d.ts.map +1 -1
  273. package/dist/types/components/dropdown/index.d.ts +99 -19
  274. package/dist/types/components/dropdown/index.d.ts.map +1 -1
  275. package/dist/types/components/error-summary/error-summary-heading.d.ts +10 -2
  276. package/dist/types/components/error-summary/error-summary-heading.d.ts.map +1 -1
  277. package/dist/types/components/error-summary/error-summary-item.d.ts +6 -6
  278. package/dist/types/components/error-summary/error-summary-item.d.ts.map +1 -1
  279. package/dist/types/components/error-summary/error-summary-link.d.ts +11 -4
  280. package/dist/types/components/error-summary/error-summary-link.d.ts.map +1 -1
  281. package/dist/types/components/error-summary/error-summary-list.d.ts +17 -2
  282. package/dist/types/components/error-summary/error-summary-list.d.ts.map +1 -1
  283. package/dist/types/components/error-summary/error-summary.d.ts +3 -3
  284. package/dist/types/components/error-summary/error-summary.d.ts.map +1 -1
  285. package/dist/types/components/error-summary/index.d.ts +52 -20
  286. package/dist/types/components/error-summary/index.d.ts.map +1 -1
  287. package/dist/types/components/field/field-affix.d.ts +2 -2
  288. package/dist/types/components/field/field-affix.d.ts.map +1 -1
  289. package/dist/types/components/field/field-counter.d.ts +18 -4
  290. package/dist/types/components/field/field-counter.d.ts.map +1 -1
  291. package/dist/types/components/field/field-description.d.ts +7 -1
  292. package/dist/types/components/field/field-description.d.ts.map +1 -1
  293. package/dist/types/components/field/field-observer.d.ts.map +1 -1
  294. package/dist/types/components/field/field.d.ts +2 -2
  295. package/dist/types/components/field/field.d.ts.map +1 -1
  296. package/dist/types/components/field/index.d.ts +45 -17
  297. package/dist/types/components/field/index.d.ts.map +1 -1
  298. package/dist/types/components/fieldset/fieldset-description.d.ts +4 -4
  299. package/dist/types/components/fieldset/fieldset-description.d.ts.map +1 -1
  300. package/dist/types/components/fieldset/fieldset-legend.d.ts +2 -2
  301. package/dist/types/components/fieldset/fieldset-legend.d.ts.map +1 -1
  302. package/dist/types/components/fieldset/fieldset.d.ts +1 -1
  303. package/dist/types/components/fieldset/fieldset.d.ts.map +1 -1
  304. package/dist/types/components/fieldset/index.d.ts +21 -9
  305. package/dist/types/components/fieldset/index.d.ts.map +1 -1
  306. package/dist/types/components/heading/heading.d.ts +2 -2
  307. package/dist/types/components/heading/heading.d.ts.map +1 -1
  308. package/dist/types/components/index.d.ts +2 -2
  309. package/dist/types/components/index.d.ts.map +1 -1
  310. package/dist/types/components/input/input.d.ts +2 -2
  311. package/dist/types/components/input/input.d.ts.map +1 -1
  312. package/dist/types/components/label/label.d.ts +2 -2
  313. package/dist/types/components/label/label.d.ts.map +1 -1
  314. package/dist/types/components/link/link.d.ts +2 -2
  315. package/dist/types/components/link/link.d.ts.map +1 -1
  316. package/dist/types/components/list/index.d.ts +32 -11
  317. package/dist/types/components/list/index.d.ts.map +1 -1
  318. package/dist/types/components/list/list-item.d.ts +8 -2
  319. package/dist/types/components/list/list-item.d.ts.map +1 -1
  320. package/dist/types/components/list/lists.d.ts +12 -12
  321. package/dist/types/components/list/lists.d.ts.map +1 -1
  322. package/dist/types/components/pagination/index.d.ts +38 -15
  323. package/dist/types/components/pagination/index.d.ts.map +1 -1
  324. package/dist/types/components/pagination/pagination-button.d.ts +5 -5
  325. package/dist/types/components/pagination/pagination-button.d.ts.map +1 -1
  326. package/dist/types/components/pagination/pagination-item.d.ts +7 -7
  327. package/dist/types/components/pagination/pagination-item.d.ts.map +1 -1
  328. package/dist/types/components/pagination/pagination-list.d.ts +7 -7
  329. package/dist/types/components/pagination/pagination-list.d.ts.map +1 -1
  330. package/dist/types/components/pagination/pagination.d.ts +2 -2
  331. package/dist/types/components/pagination/pagination.d.ts.map +1 -1
  332. package/dist/types/components/paragraph/paragraph.d.ts +2 -2
  333. package/dist/types/components/paragraph/paragraph.d.ts.map +1 -1
  334. package/dist/types/components/popover/index.d.ts +39 -18
  335. package/dist/types/components/popover/index.d.ts.map +1 -1
  336. package/dist/types/components/popover/popover-trigger-context.d.ts +4 -4
  337. package/dist/types/components/popover/popover-trigger.d.ts +7 -7
  338. package/dist/types/components/popover/popover-trigger.d.ts.map +1 -1
  339. package/dist/types/components/popover/popover.d.ts +3 -3
  340. package/dist/types/components/popover/popover.d.ts.map +1 -1
  341. package/dist/types/components/radio/radio.d.ts +1 -1
  342. package/dist/types/components/radio/radio.d.ts.map +1 -1
  343. package/dist/types/components/search/index.d.ts +34 -15
  344. package/dist/types/components/search/index.d.ts.map +1 -1
  345. package/dist/types/components/search/search-button.d.ts +6 -6
  346. package/dist/types/components/search/search-button.d.ts.map +1 -1
  347. package/dist/types/components/search/search-clear.d.ts +4 -4
  348. package/dist/types/components/search/search-clear.d.ts.map +1 -1
  349. package/dist/types/components/search/search-input.d.ts +2 -2
  350. package/dist/types/components/search/search-input.d.ts.map +1 -1
  351. package/dist/types/components/search/search.d.ts +1 -1
  352. package/dist/types/components/search/search.d.ts.map +1 -1
  353. package/dist/types/components/select/index.d.ts +27 -12
  354. package/dist/types/components/select/index.d.ts.map +1 -1
  355. package/dist/types/components/select/select-optgroup.d.ts +6 -6
  356. package/dist/types/components/select/select-optgroup.d.ts.map +1 -1
  357. package/dist/types/components/select/select-option.d.ts +4 -4
  358. package/dist/types/components/select/select-option.d.ts.map +1 -1
  359. package/dist/types/components/select/select.d.ts +2 -2
  360. package/dist/types/components/select/select.d.ts.map +1 -1
  361. package/dist/types/components/skeleton/skeleton.d.ts +24 -7
  362. package/dist/types/components/skeleton/skeleton.d.ts.map +1 -1
  363. package/dist/types/components/skip-link/skip-link.d.ts +2 -2
  364. package/dist/types/components/skip-link/skip-link.d.ts.map +1 -1
  365. package/dist/types/components/spinner/spinner.d.ts +1 -2
  366. package/dist/types/components/spinner/spinner.d.ts.map +1 -1
  367. package/dist/types/components/suggestion/index.d.ts +67 -44
  368. package/dist/types/components/suggestion/index.d.ts.map +1 -1
  369. package/dist/types/components/suggestion/suggestion-clear.d.ts +2 -2
  370. package/dist/types/components/suggestion/suggestion-clear.d.ts.map +1 -1
  371. package/dist/types/components/suggestion/suggestion-empty.d.ts +1 -1
  372. package/dist/types/components/suggestion/suggestion-empty.d.ts.map +1 -1
  373. package/dist/types/components/suggestion/suggestion-input.d.ts +15 -3
  374. package/dist/types/components/suggestion/suggestion-input.d.ts.map +1 -1
  375. package/dist/types/components/suggestion/suggestion-list.d.ts +12 -2
  376. package/dist/types/components/suggestion/suggestion-list.d.ts.map +1 -1
  377. package/dist/types/components/suggestion/suggestion-option.d.ts +13 -1
  378. package/dist/types/components/suggestion/suggestion-option.d.ts.map +1 -1
  379. package/dist/types/components/suggestion/suggestion.d.ts +47 -57
  380. package/dist/types/components/suggestion/suggestion.d.ts.map +1 -1
  381. package/dist/types/components/switch/switch.d.ts +2 -2
  382. package/dist/types/components/switch/switch.d.ts.map +1 -1
  383. package/dist/types/components/table/index.d.ts +65 -16
  384. package/dist/types/components/table/index.d.ts.map +1 -1
  385. package/dist/types/components/table/table-body.d.ts +7 -7
  386. package/dist/types/components/table/table-body.d.ts.map +1 -1
  387. package/dist/types/components/table/table-cell.d.ts +2 -2
  388. package/dist/types/components/table/table-cell.d.ts.map +1 -1
  389. package/dist/types/components/table/table-foot.d.ts +7 -7
  390. package/dist/types/components/table/table-foot.d.ts.map +1 -1
  391. package/dist/types/components/table/table-head.d.ts +7 -7
  392. package/dist/types/components/table/table-head.d.ts.map +1 -1
  393. package/dist/types/components/table/table-header-cell.d.ts +3 -3
  394. package/dist/types/components/table/table-header-cell.d.ts.map +1 -1
  395. package/dist/types/components/table/table-row.d.ts +5 -5
  396. package/dist/types/components/table/table-row.d.ts.map +1 -1
  397. package/dist/types/components/table/table.d.ts +2 -2
  398. package/dist/types/components/table/table.d.ts.map +1 -1
  399. package/dist/types/components/tabs/index.d.ts +29 -14
  400. package/dist/types/components/tabs/index.d.ts.map +1 -1
  401. package/dist/types/components/tabs/tabs-list.d.ts +5 -5
  402. package/dist/types/components/tabs/tabs-list.d.ts.map +1 -1
  403. package/dist/types/components/tabs/tabs-panel.d.ts +3 -3
  404. package/dist/types/components/tabs/tabs-panel.d.ts.map +1 -1
  405. package/dist/types/components/tabs/tabs-tab.d.ts +3 -3
  406. package/dist/types/components/tabs/tabs-tab.d.ts.map +1 -1
  407. package/dist/types/components/tabs/tabs.d.ts +6 -3
  408. package/dist/types/components/tabs/tabs.d.ts.map +1 -1
  409. package/dist/types/components/tag/tag.d.ts +15 -3
  410. package/dist/types/components/tag/tag.d.ts.map +1 -1
  411. package/dist/types/components/textarea/textarea.d.ts +1 -1
  412. package/dist/types/components/textarea/textarea.d.ts.map +1 -1
  413. package/dist/types/components/textfield/textfield.d.ts +1 -1
  414. package/dist/types/components/textfield/textfield.d.ts.map +1 -1
  415. package/dist/types/components/toggle-group/index.d.ts +11 -11
  416. package/dist/types/components/toggle-group/index.d.ts.map +1 -1
  417. package/dist/types/components/toggle-group/toggle-group-item.d.ts +3 -3
  418. package/dist/types/components/toggle-group/toggle-group-item.d.ts.map +1 -1
  419. package/dist/types/components/toggle-group/toggle-group.d.ts +14 -3
  420. package/dist/types/components/toggle-group/toggle-group.d.ts.map +1 -1
  421. package/dist/types/components/toggle-group/use-toggle-groupitem.d.ts +1 -0
  422. package/dist/types/components/toggle-group/use-toggle-groupitem.d.ts.map +1 -1
  423. package/dist/types/components/tooltip/tooltip.d.ts +11 -1
  424. package/dist/types/components/tooltip/tooltip.d.ts.map +1 -1
  425. package/dist/types/components/validation-message/validation-message.d.ts +3 -3
  426. package/dist/types/components/validation-message/validation-message.d.ts.map +1 -1
  427. package/dist/types/index.d.ts +15 -2
  428. package/dist/types/index.d.ts.map +1 -1
  429. package/dist/types/types.d.ts +1 -1
  430. package/dist/types/types.d.ts.map +1 -1
  431. package/dist/types/utilities/hooks/deprecated/use-debounce-callback/use-debounce-callback.d.ts.map +1 -0
  432. package/dist/types/utilities/hooks/deprecated/use-isomorphic-layout-effect/use-isomorphic-layout-effect.d.ts.map +1 -0
  433. package/dist/types/utilities/hooks/deprecated/use-media-query/use-media-query.d.ts.map +1 -0
  434. package/dist/types/utilities/hooks/index.d.ts +3 -3
  435. package/dist/types/utilities/hooks/index.d.ts.map +1 -1
  436. package/dist/types/utilities/hooks/use-synchronized-animation/use-synchronized-animation.d.ts +3 -1
  437. package/dist/types/utilities/hooks/use-synchronized-animation/use-synchronized-animation.d.ts.map +1 -1
  438. package/dist/types/utilities/index.d.ts +4 -3
  439. package/dist/types/utilities/index.d.ts.map +1 -1
  440. package/dist/types/utilities/roving-focus/roving-focus-item.d.ts +2 -2
  441. package/dist/types/utilities/roving-focus/roving-focus-item.d.ts.map +1 -1
  442. package/dist/types/utilities/roving-focus/roving-focus-root.d.ts +3 -3
  443. package/dist/types/utilities/roving-focus/roving-focus-root.d.ts.map +1 -1
  444. package/dist/types/utilities/roving-focus/use-roving-focus.d.ts +173 -172
  445. package/dist/types/utilities/roving-focus/use-roving-focus.d.ts.map +1 -1
  446. package/package.json +28 -30
  447. package/dist/cjs/components/suggestion/suggestion-chips.js +0 -15
  448. package/dist/esm/components/suggestion/suggestion-chips.js +0 -13
  449. package/dist/types/components/suggestion/suggestion-chips.d.ts +0 -19
  450. package/dist/types/components/suggestion/suggestion-chips.d.ts.map +0 -1
  451. package/dist/types/utilities/hooks/use-debounce-callback/use-debounce-callback.d.ts.map +0 -1
  452. package/dist/types/utilities/hooks/use-isomorphic-layout-effect/use-isomorphic-layout-effect.d.ts.map +0 -1
  453. package/dist/types/utilities/hooks/use-media-query/use-media-query.d.ts.map +0 -1
  454. package/dist/types/utilities/omit/omit.d.ts.map +0 -1
  455. package/dist/types/utilities/roving-focus/index.d.ts +0 -4
  456. package/dist/types/utilities/roving-focus/index.d.ts.map +0 -1
  457. /package/dist/cjs/utilities/hooks/{use-debounce-callback → deprecated/use-debounce-callback}/use-debounce-callback.js +0 -0
  458. /package/dist/cjs/utilities/hooks/{use-isomorphic-layout-effect → deprecated/use-isomorphic-layout-effect}/use-isomorphic-layout-effect.js +0 -0
  459. /package/dist/cjs/utilities/hooks/{use-media-query → deprecated/use-media-query}/use-media-query.js +0 -0
  460. /package/dist/esm/utilities/hooks/{use-debounce-callback → deprecated/use-debounce-callback}/use-debounce-callback.js +0 -0
  461. /package/dist/esm/utilities/hooks/{use-isomorphic-layout-effect → deprecated/use-isomorphic-layout-effect}/use-isomorphic-layout-effect.js +0 -0
  462. /package/dist/esm/utilities/hooks/{use-media-query → deprecated/use-media-query}/use-media-query.js +0 -0
  463. /package/dist/types/utilities/hooks/{use-debounce-callback → deprecated/use-debounce-callback}/use-debounce-callback.d.ts +0 -0
  464. /package/dist/types/utilities/hooks/{use-isomorphic-layout-effect → deprecated/use-isomorphic-layout-effect}/use-isomorphic-layout-effect.d.ts +0 -0
  465. /package/dist/types/utilities/hooks/{use-media-query → deprecated/use-media-query}/use-media-query.d.ts +0 -0
@@ -1,5 +1,22 @@
1
+ import { Details as DetailsParent } from './details';
1
2
  import { DetailsContent } from './details-content';
2
3
  import { DetailsSummary } from './details-summary';
4
+ type Details = typeof DetailsParent & {
5
+ /**
6
+ * Details summary component, contains a the heading to toggle the content.
7
+ *
8
+ * @example
9
+ * <Details.Summary>Heading</Details.Summary>
10
+ */
11
+ Summary: typeof DetailsSummary;
12
+ /**
13
+ * Details content component, contains the content of the details item.
14
+ *
15
+ * @example
16
+ * <DetailsContent>Content</DetailsContent>
17
+ */
18
+ Content: typeof DetailsContent;
19
+ };
3
20
  /**
4
21
  * Details component, contains `Details.Summary` and `Details.Content` components.
5
22
  *
@@ -9,14 +26,9 @@ import { DetailsSummary } from './details-summary';
9
26
  * <Details.Content>Content</Details.Content>
10
27
  * </Details>
11
28
  */
12
- declare const Details: React.ForwardRefExoticComponent<import("./details").DetailsProps & React.RefAttributes<HTMLDetailsElement>> & {
13
- Summary: React.ForwardRefExoticComponent<{
14
- children: React.ReactNode;
15
- } & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
16
- Content: React.ForwardRefExoticComponent<import("./details-content").DetailsContentProps & React.RefAttributes<HTMLDivElement>>;
17
- };
29
+ declare const DetailsComponent: Details;
18
30
  export type { DetailsProps } from './details';
19
31
  export type { DetailsContentProps } from './details-content';
20
32
  export type { DetailsSummaryProps } from './details-summary';
21
- export { Details, DetailsContent, DetailsSummary };
33
+ export { DetailsComponent as Details, DetailsContent, DetailsSummary };
22
34
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/details/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD;;;;;;;;GAQG;AACH,QAAA,MAAM,OAAO;;;;;CAGX,CAAC;AAKH,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/details/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,KAAK,OAAO,GAAG,OAAO,aAAa,GAAG;IACpC;;;;;OAKG;IACH,OAAO,EAAE,OAAO,cAAc,CAAC;IAC/B;;;;;OAKG;IACH,OAAO,EAAE,OAAO,cAAc,CAAC;CAChC,CAAC;AAEF;;;;;;;;GAQG;AACH,QAAA,MAAM,gBAAgB,EAAE,OAGtB,CAAC;AAKH,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,IAAI,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC"}
@@ -22,11 +22,11 @@ export type DialogBlockProps = {
22
22
  * </Dialog.Block>
23
23
  * </Dialog>
24
24
  */
25
- export declare const DialogBlock: React.ForwardRefExoticComponent<{
25
+ export declare const DialogBlock: import("react").ForwardRefExoticComponent<{
26
26
  /**
27
27
  * Change the default rendered element for the one passed as a child, merging their props and behavior.
28
28
  * @default false
29
29
  */
30
30
  asChild?: boolean;
31
- } & HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
31
+ } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
32
32
  //# sourceMappingURL=dialog-block.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"dialog-block.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/dialog-block.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,WAAW;IAvBtB;;;OAGG;cACO,OAAO;yEA+BlB,CAAC"}
1
+ {"version":3,"file":"dialog-block.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/dialog-block.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,WAAW;IAvBtB;;;OAGG;cACO,OAAO;mFA+BlB,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import type { ReactNode, RefObject } from 'react';
2
- export declare const Context: React.Context<RefObject<HTMLDialogElement | null>>;
2
+ export declare const Context: import("react").Context<RefObject<HTMLDialogElement | null>>;
3
3
  export type DialogTriggerContextProps = {
4
4
  children: ReactNode;
5
5
  };
@@ -1 +1 @@
1
- {"version":3,"file":"dialog-trigger-context.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/dialog-trigger-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlD,eAAO,MAAM,OAAO,oDAElB,CAAC;AAEH,MAAM,MAAM,yBAAyB,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CAAC;AAEhE;;;;;;;;;;GAUG;AACH,eAAO,MAAM,oBAAoB;oBAE9B,yBAAyB;;CAI3B,CAAC"}
1
+ {"version":3,"file":"dialog-trigger-context.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/dialog-trigger-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlD,eAAO,MAAM,OAAO,8DAElB,CAAC;AAEH,MAAM,MAAM,yBAAyB,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CAAC;AAEhE;;;;;;;;;;GAUG;AACH,eAAO,MAAM,oBAAoB;oBAE9B,yBAAyB;;CAI3B,CAAC"}
@@ -12,12 +12,12 @@ export type DialogTriggerProps = ComponentPropsWithRef<typeof Button>;
12
12
  * </Dialog>
13
13
  * </Dialog.TriggerContext>
14
14
  */
15
- export declare const DialogTrigger: React.ForwardRefExoticComponent<Omit<Omit<import("../../types").DefaultProps & React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "data-color" | "variant" | "icon" | "loading" | "asChild"> & {
15
+ export declare const DialogTrigger: import("react").ForwardRefExoticComponent<Omit<Omit<import("../../types").DefaultProps & import("react").ButtonHTMLAttributes<HTMLButtonElement>, "type" | "data-color" | "variant" | "icon" | "loading" | "asChild"> & {
16
16
  variant?: "primary" | "secondary" | "tertiary";
17
- 'data-color'?: import("../../colors").Color | import("../../colors").SeverityDanger;
17
+ 'data-color'?: import("packages/types/dist/types").Color | Extract<import("packages/types/dist/types").SeverityColors, "danger">;
18
18
  icon?: boolean;
19
- loading?: boolean | React.ReactNode;
19
+ loading?: boolean | import("react").ReactNode;
20
20
  asChild?: boolean;
21
- type?: React.ButtonHTMLAttributes<HTMLButtonElement>["type"];
22
- } & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
21
+ type?: import("react").ButtonHTMLAttributes<HTMLButtonElement>["type"];
22
+ } & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
23
23
  //# sourceMappingURL=dialog-trigger.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"dialog-trigger.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/dialog-trigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAG1C,MAAM,MAAM,kBAAkB,GAAG,qBAAqB,CAAC,OAAO,MAAM,CAAC,CAAC;AAEtE;;;;;;;;;;GAUG;AACH,eAAO,MAAM,aAAa;;;;;;;4FAqBzB,CAAC"}
1
+ {"version":3,"file":"dialog-trigger.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/dialog-trigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAG1C,MAAM,MAAM,kBAAkB,GAAG,qBAAqB,CAAC,OAAO,MAAM,CAAC,CAAC;AAEtE;;;;;;;;;;GAUG;AACH,eAAO,MAAM,aAAa;;;;;;;gHAqBzB,CAAC"}
@@ -10,13 +10,21 @@ export type DialogProps = MergeRight<DefaultProps & DialogHTMLAttributes<HTMLDia
10
10
  /**
11
11
  * Light dismiss behavior, allowing to close on backdrop click by setting `closedby="any"`.
12
12
  *
13
+ * @see [mdn closedBy](https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/closedBy)
14
+ *
13
15
  * @default 'closerequest'
14
16
  */
15
17
  closedby?: 'none' | 'closerequest' | 'any';
18
+ /**
19
+ * When not center, displays dialog as a "drawer" from the specified side.
20
+ *
21
+ * @default 'center'
22
+ */
23
+ placement?: 'center' | 'left' | 'right' | 'top' | 'bottom';
16
24
  /**
17
25
  * Toogle modal and non-modal dialog.
18
26
  *
19
- * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog#creating_a_modal_dialog
27
+ * @see [mdn modal dialog](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog#creating_a_modal_dialog)
20
28
  *
21
29
  * @default true
22
30
  */
@@ -32,6 +40,8 @@ export type DialogProps = MergeRight<DefaultProps & DialogHTMLAttributes<HTMLDia
32
40
  /**
33
41
  * Change the default rendered element for the one passed as a child, merging their props and behavior.
34
42
  * @default false
43
+ *
44
+ * @deprecated Will be removed in the next major version. Should always be a `<dialog>` element
35
45
  */
36
46
  asChild?: boolean;
37
47
  }>;
@@ -58,7 +68,7 @@ export type DialogProps = MergeRight<DefaultProps & DialogHTMLAttributes<HTMLDia
58
68
  * Content
59
69
  * </Dialog>
60
70
  */
61
- export declare const Dialog: React.ForwardRefExoticComponent<Omit<DefaultProps & DialogHTMLAttributes<HTMLDialogElement>, "asChild" | "open" | "onClose" | "closeButton" | "closedby" | "modal"> & {
71
+ export declare const Dialog: import("react").ForwardRefExoticComponent<Omit<DefaultProps & DialogHTMLAttributes<HTMLDialogElement>, "asChild" | "open" | "placement" | "closedby" | "onClose" | "closeButton" | "modal"> & {
62
72
  /**
63
73
  * Screen reader label of close button. Set false to hide the close button.
64
74
  * @default 'Lukk dialogvindu'
@@ -67,13 +77,21 @@ export declare const Dialog: React.ForwardRefExoticComponent<Omit<DefaultProps &
67
77
  /**
68
78
  * Light dismiss behavior, allowing to close on backdrop click by setting `closedby="any"`.
69
79
  *
80
+ * @see [mdn closedBy](https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/closedBy)
81
+ *
70
82
  * @default 'closerequest'
71
83
  */
72
84
  closedby?: "none" | "closerequest" | "any";
85
+ /**
86
+ * When not center, displays dialog as a "drawer" from the specified side.
87
+ *
88
+ * @default 'center'
89
+ */
90
+ placement?: "center" | "left" | "right" | "top" | "bottom";
73
91
  /**
74
92
  * Toogle modal and non-modal dialog.
75
93
  *
76
- * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog#creating_a_modal_dialog
94
+ * @see [mdn modal dialog](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog#creating_a_modal_dialog)
77
95
  *
78
96
  * @default true
79
97
  */
@@ -89,7 +107,9 @@ export declare const Dialog: React.ForwardRefExoticComponent<Omit<DefaultProps &
89
107
  /**
90
108
  * Change the default rendered element for the one passed as a child, merging their props and behavior.
91
109
  * @default false
110
+ *
111
+ * @deprecated Will be removed in the next major version. Should always be a `<dialog>` element
92
112
  */
93
113
  asChild?: boolean;
94
- } & React.RefAttributes<HTMLDialogElement>>;
114
+ } & import("react").RefAttributes<HTMLDialogElement>>;
95
115
  //# sourceMappingURL=dialog.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAKlD,MAAM,MAAM,WAAW,GAAG,UAAU,CAClC,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,EACtD;IACE;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC7B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,cAAc,GAAG,KAAK,CAAC;IAC3C;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,MAAM;IA1Df;;;OAGG;kBACW,MAAM,GAAG,KAAK;IAC5B;;;;OAIG;eACQ,MAAM,GAAG,cAAc,GAAG,KAAK;IAC1C;;;;;;OAMG;YACK,OAAO;IACf;;OAEG;WACI,OAAO;IACd;;OAEG;cACO,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI;IAChC;;;OAGG;cACO,OAAO;2CAoHpB,CAAC"}
1
+ {"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAKlD,MAAM,MAAM,WAAW,GAAG,UAAU,CAClC,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,EACtD;IACE;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC7B;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,cAAc,GAAG,KAAK,CAAC;IAC3C;;;;OAIG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IAC3D;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,MAAM;IApEf;;;OAGG;kBACW,MAAM,GAAG,KAAK;IAC5B;;;;;;OAMG;eACQ,MAAM,GAAG,cAAc,GAAG,KAAK;IAC1C;;;;OAIG;gBACS,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ;IAC1D;;;;;;OAMG;YACK,OAAO;IACf;;OAEG;WACI,OAAO;IACd;;OAEG;cACO,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI;IAChC;;;;;OAKG;cACO,OAAO;qDAgIpB,CAAC"}
@@ -1,6 +1,50 @@
1
+ import { Dialog as DialogParent } from './dialog';
1
2
  import { DialogBlock } from './dialog-block';
2
3
  import { DialogTrigger } from './dialog-trigger';
3
4
  import { DialogTriggerContext } from './dialog-trigger-context';
5
+ type Dialog = typeof DialogParent & {
6
+ /**
7
+ * DialogTriggerContext component, used to provide a context for a dialog trigger.
8
+ *
9
+ * @example
10
+ * <Dialog.TriggerContext>
11
+ * <Dialog.Trigger>Open Dialog</Dialog.Trigger>
12
+ * <Dialog>
13
+ * Content
14
+ * </Dialog>
15
+ * </Dialog.TriggerContext>
16
+ */
17
+ TriggerContext: typeof DialogTriggerContext;
18
+ /**
19
+ * DialogTrigger component, used within a Dialog.TriggerContext to open a dialog.
20
+ *
21
+ * @example
22
+ * <Dialog.TriggerContext>
23
+ * <Dialog.Trigger>Open Dialog</Dialog.Trigger>
24
+ * <Dialog>
25
+ * Content
26
+ * </Dialog>
27
+ * </Dialog.TriggerContext>
28
+ */
29
+ Trigger: typeof DialogTrigger;
30
+ /**
31
+ * DialogBlock component, used to separate content in a Dialog.
32
+ *
33
+ * @example
34
+ * <Dialog>
35
+ * <Dialog.Block>
36
+ * Header
37
+ * </Dialog.Block>
38
+ * <Dialog.Block>
39
+ * Content
40
+ * </Dialog.Block>
41
+ * <Dialog.Block>
42
+ * Footer
43
+ * </Dialog.Block>
44
+ * </Dialog>
45
+ */
46
+ Block: typeof DialogBlock;
47
+ };
4
48
  /**
5
49
  * Dialog component, used to display a Dialog dialog.
6
50
  *
@@ -14,33 +58,10 @@ import { DialogTriggerContext } from './dialog-trigger-context';
14
58
  * </Dialog>
15
59
  * </Dialog.TriggerContext>
16
60
  */
17
- declare const Dialog: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.DialogHTMLAttributes<HTMLDialogElement>, "asChild" | "open" | "onClose" | "closeButton" | "closedby" | "modal"> & {
18
- closeButton?: string | false;
19
- closedby?: "none" | "closerequest" | "any";
20
- modal?: boolean;
21
- open?: boolean;
22
- onClose?: (event: Event) => void;
23
- asChild?: boolean;
24
- } & React.RefAttributes<HTMLDialogElement>> & {
25
- Block: React.ForwardRefExoticComponent<{
26
- asChild?: boolean;
27
- } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
28
- TriggerContext: {
29
- ({ children, }: import("./dialog-trigger-context").DialogTriggerContextProps): import("react/jsx-runtime").JSX.Element;
30
- displayName: string;
31
- };
32
- Trigger: React.ForwardRefExoticComponent<Omit<Omit<import("../../types").DefaultProps & React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "data-color" | "variant" | "icon" | "loading" | "asChild"> & {
33
- variant?: "primary" | "secondary" | "tertiary";
34
- 'data-color'?: import("../../colors").Color | import("../../colors").SeverityDanger;
35
- icon?: boolean;
36
- loading?: boolean | React.ReactNode;
37
- asChild?: boolean;
38
- type?: React.ButtonHTMLAttributes<HTMLButtonElement>["type"];
39
- } & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
40
- };
61
+ declare const DialogComponent: Dialog;
41
62
  export type { DialogProps } from './dialog';
42
63
  export type { DialogBlockProps } from './dialog-block';
43
64
  export type { DialogTriggerProps } from './dialog-trigger';
44
65
  export type { DialogTriggerContextProps } from './dialog-trigger-context';
45
- export { Dialog, DialogBlock, DialogTriggerContext, DialogTrigger };
66
+ export { DialogComponent as Dialog, DialogBlock, DialogTriggerContext, DialogTrigger, };
46
67
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;CAIV,CAAC;AAMH,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,YAAY,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,oBAAoB,EAAE,aAAa,EAAE,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE,KAAK,MAAM,GAAG,OAAO,YAAY,GAAG;IAClC;;;;;;;;;;OAUG;IACH,cAAc,EAAE,OAAO,oBAAoB,CAAC;IAC5C;;;;;;;;;;OAUG;IACH,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B;;;;;;;;;;;;;;;OAeG;IACH,KAAK,EAAE,OAAO,WAAW,CAAC;CAC3B,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,eAAe,EAAE,MAIrB,CAAC;AAMH,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,YAAY,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EACL,eAAe,IAAI,MAAM,EACzB,WAAW,EACX,oBAAoB,EACpB,aAAa,GACd,CAAC"}
@@ -6,5 +6,5 @@ export type DividerProps = HTMLAttributes<HTMLHRElement>;
6
6
  * @example
7
7
  * <Divider />
8
8
  */
9
- export declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLHRElement>>;
9
+ export declare const Divider: import("react").ForwardRefExoticComponent<DividerProps & import("react").RefAttributes<HTMLHRElement>>;
10
10
  //# sourceMappingURL=divider.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../src/components/divider/divider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;AAEzD;;;;;GAKG;AACH,eAAO,MAAM,OAAO,oFAalB,CAAC"}
1
+ {"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../src/components/divider/divider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;AAEzD;;;;;GAKG;AACH,eAAO,MAAM,OAAO,wGAalB,CAAC"}
@@ -1,4 +1,16 @@
1
1
  import { type ButtonProps } from '../button/button';
2
2
  export type DropdownButtonProps = Omit<ButtonProps, 'variant'>;
3
- export declare const DropdownButton: React.ForwardRefExoticComponent<DropdownButtonProps & React.RefAttributes<HTMLButtonElement>>;
3
+ /**
4
+ * DropdownButton component, used to display a button in the DropdownItem.
5
+ *
6
+ * @example
7
+ * <Dropdown>
8
+ * <DropdownList>
9
+ * <DropdownItem>
10
+ * <DropdownButton>Button</DropdownButton>
11
+ * </DropdownItem>
12
+ * </DropdownList>
13
+ * </Dropdown>
14
+ */
15
+ export declare const DropdownButton: import("react").ForwardRefExoticComponent<DropdownButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
4
16
  //# sourceMappingURL=dropdown-button.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown-button.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown-button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AAE/D,eAAO,MAAM,cAAc,+FAKzB,CAAC"}
1
+ {"version":3,"file":"dropdown-button.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown-button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AAE/D;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,cAAc,mHAKzB,CAAC"}
@@ -1,8 +1,16 @@
1
1
  import { type HeadingProps } from '../heading/heading';
2
2
  export type DropdownHeadingProps = HeadingProps;
3
- export declare const DropdownHeading: React.ForwardRefExoticComponent<{
3
+ /**
4
+ * DropdownHeading component, used to display a heading in the Dropdown.
5
+ *
6
+ * @example
7
+ * <Dropdown>
8
+ * <DropdownHeading>Heading</DropdownHeading>
9
+ * </Dropdown>
10
+ */
11
+ export declare const DropdownHeading: import("react").ForwardRefExoticComponent<{
4
12
  level?: 1 | 2 | 3 | 4 | 5 | 6;
5
13
  'data-size'?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
6
14
  asChild?: boolean;
7
- } & React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
15
+ } & import("react").HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLHeadingElement>>;
8
16
  //# sourceMappingURL=dropdown-heading.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown-heading.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown-heading.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEhE,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC;AAEhD,eAAO,MAAM,eAAe;;;;uFAK1B,CAAC"}
1
+ {"version":3,"file":"dropdown-heading.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown-heading.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEhE,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC;AAEhD;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe;;;;2GAK1B,CAAC"}
@@ -1,4 +1,16 @@
1
1
  import { type HTMLAttributes } from 'react';
2
2
  export type DropdownItemProps = HTMLAttributes<HTMLLIElement>;
3
- export declare const DropdownItem: React.ForwardRefExoticComponent<DropdownItemProps & React.RefAttributes<HTMLLIElement>>;
3
+ /**
4
+ * DropdownItem component, used to display an item in the Dropdown. Used within a DropdownList.
5
+ *
6
+ * @example
7
+ * <Dropdown>
8
+ * <DropdownList>
9
+ * <DropdownItem>
10
+ * <DropdownButton>Button</DropdownButton>
11
+ * </DropdownItem>
12
+ * </DropdownList>
13
+ * </Dropdown>
14
+ */
15
+ export declare const DropdownItem: import("react").ForwardRefExoticComponent<DropdownItemProps & import("react").RefAttributes<HTMLLIElement>>;
4
16
  //# sourceMappingURL=dropdown-item.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown-item.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAExD,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;AAE9D,eAAO,MAAM,YAAY,yFAIxB,CAAC"}
1
+ {"version":3,"file":"dropdown-item.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAExD,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;AAE9D;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,YAAY,6GAIxB,CAAC"}
@@ -1,4 +1,16 @@
1
1
  import type { HTMLAttributes } from 'react';
2
2
  export type DropdownListProps = HTMLAttributes<HTMLUListElement>;
3
- export declare const DropdownList: React.ForwardRefExoticComponent<DropdownListProps & React.RefAttributes<HTMLUListElement>>;
3
+ /**
4
+ * DropdownList component, used to display a list of items in the Dropdown.
5
+ *
6
+ * @example
7
+ * <Dropdown>
8
+ * <DropdownList>
9
+ * <DropdownItem>
10
+ * <DropdownButton>Button</DropdownButton>
11
+ * </DropdownItem>
12
+ * </DropdownList>
13
+ * </Dropdown>
14
+ */
15
+ export declare const DropdownList: import("react").ForwardRefExoticComponent<DropdownListProps & import("react").RefAttributes<HTMLUListElement>>;
4
16
  //# sourceMappingURL=dropdown-list.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown-list.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAEjE,eAAO,MAAM,YAAY,4FAIxB,CAAC"}
1
+ {"version":3,"file":"dropdown-list.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAEjE;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,YAAY,gHAIxB,CAAC"}
@@ -6,17 +6,17 @@ export type DropdownTriggerContextProps = {
6
6
  * DropdownTriggerContext enables use of the `.Trigger` for the Dropdown component.
7
7
  *
8
8
  * @example
9
- * <Dropdown.TriggerContext>
10
- * <Dropdown.Trigger>Dropdown</Dropdown.Trigger>
9
+ * <DropdownTriggerContext>
10
+ * <DropdownTrigger>Dropdown</DropdownTrigger>
11
11
  * <Dropdown>
12
- * <Dropdown.Heading>Heading</Dropdown.Heading>
13
- * <Dropdown.List>
14
- * <Dropdown.Item>
15
- * <Dropdown.Button>Button</Dropdown.Button>
16
- * </Dropdown.Item>
17
- * </Dropdown.List>
12
+ * <DropdownHeading>Heading</DropdownHeading>
13
+ * <DropdownList>
14
+ * <DropdownItem>
15
+ * <DropdownButton>Button</DropdownButton>
16
+ * </DropdownItem>
17
+ * </DropdownList>
18
18
  * </Dropdown>
19
- * </Dropdown.TriggerContext>
19
+ * </DropdownTriggerContext>
20
20
  */
21
21
  export declare const DropdownTriggerContext: {
22
22
  ({ children, }: DropdownTriggerContextProps): import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,20 @@
1
1
  import { type PopoverTriggerProps } from '../popover/popover-trigger';
2
2
  export type DropdownTriggerProps = PopoverTriggerProps;
3
- export declare const DropdownTrigger: React.ForwardRefExoticComponent<PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
3
+ /**
4
+ * DropdownTrigger component, used within a Dropdown.TriggerContext to open a Dropdown.
5
+ *
6
+ * @example
7
+ * <Dropdown.TriggerContext>
8
+ * <Dropdown.Trigger>Dropdown</Dropdown.Trigger>
9
+ * <Dropdown>
10
+ * <Dropdown.Heading>Heading</Dropdown.Heading>
11
+ * <Dropdown.List>
12
+ * <Dropdown.Item>
13
+ * <Dropdown.Button>Button</Dropdown.Button>
14
+ * </Dropdown.Item>
15
+ * </Dropdown.List>
16
+ * </Dropdown>
17
+ * </Dropdown.TriggerContext>
18
+ */
19
+ export declare const DropdownTrigger: import("react").ForwardRefExoticComponent<PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
4
20
  //# sourceMappingURL=dropdown-trigger.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown-trigger.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown-trigger.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,4BAA4B,CAAC;AAEpC,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,CAAC;AAEvD,eAAO,MAAM,eAAe,+FAK1B,CAAC"}
1
+ {"version":3,"file":"dropdown-trigger.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown-trigger.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,4BAA4B,CAAC;AAEpC,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,CAAC;AAEvD;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,eAAe,mHAK1B,CAAC"}
@@ -36,11 +36,11 @@ export type DropdownProps = MergeRight<DefaultProps & Omit<PopoverProps, 'varian
36
36
  * </Dropdown.List>
37
37
  * </Dropdown>
38
38
  */
39
- export declare const Dropdown: React.ForwardRefExoticComponent<Omit<DefaultProps & Omit<PopoverProps, "variant">, "placement"> & {
39
+ export declare const Dropdown: import("react").ForwardRefExoticComponent<Omit<DefaultProps & Omit<PopoverProps, "variant">, "placement"> & {
40
40
  /**
41
41
  * The placement of the dropdown
42
42
  * @default bottom-end
43
43
  */
44
44
  placement?: Placement;
45
- } & React.RefAttributes<HTMLDivElement>>;
45
+ } & import("react").RefAttributes<HTMLDivElement>>;
46
46
  //# sourceMappingURL=dropdown.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAGlD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEhE,MAAM,MAAM,aAAa,GAAG,UAAU,CACpC,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,EAC5C;IACE;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,QAAQ;IAnCjB;;;OAGG;gBACS,SAAS;wCA6CxB,CAAC"}
1
+ {"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAGlD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEhE,MAAM,MAAM,aAAa,GAAG,UAAU,CACpC,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,EAC5C;IACE;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,QAAQ;IAnCjB;;;OAGG;gBACS,SAAS;kDA6CxB,CAAC"}
@@ -1,13 +1,98 @@
1
+ import { Dropdown as DropdownRoot } from './dropdown';
1
2
  import { DropdownButton } from './dropdown-button';
2
3
  import { DropdownHeading } from './dropdown-heading';
3
4
  import { DropdownItem } from './dropdown-item';
4
5
  import { DropdownList } from './dropdown-list';
5
6
  import { DropdownTrigger } from './dropdown-trigger';
6
7
  import { DropdownTriggerContext } from './dropdown-trigger-context';
8
+ type Dropdown = typeof DropdownRoot & {
9
+ /**
10
+ * Dropdown.TriggerContext enables use of the `.Trigger` for the Dropdown component.
11
+ *
12
+ * @example
13
+ * <Dropdown.TriggerContext>
14
+ * <Dropdown.Trigger>Dropdown</Dropdown.Trigger>
15
+ * <Dropdown>
16
+ * <Dropdown.Heading>Heading</Dropdown.Heading>
17
+ * <Dropdown.List>
18
+ * <Dropdown.Item>
19
+ * <Dropdown.Button>Button</Dropdown.Button>
20
+ * </Dropdown.Item>
21
+ * </Dropdown.List>
22
+ * </Dropdown>
23
+ * </Dropdown.TriggerContext>
24
+ */
25
+ TriggerContext: typeof DropdownTriggerContext;
26
+ /**
27
+ * Dropdown.Trigger component, used within a Dropdown.TriggerContext to open a Dropdown.
28
+ *
29
+ * @example
30
+ * <Dropdown.TriggerContext>
31
+ * <Dropdown.Trigger>Dropdown</Dropdown.Trigger>
32
+ * <Dropdown>
33
+ * <Dropdown.Heading>Heading</Dropdown.Heading>
34
+ * <Dropdown.List>
35
+ * <Dropdown.Item>
36
+ * <Dropdown.Button>Button</Dropdown.Button>
37
+ * </Dropdown.Item>
38
+ * </Dropdown.List>
39
+ * </Dropdown>
40
+ * </Dropdown.TriggerContext>
41
+ */
42
+ Trigger: typeof DropdownTrigger;
43
+ /**
44
+ * Dropdown.Heading component, used to display a heading in the Dropdown.
45
+ *
46
+ * @example
47
+ * <Dropdown>
48
+ * <Dropdown.Heading>Heading</Dropdown.Heading>
49
+ * </Dropdown>
50
+ */
51
+ Heading: typeof DropdownHeading;
52
+ /**
53
+ * Dropdown.List component, used to display a list of items in the Dropdown.
54
+ *
55
+ * @example
56
+ * <Dropdown>
57
+ * <Dropdown.List>
58
+ * <Dropdown.Item>
59
+ * <Dropdown.Button>Button</Dropdown.Button>
60
+ * </Dropdown.Item>
61
+ * </Dropdown.List>
62
+ * </Dropdown>
63
+ */
64
+ List: typeof DropdownList;
65
+ /**
66
+ * Dropdown.Item component, used to display an item in the Dropdown. Used within a Dropdown.List.
67
+ *
68
+ * @example
69
+ * <Dropdown>
70
+ * <Dropdown.List>
71
+ * <Dropdown.Item>
72
+ * <Dropdown.Button>Button</Dropdown.Button>
73
+ * </Dropdown.Item>
74
+ * </Dropdown.List>
75
+ * </Dropdown>
76
+ */
77
+ Item: typeof DropdownItem;
78
+ /**
79
+ * Dropdown.Button component, used to display a button in the Dropdown.Item.
80
+ *
81
+ * @example
82
+ * <Dropdown>
83
+ * <Dropdown.List>
84
+ * <Dropdown.Item>
85
+ * <Dropdown.Button>Button</Dropdown.Button>
86
+ * </Dropdown.Item>
87
+ * </Dropdown.List>
88
+ * </Dropdown>
89
+ */
90
+ Button: typeof DropdownButton;
91
+ };
7
92
  /**
8
93
  * Dropdown component, used to display a list of options.
9
94
  *
10
- * @example
95
+ * @example with TriggerContext
11
96
  * <Dropdown.TriggerContext>
12
97
  * <Dropdown.Trigger>Dropdown trigger</Dropdown.Trigger>
13
98
  * <Dropdown placement='bottom-end'>
@@ -19,29 +104,24 @@ import { DropdownTriggerContext } from './dropdown-trigger-context';
19
104
  * </Dropdown.List>
20
105
  * </Dropdown>
21
106
  * </Dropdown.TriggerContext>
107
+ *
108
+ * @example without TriggerContext
109
+ * <Button popovertarget="my-dropdown">Trigger</Button>
110
+ * <Dropdown id="my-dropdown">
111
+ * <Dropdown.Heading>Heading</Dropdown.Heading>
112
+ * <Dropdown.List>
113
+ * <Dropdown.Item>
114
+ * <Dropdown.Button>Item</Dropdown.Button>
115
+ * </Dropdown.Item>
116
+ * </Dropdown.List>
117
+ * </Dropdown>
22
118
  */
23
- declare const Dropdown: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & Omit<import("..").PopoverProps, "variant">, "placement"> & {
24
- placement?: import("@floating-ui/dom").Placement;
25
- } & React.RefAttributes<HTMLDivElement>> & {
26
- TriggerContext: {
27
- ({ children, }: import("./dropdown-trigger-context").DropdownTriggerContextProps): import("react/jsx-runtime").JSX.Element;
28
- displayName: string;
29
- };
30
- Heading: React.ForwardRefExoticComponent<{
31
- level?: 1 | 2 | 3 | 4 | 5 | 6;
32
- 'data-size'?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
33
- asChild?: boolean;
34
- } & React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
35
- List: React.ForwardRefExoticComponent<import("./dropdown-list").DropdownListProps & React.RefAttributes<HTMLUListElement>>;
36
- Item: React.ForwardRefExoticComponent<import("./dropdown-item").DropdownItemProps & React.RefAttributes<HTMLLIElement>>;
37
- Button: React.ForwardRefExoticComponent<import("./dropdown-button").DropdownButtonProps & React.RefAttributes<HTMLButtonElement>>;
38
- Trigger: React.ForwardRefExoticComponent<import("..").PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
39
- };
119
+ declare const DropdownComponent: Dropdown;
40
120
  export type { DropdownProps } from './dropdown';
41
121
  export type { DropdownButtonProps } from './dropdown-button';
42
122
  export type { DropdownHeadingProps } from './dropdown-heading';
43
123
  export type { DropdownItemProps } from './dropdown-item';
44
124
  export type { DropdownListProps } from './dropdown-list';
45
125
  export type { DropdownTriggerContextProps } from './dropdown-trigger-context';
46
- export { Dropdown, DropdownTriggerContext, DropdownList, DropdownHeading, DropdownItem, DropdownButton, DropdownTrigger, };
126
+ export { DropdownComponent as Dropdown, DropdownTriggerContext, DropdownList, DropdownHeading, DropdownItem, DropdownButton, DropdownTrigger, };
47
127
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAEpE;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;CAOZ,CAAC;AASH,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EACL,QAAQ,EACR,sBAAsB,EACtB,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,cAAc,EACd,eAAe,GAChB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,YAAY,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAEpE,KAAK,QAAQ,GAAG,OAAO,YAAY,GAAG;IACpC;;;;;;;;;;;;;;;OAeG;IACH,cAAc,EAAE,OAAO,sBAAsB,CAAC;IAC9C;;;;;;;;;;;;;;;OAeG;IACH,OAAO,EAAE,OAAO,eAAe,CAAC;IAChC;;;;;;;OAOG;IACH,OAAO,EAAE,OAAO,eAAe,CAAC;IAChC;;;;;;;;;;;OAWG;IACH,IAAI,EAAE,OAAO,YAAY,CAAC;IAC1B;;;;;;;;;;;OAWG;IACH,IAAI,EAAE,OAAO,YAAY,CAAC;IAC1B;;;;;;;;;;;OAWG;IACH,MAAM,EAAE,OAAO,cAAc,CAAC;CAC/B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,QAAA,MAAM,iBAAiB,EAAE,QAOvB,CAAC;AASH,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EACL,iBAAiB,IAAI,QAAQ,EAC7B,sBAAsB,EACtB,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,cAAc,EACd,eAAe,GAChB,CAAC"}