@heyramzi/ui 2.24.0 → 3.1.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.
- package/COMPONENTS.md +13 -9
- package/README.md +5 -4
- package/dist/canvas/index.js +0 -1
- package/dist/canvas/pen/node-name.svelte.js +25 -0
- package/dist/canvas/ui/tools.js +7 -0
- package/dist/charts/chart-a11y.js +59 -0
- package/dist/charts/dashboard/index.js +0 -1
- package/dist/charts/dual-axis.js +38 -0
- package/dist/components/data-table/menu-key.js +19 -0
- package/dist/components/list-page/index.js +0 -1
- package/dist/components/theme/index.js +0 -1
- package/dist/components/toolbar/index.js +2 -4
- package/dist/components/work-parts/index.js +0 -1
- package/dist/editor/block-move.js +40 -0
- package/dist/editor/doc-blocks.js +2 -2
- package/dist/editor/extensions.js +14 -1
- package/dist/effects/border-beam/index.js +2 -0
- package/dist/effects/image-comparison/index.js +1 -0
- package/dist/effects/interactive-hover-button/index.js +1 -0
- package/dist/effects/magic-card/index.js +1 -0
- package/dist/effects/marquee/index.js +1 -0
- package/dist/effects/progressive-blur/index.js +1 -0
- package/dist/effects/spotlight/index.js +1 -0
- package/dist/effects/theme-toggle/index.js +1 -0
- package/dist/inbox/index.js +1 -1
- package/dist/lib/focus.js +15 -0
- package/dist/lib/tone.js +3 -4
- package/dist/shadcn/alert/alert-variants.js +1 -1
- package/dist/shadcn/attachment/context.js +10 -0
- package/dist/shadcn/dropdown-menu/menu-item.js +1 -1
- package/dist/shadcn/hooks/highlighter.js +58 -5
- package/dist/shadcn/sidebar/constants.js +1 -1
- package/dist/shadcn/sidebar/context.svelte.js +12 -1
- package/dist/slides/deck-controller.svelte.js +64 -34
- package/dist/slides/layout.js +3 -2
- package/dist/status/index.js +0 -1
- package/dist/work/index.js +0 -1
- package/dist/work/kanban-keyboard.js +10 -5
- package/package.json +44 -107
- package/scripts/svelte-dts.mjs +65 -0
- package/scripts/sync-shadcn.mjs +3 -1
- package/src/agents/agent-avatar.svelte +24 -12
- package/src/agents/agent-avatar.svelte.d.ts +6 -0
- package/src/agents/agent-avatar.test.ts +40 -0
- package/src/agents/agent-cast.svelte +83 -78
- package/src/agents/agent-cast.svelte.d.ts +20 -0
- package/src/agents/types.ts +1 -0
- package/src/ai/ai-button/AiButton.svelte +21 -10
- package/src/ai/ai-button/AiButton.svelte.d.ts +16 -0
- package/src/ai/ai-button/ai-button.svelte.test.ts +27 -0
- package/src/ai/confirmation/Confirmation.svelte +20 -4
- package/src/ai/confirmation/Confirmation.svelte.d.ts +12 -0
- package/src/ai/confirmation/ConfirmationAction.svelte +10 -3
- package/src/ai/confirmation/ConfirmationAction.svelte.d.ts +8 -0
- package/src/ai/confirmation/ConfirmationActions.svelte.d.ts +9 -0
- package/src/ai/confirmation/ConfirmationState.svelte.d.ts +10 -0
- package/src/ai/confirmation/ConfirmationTitle.svelte.d.ts +9 -0
- package/src/ai/confirmation/confirmation-focus.test.svelte +33 -0
- package/src/ai/confirmation/confirmation-focus.test.svelte.d.ts +8 -0
- package/src/ai/confirmation/confirmation-focus.test.ts +34 -0
- package/src/ai/confirmation/confirmation-parts.test.svelte.d.ts +7 -0
- package/src/ai/generation-progress/GenerationProgress.svelte +198 -171
- package/src/ai/generation-progress/GenerationProgress.svelte.d.ts +15 -0
- package/src/ai/generation-progress/generation-progress.test.ts +37 -0
- package/src/ai/loading-state/PixelLoader.svelte +41 -36
- package/src/ai/loading-state/PixelLoader.svelte.d.ts +13 -0
- package/src/ai/prompt-input/PromptInput.svelte +1 -1
- package/src/ai/prompt-input/PromptInput.svelte.d.ts +14 -0
- package/src/ai/prompt-input/PromptInputBody.svelte.d.ts +9 -0
- package/src/ai/prompt-input/PromptInputSubmit.svelte +3 -3
- package/src/ai/prompt-input/PromptInputSubmit.svelte.d.ts +19 -0
- package/src/ai/prompt-input/PromptInputTextarea.svelte +6 -1
- package/src/ai/prompt-input/PromptInputTextarea.svelte.d.ts +14 -0
- package/src/ai/prompt-input/PromptInputToolbar.svelte.d.ts +9 -0
- package/src/ai/prompt-input/prompt-input.test.ts +64 -0
- package/src/ai/reasoning/Reasoning.svelte.d.ts +10 -0
- package/src/ai/reasoning/ReasoningContent.svelte.d.ts +8 -0
- package/src/ai/reasoning/ReasoningTrigger.svelte +2 -1
- package/src/ai/reasoning/ReasoningTrigger.svelte.d.ts +8 -0
- package/src/ai/response/Response.css +23 -19
- package/src/ai/response/Response.svelte.d.ts +11 -0
- package/src/ai/suggestion/Suggestion.svelte.d.ts +10 -0
- package/src/ai/suggestion/Suggestions.svelte +5 -2
- package/src/ai/suggestion/Suggestions.svelte.d.ts +11 -0
- package/src/ai/typing-dots/TypingDots.css +27 -23
- package/src/ai/typing-dots/TypingDots.svelte.d.ts +12 -0
- package/src/ai/voice-waveform/VoiceWaveform.css +31 -27
- package/src/ai/voice-waveform/VoiceWaveform.svelte.d.ts +10 -0
- package/src/animations/avatar-group-hover.css +25 -21
- package/src/animations/card-tilt.css +71 -65
- package/src/animations/digit-pop-in.css +49 -40
- package/src/animations/dropdown.css +125 -107
- package/src/animations/input-clear-dissolve.css +69 -59
- package/src/animations/input-shake.css +55 -48
- package/src/animations/learn-more-hover.css +53 -43
- package/src/animations/like-button.css +74 -62
- package/src/animations/modal.css +83 -74
- package/src/animations/page-side-by-side.css +50 -42
- package/src/animations/plus-menu-morph.css +96 -87
- package/src/animations/resize.css +16 -13
- package/src/animations/shimmer-text.css +46 -40
- package/src/animations/spinning-counter.css +50 -43
- package/src/animations/success-check.css +69 -58
- package/src/animations/text-swap.css +35 -31
- package/src/animations/thinking-states.css +61 -54
- package/src/canvas/card/card-frame.svelte.d.ts +14 -0
- package/src/canvas/card/card.css +16 -10
- package/src/canvas/card/resize-handles.svelte.d.ts +11 -0
- package/src/canvas/chrome/chrome-zoom.svelte.d.ts +3 -0
- package/src/canvas/chrome/chrome.css +75 -69
- package/src/canvas/chrome/lock-badge.svelte.d.ts +8 -0
- package/src/canvas/chrome/side-handles.svelte.d.ts +6 -0
- package/src/canvas/chrome/size-chip.svelte.d.ts +3 -0
- package/src/canvas/chrome/snap-guides.svelte +16 -12
- package/src/canvas/chrome/snap-guides.svelte.d.ts +9 -0
- package/src/canvas/components/icons/ToolIcon.svelte.d.ts +8 -0
- package/src/canvas/components/shared/svg/PreviewSvg.svelte +9 -5
- package/src/canvas/components/shared/svg/PreviewSvg.svelte.d.ts +13 -0
- package/src/canvas/components/shared/svg/ShapeOutline.svelte +8 -4
- package/src/canvas/components/shared/svg/ShapeOutline.svelte.d.ts +15 -0
- package/src/canvas/components/shared/svg/StrokeNode.svelte +21 -11
- package/src/canvas/components/shared/svg/StrokeNode.svelte.d.ts +5 -0
- package/src/canvas/components/shared/svg/TextRule.svelte +8 -4
- package/src/canvas/components/shared/svg/TextRule.svelte.d.ts +9 -0
- package/src/canvas/edges/bend-handle.svelte +18 -14
- package/src/canvas/edges/bend-handle.svelte.d.ts +10 -0
- package/src/canvas/edges/edge-gradient.svelte.d.ts +16 -0
- package/src/canvas/edges/gradient-edge.svelte.d.ts +21 -0
- package/src/canvas/index.ts +0 -1
- package/src/canvas/lod/lod-switch.svelte +38 -33
- package/src/canvas/lod/lod-switch.svelte.d.ts +14 -0
- package/src/canvas/pen/PenField.svelte.d.ts +26 -0
- package/src/canvas/pen/PenOverlay.svelte +10 -6
- package/src/canvas/pen/PenOverlay.svelte.d.ts +23 -0
- package/src/canvas/pen/ShapeNode.svelte +6 -0
- package/src/canvas/pen/ShapeNode.svelte.d.ts +5 -0
- package/src/canvas/pen/TextNode.svelte +12 -2
- package/src/canvas/pen/TextNode.svelte.d.ts +5 -0
- package/src/canvas/pen/host-field.test.svelte.d.ts +6 -0
- package/src/canvas/pen/node-name.svelte.ts +32 -0
- package/src/canvas/pen/pen.css +69 -63
- package/src/canvas/screen/GlyphIcon.svelte.d.ts +9 -0
- package/src/canvas/screen/PartView.svelte +25 -25
- package/src/canvas/screen/PartView.svelte.d.ts +17 -0
- package/src/canvas/screen/ScreenBody.svelte +4 -4
- package/src/canvas/screen/ScreenBody.svelte.d.ts +11 -0
- package/src/canvas/screen/ScreenCard.svelte.d.ts +9 -0
- package/src/canvas/screen/screen.css +509 -505
- package/src/canvas/ui/CanvasToolbar.svelte.d.ts +30 -0
- package/src/canvas/ui/FrameLayer.svelte +18 -14
- package/src/canvas/ui/FrameLayer.svelte.d.ts +9 -0
- package/src/canvas/ui/PenLayer.svelte.d.ts +15 -0
- package/src/canvas/ui/StylePanel.svelte +41 -37
- package/src/canvas/ui/StylePanel.svelte.d.ts +32 -0
- package/src/canvas/ui/canvas-grid.svelte.d.ts +11 -0
- package/src/canvas/ui/canvas-ui.css +286 -277
- package/src/canvas/ui/tools.test.ts +39 -0
- package/src/canvas/ui/tools.ts +8 -0
- package/src/charts/README.md +2 -2
- package/src/charts/animated-value.css +6 -2
- package/src/charts/animated-value.svelte.d.ts +24 -0
- package/src/charts/area-chart.css +33 -21
- package/src/charts/area-chart.svelte +157 -27
- package/src/charts/area-chart.svelte.d.ts +69 -0
- package/src/charts/bar-chart.css +112 -102
- package/src/charts/bar-chart.svelte +39 -41
- package/src/charts/bar-chart.svelte.d.ts +64 -0
- package/src/charts/chart-a11y.css +23 -0
- package/src/charts/chart-a11y.test.ts +59 -0
- package/src/charts/chart-a11y.ts +92 -0
- package/src/charts/chart-plot.svelte +106 -0
- package/src/charts/chart-plot.svelte.d.ts +18 -0
- package/src/charts/chart-tokens.css +53 -51
- package/src/charts/charts.css +154 -142
- package/src/charts/crosshair.svelte.d.ts +7 -0
- package/src/charts/dashboard/dashboard-section.svelte +19 -3
- package/src/charts/dashboard/dashboard-section.svelte.d.ts +17 -0
- package/src/charts/dashboard/data-table.svelte +1 -1
- package/src/charts/dashboard/data-table.svelte.d.ts +86 -0
- package/src/charts/dashboard/index.ts +0 -1
- package/src/charts/dashboard/panel-grid.svelte +1 -1
- package/src/charts/dashboard/panel-grid.svelte.d.ts +14 -0
- package/src/charts/dashboard/period-filter.svelte.d.ts +37 -0
- package/src/charts/dashboard/rating-chip.svelte.d.ts +9 -0
- package/src/charts/dashboard/stat-band.svelte.d.ts +14 -0
- package/src/charts/dashboard/stat-tile.svelte +9 -5
- package/src/charts/dashboard/stat-tile.svelte.d.ts +62 -0
- package/src/charts/donut-chart.css +52 -46
- package/src/charts/donut-chart.svelte.d.ts +39 -0
- package/src/charts/dual-axis.test.ts +40 -0
- package/src/charts/dual-axis.ts +43 -0
- package/src/charts/edge-fade.svelte.d.ts +9 -0
- package/src/charts/figure.css +104 -91
- package/src/charts/figure.svelte.d.ts +40 -0
- package/src/charts/gauge-chart.css +74 -70
- package/src/charts/gauge-chart.svelte.d.ts +58 -0
- package/src/charts/hover-focus.svelte.d.ts +14 -0
- package/src/charts/legend.css +112 -108
- package/src/charts/legend.svelte +3 -3
- package/src/charts/legend.svelte.d.ts +30 -0
- package/src/charts/line-chart.css +27 -21
- package/src/charts/line-chart.svelte +61 -37
- package/src/charts/line-chart.svelte.d.ts +53 -0
- package/src/charts/number-chart.css +185 -163
- package/src/charts/number-chart.svelte +8 -4
- package/src/charts/number-chart.svelte.d.ts +58 -0
- package/src/charts/pop-value.svelte.d.ts +9 -0
- package/src/charts/primitives/chart-container.svelte.d.ts +9 -0
- package/src/charts/primitives/chart-style.svelte.d.ts +8 -0
- package/src/charts/primitives/chart-tooltip.svelte +1 -1
- package/src/charts/primitives/chart-tooltip.svelte.d.ts +26 -0
- package/src/charts/reference-line.css +18 -14
- package/src/charts/reference-line.svelte.d.ts +15 -0
- package/src/charts/reveal.svelte.d.ts +9 -0
- package/src/charts/ring-chart.css +82 -78
- package/src/charts/ring-chart.svelte +3 -3
- package/src/charts/ring-chart.svelte.d.ts +41 -0
- package/src/charts/sparkline.css +43 -34
- package/src/charts/sparkline.svelte +52 -8
- package/src/charts/sparkline.svelte.d.ts +51 -0
- package/src/charts/stat-card.css +110 -92
- package/src/charts/stat-card.svelte.d.ts +65 -0
- package/src/charts/time-series-chart.css +24 -19
- package/src/charts/time-series-chart.svelte +43 -10
- package/src/charts/time-series-chart.svelte.d.ts +30 -0
- package/src/charts/trend-pill.css +39 -32
- package/src/charts/trend-pill.svelte.d.ts +14 -0
- package/src/class-tokens.test.ts +34 -0
- package/src/components/chip/count-chip.svelte.d.ts +12 -0
- package/src/components/chip/tag-chip.svelte +6 -6
- package/src/components/chip/tag-chip.svelte.d.ts +20 -0
- package/src/components/copy/copy-button.svelte +22 -18
- package/src/components/copy/copy-button.svelte.d.ts +37 -0
- package/src/components/data-table/infinite-scroll.svelte.d.ts +37 -0
- package/src/components/data-table/menu-key.ts +22 -0
- package/src/components/data-table/pagination.svelte +36 -11
- package/src/components/data-table/pagination.svelte.d.ts +14 -0
- package/src/components/data-table/row-arrow.svelte.d.ts +6 -0
- package/src/components/data-table/row-context-menu.svelte +7 -6
- package/src/components/data-table/row-context-menu.svelte.d.ts +15 -0
- package/src/components/data-table/sortable-head.svelte +13 -18
- package/src/components/data-table/sortable-head.svelte.d.ts +38 -0
- package/src/components/data-table/table-skeleton.svelte.d.ts +18 -0
- package/src/components/docs/doc-page.svelte +8 -4
- package/src/components/docs/doc-page.svelte.d.ts +34 -0
- package/src/components/docs/on-this-page.svelte +109 -101
- package/src/components/docs/on-this-page.svelte.d.ts +17 -0
- package/src/components/field-row/field-row.svelte.d.ts +16 -0
- package/src/components/hold-to-confirm/hold-to-confirm.svelte +113 -66
- package/src/components/hold-to-confirm/hold-to-confirm.svelte.d.ts +22 -0
- package/src/components/hold-to-confirm/hold-to-confirm.test.ts +105 -0
- package/src/components/language-flag/language-flag.svelte +2 -1
- package/src/components/language-flag/language-flag.svelte.d.ts +11 -0
- package/src/components/list-page/detail-header.svelte.d.ts +15 -0
- package/src/components/list-page/detail-row.svelte.d.ts +9 -0
- package/src/components/list-page/detail-stack.svelte.d.ts +9 -0
- package/src/components/list-page/empty-state.svelte +16 -12
- package/src/components/list-page/empty-state.svelte.d.ts +23 -0
- package/src/components/list-page/filter-item.svelte +1 -1
- package/src/components/list-page/filter-item.svelte.d.ts +10 -0
- package/src/components/list-page/filter-popover.svelte +1 -1
- package/src/components/list-page/filter-popover.svelte.d.ts +20 -0
- package/src/components/list-page/grouped-list.svelte +1 -0
- package/src/components/list-page/grouped-list.svelte.d.ts +49 -0
- package/src/components/list-page/index.ts +0 -1
- package/src/components/list-page/list-page-shell.svelte.d.ts +31 -0
- package/src/components/list-page/master-detail-focus.test.ts +28 -0
- package/src/components/list-page/master-detail.svelte +57 -28
- package/src/components/list-page/master-detail.svelte.d.ts +18 -0
- package/src/components/list-page/master-detail.test.ts +1 -1
- package/src/components/list-page/notice-bar.svelte.d.ts +14 -0
- package/src/components/list-page/prev-next.svelte +7 -7
- package/src/components/list-page/prev-next.svelte.d.ts +14 -0
- package/src/components/list-page/rail-body.svelte.d.ts +8 -0
- package/src/components/list-page/rail-head.svelte.d.ts +10 -0
- package/src/components/list-page/rail-row.svelte.d.ts +18 -0
- package/src/components/mark/mark.svelte +2 -0
- package/src/components/mark/mark.svelte.d.ts +16 -0
- package/src/components/open-in/open-in.svelte +3 -3
- package/src/components/open-in/open-in.svelte.d.ts +35 -0
- package/src/components/picker/mark-picker.svelte +2 -2
- package/src/components/picker/mark-picker.svelte.d.ts +38 -0
- package/src/components/picker/picker.svelte +47 -3
- package/src/components/picker/picker.svelte.d.ts +59 -0
- package/src/components/picker/picker.test.ts +71 -0
- package/src/components/section-card/section-card.svelte.d.ts +13 -0
- package/src/components/section-header/section-header.svelte.d.ts +17 -0
- package/src/components/section-header/section-label.svelte.d.ts +10 -0
- package/src/components/segmented/animated-tabs.svelte.d.ts +61 -0
- package/src/components/segmented/section-runs.svelte.d.ts +23 -0
- package/src/components/segmented/segment.svelte +1 -1
- package/src/components/segmented/segment.svelte.d.ts +30 -0
- package/src/components/segmented/segmented-filter.svelte +4 -4
- package/src/components/segmented/segmented-filter.svelte.d.ts +43 -0
- package/src/components/segmented/segmented-nav.svelte.d.ts +17 -0
- package/src/components/segmented/segmented-overflow.svelte +1 -0
- package/src/components/segmented/segmented-overflow.svelte.d.ts +37 -0
- package/src/components/segmented/segmented-track.svelte +107 -103
- package/src/components/segmented/segmented-track.svelte.d.ts +19 -0
- package/src/components/star-rating-input/star-rating-input.svelte +151 -146
- package/src/components/star-rating-input/star-rating-input.svelte.d.ts +31 -0
- package/src/components/star-rating-input/star-rating-input.test.ts +90 -0
- package/src/components/svg/svg.svelte.d.ts +7 -0
- package/src/components/table-view/table-view.svelte +34 -28
- package/src/components/table-view/table-view.svelte.d.ts +96 -0
- package/src/components/table-view/table-view.test.ts +32 -6
- package/src/components/tags-input/tags-input.svelte +68 -16
- package/src/components/tags-input/tags-input.svelte.d.ts +40 -0
- package/src/components/tags-input/tags-input.test.ts +101 -0
- package/src/components/theme/index.ts +0 -1
- package/src/components/theme/theme-provider.svelte +8 -3
- package/src/components/theme/theme-provider.svelte.d.ts +19 -0
- package/src/components/theme/theme-provider.test.ts +5 -5
- package/src/components/toolbar/index.ts +2 -4
- package/src/components/toolbar/toolbar-search.svelte +4 -0
- package/src/components/toolbar/toolbar-search.svelte.d.ts +11 -0
- package/src/components/toolbar/toolbar.svelte +1 -1
- package/src/components/toolbar/toolbar.svelte.d.ts +47 -0
- package/src/components/toolbar/toolbar.test.ts +7 -0
- package/src/components/work-parts/group-head.svelte.d.ts +16 -0
- package/src/components/work-parts/index.ts +0 -1
- package/src/components/work-parts/property-row.svelte.d.ts +19 -0
- package/src/components/work-parts/work-card.svelte.d.ts +11 -0
- package/src/components/work-parts/work-well.svelte.d.ts +13 -0
- package/src/css-layers.test.ts +138 -0
- package/src/editor/README.md +1 -1
- package/src/editor/block-move.test.ts +58 -0
- package/src/editor/block-move.ts +52 -0
- package/src/editor/content.css +356 -352
- package/src/editor/doc-blocks.ts +3 -3
- package/src/editor/doc-page.css +328 -324
- package/src/editor/editor-toolbar.svelte +65 -50
- package/src/editor/editor-toolbar.svelte.d.ts +13 -0
- package/src/editor/editor.svelte +219 -158
- package/src/editor/editor.svelte.d.ts +27 -0
- package/src/editor/extensions.ts +18 -2
- package/src/editor/image-align.test.ts +35 -0
- package/src/editor/image-toolbar.svelte +73 -57
- package/src/editor/image-toolbar.svelte.d.ts +11 -0
- package/src/editor/inline-editor.svelte +27 -16
- package/src/editor/inline-editor.svelte.d.ts +40 -0
- package/src/editor/renderer.svelte.d.ts +11 -0
- package/src/editor/slash-menu.svelte +103 -88
- package/src/editor/slash-menu.svelte.d.ts +17 -0
- package/src/effects/animated-beam/AnimatedBeam.svelte.d.ts +4 -0
- package/src/effects/animated-beam/diagrams/BeamSvg.svelte.d.ts +22 -0
- package/src/effects/border-beam/BorderBeam.svelte.d.ts +4 -0
- package/src/effects/border-beam/index.ts +10 -0
- package/src/effects/image-comparison/ImageComparison.css +114 -97
- package/src/effects/image-comparison/ImageComparison.svelte.d.ts +44 -0
- package/src/effects/image-comparison/index.ts +4 -0
- package/src/effects/image-reveal/ImageReveal.css +14 -9
- package/src/effects/image-reveal/ImageReveal.svelte.d.ts +11 -0
- package/src/effects/interactive-hover-button/InteractiveHoverButton.svelte +234 -222
- package/src/effects/interactive-hover-button/InteractiveHoverButton.svelte.d.ts +16 -0
- package/src/effects/interactive-hover-button/index.ts +1 -0
- package/src/effects/magic-card/MagicCard.css +49 -45
- package/src/effects/magic-card/MagicCard.svelte.d.ts +15 -0
- package/src/effects/magic-card/index.ts +1 -0
- package/src/effects/marquee/Marquee.css +81 -62
- package/src/effects/marquee/Marquee.svelte +1 -0
- package/src/effects/marquee/Marquee.svelte.d.ts +27 -0
- package/src/effects/marquee/index.ts +1 -0
- package/src/effects/marquee/marquee.test.ts +24 -0
- package/src/effects/progressive-blur/ProgressiveBlur.css +13 -8
- package/src/effects/progressive-blur/ProgressiveBlur.svelte.d.ts +14 -0
- package/src/effects/progressive-blur/index.ts +1 -0
- package/src/effects/reveal/AnimatedGroup.svelte.d.ts +14 -0
- package/src/effects/reveal/InView.svelte.d.ts +12 -0
- package/src/effects/reveal/TextEffect.svelte.d.ts +16 -0
- package/src/effects/reveal/reveal.css +89 -73
- package/src/effects/shader-gradient/ShaderGradient.svelte.d.ts +4 -0
- package/src/effects/spotlight/Spotlight.css +8 -4
- package/src/effects/spotlight/Spotlight.svelte.d.ts +8 -0
- package/src/effects/spotlight/index.ts +1 -0
- package/src/effects/theme-toggle/ThemeToggle.css +165 -160
- package/src/effects/theme-toggle/ThemeToggle.svelte +12 -6
- package/src/effects/theme-toggle/ThemeToggle.svelte.d.ts +24 -0
- package/src/effects/theme-toggle/index.ts +1 -0
- package/src/icon-names.test.ts +88 -0
- package/src/inbox/index.ts +1 -2
- package/src/inbox/thread-inbox.svelte +1 -1
- package/src/inbox/thread-inbox.svelte.d.ts +52 -0
- package/src/lib/focus.ts +19 -0
- package/src/lib/live-region.svelte +14 -0
- package/src/lib/live-region.svelte.d.ts +5 -0
- package/src/lib/panel.svelte +2 -2
- package/src/lib/panel.svelte.d.ts +30 -0
- package/src/lib/tone.ts +3 -4
- package/src/modules.test.ts +119 -7
- package/src/onboarding/README.md +2 -2
- package/src/onboarding/onboarding-provider.svelte +1 -1
- package/src/onboarding/onboarding-provider.svelte.d.ts +17 -0
- package/src/onboarding/tour-card.svelte +10 -10
- package/src/onboarding/tour-card.svelte.d.ts +21 -0
- package/src/onboarding/tour-runner.svelte +62 -60
- package/src/onboarding/tour-runner.svelte.d.ts +11 -0
- package/src/panel/side-panel.svelte +4 -9
- package/src/panel/side-panel.svelte.d.ts +48 -0
- package/src/record/field-section.svelte.d.ts +19 -0
- package/src/record/info-list.svelte +4 -3
- package/src/record/info-list.svelte.d.ts +25 -0
- package/src/record/next-up.svelte.d.ts +14 -0
- package/src/record/project-list.svelte.d.ts +18 -0
- package/src/record/record-header.svelte.d.ts +27 -0
- package/src/record/record-rail.svelte.d.ts +23 -0
- package/src/record/record-shell.svelte.d.ts +48 -0
- package/src/record/record-stats.svelte.d.ts +10 -0
- package/src/record/record-timeline.svelte +3 -1
- package/src/record/record-timeline.svelte.d.ts +29 -0
- package/src/record/steps-rail.svelte +9 -9
- package/src/record/steps-rail.svelte.d.ts +23 -0
- package/src/record/where-we-are.svelte.d.ts +25 -0
- package/src/shadcn/accordion/accordion-content.svelte.d.ts +4 -0
- package/src/shadcn/accordion/accordion-item.svelte.d.ts +4 -0
- package/src/shadcn/accordion/accordion-trigger.svelte +1 -1
- package/src/shadcn/accordion/accordion-trigger.svelte.d.ts +12 -0
- package/src/shadcn/accordion/accordion.svelte.d.ts +4 -0
- package/src/shadcn/alert/alert-description.svelte.d.ts +5 -0
- package/src/shadcn/alert/alert-title.svelte.d.ts +5 -0
- package/src/shadcn/alert/alert-variants.ts +1 -1
- package/src/shadcn/alert/alert.svelte.d.ts +10 -0
- package/src/shadcn/alert-dialog/alert-dialog-action.svelte.d.ts +4 -0
- package/src/shadcn/alert-dialog/alert-dialog-cancel.svelte.d.ts +4 -0
- package/src/shadcn/alert-dialog/alert-dialog-content.svelte.d.ts +10 -0
- package/src/shadcn/alert-dialog/alert-dialog-description.svelte.d.ts +4 -0
- package/src/shadcn/alert-dialog/alert-dialog-footer.svelte.d.ts +9 -0
- package/src/shadcn/alert-dialog/alert-dialog-header.svelte.d.ts +5 -0
- package/src/shadcn/alert-dialog/alert-dialog-overlay.svelte.d.ts +4 -0
- package/src/shadcn/alert-dialog/alert-dialog-portal.svelte.d.ts +3 -0
- package/src/shadcn/alert-dialog/alert-dialog-title.svelte.d.ts +4 -0
- package/src/shadcn/alert-dialog/alert-dialog-trigger.svelte.d.ts +4 -0
- package/src/shadcn/alert-dialog/alert-dialog.svelte.d.ts +3 -0
- package/src/shadcn/attachment/attachment-action.svelte +7 -0
- package/src/shadcn/attachment/attachment-action.svelte.d.ts +4 -0
- package/src/shadcn/attachment/attachment-actions.svelte.d.ts +5 -0
- package/src/shadcn/attachment/attachment-content.svelte.d.ts +5 -0
- package/src/shadcn/attachment/attachment-description.svelte.d.ts +5 -0
- package/src/shadcn/attachment/attachment-group.svelte.d.ts +5 -0
- package/src/shadcn/attachment/attachment-media.svelte.d.ts +16 -0
- package/src/shadcn/attachment/attachment-title.svelte +3 -0
- package/src/shadcn/attachment/attachment-title.svelte.d.ts +5 -0
- package/src/shadcn/attachment/attachment-trigger.svelte +5 -0
- package/src/shadcn/attachment/attachment-trigger.svelte.d.ts +11 -0
- package/src/shadcn/attachment/attachment.svelte +4 -0
- package/src/shadcn/attachment/attachment.svelte.d.ts +25 -0
- package/src/shadcn/attachment/context.ts +13 -0
- package/src/shadcn/avatar/avatar-badge.svelte.d.ts +5 -0
- package/src/shadcn/avatar/avatar-fallback.svelte.d.ts +4 -0
- package/src/shadcn/avatar/avatar-group-count.svelte.d.ts +5 -0
- package/src/shadcn/avatar/avatar-group.svelte.d.ts +5 -0
- package/src/shadcn/avatar/avatar-image.svelte.d.ts +4 -0
- package/src/shadcn/avatar/avatar.svelte.d.ts +7 -0
- package/src/shadcn/badge/badge.svelte.d.ts +13 -0
- package/src/shadcn/breadcrumb/breadcrumb-ellipsis.svelte +1 -1
- package/src/shadcn/breadcrumb/breadcrumb-ellipsis.svelte.d.ts +5 -0
- package/src/shadcn/breadcrumb/breadcrumb-item.svelte.d.ts +5 -0
- package/src/shadcn/breadcrumb/breadcrumb-link.svelte.d.ts +11 -0
- package/src/shadcn/breadcrumb/breadcrumb-list.svelte.d.ts +5 -0
- package/src/shadcn/breadcrumb/breadcrumb-page.svelte.d.ts +5 -0
- package/src/shadcn/breadcrumb/breadcrumb-separator.svelte +1 -1
- package/src/shadcn/breadcrumb/breadcrumb-separator.svelte.d.ts +5 -0
- package/src/shadcn/breadcrumb/breadcrumb.svelte.d.ts +5 -0
- package/src/shadcn/bubble/bubble-content.svelte.d.ts +11 -0
- package/src/shadcn/bubble/bubble-group.svelte.d.ts +5 -0
- package/src/shadcn/bubble/bubble-reactions.svelte.d.ts +22 -0
- package/src/shadcn/bubble/bubble.svelte +1 -1
- package/src/shadcn/bubble/bubble.svelte.d.ts +22 -0
- package/src/shadcn/button/button.svelte +1 -1
- package/src/shadcn/button/button.svelte.d.ts +33 -0
- package/src/shadcn/calendar/calendar-caption.svelte.d.ts +19 -0
- package/src/shadcn/calendar/calendar-cell.svelte.d.ts +4 -0
- package/src/shadcn/calendar/calendar-day.svelte.d.ts +4 -0
- package/src/shadcn/calendar/calendar-grid-body.svelte.d.ts +4 -0
- package/src/shadcn/calendar/calendar-grid-head.svelte.d.ts +4 -0
- package/src/shadcn/calendar/calendar-grid-row.svelte.d.ts +4 -0
- package/src/shadcn/calendar/calendar-grid.svelte.d.ts +4 -0
- package/src/shadcn/calendar/calendar-head-cell.svelte.d.ts +4 -0
- package/src/shadcn/calendar/calendar-header.svelte.d.ts +4 -0
- package/src/shadcn/calendar/calendar-heading.svelte.d.ts +4 -0
- package/src/shadcn/calendar/calendar-month-select.svelte +1 -1
- package/src/shadcn/calendar/calendar-month-select.svelte.d.ts +4 -0
- package/src/shadcn/calendar/calendar-month.svelte.d.ts +5 -0
- package/src/shadcn/calendar/calendar-months.svelte.d.ts +5 -0
- package/src/shadcn/calendar/calendar-nav.svelte.d.ts +5 -0
- package/src/shadcn/calendar/calendar-next-button.svelte +1 -1
- package/src/shadcn/calendar/calendar-next-button.svelte.d.ts +8 -0
- package/src/shadcn/calendar/calendar-prev-button.svelte +1 -1
- package/src/shadcn/calendar/calendar-prev-button.svelte.d.ts +8 -0
- package/src/shadcn/calendar/calendar-year-select.svelte +1 -1
- package/src/shadcn/calendar/calendar-year-select.svelte.d.ts +4 -0
- package/src/shadcn/calendar/calendar.svelte.d.ts +21 -0
- package/src/shadcn/card/card-action.svelte.d.ts +5 -0
- package/src/shadcn/card/card-content.svelte.d.ts +5 -0
- package/src/shadcn/card/card-description.svelte.d.ts +5 -0
- package/src/shadcn/card/card-footer.svelte.d.ts +5 -0
- package/src/shadcn/card/card-header.svelte.d.ts +5 -0
- package/src/shadcn/card/card-title.svelte.d.ts +8 -0
- package/src/shadcn/card/card.svelte.d.ts +8 -0
- package/src/shadcn/checkbox/checkbox.svelte +2 -2
- package/src/shadcn/checkbox/checkbox.svelte.d.ts +4 -0
- package/src/shadcn/code-block/code-block-actions.svelte.d.ts +5 -0
- package/src/shadcn/code-block/code-block-content.svelte +1 -1
- package/src/shadcn/code-block/code-block-content.svelte.d.ts +12 -0
- package/src/shadcn/code-block/code-block-copy-button.svelte.d.ts +3 -0
- package/src/shadcn/code-block/code-block-footer.svelte.d.ts +5 -0
- package/src/shadcn/code-block/code-block-header.svelte +1 -1
- package/src/shadcn/code-block/code-block-header.svelte.d.ts +5 -0
- package/src/shadcn/code-block/code-block-line.svelte +1 -1
- package/src/shadcn/code-block/code-block-line.svelte.d.ts +25 -0
- package/src/shadcn/code-block/code-block-title.svelte +1 -1
- package/src/shadcn/code-block/code-block-title.svelte.d.ts +5 -0
- package/src/shadcn/code-block/code-block.svelte +3 -2
- package/src/shadcn/code-block/code-block.svelte.d.ts +18 -0
- package/src/shadcn/collapsible/collapsible-content.svelte.d.ts +4 -0
- package/src/shadcn/collapsible/collapsible-trigger.svelte.d.ts +4 -0
- package/src/shadcn/collapsible/collapsible.svelte.d.ts +4 -0
- package/src/shadcn/command/command-dialog.svelte.d.ts +14 -0
- package/src/shadcn/command/command-empty.svelte.d.ts +4 -0
- package/src/shadcn/command/command-group.svelte.d.ts +7 -0
- package/src/shadcn/command/command-input.svelte +2 -2
- package/src/shadcn/command/command-input.svelte.d.ts +13 -0
- package/src/shadcn/command/command-item.svelte +1 -1
- package/src/shadcn/command/command-item.svelte.d.ts +4 -0
- package/src/shadcn/command/command-link-item.svelte.d.ts +4 -0
- package/src/shadcn/command/command-list.svelte +7 -1
- package/src/shadcn/command/command-list.svelte.d.ts +4 -0
- package/src/shadcn/command/command-loading.svelte.d.ts +4 -0
- package/src/shadcn/command/command-separator.svelte.d.ts +4 -0
- package/src/shadcn/command/command-shortcut.svelte.d.ts +5 -0
- package/src/shadcn/command/command.svelte.d.ts +8 -0
- package/src/shadcn/context-menu/context-menu-checkbox-item.svelte +1 -1
- package/src/shadcn/context-menu/context-menu-checkbox-item.svelte.d.ts +10 -0
- package/src/shadcn/context-menu/context-menu-content.svelte.d.ts +10 -0
- package/src/shadcn/context-menu/context-menu-group-heading.svelte.d.ts +7 -0
- package/src/shadcn/context-menu/context-menu-group.svelte.d.ts +4 -0
- package/src/shadcn/context-menu/context-menu-item.svelte +1 -1
- package/src/shadcn/context-menu/context-menu-item.svelte.d.ts +8 -0
- package/src/shadcn/context-menu/context-menu-label.svelte.d.ts +8 -0
- package/src/shadcn/context-menu/context-menu-portal.svelte.d.ts +3 -0
- package/src/shadcn/context-menu/context-menu-radio-group.svelte.d.ts +4 -0
- package/src/shadcn/context-menu/context-menu-radio-item.svelte +1 -1
- package/src/shadcn/context-menu/context-menu-radio-item.svelte.d.ts +8 -0
- package/src/shadcn/context-menu/context-menu-separator.svelte.d.ts +4 -0
- package/src/shadcn/context-menu/context-menu-shortcut.svelte.d.ts +5 -0
- package/src/shadcn/context-menu/context-menu-sub-content.svelte.d.ts +4 -0
- package/src/shadcn/context-menu/context-menu-sub-trigger.svelte +1 -1
- package/src/shadcn/context-menu/context-menu-sub-trigger.svelte.d.ts +8 -0
- package/src/shadcn/context-menu/context-menu-sub.svelte.d.ts +3 -0
- package/src/shadcn/context-menu/context-menu-trigger.svelte.d.ts +4 -0
- package/src/shadcn/context-menu/context-menu.svelte.d.ts +3 -0
- package/src/shadcn/dialog/dialog-body.svelte.d.ts +5 -0
- package/src/shadcn/dialog/dialog-close.svelte.d.ts +4 -0
- package/src/shadcn/dialog/dialog-content.svelte +3 -4
- package/src/shadcn/dialog/dialog-content.svelte.d.ts +16 -0
- package/src/shadcn/dialog/dialog-description.svelte.d.ts +4 -0
- package/src/shadcn/dialog/dialog-footer.svelte.d.ts +15 -0
- package/src/shadcn/dialog/dialog-header.svelte.d.ts +5 -0
- package/src/shadcn/dialog/dialog-overlay.svelte.d.ts +4 -0
- package/src/shadcn/dialog/dialog-portal.svelte.d.ts +3 -0
- package/src/shadcn/dialog/dialog-title.svelte.d.ts +4 -0
- package/src/shadcn/dialog/dialog-trigger.svelte.d.ts +4 -0
- package/src/shadcn/dialog/dialog.svelte.d.ts +3 -0
- package/src/shadcn/dropdown-menu/dropdown-menu-checkbox-group.svelte.d.ts +4 -0
- package/src/shadcn/dropdown-menu/dropdown-menu-checkbox-item.svelte +2 -2
- package/src/shadcn/dropdown-menu/dropdown-menu-checkbox-item.svelte.d.ts +9 -0
- package/src/shadcn/dropdown-menu/dropdown-menu-content.svelte.d.ts +10 -0
- package/src/shadcn/dropdown-menu/dropdown-menu-group-heading.svelte.d.ts +8 -0
- package/src/shadcn/dropdown-menu/dropdown-menu-group.svelte.d.ts +4 -0
- package/src/shadcn/dropdown-menu/dropdown-menu-item.svelte.d.ts +8 -0
- package/src/shadcn/dropdown-menu/dropdown-menu-label.svelte.d.ts +8 -0
- package/src/shadcn/dropdown-menu/dropdown-menu-portal.svelte.d.ts +3 -0
- package/src/shadcn/dropdown-menu/dropdown-menu-radio-group.svelte.d.ts +4 -0
- package/src/shadcn/dropdown-menu/dropdown-menu-radio-item.svelte +1 -1
- package/src/shadcn/dropdown-menu/dropdown-menu-radio-item.svelte.d.ts +4 -0
- package/src/shadcn/dropdown-menu/dropdown-menu-separator.svelte.d.ts +4 -0
- package/src/shadcn/dropdown-menu/dropdown-menu-shortcut.svelte.d.ts +5 -0
- package/src/shadcn/dropdown-menu/dropdown-menu-sub-content.svelte.d.ts +4 -0
- package/src/shadcn/dropdown-menu/dropdown-menu-sub-trigger.svelte +1 -1
- package/src/shadcn/dropdown-menu/dropdown-menu-sub-trigger.svelte.d.ts +7 -0
- package/src/shadcn/dropdown-menu/dropdown-menu-sub.svelte.d.ts +3 -0
- package/src/shadcn/dropdown-menu/dropdown-menu-trigger.svelte.d.ts +4 -0
- package/src/shadcn/dropdown-menu/dropdown-menu.svelte.d.ts +3 -0
- package/src/shadcn/dropdown-menu/menu-item.ts +1 -1
- package/src/shadcn/empty/empty-content.svelte.d.ts +5 -0
- package/src/shadcn/empty/empty-description.svelte.d.ts +5 -0
- package/src/shadcn/empty/empty-header.svelte.d.ts +5 -0
- package/src/shadcn/empty/empty-media.svelte.d.ts +16 -0
- package/src/shadcn/empty/empty-title.svelte.d.ts +5 -0
- package/src/shadcn/empty/empty.svelte.d.ts +5 -0
- package/src/shadcn/field/field-content.svelte.d.ts +5 -0
- package/src/shadcn/field/field-description.svelte.d.ts +5 -0
- package/src/shadcn/field/field-error.svelte +1 -1
- package/src/shadcn/field/field-error.svelte.d.ts +12 -0
- package/src/shadcn/field/field-group.svelte.d.ts +5 -0
- package/src/shadcn/field/field-label.svelte.d.ts +10 -0
- package/src/shadcn/field/field-legend.svelte.d.ts +8 -0
- package/src/shadcn/field/field-separator.svelte.d.ts +9 -0
- package/src/shadcn/field/field-set.svelte.d.ts +5 -0
- package/src/shadcn/field/field-title.svelte.d.ts +5 -0
- package/src/shadcn/field/field.svelte +1 -1
- package/src/shadcn/field/field.svelte.d.ts +17 -0
- package/src/shadcn/field/simple-field.svelte.d.ts +15 -0
- package/src/shadcn/hooks/highlighter.ts +51 -2
- package/src/shadcn/hover-card/hover-card-content.svelte.d.ts +10 -0
- package/src/shadcn/hover-card/hover-card-portal.svelte.d.ts +3 -0
- package/src/shadcn/hover-card/hover-card-trigger.svelte.d.ts +4 -0
- package/src/shadcn/hover-card/hover-card.svelte.d.ts +3 -0
- package/src/shadcn/input/input.svelte.d.ts +13 -0
- package/src/shadcn/input/secret-input.svelte +3 -3
- package/src/shadcn/input/secret-input.svelte.d.ts +9 -0
- package/src/shadcn/input-otp/input-otp-group.svelte.d.ts +5 -0
- package/src/shadcn/input-otp/input-otp-separator.svelte.d.ts +5 -0
- package/src/shadcn/input-otp/input-otp-slot.svelte.d.ts +4 -0
- package/src/shadcn/input-otp/input-otp.svelte.d.ts +4 -0
- package/src/shadcn/kbd/kbd-group.svelte.d.ts +5 -0
- package/src/shadcn/kbd/kbd.svelte.d.ts +5 -0
- package/src/shadcn/label/label.svelte.d.ts +4 -0
- package/src/shadcn/marker/marker-content.svelte.d.ts +5 -0
- package/src/shadcn/marker/marker-icon.svelte.d.ts +5 -0
- package/src/shadcn/marker/marker.svelte.d.ts +21 -0
- package/src/shadcn/message/message-avatar.svelte.d.ts +5 -0
- package/src/shadcn/message/message-content.svelte.d.ts +5 -0
- package/src/shadcn/message/message-footer.svelte.d.ts +5 -0
- package/src/shadcn/message/message-group.svelte.d.ts +5 -0
- package/src/shadcn/message/message-header.svelte.d.ts +5 -0
- package/src/shadcn/message/message.svelte.d.ts +8 -0
- package/src/shadcn/message-scroller/message-scroller-button.svelte +13 -1
- package/src/shadcn/message-scroller/message-scroller-button.svelte.d.ts +9 -0
- package/src/shadcn/message-scroller/message-scroller-content.svelte.d.ts +4 -0
- package/src/shadcn/message-scroller/message-scroller-item.svelte.d.ts +4 -0
- package/src/shadcn/message-scroller/message-scroller-provider.svelte.d.ts +4 -0
- package/src/shadcn/message-scroller/message-scroller-viewport.svelte.d.ts +4 -0
- package/src/shadcn/message-scroller/message-scroller.svelte.d.ts +4 -0
- package/src/shadcn/popover/popover-close.svelte.d.ts +4 -0
- package/src/shadcn/popover/popover-content.svelte.d.ts +10 -0
- package/src/shadcn/popover/popover-description.svelte.d.ts +5 -0
- package/src/shadcn/popover/popover-header.svelte.d.ts +5 -0
- package/src/shadcn/popover/popover-portal.svelte.d.ts +3 -0
- package/src/shadcn/popover/popover-title.svelte.d.ts +5 -0
- package/src/shadcn/popover/popover-trigger.svelte.d.ts +4 -0
- package/src/shadcn/popover/popover.svelte.d.ts +3 -0
- package/src/shadcn/progress/progress.svelte.d.ts +10 -0
- package/src/shadcn/radio-group/radio-group-item.svelte +1 -1
- package/src/shadcn/radio-group/radio-group-item.svelte.d.ts +4 -0
- package/src/shadcn/radio-group/radio-group.svelte.d.ts +4 -0
- package/src/shadcn/scroll-area/scroll-area-scrollbar.svelte.d.ts +4 -0
- package/src/shadcn/scroll-area/scroll-area.svelte +1 -0
- package/src/shadcn/scroll-area/scroll-area.svelte.d.ts +11 -0
- package/src/shadcn/select/select-content.svelte.d.ts +11 -0
- package/src/shadcn/select/select-group-heading.svelte.d.ts +10 -0
- package/src/shadcn/select/select-group.svelte.d.ts +4 -0
- package/src/shadcn/select/select-item.svelte +1 -1
- package/src/shadcn/select/select-item.svelte.d.ts +4 -0
- package/src/shadcn/select/select-label.svelte.d.ts +6 -0
- package/src/shadcn/select/select-portal.svelte.d.ts +3 -0
- package/src/shadcn/select/select-scroll-down-button.svelte +1 -1
- package/src/shadcn/select/select-scroll-down-button.svelte.d.ts +4 -0
- package/src/shadcn/select/select-scroll-up-button.svelte +1 -1
- package/src/shadcn/select/select-scroll-up-button.svelte.d.ts +4 -0
- package/src/shadcn/select/select-separator.svelte.d.ts +4 -0
- package/src/shadcn/select/select-trigger.svelte +1 -0
- package/src/shadcn/select/select-trigger.svelte.d.ts +8 -0
- package/src/shadcn/select/select.svelte.d.ts +3 -0
- package/src/shadcn/separator/separator.svelte.d.ts +4 -0
- package/src/shadcn/sheet/sheet-body.svelte.d.ts +5 -0
- package/src/shadcn/sheet/sheet-close.svelte.d.ts +4 -0
- package/src/shadcn/sheet/sheet-content.svelte +5 -7
- package/src/shadcn/sheet/sheet-content.svelte.d.ts +21 -0
- package/src/shadcn/sheet/sheet-description.svelte.d.ts +4 -0
- package/src/shadcn/sheet/sheet-footer.svelte.d.ts +12 -0
- package/src/shadcn/sheet/sheet-header.svelte.d.ts +5 -0
- package/src/shadcn/sheet/sheet-overlay.svelte.d.ts +4 -0
- package/src/shadcn/sheet/sheet-portal.svelte.d.ts +3 -0
- package/src/shadcn/sheet/sheet-title.svelte.d.ts +4 -0
- package/src/shadcn/sheet/sheet-trigger.svelte.d.ts +4 -0
- package/src/shadcn/sheet/sheet.css +47 -43
- package/src/shadcn/sheet/sheet.svelte.d.ts +3 -0
- package/src/shadcn/sidebar/constants.ts +1 -1
- package/src/shadcn/sidebar/context.svelte.ts +16 -1
- package/src/shadcn/sidebar/sidebar-content.svelte.d.ts +5 -0
- package/src/shadcn/sidebar/sidebar-footer.svelte.d.ts +5 -0
- package/src/shadcn/sidebar/sidebar-group-action.svelte.d.ts +11 -0
- package/src/shadcn/sidebar/sidebar-group-content.svelte.d.ts +5 -0
- package/src/shadcn/sidebar/sidebar-group-label.svelte.d.ts +11 -0
- package/src/shadcn/sidebar/sidebar-group.svelte.d.ts +5 -0
- package/src/shadcn/sidebar/sidebar-header.svelte.d.ts +5 -0
- package/src/shadcn/sidebar/sidebar-input.svelte.d.ts +11 -0
- package/src/shadcn/sidebar/sidebar-inset.svelte.d.ts +5 -0
- package/src/shadcn/sidebar/sidebar-menu-action.svelte.d.ts +12 -0
- package/src/shadcn/sidebar/sidebar-menu-badge.svelte.d.ts +5 -0
- package/src/shadcn/sidebar/sidebar-menu-button.svelte.d.ts +31 -0
- package/src/shadcn/sidebar/sidebar-menu-item.svelte.d.ts +5 -0
- package/src/shadcn/sidebar/sidebar-menu-skeleton.svelte.d.ts +8 -0
- package/src/shadcn/sidebar/sidebar-menu-sub-button.svelte.d.ts +13 -0
- package/src/shadcn/sidebar/sidebar-menu-sub-item.svelte.d.ts +5 -0
- package/src/shadcn/sidebar/sidebar-menu-sub.svelte.d.ts +5 -0
- package/src/shadcn/sidebar/sidebar-menu.svelte.d.ts +5 -0
- package/src/shadcn/sidebar/sidebar-provider.svelte +3 -0
- package/src/shadcn/sidebar/sidebar-provider.svelte.d.ts +9 -0
- package/src/shadcn/sidebar/sidebar-rail.svelte.d.ts +5 -0
- package/src/shadcn/sidebar/sidebar-separator.svelte.d.ts +13 -0
- package/src/shadcn/sidebar/sidebar-trigger.svelte +3 -1
- package/src/shadcn/sidebar/sidebar-trigger.svelte.d.ts +8 -0
- package/src/shadcn/sidebar/sidebar.svelte +3 -0
- package/src/shadcn/sidebar/sidebar.svelte.d.ts +10 -0
- package/src/shadcn/sidebar/sidebar.test.ts +69 -0
- package/src/shadcn/skeleton/skeleton-delay.svelte.d.ts +20 -0
- package/src/shadcn/skeleton/skeleton.svelte.d.ts +5 -0
- package/src/shadcn/slider/slider.svelte.d.ts +11 -0
- package/src/shadcn/sonner/sonner.svelte +4 -4
- package/src/shadcn/sonner/sonner.svelte.d.ts +4 -0
- package/src/shadcn/spinner/spinner.svelte.d.ts +4 -0
- package/src/shadcn/switch/switch.svelte.d.ts +8 -0
- package/src/shadcn/table/table-body.svelte.d.ts +5 -0
- package/src/shadcn/table/table-caption.svelte.d.ts +5 -0
- package/src/shadcn/table/table-cell.svelte +16 -12
- package/src/shadcn/table/table-cell.svelte.d.ts +9 -0
- package/src/shadcn/table/table-footer.svelte.d.ts +5 -0
- package/src/shadcn/table/table-head.svelte.d.ts +5 -0
- package/src/shadcn/table/table-header.svelte.d.ts +5 -0
- package/src/shadcn/table/table-row.svelte.d.ts +5 -0
- package/src/shadcn/table/table.svelte.d.ts +5 -0
- package/src/shadcn/tabs/tabs-content.svelte.d.ts +4 -0
- package/src/shadcn/tabs/tabs-list.svelte.d.ts +8 -0
- package/src/shadcn/tabs/tabs-trigger.svelte.d.ts +4 -0
- package/src/shadcn/tabs/tabs.svelte.d.ts +4 -0
- package/src/shadcn/textarea/textarea.svelte.d.ts +5 -0
- package/src/shadcn/toggle/toggle.svelte.d.ts +10 -0
- package/src/shadcn/toggle-group/toggle-group-item.svelte.d.ts +6 -0
- package/src/shadcn/toggle-group/toggle-group.svelte.d.ts +15 -0
- package/src/shadcn/tooltip/tooltip-content.svelte.d.ts +11 -0
- package/src/shadcn/tooltip/tooltip-portal.svelte.d.ts +4 -0
- package/src/shadcn/tooltip/tooltip-provider.svelte.d.ts +4 -0
- package/src/shadcn/tooltip/tooltip-trigger.svelte.d.ts +4 -0
- package/src/shadcn/tooltip/tooltip.svelte.d.ts +4 -0
- package/src/shadcn/trace/trace-collapsible-content.svelte.d.ts +4 -0
- package/src/shadcn/trace/trace-collapsible-trigger.svelte +2 -2
- package/src/shadcn/trace/trace-collapsible-trigger.svelte.d.ts +4 -0
- package/src/shadcn/trace/trace-collapsible.svelte.d.ts +4 -0
- package/src/shadcn/trace/trace-description.svelte +1 -1
- package/src/shadcn/trace/trace-description.svelte.d.ts +5 -0
- package/src/shadcn/trace/trace-icon.svelte.d.ts +5 -0
- package/src/shadcn/trace/trace-line.svelte +1 -1
- package/src/shadcn/trace/trace-line.svelte.d.ts +9 -0
- package/src/shadcn/trace/trace-title.svelte.d.ts +5 -0
- package/src/shadcn/trace/trace.svelte.d.ts +5 -0
- package/src/slides/Controls.svelte +96 -92
- package/src/slides/Controls.svelte.d.ts +10 -0
- package/src/slides/Deck.svelte +77 -60
- package/src/slides/Deck.svelte.d.ts +5 -0
- package/src/slides/Fragment.svelte +25 -21
- package/src/slides/Fragment.svelte.d.ts +15 -0
- package/src/slides/Overview.svelte +71 -60
- package/src/slides/Overview.svelte.d.ts +8 -0
- package/src/slides/Presenter.svelte +146 -139
- package/src/slides/Presenter.svelte.d.ts +8 -0
- package/src/slides/README.md +2 -2
- package/src/slides/Slide.svelte +74 -63
- package/src/slides/Slide.svelte.d.ts +18 -0
- package/src/slides/SlideList.svelte.d.ts +9 -0
- package/src/slides/deck-controller.svelte.ts +63 -36
- package/src/slides/deck-keys.test.ts +49 -0
- package/src/slides/layout.ts +3 -2
- package/src/slides/theme.css +227 -177
- package/src/slides/types.ts +2 -1
- package/src/status/index.ts +0 -1
- package/src/status/status-badge.svelte +7 -5
- package/src/status/status-badge.svelte.d.ts +28 -0
- package/src/status/status-badge.test.ts +44 -0
- package/src/status/status-dot.svelte +54 -49
- package/src/status/status-dot.svelte.d.ts +16 -0
- package/src/status/status-icon.svelte +19 -6
- package/src/status/status-icon.svelte.d.ts +14 -0
- package/src/status/status-pill.svelte.d.ts +13 -0
- package/src/test-setup.test.ts +5 -0
- package/src/thread/thread-body.svelte.d.ts +9 -0
- package/src/thread/thread-events.svelte.d.ts +8 -0
- package/src/thread/thread-focus.svelte.test.ts +90 -0
- package/src/thread/thread.svelte +70 -15
- package/src/thread/thread.svelte.d.ts +40 -0
- package/src/tokens/base.css +47 -45
- package/src/tokens/design.css +8 -0
- package/src/tokens/index.css +3 -0
- package/src/triage/triage-plan.svelte +42 -9
- package/src/triage/triage-plan.svelte.d.ts +28 -0
- package/src/triage/triage-queue.svelte +61 -23
- package/src/triage/triage-queue.svelte.d.ts +41 -0
- package/src/triage/triage-task.svelte +11 -3
- package/src/triage/triage-task.svelte.d.ts +22 -0
- package/src/triage/triage.svelte.test.ts +130 -0
- package/src/work/README.md +8 -7
- package/src/work/detail/task-chip.svelte.d.ts +10 -0
- package/src/work/detail/task-detail.svelte.d.ts +36 -0
- package/src/work/docs/doc-editor-page.svelte +20 -16
- package/src/work/docs/doc-editor-page.svelte.d.ts +31 -0
- package/src/work/docs/doc-menu.svelte +44 -38
- package/src/work/docs/doc-menu.svelte.d.ts +35 -0
- package/src/work/docs/edited-chip.svelte +9 -9
- package/src/work/docs/edited-chip.svelte.d.ts +26 -0
- package/src/work/gantt/gantt-bar.svelte +87 -78
- package/src/work/gantt/gantt-bar.svelte.d.ts +29 -0
- package/src/work/gantt/gantt-grid.svelte +30 -26
- package/src/work/gantt/gantt-grid.svelte.d.ts +14 -0
- package/src/work/gantt/gantt-group-row.svelte +12 -8
- package/src/work/gantt/gantt-group-row.svelte.d.ts +12 -0
- package/src/work/gantt/gantt-header.svelte +2 -4
- package/src/work/gantt/gantt-header.svelte.d.ts +17 -0
- package/src/work/gantt/gantt-task-row.svelte +43 -36
- package/src/work/gantt/gantt-task-row.svelte.d.ts +53 -0
- package/src/work/gantt/gantt.css +14 -10
- package/src/work/gantt/gantt.test.ts +14 -2
- package/src/work/inbox/inbox-card.svelte +13 -16
- package/src/work/inbox/inbox-card.svelte.d.ts +22 -0
- package/src/work/inbox/inbox-draft.svelte +3 -3
- package/src/work/inbox/inbox-draft.svelte.d.ts +18 -0
- package/src/work/inbox/inbox-trace.svelte.d.ts +11 -0
- package/src/work/index.ts +0 -24
- package/src/work/kanban-board.svelte +103 -66
- package/src/work/kanban-board.svelte.d.ts +107 -0
- package/src/work/kanban-board.svelte.test.ts +89 -0
- package/src/work/kanban-column-head.svelte.d.ts +40 -0
- package/src/work/kanban-column.svelte +45 -43
- package/src/work/kanban-column.svelte.d.ts +20 -0
- package/src/work/kanban-fold-chevron.svelte +15 -11
- package/src/work/kanban-fold-chevron.svelte.d.ts +8 -0
- package/src/work/kanban-hidden-rail.svelte +2 -1
- package/src/work/kanban-hidden-rail.svelte.d.ts +39 -0
- package/src/work/kanban-keyboard.ts +8 -6
- package/src/work/task-gantt.svelte +18 -4
- package/src/work/task-gantt.svelte.d.ts +85 -0
- package/src/work/task-list.svelte +166 -116
- package/src/work/task-list.svelte.d.ts +81 -0
- package/src/work/task-list.svelte.test.ts +113 -0
- package/src/work/time/time-chip.svelte +2 -4
- package/src/work/time/time-chip.svelte.d.ts +14 -0
- package/src/work/time/time-dot.svelte +30 -25
- package/src/work/time/time-dot.svelte.d.ts +9 -0
- package/src/work/time/time-ring.svelte +15 -11
- package/src/work/time/time-ring.svelte.d.ts +18 -0
- package/src/work/time/time-tracker.svelte +49 -44
- package/src/work/time/time-tracker.svelte.d.ts +59 -0
- package/dist/ai/index.js +0 -40
- package/dist/index.js +0 -18
- package/dist/record/demo-data.js +0 -485
- package/dist/test-setup.js +0 -30
- package/src/agents/demo.svelte +0 -137
- package/src/ai/index.ts +0 -101
- package/src/design/index.css +0 -215
- package/src/design/polish.css +0 -150
- package/src/index.ts +0 -53
- package/src/onboarding/demo.svelte +0 -105
- package/src/record/demo-data.ts +0 -352
- package/src/record/record-demo.svelte +0 -342
- package/src/slides/demo-slides.svelte +0 -382
- package/src/slides/demo.svelte +0 -180
- package/src/test-setup.ts +0 -34
- package/src/work/demo.svelte +0 -561
- package/src/work/detail/detail-demo.svelte +0 -258
- package/src/work/docs/docs-demo.svelte +0 -227
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { HTMLAttributes } from "svelte/elements";
|
|
2
|
+
import { type WithElementRef } from "../../lib/utils.js";
|
|
3
|
+
declare const $$Component: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLElement>>, {}, "ref">;
|
|
4
|
+
type $$Component = ReturnType<typeof $$Component>;
|
|
5
|
+
export default $$Component;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { type WithElementRef } from "../../lib/utils.js";
|
|
2
|
+
import type { Snippet } from "svelte";
|
|
3
|
+
import type { HTMLButtonAttributes } from "svelte/elements";
|
|
4
|
+
type $$ComponentProps = WithElementRef<HTMLButtonAttributes> & {
|
|
5
|
+
child?: Snippet<[{
|
|
6
|
+
props: Record<string, unknown>;
|
|
7
|
+
}]>;
|
|
8
|
+
};
|
|
9
|
+
declare const $$Component: import("svelte").Component<$$ComponentProps, {}, "ref">;
|
|
10
|
+
type $$Component = ReturnType<typeof $$Component>;
|
|
11
|
+
export default $$Component;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type WithElementRef } from "../../lib/utils.js";
|
|
2
|
+
import type { HTMLAttributes } from "svelte/elements";
|
|
3
|
+
declare const $$Component: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
|
|
4
|
+
type $$Component = ReturnType<typeof $$Component>;
|
|
5
|
+
export default $$Component;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { type WithElementRef } from "../../lib/utils.js";
|
|
2
|
+
import type { Snippet } from "svelte";
|
|
3
|
+
import type { HTMLAttributes } from "svelte/elements";
|
|
4
|
+
type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLElement>> & {
|
|
5
|
+
child?: Snippet<[{
|
|
6
|
+
props: Record<string, unknown>;
|
|
7
|
+
}]>;
|
|
8
|
+
};
|
|
9
|
+
declare const $$Component: import("svelte").Component<$$ComponentProps, {}, "ref">;
|
|
10
|
+
type $$Component = ReturnType<typeof $$Component>;
|
|
11
|
+
export default $$Component;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { HTMLAttributes } from "svelte/elements";
|
|
2
|
+
import { type WithElementRef } from "../../lib/utils.js";
|
|
3
|
+
declare const $$Component: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLElement>>, {}, "ref">;
|
|
4
|
+
type $$Component = ReturnType<typeof $$Component>;
|
|
5
|
+
export default $$Component;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { HTMLAttributes } from "svelte/elements";
|
|
2
|
+
import { type WithElementRef } from "../../lib/utils.js";
|
|
3
|
+
declare const $$Component: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLElement>>, {}, "ref">;
|
|
4
|
+
type $$Component = ReturnType<typeof $$Component>;
|
|
5
|
+
export default $$Component;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
declare const $$Component: import("svelte").Component<(Omit<import("svelte/elements").HTMLInputAttributes, "type"> & ({
|
|
2
|
+
type: "file";
|
|
3
|
+
files?: FileList;
|
|
4
|
+
} | {
|
|
5
|
+
type?: "number" | "hidden" | "color" | "text" | "search" | "submit" | "reset" | "button" | "checkbox" | "radio" | (string & {}) | "tel" | "url" | "email" | "date" | "image" | "time" | "month" | "datetime-local" | "password" | "range" | "week";
|
|
6
|
+
files?: undefined;
|
|
7
|
+
})) & {
|
|
8
|
+
ref?: HTMLElement | null | undefined;
|
|
9
|
+
}, {}, "value" | "ref">;
|
|
10
|
+
type $$Component = ReturnType<typeof $$Component>;
|
|
11
|
+
export default $$Component;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type WithElementRef } from "../../lib/utils.js";
|
|
2
|
+
import type { HTMLAttributes } from "svelte/elements";
|
|
3
|
+
declare const $$Component: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLElement>>, {}, "ref">;
|
|
4
|
+
type $$Component = ReturnType<typeof $$Component>;
|
|
5
|
+
export default $$Component;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { type WithElementRef } from "../../lib/utils.js";
|
|
2
|
+
import type { Snippet } from "svelte";
|
|
3
|
+
import type { HTMLButtonAttributes } from "svelte/elements";
|
|
4
|
+
type $$ComponentProps = WithElementRef<HTMLButtonAttributes> & {
|
|
5
|
+
child?: Snippet<[{
|
|
6
|
+
props: Record<string, unknown>;
|
|
7
|
+
}]>;
|
|
8
|
+
showOnHover?: boolean;
|
|
9
|
+
};
|
|
10
|
+
declare const $$Component: import("svelte").Component<$$ComponentProps, {}, "ref">;
|
|
11
|
+
type $$Component = ReturnType<typeof $$Component>;
|
|
12
|
+
export default $$Component;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type WithElementRef } from "../../lib/utils.js";
|
|
2
|
+
import type { HTMLAttributes } from "svelte/elements";
|
|
3
|
+
declare const $$Component: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLElement>>, {}, "ref">;
|
|
4
|
+
type $$Component = ReturnType<typeof $$Component>;
|
|
5
|
+
export default $$Component;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { type VariantProps } from "tailwind-variants";
|
|
2
|
+
export declare const sidebarMenuButtonVariants: import("tailwind-variants").TVReturnType<{
|
|
3
|
+
variant: {
|
|
4
|
+
default: string;
|
|
5
|
+
outline: string;
|
|
6
|
+
};
|
|
7
|
+
size: {
|
|
8
|
+
default: string;
|
|
9
|
+
sm: string;
|
|
10
|
+
lg: string;
|
|
11
|
+
};
|
|
12
|
+
}, undefined, "ring-sidebar-ring hover:bg-sidebar-foreground/4 hover:text-sidebar-accent-foreground active:bg-sidebar-foreground/8 active:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground gap-2 rounded-md p-2 text-left text-sm transition-[width,height,padding,background-color,color] duration-[var(--duration-fast)] ease-[var(--ease-smooth-out)] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:shadow-(--ring-focus) data-active:font-medium peer/menu-button group/menu-button flex w-full items-center overflow-hidden outline-hidden disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate", undefined, undefined, undefined>;
|
|
13
|
+
export type SidebarMenuButtonVariant = VariantProps<typeof sidebarMenuButtonVariants>["variant"];
|
|
14
|
+
export type SidebarMenuButtonSize = VariantProps<typeof sidebarMenuButtonVariants>["size"];
|
|
15
|
+
import * as Tooltip from "../tooltip/index.js";
|
|
16
|
+
import { type WithElementRef, type WithoutChildrenOrChild } from "../../lib/utils.js";
|
|
17
|
+
import type { ComponentProps, Snippet } from "svelte";
|
|
18
|
+
import type { HTMLAttributes } from "svelte/elements";
|
|
19
|
+
type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & {
|
|
20
|
+
isActive?: boolean;
|
|
21
|
+
variant?: SidebarMenuButtonVariant;
|
|
22
|
+
size?: SidebarMenuButtonSize;
|
|
23
|
+
tooltipContent?: Snippet | string;
|
|
24
|
+
tooltipContentProps?: WithoutChildrenOrChild<ComponentProps<typeof Tooltip.Content>>;
|
|
25
|
+
child?: Snippet<[{
|
|
26
|
+
props: Record<string, unknown>;
|
|
27
|
+
}]>;
|
|
28
|
+
};
|
|
29
|
+
declare const $$Component: import("svelte").Component<$$ComponentProps, {}, "ref">;
|
|
30
|
+
type $$Component = ReturnType<typeof $$Component>;
|
|
31
|
+
export default $$Component;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type WithElementRef } from "../../lib/utils.js";
|
|
2
|
+
import type { HTMLAttributes } from "svelte/elements";
|
|
3
|
+
declare const $$Component: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}, "ref">;
|
|
4
|
+
type $$Component = ReturnType<typeof $$Component>;
|
|
5
|
+
export default $$Component;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type WithElementRef } from "../../lib/utils.js";
|
|
2
|
+
import type { HTMLAttributes } from "svelte/elements";
|
|
3
|
+
type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLElement>> & {
|
|
4
|
+
showIcon?: boolean;
|
|
5
|
+
};
|
|
6
|
+
declare const $$Component: import("svelte").Component<$$ComponentProps, {}, "ref">;
|
|
7
|
+
type $$Component = ReturnType<typeof $$Component>;
|
|
8
|
+
export default $$Component;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { type WithElementRef } from "../../lib/utils.js";
|
|
2
|
+
import type { Snippet } from "svelte";
|
|
3
|
+
import type { HTMLAnchorAttributes } from "svelte/elements";
|
|
4
|
+
type $$ComponentProps = WithElementRef<HTMLAnchorAttributes> & {
|
|
5
|
+
child?: Snippet<[{
|
|
6
|
+
props: Record<string, unknown>;
|
|
7
|
+
}]>;
|
|
8
|
+
size?: "sm" | "md";
|
|
9
|
+
isActive?: boolean;
|
|
10
|
+
};
|
|
11
|
+
declare const $$Component: import("svelte").Component<$$ComponentProps, {}, "ref">;
|
|
12
|
+
type $$Component = ReturnType<typeof $$Component>;
|
|
13
|
+
export default $$Component;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type WithElementRef } from "../../lib/utils.js";
|
|
2
|
+
import type { HTMLAttributes } from "svelte/elements";
|
|
3
|
+
declare const $$Component: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLLIElement>>, {}, "ref">;
|
|
4
|
+
type $$Component = ReturnType<typeof $$Component>;
|
|
5
|
+
export default $$Component;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type WithElementRef } from "../../lib/utils.js";
|
|
2
|
+
import type { HTMLAttributes } from "svelte/elements";
|
|
3
|
+
declare const $$Component: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLUListElement>>, {}, "ref">;
|
|
4
|
+
type $$Component = ReturnType<typeof $$Component>;
|
|
5
|
+
export default $$Component;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type WithElementRef } from "../../lib/utils.js";
|
|
2
|
+
import type { HTMLAttributes } from "svelte/elements";
|
|
3
|
+
declare const $$Component: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}, "ref">;
|
|
4
|
+
type $$Component = ReturnType<typeof $$Component>;
|
|
5
|
+
export default $$Component;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type WithElementRef } from "../../lib/utils.js";
|
|
2
|
+
import type { HTMLAttributes } from "svelte/elements";
|
|
3
|
+
type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
|
|
4
|
+
open?: boolean;
|
|
5
|
+
onOpenChange?: (open: boolean) => void;
|
|
6
|
+
};
|
|
7
|
+
declare const $$Component: import("svelte").Component<$$ComponentProps, {}, "ref" | "open">;
|
|
8
|
+
type $$Component = ReturnType<typeof $$Component>;
|
|
9
|
+
export default $$Component;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type WithElementRef } from "../../lib/utils.js";
|
|
2
|
+
import type { HTMLAttributes } from "svelte/elements";
|
|
3
|
+
declare const $$Component: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}, "ref">;
|
|
4
|
+
type $$Component = ReturnType<typeof $$Component>;
|
|
5
|
+
export default $$Component;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
declare const $$Component: import("svelte").Component<Omit<{
|
|
2
|
+
orientation?: import("bits-ui").Orientation;
|
|
3
|
+
decorative?: boolean;
|
|
4
|
+
}, "children" | "child"> & {
|
|
5
|
+
child?: import("svelte").Snippet<[{
|
|
6
|
+
props: Record<string, unknown>;
|
|
7
|
+
}]> | undefined;
|
|
8
|
+
children?: import("svelte").Snippet<[]> | undefined;
|
|
9
|
+
style?: import("bits-ui").StyleProperties | string | null | undefined;
|
|
10
|
+
ref?: HTMLElement | null | undefined;
|
|
11
|
+
} & import("bits-ui").Without<import("bits-ui").BitsPrimitiveDivAttributes, import("bits-ui").SeparatorRootPropsWithoutHTML>, {}, "ref">;
|
|
12
|
+
type $$Component = ReturnType<typeof $$Component>;
|
|
13
|
+
export default $$Component;
|
|
@@ -26,12 +26,14 @@
|
|
|
26
26
|
icon
|
|
27
27
|
class={cn("cn-sidebar-trigger", className)}
|
|
28
28
|
type="button"
|
|
29
|
+
aria-expanded={sidebar.expanded}
|
|
30
|
+
aria-controls={sidebar.id}
|
|
29
31
|
onclick={(e) => {
|
|
30
32
|
onclick?.(e);
|
|
31
33
|
sidebar.toggle();
|
|
32
34
|
}}
|
|
33
35
|
{...restProps}
|
|
34
36
|
>
|
|
35
|
-
<SidebarSimple size={16} />
|
|
37
|
+
<SidebarSimple aria-hidden="true" size={16} />
|
|
36
38
|
<span class="sr-only">Toggle Sidebar</span>
|
|
37
39
|
</Button>
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Button } from "../button/index.js";
|
|
2
|
+
import type { ComponentProps } from "svelte";
|
|
3
|
+
type $$ComponentProps = ComponentProps<typeof Button> & {
|
|
4
|
+
onclick?: (e: MouseEvent) => void;
|
|
5
|
+
};
|
|
6
|
+
declare const $$Component: import("svelte").Component<$$ComponentProps, {}, "ref">;
|
|
7
|
+
type $$Component = ReturnType<typeof $$Component>;
|
|
8
|
+
export default $$Component;
|
|
@@ -24,6 +24,7 @@
|
|
|
24
24
|
|
|
25
25
|
{#if collapsible === "none"}
|
|
26
26
|
<div
|
|
27
|
+
id={sidebar.id}
|
|
27
28
|
class={cn(
|
|
28
29
|
"bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col",
|
|
29
30
|
className,
|
|
@@ -37,6 +38,7 @@
|
|
|
37
38
|
<Sheet.Root bind:open={() => sidebar.openMobile, (v) => sidebar.setOpenMobile(v)} {...restProps}>
|
|
38
39
|
<Sheet.Content
|
|
39
40
|
bind:ref
|
|
41
|
+
id={sidebar.id}
|
|
40
42
|
data-sidebar="sidebar"
|
|
41
43
|
data-slot="sidebar"
|
|
42
44
|
data-mobile="true"
|
|
@@ -63,6 +65,7 @@
|
|
|
63
65
|
{:else}
|
|
64
66
|
<div
|
|
65
67
|
bind:this={ref}
|
|
68
|
+
id={sidebar.id}
|
|
66
69
|
class="text-sidebar-foreground group peer hidden lg:block"
|
|
67
70
|
data-state={sidebar.state}
|
|
68
71
|
data-collapsible={sidebar.state === "collapsed" ? collapsible : ""}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type WithElementRef } from "../../lib/utils.js";
|
|
2
|
+
import type { HTMLAttributes } from "svelte/elements";
|
|
3
|
+
type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
|
|
4
|
+
side?: "left" | "right";
|
|
5
|
+
variant?: "sidebar" | "floating" | "inset";
|
|
6
|
+
collapsible?: "offcanvas" | "icon" | "none";
|
|
7
|
+
};
|
|
8
|
+
declare const $$Component: import("svelte").Component<$$ComponentProps, {}, "ref">;
|
|
9
|
+
type $$Component = ReturnType<typeof $$Component>;
|
|
10
|
+
export default $$Component;
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { flushSync, mount, unmount } from "svelte";
|
|
2
|
+
import { describe, expect, it, vi } from "vite-plus/test";
|
|
3
|
+
import SidebarProvider from "./sidebar-provider.svelte";
|
|
4
|
+
import SidebarTrigger from "./sidebar-trigger.svelte";
|
|
5
|
+
|
|
6
|
+
function renderProvider() {
|
|
7
|
+
const onOpenChange = vi.fn();
|
|
8
|
+
const target = document.createElement("div");
|
|
9
|
+
document.body.appendChild(target);
|
|
10
|
+
const app = mount(SidebarProvider, { target, props: { onOpenChange } });
|
|
11
|
+
flushSync();
|
|
12
|
+
const press = (key: string, from: EventTarget = document.body) => {
|
|
13
|
+
from.dispatchEvent(new KeyboardEvent("keydown", { key, metaKey: true, bubbles: true }));
|
|
14
|
+
flushSync();
|
|
15
|
+
};
|
|
16
|
+
return {
|
|
17
|
+
target,
|
|
18
|
+
onOpenChange,
|
|
19
|
+
press,
|
|
20
|
+
done: () => {
|
|
21
|
+
void unmount(app);
|
|
22
|
+
target.remove();
|
|
23
|
+
},
|
|
24
|
+
};
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
// 10 Nov 2026: Cmd+S toggled the sidebar and swallowed the browser's save, even mid-typing.
|
|
28
|
+
describe("Sidebar shortcut", () => {
|
|
29
|
+
it("toggles on Cmd+B and leaves Cmd+S to the browser", () => {
|
|
30
|
+
const { onOpenChange, press, done } = renderProvider();
|
|
31
|
+
const save = new KeyboardEvent("keydown", { key: "s", metaKey: true, cancelable: true });
|
|
32
|
+
window.dispatchEvent(save);
|
|
33
|
+
expect(save.defaultPrevented).toBe(false);
|
|
34
|
+
expect(onOpenChange).not.toHaveBeenCalled();
|
|
35
|
+
press("b");
|
|
36
|
+
expect(onOpenChange).toHaveBeenCalledWith(false);
|
|
37
|
+
done();
|
|
38
|
+
});
|
|
39
|
+
|
|
40
|
+
it("leaves Cmd+B alone while typing in a field", () => {
|
|
41
|
+
const { target, onOpenChange, press, done } = renderProvider();
|
|
42
|
+
const input = document.createElement("input");
|
|
43
|
+
const textarea = document.createElement("textarea");
|
|
44
|
+
const editable = document.createElement("div");
|
|
45
|
+
editable.setAttribute("contenteditable", "true");
|
|
46
|
+
target.append(input, textarea, editable);
|
|
47
|
+
for (const field of [input, textarea, editable]) press("b", field);
|
|
48
|
+
expect(onOpenChange).not.toHaveBeenCalled();
|
|
49
|
+
done();
|
|
50
|
+
});
|
|
51
|
+
});
|
|
52
|
+
|
|
53
|
+
describe("SidebarTrigger", () => {
|
|
54
|
+
it("reports whether the sidebar is open and which element it controls", () => {
|
|
55
|
+
const target = document.createElement("div");
|
|
56
|
+
document.body.appendChild(target);
|
|
57
|
+
const sidebar = { expanded: true, id: "sidebar-s1", toggle: vi.fn() };
|
|
58
|
+
const app = mount(SidebarTrigger, {
|
|
59
|
+
target,
|
|
60
|
+
context: new Map([[Symbol.for("scn-sidebar"), sidebar]]),
|
|
61
|
+
});
|
|
62
|
+
flushSync();
|
|
63
|
+
const button = target.querySelector("button");
|
|
64
|
+
expect(button?.getAttribute("aria-expanded")).toBe("true");
|
|
65
|
+
expect(button?.getAttribute("aria-controls")).toBe("sidebar-s1");
|
|
66
|
+
void unmount(app);
|
|
67
|
+
target.remove();
|
|
68
|
+
});
|
|
69
|
+
});
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/** DESIGN.md rule 20: a skeleton waits this long, so a fast answer never shows one. */
|
|
2
|
+
export declare const SHOW_DELAY_MS = 150;
|
|
3
|
+
/** DESIGN.md rule 20: once shown, a skeleton stays this long, so it never blinks. */
|
|
4
|
+
export declare const MIN_VISIBLE_MS = 300;
|
|
5
|
+
import { type Snippet } from "svelte";
|
|
6
|
+
interface Props {
|
|
7
|
+
/** The data is on its way. */
|
|
8
|
+
loading: boolean;
|
|
9
|
+
/** What shows while it loads: one or more `Skeleton`s shaped like the content. */
|
|
10
|
+
skeleton: Snippet;
|
|
11
|
+
/** The content, drawn once loading ends and the skeleton has had its minimum time. */
|
|
12
|
+
children: Snippet;
|
|
13
|
+
/** Ms to wait before the skeleton shows. */
|
|
14
|
+
showDelay?: number;
|
|
15
|
+
/** Ms the skeleton stays once it shows. */
|
|
16
|
+
minVisible?: number;
|
|
17
|
+
}
|
|
18
|
+
declare const $$Component: import("svelte").Component<Props, {}, "">;
|
|
19
|
+
type $$Component = ReturnType<typeof $$Component>;
|
|
20
|
+
export default $$Component;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type WithElementRef } from "../../lib/utils.js";
|
|
2
|
+
import type { HTMLAttributes } from "svelte/elements";
|
|
3
|
+
declare const $$Component: import("svelte").Component<Omit<WithElementRef<HTMLAttributes<HTMLDivElement>>, "children">, {}, "ref">;
|
|
4
|
+
type $$Component = ReturnType<typeof $$Component>;
|
|
5
|
+
export default $$Component;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Slider as SliderPrimitive } from "bits-ui";
|
|
2
|
+
import { type WithoutChildrenOrChild } from "../../lib/utils.js";
|
|
3
|
+
type $$ComponentProps = WithoutChildrenOrChild<SliderPrimitive.RootProps> & {
|
|
4
|
+
/** Announced in place of the raw value, for a slider running on stop indices. */
|
|
5
|
+
valueText?: string;
|
|
6
|
+
/** Names the thumb, which is the element carrying `role="slider"`. */
|
|
7
|
+
thumbLabel?: string;
|
|
8
|
+
};
|
|
9
|
+
declare const $$Component: import("svelte").Component<$$ComponentProps, {}, "value" | "ref">;
|
|
10
|
+
type $$Component = ReturnType<typeof $$Component>;
|
|
11
|
+
export default $$Component;
|
|
@@ -17,15 +17,15 @@
|
|
|
17
17
|
<Spinner />
|
|
18
18
|
{/snippet}
|
|
19
19
|
{#snippet successIcon()}
|
|
20
|
-
<CheckCircle class="size-4" />
|
|
20
|
+
<CheckCircle aria-hidden="true" class="size-4" />
|
|
21
21
|
{/snippet}
|
|
22
22
|
{#snippet errorIcon()}
|
|
23
|
-
<XCircle class="size-4" />
|
|
23
|
+
<XCircle aria-hidden="true" class="size-4" />
|
|
24
24
|
{/snippet}
|
|
25
25
|
{#snippet infoIcon()}
|
|
26
|
-
<Info class="size-4" />
|
|
26
|
+
<Info aria-hidden="true" class="size-4" />
|
|
27
27
|
{/snippet}
|
|
28
28
|
{#snippet warningIcon()}
|
|
29
|
-
<Warning class="size-4" />
|
|
29
|
+
<Warning aria-hidden="true" class="size-4" />
|
|
30
30
|
{/snippet}
|
|
31
31
|
</Sonner>
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Switch as SwitchPrimitive } from "bits-ui";
|
|
2
|
+
import { type WithoutChildrenOrChild } from "../../lib/utils.js";
|
|
3
|
+
type $$ComponentProps = WithoutChildrenOrChild<SwitchPrimitive.RootProps> & {
|
|
4
|
+
size?: "sm" | "default";
|
|
5
|
+
};
|
|
6
|
+
declare const $$Component: import("svelte").Component<$$ComponentProps, {}, "ref" | "checked">;
|
|
7
|
+
type $$Component = ReturnType<typeof $$Component>;
|
|
8
|
+
export default $$Component;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type WithElementRef } from "../../lib/utils.js";
|
|
2
|
+
import type { HTMLAttributes } from "svelte/elements";
|
|
3
|
+
declare const $$Component: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLTableSectionElement>>, {}, "ref">;
|
|
4
|
+
type $$Component = ReturnType<typeof $$Component>;
|
|
5
|
+
export default $$Component;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type WithElementRef } from "../../lib/utils.js";
|
|
2
|
+
import type { HTMLAttributes } from "svelte/elements";
|
|
3
|
+
declare const $$Component: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLElement>>, {}, "ref">;
|
|
4
|
+
type $$Component = ReturnType<typeof $$Component>;
|
|
5
|
+
export default $$Component;
|
|
@@ -30,18 +30,22 @@
|
|
|
30
30
|
<!-- A cell's link is 20px tall, so on a coarse pointer it grows a 44px hit box here, unless it
|
|
31
31
|
positions itself, like a stretched row link. -->
|
|
32
32
|
<style>
|
|
33
|
-
@
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
33
|
+
@layer theme, base, components, utilities;
|
|
34
|
+
|
|
35
|
+
@layer components {
|
|
36
|
+
@media (any-pointer: coarse) {
|
|
37
|
+
td :global(a[href]:not([class*="absolute"], [class*="fixed"], [class*="sticky"])) {
|
|
38
|
+
position: relative;
|
|
39
|
+
}
|
|
40
|
+
td :global(a[href]:not([class*="absolute"], [class*="fixed"], [class*="sticky"]))::after {
|
|
41
|
+
content: "";
|
|
42
|
+
position: absolute;
|
|
43
|
+
top: 50%;
|
|
44
|
+
left: 50%;
|
|
45
|
+
width: max(100%, 2.75rem);
|
|
46
|
+
height: max(100%, 2.75rem);
|
|
47
|
+
transform: translate(-50%, -50%);
|
|
48
|
+
}
|
|
45
49
|
}
|
|
46
50
|
}
|
|
47
51
|
</style>
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type WithElementRef } from "../../lib/utils.js";
|
|
2
|
+
import type { HTMLTdAttributes } from "svelte/elements";
|
|
3
|
+
type $$ComponentProps = WithElementRef<HTMLTdAttributes> & {
|
|
4
|
+
/** Lets a long user string wrap, so a trailing action cell keeps its place. Off by default: amounts and dates stay on one line. */
|
|
5
|
+
wrap?: boolean;
|
|
6
|
+
};
|
|
7
|
+
declare const $$Component: import("svelte").Component<$$ComponentProps, {}, "ref">;
|
|
8
|
+
type $$Component = ReturnType<typeof $$Component>;
|
|
9
|
+
export default $$Component;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type WithElementRef } from "../../lib/utils.js";
|
|
2
|
+
import type { HTMLAttributes } from "svelte/elements";
|
|
3
|
+
declare const $$Component: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLTableSectionElement>>, {}, "ref">;
|
|
4
|
+
type $$Component = ReturnType<typeof $$Component>;
|
|
5
|
+
export default $$Component;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type WithElementRef } from "../../lib/utils.js";
|
|
2
|
+
import type { HTMLThAttributes } from "svelte/elements";
|
|
3
|
+
declare const $$Component: import("svelte").Component<WithElementRef<HTMLThAttributes>, {}, "ref">;
|
|
4
|
+
type $$Component = ReturnType<typeof $$Component>;
|
|
5
|
+
export default $$Component;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type WithElementRef } from "../../lib/utils.js";
|
|
2
|
+
import type { HTMLAttributes } from "svelte/elements";
|
|
3
|
+
declare const $$Component: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLTableSectionElement>>, {}, "ref">;
|
|
4
|
+
type $$Component = ReturnType<typeof $$Component>;
|
|
5
|
+
export default $$Component;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type WithElementRef } from "../../lib/utils.js";
|
|
2
|
+
import type { HTMLAttributes } from "svelte/elements";
|
|
3
|
+
declare const $$Component: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLTableRowElement>>, {}, "ref">;
|
|
4
|
+
type $$Component = ReturnType<typeof $$Component>;
|
|
5
|
+
export default $$Component;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { HTMLTableAttributes } from "svelte/elements";
|
|
2
|
+
import { type WithElementRef } from "../../lib/utils.js";
|
|
3
|
+
declare const $$Component: import("svelte").Component<WithElementRef<HTMLTableAttributes>, {}, "ref">;
|
|
4
|
+
type $$Component = ReturnType<typeof $$Component>;
|
|
5
|
+
export default $$Component;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Tabs as TabsPrimitive } from "bits-ui";
|
|
2
|
+
type $$ComponentProps = TabsPrimitive.ListProps & {
|
|
3
|
+
/** Same steps as Button: sm 28, default 32, lg 36. */
|
|
4
|
+
size?: "sm" | "default" | "lg";
|
|
5
|
+
};
|
|
6
|
+
declare const $$Component: import("svelte").Component<$$ComponentProps, {}, "ref">;
|
|
7
|
+
type $$Component = ReturnType<typeof $$Component>;
|
|
8
|
+
export default $$Component;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type WithElementRef } from "../../lib/utils.js";
|
|
2
|
+
import type { HTMLTextareaAttributes } from "svelte/elements";
|
|
3
|
+
declare const $$Component: import("svelte").Component<Omit<WithElementRef<HTMLTextareaAttributes>, "children">, {}, "value" | "ref">;
|
|
4
|
+
type $$Component = ReturnType<typeof $$Component>;
|
|
5
|
+
export default $$Component;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { toggleVariants, type ToggleSize, type ToggleVariant, type ToggleVariants } from "./toggle-variants.js";
|
|
2
|
+
export { toggleVariants, type ToggleSize, type ToggleVariant, type ToggleVariants };
|
|
3
|
+
import { Toggle as TogglePrimitive } from "bits-ui";
|
|
4
|
+
type $$ComponentProps = TogglePrimitive.RootProps & {
|
|
5
|
+
variant?: ToggleVariant;
|
|
6
|
+
size?: ToggleSize;
|
|
7
|
+
};
|
|
8
|
+
declare const $$Component: import("svelte").Component<$$ComponentProps, {}, "ref" | "pressed">;
|
|
9
|
+
type $$Component = ReturnType<typeof $$Component>;
|
|
10
|
+
export default $$Component;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { ToggleGroup as ToggleGroupPrimitive } from "bits-ui";
|
|
2
|
+
import { type ToggleVariants } from "../toggle/index.js";
|
|
3
|
+
type $$ComponentProps = ToggleGroupPrimitive.ItemProps & ToggleVariants;
|
|
4
|
+
declare const $$Component: import("svelte").Component<$$ComponentProps, {}, "value" | "ref">;
|
|
5
|
+
type $$Component = ReturnType<typeof $$Component>;
|
|
6
|
+
export default $$Component;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { VariantProps } from "tailwind-variants";
|
|
2
|
+
import { toggleVariants } from "../toggle/index.js";
|
|
3
|
+
type ToggleVariants = VariantProps<typeof toggleVariants>;
|
|
4
|
+
interface ToggleGroupContext extends ToggleVariants {
|
|
5
|
+
spacing?: number;
|
|
6
|
+
}
|
|
7
|
+
export declare function setToggleGroupCtx(props: ToggleGroupContext): void;
|
|
8
|
+
export declare function getToggleGroupCtx(): Required<ToggleGroupContext>;
|
|
9
|
+
import { ToggleGroup as ToggleGroupPrimitive } from "bits-ui";
|
|
10
|
+
type $$ComponentProps = ToggleGroupPrimitive.RootProps & ToggleVariants & {
|
|
11
|
+
spacing?: number;
|
|
12
|
+
};
|
|
13
|
+
declare const $$Component: import("svelte").Component<$$ComponentProps, {}, "value" | "ref">;
|
|
14
|
+
type $$Component = ReturnType<typeof $$Component>;
|
|
15
|
+
export default $$Component;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Tooltip as TooltipPrimitive } from "bits-ui";
|
|
2
|
+
import TooltipPortal from "./tooltip-portal.svelte";
|
|
3
|
+
import type { ComponentProps } from "svelte";
|
|
4
|
+
import type { WithoutChildrenOrChild } from "../../lib/utils.js";
|
|
5
|
+
type $$ComponentProps = TooltipPrimitive.ContentProps & {
|
|
6
|
+
arrowClasses?: string;
|
|
7
|
+
portalProps?: WithoutChildrenOrChild<ComponentProps<typeof TooltipPortal>>;
|
|
8
|
+
};
|
|
9
|
+
declare const $$Component: import("svelte").Component<$$ComponentProps, {}, "ref">;
|
|
10
|
+
type $$Component = ReturnType<typeof $$Component>;
|
|
11
|
+
export default $$Component;
|