@unofficialbox/box-open-elements 0.5.0 → 0.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (227) hide show
  1. package/README.md +27 -73
  2. package/dist/components/collections/table.d.ts +113 -3
  3. package/dist/components/collections/table.js +540 -37
  4. package/dist/components/feedback/due-badge.d.ts +38 -0
  5. package/dist/components/feedback/due-badge.js +168 -0
  6. package/dist/components/feedback/due-types.d.ts +32 -0
  7. package/dist/components/feedback/due-types.js +91 -0
  8. package/dist/components/feedback/progress-steps.d.ts +51 -5
  9. package/dist/components/feedback/progress-steps.js +200 -22
  10. package/dist/components/feedback/stage-path.d.ts +44 -0
  11. package/dist/components/feedback/stage-path.js +235 -0
  12. package/dist/components/forms/select.d.ts +21 -0
  13. package/dist/components/forms/select.js +100 -3
  14. package/dist/components/forms/text-field.d.ts +21 -0
  15. package/dist/components/forms/text-field.js +100 -1
  16. package/dist/components/layout/nav-sidebar.d.ts +14 -0
  17. package/dist/components/layout/nav-sidebar.js +49 -0
  18. package/dist/components/layout/split-view.d.ts +14 -0
  19. package/dist/components/layout/split-view.js +80 -1
  20. package/dist/components/overlays/command-palette.d.ts +62 -0
  21. package/dist/components/overlays/command-palette.js +537 -0
  22. package/dist/components/overlays/command-types.d.ts +90 -0
  23. package/dist/components/overlays/command-types.js +259 -0
  24. package/dist/components/overlays/drawer.d.ts +18 -0
  25. package/dist/components/overlays/drawer.js +135 -9
  26. package/dist/components/overlays/shortcuts-overlay.d.ts +48 -0
  27. package/dist/components/overlays/shortcuts-overlay.js +385 -0
  28. package/dist/components/overlays/tooltip.js +1 -1
  29. package/dist/core/index.d.ts +4 -0
  30. package/dist/core/index.js +2 -0
  31. package/dist/core/offset-window.d.ts +70 -0
  32. package/dist/core/offset-window.js +134 -0
  33. package/dist/core/virtualize.d.ts +71 -0
  34. package/dist/core/virtualize.js +67 -0
  35. package/dist/element-maps.d.ts +292 -0
  36. package/dist/element-maps.js +1 -0
  37. package/dist/entries/activity-density.d.ts +1 -0
  38. package/dist/entries/activity-density.js +1 -0
  39. package/dist/entries/agent-chat.d.ts +1 -0
  40. package/dist/entries/agent-chat.js +1 -0
  41. package/dist/entries/audit-log.d.ts +1 -0
  42. package/dist/entries/audit-log.js +1 -0
  43. package/dist/entries/command-palette.d.ts +1 -0
  44. package/dist/entries/command-palette.js +1 -0
  45. package/dist/entries/compare-view.d.ts +1 -0
  46. package/dist/entries/compare-view.js +1 -0
  47. package/dist/entries/diff-viewer.d.ts +1 -0
  48. package/dist/entries/diff-viewer.js +1 -0
  49. package/dist/entries/due-badge.d.ts +1 -0
  50. package/dist/entries/due-badge.js +1 -0
  51. package/dist/entries/form-wizard.d.ts +1 -0
  52. package/dist/entries/form-wizard.js +1 -0
  53. package/dist/entries/lineage-graph.d.ts +1 -0
  54. package/dist/entries/lineage-graph.js +1 -0
  55. package/dist/entries/notification-bell.d.ts +1 -0
  56. package/dist/entries/notification-bell.js +1 -0
  57. package/dist/entries/notification-inbox.d.ts +1 -0
  58. package/dist/entries/notification-inbox.js +1 -0
  59. package/dist/entries/provenance-strip.d.ts +1 -0
  60. package/dist/entries/provenance-strip.js +1 -0
  61. package/dist/entries/run-trace.d.ts +1 -0
  62. package/dist/entries/run-trace.js +1 -0
  63. package/dist/entries/shortcuts-overlay.d.ts +1 -0
  64. package/dist/entries/shortcuts-overlay.js +1 -0
  65. package/dist/entries/signature-ceremony.d.ts +1 -0
  66. package/dist/entries/signature-ceremony.js +1 -0
  67. package/dist/entries/stage-path.d.ts +1 -0
  68. package/dist/entries/stage-path.js +1 -0
  69. package/dist/entries/timeline.d.ts +1 -0
  70. package/dist/entries/timeline.js +1 -0
  71. package/dist/entries/version-graph.d.ts +1 -0
  72. package/dist/entries/version-graph.js +1 -0
  73. package/dist/entries/version-list.d.ts +1 -0
  74. package/dist/entries/version-list.js +1 -0
  75. package/dist/entries/wizard-summary.d.ts +1 -0
  76. package/dist/entries/wizard-summary.js +1 -0
  77. package/dist/entries/work-queue.d.ts +1 -0
  78. package/dist/entries/work-queue.js +1 -0
  79. package/dist/entries/workload-board.d.ts +1 -0
  80. package/dist/entries/workload-board.js +1 -0
  81. package/dist/index.d.ts +21 -0
  82. package/dist/index.js +21 -0
  83. package/dist/patterns/agent-chat/agent-chat.d.ts +75 -0
  84. package/dist/patterns/agent-chat/agent-chat.js +820 -0
  85. package/dist/patterns/agent-chat/controller.d.ts +27 -0
  86. package/dist/patterns/agent-chat/controller.js +182 -0
  87. package/dist/patterns/agent-chat/index.d.ts +3 -0
  88. package/dist/patterns/agent-chat/index.js +6 -0
  89. package/dist/patterns/agent-chat/types.d.ts +109 -0
  90. package/dist/patterns/agent-chat/types.js +1 -0
  91. package/dist/patterns/audit/activity-density.d.ts +68 -0
  92. package/dist/patterns/audit/activity-density.js +428 -0
  93. package/dist/patterns/audit/audit-log.d.ts +182 -0
  94. package/dist/patterns/audit/audit-log.js +1082 -0
  95. package/dist/patterns/audit/index.d.ts +3 -0
  96. package/dist/patterns/audit/index.js +7 -0
  97. package/dist/patterns/audit/shared.d.ts +10 -0
  98. package/dist/patterns/audit/shared.js +50 -0
  99. package/dist/patterns/audit/types.d.ts +143 -0
  100. package/dist/patterns/audit/types.js +327 -0
  101. package/dist/patterns/audit/window.d.ts +116 -0
  102. package/dist/patterns/audit/window.js +132 -0
  103. package/dist/patterns/content-explorer/actions/controller.js +12 -2
  104. package/dist/patterns/content-explorer/box-transport.js +117 -25
  105. package/dist/patterns/content-explorer/content-explorer.d.ts +13 -1
  106. package/dist/patterns/content-explorer/content-explorer.js +36 -3
  107. package/dist/patterns/content-explorer/contracts.d.ts +24 -1
  108. package/dist/patterns/content-explorer/contracts.js +68 -11
  109. package/dist/patterns/content-explorer/controller.d.ts +16 -1
  110. package/dist/patterns/content-explorer/controller.js +130 -4
  111. package/dist/patterns/content-explorer/navigation/controller.js +11 -9
  112. package/dist/patterns/content-explorer/types.d.ts +58 -1
  113. package/dist/patterns/content-picker/content-picker.d.ts +71 -0
  114. package/dist/patterns/content-picker/content-picker.js +747 -0
  115. package/dist/patterns/content-picker/controller.d.ts +38 -0
  116. package/dist/patterns/content-picker/controller.js +141 -0
  117. package/dist/patterns/content-picker/index.d.ts +3 -0
  118. package/dist/patterns/content-picker/index.js +6 -0
  119. package/dist/patterns/content-picker/types.d.ts +52 -0
  120. package/dist/patterns/content-picker/types.js +26 -0
  121. package/dist/patterns/content-sidebar/content-sidebar.d.ts +43 -0
  122. package/dist/patterns/content-sidebar/content-sidebar.js +293 -0
  123. package/dist/patterns/content-sidebar/index.d.ts +2 -0
  124. package/dist/patterns/content-sidebar/index.js +4 -0
  125. package/dist/patterns/content-sidebar/types.d.ts +18 -0
  126. package/dist/patterns/content-sidebar/types.js +20 -0
  127. package/dist/patterns/content-uploader/box-transport.d.ts +14 -0
  128. package/dist/patterns/content-uploader/box-transport.js +54 -0
  129. package/dist/patterns/content-uploader/content-uploader.d.ts +62 -0
  130. package/dist/patterns/content-uploader/content-uploader.js +559 -0
  131. package/dist/patterns/content-uploader/controller.d.ts +39 -0
  132. package/dist/patterns/content-uploader/controller.js +227 -0
  133. package/dist/patterns/content-uploader/index.d.ts +4 -0
  134. package/dist/patterns/content-uploader/index.js +8 -0
  135. package/dist/patterns/content-uploader/types.d.ts +120 -0
  136. package/dist/patterns/content-uploader/types.js +38 -0
  137. package/dist/patterns/diff/compare-view.d.ts +47 -0
  138. package/dist/patterns/diff/compare-view.js +276 -0
  139. package/dist/patterns/diff/diff-viewer.d.ts +42 -0
  140. package/dist/patterns/diff/diff-viewer.js +434 -0
  141. package/dist/patterns/diff/engine.d.ts +22 -0
  142. package/dist/patterns/diff/engine.js +276 -0
  143. package/dist/patterns/diff/index.d.ts +4 -0
  144. package/dist/patterns/diff/index.js +8 -0
  145. package/dist/patterns/diff/types.d.ts +69 -0
  146. package/dist/patterns/diff/types.js +24 -0
  147. package/dist/patterns/form-wizard/controller.d.ts +39 -0
  148. package/dist/patterns/form-wizard/controller.js +157 -0
  149. package/dist/patterns/form-wizard/form-wizard.d.ts +63 -0
  150. package/dist/patterns/form-wizard/form-wizard.js +468 -0
  151. package/dist/patterns/form-wizard/index.d.ts +4 -0
  152. package/dist/patterns/form-wizard/index.js +8 -0
  153. package/dist/patterns/form-wizard/types.d.ts +109 -0
  154. package/dist/patterns/form-wizard/types.js +83 -0
  155. package/dist/patterns/form-wizard/wizard-summary.d.ts +62 -0
  156. package/dist/patterns/form-wizard/wizard-summary.js +324 -0
  157. package/dist/patterns/internal/safe-href.d.ts +17 -0
  158. package/dist/patterns/internal/safe-href.js +17 -0
  159. package/dist/patterns/lineage/index.d.ts +3 -0
  160. package/dist/patterns/lineage/index.js +6 -0
  161. package/dist/patterns/lineage/lineage-graph.d.ts +30 -0
  162. package/dist/patterns/lineage/lineage-graph.js +434 -0
  163. package/dist/patterns/lineage/provenance-strip.d.ts +22 -0
  164. package/dist/patterns/lineage/provenance-strip.js +194 -0
  165. package/dist/patterns/lineage/types.d.ts +53 -0
  166. package/dist/patterns/lineage/types.js +49 -0
  167. package/dist/patterns/notifications/index.d.ts +3 -0
  168. package/dist/patterns/notifications/index.js +6 -0
  169. package/dist/patterns/notifications/notification-bell.d.ts +38 -0
  170. package/dist/patterns/notifications/notification-bell.js +198 -0
  171. package/dist/patterns/notifications/notification-inbox.d.ts +46 -0
  172. package/dist/patterns/notifications/notification-inbox.js +537 -0
  173. package/dist/patterns/notifications/types.d.ts +61 -0
  174. package/dist/patterns/notifications/types.js +108 -0
  175. package/dist/patterns/preview/annotation-inspector.d.ts +25 -6
  176. package/dist/patterns/preview/annotation-inspector.js +239 -94
  177. package/dist/patterns/preview/annotation-thread.d.ts +25 -5
  178. package/dist/patterns/preview/annotation-thread.js +233 -82
  179. package/dist/patterns/preview/annotation-toolbar.d.ts +20 -6
  180. package/dist/patterns/preview/annotation-toolbar.js +162 -96
  181. package/dist/patterns/preview/content-preview-adapter.d.ts +10 -1
  182. package/dist/patterns/preview/content-preview-adapter.js +26 -1
  183. package/dist/patterns/preview/preview-element.d.ts +15 -2
  184. package/dist/patterns/preview/preview-element.js +223 -52
  185. package/dist/patterns/preview/provider-adapter.d.ts +47 -0
  186. package/dist/patterns/preview/provider-adapter.js +17 -0
  187. package/dist/patterns/run/index.d.ts +2 -0
  188. package/dist/patterns/run/index.js +4 -0
  189. package/dist/patterns/run/run-trace.d.ts +40 -0
  190. package/dist/patterns/run/run-trace.js +441 -0
  191. package/dist/patterns/run/types.d.ts +66 -0
  192. package/dist/patterns/run/types.js +152 -0
  193. package/dist/patterns/signature/index.d.ts +2 -0
  194. package/dist/patterns/signature/index.js +4 -0
  195. package/dist/patterns/signature/signature-ceremony.d.ts +33 -0
  196. package/dist/patterns/signature/signature-ceremony.js +317 -0
  197. package/dist/patterns/signature/types.d.ts +68 -0
  198. package/dist/patterns/signature/types.js +89 -0
  199. package/dist/patterns/timeline/index.d.ts +2 -0
  200. package/dist/patterns/timeline/index.js +4 -0
  201. package/dist/patterns/timeline/timeline.d.ts +27 -0
  202. package/dist/patterns/timeline/timeline.js +430 -0
  203. package/dist/patterns/timeline/types.d.ts +36 -0
  204. package/dist/patterns/timeline/types.js +27 -0
  205. package/dist/patterns/versions/graph-layout.d.ts +43 -0
  206. package/dist/patterns/versions/graph-layout.js +159 -0
  207. package/dist/patterns/versions/index.d.ts +4 -0
  208. package/dist/patterns/versions/index.js +8 -0
  209. package/dist/patterns/versions/shared.d.ts +4 -0
  210. package/dist/patterns/versions/shared.js +13 -0
  211. package/dist/patterns/versions/types.d.ts +37 -0
  212. package/dist/patterns/versions/types.js +39 -0
  213. package/dist/patterns/versions/version-graph.d.ts +36 -0
  214. package/dist/patterns/versions/version-graph.js +438 -0
  215. package/dist/patterns/versions/version-list.d.ts +39 -0
  216. package/dist/patterns/versions/version-list.js +407 -0
  217. package/dist/patterns/work-queue/controller.d.ts +26 -0
  218. package/dist/patterns/work-queue/controller.js +150 -0
  219. package/dist/patterns/work-queue/index.d.ts +4 -0
  220. package/dist/patterns/work-queue/index.js +7 -0
  221. package/dist/patterns/work-queue/types.d.ts +128 -0
  222. package/dist/patterns/work-queue/types.js +45 -0
  223. package/dist/patterns/work-queue/work-queue.d.ts +48 -0
  224. package/dist/patterns/work-queue/work-queue.js +534 -0
  225. package/dist/patterns/work-queue/workload-board.d.ts +53 -0
  226. package/dist/patterns/work-queue/workload-board.js +608 -0
  227. package/package.json +89 -5
