@workflow/web-shared 5.0.0-beta.4 → 5.0.0-beta.41
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.
- package/README.md +5 -13
- package/dist/components/error-boundary.js +1 -1
- package/dist/components/event-list-view.d.ts +46 -1
- package/dist/components/event-list-view.d.ts.map +1 -1
- package/dist/components/event-list-view.js +235 -97
- package/dist/components/hook-actions.js +1 -1
- package/dist/components/index.d.ts +8 -5
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +6 -4
- package/dist/components/sidebar/attribute-panel.d.ts +4 -1
- package/dist/components/sidebar/attribute-panel.d.ts.map +1 -1
- package/dist/components/sidebar/attribute-panel.js +173 -119
- package/dist/components/sidebar/attributes-block.d.ts +40 -0
- package/dist/components/sidebar/attributes-block.d.ts.map +1 -0
- package/dist/components/sidebar/attributes-block.js +140 -0
- package/dist/components/sidebar/conversation-view.js +1 -1
- package/dist/components/sidebar/copyable-data-block.d.ts +2 -0
- package/dist/components/sidebar/copyable-data-block.d.ts.map +1 -1
- package/dist/components/sidebar/copyable-data-block.js +17 -16
- package/dist/components/sidebar/entity-detail-panel.d.ts +11 -11
- package/dist/components/sidebar/entity-detail-panel.d.ts.map +1 -1
- package/dist/components/sidebar/entity-detail-panel.js +37 -71
- package/dist/components/sidebar/events-list.d.ts +6 -2
- package/dist/components/sidebar/events-list.d.ts.map +1 -1
- package/dist/components/sidebar/events-list.js +77 -63
- package/dist/components/sidebar/resolve-hook-modal.js +1 -1
- package/dist/components/sidebar/sidebar-data-context.d.ts +10 -7
- package/dist/components/sidebar/sidebar-data-context.d.ts.map +1 -1
- package/dist/components/sidebar/sidebar-data-context.js +1 -1
- package/dist/components/sidebar/span-detail-merge.d.ts +31 -0
- package/dist/components/sidebar/span-detail-merge.d.ts.map +1 -0
- package/dist/components/sidebar/span-detail-merge.js +92 -0
- package/dist/components/sidebar/use-selected-span-detail.d.ts +16 -0
- package/dist/components/sidebar/use-selected-span-detail.d.ts.map +1 -0
- package/dist/components/sidebar/use-selected-span-detail.js +93 -0
- package/dist/components/stream-viewer-skeleton.d.ts +2 -0
- package/dist/components/stream-viewer-skeleton.d.ts.map +1 -0
- package/dist/components/stream-viewer-skeleton.js +12 -0
- package/dist/components/stream-viewer.d.ts +1 -1
- package/dist/components/stream-viewer.d.ts.map +1 -1
- package/dist/components/stream-viewer.js +9 -26
- package/dist/components/trace-viewer/components/copy-button.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/copy-button.js +27 -0
- package/dist/components/trace-viewer/components/detail-panel-width.d.ts +34 -0
- package/dist/components/trace-viewer/components/detail-panel-width.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/detail-panel-width.js +67 -0
- package/dist/components/trace-viewer/components/detail-panel.d.ts +14 -0
- package/dist/components/trace-viewer/components/detail-panel.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/detail-panel.js +122 -0
- package/dist/components/trace-viewer/components/draggable-border.d.ts +31 -0
- package/dist/components/trace-viewer/components/draggable-border.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/draggable-border.js +140 -0
- package/dist/components/trace-viewer/components/event-list.d.ts +10 -0
- package/dist/components/trace-viewer/components/event-list.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/event-list.js +47 -0
- package/dist/components/trace-viewer/components/middle-truncate/copy-selection.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/middle-truncate/copy-selection.js +54 -0
- package/dist/components/trace-viewer/components/middle-truncate/middle-truncate.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/middle-truncate/middle-truncate.js +81 -0
- package/dist/components/{new-trace-viewer → trace-viewer}/components/middle-truncate/truncate.d.ts +1 -1
- package/dist/components/trace-viewer/components/middle-truncate/truncate.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/middle-truncate/truncate.js +101 -0
- package/dist/components/trace-viewer/components/middle-truncate/use-middle-truncate.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/middle-truncate/use-middle-truncate.js +114 -0
- package/dist/components/trace-viewer/components/minimap.d.ts +14 -0
- package/dist/components/trace-viewer/components/minimap.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/minimap.js +337 -0
- package/dist/components/trace-viewer/components/pane-constants.d.ts +14 -0
- package/dist/components/trace-viewer/components/pane-constants.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/pane-constants.js +16 -0
- package/dist/components/trace-viewer/components/span-markers.d.ts +46 -0
- package/dist/components/trace-viewer/components/span-markers.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/span-markers.js +85 -0
- package/dist/components/trace-viewer/components/split-pane.d.ts +10 -0
- package/dist/components/trace-viewer/components/split-pane.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/split-pane.js +41 -0
- package/dist/components/trace-viewer/components/timeline.d.ts +42 -0
- package/dist/components/trace-viewer/components/timeline.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/timeline.js +321 -0
- package/dist/components/trace-viewer/components/timeline.module.css +46 -0
- package/dist/components/trace-viewer/components/trace-shortcut-helper.d.ts +5 -0
- package/dist/components/trace-viewer/components/trace-shortcut-helper.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/trace-shortcut-helper.js +55 -0
- package/dist/components/trace-viewer/components/trace-shortcut-helper.module.css +20 -0
- package/dist/components/trace-viewer/components/trace-viewer-skeleton.d.ts +2 -0
- package/dist/components/trace-viewer/components/trace-viewer-skeleton.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/trace-viewer-skeleton.js +26 -0
- package/dist/components/trace-viewer/components/use-element-width.d.ts +8 -0
- package/dist/components/trace-viewer/components/use-element-width.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/use-element-width.js +25 -0
- package/dist/components/trace-viewer/components/use-row-window.d.ts +34 -0
- package/dist/components/trace-viewer/components/use-row-window.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/use-row-window.js +107 -0
- package/dist/components/trace-viewer/context.d.ts +14 -182
- package/dist/components/trace-viewer/context.d.ts.map +1 -1
- package/dist/components/trace-viewer/context.js +44 -351
- package/dist/components/trace-viewer/icons.d.ts.map +1 -0
- package/dist/components/trace-viewer/icons.js +15 -0
- package/dist/components/trace-viewer/search.d.ts +19 -0
- package/dist/components/trace-viewer/search.d.ts.map +1 -0
- package/dist/components/trace-viewer/search.js +134 -0
- package/dist/components/trace-viewer/trace-viewer.d.ts +7 -28
- package/dist/components/trace-viewer/trace-viewer.d.ts.map +1 -1
- package/dist/components/trace-viewer/trace-viewer.js +306 -356
- package/dist/components/trace-viewer/types.d.ts +2 -211
- package/dist/components/trace-viewer/types.d.ts.map +1 -1
- package/dist/components/trace-viewer/types.js +1 -1
- package/dist/components/trace-viewer/util/timing.d.ts +2 -2
- package/dist/components/trace-viewer/util/timing.d.ts.map +1 -1
- package/dist/components/trace-viewer/util/timing.js +3 -3
- package/dist/components/trace-viewer/utils.d.ts +111 -0
- package/dist/components/trace-viewer/utils.d.ts.map +1 -0
- package/dist/components/trace-viewer/utils.js +430 -0
- package/dist/components/{trace-viewer-new.d.ts → trace-viewer.d.ts} +7 -3
- package/dist/components/trace-viewer.d.ts.map +1 -0
- package/dist/components/trace-viewer.js +21 -0
- package/dist/components/ui/alert.js +3 -3
- package/dist/components/ui/button.d.ts +10 -0
- package/dist/components/ui/button.d.ts.map +1 -0
- package/dist/components/ui/button.js +46 -0
- package/dist/components/ui/card.d.ts.map +1 -1
- package/dist/components/ui/card.js +4 -4
- package/dist/components/ui/collapsible.d.ts +46 -0
- package/dist/components/ui/collapsible.d.ts.map +1 -0
- package/dist/components/ui/collapsible.js +66 -0
- package/dist/components/ui/context-card.d.ts +47 -0
- package/dist/components/ui/context-card.d.ts.map +1 -0
- package/dist/components/ui/context-card.js +471 -0
- package/dist/components/ui/data-inspector.d.ts +7 -6
- package/dist/components/ui/data-inspector.d.ts.map +1 -1
- package/dist/components/ui/data-inspector.js +232 -99
- package/dist/components/ui/data-inspector.styles.d.ts +29 -0
- package/dist/components/ui/data-inspector.styles.d.ts.map +1 -0
- package/dist/components/ui/data-inspector.styles.js +95 -0
- package/dist/components/ui/decrypt-button.js +1 -1
- package/dist/components/ui/error-card.js +3 -3
- package/dist/components/ui/error-stack-block.d.ts +17 -10
- package/dist/components/ui/error-stack-block.d.ts.map +1 -1
- package/dist/components/ui/error-stack-block.js +49 -30
- package/dist/components/ui/icon-button.d.ts +19 -0
- package/dist/components/ui/icon-button.d.ts.map +1 -0
- package/dist/components/ui/icon-button.js +29 -0
- package/dist/components/ui/kbd.d.ts +10 -0
- package/dist/components/ui/kbd.d.ts.map +1 -0
- package/dist/components/ui/kbd.js +25 -0
- package/dist/components/ui/load-more-button.js +1 -1
- package/dist/components/ui/menu-dropdown.js +1 -1
- package/dist/components/ui/skeleton.js +2 -2
- package/dist/components/ui/spinner.js +1 -1
- package/dist/components/ui/timestamp-tooltip.d.ts +34 -1
- package/dist/components/ui/timestamp-tooltip.d.ts.map +1 -1
- package/dist/components/ui/timestamp-tooltip.js +80 -132
- package/dist/components/ui/tooltip.d.ts +10 -0
- package/dist/components/ui/tooltip.d.ts.map +1 -0
- package/dist/components/ui/tooltip.js +12 -0
- package/dist/components/workflow-traces/event-colors.d.ts +2 -1
- package/dist/components/workflow-traces/event-colors.d.ts.map +1 -1
- package/dist/components/workflow-traces/event-colors.js +15 -7
- package/dist/components/workflow-traces/trace-span-construction.d.ts +6 -3
- package/dist/components/workflow-traces/trace-span-construction.d.ts.map +1 -1
- package/dist/components/workflow-traces/trace-span-construction.js +71 -30
- package/dist/components/workflow-traces/trace-time-utils.js +1 -1
- package/dist/hooks/use-dark-mode.js +1 -1
- package/dist/hooks/use-intersection-observer.d.ts +17 -0
- package/dist/hooks/use-intersection-observer.d.ts.map +1 -0
- package/dist/hooks/use-intersection-observer.js +29 -0
- package/dist/hooks/use-load-more-on-scroll.d.ts +21 -0
- package/dist/hooks/use-load-more-on-scroll.d.ts.map +1 -0
- package/dist/hooks/use-load-more-on-scroll.js +28 -0
- package/dist/hooks/use-reduced-motion.d.ts +10 -0
- package/dist/hooks/use-reduced-motion.d.ts.map +1 -0
- package/dist/hooks/use-reduced-motion.js +29 -0
- package/dist/index.d.ts +4 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -3
- package/dist/lib/cn.d.ts +10 -0
- package/dist/lib/cn.d.ts.map +1 -0
- package/dist/lib/cn.js +83 -0
- package/dist/lib/event-analysis.d.ts +1 -1
- package/dist/lib/event-analysis.d.ts.map +1 -1
- package/dist/lib/event-analysis.js +3 -2
- package/dist/lib/event-materialization.d.ts +1 -1
- package/dist/lib/event-materialization.d.ts.map +1 -1
- package/dist/lib/event-materialization.js +29 -21
- package/dist/lib/exact-event-search-id.d.ts +25 -0
- package/dist/lib/exact-event-search-id.d.ts.map +1 -0
- package/dist/lib/exact-event-search-id.js +39 -0
- package/dist/lib/hydration.d.ts +17 -2
- package/dist/lib/hydration.d.ts.map +1 -1
- package/dist/lib/hydration.js +194 -23
- package/dist/lib/stream-display.js +1 -1
- package/dist/lib/toast.js +1 -1
- package/dist/lib/trace-builder.d.ts +17 -5
- package/dist/lib/trace-builder.d.ts.map +1 -1
- package/dist/lib/trace-builder.js +32 -14
- package/dist/lib/trace-types.d.ts +54 -0
- package/dist/lib/trace-types.d.ts.map +1 -0
- package/dist/lib/trace-types.js +2 -0
- package/dist/lib/utils.d.ts +14 -2
- package/dist/lib/utils.d.ts.map +1 -1
- package/dist/lib/utils.js +46 -6
- package/dist/lib/zstd-browser-decoder.d.ts +7 -0
- package/dist/lib/zstd-browser-decoder.d.ts.map +1 -0
- package/dist/lib/zstd-browser-decoder.js +41 -0
- package/dist/styles.css +210 -139
- package/package.json +11 -8
- package/src/components/event-list-view.tsx +385 -123
- package/src/components/index.ts +14 -8
- package/src/components/sidebar/attribute-panel.tsx +331 -282
- package/src/components/sidebar/attributes-block.tsx +326 -0
- package/src/components/sidebar/copyable-data-block.tsx +50 -28
- package/src/components/sidebar/entity-detail-panel.tsx +92 -126
- package/src/components/sidebar/events-list.tsx +197 -179
- package/src/components/sidebar/sidebar-data-context.tsx +11 -11
- package/src/components/sidebar/span-detail-merge.ts +134 -0
- package/src/components/sidebar/use-selected-span-detail.ts +146 -0
- package/src/components/stream-viewer-skeleton.tsx +34 -0
- package/src/components/stream-viewer.tsx +34 -106
- package/src/components/{new-trace-viewer → trace-viewer}/components/copy-button.tsx +2 -2
- package/src/components/trace-viewer/components/detail-panel-width.test.ts +123 -0
- package/src/components/trace-viewer/components/detail-panel-width.ts +76 -0
- package/src/components/trace-viewer/components/detail-panel.tsx +273 -0
- package/src/components/trace-viewer/components/draggable-border.tsx +216 -0
- package/src/components/trace-viewer/components/event-list.tsx +144 -0
- package/src/components/{new-trace-viewer → trace-viewer}/components/middle-truncate/middle-truncate.tsx +8 -8
- package/src/components/{new-trace-viewer → trace-viewer}/components/middle-truncate/truncate.ts +1 -1
- package/src/components/trace-viewer/components/minimap.tsx +556 -0
- package/src/components/trace-viewer/components/pane-constants.ts +19 -0
- package/src/components/trace-viewer/components/span-markers.tsx +173 -0
- package/src/components/trace-viewer/components/split-pane.tsx +141 -0
- package/src/components/trace-viewer/components/timeline.module.css +46 -0
- package/src/components/trace-viewer/components/timeline.tsx +850 -0
- package/src/components/trace-viewer/components/trace-shortcut-helper.module.css +20 -0
- package/src/components/trace-viewer/components/trace-shortcut-helper.tsx +116 -0
- package/src/components/trace-viewer/components/trace-viewer-skeleton.tsx +114 -0
- package/src/components/trace-viewer/components/use-element-width.ts +29 -0
- package/src/components/trace-viewer/components/use-row-window.ts +140 -0
- package/src/components/trace-viewer/context.tsx +63 -656
- package/src/components/{new-trace-viewer → trace-viewer}/icons.tsx +2 -2
- package/src/components/trace-viewer/search.ts +178 -0
- package/src/components/trace-viewer/trace-viewer.tsx +563 -531
- package/src/components/trace-viewer/types.ts +2 -234
- package/src/components/trace-viewer/util/timing.ts +2 -2
- package/src/components/trace-viewer/utils.test.ts +458 -0
- package/src/components/{new-trace-viewer → trace-viewer}/utils.ts +271 -50
- package/src/components/{trace-viewer-new.tsx → trace-viewer.tsx} +24 -18
- package/src/components/ui/alert.tsx +2 -2
- package/src/components/ui/button.tsx +68 -0
- package/src/components/ui/card.tsx +3 -10
- package/src/components/ui/collapsible.tsx +219 -0
- package/src/components/ui/context-card.tsx +784 -0
- package/src/components/ui/data-inspector.styles.ts +96 -0
- package/src/components/ui/data-inspector.tsx +501 -204
- package/src/components/ui/error-card.tsx +4 -4
- package/src/components/ui/error-stack-block.tsx +84 -55
- package/src/components/ui/icon-button.tsx +53 -0
- package/src/components/ui/kbd.tsx +43 -0
- package/src/components/ui/skeleton.tsx +1 -1
- package/src/components/ui/timestamp-tooltip.tsx +132 -194
- package/src/components/ui/tooltip.tsx +47 -0
- package/src/components/workflow-traces/event-colors.ts +15 -11
- package/src/components/workflow-traces/trace-span-construction.test.ts +85 -0
- package/src/components/workflow-traces/trace-span-construction.ts +97 -32
- package/src/hooks/use-intersection-observer.ts +57 -0
- package/src/hooks/use-load-more-on-scroll.ts +49 -0
- package/src/hooks/use-reduced-motion.ts +34 -0
- package/src/index.ts +10 -4
- package/src/lib/cn.ts +93 -0
- package/src/lib/event-analysis.ts +6 -4
- package/src/lib/event-materialization.ts +35 -21
- package/src/lib/exact-event-search-id.ts +67 -0
- package/src/lib/hydration.ts +210 -30
- package/src/lib/trace-builder.ts +43 -19
- package/src/lib/trace-types.ts +56 -0
- package/src/lib/utils.test.ts +33 -0
- package/src/lib/utils.ts +53 -6
- package/src/lib/zstd-browser-decoder.ts +42 -0
- package/src/styles.css +210 -139
- package/dist/components/error-boundary.js.map +0 -1
- package/dist/components/event-list-view.js.map +0 -1
- package/dist/components/hook-actions.js.map +0 -1
- package/dist/components/index.js.map +0 -1
- package/dist/components/new-trace-viewer/components/copy-button.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/components/copy-button.js +0 -27
- package/dist/components/new-trace-viewer/components/copy-button.js.map +0 -1
- package/dist/components/new-trace-viewer/components/event-list.d.ts +0 -8
- package/dist/components/new-trace-viewer/components/event-list.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/components/event-list.js +0 -38
- package/dist/components/new-trace-viewer/components/event-list.js.map +0 -1
- package/dist/components/new-trace-viewer/components/middle-truncate/copy-selection.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/components/middle-truncate/copy-selection.js +0 -54
- package/dist/components/new-trace-viewer/components/middle-truncate/copy-selection.js.map +0 -1
- package/dist/components/new-trace-viewer/components/middle-truncate/middle-truncate.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/components/middle-truncate/middle-truncate.js +0 -81
- package/dist/components/new-trace-viewer/components/middle-truncate/middle-truncate.js.map +0 -1
- package/dist/components/new-trace-viewer/components/middle-truncate/truncate.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/components/middle-truncate/truncate.js +0 -101
- package/dist/components/new-trace-viewer/components/middle-truncate/truncate.js.map +0 -1
- package/dist/components/new-trace-viewer/components/middle-truncate/use-middle-truncate.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/components/middle-truncate/use-middle-truncate.js +0 -114
- package/dist/components/new-trace-viewer/components/middle-truncate/use-middle-truncate.js.map +0 -1
- package/dist/components/new-trace-viewer/components/split-pane.d.ts +0 -14
- package/dist/components/new-trace-viewer/components/split-pane.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/components/split-pane.js +0 -99
- package/dist/components/new-trace-viewer/components/split-pane.js.map +0 -1
- package/dist/components/new-trace-viewer/components/timeline.d.ts +0 -31
- package/dist/components/new-trace-viewer/components/timeline.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/components/timeline.js +0 -138
- package/dist/components/new-trace-viewer/components/timeline.js.map +0 -1
- package/dist/components/new-trace-viewer/context.d.ts +0 -15
- package/dist/components/new-trace-viewer/context.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/context.js +0 -47
- package/dist/components/new-trace-viewer/context.js.map +0 -1
- package/dist/components/new-trace-viewer/detail-panel.d.ts +0 -10
- package/dist/components/new-trace-viewer/detail-panel.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/detail-panel.js +0 -12
- package/dist/components/new-trace-viewer/detail-panel.js.map +0 -1
- package/dist/components/new-trace-viewer/icons.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/icons.js +0 -15
- package/dist/components/new-trace-viewer/icons.js.map +0 -1
- package/dist/components/new-trace-viewer/trace-viewer.d.ts +0 -8
- package/dist/components/new-trace-viewer/trace-viewer.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/trace-viewer.js +0 -349
- package/dist/components/new-trace-viewer/trace-viewer.js.map +0 -1
- package/dist/components/new-trace-viewer/types.d.ts +0 -1
- package/dist/components/new-trace-viewer/types.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/types.js +0 -2
- package/dist/components/new-trace-viewer/types.js.map +0 -1
- package/dist/components/new-trace-viewer/util/constants.d.ts +0 -1
- package/dist/components/new-trace-viewer/util/constants.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/util/constants.js +0 -2
- package/dist/components/new-trace-viewer/util/constants.js.map +0 -1
- package/dist/components/new-trace-viewer/utils.d.ts +0 -42
- package/dist/components/new-trace-viewer/utils.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/utils.js +0 -305
- package/dist/components/new-trace-viewer/utils.js.map +0 -1
- package/dist/components/run-trace-view.d.ts +0 -25
- package/dist/components/run-trace-view.d.ts.map +0 -1
- package/dist/components/run-trace-view.js +0 -11
- package/dist/components/run-trace-view.js.map +0 -1
- package/dist/components/sidebar/attribute-panel.js.map +0 -1
- package/dist/components/sidebar/conversation-view.js.map +0 -1
- package/dist/components/sidebar/copyable-data-block.js.map +0 -1
- package/dist/components/sidebar/detail-card.d.ts +0 -14
- package/dist/components/sidebar/detail-card.d.ts.map +0 -1
- package/dist/components/sidebar/detail-card.js +0 -20
- package/dist/components/sidebar/detail-card.js.map +0 -1
- package/dist/components/sidebar/entity-detail-panel.js.map +0 -1
- package/dist/components/sidebar/events-list.js.map +0 -1
- package/dist/components/sidebar/resolve-hook-modal.js.map +0 -1
- package/dist/components/sidebar/sidebar-data-context.js.map +0 -1
- package/dist/components/stream-viewer.js.map +0 -1
- package/dist/components/trace-viewer/components/map.d.ts +0 -8
- package/dist/components/trace-viewer/components/map.d.ts.map +0 -1
- package/dist/components/trace-viewer/components/map.js +0 -162
- package/dist/components/trace-viewer/components/map.js.map +0 -1
- package/dist/components/trace-viewer/components/markers.d.ts +0 -23
- package/dist/components/trace-viewer/components/markers.d.ts.map +0 -1
- package/dist/components/trace-viewer/components/markers.js +0 -416
- package/dist/components/trace-viewer/components/markers.js.map +0 -1
- package/dist/components/trace-viewer/components/node.d.ts +0 -35
- package/dist/components/trace-viewer/components/node.d.ts.map +0 -1
- package/dist/components/trace-viewer/components/node.js +0 -285
- package/dist/components/trace-viewer/components/node.js.map +0 -1
- package/dist/components/trace-viewer/components/search-input.d.ts +0 -9
- package/dist/components/trace-viewer/components/search-input.d.ts.map +0 -1
- package/dist/components/trace-viewer/components/search-input.js +0 -9
- package/dist/components/trace-viewer/components/search-input.js.map +0 -1
- package/dist/components/trace-viewer/components/search.d.ts +0 -3
- package/dist/components/trace-viewer/components/search.d.ts.map +0 -1
- package/dist/components/trace-viewer/components/search.js +0 -25
- package/dist/components/trace-viewer/components/search.js.map +0 -1
- package/dist/components/trace-viewer/components/span-content.d.ts +0 -19
- package/dist/components/trace-viewer/components/span-content.d.ts.map +0 -1
- package/dist/components/trace-viewer/components/span-content.js +0 -137
- package/dist/components/trace-viewer/components/span-content.js.map +0 -1
- package/dist/components/trace-viewer/components/span-detail-panel.d.ts +0 -10
- package/dist/components/trace-viewer/components/span-detail-panel.d.ts.map +0 -1
- package/dist/components/trace-viewer/components/span-detail-panel.js +0 -285
- package/dist/components/trace-viewer/components/span-detail-panel.js.map +0 -1
- package/dist/components/trace-viewer/components/span-segments.d.ts +0 -50
- package/dist/components/trace-viewer/components/span-segments.d.ts.map +0 -1
- package/dist/components/trace-viewer/components/span-segments.js +0 -445
- package/dist/components/trace-viewer/components/span-segments.js.map +0 -1
- package/dist/components/trace-viewer/components/span-strategies.d.ts +0 -46
- package/dist/components/trace-viewer/components/span-strategies.d.ts.map +0 -1
- package/dist/components/trace-viewer/components/span-strategies.js +0 -108
- package/dist/components/trace-viewer/components/span-strategies.js.map +0 -1
- package/dist/components/trace-viewer/components/ui.d.ts +0 -28
- package/dist/components/trace-viewer/components/ui.d.ts.map +0 -1
- package/dist/components/trace-viewer/components/ui.js +0 -39
- package/dist/components/trace-viewer/components/ui.js.map +0 -1
- package/dist/components/trace-viewer/components/zoom-button.d.ts +0 -3
- package/dist/components/trace-viewer/components/zoom-button.d.ts.map +0 -1
- package/dist/components/trace-viewer/components/zoom-button.js +0 -29
- package/dist/components/trace-viewer/components/zoom-button.js.map +0 -1
- package/dist/components/trace-viewer/components/zoom-icons.d.ts +0 -11
- package/dist/components/trace-viewer/components/zoom-icons.d.ts.map +0 -1
- package/dist/components/trace-viewer/components/zoom-icons.js +0 -11
- package/dist/components/trace-viewer/components/zoom-icons.js.map +0 -1
- package/dist/components/trace-viewer/context.js.map +0 -1
- package/dist/components/trace-viewer/index.d.ts +0 -5
- package/dist/components/trace-viewer/index.d.ts.map +0 -1
- package/dist/components/trace-viewer/index.js +0 -4
- package/dist/components/trace-viewer/index.js.map +0 -1
- package/dist/components/trace-viewer/trace-viewer.js.map +0 -1
- package/dist/components/trace-viewer/trace-viewer.module.css +0 -1465
- package/dist/components/trace-viewer/types.js.map +0 -1
- package/dist/components/trace-viewer/util/constants.d.ts +0 -9
- package/dist/components/trace-viewer/util/constants.d.ts.map +0 -1
- package/dist/components/trace-viewer/util/constants.js +0 -9
- package/dist/components/trace-viewer/util/constants.js.map +0 -1
- package/dist/components/trace-viewer/util/scrollbar-width.d.ts +0 -2
- package/dist/components/trace-viewer/util/scrollbar-width.d.ts.map +0 -1
- package/dist/components/trace-viewer/util/scrollbar-width.js +0 -14
- package/dist/components/trace-viewer/util/scrollbar-width.js.map +0 -1
- package/dist/components/trace-viewer/util/timing.js.map +0 -1
- package/dist/components/trace-viewer/util/tree.d.ts +0 -13
- package/dist/components/trace-viewer/util/tree.d.ts.map +0 -1
- package/dist/components/trace-viewer/util/tree.js +0 -227
- package/dist/components/trace-viewer/util/tree.js.map +0 -1
- package/dist/components/trace-viewer/util/use-immediate-style.d.ts +0 -15
- package/dist/components/trace-viewer/util/use-immediate-style.d.ts.map +0 -1
- package/dist/components/trace-viewer/util/use-immediate-style.js +0 -23
- package/dist/components/trace-viewer/util/use-immediate-style.js.map +0 -1
- package/dist/components/trace-viewer/util/use-streaming-spans.d.ts +0 -8
- package/dist/components/trace-viewer/util/use-streaming-spans.d.ts.map +0 -1
- package/dist/components/trace-viewer/util/use-streaming-spans.js +0 -345
- package/dist/components/trace-viewer/util/use-streaming-spans.js.map +0 -1
- package/dist/components/trace-viewer/util/use-trackpad-zoom.d.ts +0 -6
- package/dist/components/trace-viewer/util/use-trackpad-zoom.d.ts.map +0 -1
- package/dist/components/trace-viewer/util/use-trackpad-zoom.js +0 -39
- package/dist/components/trace-viewer/util/use-trackpad-zoom.js.map +0 -1
- package/dist/components/trace-viewer/worker.d.ts +0 -2
- package/dist/components/trace-viewer/worker.d.ts.map +0 -1
- package/dist/components/trace-viewer/worker.js +0 -109
- package/dist/components/trace-viewer/worker.js.map +0 -1
- package/dist/components/trace-viewer-new.d.ts.map +0 -1
- package/dist/components/trace-viewer-new.js +0 -23
- package/dist/components/trace-viewer-new.js.map +0 -1
- package/dist/components/ui/alert.js.map +0 -1
- package/dist/components/ui/card.js.map +0 -1
- package/dist/components/ui/data-inspector.js.map +0 -1
- package/dist/components/ui/decrypt-button.js.map +0 -1
- package/dist/components/ui/error-card.js.map +0 -1
- package/dist/components/ui/error-stack-block.js.map +0 -1
- package/dist/components/ui/inspector-theme.d.ts +0 -95
- package/dist/components/ui/inspector-theme.d.ts.map +0 -1
- package/dist/components/ui/inspector-theme.js +0 -82
- package/dist/components/ui/inspector-theme.js.map +0 -1
- package/dist/components/ui/load-more-button.js.map +0 -1
- package/dist/components/ui/menu-dropdown.js.map +0 -1
- package/dist/components/ui/skeleton.js.map +0 -1
- package/dist/components/ui/spinner.js.map +0 -1
- package/dist/components/ui/timestamp-tooltip.js.map +0 -1
- package/dist/components/workflow-trace-view.d.ts +0 -40
- package/dist/components/workflow-trace-view.d.ts.map +0 -1
- package/dist/components/workflow-trace-view.js +0 -695
- package/dist/components/workflow-trace-view.js.map +0 -1
- package/dist/components/workflow-traces/event-colors.js.map +0 -1
- package/dist/components/workflow-traces/trace-colors.d.ts +0 -15
- package/dist/components/workflow-traces/trace-colors.d.ts.map +0 -1
- package/dist/components/workflow-traces/trace-colors.js +0 -87
- package/dist/components/workflow-traces/trace-colors.js.map +0 -1
- package/dist/components/workflow-traces/trace-span-construction.js.map +0 -1
- package/dist/components/workflow-traces/trace-time-utils.js.map +0 -1
- package/dist/hooks/use-dark-mode.js.map +0 -1
- package/dist/index.js.map +0 -1
- package/dist/lib/event-analysis.js.map +0 -1
- package/dist/lib/event-materialization.js.map +0 -1
- package/dist/lib/hydration.js.map +0 -1
- package/dist/lib/stream-display.js.map +0 -1
- package/dist/lib/toast.js.map +0 -1
- package/dist/lib/trace-builder.js.map +0 -1
- package/dist/lib/utils.js.map +0 -1
- package/src/components/new-trace-viewer/components/event-list.tsx +0 -116
- package/src/components/new-trace-viewer/components/split-pane.tsx +0 -185
- package/src/components/new-trace-viewer/components/timeline.tsx +0 -382
- package/src/components/new-trace-viewer/context.tsx +0 -92
- package/src/components/new-trace-viewer/detail-panel.tsx +0 -58
- package/src/components/new-trace-viewer/trace-viewer.tsx +0 -645
- package/src/components/new-trace-viewer/types.ts +0 -0
- package/src/components/new-trace-viewer/util/constants.ts +0 -0
- package/src/components/run-trace-view.tsx +0 -84
- package/src/components/sidebar/detail-card.tsx +0 -65
- package/src/components/trace-viewer/components/map.tsx +0 -226
- package/src/components/trace-viewer/components/markers.tsx +0 -612
- package/src/components/trace-viewer/components/node.tsx +0 -505
- package/src/components/trace-viewer/components/search-input.tsx +0 -52
- package/src/components/trace-viewer/components/search.tsx +0 -47
- package/src/components/trace-viewer/components/span-content.tsx +0 -247
- package/src/components/trace-viewer/components/span-detail-panel.tsx +0 -655
- package/src/components/trace-viewer/components/span-segments.ts +0 -585
- package/src/components/trace-viewer/components/span-strategies.ts +0 -205
- package/src/components/trace-viewer/components/ui.tsx +0 -156
- package/src/components/trace-viewer/components/zoom-button.tsx +0 -61
- package/src/components/trace-viewer/components/zoom-icons.tsx +0 -65
- package/src/components/trace-viewer/index.tsx +0 -4
- package/src/components/trace-viewer/trace-viewer.module.css +0 -1465
- package/src/components/trace-viewer/util/constants.ts +0 -8
- package/src/components/trace-viewer/util/scrollbar-width.ts +0 -13
- package/src/components/trace-viewer/util/tree.ts +0 -277
- package/src/components/trace-viewer/util/use-immediate-style.ts +0 -38
- package/src/components/trace-viewer/util/use-streaming-spans.ts +0 -426
- package/src/components/trace-viewer/util/use-trackpad-zoom.tsx +0 -51
- package/src/components/trace-viewer/worker.ts +0 -131
- package/src/components/ui/inspector-theme.ts +0 -110
- package/src/components/workflow-trace-view.tsx +0 -1171
- package/src/components/workflow-traces/trace-colors.ts +0 -112
- /package/dist/components/{new-trace-viewer → trace-viewer}/components/copy-button.d.ts +0 -0
- /package/dist/components/{new-trace-viewer → trace-viewer}/components/middle-truncate/copy-selection.d.ts +0 -0
- /package/dist/components/{new-trace-viewer → trace-viewer}/components/middle-truncate/middle-truncate.d.ts +0 -0
- /package/dist/components/{new-trace-viewer → trace-viewer}/components/middle-truncate/use-middle-truncate.d.ts +0 -0
- /package/dist/components/{new-trace-viewer → trace-viewer}/icons.d.ts +0 -0
- /package/src/components/{new-trace-viewer → trace-viewer}/components/middle-truncate/copy-selection.ts +0 -0
- /package/src/components/{new-trace-viewer → trace-viewer}/components/middle-truncate/use-middle-truncate.ts +0 -0
- /package/src/{components/trace-viewer/modules.d.ts → modules.d.ts} +0 -0
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { cva } from 'class-variance-authority';
|
|
3
|
+
import { cn } from '../../lib/cn';
|
|
4
|
+
const buttonVariants = cva([
|
|
5
|
+
'outline-none m-0 border-0 align-baseline no-underline group/trigger',
|
|
6
|
+
'relative cursor-pointer select-none transform translate-z-0',
|
|
7
|
+
'inline-flex max-w-full items-center justify-center gap-x-1 whitespace-nowrap rounded-md font-medium',
|
|
8
|
+
'!text-gray-100',
|
|
9
|
+
'bg-gray-1000',
|
|
10
|
+
'transition-[border-color,background,color,transform,box-shadow] duration-150 ease-in-out',
|
|
11
|
+
// Geist invert hover: literal fallbacks (no token dep, so it resolves in any
|
|
12
|
+
// consuming app), darkened via ancestor theme class without a registered variant.
|
|
13
|
+
'hover:bg-[var(--themed-hover-bg,_hsl(0,_0%,_22%))]',
|
|
14
|
+
'[.dark-theme_&]:hover:bg-[var(--themed-hover-bg,_hsl(0,_0%,_80%))]',
|
|
15
|
+
'[[data-theme=dark]_&]:hover:bg-[var(--themed-hover-bg,_hsl(0,_0%,_80%))]',
|
|
16
|
+
// Geist focus ring as arbitrary properties (no bare `outline`/ambiguous
|
|
17
|
+
// arbitrary-color utilities, which differ between Tailwind v3 and v4).
|
|
18
|
+
'focus-visible:[outline:2px_solid_var(--ds-focus-color)] focus-visible:[outline-offset:2px]',
|
|
19
|
+
// disabled styles
|
|
20
|
+
'disabled:cursor-not-allowed aria-disabled:cursor-not-allowed',
|
|
21
|
+
'disabled:bg-gray-100 disabled:!text-gray-700 disabled:hover:bg-gray-100',
|
|
22
|
+
'aria-disabled:bg-gray-100 aria-disabled:text-gray-700 aria-disabled:hover:bg-gray-100',
|
|
23
|
+
], {
|
|
24
|
+
variants: {
|
|
25
|
+
variant: {
|
|
26
|
+
default: '',
|
|
27
|
+
secondary: 'border border-gray-alpha-400 [--themed-bg:_var(--ds-background-100)] [--themed-fg:_var(--ds-gray-1000)] [--themed-hover-bg:_var(--ds-gray-alpha-200)]',
|
|
28
|
+
ghost: '[--themed-bg:_transparent] [--themed-fg:_var(--ds-gray-1000)] [--themed-hover-bg:_var(--ds-gray-alpha-100)]',
|
|
29
|
+
},
|
|
30
|
+
size: {
|
|
31
|
+
default: 'h-10 px-4 text-button-14',
|
|
32
|
+
sm: 'h-8 px-3 text-button-14',
|
|
33
|
+
xs: 'h-6 px-1.5 py-0.5 text-button-12 rounded-[4px]',
|
|
34
|
+
icon: 'h-8 w-8',
|
|
35
|
+
},
|
|
36
|
+
},
|
|
37
|
+
defaultVariants: {
|
|
38
|
+
variant: 'default',
|
|
39
|
+
size: 'default',
|
|
40
|
+
},
|
|
41
|
+
});
|
|
42
|
+
export function Button({ className, variant, size, type = 'button', ...props }) {
|
|
43
|
+
return (_jsx("button", { type: type, className: cn(buttonVariants({ variant, size, className })), ...props }));
|
|
44
|
+
}
|
|
45
|
+
export { buttonVariants };
|
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdWkvYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLEdBQUcsRUFBcUIsTUFBTSwwQkFBMEIsQ0FBQztBQUVsRSxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBRWxDLE1BQU0sY0FBYyxHQUFHLEdBQUcsQ0FDeEI7SUFDRSxxRUFBcUU7SUFDckUsNkRBQTZEO0lBQzdELHFHQUFxRztJQUNyRyxnQkFBZ0I7SUFDaEIsY0FBYztJQUNkLDBGQUEwRjtJQUMxRiw2RUFBNkU7SUFDN0Usa0ZBQWtGO0lBQ2xGLG9EQUFvRDtJQUNwRCxvRUFBb0U7SUFDcEUsMEVBQTBFO0lBQzFFLHdFQUF3RTtJQUN4RSx1RUFBdUU7SUFDdkUsNEZBQTRGO0lBQzVGLGtCQUFrQjtJQUNsQiw4REFBOEQ7SUFDOUQseUVBQXlFO0lBQ3pFLHVGQUF1RjtDQUN4RixFQUNEO0lBQ0UsUUFBUSxFQUFFO1FBQ1IsT0FBTyxFQUFFO1lBQ1AsT0FBTyxFQUFFLEVBQUU7WUFDWCxTQUFTLEVBQ1AsdUpBQXVKO1lBQ3pKLEtBQUssRUFDSCw2R0FBNkc7U0FDaEg7UUFDRCxJQUFJLEVBQUU7WUFDSixPQUFPLEVBQUUsMEJBQTBCO1lBQ25DLEVBQUUsRUFBRSx5QkFBeUI7WUFDN0IsRUFBRSxFQUFFLGdEQUFnRDtZQUNwRCxJQUFJLEVBQUUsU0FBUztTQUNoQjtLQUNGO0lBQ0QsZUFBZSxFQUFFO1FBQ2YsT0FBTyxFQUFFLFNBQVM7UUFDbEIsSUFBSSxFQUFFLFNBQVM7S0FDaEI7Q0FDRixDQUNGLENBQUM7QUFLRixNQUFNLFVBQVUsTUFBTSxDQUFDLEVBQ3JCLFNBQVMsRUFDVCxPQUFPLEVBQ1AsSUFBSSxFQUNKLElBQUksR0FBRyxRQUFRLEVBQ2YsR0FBRyxLQUFLLEVBQ0k7SUFDWixPQUFPLENBQ0wsaUJBQ0UsSUFBSSxFQUFFLElBQUksRUFDVixTQUFTLEVBQUUsRUFBRSxDQUFDLGNBQWMsQ0FBQyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLENBQUMsQ0FBQyxLQUN2RCxLQUFLLEdBQ1QsQ0FDSCxDQUFDO0FBQ0osQ0FBQztBQUVELE9BQU8sRUFBRSxjQUFjLEVBQUUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGN2YSwgdHlwZSBWYXJpYW50UHJvcHMgfSBmcm9tICdjbGFzcy12YXJpYW5jZS1hdXRob3JpdHknO1xuaW1wb3J0IHR5cGUgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjbiB9IGZyb20gJy4uLy4uL2xpYi9jbic7XG5cbmNvbnN0IGJ1dHRvblZhcmlhbnRzID0gY3ZhKFxuICBbXG4gICAgJ291dGxpbmUtbm9uZSBtLTAgYm9yZGVyLTAgYWxpZ24tYmFzZWxpbmUgbm8tdW5kZXJsaW5lIGdyb3VwL3RyaWdnZXInLFxuICAgICdyZWxhdGl2ZSBjdXJzb3ItcG9pbnRlciBzZWxlY3Qtbm9uZSB0cmFuc2Zvcm0gdHJhbnNsYXRlLXotMCcsXG4gICAgJ2lubGluZS1mbGV4IG1heC13LWZ1bGwgaXRlbXMtY2VudGVyIGp1c3RpZnktY2VudGVyIGdhcC14LTEgd2hpdGVzcGFjZS1ub3dyYXAgcm91bmRlZC1tZCBmb250LW1lZGl1bScsXG4gICAgJyF0ZXh0LWdyYXktMTAwJyxcbiAgICAnYmctZ3JheS0xMDAwJyxcbiAgICAndHJhbnNpdGlvbi1bYm9yZGVyLWNvbG9yLGJhY2tncm91bmQsY29sb3IsdHJhbnNmb3JtLGJveC1zaGFkb3ddIGR1cmF0aW9uLTE1MCBlYXNlLWluLW91dCcsXG4gICAgLy8gR2Vpc3QgaW52ZXJ0IGhvdmVyOiBsaXRlcmFsIGZhbGxiYWNrcyAobm8gdG9rZW4gZGVwLCBzbyBpdCByZXNvbHZlcyBpbiBhbnlcbiAgICAvLyBjb25zdW1pbmcgYXBwKSwgZGFya2VuZWQgdmlhIGFuY2VzdG9yIHRoZW1lIGNsYXNzIHdpdGhvdXQgYSByZWdpc3RlcmVkIHZhcmlhbnQuXG4gICAgJ2hvdmVyOmJnLVt2YXIoLS10aGVtZWQtaG92ZXItYmcsX2hzbCgwLF8wJSxfMjIlKSldJyxcbiAgICAnWy5kYXJrLXRoZW1lXyZdOmhvdmVyOmJnLVt2YXIoLS10aGVtZWQtaG92ZXItYmcsX2hzbCgwLF8wJSxfODAlKSldJyxcbiAgICAnW1tkYXRhLXRoZW1lPWRhcmtdXyZdOmhvdmVyOmJnLVt2YXIoLS10aGVtZWQtaG92ZXItYmcsX2hzbCgwLF8wJSxfODAlKSldJyxcbiAgICAvLyBHZWlzdCBmb2N1cyByaW5nIGFzIGFyYml0cmFyeSBwcm9wZXJ0aWVzIChubyBiYXJlIGBvdXRsaW5lYC9hbWJpZ3VvdXNcbiAgICAvLyBhcmJpdHJhcnktY29sb3IgdXRpbGl0aWVzLCB3aGljaCBkaWZmZXIgYmV0d2VlbiBUYWlsd2luZCB2MyBhbmQgdjQpLlxuICAgICdmb2N1cy12aXNpYmxlOltvdXRsaW5lOjJweF9zb2xpZF92YXIoLS1kcy1mb2N1cy1jb2xvcildIGZvY3VzLXZpc2libGU6W291dGxpbmUtb2Zmc2V0OjJweF0nLFxuICAgIC8vIGRpc2FibGVkIHN0eWxlc1xuICAgICdkaXNhYmxlZDpjdXJzb3Itbm90LWFsbG93ZWQgYXJpYS1kaXNhYmxlZDpjdXJzb3Itbm90LWFsbG93ZWQnLFxuICAgICdkaXNhYmxlZDpiZy1ncmF5LTEwMCBkaXNhYmxlZDohdGV4dC1ncmF5LTcwMCBkaXNhYmxlZDpob3ZlcjpiZy1ncmF5LTEwMCcsXG4gICAgJ2FyaWEtZGlzYWJsZWQ6YmctZ3JheS0xMDAgYXJpYS1kaXNhYmxlZDp0ZXh0LWdyYXktNzAwIGFyaWEtZGlzYWJsZWQ6aG92ZXI6YmctZ3JheS0xMDAnLFxuICBdLFxuICB7XG4gICAgdmFyaWFudHM6IHtcbiAgICAgIHZhcmlhbnQ6IHtcbiAgICAgICAgZGVmYXVsdDogJycsXG4gICAgICAgIHNlY29uZGFyeTpcbiAgICAgICAgICAnYm9yZGVyIGJvcmRlci1ncmF5LWFscGhhLTQwMCBbLS10aGVtZWQtYmc6X3ZhcigtLWRzLWJhY2tncm91bmQtMTAwKV0gWy0tdGhlbWVkLWZnOl92YXIoLS1kcy1ncmF5LTEwMDApXSBbLS10aGVtZWQtaG92ZXItYmc6X3ZhcigtLWRzLWdyYXktYWxwaGEtMjAwKV0nLFxuICAgICAgICBnaG9zdDpcbiAgICAgICAgICAnWy0tdGhlbWVkLWJnOl90cmFuc3BhcmVudF0gWy0tdGhlbWVkLWZnOl92YXIoLS1kcy1ncmF5LTEwMDApXSBbLS10aGVtZWQtaG92ZXItYmc6X3ZhcigtLWRzLWdyYXktYWxwaGEtMTAwKV0nLFxuICAgICAgfSxcbiAgICAgIHNpemU6IHtcbiAgICAgICAgZGVmYXVsdDogJ2gtMTAgcHgtNCB0ZXh0LWJ1dHRvbi0xNCcsXG4gICAgICAgIHNtOiAnaC04IHB4LTMgdGV4dC1idXR0b24tMTQnLFxuICAgICAgICB4czogJ2gtNiBweC0xLjUgcHktMC41IHRleHQtYnV0dG9uLTEyIHJvdW5kZWQtWzRweF0nLFxuICAgICAgICBpY29uOiAnaC04IHctOCcsXG4gICAgICB9LFxuICAgIH0sXG4gICAgZGVmYXVsdFZhcmlhbnRzOiB7XG4gICAgICB2YXJpYW50OiAnZGVmYXVsdCcsXG4gICAgICBzaXplOiAnZGVmYXVsdCcsXG4gICAgfSxcbiAgfVxuKTtcblxuZXhwb3J0IHR5cGUgQnV0dG9uUHJvcHMgPSBSZWFjdC5CdXR0b25IVE1MQXR0cmlidXRlczxIVE1MQnV0dG9uRWxlbWVudD4gJlxuICBWYXJpYW50UHJvcHM8dHlwZW9mIGJ1dHRvblZhcmlhbnRzPjtcblxuZXhwb3J0IGZ1bmN0aW9uIEJ1dHRvbih7XG4gIGNsYXNzTmFtZSxcbiAgdmFyaWFudCxcbiAgc2l6ZSxcbiAgdHlwZSA9ICdidXR0b24nLFxuICAuLi5wcm9wc1xufTogQnV0dG9uUHJvcHMpIHtcbiAgcmV0dXJuIChcbiAgICA8YnV0dG9uXG4gICAgICB0eXBlPXt0eXBlfVxuICAgICAgY2xhc3NOYW1lPXtjbihidXR0b25WYXJpYW50cyh7IHZhcmlhbnQsIHNpemUsIGNsYXNzTmFtZSB9KSl9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKTtcbn1cblxuZXhwb3J0IHsgYnV0dG9uVmFyaWFudHMgfTtcbiJdfQ==
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,IAAI,6GASR,CAAC;AAGH,QAAA,MAAM,UAAU,6GASd,CAAC;AAGH,QAAA,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,IAAI,6GASR,CAAC;AAGH,QAAA,MAAM,UAAU,6GASd,CAAC;AAGH,QAAA,MAAM,SAAS,6GAKb,CAAC;AAGH,QAAA,MAAM,eAAe,6GAUnB,CAAC;AAGH,QAAA,MAAM,WAAW,6GAKf,CAAC;AAGH,QAAA,MAAM,UAAU,6GASd,CAAC;AAGH,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,eAAe,EACf,WAAW,GACZ,CAAC"}
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
3
|
import * as React from 'react';
|
|
4
|
-
import { cn } from '../../lib/
|
|
4
|
+
import { cn } from '../../lib/cn';
|
|
5
5
|
const Card = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('rounded-lg border shadow-sm', className), ...props })));
|
|
6
6
|
Card.displayName = 'Card';
|
|
7
7
|
const CardHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('flex flex-col space-y-1.5 p-6', className), ...props })));
|
|
8
8
|
CardHeader.displayName = 'CardHeader';
|
|
9
|
-
const CardTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('text-
|
|
9
|
+
const CardTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('text-heading-24', className), ...props })));
|
|
10
10
|
CardTitle.displayName = 'CardTitle';
|
|
11
|
-
const CardDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('text-
|
|
11
|
+
const CardDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('text-copy-14', className), style: { color: 'var(--ds-gray-900)' }, ...props })));
|
|
12
12
|
CardDescription.displayName = 'CardDescription';
|
|
13
13
|
const CardContent = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('p-6 pt-0', className), ...props })));
|
|
14
14
|
CardContent.displayName = 'CardContent';
|
|
15
15
|
const CardFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('flex items-center p-6 pt-0', className), ...props })));
|
|
16
16
|
CardFooter.displayName = 'CardFooter';
|
|
17
17
|
export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, };
|
|
18
|
-
//# sourceMappingURL=
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3VpL2NhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLFlBQVksQ0FBQzs7QUFFYixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUvQixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBRWxDLE1BQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBRzNCLENBQUMsRUFBRSxTQUFTLEVBQUUsR0FBRyxLQUFLLEVBQUUsRUFBRSxHQUFHLEVBQUUsRUFBRSxDQUFDLENBQ2xDLGNBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixTQUFTLEVBQUUsRUFBRSxDQUFDLDZCQUE2QixFQUFFLFNBQVMsQ0FBQyxLQUNuRCxLQUFLLEdBQ1QsQ0FDSCxDQUFDLENBQUM7QUFDSCxJQUFJLENBQUMsV0FBVyxHQUFHLE1BQU0sQ0FBQztBQUUxQixNQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUdqQyxDQUFDLEVBQUUsU0FBUyxFQUFFLEdBQUcsS0FBSyxFQUFFLEVBQUUsR0FBRyxFQUFFLEVBQUUsQ0FBQyxDQUNsQyxjQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsU0FBUyxFQUFFLEVBQUUsQ0FBQywrQkFBK0IsRUFBRSxTQUFTLENBQUMsS0FDckQsS0FBSyxHQUNULENBQ0gsQ0FBQyxDQUFDO0FBQ0gsVUFBVSxDQUFDLFdBQVcsR0FBRyxZQUFZLENBQUM7QUFFdEMsTUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FHaEMsQ0FBQyxFQUFFLFNBQVMsRUFBRSxHQUFHLEtBQUssRUFBRSxFQUFFLEdBQUcsRUFBRSxFQUFFLENBQUMsQ0FDbEMsY0FBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxFQUFFLENBQUMsaUJBQWlCLEVBQUUsU0FBUyxDQUFDLEtBQU0sS0FBSyxHQUFJLENBQzFFLENBQUMsQ0FBQztBQUNILFNBQVMsQ0FBQyxXQUFXLEdBQUcsV0FBVyxDQUFDO0FBRXBDLE1BQU0sZUFBZSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBR3RDLENBQUMsRUFBRSxTQUFTLEVBQUUsR0FBRyxLQUFLLEVBQUUsRUFBRSxHQUFHLEVBQUUsRUFBRSxDQUFDLENBQ2xDLGNBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixTQUFTLEVBQUUsRUFBRSxDQUFDLGNBQWMsRUFBRSxTQUFTLENBQUMsRUFDeEMsS0FBSyxFQUFFLEVBQUUsS0FBSyxFQUFFLG9CQUFvQixFQUFFLEtBQ2xDLEtBQUssR0FDVCxDQUNILENBQUMsQ0FBQztBQUNILGVBQWUsQ0FBQyxXQUFXLEdBQUcsaUJBQWlCLENBQUM7QUFFaEQsTUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FHbEMsQ0FBQyxFQUFFLFNBQVMsRUFBRSxHQUFHLEtBQUssRUFBRSxFQUFFLEdBQUcsRUFBRSxFQUFFLENBQUMsQ0FDbEMsY0FBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxFQUFFLENBQUMsVUFBVSxFQUFFLFNBQVMsQ0FBQyxLQUFNLEtBQUssR0FBSSxDQUNuRSxDQUFDLENBQUM7QUFDSCxXQUFXLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQztBQUV4QyxNQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUdqQyxDQUFDLEVBQUUsU0FBUyxFQUFFLEdBQUcsS0FBSyxFQUFFLEVBQUUsR0FBRyxFQUFFLEVBQUUsQ0FBQyxDQUNsQyxjQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsU0FBUyxFQUFFLEVBQUUsQ0FBQyw0QkFBNEIsRUFBRSxTQUFTLENBQUMsS0FDbEQsS0FBSyxHQUNULENBQ0gsQ0FBQyxDQUFDO0FBQ0gsVUFBVSxDQUFDLFdBQVcsR0FBRyxZQUFZLENBQUM7QUFFdEMsT0FBTyxFQUNMLElBQUksRUFDSixVQUFVLEVBQ1YsVUFBVSxFQUNWLFNBQVMsRUFDVCxlQUFlLEVBQ2YsV0FBVyxHQUNaLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCc7XG5cbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgY24gfSBmcm9tICcuLi8uLi9saWIvY24nO1xuXG5jb25zdCBDYXJkID0gUmVhY3QuZm9yd2FyZFJlZjxcbiAgSFRNTERpdkVsZW1lbnQsXG4gIFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PlxuPigoeyBjbGFzc05hbWUsIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8ZGl2XG4gICAgcmVmPXtyZWZ9XG4gICAgY2xhc3NOYW1lPXtjbigncm91bmRlZC1sZyBib3JkZXIgc2hhZG93LXNtJywgY2xhc3NOYW1lKX1cbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pKTtcbkNhcmQuZGlzcGxheU5hbWUgPSAnQ2FyZCc7XG5cbmNvbnN0IENhcmRIZWFkZXIgPSBSZWFjdC5mb3J3YXJkUmVmPFxuICBIVE1MRGl2RWxlbWVudCxcbiAgUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+XG4+KCh7IGNsYXNzTmFtZSwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxkaXZcbiAgICByZWY9e3JlZn1cbiAgICBjbGFzc05hbWU9e2NuKCdmbGV4IGZsZXgtY29sIHNwYWNlLXktMS41IHAtNicsIGNsYXNzTmFtZSl9XG4gICAgey4uLnByb3BzfVxuICAvPlxuKSk7XG5DYXJkSGVhZGVyLmRpc3BsYXlOYW1lID0gJ0NhcmRIZWFkZXInO1xuXG5jb25zdCBDYXJkVGl0bGUgPSBSZWFjdC5mb3J3YXJkUmVmPFxuICBIVE1MRGl2RWxlbWVudCxcbiAgUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+XG4+KCh7IGNsYXNzTmFtZSwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxkaXYgcmVmPXtyZWZ9IGNsYXNzTmFtZT17Y24oJ3RleHQtaGVhZGluZy0yNCcsIGNsYXNzTmFtZSl9IHsuLi5wcm9wc30gLz5cbikpO1xuQ2FyZFRpdGxlLmRpc3BsYXlOYW1lID0gJ0NhcmRUaXRsZSc7XG5cbmNvbnN0IENhcmREZXNjcmlwdGlvbiA9IFJlYWN0LmZvcndhcmRSZWY8XG4gIEhUTUxEaXZFbGVtZW50LFxuICBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD5cbj4oKHsgY2xhc3NOYW1lLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPGRpdlxuICAgIHJlZj17cmVmfVxuICAgIGNsYXNzTmFtZT17Y24oJ3RleHQtY29weS0xNCcsIGNsYXNzTmFtZSl9XG4gICAgc3R5bGU9e3sgY29sb3I6ICd2YXIoLS1kcy1ncmF5LTkwMCknIH19XG4gICAgey4uLnByb3BzfVxuICAvPlxuKSk7XG5DYXJkRGVzY3JpcHRpb24uZGlzcGxheU5hbWUgPSAnQ2FyZERlc2NyaXB0aW9uJztcblxuY29uc3QgQ2FyZENvbnRlbnQgPSBSZWFjdC5mb3J3YXJkUmVmPFxuICBIVE1MRGl2RWxlbWVudCxcbiAgUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+XG4+KCh7IGNsYXNzTmFtZSwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxkaXYgcmVmPXtyZWZ9IGNsYXNzTmFtZT17Y24oJ3AtNiBwdC0wJywgY2xhc3NOYW1lKX0gey4uLnByb3BzfSAvPlxuKSk7XG5DYXJkQ29udGVudC5kaXNwbGF5TmFtZSA9ICdDYXJkQ29udGVudCc7XG5cbmNvbnN0IENhcmRGb290ZXIgPSBSZWFjdC5mb3J3YXJkUmVmPFxuICBIVE1MRGl2RWxlbWVudCxcbiAgUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+XG4+KCh7IGNsYXNzTmFtZSwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxkaXZcbiAgICByZWY9e3JlZn1cbiAgICBjbGFzc05hbWU9e2NuKCdmbGV4IGl0ZW1zLWNlbnRlciBwLTYgcHQtMCcsIGNsYXNzTmFtZSl9XG4gICAgey4uLnByb3BzfVxuICAvPlxuKSk7XG5DYXJkRm9vdGVyLmRpc3BsYXlOYW1lID0gJ0NhcmRGb290ZXInO1xuXG5leHBvcnQge1xuICBDYXJkLFxuICBDYXJkSGVhZGVyLFxuICBDYXJkRm9vdGVyLFxuICBDYXJkVGl0bGUsXG4gIENhcmREZXNjcmlwdGlvbixcbiAgQ2FyZENvbnRlbnQsXG59O1xuIl19
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
type CollapsibleVariant = 'section' | 'card';
|
|
3
|
+
type CollapsibleRootProps = {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
variant?: CollapsibleVariant;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
defaultOpen?: boolean;
|
|
8
|
+
onOpenChange?: (open: boolean) => void;
|
|
9
|
+
className?: string;
|
|
10
|
+
};
|
|
11
|
+
/**
|
|
12
|
+
* Low-level collapsible container. Use this together with `CollapsibleTrigger`
|
|
13
|
+
* and `CollapsibleContent` when you need to override the styling of individual
|
|
14
|
+
* parts. For the common case, prefer the all-in-one `Collapsible`.
|
|
15
|
+
*/
|
|
16
|
+
export declare function CollapsibleRoot({ children, variant, disabled, defaultOpen, onOpenChange, className, }: CollapsibleRootProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
type CollapsibleTriggerProps = {
|
|
18
|
+
children: ReactNode;
|
|
19
|
+
className?: string;
|
|
20
|
+
};
|
|
21
|
+
/** The clickable header of a `CollapsibleRoot`. */
|
|
22
|
+
export declare function CollapsibleTrigger({ children, className, }: CollapsibleTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
type CollapsibleContentProps = {
|
|
24
|
+
children: ReactNode;
|
|
25
|
+
className?: string;
|
|
26
|
+
};
|
|
27
|
+
/** The collapsible body of a `CollapsibleRoot`. */
|
|
28
|
+
export declare function CollapsibleContent({ children, className, }: CollapsibleContentProps): import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
type CollapsibleProps = {
|
|
30
|
+
/** Header content shown in the trigger row. */
|
|
31
|
+
label: ReactNode;
|
|
32
|
+
/** Body content. Omit for a header-only (e.g. disabled or skeleton) row. */
|
|
33
|
+
children?: ReactNode;
|
|
34
|
+
disabled?: boolean;
|
|
35
|
+
defaultOpen?: boolean;
|
|
36
|
+
onOpenChange?: (open: boolean) => void;
|
|
37
|
+
};
|
|
38
|
+
/**
|
|
39
|
+
* All-in-one collapsible section: a labeled header plus body content. This is
|
|
40
|
+
* the component to reach for in most cases. When you need to override the
|
|
41
|
+
* styling of a specific part, compose `CollapsibleRoot`, `CollapsibleTrigger`,
|
|
42
|
+
* and `CollapsibleContent` directly instead.
|
|
43
|
+
*/
|
|
44
|
+
export declare function Collapsible({ label, children, disabled, defaultOpen, onOpenChange, }: CollapsibleProps): import("react/jsx-runtime").JSX.Element;
|
|
45
|
+
export {};
|
|
46
|
+
//# sourceMappingURL=collapsible.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../src/components/ui/collapsible.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAGf,KAAK,kBAAkB,GAAG,SAAS,GAAG,MAAM,CAAC;AAmB7C,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,OAAmB,EACnB,QAAgB,EAChB,WAAmB,EACnB,YAAY,EACZ,SAAS,GACV,EAAE,oBAAoB,2CAyCtB;AAED,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,mDAAmD;AACnD,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,SAAS,GACV,EAAE,uBAAuB,2CA0DzB;AAED,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,mDAAmD;AACnD,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,SAAS,GACV,EAAE,uBAAuB,2CAUzB;AAED,KAAK,gBAAgB,GAAG;IACtB,+CAA+C;IAC/C,KAAK,EAAE,SAAS,CAAC;IACjB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,YAAY,GACb,EAAE,gBAAgB,2CAWlB"}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { ChevronDown, ChevronRight } from 'lucide-react';
|
|
4
|
+
import { createContext, useContext, useState, } from 'react';
|
|
5
|
+
import { cn } from '../../lib/cn';
|
|
6
|
+
const CollapsibleContext = createContext(null);
|
|
7
|
+
function useCollapsibleContext(part) {
|
|
8
|
+
const context = useContext(CollapsibleContext);
|
|
9
|
+
if (!context) {
|
|
10
|
+
throw new Error(`<Collapsible${part}> must be rendered inside <CollapsibleRoot>`);
|
|
11
|
+
}
|
|
12
|
+
return context;
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* Low-level collapsible container. Use this together with `CollapsibleTrigger`
|
|
16
|
+
* and `CollapsibleContent` when you need to override the styling of individual
|
|
17
|
+
* parts. For the common case, prefer the all-in-one `Collapsible`.
|
|
18
|
+
*/
|
|
19
|
+
export function CollapsibleRoot({ children, variant = 'section', disabled = false, defaultOpen = false, onOpenChange, className, }) {
|
|
20
|
+
const [open, setOpen] = useState(defaultOpen);
|
|
21
|
+
const handleToggle = (event) => {
|
|
22
|
+
// React bubbles the `toggle` event even though the native one doesn't, so
|
|
23
|
+
// a nested <details> (e.g. an event card inside the Events section)
|
|
24
|
+
// collapsing would otherwise flip this card. Only react to direct toggles.
|
|
25
|
+
if (event.target !== event.currentTarget)
|
|
26
|
+
return;
|
|
27
|
+
const next = event.currentTarget.open;
|
|
28
|
+
setOpen(next);
|
|
29
|
+
onOpenChange?.(next);
|
|
30
|
+
};
|
|
31
|
+
const details = (_jsx("details", { "data-slot": "collapsible", "data-state": open ? 'open' : 'closed', open: open, onToggle: disabled ? undefined : handleToggle, className: cn(variant === 'card'
|
|
32
|
+
? 'group/card border-gray-alpha-400 last:border-b'
|
|
33
|
+
: 'group', className), children: _jsx(CollapsibleContext.Provider, { value: { variant, disabled }, children: children }) }));
|
|
34
|
+
if (variant === 'card') {
|
|
35
|
+
return details;
|
|
36
|
+
}
|
|
37
|
+
return (_jsx("section", { className: "-mx-4 border-t border-gray-alpha-400 px-4 py-2", children: details }));
|
|
38
|
+
}
|
|
39
|
+
/** The clickable header of a `CollapsibleRoot`. */
|
|
40
|
+
export function CollapsibleTrigger({ children, className, }) {
|
|
41
|
+
const { variant, disabled } = useCollapsibleContext('Trigger');
|
|
42
|
+
if (variant === 'card') {
|
|
43
|
+
return (_jsxs("summary", { "data-slot": "collapsible-trigger", className: cn('flex cursor-pointer list-none items-center gap-1.5 border-t border-gray-alpha-400 bg-background-200 px-3 py-4 hover:bg-gray-100 [&::-webkit-details-marker]:hidden', className), children: [_jsx(ChevronRight, { size: 14, className: "shrink-0 text-gray-700 group-hover/card:text-gray-1000 group-open/card:rotate-90" }), children] }));
|
|
44
|
+
}
|
|
45
|
+
// Shared row metrics keep every header the same height regardless of variant.
|
|
46
|
+
const row = 'flex h-9 items-center gap-2 -mx-2 px-2 text-heading-14 font-medium list-none [&::-webkit-details-marker]:hidden';
|
|
47
|
+
if (disabled) {
|
|
48
|
+
return (_jsx("summary", { "data-slot": "collapsible-trigger", className: cn(row, 'pointer-events-none text-gray-700', className), children: _jsx("span", { className: "min-w-0 flex-1", children: children }) }));
|
|
49
|
+
}
|
|
50
|
+
return (_jsxs("summary", { "data-slot": "collapsible-trigger", className: cn(row, 'group/trigger cursor-pointer rounded hover:bg-gray-alpha-100', className), children: [_jsxs("span", { className: "relative isolate h-3.5 w-3.5 shrink-0 text-gray-700 group-hover/trigger:text-gray-1000", children: [_jsx(ChevronRight, { size: 14, className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 opacity-100 group-open:opacity-0" }), _jsx(ChevronDown, { size: 14, className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 opacity-0 group-open:opacity-100" })] }), _jsx("span", { className: "min-w-0 flex-1", children: children })] }));
|
|
51
|
+
}
|
|
52
|
+
/** The collapsible body of a `CollapsibleRoot`. */
|
|
53
|
+
export function CollapsibleContent({ children, className, }) {
|
|
54
|
+
const { variant } = useCollapsibleContext('Content');
|
|
55
|
+
return (_jsx("div", { "data-slot": "collapsible-content", className: cn(variant === 'section' && 'mt-2 mb-3', className), children: children }));
|
|
56
|
+
}
|
|
57
|
+
/**
|
|
58
|
+
* All-in-one collapsible section: a labeled header plus body content. This is
|
|
59
|
+
* the component to reach for in most cases. When you need to override the
|
|
60
|
+
* styling of a specific part, compose `CollapsibleRoot`, `CollapsibleTrigger`,
|
|
61
|
+
* and `CollapsibleContent` directly instead.
|
|
62
|
+
*/
|
|
63
|
+
export function Collapsible({ label, children, disabled, defaultOpen, onOpenChange, }) {
|
|
64
|
+
return (_jsxs(CollapsibleRoot, { disabled: disabled, defaultOpen: defaultOpen, onOpenChange: onOpenChange, children: [_jsx(CollapsibleTrigger, { children: label }), children != null && _jsx(CollapsibleContent, { children: children })] }));
|
|
65
|
+
}
|
|
66
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sbGFwc2libGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy91aS9jb2xsYXBzaWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsWUFBWSxDQUFDOztBQUViLE9BQU8sRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQ3pELE9BQU8sRUFDTCxhQUFhLEVBR2IsVUFBVSxFQUNWLFFBQVEsR0FDVCxNQUFNLE9BQU8sQ0FBQztBQUNmLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFTbEMsTUFBTSxrQkFBa0IsR0FBRyxhQUFhLENBQWlDLElBQUksQ0FBQyxDQUFDO0FBRS9FLFNBQVMscUJBQXFCLENBQUMsSUFBWTtJQUN6QyxNQUFNLE9BQU8sR0FBRyxVQUFVLENBQUMsa0JBQWtCLENBQUMsQ0FBQztJQUMvQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7UUFDYixNQUFNLElBQUksS0FBSyxDQUNiLGVBQWUsSUFBSSw2Q0FBNkMsQ0FDakUsQ0FBQztJQUNKLENBQUM7SUFDRCxPQUFPLE9BQU8sQ0FBQztBQUNqQixDQUFDO0FBV0Q7Ozs7R0FJRztBQUNILE1BQU0sVUFBVSxlQUFlLENBQUMsRUFDOUIsUUFBUSxFQUNSLE9BQU8sR0FBRyxTQUFTLEVBQ25CLFFBQVEsR0FBRyxLQUFLLEVBQ2hCLFdBQVcsR0FBRyxLQUFLLEVBQ25CLFlBQVksRUFDWixTQUFTLEdBQ1k7SUFDckIsTUFBTSxDQUFDLElBQUksRUFBRSxPQUFPLENBQUMsR0FBRyxRQUFRLENBQUMsV0FBVyxDQUFDLENBQUM7SUFFOUMsTUFBTSxZQUFZLEdBQUcsQ0FBQyxLQUF5QyxFQUFFLEVBQUU7UUFDakUsMEVBQTBFO1FBQzFFLG9FQUFvRTtRQUNwRSwyRUFBMkU7UUFDM0UsSUFBSSxLQUFLLENBQUMsTUFBTSxLQUFLLEtBQUssQ0FBQyxhQUFhO1lBQUUsT0FBTztRQUNqRCxNQUFNLElBQUksR0FBRyxLQUFLLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQztRQUN0QyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDZCxZQUFZLEVBQUUsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN2QixDQUFDLENBQUM7SUFFRixNQUFNLE9BQU8sR0FBRyxDQUNkLCtCQUNZLGFBQWEsZ0JBQ1gsSUFBSSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFFBQVEsRUFDcEMsSUFBSSxFQUFFLElBQUksRUFDVixRQUFRLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLFlBQVksRUFDN0MsU0FBUyxFQUFFLEVBQUUsQ0FDWCxPQUFPLEtBQUssTUFBTTtZQUNoQixDQUFDLENBQUMsZ0RBQWdEO1lBQ2xELENBQUMsQ0FBQyxPQUFPLEVBQ1gsU0FBUyxDQUNWLFlBRUQsS0FBQyxrQkFBa0IsQ0FBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxZQUN0RCxRQUFRLEdBQ21CLEdBQ3RCLENBQ1gsQ0FBQztJQUVGLElBQUksT0FBTyxLQUFLLE1BQU0sRUFBRSxDQUFDO1FBQ3ZCLE9BQU8sT0FBTyxDQUFDO0lBQ2pCLENBQUM7SUFFRCxPQUFPLENBQ0wsa0JBQVMsU0FBUyxFQUFDLGdEQUFnRCxZQUNoRSxPQUFPLEdBQ0EsQ0FDWCxDQUFDO0FBQ0osQ0FBQztBQU9ELG1EQUFtRDtBQUNuRCxNQUFNLFVBQVUsa0JBQWtCLENBQUMsRUFDakMsUUFBUSxFQUNSLFNBQVMsR0FDZTtJQUN4QixNQUFNLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxHQUFHLHFCQUFxQixDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBRS9ELElBQUksT0FBTyxLQUFLLE1BQU0sRUFBRSxDQUFDO1FBQ3ZCLE9BQU8sQ0FDTCxnQ0FDWSxxQkFBcUIsRUFDL0IsU0FBUyxFQUFFLEVBQUUsQ0FDWCxvS0FBb0ssRUFDcEssU0FBUyxDQUNWLGFBRUQsS0FBQyxZQUFZLElBQ1gsSUFBSSxFQUFFLEVBQUUsRUFDUixTQUFTLEVBQUMsa0ZBQWtGLEdBQzVGLEVBQ0QsUUFBUSxJQUNELENBQ1gsQ0FBQztJQUNKLENBQUM7SUFFRCw4RUFBOEU7SUFDOUUsTUFBTSxHQUFHLEdBQ1AsaUhBQWlILENBQUM7SUFFcEgsSUFBSSxRQUFRLEVBQUUsQ0FBQztRQUNiLE9BQU8sQ0FDTCwrQkFDWSxxQkFBcUIsRUFDL0IsU0FBUyxFQUFFLEVBQUUsQ0FBQyxHQUFHLEVBQUUsbUNBQW1DLEVBQUUsU0FBUyxDQUFDLFlBRWxFLGVBQU0sU0FBUyxFQUFDLGdCQUFnQixZQUFFLFFBQVEsR0FBUSxHQUMxQyxDQUNYLENBQUM7SUFDSixDQUFDO0lBRUQsT0FBTyxDQUNMLGdDQUNZLHFCQUFxQixFQUMvQixTQUFTLEVBQUUsRUFBRSxDQUNYLEdBQUcsRUFDSCw4REFBOEQsRUFDOUQsU0FBUyxDQUNWLGFBRUQsZ0JBQU0sU0FBUyxFQUFDLHdGQUF3RixhQUN0RyxLQUFDLFlBQVksSUFDWCxJQUFJLEVBQUUsRUFBRSxFQUNSLFNBQVMsRUFBQyw4RkFBOEYsR0FDeEcsRUFDRixLQUFDLFdBQVcsSUFDVixJQUFJLEVBQUUsRUFBRSxFQUNSLFNBQVMsRUFBQyw4RkFBOEYsR0FDeEcsSUFDRyxFQUNQLGVBQU0sU0FBUyxFQUFDLGdCQUFnQixZQUFFLFFBQVEsR0FBUSxJQUMxQyxDQUNYLENBQUM7QUFDSixDQUFDO0FBT0QsbURBQW1EO0FBQ25ELE1BQU0sVUFBVSxrQkFBa0IsQ0FBQyxFQUNqQyxRQUFRLEVBQ1IsU0FBUyxHQUNlO0lBQ3hCLE1BQU0sRUFBRSxPQUFPLEVBQUUsR0FBRyxxQkFBcUIsQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUNyRCxPQUFPLENBQ0wsMkJBQ1kscUJBQXFCLEVBQy9CLFNBQVMsRUFBRSxFQUFFLENBQUMsT0FBTyxLQUFLLFNBQVMsSUFBSSxXQUFXLEVBQUUsU0FBUyxDQUFDLFlBRTdELFFBQVEsR0FDTCxDQUNQLENBQUM7QUFDSixDQUFDO0FBWUQ7Ozs7O0dBS0c7QUFDSCxNQUFNLFVBQVUsV0FBVyxDQUFDLEVBQzFCLEtBQUssRUFDTCxRQUFRLEVBQ1IsUUFBUSxFQUNSLFdBQVcsRUFDWCxZQUFZLEdBQ0s7SUFDakIsT0FBTyxDQUNMLE1BQUMsZUFBZSxJQUNkLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLFdBQVcsRUFBRSxXQUFXLEVBQ3hCLFlBQVksRUFBRSxZQUFZLGFBRTFCLEtBQUMsa0JBQWtCLGNBQUUsS0FBSyxHQUFzQixFQUMvQyxRQUFRLElBQUksSUFBSSxJQUFJLEtBQUMsa0JBQWtCLGNBQUUsUUFBUSxHQUFzQixJQUN4RCxDQUNuQixDQUFDO0FBQ0osQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50JztcblxuaW1wb3J0IHsgQ2hldnJvbkRvd24sIENoZXZyb25SaWdodCB9IGZyb20gJ2x1Y2lkZS1yZWFjdCc7XG5pbXBvcnQge1xuICBjcmVhdGVDb250ZXh0LFxuICB0eXBlIFJlYWN0Tm9kZSxcbiAgdHlwZSBTeW50aGV0aWNFdmVudCxcbiAgdXNlQ29udGV4dCxcbiAgdXNlU3RhdGUsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNuIH0gZnJvbSAnLi4vLi4vbGliL2NuJztcblxudHlwZSBDb2xsYXBzaWJsZVZhcmlhbnQgPSAnc2VjdGlvbicgfCAnY2FyZCc7XG5cbnR5cGUgQ29sbGFwc2libGVDb250ZXh0VmFsdWUgPSB7XG4gIHZhcmlhbnQ6IENvbGxhcHNpYmxlVmFyaWFudDtcbiAgZGlzYWJsZWQ6IGJvb2xlYW47XG59O1xuXG5jb25zdCBDb2xsYXBzaWJsZUNvbnRleHQgPSBjcmVhdGVDb250ZXh0PENvbGxhcHNpYmxlQ29udGV4dFZhbHVlIHwgbnVsbD4obnVsbCk7XG5cbmZ1bmN0aW9uIHVzZUNvbGxhcHNpYmxlQ29udGV4dChwYXJ0OiBzdHJpbmcpOiBDb2xsYXBzaWJsZUNvbnRleHRWYWx1ZSB7XG4gIGNvbnN0IGNvbnRleHQgPSB1c2VDb250ZXh0KENvbGxhcHNpYmxlQ29udGV4dCk7XG4gIGlmICghY29udGV4dCkge1xuICAgIHRocm93IG5ldyBFcnJvcihcbiAgICAgIGA8Q29sbGFwc2libGUke3BhcnR9PiBtdXN0IGJlIHJlbmRlcmVkIGluc2lkZSA8Q29sbGFwc2libGVSb290PmBcbiAgICApO1xuICB9XG4gIHJldHVybiBjb250ZXh0O1xufVxuXG50eXBlIENvbGxhcHNpYmxlUm9vdFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICB2YXJpYW50PzogQ29sbGFwc2libGVWYXJpYW50O1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIGRlZmF1bHRPcGVuPzogYm9vbGVhbjtcbiAgb25PcGVuQ2hhbmdlPzogKG9wZW46IGJvb2xlYW4pID0+IHZvaWQ7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbn07XG5cbi8qKlxuICogTG93LWxldmVsIGNvbGxhcHNpYmxlIGNvbnRhaW5lci4gVXNlIHRoaXMgdG9nZXRoZXIgd2l0aCBgQ29sbGFwc2libGVUcmlnZ2VyYFxuICogYW5kIGBDb2xsYXBzaWJsZUNvbnRlbnRgIHdoZW4geW91IG5lZWQgdG8gb3ZlcnJpZGUgdGhlIHN0eWxpbmcgb2YgaW5kaXZpZHVhbFxuICogcGFydHMuIEZvciB0aGUgY29tbW9uIGNhc2UsIHByZWZlciB0aGUgYWxsLWluLW9uZSBgQ29sbGFwc2libGVgLlxuICovXG5leHBvcnQgZnVuY3Rpb24gQ29sbGFwc2libGVSb290KHtcbiAgY2hpbGRyZW4sXG4gIHZhcmlhbnQgPSAnc2VjdGlvbicsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIGRlZmF1bHRPcGVuID0gZmFsc2UsXG4gIG9uT3BlbkNoYW5nZSxcbiAgY2xhc3NOYW1lLFxufTogQ29sbGFwc2libGVSb290UHJvcHMpIHtcbiAgY29uc3QgW29wZW4sIHNldE9wZW5dID0gdXNlU3RhdGUoZGVmYXVsdE9wZW4pO1xuXG4gIGNvbnN0IGhhbmRsZVRvZ2dsZSA9IChldmVudDogU3ludGhldGljRXZlbnQ8SFRNTERldGFpbHNFbGVtZW50PikgPT4ge1xuICAgIC8vIFJlYWN0IGJ1YmJsZXMgdGhlIGB0b2dnbGVgIGV2ZW50IGV2ZW4gdGhvdWdoIHRoZSBuYXRpdmUgb25lIGRvZXNuJ3QsIHNvXG4gICAgLy8gYSBuZXN0ZWQgPGRldGFpbHM+IChlLmcuIGFuIGV2ZW50IGNhcmQgaW5zaWRlIHRoZSBFdmVudHMgc2VjdGlvbilcbiAgICAvLyBjb2xsYXBzaW5nIHdvdWxkIG90aGVyd2lzZSBmbGlwIHRoaXMgY2FyZC4gT25seSByZWFjdCB0byBkaXJlY3QgdG9nZ2xlcy5cbiAgICBpZiAoZXZlbnQudGFyZ2V0ICE9PSBldmVudC5jdXJyZW50VGFyZ2V0KSByZXR1cm47XG4gICAgY29uc3QgbmV4dCA9IGV2ZW50LmN1cnJlbnRUYXJnZXQub3BlbjtcbiAgICBzZXRPcGVuKG5leHQpO1xuICAgIG9uT3BlbkNoYW5nZT8uKG5leHQpO1xuICB9O1xuXG4gIGNvbnN0IGRldGFpbHMgPSAoXG4gICAgPGRldGFpbHNcbiAgICAgIGRhdGEtc2xvdD1cImNvbGxhcHNpYmxlXCJcbiAgICAgIGRhdGEtc3RhdGU9e29wZW4gPyAnb3BlbicgOiAnY2xvc2VkJ31cbiAgICAgIG9wZW49e29wZW59XG4gICAgICBvblRvZ2dsZT17ZGlzYWJsZWQgPyB1bmRlZmluZWQgOiBoYW5kbGVUb2dnbGV9XG4gICAgICBjbGFzc05hbWU9e2NuKFxuICAgICAgICB2YXJpYW50ID09PSAnY2FyZCdcbiAgICAgICAgICA/ICdncm91cC9jYXJkIGJvcmRlci1ncmF5LWFscGhhLTQwMCBsYXN0OmJvcmRlci1iJ1xuICAgICAgICAgIDogJ2dyb3VwJyxcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgID5cbiAgICAgIDxDb2xsYXBzaWJsZUNvbnRleHQuUHJvdmlkZXIgdmFsdWU9e3sgdmFyaWFudCwgZGlzYWJsZWQgfX0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvQ29sbGFwc2libGVDb250ZXh0LlByb3ZpZGVyPlxuICAgIDwvZGV0YWlscz5cbiAgKTtcblxuICBpZiAodmFyaWFudCA9PT0gJ2NhcmQnKSB7XG4gICAgcmV0dXJuIGRldGFpbHM7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxzZWN0aW9uIGNsYXNzTmFtZT1cIi1teC00IGJvcmRlci10IGJvcmRlci1ncmF5LWFscGhhLTQwMCBweC00IHB5LTJcIj5cbiAgICAgIHtkZXRhaWxzfVxuICAgIDwvc2VjdGlvbj5cbiAgKTtcbn1cblxudHlwZSBDb2xsYXBzaWJsZVRyaWdnZXJQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xufTtcblxuLyoqIFRoZSBjbGlja2FibGUgaGVhZGVyIG9mIGEgYENvbGxhcHNpYmxlUm9vdGAuICovXG5leHBvcnQgZnVuY3Rpb24gQ29sbGFwc2libGVUcmlnZ2VyKHtcbiAgY2hpbGRyZW4sXG4gIGNsYXNzTmFtZSxcbn06IENvbGxhcHNpYmxlVHJpZ2dlclByb3BzKSB7XG4gIGNvbnN0IHsgdmFyaWFudCwgZGlzYWJsZWQgfSA9IHVzZUNvbGxhcHNpYmxlQ29udGV4dCgnVHJpZ2dlcicpO1xuXG4gIGlmICh2YXJpYW50ID09PSAnY2FyZCcpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPHN1bW1hcnlcbiAgICAgICAgZGF0YS1zbG90PVwiY29sbGFwc2libGUtdHJpZ2dlclwiXG4gICAgICAgIGNsYXNzTmFtZT17Y24oXG4gICAgICAgICAgJ2ZsZXggY3Vyc29yLXBvaW50ZXIgbGlzdC1ub25lIGl0ZW1zLWNlbnRlciBnYXAtMS41IGJvcmRlci10IGJvcmRlci1ncmF5LWFscGhhLTQwMCBiZy1iYWNrZ3JvdW5kLTIwMCBweC0zIHB5LTQgaG92ZXI6YmctZ3JheS0xMDAgWyY6Oi13ZWJraXQtZGV0YWlscy1tYXJrZXJdOmhpZGRlbicsXG4gICAgICAgICAgY2xhc3NOYW1lXG4gICAgICAgICl9XG4gICAgICA+XG4gICAgICAgIDxDaGV2cm9uUmlnaHRcbiAgICAgICAgICBzaXplPXsxNH1cbiAgICAgICAgICBjbGFzc05hbWU9XCJzaHJpbmstMCB0ZXh0LWdyYXktNzAwIGdyb3VwLWhvdmVyL2NhcmQ6dGV4dC1ncmF5LTEwMDAgZ3JvdXAtb3Blbi9jYXJkOnJvdGF0ZS05MFwiXG4gICAgICAgIC8+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvc3VtbWFyeT5cbiAgICApO1xuICB9XG5cbiAgLy8gU2hhcmVkIHJvdyBtZXRyaWNzIGtlZXAgZXZlcnkgaGVhZGVyIHRoZSBzYW1lIGhlaWdodCByZWdhcmRsZXNzIG9mIHZhcmlhbnQuXG4gIGNvbnN0IHJvdyA9XG4gICAgJ2ZsZXggaC05IGl0ZW1zLWNlbnRlciBnYXAtMiAtbXgtMiBweC0yIHRleHQtaGVhZGluZy0xNCBmb250LW1lZGl1bSBsaXN0LW5vbmUgWyY6Oi13ZWJraXQtZGV0YWlscy1tYXJrZXJdOmhpZGRlbic7XG5cbiAgaWYgKGRpc2FibGVkKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxzdW1tYXJ5XG4gICAgICAgIGRhdGEtc2xvdD1cImNvbGxhcHNpYmxlLXRyaWdnZXJcIlxuICAgICAgICBjbGFzc05hbWU9e2NuKHJvdywgJ3BvaW50ZXItZXZlbnRzLW5vbmUgdGV4dC1ncmF5LTcwMCcsIGNsYXNzTmFtZSl9XG4gICAgICA+XG4gICAgICAgIDxzcGFuIGNsYXNzTmFtZT1cIm1pbi13LTAgZmxleC0xXCI+e2NoaWxkcmVufTwvc3Bhbj5cbiAgICAgIDwvc3VtbWFyeT5cbiAgICApO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8c3VtbWFyeVxuICAgICAgZGF0YS1zbG90PVwiY29sbGFwc2libGUtdHJpZ2dlclwiXG4gICAgICBjbGFzc05hbWU9e2NuKFxuICAgICAgICByb3csXG4gICAgICAgICdncm91cC90cmlnZ2VyIGN1cnNvci1wb2ludGVyIHJvdW5kZWQgaG92ZXI6YmctZ3JheS1hbHBoYS0xMDAnLFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgPlxuICAgICAgPHNwYW4gY2xhc3NOYW1lPVwicmVsYXRpdmUgaXNvbGF0ZSBoLTMuNSB3LTMuNSBzaHJpbmstMCB0ZXh0LWdyYXktNzAwIGdyb3VwLWhvdmVyL3RyaWdnZXI6dGV4dC1ncmF5LTEwMDBcIj5cbiAgICAgICAgPENoZXZyb25SaWdodFxuICAgICAgICAgIHNpemU9ezE0fVxuICAgICAgICAgIGNsYXNzTmFtZT1cImFic29sdXRlIHRvcC0xLzIgbGVmdC0xLzIgLXRyYW5zbGF0ZS14LTEvMiAtdHJhbnNsYXRlLXktMS8yIG9wYWNpdHktMTAwIGdyb3VwLW9wZW46b3BhY2l0eS0wXCJcbiAgICAgICAgLz5cbiAgICAgICAgPENoZXZyb25Eb3duXG4gICAgICAgICAgc2l6ZT17MTR9XG4gICAgICAgICAgY2xhc3NOYW1lPVwiYWJzb2x1dGUgdG9wLTEvMiBsZWZ0LTEvMiAtdHJhbnNsYXRlLXgtMS8yIC10cmFuc2xhdGUteS0xLzIgb3BhY2l0eS0wIGdyb3VwLW9wZW46b3BhY2l0eS0xMDBcIlxuICAgICAgICAvPlxuICAgICAgPC9zcGFuPlxuICAgICAgPHNwYW4gY2xhc3NOYW1lPVwibWluLXctMCBmbGV4LTFcIj57Y2hpbGRyZW59PC9zcGFuPlxuICAgIDwvc3VtbWFyeT5cbiAgKTtcbn1cblxudHlwZSBDb2xsYXBzaWJsZUNvbnRlbnRQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xufTtcblxuLyoqIFRoZSBjb2xsYXBzaWJsZSBib2R5IG9mIGEgYENvbGxhcHNpYmxlUm9vdGAuICovXG5leHBvcnQgZnVuY3Rpb24gQ29sbGFwc2libGVDb250ZW50KHtcbiAgY2hpbGRyZW4sXG4gIGNsYXNzTmFtZSxcbn06IENvbGxhcHNpYmxlQ29udGVudFByb3BzKSB7XG4gIGNvbnN0IHsgdmFyaWFudCB9ID0gdXNlQ29sbGFwc2libGVDb250ZXh0KCdDb250ZW50Jyk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgZGF0YS1zbG90PVwiY29sbGFwc2libGUtY29udGVudFwiXG4gICAgICBjbGFzc05hbWU9e2NuKHZhcmlhbnQgPT09ICdzZWN0aW9uJyAmJiAnbXQtMiBtYi0zJywgY2xhc3NOYW1lKX1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gICk7XG59XG5cbnR5cGUgQ29sbGFwc2libGVQcm9wcyA9IHtcbiAgLyoqIEhlYWRlciBjb250ZW50IHNob3duIGluIHRoZSB0cmlnZ2VyIHJvdy4gKi9cbiAgbGFiZWw6IFJlYWN0Tm9kZTtcbiAgLyoqIEJvZHkgY29udGVudC4gT21pdCBmb3IgYSBoZWFkZXItb25seSAoZS5nLiBkaXNhYmxlZCBvciBza2VsZXRvbikgcm93LiAqL1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBkZWZhdWx0T3Blbj86IGJvb2xlYW47XG4gIG9uT3BlbkNoYW5nZT86IChvcGVuOiBib29sZWFuKSA9PiB2b2lkO1xufTtcblxuLyoqXG4gKiBBbGwtaW4tb25lIGNvbGxhcHNpYmxlIHNlY3Rpb246IGEgbGFiZWxlZCBoZWFkZXIgcGx1cyBib2R5IGNvbnRlbnQuIFRoaXMgaXNcbiAqIHRoZSBjb21wb25lbnQgdG8gcmVhY2ggZm9yIGluIG1vc3QgY2FzZXMuIFdoZW4geW91IG5lZWQgdG8gb3ZlcnJpZGUgdGhlXG4gKiBzdHlsaW5nIG9mIGEgc3BlY2lmaWMgcGFydCwgY29tcG9zZSBgQ29sbGFwc2libGVSb290YCwgYENvbGxhcHNpYmxlVHJpZ2dlcmAsXG4gKiBhbmQgYENvbGxhcHNpYmxlQ29udGVudGAgZGlyZWN0bHkgaW5zdGVhZC5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIENvbGxhcHNpYmxlKHtcbiAgbGFiZWwsXG4gIGNoaWxkcmVuLFxuICBkaXNhYmxlZCxcbiAgZGVmYXVsdE9wZW4sXG4gIG9uT3BlbkNoYW5nZSxcbn06IENvbGxhcHNpYmxlUHJvcHMpIHtcbiAgcmV0dXJuIChcbiAgICA8Q29sbGFwc2libGVSb290XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICBkZWZhdWx0T3Blbj17ZGVmYXVsdE9wZW59XG4gICAgICBvbk9wZW5DaGFuZ2U9e29uT3BlbkNoYW5nZX1cbiAgICA+XG4gICAgICA8Q29sbGFwc2libGVUcmlnZ2VyPntsYWJlbH08L0NvbGxhcHNpYmxlVHJpZ2dlcj5cbiAgICAgIHtjaGlsZHJlbiAhPSBudWxsICYmIDxDb2xsYXBzaWJsZUNvbnRlbnQ+e2NoaWxkcmVufTwvQ29sbGFwc2libGVDb250ZW50Pn1cbiAgICA8L0NvbGxhcHNpYmxlUm9vdD5cbiAgKTtcbn1cbiJdfQ==
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import type { JSX, ReactNode, RefObject } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Returns whether the current subtree is wrapped in a {@link ContextCardProvider}.
|
|
4
|
+
*/
|
|
5
|
+
export declare function useHasContextCardProvider(): boolean;
|
|
6
|
+
/**
|
|
7
|
+
* Provides shared state and a portal container for {@link ContextCardTrigger}
|
|
8
|
+
* components. Must wrap any tree containing triggers; manages positioning,
|
|
9
|
+
* visibility transitions, and the animated arrow tip across all cards.
|
|
10
|
+
*/
|
|
11
|
+
export declare function ContextCardProvider({ children, portalTarget, }: {
|
|
12
|
+
children: ReactNode;
|
|
13
|
+
/** Custom container for the portal. Accepts either an element or a ref. */
|
|
14
|
+
portalTarget?: HTMLElement | RefObject<HTMLElement | null> | null;
|
|
15
|
+
}): ReactNode;
|
|
16
|
+
export type Side = 'top' | 'bottom' | 'left' | 'right';
|
|
17
|
+
export type Align = 'start' | 'center' | 'end';
|
|
18
|
+
/** Props for the {@link ContextCardTrigger} component. */
|
|
19
|
+
export interface ContextCardTriggerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'content'> {
|
|
20
|
+
/** The content rendered inside the context card popup. */
|
|
21
|
+
content: ReactNode;
|
|
22
|
+
/** Which side of the trigger to display the card. Defaults to `"right"`. */
|
|
23
|
+
side?: Side;
|
|
24
|
+
/** Alignment of the card relative to the trigger. Defaults to `"center"`. */
|
|
25
|
+
align?: Align;
|
|
26
|
+
/** Distance in pixels between the trigger and the card. Defaults to `16`. */
|
|
27
|
+
sideOffset?: number;
|
|
28
|
+
/** Offset in pixels along the alignment axis. Defaults to `0`. */
|
|
29
|
+
alignOffset?: number;
|
|
30
|
+
/** Whether to disable pointer events on the card content. */
|
|
31
|
+
ignoreCardPointerEvents?: boolean;
|
|
32
|
+
/** Whether to remove default padding from the card content. */
|
|
33
|
+
noPadding?: boolean;
|
|
34
|
+
/** Whether the trigger uses the Slot pattern to merge props onto its child. */
|
|
35
|
+
asChild?: boolean;
|
|
36
|
+
/** Can be used to hide the card when needed. */
|
|
37
|
+
hide?: boolean;
|
|
38
|
+
/** Time in milliseconds before the card is dismissed after mouse leaves. */
|
|
39
|
+
inactiveTimeoutMs?: number;
|
|
40
|
+
}
|
|
41
|
+
/**
|
|
42
|
+
* Displays a floating context card on hover with viewport-aware collision
|
|
43
|
+
* detection and animated position transitions between triggers in the same
|
|
44
|
+
* {@link ContextCardProvider}. Persists briefly after mouse leave.
|
|
45
|
+
*/
|
|
46
|
+
export declare function ContextCardTrigger({ content, children, side, align, sideOffset, alignOffset, ignoreCardPointerEvents, noPadding, asChild, className, hide, inactiveTimeoutMs, }: ContextCardTriggerProps): JSX.Element;
|
|
47
|
+
//# sourceMappingURL=context-card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"context-card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/context-card.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,GAAG,EAAoB,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAuEzE;;GAEG;AACH,wBAAgB,yBAAyB,IAAI,OAAO,CAEnD;AAgBD;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,YAAY,GACb,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;CACnE,GAAG,SAAS,CA4PZ;AAED,MAAM,MAAM,IAAI,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AACvD,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAE/C,0DAA0D;AAC1D,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC7D,0DAA0D;IAC1D,OAAO,EAAE,SAAS,CAAC;IACnB,4EAA4E;IAC5E,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,6EAA6E;IAC7E,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,6EAA6E;IAC7E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6DAA6D;IAC7D,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,+DAA+D;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gDAAgD;IAChD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,4EAA4E;IAC5E,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,QAAQ,EACR,IAAc,EACd,KAAgB,EAChB,UAAe,EACf,WAAe,EACf,uBAA+B,EAC/B,SAAS,EACT,OAAO,EACP,SAAS,EACT,IAAI,EACJ,iBAAuC,GACxC,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAwXvC"}
|