@unofficialbox/box-open-elements 0.4.0 → 0.5.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 (487) hide show
  1. package/README.md +37 -12
  2. package/dist/components/actions/button-group.d.ts +2 -2
  3. package/dist/components/actions/button-group.js +3 -9
  4. package/dist/components/actions/button.d.ts +2 -2
  5. package/dist/components/actions/button.js +3 -9
  6. package/dist/components/actions/icon-button.d.ts +2 -2
  7. package/dist/components/actions/icon-button.js +3 -9
  8. package/dist/components/actions/link-button.d.ts +2 -2
  9. package/dist/components/actions/link-button.js +3 -9
  10. package/dist/components/actions/menu-item.d.ts +2 -2
  11. package/dist/components/actions/menu-item.js +3 -9
  12. package/dist/components/actions/menu.d.ts +2 -2
  13. package/dist/components/actions/menu.js +3 -9
  14. package/dist/components/actions/segmented-control.d.ts +2 -2
  15. package/dist/components/actions/segmented-control.js +3 -9
  16. package/dist/components/collections/card.d.ts +2 -2
  17. package/dist/components/collections/card.js +3 -9
  18. package/dist/components/collections/carousel.d.ts +2 -2
  19. package/dist/components/collections/carousel.js +3 -9
  20. package/dist/components/collections/datalist-item.d.ts +2 -2
  21. package/dist/components/collections/datalist-item.js +3 -9
  22. package/dist/components/collections/draggable-list.d.ts +2 -2
  23. package/dist/components/collections/draggable-list.js +3 -9
  24. package/dist/components/collections/grid-view.d.ts +2 -2
  25. package/dist/components/collections/grid-view.js +3 -9
  26. package/dist/components/collections/pagination.d.ts +2 -2
  27. package/dist/components/collections/pagination.js +3 -9
  28. package/dist/components/collections/table.d.ts +2 -2
  29. package/dist/components/collections/table.js +3 -9
  30. package/dist/components/collections/thumbnail-card.d.ts +2 -2
  31. package/dist/components/collections/thumbnail-card.js +3 -9
  32. package/dist/components/collections/tree-grid.d.ts +2 -2
  33. package/dist/components/collections/tree-grid.js +3 -9
  34. package/dist/components/collections/tree.d.ts +2 -2
  35. package/dist/components/collections/tree.js +3 -9
  36. package/dist/components/feedback/alert.d.ts +2 -2
  37. package/dist/components/feedback/alert.js +3 -9
  38. package/dist/components/feedback/badge.d.ts +2 -2
  39. package/dist/components/feedback/badge.js +3 -9
  40. package/dist/components/feedback/badgeable.d.ts +2 -2
  41. package/dist/components/feedback/badgeable.js +3 -9
  42. package/dist/components/feedback/chip.d.ts +2 -2
  43. package/dist/components/feedback/chip.js +3 -9
  44. package/dist/components/feedback/empty-state.d.ts +2 -2
  45. package/dist/components/feedback/empty-state.js +3 -9
  46. package/dist/components/feedback/error-mask.d.ts +2 -2
  47. package/dist/components/feedback/error-mask.js +3 -9
  48. package/dist/components/feedback/help-text.d.ts +2 -2
  49. package/dist/components/feedback/help-text.js +3 -9
  50. package/dist/components/feedback/nudge.d.ts +2 -2
  51. package/dist/components/feedback/nudge.js +3 -9
  52. package/dist/components/feedback/progress-bar.d.ts +2 -2
  53. package/dist/components/feedback/progress-bar.js +3 -9
  54. package/dist/components/feedback/progress-ring.d.ts +2 -2
  55. package/dist/components/feedback/progress-ring.js +3 -9
  56. package/dist/components/feedback/progress-steps.d.ts +2 -2
  57. package/dist/components/feedback/progress-steps.js +3 -9
  58. package/dist/components/feedback/skeleton.d.ts +2 -2
  59. package/dist/components/feedback/skeleton.js +3 -9
  60. package/dist/components/feedback/spinner.d.ts +2 -2
  61. package/dist/components/feedback/spinner.js +3 -9
  62. package/dist/components/feedback/toast.d.ts +2 -2
  63. package/dist/components/feedback/toast.js +3 -9
  64. package/dist/components/files/drop-zone.d.ts +2 -2
  65. package/dist/components/files/drop-zone.js +3 -9
  66. package/dist/components/forms/calendar.d.ts +2 -2
  67. package/dist/components/forms/calendar.js +3 -9
  68. package/dist/components/forms/category-selector.d.ts +2 -2
  69. package/dist/components/forms/category-selector.js +3 -9
  70. package/dist/components/forms/checkbox-group.d.ts +2 -2
  71. package/dist/components/forms/checkbox-group.js +3 -9
  72. package/dist/components/forms/checkbox.d.ts +2 -2
  73. package/dist/components/forms/checkbox.js +3 -9
  74. package/dist/components/forms/color-picker.d.ts +2 -2
  75. package/dist/components/forms/color-picker.js +3 -9
  76. package/dist/components/forms/combobox.d.ts +2 -2
  77. package/dist/components/forms/combobox.js +3 -9
  78. package/dist/components/forms/date-field.d.ts +2 -2
  79. package/dist/components/forms/date-field.js +3 -9
  80. package/dist/components/forms/dropdown.d.ts +2 -2
  81. package/dist/components/forms/dropdown.js +3 -9
  82. package/dist/components/forms/dual-listbox.d.ts +2 -2
  83. package/dist/components/forms/dual-listbox.js +3 -9
  84. package/dist/components/forms/fieldset.d.ts +2 -2
  85. package/dist/components/forms/fieldset.js +3 -9
  86. package/dist/components/forms/multi-select.d.ts +2 -2
  87. package/dist/components/forms/multi-select.js +3 -9
  88. package/dist/components/forms/number-input.d.ts +2 -2
  89. package/dist/components/forms/number-input.js +3 -9
  90. package/dist/components/forms/pill-cloud.d.ts +2 -2
  91. package/dist/components/forms/pill-cloud.js +3 -9
  92. package/dist/components/forms/pill-selector-dropdown.d.ts +2 -2
  93. package/dist/components/forms/pill-selector-dropdown.js +3 -9
  94. package/dist/components/forms/radio-group.d.ts +2 -2
  95. package/dist/components/forms/radio-group.js +3 -9
  96. package/dist/components/forms/range-slider.d.ts +2 -2
  97. package/dist/components/forms/range-slider.js +3 -9
  98. package/dist/components/forms/rating.d.ts +2 -2
  99. package/dist/components/forms/rating.js +3 -9
  100. package/dist/components/forms/rich-text-input.d.ts +2 -2
  101. package/dist/components/forms/rich-text-input.js +3 -9
  102. package/dist/components/forms/search-field.d.ts +2 -2
  103. package/dist/components/forms/search-field.js +3 -9
  104. package/dist/components/forms/select.d.ts +2 -2
  105. package/dist/components/forms/select.js +3 -9
  106. package/dist/components/forms/slider.d.ts +2 -2
  107. package/dist/components/forms/slider.js +3 -9
  108. package/dist/components/forms/spin-button.d.ts +2 -2
  109. package/dist/components/forms/spin-button.js +3 -9
  110. package/dist/components/forms/switch.d.ts +2 -2
  111. package/dist/components/forms/switch.js +3 -9
  112. package/dist/components/forms/tag-input.d.ts +2 -2
  113. package/dist/components/forms/tag-input.js +3 -9
  114. package/dist/components/forms/text-area.d.ts +2 -2
  115. package/dist/components/forms/text-area.js +3 -9
  116. package/dist/components/forms/text-field.d.ts +2 -2
  117. package/dist/components/forms/text-field.js +3 -9
  118. package/dist/components/forms/time-field.d.ts +2 -2
  119. package/dist/components/forms/time-field.js +4 -10
  120. package/dist/components/identity/avatar.d.ts +2 -2
  121. package/dist/components/identity/avatar.js +3 -9
  122. package/dist/components/identity/contact-datalist-item.d.ts +2 -2
  123. package/dist/components/identity/contact-datalist-item.js +3 -9
  124. package/dist/components/identity/persona.d.ts +2 -2
  125. package/dist/components/identity/persona.js +3 -9
  126. package/dist/components/layout/app-shell.d.ts +2 -2
  127. package/dist/components/layout/app-shell.js +3 -9
  128. package/dist/components/layout/divider.d.ts +2 -2
  129. package/dist/components/layout/divider.js +3 -9
  130. package/dist/components/layout/nav-sidebar.d.ts +2 -2
  131. package/dist/components/layout/nav-sidebar.js +3 -9
  132. package/dist/components/layout/section.d.ts +2 -2
  133. package/dist/components/layout/section.js +3 -9
  134. package/dist/components/layout/sidebar-toggle-button.d.ts +2 -2
  135. package/dist/components/layout/sidebar-toggle-button.js +3 -9
  136. package/dist/components/layout/split-view.d.ts +2 -2
  137. package/dist/components/layout/split-view.js +3 -9
  138. package/dist/components/navigation/accordion.d.ts +2 -2
  139. package/dist/components/navigation/accordion.js +3 -9
  140. package/dist/components/navigation/breadcrumb.d.ts +2 -2
  141. package/dist/components/navigation/breadcrumb.js +3 -9
  142. package/dist/components/navigation/tabs.d.ts +2 -2
  143. package/dist/components/navigation/tabs.js +3 -9
  144. package/dist/components/overlays/context-menu.d.ts +2 -2
  145. package/dist/components/overlays/context-menu.js +3 -9
  146. package/dist/components/overlays/dialog.d.ts +2 -2
  147. package/dist/components/overlays/dialog.js +3 -9
  148. package/dist/components/overlays/drawer.d.ts +2 -2
  149. package/dist/components/overlays/drawer.js +3 -9
  150. package/dist/components/overlays/guide-tooltip.d.ts +2 -2
  151. package/dist/components/overlays/guide-tooltip.js +3 -9
  152. package/dist/components/overlays/popover.d.ts +2 -2
  153. package/dist/components/overlays/popover.js +3 -9
  154. package/dist/components/overlays/tooltip.d.ts +2 -2
  155. package/dist/components/overlays/tooltip.js +3 -9
  156. package/dist/components/visuals/illustration.d.ts +2 -2
  157. package/dist/components/visuals/illustration.js +3 -9
  158. package/dist/core/element.d.ts +5 -1
  159. package/dist/core/element.js +29 -1
  160. package/dist/entries/access-stats.d.ts +1 -0
  161. package/dist/entries/access-stats.js +1 -0
  162. package/dist/entries/accordion.d.ts +1 -0
  163. package/dist/entries/accordion.js +1 -0
  164. package/dist/entries/alert.d.ts +1 -0
  165. package/dist/entries/alert.js +1 -0
  166. package/dist/entries/annotation-inspector.d.ts +1 -0
  167. package/dist/entries/annotation-inspector.js +1 -0
  168. package/dist/entries/annotation-thread.d.ts +1 -0
  169. package/dist/entries/annotation-thread.js +1 -0
  170. package/dist/entries/annotation-toolbar.d.ts +1 -0
  171. package/dist/entries/annotation-toolbar.js +1 -0
  172. package/dist/entries/app-shell.d.ts +1 -0
  173. package/dist/entries/app-shell.js +1 -0
  174. package/dist/entries/avatar.d.ts +1 -0
  175. package/dist/entries/avatar.js +1 -0
  176. package/dist/entries/badge.d.ts +1 -0
  177. package/dist/entries/badge.js +1 -0
  178. package/dist/entries/badgeable.d.ts +1 -0
  179. package/dist/entries/badgeable.js +1 -0
  180. package/dist/entries/bar-chart.d.ts +1 -0
  181. package/dist/entries/bar-chart.js +1 -0
  182. package/dist/entries/breadcrumb.d.ts +1 -0
  183. package/dist/entries/breadcrumb.js +1 -0
  184. package/dist/entries/bulk-action-bar.d.ts +1 -0
  185. package/dist/entries/bulk-action-bar.js +1 -0
  186. package/dist/entries/button-group.d.ts +1 -0
  187. package/dist/entries/button-group.js +1 -0
  188. package/dist/entries/button.d.ts +1 -0
  189. package/dist/entries/button.js +1 -0
  190. package/dist/entries/calendar.d.ts +1 -0
  191. package/dist/entries/calendar.js +1 -0
  192. package/dist/entries/card.d.ts +1 -0
  193. package/dist/entries/card.js +1 -0
  194. package/dist/entries/carousel.d.ts +1 -0
  195. package/dist/entries/carousel.js +1 -0
  196. package/dist/entries/category-selector.d.ts +1 -0
  197. package/dist/entries/category-selector.js +1 -0
  198. package/dist/entries/chart-panel.d.ts +1 -0
  199. package/dist/entries/chart-panel.js +1 -0
  200. package/dist/entries/checkbox-group.d.ts +1 -0
  201. package/dist/entries/checkbox-group.js +1 -0
  202. package/dist/entries/checkbox.d.ts +1 -0
  203. package/dist/entries/checkbox.js +1 -0
  204. package/dist/entries/chip.d.ts +1 -0
  205. package/dist/entries/chip.js +1 -0
  206. package/dist/entries/collaborator-avatars.d.ts +1 -0
  207. package/dist/entries/collaborator-avatars.js +1 -0
  208. package/dist/entries/color-picker.d.ts +1 -0
  209. package/dist/entries/color-picker.js +1 -0
  210. package/dist/entries/combobox.d.ts +1 -0
  211. package/dist/entries/combobox.js +1 -0
  212. package/dist/entries/contact-datalist-item.d.ts +1 -0
  213. package/dist/entries/contact-datalist-item.js +1 -0
  214. package/dist/entries/content-explorer.d.ts +1 -0
  215. package/dist/entries/content-explorer.js +1 -0
  216. package/dist/entries/context-menu.d.ts +1 -0
  217. package/dist/entries/context-menu.js +1 -0
  218. package/dist/entries/datalist-item.d.ts +1 -0
  219. package/dist/entries/datalist-item.js +1 -0
  220. package/dist/entries/date-field.d.ts +1 -0
  221. package/dist/entries/date-field.js +1 -0
  222. package/dist/entries/dialog.d.ts +1 -0
  223. package/dist/entries/dialog.js +1 -0
  224. package/dist/entries/divider.d.ts +1 -0
  225. package/dist/entries/divider.js +1 -0
  226. package/dist/entries/donut-chart.d.ts +1 -0
  227. package/dist/entries/donut-chart.js +1 -0
  228. package/dist/entries/draggable-list.d.ts +1 -0
  229. package/dist/entries/draggable-list.js +1 -0
  230. package/dist/entries/drawer.d.ts +1 -0
  231. package/dist/entries/drawer.js +1 -0
  232. package/dist/entries/drop-zone.d.ts +1 -0
  233. package/dist/entries/drop-zone.js +1 -0
  234. package/dist/entries/dropdown.d.ts +1 -0
  235. package/dist/entries/dropdown.js +1 -0
  236. package/dist/entries/dual-listbox.d.ts +1 -0
  237. package/dist/entries/dual-listbox.js +1 -0
  238. package/dist/entries/empty-state.d.ts +1 -0
  239. package/dist/entries/empty-state.js +1 -0
  240. package/dist/entries/error-mask.d.ts +1 -0
  241. package/dist/entries/error-mask.js +1 -0
  242. package/dist/entries/explorer-action-menu.d.ts +1 -0
  243. package/dist/entries/explorer-action-menu.js +1 -0
  244. package/dist/entries/explorer-breadcrumbs.d.ts +1 -0
  245. package/dist/entries/explorer-breadcrumbs.js +1 -0
  246. package/dist/entries/explorer-items.d.ts +1 -0
  247. package/dist/entries/explorer-items.js +1 -0
  248. package/dist/entries/explorer-list.d.ts +1 -0
  249. package/dist/entries/explorer-list.js +1 -0
  250. package/dist/entries/explorer-table.d.ts +1 -0
  251. package/dist/entries/explorer-table.js +1 -0
  252. package/dist/entries/explorer-toolbar.d.ts +1 -0
  253. package/dist/entries/explorer-toolbar.js +1 -0
  254. package/dist/entries/fieldset.d.ts +1 -0
  255. package/dist/entries/fieldset.js +1 -0
  256. package/dist/entries/file-request-builder.d.ts +1 -0
  257. package/dist/entries/file-request-builder.js +1 -0
  258. package/dist/entries/filter-bar.d.ts +1 -0
  259. package/dist/entries/filter-bar.js +1 -0
  260. package/dist/entries/governance-panel.d.ts +1 -0
  261. package/dist/entries/governance-panel.js +1 -0
  262. package/dist/entries/grid-view.d.ts +1 -0
  263. package/dist/entries/grid-view.js +1 -0
  264. package/dist/entries/guide-tooltip.d.ts +1 -0
  265. package/dist/entries/guide-tooltip.js +1 -0
  266. package/dist/entries/help-text.d.ts +1 -0
  267. package/dist/entries/help-text.js +1 -0
  268. package/dist/entries/icon-button.d.ts +1 -0
  269. package/dist/entries/icon-button.js +1 -0
  270. package/dist/entries/illustration.d.ts +1 -0
  271. package/dist/entries/illustration.js +1 -0
  272. package/dist/entries/invite-collaborators-modal.d.ts +1 -0
  273. package/dist/entries/invite-collaborators-modal.js +1 -0
  274. package/dist/entries/item-details-panel.d.ts +1 -0
  275. package/dist/entries/item-details-panel.js +1 -0
  276. package/dist/entries/item-form.d.ts +1 -0
  277. package/dist/entries/item-form.js +1 -0
  278. package/dist/entries/line-chart.d.ts +1 -0
  279. package/dist/entries/line-chart.js +1 -0
  280. package/dist/entries/link-button.d.ts +1 -0
  281. package/dist/entries/link-button.js +1 -0
  282. package/dist/entries/menu-item.d.ts +1 -0
  283. package/dist/entries/menu-item.js +1 -0
  284. package/dist/entries/menu.d.ts +1 -0
  285. package/dist/entries/menu.js +1 -0
  286. package/dist/entries/metadata-filter-builder.d.ts +1 -0
  287. package/dist/entries/metadata-filter-builder.js +1 -0
  288. package/dist/entries/metadata-inspector.d.ts +1 -0
  289. package/dist/entries/metadata-inspector.js +1 -0
  290. package/dist/entries/metric-card.d.ts +1 -0
  291. package/dist/entries/metric-card.js +1 -0
  292. package/dist/entries/multi-select.d.ts +1 -0
  293. package/dist/entries/multi-select.js +1 -0
  294. package/dist/entries/nav-sidebar.d.ts +1 -0
  295. package/dist/entries/nav-sidebar.js +1 -0
  296. package/dist/entries/nudge.d.ts +1 -0
  297. package/dist/entries/nudge.js +1 -0
  298. package/dist/entries/number-input.d.ts +1 -0
  299. package/dist/entries/number-input.js +1 -0
  300. package/dist/entries/pagination.d.ts +1 -0
  301. package/dist/entries/pagination.js +1 -0
  302. package/dist/entries/permission-matrix.d.ts +1 -0
  303. package/dist/entries/permission-matrix.js +1 -0
  304. package/dist/entries/persona.d.ts +1 -0
  305. package/dist/entries/persona.js +1 -0
  306. package/dist/entries/pill-cloud.d.ts +1 -0
  307. package/dist/entries/pill-cloud.js +1 -0
  308. package/dist/entries/pill-selector-dropdown.d.ts +1 -0
  309. package/dist/entries/pill-selector-dropdown.js +1 -0
  310. package/dist/entries/popover.d.ts +1 -0
  311. package/dist/entries/popover.js +1 -0
  312. package/dist/entries/presence.d.ts +1 -0
  313. package/dist/entries/presence.js +1 -0
  314. package/dist/entries/preview-header.d.ts +1 -0
  315. package/dist/entries/preview-header.js +1 -0
  316. package/dist/entries/preview.d.ts +1 -0
  317. package/dist/entries/preview.js +1 -0
  318. package/dist/entries/progress-bar.d.ts +1 -0
  319. package/dist/entries/progress-bar.js +1 -0
  320. package/dist/entries/progress-ring.d.ts +1 -0
  321. package/dist/entries/progress-ring.js +1 -0
  322. package/dist/entries/progress-steps.d.ts +1 -0
  323. package/dist/entries/progress-steps.js +1 -0
  324. package/dist/entries/radio-group.d.ts +1 -0
  325. package/dist/entries/radio-group.js +1 -0
  326. package/dist/entries/range-slider.d.ts +1 -0
  327. package/dist/entries/range-slider.js +1 -0
  328. package/dist/entries/rating.d.ts +1 -0
  329. package/dist/entries/rating.js +1 -0
  330. package/dist/entries/review-queue-item.d.ts +1 -0
  331. package/dist/entries/review-queue-item.js +1 -0
  332. package/dist/entries/rich-text-input.d.ts +1 -0
  333. package/dist/entries/rich-text-input.js +1 -0
  334. package/dist/entries/saved-view-picker.d.ts +1 -0
  335. package/dist/entries/saved-view-picker.js +1 -0
  336. package/dist/entries/search-field.d.ts +1 -0
  337. package/dist/entries/search-field.js +1 -0
  338. package/dist/entries/search-results-header.d.ts +1 -0
  339. package/dist/entries/search-results-header.js +1 -0
  340. package/dist/entries/section.d.ts +1 -0
  341. package/dist/entries/section.js +1 -0
  342. package/dist/entries/segmented-control.d.ts +1 -0
  343. package/dist/entries/segmented-control.js +1 -0
  344. package/dist/entries/select.d.ts +1 -0
  345. package/dist/entries/select.js +1 -0
  346. package/dist/entries/share-panel.d.ts +1 -0
  347. package/dist/entries/share-panel.js +1 -0
  348. package/dist/entries/sidebar-toggle-button.d.ts +1 -0
  349. package/dist/entries/sidebar-toggle-button.js +1 -0
  350. package/dist/entries/skeleton.d.ts +1 -0
  351. package/dist/entries/skeleton.js +1 -0
  352. package/dist/entries/slider.d.ts +1 -0
  353. package/dist/entries/slider.js +1 -0
  354. package/dist/entries/spin-button.d.ts +1 -0
  355. package/dist/entries/spin-button.js +1 -0
  356. package/dist/entries/spinner.d.ts +1 -0
  357. package/dist/entries/spinner.js +1 -0
  358. package/dist/entries/split-view.d.ts +1 -0
  359. package/dist/entries/split-view.js +1 -0
  360. package/dist/entries/switch.d.ts +1 -0
  361. package/dist/entries/switch.js +1 -0
  362. package/dist/entries/table.d.ts +1 -0
  363. package/dist/entries/table.js +1 -0
  364. package/dist/entries/tabs.d.ts +1 -0
  365. package/dist/entries/tabs.js +1 -0
  366. package/dist/entries/tag-input.d.ts +1 -0
  367. package/dist/entries/tag-input.js +1 -0
  368. package/dist/entries/task-assignment-panel.d.ts +1 -0
  369. package/dist/entries/task-assignment-panel.js +1 -0
  370. package/dist/entries/text-area.d.ts +1 -0
  371. package/dist/entries/text-area.js +1 -0
  372. package/dist/entries/text-field.d.ts +1 -0
  373. package/dist/entries/text-field.js +1 -0
  374. package/dist/entries/thumbnail-card.d.ts +1 -0
  375. package/dist/entries/thumbnail-card.js +1 -0
  376. package/dist/entries/time-field.d.ts +1 -0
  377. package/dist/entries/time-field.js +1 -0
  378. package/dist/entries/toast.d.ts +1 -0
  379. package/dist/entries/toast.js +1 -0
  380. package/dist/entries/tooltip.d.ts +1 -0
  381. package/dist/entries/tooltip.js +1 -0
  382. package/dist/entries/tree-grid.d.ts +1 -0
  383. package/dist/entries/tree-grid.js +1 -0
  384. package/dist/entries/tree.d.ts +1 -0
  385. package/dist/entries/tree.js +1 -0
  386. package/dist/entries/unified-share-modal.d.ts +1 -0
  387. package/dist/entries/unified-share-modal.js +1 -0
  388. package/dist/foundations/geometry/tokens.d.ts +46 -45
  389. package/dist/foundations/geometry/tokens.js +46 -45
  390. package/dist/foundations/motion/tokens.d.ts +10 -10
  391. package/dist/foundations/motion/tokens.js +10 -10
  392. package/dist/foundations/profiles/built-ins.d.ts +4 -0
  393. package/dist/foundations/profiles/built-ins.js +131 -0
  394. package/dist/foundations/profiles/controller.d.ts +4 -0
  395. package/dist/foundations/profiles/controller.js +107 -0
  396. package/dist/foundations/profiles/index.d.ts +4 -0
  397. package/dist/foundations/profiles/index.js +3 -0
  398. package/dist/foundations/profiles/registry.d.ts +72 -0
  399. package/dist/foundations/profiles/registry.js +119 -0
  400. package/dist/foundations/profiles/types.d.ts +94 -0
  401. package/dist/foundations/profiles/types.js +1 -0
  402. package/dist/foundations/theming/controller.d.ts +37 -0
  403. package/dist/foundations/theming/controller.js +176 -0
  404. package/dist/foundations/theming/index.d.ts +2 -0
  405. package/dist/foundations/theming/index.js +1 -0
  406. package/dist/foundations/tokens/box-dark.d.ts +3 -3
  407. package/dist/foundations/tokens/box-defaults.d.ts +3 -3
  408. package/dist/foundations/tokens/index.d.ts +2 -2
  409. package/dist/foundations/tokens/index.js +1 -1
  410. package/dist/foundations/tokens/registry.d.ts +37 -7
  411. package/dist/foundations/tokens/registry.js +55 -5
  412. package/dist/foundations/tokens/types.d.ts +38 -1
  413. package/dist/index.d.ts +6 -2
  414. package/dist/index.js +3 -1
  415. package/dist/patterns/content-explorer/adapters/action-menu.d.ts +2 -2
  416. package/dist/patterns/content-explorer/adapters/action-menu.js +3 -9
  417. package/dist/patterns/content-explorer/adapters/breadcrumbs.d.ts +2 -2
  418. package/dist/patterns/content-explorer/adapters/breadcrumbs.js +3 -9
  419. package/dist/patterns/content-explorer/adapters/items.d.ts +3 -3
  420. package/dist/patterns/content-explorer/adapters/items.js +4 -10
  421. package/dist/patterns/content-explorer/adapters/list.d.ts +2 -2
  422. package/dist/patterns/content-explorer/adapters/list.js +3 -9
  423. package/dist/patterns/content-explorer/adapters/table.d.ts +2 -2
  424. package/dist/patterns/content-explorer/adapters/table.js +3 -9
  425. package/dist/patterns/content-explorer/adapters/toolbar.d.ts +2 -2
  426. package/dist/patterns/content-explorer/adapters/toolbar.js +7 -13
  427. package/dist/patterns/content-explorer/content-explorer.d.ts +15 -15
  428. package/dist/patterns/content-explorer/content-explorer.js +5 -11
  429. package/dist/patterns/file-request/file-request-builder.d.ts +2 -2
  430. package/dist/patterns/file-request/file-request-builder.js +3 -9
  431. package/dist/patterns/governance/governance-panel.d.ts +2 -2
  432. package/dist/patterns/governance/governance-panel.js +3 -6
  433. package/dist/patterns/insights/bar-chart.d.ts +2 -2
  434. package/dist/patterns/insights/bar-chart.js +3 -6
  435. package/dist/patterns/insights/chart-panel.d.ts +2 -2
  436. package/dist/patterns/insights/chart-panel.js +3 -6
  437. package/dist/patterns/insights/donut-chart.d.ts +2 -2
  438. package/dist/patterns/insights/donut-chart.js +3 -6
  439. package/dist/patterns/insights/line-chart.d.ts +2 -2
  440. package/dist/patterns/insights/line-chart.js +3 -6
  441. package/dist/patterns/insights/metric-card.d.ts +2 -2
  442. package/dist/patterns/insights/metric-card.js +3 -6
  443. package/dist/patterns/item/bulk-action-bar.d.ts +2 -2
  444. package/dist/patterns/item/bulk-action-bar.js +3 -6
  445. package/dist/patterns/item/item-details-panel.d.ts +2 -2
  446. package/dist/patterns/item/item-details-panel.js +3 -9
  447. package/dist/patterns/item/item-form.d.ts +2 -2
  448. package/dist/patterns/item/item-form.js +3 -9
  449. package/dist/patterns/item/preview-header.d.ts +2 -2
  450. package/dist/patterns/item/preview-header.js +3 -9
  451. package/dist/patterns/metadata/metadata-filter-builder.d.ts +2 -2
  452. package/dist/patterns/metadata/metadata-filter-builder.js +3 -9
  453. package/dist/patterns/metadata/metadata-inspector.d.ts +2 -2
  454. package/dist/patterns/metadata/metadata-inspector.js +3 -9
  455. package/dist/patterns/preview/annotation-inspector.d.ts +2 -2
  456. package/dist/patterns/preview/annotation-inspector.js +3 -9
  457. package/dist/patterns/preview/annotation-thread.d.ts +2 -2
  458. package/dist/patterns/preview/annotation-thread.js +3 -9
  459. package/dist/patterns/preview/annotation-toolbar.d.ts +2 -2
  460. package/dist/patterns/preview/annotation-toolbar.js +3 -9
  461. package/dist/patterns/preview/preview-element.d.ts +2 -2
  462. package/dist/patterns/preview/preview-element.js +3 -9
  463. package/dist/patterns/search/filter-bar.d.ts +2 -2
  464. package/dist/patterns/search/filter-bar.js +3 -9
  465. package/dist/patterns/search/saved-view-picker.d.ts +2 -2
  466. package/dist/patterns/search/saved-view-picker.js +3 -9
  467. package/dist/patterns/search/search-results-header.d.ts +2 -2
  468. package/dist/patterns/search/search-results-header.js +3 -9
  469. package/dist/patterns/share/access-stats.d.ts +2 -2
  470. package/dist/patterns/share/access-stats.js +3 -9
  471. package/dist/patterns/share/collaborator-avatars.d.ts +2 -2
  472. package/dist/patterns/share/collaborator-avatars.js +3 -9
  473. package/dist/patterns/share/invite-collaborators-modal.d.ts +2 -2
  474. package/dist/patterns/share/invite-collaborators-modal.js +3 -9
  475. package/dist/patterns/share/permission-matrix.d.ts +2 -2
  476. package/dist/patterns/share/permission-matrix.js +3 -9
  477. package/dist/patterns/share/presence.d.ts +2 -2
  478. package/dist/patterns/share/presence.js +3 -9
  479. package/dist/patterns/share/share-panel.d.ts +2 -2
  480. package/dist/patterns/share/share-panel.js +3 -9
  481. package/dist/patterns/share/unified-share-modal.d.ts +2 -2
  482. package/dist/patterns/share/unified-share-modal.js +3 -9
  483. package/dist/patterns/task/review-queue-item.d.ts +2 -2
  484. package/dist/patterns/task/review-queue-item.js +3 -6
  485. package/dist/patterns/task/task-assignment-panel.d.ts +2 -2
  486. package/dist/patterns/task/task-assignment-panel.js +3 -6
  487. package/package.json +5 -1