@@ -0,0 +1,67 @@
1
+ /**
2
+ * Row windowing for long lists.
3
+ *
4
+ * A ten-thousand-row audit log rendered whole is ten thousand DOM rows: the
5
+ * first paint stalls, every subsequent patch walks the lot, and the browser
6
+ * holds layout boxes nobody will ever scroll to. Windowing renders only the
7
+ * rows near the viewport and pads the rest with spacer height, so the scrollbar
8
+ * still describes the whole collection.
9
+ *
10
+ * The arithmetic lives here, pure, for the usual reason: jsdom has no layout,
11
+ * so a DOM-level test of a windowed surface can only ever observe zeroes. It is
12
+ * shared rather than per-component so `box-table`, `box-audit-log`, and
13
+ * `box-tree-grid` cannot drift into three different definitions of "near".
14
+ *
15
+ * Fixed row height only. Measured/variable heights are a different algorithm
16
+ * (a cumulative offset index that reflows as rows are measured); pretending one
17
+ * function covers both is how windowing engines end up subtly wrong at the
18
+ * boundaries.
19
+ */
20
+ const DEFAULT_OVERSCAN = 4;
21
+ /**
22
+ * The rendered slice for a scroll position, plus the spacer heights that keep
23
+ * the scrollbar honest.
24
+ *
25
+ * Guarantees callers can rely on:
26
+ * - `paddingTop + (endIndex - startIndex) * rowHeight + paddingBottom` always
27
+ * equals `totalHeight`, so the scroll range never drifts as rows scroll by —
28
+ * a windowed list whose height wobbles makes the scrollbar jump under the
29
+ * pointer.
30
+ * - The window always covers the visible band; overscan only ever adds rows.
31
+ * - Degenerate geometry (no rows, unmeasured viewport, non-positive row height)
32
+ * yields an empty window rather than a guess. An unmeasured viewport is the
33
+ * normal state during first paint and under jsdom, and rendering *everything*
34
+ * there would defeat the purpose at exactly the moment it matters most.
35
+ */
36
+ export const resolveRowWindow = (metrics) => {
37
+ const { totalRows, rowHeight, viewportHeight, scrollTop } = metrics;
38
+ const overscan = Math.max(0, Math.floor(metrics.overscan ?? DEFAULT_OVERSCAN));
39
+ if (totalRows <= 0 || rowHeight <= 0) {
40
+ return { startIndex: 0, endIndex: 0, paddingTop: 0, paddingBottom: 0, totalHeight: 0 };
41
+ }
42
+ const totalHeight = totalRows * rowHeight;
43
+ if (viewportHeight <= 0) {
44
+ return { startIndex: 0, endIndex: 0, paddingTop: 0, paddingBottom: totalHeight, totalHeight };
45
+ }
46
+ // Clamp the scroll offset: a bounced/rubber-banded scrollTop (negative, or
47
+ // past the end) must not produce a window outside the collection.
48
+ const maxScroll = Math.max(0, totalHeight - viewportHeight);
49
+ const offset = Math.min(Math.max(0, scrollTop), maxScroll);
50
+ const firstVisible = Math.floor(offset / rowHeight);
51
+ // ceil of the band, +1 for the row straddling the bottom edge.
52
+ const visibleCount = Math.ceil(viewportHeight / rowHeight) + 1;
53
+ const startIndex = Math.max(0, firstVisible - overscan);
54
+ const endIndex = Math.min(totalRows, firstVisible + visibleCount + overscan);
55
+ const paddingTop = startIndex * rowHeight;
56
+ const paddingBottom = totalHeight - endIndex * rowHeight;
57
+ return { startIndex, endIndex, paddingTop, paddingBottom, totalHeight };
58
+ };
59
+ /**
60
+ * Whether a scroll moved far enough to need a re-render.
61
+ *
62
+ * Scroll fires continuously; re-rendering on every event would rebuild the row
63
+ * markup dozens of times per second to show the same rows. Comparing the
64
+ * resolved window is cheaper and exact — the render is needed precisely when
65
+ * the slice changes.
66
+ */
67
+ export const sameRowWindow = (a, b) => a.startIndex === b.startIndex && a.endIndex === b.endIndex;
@@ -0,0 +1,292 @@
1
+ /**
2
+ * GENERATED FILE — do not edit by hand.
3
+ * Regenerate with: bun tools/generate-element-maps.ts
4
+ *
5
+ * Global tag-name map: TypeScript resolves every box-* tag to its class in
6
+ * createElement/querySelector, and JSX-free frameworks get typed elements
7
+ * without a wrapper package. Type-only — this module emits no runtime code.
8
+ */
9
+ import type { AccessStats } from "./patterns/share/access-stats.js";
10
+ import type { Accordion } from "./components/navigation/accordion.js";
11
+ import type { ActivityDensityStrip } from "./patterns/audit/activity-density.js";
12
+ import type { AgentChat } from "./patterns/agent-chat/agent-chat.js";
13
+ import type { Alert } from "./components/feedback/alert.js";
14
+ import type { AnnotationInspector } from "./patterns/preview/annotation-inspector.js";
15
+ import type { AnnotationThread } from "./patterns/preview/annotation-thread.js";
16
+ import type { AnnotationToolbar } from "./patterns/preview/annotation-toolbar.js";
17
+ import type { AppShell } from "./components/layout/app-shell.js";
18
+ import type { AuditLog } from "./patterns/audit/audit-log.js";
19
+ import type { Avatar } from "./components/identity/avatar.js";
20
+ import type { Badge } from "./components/feedback/badge.js";
21
+ import type { Badgeable } from "./components/feedback/badgeable.js";
22
+ import type { BarChart } from "./patterns/insights/bar-chart.js";
23
+ import type { Breadcrumb } from "./components/navigation/breadcrumb.js";
24
+ import type { BulkActionBar } from "./patterns/item/bulk-action-bar.js";
25
+ import type { Button } from "./components/actions/button.js";
26
+ import type { ButtonGroup } from "./components/actions/button-group.js";
27
+ import type { Calendar } from "./components/forms/calendar.js";
28
+ import type { Card } from "./components/collections/card.js";
29
+ import type { Carousel } from "./components/collections/carousel.js";
30
+ import type { CategorySelector } from "./components/forms/category-selector.js";
31
+ import type { ChartPanel } from "./patterns/insights/chart-panel.js";
32
+ import type { Checkbox } from "./components/forms/checkbox.js";
33
+ import type { CheckboxGroup } from "./components/forms/checkbox-group.js";
34
+ import type { Chip } from "./components/feedback/chip.js";
35
+ import type { CollaboratorAvatars } from "./patterns/share/collaborator-avatars.js";
36
+ import type { ColorPicker } from "./components/forms/color-picker.js";
37
+ import type { Combobox } from "./components/forms/combobox.js";
38
+ import type { CommandPalette } from "./components/overlays/command-palette.js";
39
+ import type { CompareView } from "./patterns/diff/compare-view.js";
40
+ import type { ContactDatalistItem } from "./components/identity/contact-datalist-item.js";
41
+ import type { ContentExplorer } from "./patterns/content-explorer/content-explorer.js";
42
+ import type { ContentPicker } from "./patterns/content-picker/content-picker.js";
43
+ import type { ContentSidebar } from "./patterns/content-sidebar/content-sidebar.js";
44
+ import type { ContentUploader } from "./patterns/content-uploader/content-uploader.js";
45
+ import type { ContextMenu } from "./components/overlays/context-menu.js";
46
+ import type { DatalistItem } from "./components/collections/datalist-item.js";
47
+ import type { DateField } from "./components/forms/date-field.js";
48
+ import type { Dialog } from "./components/overlays/dialog.js";
49
+ import type { DiffViewer } from "./patterns/diff/diff-viewer.js";
50
+ import type { Divider } from "./components/layout/divider.js";
51
+ import type { DonutChart } from "./patterns/insights/donut-chart.js";
52
+ import type { DraggableList } from "./components/collections/draggable-list.js";
53
+ import type { Drawer } from "./components/overlays/drawer.js";
54
+ import type { DropZone } from "./components/files/drop-zone.js";
55
+ import type { Dropdown } from "./components/forms/dropdown.js";
56
+ import type { DualListbox } from "./components/forms/dual-listbox.js";
57
+ import type { DueBadge } from "./components/feedback/due-badge.js";
58
+ import type { EmptyState } from "./components/feedback/empty-state.js";
59
+ import type { ErrorMask } from "./components/feedback/error-mask.js";
60
+ import type { ExplorerActionMenu } from "./patterns/content-explorer/adapters/action-menu.js";
61
+ import type { ExplorerBreadcrumbs } from "./patterns/content-explorer/adapters/breadcrumbs.js";
62
+ import type { ExplorerItems } from "./patterns/content-explorer/adapters/items.js";
63
+ import type { ExplorerList } from "./patterns/content-explorer/adapters/list.js";
64
+ import type { ExplorerTable } from "./patterns/content-explorer/adapters/table.js";
65
+ import type { ExplorerToolbar } from "./patterns/content-explorer/adapters/toolbar.js";
66
+ import type { Fieldset } from "./components/forms/fieldset.js";
67
+ import type { FileRequestBuilder } from "./patterns/file-request/file-request-builder.js";
68
+ import type { FilterBar } from "./patterns/search/filter-bar.js";
69
+ import type { FormWizard } from "./patterns/form-wizard/form-wizard.js";
70
+ import type { GovernancePanel } from "./patterns/governance/governance-panel.js";
71
+ import type { GridView } from "./components/collections/grid-view.js";
72
+ import type { GuideTooltip } from "./components/overlays/guide-tooltip.js";
73
+ import type { HelpText } from "./components/feedback/help-text.js";
74
+ import type { IconButton } from "./components/actions/icon-button.js";
75
+ import type { Illustration } from "./components/visuals/illustration.js";
76
+ import type { InviteCollaboratorsModal } from "./patterns/share/invite-collaborators-modal.js";
77
+ import type { ItemDetailsPanel } from "./patterns/item/item-details-panel.js";
78
+ import type { ItemForm } from "./patterns/item/item-form.js";
79
+ import type { LineChart } from "./patterns/insights/line-chart.js";
80
+ import type { LineageGraph } from "./patterns/lineage/lineage-graph.js";
81
+ import type { LinkButton } from "./components/actions/link-button.js";
82
+ import type { Menu } from "./components/actions/menu.js";
83
+ import type { MenuItem } from "./components/actions/menu-item.js";
84
+ import type { MetadataFilterBuilder } from "./patterns/metadata/metadata-filter-builder.js";
85
+ import type { MetadataInspector } from "./patterns/metadata/metadata-inspector.js";
86
+ import type { MetricCard } from "./patterns/insights/metric-card.js";
87
+ import type { MultiSelect } from "./components/forms/multi-select.js";
88
+ import type { NavSidebar } from "./components/layout/nav-sidebar.js";
89
+ import type { NotificationBell } from "./patterns/notifications/notification-bell.js";
90
+ import type { NotificationInbox } from "./patterns/notifications/notification-inbox.js";
91
+ import type { Nudge } from "./components/feedback/nudge.js";
92
+ import type { NumberInput } from "./components/forms/number-input.js";
93
+ import type { Pagination } from "./components/collections/pagination.js";
94
+ import type { PermissionMatrix } from "./patterns/share/permission-matrix.js";
95
+ import type { Persona } from "./components/identity/persona.js";
96
+ import type { PillCloud } from "./components/forms/pill-cloud.js";
97
+ import type { PillSelectorDropdown } from "./components/forms/pill-selector-dropdown.js";
98
+ import type { Popover } from "./components/overlays/popover.js";
99
+ import type { Presence } from "./patterns/share/presence.js";
100
+ import type { Preview } from "./patterns/preview/preview-element.js";
101
+ import type { PreviewHeader } from "./patterns/item/preview-header.js";
102
+ import type { ProgressBar } from "./components/feedback/progress-bar.js";
103
+ import type { ProgressRing } from "./components/feedback/progress-ring.js";
104
+ import type { ProgressSteps } from "./components/feedback/progress-steps.js";
105
+ import type { ProvenanceStrip } from "./patterns/lineage/provenance-strip.js";
106
+ import type { RadioGroup } from "./components/forms/radio-group.js";
107
+ import type { RangeSlider } from "./components/forms/range-slider.js";
108
+ import type { Rating } from "./components/forms/rating.js";
109
+ import type { ReviewQueueItem } from "./patterns/task/review-queue-item.js";
110
+ import type { RichTextInput } from "./components/forms/rich-text-input.js";
111
+ import type { RunTrace } from "./patterns/run/run-trace.js";
112
+ import type { SavedViewPicker } from "./patterns/search/saved-view-picker.js";
113
+ import type { SearchField } from "./components/forms/search-field.js";
114
+ import type { SearchResultsHeader } from "./patterns/search/search-results-header.js";
115
+ import type { Section } from "./components/layout/section.js";
116
+ import type { SegmentedControl } from "./components/actions/segmented-control.js";
117
+ import type { Select } from "./components/forms/select.js";
118
+ import type { SharePanel } from "./patterns/share/share-panel.js";
119
+ import type { ShortcutsOverlay } from "./components/overlays/shortcuts-overlay.js";
120
+ import type { SidebarToggleButton } from "./components/layout/sidebar-toggle-button.js";
121
+ import type { SignatureCeremony } from "./patterns/signature/signature-ceremony.js";
122
+ import type { Skeleton } from "./components/feedback/skeleton.js";
123
+ import type { Slider } from "./components/forms/slider.js";
124
+ import type { SpinButton } from "./components/forms/spin-button.js";
125
+ import type { Spinner } from "./components/feedback/spinner.js";
126
+ import type { SplitView } from "./components/layout/split-view.js";
127
+ import type { StagePath } from "./components/feedback/stage-path.js";
128
+ import type { Switch } from "./components/forms/switch.js";
129
+ import type { Table } from "./components/collections/table.js";
130
+ import type { Tabs } from "./components/navigation/tabs.js";
131
+ import type { TagInput } from "./components/forms/tag-input.js";
132
+ import type { TaskAssignmentPanel } from "./patterns/task/task-assignment-panel.js";
133
+ import type { TextArea } from "./components/forms/text-area.js";
134
+ import type { TextField } from "./components/forms/text-field.js";
135
+ import type { ThumbnailCard } from "./components/collections/thumbnail-card.js";
136
+ import type { TimeField } from "./components/forms/time-field.js";
137
+ import type { Timeline } from "./patterns/timeline/timeline.js";
138
+ import type { Toast } from "./components/feedback/toast.js";
139
+ import type { Tooltip } from "./components/overlays/tooltip.js";
140
+ import type { Tree } from "./components/collections/tree.js";
141
+ import type { TreeGrid } from "./components/collections/tree-grid.js";
142
+ import type { UnifiedShareModal } from "./patterns/share/unified-share-modal.js";
143
+ import type { VersionGraph } from "./patterns/versions/version-graph.js";
144
+ import type { VersionList } from "./patterns/versions/version-list.js";
145
+ import type { WizardSummary } from "./patterns/form-wizard/wizard-summary.js";
146
+ import type { WorkQueue } from "./patterns/work-queue/work-queue.js";
147
+ import type { WorkloadBoard } from "./patterns/work-queue/workload-board.js";
148
+ declare global {
149
+ interface HTMLElementTagNameMap {
150
+ "box-access-stats": AccessStats;
151
+ "box-accordion": Accordion;
152
+ "box-activity-density": ActivityDensityStrip;
153
+ "box-agent-chat": AgentChat;
154
+ "box-alert": Alert;
155
+ "box-annotation-inspector": AnnotationInspector;
156
+ "box-annotation-thread": AnnotationThread;
157
+ "box-annotation-toolbar": AnnotationToolbar;
158
+ "box-app-shell": AppShell;
159
+ "box-audit-log": AuditLog;
160
+ "box-avatar": Avatar;
161
+ "box-badge": Badge;
162
+ "box-badgeable": Badgeable;
163
+ "box-bar-chart": BarChart;
164
+ "box-breadcrumb": Breadcrumb;
165
+ "box-bulk-action-bar": BulkActionBar;
166
+ "box-button": Button;
167
+ "box-button-group": ButtonGroup;
168
+ "box-calendar": Calendar;
169
+ "box-card": Card;
170
+ "box-carousel": Carousel;
171
+ "box-category-selector": CategorySelector;
172
+ "box-chart-panel": ChartPanel;
173
+ "box-checkbox": Checkbox;
174
+ "box-checkbox-group": CheckboxGroup;
175
+ "box-chip": Chip;
176
+ "box-collaborator-avatars": CollaboratorAvatars;
177
+ "box-color-picker": ColorPicker;
178
+ "box-combobox": Combobox;
179
+ "box-command-palette": CommandPalette;
180
+ "box-compare-view": CompareView;
181
+ "box-contact-datalist-item": ContactDatalistItem;
182
+ "box-content-explorer": ContentExplorer;
183
+ "box-content-picker": ContentPicker;
184
+ "box-content-sidebar": ContentSidebar;
185
+ "box-content-uploader": ContentUploader;
186
+ "box-context-menu": ContextMenu;
187
+ "box-datalist-item": DatalistItem;
188
+ "box-date-field": DateField;
189
+ "box-dialog": Dialog;
190
+ "box-diff-viewer": DiffViewer;
191
+ "box-divider": Divider;
192
+ "box-donut-chart": DonutChart;
193
+ "box-draggable-list": DraggableList;
194
+ "box-drawer": Drawer;
195
+ "box-drop-zone": DropZone;
196
+ "box-dropdown": Dropdown;
197
+ "box-dual-listbox": DualListbox;
198
+ "box-due-badge": DueBadge;
199
+ "box-empty-state": EmptyState;
200
+ "box-error-mask": ErrorMask;
201
+ "box-explorer-action-menu": ExplorerActionMenu;
202
+ "box-explorer-breadcrumbs": ExplorerBreadcrumbs;
203
+ "box-explorer-items": ExplorerItems;
204
+ "box-explorer-list": ExplorerList;
205
+ "box-explorer-table": ExplorerTable;
206
+ "box-explorer-toolbar": ExplorerToolbar;
207
+ "box-fieldset": Fieldset;
208
+ "box-file-request-builder": FileRequestBuilder;
209
+ "box-filter-bar": FilterBar;
210
+ "box-form-wizard": FormWizard;
211
+ "box-governance-panel": GovernancePanel;
212
+ "box-grid-view": GridView;
213
+ "box-guide-tooltip": GuideTooltip;
214
+ "box-help-text": HelpText;
215
+ "box-icon-button": IconButton;
216
+ "box-illustration": Illustration;
217
+ "box-invite-collaborators-modal": InviteCollaboratorsModal;
218
+ "box-item-details-panel": ItemDetailsPanel;
219
+ "box-item-form": ItemForm;
220
+ "box-line-chart": LineChart;
221
+ "box-lineage-graph": LineageGraph;
222
+ "box-link-button": LinkButton;
223
+ "box-menu": Menu;
224
+ "box-menu-item": MenuItem;
225
+ "box-metadata-filter-builder": MetadataFilterBuilder;
226
+ "box-metadata-inspector": MetadataInspector;
227
+ "box-metric-card": MetricCard;
228
+ "box-multi-select": MultiSelect;
229
+ "box-nav-sidebar": NavSidebar;
230
+ "box-notification-bell": NotificationBell;
231
+ "box-notification-inbox": NotificationInbox;
232
+ "box-nudge": Nudge;
233
+ "box-number-input": NumberInput;
234
+ "box-pagination": Pagination;
235
+ "box-permission-matrix": PermissionMatrix;
236
+ "box-persona": Persona;
237
+ "box-pill-cloud": PillCloud;
238
+ "box-pill-selector-dropdown": PillSelectorDropdown;
239
+ "box-popover": Popover;
240
+ "box-presence": Presence;
241
+ "box-preview-element": Preview;
242
+ "box-preview-header": PreviewHeader;
243
+ "box-progress-bar": ProgressBar;
244
+ "box-progress-ring": ProgressRing;
245
+ "box-progress-steps": ProgressSteps;
246
+ "box-provenance-strip": ProvenanceStrip;
247
+ "box-radio-group": RadioGroup;
248
+ "box-range-slider": RangeSlider;
249
+ "box-rating": Rating;
250
+ "box-review-queue-item": ReviewQueueItem;
251
+ "box-rich-text-input": RichTextInput;
252
+ "box-run-trace": RunTrace;
253
+ "box-saved-view-picker": SavedViewPicker;
254
+ "box-search-field": SearchField;
255
+ "box-search-results-header": SearchResultsHeader;
256
+ "box-section": Section;
257
+ "box-segmented-control": SegmentedControl;
258
+ "box-select": Select;
259
+ "box-share-panel": SharePanel;
260
+ "box-shortcuts-overlay": ShortcutsOverlay;
261
+ "box-sidebar-toggle-button": SidebarToggleButton;
262
+ "box-signature-ceremony": SignatureCeremony;
263
+ "box-skeleton": Skeleton;
264
+ "box-slider": Slider;
265
+ "box-spin-button": SpinButton;
266
+ "box-spinner": Spinner;
267
+ "box-split-view": SplitView;
268
+ "box-stage-path": StagePath;
269
+ "box-switch": Switch;
270
+ "box-table": Table;
271
+ "box-tabs": Tabs;
272
+ "box-tag-input": TagInput;
273
+ "box-task-assignment-panel": TaskAssignmentPanel;
274
+ "box-text-area": TextArea;
275
+ "box-text-field": TextField;
276
+ "box-thumbnail-card": ThumbnailCard;
277
+ "box-time-field": TimeField;
278
+ "box-timeline": Timeline;
279
+ "box-toast": Toast;
280
+ "box-tooltip": Tooltip;
281
+ "box-tree": Tree;
282
+ "box-tree-grid": TreeGrid;
283
+ "box-unified-share-modal": UnifiedShareModal;
284
+ "box-version-graph": VersionGraph;
285
+ "box-version-list": VersionList;
286
+ "box-wizard-summary": WizardSummary;
287
+ "box-work-queue": WorkQueue;
288
+ "box-workload-board": WorkloadBoard;
289
+ }
290
+ }
291
+ /** Every element tag the library registers, for host-side narrowing. */
292
+ export type BoxElementTagName = "box-access-stats" | "box-accordion" | "box-activity-density" | "box-agent-chat" | "box-alert" | "box-annotation-inspector" | "box-annotation-thread" | "box-annotation-toolbar" | "box-app-shell" | "box-audit-log" | "box-avatar" | "box-badge" | "box-badgeable" | "box-bar-chart" | "box-breadcrumb" | "box-bulk-action-bar" | "box-button" | "box-button-group" | "box-calendar" | "box-card" | "box-carousel" | "box-category-selector" | "box-chart-panel" | "box-checkbox" | "box-checkbox-group" | "box-chip" | "box-collaborator-avatars" | "box-color-picker" | "box-combobox" | "box-command-palette" | "box-compare-view" | "box-contact-datalist-item" | "box-content-explorer" | "box-content-picker" | "box-content-sidebar" | "box-content-uploader" | "box-context-menu" | "box-datalist-item" | "box-date-field" | "box-dialog" | "box-diff-viewer" | "box-divider" | "box-donut-chart" | "box-draggable-list" | "box-drawer" | "box-drop-zone" | "box-dropdown" | "box-dual-listbox" | "box-due-badge" | "box-empty-state" | "box-error-mask" | "box-explorer-action-menu" | "box-explorer-breadcrumbs" | "box-explorer-items" | "box-explorer-list" | "box-explorer-table" | "box-explorer-toolbar" | "box-fieldset" | "box-file-request-builder" | "box-filter-bar" | "box-form-wizard" | "box-governance-panel" | "box-grid-view" | "box-guide-tooltip" | "box-help-text" | "box-icon-button" | "box-illustration" | "box-invite-collaborators-modal" | "box-item-details-panel" | "box-item-form" | "box-line-chart" | "box-lineage-graph" | "box-link-button" | "box-menu" | "box-menu-item" | "box-metadata-filter-builder" | "box-metadata-inspector" | "box-metric-card" | "box-multi-select" | "box-nav-sidebar" | "box-notification-bell" | "box-notification-inbox" | "box-nudge" | "box-number-input" | "box-pagination" | "box-permission-matrix" | "box-persona" | "box-pill-cloud" | "box-pill-selector-dropdown" | "box-popover" | "box-presence" | "box-preview-element" | "box-preview-header" | "box-progress-bar" | "box-progress-ring" | "box-progress-steps" | "box-provenance-strip" | "box-radio-group" | "box-range-slider" | "box-rating" | "box-review-queue-item" | "box-rich-text-input" | "box-run-trace" | "box-saved-view-picker" | "box-search-field" | "box-search-results-header" | "box-section" | "box-segmented-control" | "box-select" | "box-share-panel" | "box-shortcuts-overlay" | "box-sidebar-toggle-button" | "box-signature-ceremony" | "box-skeleton" | "box-slider" | "box-spin-button" | "box-spinner" | "box-split-view" | "box-stage-path" | "box-switch" | "box-table" | "box-tabs" | "box-tag-input" | "box-task-assignment-panel" | "box-text-area" | "box-text-field" | "box-thumbnail-card" | "box-time-field" | "box-timeline" | "box-toast" | "box-tooltip" | "box-tree" | "box-tree-grid" | "box-unified-share-modal" | "box-version-graph" | "box-version-list" | "box-wizard-summary" | "box-work-queue" | "box-workload-board";
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export * from "../patterns/audit/activity-density.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/audit/activity-density.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/agent-chat/agent-chat.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/agent-chat/agent-chat.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/audit/audit-log.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/audit/audit-log.js";
@@ -0,0 +1 @@
1
+ export * from "../components/overlays/command-palette.js";
@@ -0,0 +1 @@
1
+ export * from "../components/overlays/command-palette.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/diff/compare-view.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/diff/compare-view.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/diff/diff-viewer.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/diff/diff-viewer.js";
@@ -0,0 +1 @@
1
+ export * from "../components/feedback/due-badge.js";
@@ -0,0 +1 @@
1
+ export * from "../components/feedback/due-badge.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/form-wizard/form-wizard.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/form-wizard/form-wizard.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/lineage/lineage-graph.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/lineage/lineage-graph.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/notifications/notification-bell.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/notifications/notification-bell.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/notifications/notification-inbox.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/notifications/notification-inbox.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/lineage/provenance-strip.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/lineage/provenance-strip.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/run/run-trace.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/run/run-trace.js";
@@ -0,0 +1 @@
1
+ export * from "../components/overlays/shortcuts-overlay.js";
@@ -0,0 +1 @@
1
+ export * from "../components/overlays/shortcuts-overlay.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/signature/signature-ceremony.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/signature/signature-ceremony.js";
@@ -0,0 +1 @@
1
+ export * from "../components/feedback/stage-path.js";
@@ -0,0 +1 @@
1
+ export * from "../components/feedback/stage-path.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/timeline/timeline.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/timeline/timeline.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/versions/version-graph.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/versions/version-graph.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/versions/version-list.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/versions/version-list.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/form-wizard/wizard-summary.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/form-wizard/wizard-summary.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/work-queue/work-queue.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/work-queue/work-queue.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/work-queue/workload-board.js";
@@ -0,0 +1 @@
1
+ export * from "../patterns/work-queue/workload-board.js";
package/dist/index.d.ts CHANGED
@@ -31,6 +31,8 @@ export * from "./components/feedback/alert.js";
31
31
  export * from "./components/feedback/badge.js";