@@ -135,7 +135,8 @@ const navSidebarStyles = `
135
135
  * `[data-nav-label]` span. Host exposes `--boe-nav-label-display` (`none` when
136
136
  * collapsed) so light-DOM CSS can hide labels without piercing the shadow tree.
137
137
  */
138
- export class BoxNavSidebarElement extends BaseElement {
138
+ export class NavSidebar extends BaseElement {
139
+ static tagName = DEFAULT_TAG_NAME;
139
140
  static get observedAttributes() {
140
141
  return ["collapsed", "label"];
141
142
  }
@@ -180,11 +181,4 @@ export class BoxNavSidebarElement extends BaseElement {
180
181
  this.sidebarEl.setAttribute("aria-label", this.label);
181
182
  }
182
183
  }
183
- export const defineBoxNavSidebarElement = (tagName = DEFAULT_TAG_NAME) => {
184
- const existingElement = customElements.get(tagName);
185
- if (existingElement) {
186
- return existingElement;
187
- }
188
- customElements.define(tagName, BoxNavSidebarElement);
189
- return BoxNavSidebarElement;
190
- };
184
+ NavSidebar.register();
@@ -5,7 +5,8 @@ import { BaseElement } from "../../core/index.js";
5
5
  * content. The `<section>` is labelled by its heading via `aria-labelledby` so
6
6
  * it is announced as a named region. Layout-only — it owns no behavior.
7
7
  */
8
- export declare class BoxSectionElement extends BaseElement {
8
+ export declare class Section extends BaseElement {
9
+ static readonly tagName: string;
9
10
  static get observedAttributes(): string[];
10
11
  private headerMainEl;
11
12
  get heading(): string;
@@ -17,4 +18,3 @@ export declare class BoxSectionElement extends BaseElement {
17
18
  protected renderTemplate(): void;
18
19
  protected update(): void;
19
20
  }
20
- export declare const defineBoxSectionElement: (tagName?: string) => typeof BoxSectionElement;
@@ -72,7 +72,8 @@ const sectionStyles = `
72
72
  * content. The `<section>` is labelled by its heading via `aria-labelledby` so