32
32
  export * from "./components/feedback/badgeable.js";
33
33
  export * from "./components/feedback/chip.js";
34
+ export * from "./components/feedback/due-badge.js";
35
+ export * from "./components/feedback/due-types.js";
34
36
  export * from "./components/feedback/empty-state.js";
35
37
  export * from "./components/feedback/error-mask.js";
36
38
  export * from "./components/feedback/help-text.js";
@@ -40,6 +42,7 @@ export * from "./components/feedback/progress-ring.js";
40
42
  export * from "./components/feedback/progress-steps.js";
41
43
  export * from "./components/feedback/skeleton.js";
42
44
  export * from "./components/feedback/spinner.js";
45
+ export * from "./components/feedback/stage-path.js";
43
46
  export * from "./components/feedback/toast.js";
44
47
  export * from "./components/files/drop-zone.js";
45
48
  export * from "./components/identity/avatar.js";
@@ -81,13 +84,30 @@ export * from "./components/layout/nav-sidebar.js";
81
84
  export * from "./components/layout/section.js";
82
85
  export * from "./components/layout/sidebar-toggle-button.js";
83
86
  export * from "./components/layout/split-view.js";
87
+ export * from "./components/overlays/command-palette.js";
88
+ export * from "./components/overlays/command-types.js";
84
89
  export * from "./components/overlays/context-menu.js";