73
73
  * it is announced as a named region. Layout-only — it owns no behavior.
74
74
  */
75
- export class BoxSectionElement extends BaseElement {
75
+ export class Section extends BaseElement {
76
+ static tagName = DEFAULT_TAG_NAME;
76
77
  static get observedAttributes() {
77
78
  return ["description", "eyebrow", "heading"];
78
79
  }
@@ -133,11 +134,4 @@ export class BoxSectionElement extends BaseElement {
133
134
  `;
134
135
  }
135
136
  }
136
- export const defineBoxSectionElement = (tagName = DEFAULT_TAG_NAME) => {
137
- const existingElement = customElements.get(tagName);
138
- if (existingElement) {
139
- return existingElement;
140
- }
141
- customElements.define(tagName, BoxSectionElement);
142
- return BoxSectionElement;
143
- };
137
+ Section.register();
@@ -6,7 +6,8 @@ import { BaseElement } from "../../core/index.js";
6
6
  * property. `controls` reflects to `aria-controls` so assistive tech can tie the
7
7
  * button to the region it operates.
8
8
  */
9
- export declare class BoxSidebarToggleButtonElement extends BaseElement {
9
+ export declare class SidebarToggleButton extends BaseElement {
10
+ static readonly tagName: string;
10
11
  static get observedAttributes(): string[];
11
12
  private buttonEl;
12
13
  /** Which side the companion sidebar sits on: `left` (default) or `right`. */
@@ -26,4 +27,3 @@ export declare class BoxSidebarToggleButtonElement extends BaseElement {
26
27
  protected setupListeners(): void;
27
28
  protected update(): void;
28
29
  }
29
- export declare const defineBoxSidebarToggleButtonElement: (tagName?: string) => typeof BoxSidebarToggleButtonElement;
@@ -58,7 +58,8 @@ const sidebarToggleButtonStyles = `
58
58
  * property. `controls` reflects to `aria-controls` so assistive tech can tie the
59
59
  * button to the region it operates.
60
60
  */
61
- export class BoxSidebarToggleButtonElement extends BaseElement {
61
+ export class SidebarToggleButton extends BaseElement {
62
+ static tagName = DEFAULT_TAG_NAME;
62
63
  static get observedAttributes() {
63
64
  return ["controls", "disabled", "expanded", "label", "direction"];
64
65
  }
@@ -146,11 +147,4 @@ export class BoxSidebarToggleButtonElement extends BaseElement {
146
147
  this.buttonEl.disabled = this.disabled;
147
148
  }
148
149
  }
149
- export const defineBoxSidebarToggleButtonElement = (tagName = DEFAULT_TAG_NAME) => {
150
- const existingElement = customElements.get(tagName);
151
- if (existingElement) {
152
- return existingElement;
153
- }
154
- customElements.define(tagName, BoxSidebarToggleButtonElement);
155
- return BoxSidebarToggleButtonElement;
156
- };
150
+ SidebarToggleButton.register();
@@ -1,5 +1,6 @@
1
1
  import { BaseElement } from "../../core/index.js";
2
- export declare class BoxSplitViewElement extends BaseElement {
2
+ export declare class SplitView extends BaseElement {
3
+ static readonly tagName: string;
3
4
  static get observedAttributes(): string[];
4
5
  private isResizing;
5
6
  private splitViewEl;
@@ -16,4 +17,3 @@ export declare class BoxSplitViewElement extends BaseElement {
16
17
  protected setupListeners(): void;
17
18
  protected update(): void;
18
19
  }
19
- export declare const defineBoxSplitViewElement: (tagName?: string) => typeof BoxSplitViewElement;
@@ -34,7 +34,8 @@ const splitViewStyles = `
34
34
  background: color-mix(in srgb, var(--boe-token-stroke-stroke, #e8e8e8) 82%, transparent);
35
35
  }
36
36
  `;
37
- export class BoxSplitViewElement extends BaseElement {
37
+ export class SplitView extends BaseElement {
38
+ static tagName = DEFAULT_TAG_NAME;
38
39
  static get observedAttributes() {
39
40
  return ["label", "ratio", "resizable"];
40
41
  }
@@ -147,11 +148,4 @@ export class BoxSplitViewElement extends BaseElement {
147
148
  this.separatorEl.hidden = !resizable;
148
149
  }
149
150
  }
150
- export const defineBoxSplitViewElement = (tagName = DEFAULT_TAG_NAME) => {
151
- const existingElement = customElements.get(tagName);
152
- if (existingElement) {
153
- return existingElement;
154
- }
155
- customElements.define(tagName, BoxSplitViewElement);
156
- return BoxSplitViewElement;
157
- };
151
+ SplitView.register();
@@ -4,7 +4,8 @@ type BoxAccordionItem = {
4
4
  label: string;
5
5
  value: string;
6
6
  };
7
- export declare class BoxAccordionElement extends BaseElement {
7
+ export declare class Accordion extends BaseElement {
8
+ static readonly tagName: string;
8
9
  static get observedAttributes(): string[];
9
10
  /** Flat variant with no outer card border/background. */
10
11
  get borderless(): boolean;
@@ -24,5 +25,4 @@ export declare class BoxAccordionElement extends BaseElement {
24
25
  protected setupListeners(): void;
25
26
  protected update(): void;
26
27
  }
27
- export declare const defineBoxAccordionElement: (tagName?: string) => typeof BoxAccordionElement;
28
28
  export {};
@@ -94,7 +94,8 @@ const accordionStyles = `
94
94
 
95
95
  ${boeNeutralInteractiveStyles('[part="trigger"]')}
96
96
  `;
97
- export class BoxAccordionElement extends BaseElement {
97
+ export class Accordion extends BaseElement {
98
+ static tagName = DEFAULT_TAG_NAME;
98
99
  static get observedAttributes() {
99
100
  return ["items", "label", "value", "borderless"];
100
101
  }
@@ -258,11 +259,4 @@ export class BoxAccordionElement extends BaseElement {
258
259
  });
259
260
  }
260
261
  }
261
- export const defineBoxAccordionElement = (tagName = DEFAULT_TAG_NAME) => {
262
- const existingElement = customElements.get(tagName);
263
- if (existingElement) {
264
- return existingElement;
265
- }
266
- customElements.define(tagName, BoxAccordionElement);
267
- return BoxAccordionElement;
268
- };
262
+ Accordion.register();
@@ -11,7 +11,8 @@ export interface BreadcrumbItem {
11
11
  * `Breadcrumb`. When the trail is longer than `max-items` the middle crumbs
12
12
  * collapse into an ellipsis, always keeping the first crumb and the last two.
13
13
  */
14
- export declare class BoxBreadcrumbElement extends BaseElement {
14
+ export declare class Breadcrumb extends BaseElement {
15
+ static readonly tagName: string;
15
16
  static get observedAttributes(): string[];
16
17
  private listEl;
17
18
  get items(): BreadcrumbItem[];
@@ -27,4 +28,3 @@ export declare class BoxBreadcrumbElement extends BaseElement {
27
28
  protected setupListeners(): void;
28
29
  protected update(): void;
29
30
  }
30
- export declare const defineBoxBreadcrumbElement: (tagName?: string) => typeof BoxBreadcrumbElement;
@@ -82,7 +82,8 @@ const ELLIPSIS = Symbol("ellipsis");
82
82
  * `Breadcrumb`. When the trail is longer than `max-items` the middle crumbs
83
83
  * collapse into an ellipsis, always keeping the first crumb and the last two.
84
84
  */
85
- export class BoxBreadcrumbElement extends BaseElement {
85
+ export class Breadcrumb extends BaseElement {
86
+ static tagName = DEFAULT_TAG_NAME;
86
87
  static get observedAttributes() {
87
88
  return ["items", "label", "max-items"];
88
89
  }
@@ -180,11 +181,4 @@ export class BoxBreadcrumbElement extends BaseElement {
180
181
  .join("");
181
182
  }
182
183
  }
183
- export const defineBoxBreadcrumbElement = (tagName = DEFAULT_TAG_NAME) => {
184
- const existingElement = customElements.get(tagName);
185
- if (existingElement) {
186
- return existingElement;
187
- }
188
- customElements.define(tagName, BoxBreadcrumbElement);
189
- return BoxBreadcrumbElement;
190
- };
184
+ Breadcrumb.register();
@@ -3,7 +3,8 @@ type BoxTabOption = {
3
3
  label: string;
4
4
  value: string;
5
5
  };
6
- export declare class BoxTabsElement extends BaseElement {
6
+ export declare class Tabs extends BaseElement {
7
+ static readonly tagName: string;
7
8
  static get observedAttributes(): string[];
8
9
  private valueInternal;
9
10
  private lastOptionsJson;
@@ -27,5 +28,4 @@ export declare class BoxTabsElement extends BaseElement {
27
28
  protected setupListeners(): void;
28
29
  protected update(): void;
29
30
  }
30
- export declare const defineBoxTabsElement: (tagName?: string) => typeof BoxTabsElement;
31
31
  export {};
@@ -105,7 +105,8 @@ const tabsStyles = `
105
105
  border-radius: ${boeRadius.med};
106
106
  }
107
107
  `;
108
- export class BoxTabsElement extends BaseElement {
108
+ export class Tabs extends BaseElement {
109
+ static tagName = DEFAULT_TAG_NAME;
109
110
  static get observedAttributes() {
110
111
  return ["label", "layout", "options", "value"];
111
112
  }
@@ -327,11 +328,4 @@ export class BoxTabsElement extends BaseElement {
327
328
  });
328
329
  }
329
330
  }
330
- export const defineBoxTabsElement = (tagName = DEFAULT_TAG_NAME) => {
331
- const existingElement = customElements.get(tagName);
332
- if (existingElement) {
333
- return existingElement;
334
- }
335
- customElements.define(tagName, BoxTabsElement);
336
- return BoxTabsElement;
337
- };
331
+ Tabs.register();
@@ -12,7 +12,8 @@ export interface ContextMenuItem {
12
12
  * menu at the pointer, positioned with `foundations/overlay` so it stays in the
13
13
  * viewport. Full keyboard menu: arrows, Home/End, Enter/Space, Escape.
14
14
  */
15
- export declare class BoxContextMenuElement extends BaseElement {
15
+ export declare class ContextMenu extends BaseElement {
16
+ static readonly tagName: string;
16
17
  static get observedAttributes(): string[];
17
18
  private openValue;
18
19
  private targetEl;
@@ -39,4 +40,3 @@ export declare class BoxContextMenuElement extends BaseElement {
39
40
  private unbindDocument;
40
41
  protected update(): void;
41
42
  }
42
- export declare const defineBoxContextMenuElement: (tagName?: string) => typeof BoxContextMenuElement;
@@ -82,7 +82,8 @@ const contextMenuStyles = `
82
82
  * menu at the pointer, positioned with `foundations/overlay` so it stays in the
83
83
  * viewport. Full keyboard menu: arrows, Home/End, Enter/Space, Escape.
84
84
  */
85
- export class BoxContextMenuElement extends BaseElement {
85
+ export class ContextMenu extends BaseElement {
86
+ static tagName = DEFAULT_TAG_NAME;
86
87
  static get observedAttributes() {
87
88
  return ["items", "disabled"];
88
89
  }
@@ -250,11 +251,4 @@ export class BoxContextMenuElement extends BaseElement {
250
251
  this.renderItems();
251
252
  }
252
253
  }
253
- export const defineBoxContextMenuElement = (tagName = DEFAULT_TAG_NAME) => {
254
- const existingElement = customElements.get(tagName);
255
- if (existingElement) {
256
- return existingElement;
257
- }
258
- customElements.define(tagName, BoxContextMenuElement);
259
- return BoxContextMenuElement;
260
- };
254
+ ContextMenu.register();
@@ -1,5 +1,6 @@
1
1
  import { BaseElement } from "../../core/index.js";
2
- export declare class BoxDialogElement extends BaseElement {
2
+ export declare class Dialog extends BaseElement {
3
+ static readonly tagName: string;
3
4
  static get observedAttributes(): string[];
4
5
  private openValue;
5
6
  private wasOpen;
@@ -31,4 +32,3 @@ export declare class BoxDialogElement extends BaseElement {
31
32
  protected setupListeners(): void;
32
33
  protected update(): void;
33
34
  }
34
- export declare const defineBoxDialogElement: (tagName?: string) => typeof BoxDialogElement;
@@ -104,7 +104,8 @@ const dialogStyles = `
104
104
  ${boeNeutralInteractiveStyles('[part="cancel"]')}
105
105
  ${boeBrandInteractiveStyles('[part="confirm"]')}
106
106
  `;
107
- export class BoxDialogElement extends BaseElement {
107
+ export class Dialog extends BaseElement {
108
+ static tagName = DEFAULT_TAG_NAME;
108
109
  static get observedAttributes() {
109
110
  return ["confirm-label", "description", "heading", "open", "size"];
110
111
  }
@@ -300,11 +301,4 @@ export class BoxDialogElement extends BaseElement {
300
301
  }
301
302
  }
302
303
  }
303
- export const defineBoxDialogElement = (tagName = DEFAULT_TAG_NAME) => {
304
- const existingElement = customElements.get(tagName);
305
- if (existingElement) {
306
- return existingElement;
307
- }
308
- customElements.define(tagName, BoxDialogElement);
309
- return BoxDialogElement;
310
- };
304
+ Dialog.register();
@@ -1,5 +1,6 @@
1
1
  import { BaseElement } from "../../core/index.js";
2
- export declare class BoxDrawerElement extends BaseElement {
2
+ export declare class Drawer extends BaseElement {
3
+ static readonly tagName: string;
3
4
  static get observedAttributes(): string[];
4
5
  private openValue;
5
6
  private wasOpen;
@@ -29,4 +30,3 @@ export declare class BoxDrawerElement extends BaseElement {
29
30
  protected setupListeners(): void;
30
31
  protected update(): void;
31
32
  }
32
- export declare const defineBoxDrawerElement: (tagName?: string) => typeof BoxDrawerElement;
@@ -108,7 +108,8 @@ const drawerStyles = `
108
108
  overflow: auto;
109
109
  }
110
110
  `;
111
- export class BoxDrawerElement extends BaseElement {
111
+ export class Drawer extends BaseElement {
112
+ static tagName = DEFAULT_TAG_NAME;
112
113
  static get observedAttributes() {
113
114
  return ["description", "heading", "open", "position"];
114
115
  }
@@ -313,11 +314,4 @@ export class BoxDrawerElement extends BaseElement {
313
314
  }
314
315
  }
315
316
  }
316
- export const defineBoxDrawerElement = (tagName = DEFAULT_TAG_NAME) => {
317
- const existingElement = customElements.get(tagName);
318
- if (existingElement) {
319
- return existingElement;
320
- }
321
- customElements.define(tagName, BoxDrawerElement);
322
- return BoxDrawerElement;
323
- };
317
+ Drawer.register();
@@ -8,7 +8,8 @@ import { BaseElement } from "../../core/index.js";
8
8
  * so the host can advance the tour (moving `for`/`step`). Positioned as a
9
9
  * viewport-fixed overlay via `foundations/overlay`.
10
10
  */
11
- export declare class BoxGuideTooltipElement extends BaseElement {
11
+ export declare class GuideTooltip extends BaseElement {
12
+ static readonly tagName: string;
12
13
  static get observedAttributes(): string[];
13
14
  private openValue;
14
15
  private positionCleanup;
@@ -48,4 +49,3 @@ export declare class BoxGuideTooltipElement extends BaseElement {
48
49
  protected setupListeners(): void;
49
50
  protected update(): void;
50
51
  }
51
- export declare const defineBoxGuideTooltipElement: (tagName?: string) => typeof BoxGuideTooltipElement;
@@ -155,7 +155,8 @@ const guideTooltipStyles = `
155
155
  * so the host can advance the tour (moving `for`/`step`). Positioned as a
156
156
  * viewport-fixed overlay via `foundations/overlay`.
157
157
  */
158
- export class BoxGuideTooltipElement extends BaseElement {
158
+ export class GuideTooltip extends BaseElement {
159
+ static tagName = DEFAULT_TAG_NAME;
159
160
  static get observedAttributes() {
160
161
  return [
161
162
  "open",
@@ -351,11 +352,4 @@ export class BoxGuideTooltipElement extends BaseElement {
351
352
  }
352
353
  }
353
354
  }
354
- export const defineBoxGuideTooltipElement = (tagName = DEFAULT_TAG_NAME) => {
355
- const existingElement = customElements.get(tagName);
356
- if (existingElement) {
357
- return existingElement;
358
- }
359
- customElements.define(tagName, BoxGuideTooltipElement);
360
- return BoxGuideTooltipElement;
361
- };
355
+ GuideTooltip.register();
@@ -4,7 +4,8 @@ import { BaseElement } from "../../core/index.js";
4
4
  * alignment, plus the legacy names (`start` = left, `end` = right).
5
5
  */
6
6
  export type PopoverPlacement = "top" | "bottom" | "left" | "right" | "start" | "end" | "top-start" | "top-center" | "top-end" | "bottom-start" | "bottom-center" | "bottom-end" | "left-start" | "left-center" | "left-end" | "right-start" | "right-center" | "right-end";
7
- export declare class BoxPopoverElement extends BaseElement {
7
+ export declare class Popover extends BaseElement {
8
+ static readonly tagName: string;
8
9
  static get observedAttributes(): string[];
9
10
  private openValue;
10
11
  private wasOpen;
@@ -40,4 +41,3 @@ export declare class BoxPopoverElement extends BaseElement {
40
41
  private startPositioning;
41
42
  private stopPositioning;
42
43
  }
43
- export declare const defineBoxPopoverElement: (tagName?: string) => typeof BoxPopoverElement;
@@ -71,7 +71,8 @@ const popoverStyles = `
71
71
  display: none;
72
72
  }
73
73
  `;
74
- export class BoxPopoverElement extends BaseElement {
74
+ export class Popover extends BaseElement {
75
+ static tagName = DEFAULT_TAG_NAME;
75
76
  static get observedAttributes() {
76
77
  return ["disabled", "label", "open", "placement"];
77
78
  }
@@ -322,11 +323,4 @@ export class BoxPopoverElement extends BaseElement {
322
323
  this.surfaceEl.style.margin = "";
323
324
  }
324
325
  }
325
- export const defineBoxPopoverElement = (tagName = DEFAULT_TAG_NAME) => {
326
- const existingElement = customElements.get(tagName);
327
- if (existingElement) {
328
- return existingElement;
329
- }
330
- customElements.define(tagName, BoxPopoverElement);
331
- return BoxPopoverElement;
332
- };
326
+ Popover.register();
@@ -1,6 +1,7 @@
1
1
  import { BaseElement } from "../../core/index.js";
2
2
  export type TooltipTheme = "default" | "error" | "callout";
3
- export declare class BoxTooltipElement extends BaseElement {
3
+ export declare class Tooltip extends BaseElement {
4
+ static readonly tagName: string;
4
5
  static get observedAttributes(): string[];
5
6
  private positionCleanup;
6
7
  private openValue;
@@ -33,4 +34,3 @@ export declare class BoxTooltipElement extends BaseElement {
33
34
  private stopTracking;
34
35
  disconnectedCallback(): void;
35
36
  }
36
- export declare const defineBoxTooltipElement: (tagName?: string) => typeof BoxTooltipElement;
@@ -80,7 +80,8 @@ const tooltipStyles = `
80
80
  display: none;
81
81
  }
82
82
  `;
83
- export class BoxTooltipElement extends BaseElement {
83
+ export class Tooltip extends BaseElement {
84
+ static tagName = DEFAULT_TAG_NAME;
84
85
  static get observedAttributes() {
85
86
  return ["label", "open", "trigger-label", "placement", "theme"];
86
87
  }
@@ -257,11 +258,4 @@ export class BoxTooltipElement extends BaseElement {
257
258
  super.disconnectedCallback?.();
258
259
  }
259
260
  }
260
- export const defineBoxTooltipElement = (tagName = DEFAULT_TAG_NAME) => {
261
- const existingElement = customElements.get(tagName);
262
- if (existingElement) {
263
- return existingElement;
264
- }
265
- customElements.define(tagName, BoxTooltipElement);
266
- return BoxTooltipElement;
267
- };
261
+ Tooltip.register();
@@ -1,5 +1,6 @@
1
1
  import { BaseElement } from "../../core/index.js";
2
- export declare class BoxIllustrationElement extends BaseElement {
2
+ export declare class Illustration extends BaseElement {
3
+ static readonly tagName: string;
3
4
  private readonly handleDesignSystemChange;
4
5
  static get observedAttributes(): string[];
5
6
  private figureEl;
@@ -23,4 +24,3 @@ export declare class BoxIllustrationElement extends BaseElement {
23
24
  protected renderTemplate(): void;
24
25
  protected update(): void;
25
26
  }
26
- export declare const defineBoxIllustrationElement: (tagName?: string) => typeof BoxIllustrationElement;
@@ -188,7 +188,8 @@ const illustrationStyles = `
188
188
  display: none;
189
189
  }
190
190
  `;
191
- export class BoxIllustrationElement extends BaseElement {
191
+ export class Illustration extends BaseElement {
192
+ static tagName = DEFAULT_TAG_NAME;
192
193
  handleDesignSystemChange = () => {
193
194
  this.update();
194
195
  };
@@ -309,11 +310,4 @@ export class BoxIllustrationElement extends BaseElement {
309
310
  }
310
311
  }
311
312
  }
312
- export const defineBoxIllustrationElement = (tagName = DEFAULT_TAG_NAME) => {
313
- const existingElement = customElements.get(tagName);
314
- if (existingElement) {
315
- return existingElement;
316
- }
317
- customElements.define(tagName, BoxIllustrationElement);
318
- return BoxIllustrationElement;
319
- };
313
+ Illustration.register();
@@ -1,4 +1,7 @@
1
- export declare abstract class BaseElement extends HTMLElement {
1
+ declare const HTMLElementBase: typeof HTMLElement;
2
+ export declare abstract class BaseElement extends HTMLElementBase {
3
+ static readonly tagName: string;
4
+ static register<T extends typeof BaseElement>(this: T, tagName?: string): T;
2
5
  protected isRendered: boolean;
3
6
  constructor();
4
7
  connectedCallback(): void;
@@ -20,3 +23,4 @@ export declare abstract class BaseElement extends HTMLElement {
20
23
  */
21
24
  protected abstract update(): void;
22
25
  }
26
+ export {};
@@ -1,4 +1,32 @@
1
- export class BaseElement extends HTMLElement {
1
+ const HTMLElementBase = (typeof globalThis.HTMLElement === "undefined" ? class {
2
+ } : globalThis.HTMLElement);
3
+ /**
4
+ * Registers a custom element when a browser registry is available.
5
+ *
6
+ * Component modules call this at import time. The browser guard keeps those
7
+ * modules safe to evaluate during SSR, while the existing-definition check
8
+ * makes repeated root and per-component imports idempotent.
9
+ */
10
+ const registerCustomElement = (tagName, constructor) => {
11
+ const registry = globalThis.customElements;
12
+ if (!registry) {
13
+ return constructor;
14
+ }
15
+ const existing = registry.get(tagName);
16
+ if (existing) {
17
+ return existing;
18
+ }
19
+ registry.define(tagName, constructor);
20
+ return constructor;
21
+ };
22
+ export class BaseElement extends HTMLElementBase {
23
+ static tagName = "";
24
+ static register(tagName = this.tagName) {
25
+ if (!tagName) {
26
+ throw new TypeError("Custom element classes must declare a tagName.");
27
+ }
28
+ return registerCustomElement(tagName, this);
29
+ }
2
30
  isRendered = false;
3
31
  constructor() {
4
32
  super();
@@ -0,0 +1 @@
1
+ export * from "../patterns/share/access-stats.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/share/access-stats.js";
@@ -0,0 +1 @@
1
+ export * from "../components/navigation/accordion.js";
@@ -0,0 +1 @@
1
+ export * from "../components/navigation/accordion.js";
@@ -0,0 +1 @@
1
+ export * from "../components/feedback/alert.js";
@@ -0,0 +1 @@
1
+ export * from "../components/feedback/alert.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/preview/annotation-inspector.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/preview/annotation-inspector.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/preview/annotation-thread.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/preview/annotation-thread.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/preview/annotation-toolbar.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/preview/annotation-toolbar.js";
@@ -0,0 +1 @@
1
+ export * from "../components/layout/app-shell.js";
@@ -0,0 +1 @@
1
+ export * from "../components/layout/app-shell.js";
@@ -0,0 +1 @@
1
+ export * from "../components/identity/avatar.js";
@@ -0,0 +1 @@
1
+ export * from "../components/identity/avatar.js";
@@ -0,0 +1 @@
1
+ export * from "../components/feedback/badge.js";
@@ -0,0 +1 @@
1
+ export * from "../components/feedback/badge.js";
@@ -0,0 +1 @@
1
+ export * from "../components/feedback/badgeable.js";
@@ -0,0 +1 @@
1
+ export * from "../components/feedback/badgeable.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/insights/bar-chart.js";