90
+ export * from "./components/overlays/shortcuts-overlay.js";
85
91
  export * from "./components/overlays/dialog.js";
86
92
  export * from "./components/overlays/drawer.js";
87
93
  export * from "./components/overlays/guide-tooltip.js";
88
94
  export * from "./components/overlays/popover.js";
89
95
  export * from "./components/overlays/tooltip.js";
90
96
  export * from "./patterns/content-explorer/index.js";
97
+ export * from "./patterns/content-picker/index.js";
98
+ export * from "./patterns/content-uploader/index.js";
99
+ export * from "./patterns/content-sidebar/index.js";
100
+ export * from "./patterns/form-wizard/index.js";
101
+ export * from "./patterns/signature/index.js";
102
+ export * from "./patterns/timeline/index.js";
103
+ export * from "./patterns/run/index.js";
104
+ export * from "./patterns/diff/index.js";
105
+ export * from "./patterns/work-queue/index.js";
106
+ export * from "./patterns/versions/index.js";
107
+ export * from "./patterns/lineage/index.js";
108
+ export * from "./patterns/agent-chat/index.js";
109
+ export * from "./patterns/audit/index.js";
110
+ export * from "./patterns/notifications/index.js";
91
111
  export * from "./patterns/search/index.js";
92
112
  export * from "./patterns/item/index.js";
93
113
  export * from "./patterns/metadata/index.js";
@@ -97,3 +117,4 @@ export * from "./patterns/file-request/index.js";
97
117
  export * from "./patterns/task/index.js";
98
118
  export * from "./patterns/governance/index.js";
99
119
  export * from "./patterns/insights/index.js";
120
+ export * from "./element-maps.js";