@lostgradient/cinder 0.1.1 → 0.2.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/CHANGELOG.md +62 -0
- package/README.md +163 -0
- package/components.json +390 -3
- package/dist/_internal/chart/chart-focus-ring.d.ts +57 -0
- package/dist/_internal/chart/chart-utilities.d.ts +2 -0
- package/dist/_internal/chart/heatmap-utilities.d.ts +60 -0
- package/dist/components/accordion/index.js +14 -1
- package/dist/components/alert/alert.schema.js +3 -3
- package/dist/components/alert/alert.types.d.ts +3 -2
- package/dist/components/alert/index.js +3 -2
- package/dist/components/alert-dialog/index.js +11 -2
- package/dist/components/area-chart/area-chart.css +57 -7
- package/dist/components/area-chart/index.js +283 -40
- package/dist/components/avatar-group/avatar-group.css +2 -3
- package/dist/components/badge/badge.css +17 -0
- package/dist/components/badge/badge.schema.js +6 -1
- package/dist/components/badge/badge.types.d.ts +7 -0
- package/dist/components/badge/index.js +4 -2
- package/dist/components/bar-chart/bar-chart.css +57 -7
- package/dist/components/bar-chart/index.js +233 -45
- package/dist/components/button/button.css +5 -3
- package/dist/components/button/index.js +11 -2
- package/dist/components/capability-gate/capability-gate.css +131 -0
- package/dist/components/capability-gate/capability-gate.schema.d.ts +3 -0
- package/dist/components/capability-gate/capability-gate.schema.js +128 -0
- package/dist/components/capability-gate/capability-gate.svelte.d.ts +19 -0
- package/dist/components/capability-gate/capability-gate.types.d.ts +70 -0
- package/dist/components/capability-gate/capability-gate.variables.d.ts +2 -0
- package/dist/components/capability-gate/capability-gate.variables.js +61 -0
- package/dist/components/capability-gate/index.d.ts +5 -0
- package/dist/components/capability-gate/index.js +285 -0
- package/dist/components/card/card.css +4 -0
- package/dist/components/card/card.schema.js +5 -1
- package/dist/components/card/card.svelte.d.ts +1 -1
- package/dist/components/card/card.types.d.ts +4 -0
- package/dist/components/card/index.d.ts +1 -1
- package/dist/components/card/index.js +8 -4
- package/dist/components/chat/index.css +2 -2
- package/dist/components/chat/index.js +159 -81
- package/dist/components/choice-grid/choice-grid-context.d.ts +23 -0
- package/dist/components/choice-grid/choice-grid.css +27 -0
- package/dist/components/choice-grid/choice-grid.schema.d.ts +3 -0
- package/dist/components/choice-grid/choice-grid.schema.js +121 -0
- package/dist/components/choice-grid/choice-grid.svelte.d.ts +20 -0
- package/dist/components/choice-grid/choice-grid.types.d.ts +122 -0
- package/dist/components/choice-grid/choice-grid.variables.d.ts +2 -0
- package/dist/components/choice-grid/choice-grid.variables.js +61 -0
- package/dist/components/choice-grid/index.d.ts +13 -0
- package/dist/components/choice-grid/index.js +466 -0
- package/dist/components/choice-grid-item/choice-grid-item.css +139 -0
- package/dist/components/choice-grid-item/choice-grid-item.schema.d.ts +3 -0
- package/dist/components/choice-grid-item/choice-grid-item.schema.js +93 -0
- package/dist/components/choice-grid-item/choice-grid-item.svelte.d.ts +17 -0
- package/dist/components/choice-grid-item/choice-grid-item.types.d.ts +24 -0
- package/dist/components/choice-grid-item/choice-grid-item.variables.d.ts +2 -0
- package/dist/components/choice-grid-item/choice-grid-item.variables.js +61 -0
- package/dist/components/choice-grid-item/index.d.ts +5 -0
- package/dist/components/choice-grid-item/index.js +203 -0
- package/dist/components/color-field/color-field.css +6 -9
- package/dist/components/color-picker/color-picker.css +31 -24
- package/dist/components/color-swatch-picker/color-swatch-picker.css +6 -9
- package/dist/components/confirm-dialog/index.js +11 -2
- package/dist/components/context-menu/index.js +114 -43
- package/dist/components/context-menu-trigger/index.js +6 -4
- package/dist/components/data-table/data-table.css +30 -0
- package/dist/components/data-table/data-table.schema.d.ts +3 -0
- package/dist/components/data-table/data-table.schema.js +103 -0
- package/dist/components/data-table/data-table.svelte.d.ts +39 -0
- package/dist/components/data-table/data-table.types.d.ts +86 -0
- package/dist/components/data-table/data-table.variables.d.ts +2 -0
- package/dist/components/data-table/data-table.variables.js +61 -0
- package/dist/components/data-table/index.d.ts +5 -0
- package/dist/components/data-table/index.js +591 -0
- package/dist/components/diff-viewer/index.js +14 -3
- package/dist/components/dropdown/index.js +115 -46
- package/dist/components/dropdown-item/dropdown-item.schema.js +13 -1
- package/dist/components/dropdown-item/dropdown-item.svelte.d.ts +1 -1
- package/dist/components/dropdown-item/dropdown-item.types.d.ts +46 -2
- package/dist/components/dropdown-item/index.d.ts +1 -1
- package/dist/components/dropdown-item/index.js +97 -28
- package/dist/components/floating-action-button/floating-action-button.css +4 -2
- package/dist/components/json-schema-editor/index.js +29 -4
- package/dist/components/keyboard-shortcuts/index.d.ts +5 -0
- package/dist/components/keyboard-shortcuts/index.js +238 -0
- package/dist/components/keyboard-shortcuts/keyboard-shortcuts.css +84 -0
- package/dist/components/keyboard-shortcuts/keyboard-shortcuts.schema.d.ts +3 -0
- package/dist/components/keyboard-shortcuts/keyboard-shortcuts.schema.js +87 -0
- package/dist/components/keyboard-shortcuts/keyboard-shortcuts.svelte.d.ts +17 -0
- package/dist/components/keyboard-shortcuts/keyboard-shortcuts.types.d.ts +42 -0
- package/dist/components/keyboard-shortcuts/keyboard-shortcuts.variables.d.ts +2 -0
- package/dist/components/keyboard-shortcuts/keyboard-shortcuts.variables.js +61 -0
- package/dist/components/line-chart/index.js +283 -40
- package/dist/components/line-chart/line-chart.css +57 -8
- package/dist/components/markdown-editor/index.js +129 -51
- package/dist/components/matrix-chart/index.d.ts +5 -0
- package/dist/components/matrix-chart/index.js +1232 -0
- package/dist/components/matrix-chart/matrix-chart.css +50 -0
- package/dist/components/matrix-chart/matrix-chart.schema.d.ts +3 -0
- package/dist/components/matrix-chart/matrix-chart.schema.js +123 -0
- package/dist/components/matrix-chart/matrix-chart.svelte.d.ts +20 -0
- package/dist/components/matrix-chart/matrix-chart.types.d.ts +52 -0
- package/dist/components/matrix-chart/matrix-chart.variables.d.ts +2 -0
- package/dist/components/matrix-chart/matrix-chart.variables.js +61 -0
- package/dist/components/media-controls/index.d.ts +5 -0
- package/dist/components/media-controls/index.js +338 -0
- package/dist/components/media-controls/media-controls.css +112 -0
- package/dist/components/media-controls/media-controls.schema.d.ts +3 -0
- package/dist/components/media-controls/media-controls.schema.js +125 -0
- package/dist/components/media-controls/media-controls.svelte.d.ts +18 -0
- package/dist/components/media-controls/media-controls.types.d.ts +77 -0
- package/dist/components/media-controls/media-controls.variables.d.ts +2 -0
- package/dist/components/media-controls/media-controls.variables.js +61 -0
- package/dist/components/navigation-bar/navigation-bar.schema.js +5 -5
- package/dist/components/navigation-bar/navigation-bar.types.d.ts +2 -1
- package/dist/components/pricing-card/index.d.ts +5 -0
- package/dist/components/pricing-card/index.js +406 -0
- package/dist/components/pricing-card/pricing-card.css +173 -0
- package/dist/components/pricing-card/pricing-card.schema.d.ts +3 -0
- package/dist/components/pricing-card/pricing-card.schema.js +100 -0
- package/dist/components/pricing-card/pricing-card.svelte.d.ts +18 -0
- package/dist/components/pricing-card/pricing-card.types.d.ts +47 -0
- package/dist/components/pricing-card/pricing-card.variables.d.ts +2 -0
- package/dist/components/pricing-card/pricing-card.variables.js +61 -0
- package/dist/components/review-editor/index.js +212 -132
- package/dist/components/share-card/index.d.ts +5 -0
- package/dist/components/share-card/index.js +446 -0
- package/dist/components/share-card/share-card.css +115 -0
- package/dist/components/share-card/share-card.schema.d.ts +3 -0
- package/dist/components/share-card/share-card.schema.js +113 -0
- package/dist/components/share-card/share-card.svelte.d.ts +18 -0
- package/dist/components/share-card/share-card.types.d.ts +66 -0
- package/dist/components/share-card/share-card.variables.d.ts +2 -0
- package/dist/components/share-card/share-card.variables.js +61 -0
- package/dist/components/shortcut-hint/index.d.ts +5 -0
- package/dist/components/shortcut-hint/index.js +197 -0
- package/dist/components/shortcut-hint/shortcut-hint.css +26 -0
- package/dist/components/shortcut-hint/shortcut-hint.schema.d.ts +3 -0
- package/dist/components/shortcut-hint/shortcut-hint.schema.js +96 -0
- package/dist/components/shortcut-hint/shortcut-hint.svelte.d.ts +17 -0
- package/dist/components/shortcut-hint/shortcut-hint.types.d.ts +33 -0
- package/dist/components/shortcut-hint/shortcut-hint.variables.d.ts +2 -0
- package/dist/components/shortcut-hint/shortcut-hint.variables.js +61 -0
- package/dist/components/skip-link/index.d.ts +4 -0
- package/dist/components/skip-link/index.js +180 -0
- package/dist/components/skip-link/skip-link.schema.d.ts +3 -0
- package/dist/components/skip-link/skip-link.schema.js +76 -0
- package/dist/components/skip-link/skip-link.svelte.d.ts +19 -0
- package/dist/components/skip-link/skip-link.types.d.ts +38 -0
- package/dist/components/skip-link/skip-link.variables.d.ts +2 -0
- package/dist/components/skip-link/skip-link.variables.js +61 -0
- package/dist/components/spectrogram/index.d.ts +5 -0
- package/dist/components/spectrogram/index.js +1156 -0
- package/dist/components/spectrogram/spectrogram.css +43 -0
- package/dist/components/spectrogram/spectrogram.schema.d.ts +3 -0
- package/dist/components/spectrogram/spectrogram.schema.js +103 -0
- package/dist/components/spectrogram/spectrogram.svelte.d.ts +21 -0
- package/dist/components/spectrogram/spectrogram.types.d.ts +60 -0
- package/dist/components/spectrogram/spectrogram.variables.d.ts +2 -0
- package/dist/components/spectrogram/spectrogram.variables.js +61 -0
- package/dist/components/spectrum-chart/index.d.ts +5 -0
- package/dist/components/spectrum-chart/index.js +1056 -0
- package/dist/components/spectrum-chart/spectrum-chart.css +49 -0
- package/dist/components/spectrum-chart/spectrum-chart.schema.d.ts +3 -0
- package/dist/components/spectrum-chart/spectrum-chart.schema.js +97 -0
- package/dist/components/spectrum-chart/spectrum-chart.svelte.d.ts +21 -0
- package/dist/components/spectrum-chart/spectrum-chart.types.d.ts +41 -0
- package/dist/components/spectrum-chart/spectrum-chart.variables.d.ts +2 -0
- package/dist/components/spectrum-chart/spectrum-chart.variables.js +61 -0
- package/dist/components/status-dot/status-dot.css +8 -0
- package/dist/components/status-dot/status-dot.schema.js +3 -3
- package/dist/components/status-dot/status-dot.types.d.ts +5 -2
- package/dist/components/subscription-badge/index.d.ts +5 -0
- package/dist/components/subscription-badge/index.js +383 -0
- package/dist/components/subscription-badge/subscription-badge.css +18 -0
- package/dist/components/subscription-badge/subscription-badge.schema.d.ts +3 -0
- package/dist/components/subscription-badge/subscription-badge.schema.js +77 -0
- package/dist/components/subscription-badge/subscription-badge.svelte.d.ts +19 -0
- package/dist/components/subscription-badge/subscription-badge.types.d.ts +28 -0
- package/dist/components/subscription-badge/subscription-badge.variables.d.ts +2 -0
- package/dist/components/subscription-badge/subscription-badge.variables.js +61 -0
- package/dist/components/tab/index.js +14 -1
- package/dist/components/table/index.js +26 -17
- package/dist/components/table-cell/index.js +18 -9
- package/dist/components/table-cell/table-cell.schema.js +5 -1
- package/dist/components/table-cell/table-cell.types.d.ts +16 -1
- package/dist/components/tabs/index.js +14 -1
- package/dist/components/waveform/index.d.ts +5 -0
- package/dist/components/waveform/index.js +1075 -0
- package/dist/components/waveform/waveform.css +53 -0
- package/dist/components/waveform/waveform.schema.d.ts +3 -0
- package/dist/components/waveform/waveform.schema.js +98 -0
- package/dist/components/waveform/waveform.svelte.d.ts +20 -0
- package/dist/components/waveform/waveform.types.d.ts +42 -0
- package/dist/components/waveform/waveform.variables.d.ts +2 -0
- package/dist/components/waveform/waveform.variables.js +61 -0
- package/dist/index.d.ts +33 -2
- package/dist/index.js +144 -115
- package/dist/server/components/accordion/index.js +14 -1
- package/dist/server/components/alert/alert.schema.js +3 -3
- package/dist/server/components/alert/index.js +3 -2
- package/dist/server/components/alert-dialog/index.js +12 -3
- package/dist/server/components/area-chart/index.css +50 -3
- package/dist/server/components/area-chart/index.js +181 -2
- package/dist/server/components/avatar-group/index.css +1 -1
- package/dist/server/components/badge/badge.schema.js +6 -1
- package/dist/server/components/badge/index.css +4 -0
- package/dist/server/components/badge/index.js +3 -1
- package/dist/server/components/bar-chart/index.css +50 -3
- package/dist/server/components/bar-chart/index.js +166 -2
- package/dist/server/components/button/index.css +1 -1
- package/dist/server/components/button/index.js +12 -3
- package/dist/server/components/capability-gate/capability-gate.schema.js +110 -0
- package/dist/server/components/capability-gate/capability-gate.variables.js +43 -0
- package/dist/server/components/capability-gate/index.css +121 -0
- package/dist/server/components/capability-gate/index.js +168 -0
- package/dist/server/components/card/card.schema.js +5 -1
- package/dist/server/components/card/index.css +9 -1
- package/dist/server/components/card/index.js +3 -2
- package/dist/server/components/chat/index.css +2 -2
- package/dist/server/components/chat/index.js +78 -19
- package/dist/server/components/choice-grid/choice-grid.schema.js +103 -0
- package/dist/server/components/choice-grid/choice-grid.variables.js +43 -0
- package/dist/server/components/choice-grid/index.css +103 -0
- package/dist/server/components/choice-grid/index.js +383 -0
- package/dist/server/components/choice-grid-item/choice-grid-item.schema.js +75 -0
- package/dist/server/components/choice-grid-item/choice-grid-item.variables.js +43 -0
- package/dist/server/components/choice-grid-item/index.css +86 -0
- package/dist/server/components/choice-grid-item/index.js +139 -0
- package/dist/server/components/color-field/index.css +2 -4
- package/dist/server/components/color-picker/index.css +14 -10
- package/dist/server/components/color-swatch-picker/index.css +2 -4
- package/dist/server/components/confirm-dialog/index.js +12 -3
- package/dist/server/components/context-menu/index.js +72 -20
- package/dist/server/components/context-menu-trigger/index.js +6 -4
- package/dist/server/components/data-table/data-table.schema.js +85 -0
- package/dist/server/components/data-table/data-table.variables.js +43 -0
- package/dist/server/components/data-table/index.css +182 -0
- package/dist/server/components/data-table/index.js +469 -0
- package/dist/server/components/diff-viewer/index.js +14 -3
- package/dist/server/components/dropdown/index.js +67 -17
- package/dist/server/components/dropdown-item/dropdown-item.schema.js +13 -1
- package/dist/server/components/dropdown-item/index.js +67 -17
- package/dist/server/components/floating-action-button/index.css +1 -1
- package/dist/server/components/json-schema-editor/index.js +29 -4
- package/dist/server/components/keyboard-shortcuts/index.css +86 -0
- package/dist/server/components/keyboard-shortcuts/index.js +149 -0
- package/dist/server/components/keyboard-shortcuts/keyboard-shortcuts.schema.js +69 -0
- package/dist/server/components/keyboard-shortcuts/keyboard-shortcuts.variables.js +43 -0
- package/dist/server/components/line-chart/index.css +50 -3
- package/dist/server/components/line-chart/index.js +181 -2
- package/dist/server/components/markdown-editor/index.js +78 -19
- package/dist/server/components/matrix-chart/index.css +52 -0
- package/dist/server/components/matrix-chart/index.js +1026 -0
- package/dist/server/components/matrix-chart/matrix-chart.schema.js +105 -0
- package/dist/server/components/matrix-chart/matrix-chart.variables.js +43 -0
- package/dist/server/components/media-controls/index.css +109 -0
- package/dist/server/components/media-controls/index.js +192 -0
- package/dist/server/components/media-controls/media-controls.schema.js +107 -0
- package/dist/server/components/media-controls/media-controls.variables.js +43 -0
- package/dist/server/components/navigation-bar/navigation-bar.schema.js +5 -5
- package/dist/server/components/pricing-card/index.css +131 -0
- package/dist/server/components/pricing-card/index.js +258 -0
- package/dist/server/components/pricing-card/pricing-card.schema.js +82 -0
- package/dist/server/components/pricing-card/pricing-card.variables.js +43 -0
- package/dist/server/components/review-editor/index.css +2 -2
- package/dist/server/components/review-editor/index.js +80 -19
- package/dist/server/components/share-card/index.css +113 -0
- package/dist/server/components/share-card/index.js +270 -0
- package/dist/server/components/share-card/share-card.schema.js +95 -0
- package/dist/server/components/share-card/share-card.variables.js +43 -0
- package/dist/server/components/shortcut-hint/index.css +28 -0
- package/dist/server/components/shortcut-hint/index.js +134 -0
- package/dist/server/components/shortcut-hint/shortcut-hint.schema.js +78 -0
- package/dist/server/components/shortcut-hint/shortcut-hint.variables.js +43 -0
- package/dist/server/components/skip-link/index.js +141 -0
- package/dist/server/components/skip-link/skip-link.schema.js +58 -0
- package/dist/server/components/skip-link/skip-link.variables.js +43 -0
- package/dist/server/components/spectrogram/index.css +45 -0
- package/dist/server/components/spectrogram/index.js +970 -0
- package/dist/server/components/spectrogram/spectrogram.schema.js +85 -0
- package/dist/server/components/spectrogram/spectrogram.variables.js +43 -0
- package/dist/server/components/spectrum-chart/index.css +51 -0
- package/dist/server/components/spectrum-chart/index.js +871 -0
- package/dist/server/components/spectrum-chart/spectrum-chart.schema.js +79 -0
- package/dist/server/components/spectrum-chart/spectrum-chart.variables.js +43 -0
- package/dist/server/components/status-dot/index.css +8 -0
- package/dist/server/components/status-dot/status-dot.schema.js +3 -3
- package/dist/server/components/subscription-badge/index.css +2 -0
- package/dist/server/components/subscription-badge/index.js +339 -0
- package/dist/server/components/subscription-badge/subscription-badge.schema.js +59 -0
- package/dist/server/components/subscription-badge/subscription-badge.variables.js +43 -0
- package/dist/server/components/tab/index.js +14 -1
- package/dist/server/components/table/index.js +13 -8
- package/dist/server/components/table-cell/index.js +13 -8
- package/dist/server/components/table-cell/table-cell.schema.js +5 -1
- package/dist/server/components/tabs/index.js +14 -1
- package/dist/server/components/waveform/index.css +55 -0
- package/dist/server/components/waveform/index.js +907 -0
- package/dist/server/components/waveform/waveform.schema.js +80 -0
- package/dist/server/components/waveform/waveform.variables.js +43 -0
- package/dist/server/index.css +1137 -55
- package/dist/server/index.js +4225 -1750
- package/package.json +380 -2
- package/src/_internal/chart/chart-focus-ring.ts +209 -0
- package/src/_internal/chart/chart-utilities.ts +4 -0
- package/src/_internal/chart/heatmap-utilities.ts +159 -0
- package/src/components/accordion/accordion.examples.json +1 -0
- package/src/components/alert/README.md +5 -5
- package/src/components/alert/alert.schema.json +2 -2
- package/src/components/alert/alert.schema.ts +3 -2
- package/src/components/alert/alert.svelte +5 -1
- package/src/components/alert/alert.types.ts +3 -2
- package/src/components/area-chart/README.md +62 -0
- package/src/components/area-chart/area-chart.css +57 -7
- package/src/components/area-chart/area-chart.svelte +128 -10
- package/src/components/avatar-group/avatar-group.css +2 -3
- package/src/components/avatar-group/avatar-group.examples.json +1 -0
- package/src/components/backdrop/README.md +56 -0
- package/src/components/badge/README.md +6 -5
- package/src/components/badge/badge.css +17 -0
- package/src/components/badge/badge.schema.json +5 -0
- package/src/components/badge/badge.schema.ts +6 -0
- package/src/components/badge/badge.svelte +2 -0
- package/src/components/badge/badge.types.ts +7 -0
- package/src/components/bar-chart/README.md +65 -0
- package/src/components/bar-chart/bar-chart.css +57 -7
- package/src/components/bar-chart/bar-chart.svelte +94 -13
- package/src/components/button/button.css +5 -3
- package/src/components/button/button.examples.json +1 -0
- package/src/components/button/button.svelte +15 -0
- package/src/components/capability-gate/README.md +60 -0
- package/src/components/capability-gate/capability-gate.css +131 -0
- package/src/components/capability-gate/capability-gate.examples.json +19 -0
- package/src/components/capability-gate/capability-gate.schema.json +68 -0
- package/src/components/capability-gate/capability-gate.schema.ts +72 -0
- package/src/components/capability-gate/capability-gate.svelte +186 -0
- package/src/components/capability-gate/capability-gate.types.ts +83 -0
- package/src/components/capability-gate/capability-gate.variables.json +1 -0
- package/src/components/capability-gate/capability-gate.variables.ts +3 -0
- package/src/components/capability-gate/index.ts +10 -0
- package/src/components/card/README.md +1 -0
- package/src/components/card/card.css +4 -0
- package/src/components/card/card.examples.json +6 -0
- package/src/components/card/card.schema.json +4 -0
- package/src/components/card/card.schema.ts +5 -0
- package/src/components/card/card.svelte +9 -2
- package/src/components/card/card.types.ts +4 -0
- package/src/components/card/index.ts +1 -1
- package/src/components/chat/README.md +81 -0
- package/src/components/chat/container/chat-jump-controls.svelte +12 -9
- package/src/components/chat/input/chat-input.svelte +7 -8
- package/src/components/chat/message/chat-message.svelte +15 -20
- package/src/components/chat/message/tool-call-group.svelte +10 -4
- package/src/components/choice-grid/README.md +66 -0
- package/src/components/choice-grid/choice-grid-context.ts +30 -0
- package/src/components/choice-grid/choice-grid.css +27 -0
- package/src/components/choice-grid/choice-grid.examples.json +31 -0
- package/src/components/choice-grid/choice-grid.schema.json +61 -0
- package/src/components/choice-grid/choice-grid.schema.ts +70 -0
- package/src/components/choice-grid/choice-grid.svelte +272 -0
- package/src/components/choice-grid/choice-grid.types.ts +152 -0
- package/src/components/choice-grid/choice-grid.variables.json +1 -0
- package/src/components/choice-grid/choice-grid.variables.ts +3 -0
- package/src/components/choice-grid/index.ts +22 -0
- package/src/components/choice-grid-item/README.md +41 -0
- package/src/components/choice-grid-item/choice-grid-item.css +139 -0
- package/src/components/choice-grid-item/choice-grid-item.schema.json +32 -0
- package/src/components/choice-grid-item/choice-grid-item.schema.ts +38 -0
- package/src/components/choice-grid-item/choice-grid-item.svelte +139 -0
- package/src/components/choice-grid-item/choice-grid-item.types.ts +30 -0
- package/src/components/choice-grid-item/choice-grid-item.variables.json +1 -0
- package/src/components/choice-grid-item/choice-grid-item.variables.ts +3 -0
- package/src/components/choice-grid-item/index.ts +6 -0
- package/src/components/click-away-listener/README.md +50 -0
- package/src/components/color-field/color-field.css +6 -9
- package/src/components/color-picker/color-picker.css +31 -24
- package/src/components/color-swatch-picker/color-swatch-picker.css +6 -9
- package/src/components/command-menu/README.md +61 -0
- package/src/components/confirm-dialog/confirm-dialog.examples.json +6 -0
- package/src/components/context-menu/README.md +55 -0
- package/src/components/context-menu-trigger/README.md +50 -0
- package/src/components/context-menu-trigger/context-menu-trigger.svelte +5 -3
- package/src/components/data-table/README.md +67 -0
- package/src/components/data-table/data-table.css +30 -0
- package/src/components/data-table/data-table.examples.json +19 -0
- package/src/components/data-table/data-table.schema.json +43 -0
- package/src/components/data-table/data-table.schema.ts +50 -0
- package/src/components/data-table/data-table.svelte +106 -0
- package/src/components/data-table/data-table.types.ts +89 -0
- package/src/components/data-table/data-table.variables.json +1 -0
- package/src/components/data-table/data-table.variables.ts +3 -0
- package/src/components/data-table/index.ts +6 -0
- package/src/components/diff-viewer/README.md +59 -0
- package/src/components/diff-viewer/front-matter-header.svelte +20 -4
- package/src/components/dropdown-group/README.md +52 -0
- package/src/components/dropdown-item/README.md +10 -7
- package/src/components/dropdown-item/dropdown-item.schema.json +12 -0
- package/src/components/dropdown-item/dropdown-item.schema.ts +14 -0
- package/src/components/dropdown-item/dropdown-item.svelte +108 -25
- package/src/components/dropdown-item/dropdown-item.types.ts +58 -2
- package/src/components/dropdown-item/index.ts +6 -1
- package/src/components/floating-action-button/README.md +53 -0
- package/src/components/floating-action-button/floating-action-button.css +4 -2
- package/src/components/form-section/form-section.examples.json +6 -0
- package/src/components/hover-card/README.md +60 -0
- package/src/components/json-schema-editor/README.md +59 -0
- package/src/components/kanban-board/README.md +62 -0
- package/src/components/keyboard-shortcuts/README.md +51 -0
- package/src/components/keyboard-shortcuts/index.ts +10 -0
- package/src/components/keyboard-shortcuts/keyboard-shortcuts.css +84 -0
- package/src/components/keyboard-shortcuts/keyboard-shortcuts.examples.json +13 -0
- package/src/components/keyboard-shortcuts/keyboard-shortcuts.schema.json +27 -0
- package/src/components/keyboard-shortcuts/keyboard-shortcuts.schema.ts +31 -0
- package/src/components/keyboard-shortcuts/keyboard-shortcuts.svelte +91 -0
- package/src/components/keyboard-shortcuts/keyboard-shortcuts.types.ts +46 -0
- package/src/components/keyboard-shortcuts/keyboard-shortcuts.variables.json +1 -0
- package/src/components/keyboard-shortcuts/keyboard-shortcuts.variables.ts +3 -0
- package/src/components/line-chart/README.md +61 -0
- package/src/components/line-chart/line-chart.css +57 -8
- package/src/components/line-chart/line-chart.svelte +128 -10
- package/src/components/link/README.md +55 -0
- package/src/components/markdown-editor/README.md +70 -0
- package/src/components/markdown-editor/editor-toolbar/toolbar-button.svelte +9 -4
- package/src/components/markdown-editor/editor-toolbar/toolbar-dropdown.svelte +9 -4
- package/src/components/markdown-editor/prosemirror.css +4 -2
- package/src/components/matrix-chart/README.md +61 -0
- package/src/components/matrix-chart/index.ts +10 -0
- package/src/components/matrix-chart/matrix-chart.css +50 -0
- package/src/components/matrix-chart/matrix-chart.examples.json +19 -0
- package/src/components/matrix-chart/matrix-chart.schema.json +63 -0
- package/src/components/matrix-chart/matrix-chart.schema.ts +67 -0
- package/src/components/matrix-chart/matrix-chart.svelte +336 -0
- package/src/components/matrix-chart/matrix-chart.types.ts +56 -0
- package/src/components/matrix-chart/matrix-chart.variables.json +1 -0
- package/src/components/matrix-chart/matrix-chart.variables.ts +3 -0
- package/src/components/media-controls/README.md +60 -0
- package/src/components/media-controls/index.ts +6 -0
- package/src/components/media-controls/media-controls.css +112 -0
- package/src/components/media-controls/media-controls.examples.json +19 -0
- package/src/components/media-controls/media-controls.schema.json +65 -0
- package/src/components/media-controls/media-controls.schema.ts +69 -0
- package/src/components/media-controls/media-controls.svelte +238 -0
- package/src/components/media-controls/media-controls.types.ts +80 -0
- package/src/components/media-controls/media-controls.variables.json +1 -0
- package/src/components/media-controls/media-controls.variables.ts +3 -0
- package/src/components/menu-bar/README.md +53 -0
- package/src/components/navigation-bar/README.md +1 -1
- package/src/components/navigation-bar/navigation-bar.schema.json +4 -4
- package/src/components/navigation-bar/navigation-bar.schema.ts +4 -4
- package/src/components/navigation-bar/navigation-bar.types.ts +2 -1
- package/src/components/pricing-card/README.md +55 -0
- package/src/components/pricing-card/index.ts +6 -0
- package/src/components/pricing-card/pricing-card.css +173 -0
- package/src/components/pricing-card/pricing-card.examples.json +19 -0
- package/src/components/pricing-card/pricing-card.schema.json +40 -0
- package/src/components/pricing-card/pricing-card.schema.ts +44 -0
- package/src/components/pricing-card/pricing-card.svelte +70 -0
- package/src/components/pricing-card/pricing-card.types.ts +49 -0
- package/src/components/pricing-card/pricing-card.variables.json +1 -0
- package/src/components/pricing-card/pricing-card.variables.ts +3 -0
- package/src/components/review-editor/README.md +64 -0
- package/src/components/review-editor/comment-composer.svelte +8 -8
- package/src/components/review-editor/comment-list.svelte +10 -1
- package/src/components/search-field/search-field.examples.json +13 -0
- package/src/components/segment/README.md +55 -0
- package/src/components/share-card/README.md +58 -0
- package/src/components/share-card/index.ts +6 -0
- package/src/components/share-card/share-card.css +115 -0
- package/src/components/share-card/share-card.examples.json +19 -0
- package/src/components/share-card/share-card.schema.json +53 -0
- package/src/components/share-card/share-card.schema.ts +57 -0
- package/src/components/share-card/share-card.svelte +330 -0
- package/src/components/share-card/share-card.types.ts +69 -0
- package/src/components/share-card/share-card.variables.json +1 -0
- package/src/components/share-card/share-card.variables.ts +3 -0
- package/src/components/shortcut-hint/README.md +52 -0
- package/src/components/shortcut-hint/index.ts +6 -0
- package/src/components/shortcut-hint/shortcut-hint.css +26 -0
- package/src/components/shortcut-hint/shortcut-hint.examples.json +13 -0
- package/src/components/shortcut-hint/shortcut-hint.schema.json +36 -0
- package/src/components/shortcut-hint/shortcut-hint.schema.ts +40 -0
- package/src/components/shortcut-hint/shortcut-hint.svelte +62 -0
- package/src/components/shortcut-hint/shortcut-hint.types.ts +35 -0
- package/src/components/shortcut-hint/shortcut-hint.variables.json +1 -0
- package/src/components/shortcut-hint/shortcut-hint.variables.ts +3 -0
- package/src/components/side-navigation/side-navigation.examples.json +6 -0
- package/src/components/skip-link/README.md +50 -0
- package/src/components/skip-link/index.ts +5 -0
- package/src/components/skip-link/skip-link.examples.json +13 -0
- package/src/components/skip-link/skip-link.schema.json +16 -0
- package/src/components/skip-link/skip-link.schema.ts +20 -0
- package/src/components/skip-link/skip-link.svelte +86 -0
- package/src/components/skip-link/skip-link.types.ts +40 -0
- package/src/components/skip-link/skip-link.variables.json +1 -0
- package/src/components/skip-link/skip-link.variables.ts +3 -0
- package/src/components/spectrogram/README.md +58 -0
- package/src/components/spectrogram/index.ts +10 -0
- package/src/components/spectrogram/spectrogram.css +43 -0
- package/src/components/spectrogram/spectrogram.examples.json +13 -0
- package/src/components/spectrogram/spectrogram.schema.json +43 -0
- package/src/components/spectrogram/spectrogram.schema.ts +47 -0
- package/src/components/spectrogram/spectrogram.svelte +284 -0
- package/src/components/spectrogram/spectrogram.types.ts +63 -0
- package/src/components/spectrogram/spectrogram.variables.json +1 -0
- package/src/components/spectrogram/spectrogram.variables.ts +3 -0
- package/src/components/spectrum-chart/README.md +57 -0
- package/src/components/spectrum-chart/index.ts +10 -0
- package/src/components/spectrum-chart/spectrum-chart.css +49 -0
- package/src/components/spectrum-chart/spectrum-chart.examples.json +13 -0
- package/src/components/spectrum-chart/spectrum-chart.schema.json +37 -0
- package/src/components/spectrum-chart/spectrum-chart.schema.ts +41 -0
- package/src/components/spectrum-chart/spectrum-chart.svelte +247 -0
- package/src/components/spectrum-chart/spectrum-chart.types.ts +44 -0
- package/src/components/spectrum-chart/spectrum-chart.variables.json +1 -0
- package/src/components/spectrum-chart/spectrum-chart.variables.ts +3 -0
- package/src/components/status-dot/README.md +7 -7
- package/src/components/status-dot/status-dot.css +8 -0
- package/src/components/status-dot/status-dot.schema.json +2 -2
- package/src/components/status-dot/status-dot.schema.ts +3 -2
- package/src/components/status-dot/status-dot.types.ts +13 -2
- package/src/components/subscription-badge/README.md +50 -0
- package/src/components/subscription-badge/index.ts +6 -0
- package/src/components/subscription-badge/subscription-badge.css +18 -0
- package/src/components/subscription-badge/subscription-badge.examples.json +19 -0
- package/src/components/subscription-badge/subscription-badge.schema.json +16 -0
- package/src/components/subscription-badge/subscription-badge.schema.ts +21 -0
- package/src/components/subscription-badge/subscription-badge.svelte +69 -0
- package/src/components/subscription-badge/subscription-badge.types.ts +37 -0
- package/src/components/subscription-badge/subscription-badge.variables.json +1 -0
- package/src/components/subscription-badge/subscription-badge.variables.ts +3 -0
- package/src/components/table-cell/README.md +6 -5
- package/src/components/table-cell/table-cell.schema.json +4 -0
- package/src/components/table-cell/table-cell.schema.ts +5 -0
- package/src/components/table-cell/table-cell.svelte +9 -3
- package/src/components/table-cell/table-cell.types.ts +16 -1
- package/src/components/tag-input/README.md +75 -0
- package/src/components/typography/README.md +51 -0
- package/src/components/waveform/README.md +57 -0
- package/src/components/waveform/index.ts +6 -0
- package/src/components/waveform/waveform.css +53 -0
- package/src/components/waveform/waveform.examples.json +19 -0
- package/src/components/waveform/waveform.schema.json +38 -0
- package/src/components/waveform/waveform.schema.ts +42 -0
- package/src/components/waveform/waveform.svelte +286 -0
- package/src/components/waveform/waveform.types.ts +45 -0
- package/src/components/waveform/waveform.variables.json +1 -0
- package/src/components/waveform/waveform.variables.ts +3 -0
- package/src/index.ts +85 -2
- package/src/styles/components.css +13 -0
- package/src/styles/shell.css +3 -0
- package/src/styles/tokens-base.css +59 -22
package/components.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"manifestVersion": 1,
|
|
4
4
|
"package": {
|
|
5
5
|
"name": "@lostgradient/cinder",
|
|
6
|
-
"version": "0.
|
|
6
|
+
"version": "0.2.0",
|
|
7
7
|
"framework": "svelte",
|
|
8
8
|
"frameworkVersionRange": ">=5.55.0 <6",
|
|
9
9
|
"classPrefix": "cinder-",
|
|
@@ -500,6 +500,32 @@
|
|
|
500
500
|
"variables": "@lostgradient/cinder/callout/variables"
|
|
501
501
|
}
|
|
502
502
|
},
|
|
503
|
+
{
|
|
504
|
+
"name": "CapabilityGate",
|
|
505
|
+
"id": "capability-gate",
|
|
506
|
+
"import": "@lostgradient/cinder/capability-gate",
|
|
507
|
+
"exportName": "CapabilityGate",
|
|
508
|
+
"category": "feedback",
|
|
509
|
+
"status": "alpha",
|
|
510
|
+
"purpose": "Present feature availability and next action for browser permission or support states, with accessible status text and focus management.",
|
|
511
|
+
"tags": ["feedback", "permission", "notice"],
|
|
512
|
+
"useWhen": [
|
|
513
|
+
"Surfacing that a feature requires a browser permission such as microphone or notifications.",
|
|
514
|
+
"Communicating that a feature is unsupported in the current browser with a clear fallback path."
|
|
515
|
+
],
|
|
516
|
+
"avoidWhen": [
|
|
517
|
+
"Performing the actual feature detection or permission request — wire that in userland.",
|
|
518
|
+
"Storing permission state — CapabilityGate is a pure presentation component."
|
|
519
|
+
],
|
|
520
|
+
"related": ["alert", "banner", "callout", "modal"],
|
|
521
|
+
"hasConstraints": false,
|
|
522
|
+
"hasExamples": true,
|
|
523
|
+
"artifacts": {
|
|
524
|
+
"schema": "@lostgradient/cinder/capability-gate/schema",
|
|
525
|
+
"variables": "@lostgradient/cinder/capability-gate/variables",
|
|
526
|
+
"examples": "@lostgradient/cinder/capability-gate/examples"
|
|
527
|
+
}
|
|
528
|
+
},
|
|
503
529
|
{
|
|
504
530
|
"name": "Card",
|
|
505
531
|
"id": "card",
|
|
@@ -626,6 +652,51 @@
|
|
|
626
652
|
"examples": "@lostgradient/cinder/chip/examples"
|
|
627
653
|
}
|
|
628
654
|
},
|
|
655
|
+
{
|
|
656
|
+
"name": "ChoiceGrid",
|
|
657
|
+
"id": "choice-grid",
|
|
658
|
+
"import": "@lostgradient/cinder/choice-grid",
|
|
659
|
+
"exportName": "ChoiceGrid",
|
|
660
|
+
"category": "form",
|
|
661
|
+
"status": "alpha",
|
|
662
|
+
"purpose": "Responsive grid of large selectable choices with roving keyboard focus, selection state, and optional correct/incorrect/pending feedback for quiz and assessment surfaces.",
|
|
663
|
+
"tags": ["form", "selection", "quiz", "assessment"],
|
|
664
|
+
"useWhen": [
|
|
665
|
+
"Presenting a small fixed set of large selectable answers where all options should stay visible (quiz or assessment surfaces).",
|
|
666
|
+
"Building a touch-friendly selector grid with stable cell dimensions that must not shift when feedback states are applied."
|
|
667
|
+
],
|
|
668
|
+
"avoidWhen": [
|
|
669
|
+
"Selecting from a long dynamic list — use combobox or select instead.",
|
|
670
|
+
"Choosing one of two to five short values in a compact inline context — use segmented-control instead."
|
|
671
|
+
],
|
|
672
|
+
"related": ["choice-grid-item", "segmented-control", "radio-group", "checkbox-group"],
|
|
673
|
+
"hasConstraints": false,
|
|
674
|
+
"hasExamples": true,
|
|
675
|
+
"artifacts": {
|
|
676
|
+
"schema": "@lostgradient/cinder/choice-grid/schema",
|
|
677
|
+
"variables": "@lostgradient/cinder/choice-grid/variables",
|
|
678
|
+
"examples": "@lostgradient/cinder/choice-grid/examples"
|
|
679
|
+
}
|
|
680
|
+
},
|
|
681
|
+
{
|
|
682
|
+
"name": "ChoiceGridItem",
|
|
683
|
+
"id": "choice-grid-item",
|
|
684
|
+
"import": "@lostgradient/cinder/choice-grid-item",
|
|
685
|
+
"exportName": "ChoiceGridItem",
|
|
686
|
+
"category": "form",
|
|
687
|
+
"status": "alpha",
|
|
688
|
+
"purpose": "Selectable answer tile used inside a ChoiceGrid; carries selected, disabled, correct, incorrect, and pending states without shifting cell dimensions.",
|
|
689
|
+
"tags": ["form", "selection", "quiz"],
|
|
690
|
+
"useWhen": ["Composing individual answer choices inside a ChoiceGrid parent."],
|
|
691
|
+
"avoidWhen": ["Used outside a ChoiceGrid — this leaf requires the parent context."],
|
|
692
|
+
"related": ["choice-grid"],
|
|
693
|
+
"hasConstraints": false,
|
|
694
|
+
"hasExamples": false,
|
|
695
|
+
"artifacts": {
|
|
696
|
+
"schema": "@lostgradient/cinder/choice-grid-item/schema",
|
|
697
|
+
"variables": "@lostgradient/cinder/choice-grid-item/variables"
|
|
698
|
+
}
|
|
699
|
+
},
|
|
629
700
|
{
|
|
630
701
|
"name": "ClickAwayListener",
|
|
631
702
|
"id": "click-away-listener",
|
|
@@ -1056,6 +1127,39 @@
|
|
|
1056
1127
|
"examples": "@lostgradient/cinder/data-list/examples"
|
|
1057
1128
|
}
|
|
1058
1129
|
},
|
|
1130
|
+
{
|
|
1131
|
+
"name": "DataTable",
|
|
1132
|
+
"id": "data-table",
|
|
1133
|
+
"import": "@lostgradient/cinder/data-table",
|
|
1134
|
+
"exportName": "DataTable",
|
|
1135
|
+
"category": "data-display",
|
|
1136
|
+
"status": "alpha",
|
|
1137
|
+
"purpose": "Data-driven convenience wrapper over the compositional Table family that renders a full semantic table from a columns array and a rows array.",
|
|
1138
|
+
"tags": ["table", "data"],
|
|
1139
|
+
"useWhen": [
|
|
1140
|
+
"Rendering a structured dataset where columns and rows are known at runtime (e.g. API responses, config-driven dashboards).",
|
|
1141
|
+
"You want correct scope=col / scope=row semantics and aria-sort wiring without writing Table.Header / Table.Body manually."
|
|
1142
|
+
],
|
|
1143
|
+
"avoidWhen": [
|
|
1144
|
+
"You need custom cell rendering, interactive cells, nested components, or column spanning — use the compositional Table family directly.",
|
|
1145
|
+
"You need row selection — DataTable does not expose a selection prop; use Table with selectable instead."
|
|
1146
|
+
],
|
|
1147
|
+
"related": [
|
|
1148
|
+
"table",
|
|
1149
|
+
"table-header",
|
|
1150
|
+
"table-body",
|
|
1151
|
+
"table-row",
|
|
1152
|
+
"table-cell",
|
|
1153
|
+
"table-header-cell"
|
|
1154
|
+
],
|
|
1155
|
+
"hasConstraints": false,
|
|
1156
|
+
"hasExamples": true,
|
|
1157
|
+
"artifacts": {
|
|
1158
|
+
"schema": "@lostgradient/cinder/data-table/schema",
|
|
1159
|
+
"variables": "@lostgradient/cinder/data-table/variables",
|
|
1160
|
+
"examples": "@lostgradient/cinder/data-table/examples"
|
|
1161
|
+
}
|
|
1162
|
+
},
|
|
1059
1163
|
{
|
|
1060
1164
|
"name": "DescriptionList",
|
|
1061
1165
|
"id": "description-list",
|
|
@@ -1790,6 +1894,29 @@
|
|
|
1790
1894
|
"examples": "@lostgradient/cinder/kbd/examples"
|
|
1791
1895
|
}
|
|
1792
1896
|
},
|
|
1897
|
+
{
|
|
1898
|
+
"name": "KeyboardShortcuts",
|
|
1899
|
+
"id": "keyboard-shortcuts",
|
|
1900
|
+
"import": "@lostgradient/cinder/keyboard-shortcuts",
|
|
1901
|
+
"exportName": "KeyboardShortcuts",
|
|
1902
|
+
"category": "typography",
|
|
1903
|
+
"status": "alpha",
|
|
1904
|
+
"purpose": "Grouped keyboard-shortcut reference that renders key combos via Kbd with accessible labels not reliant only on visual keycaps.",
|
|
1905
|
+
"tags": ["shortcut", "keyboard"],
|
|
1906
|
+
"useWhen": [
|
|
1907
|
+
"Displaying a reference panel of keyboard shortcuts grouped by feature area.",
|
|
1908
|
+
"Embedding a shortcut table inside a modal, sheet, popover, or help page."
|
|
1909
|
+
],
|
|
1910
|
+
"avoidWhen": ["Showing a single inline shortcut hint — use shortcut-hint instead."],
|
|
1911
|
+
"related": ["kbd", "shortcut-hint", "modal", "sheet", "popover"],
|
|
1912
|
+
"hasConstraints": false,
|
|
1913
|
+
"hasExamples": true,
|
|
1914
|
+
"artifacts": {
|
|
1915
|
+
"schema": "@lostgradient/cinder/keyboard-shortcuts/schema",
|
|
1916
|
+
"variables": "@lostgradient/cinder/keyboard-shortcuts/variables",
|
|
1917
|
+
"examples": "@lostgradient/cinder/keyboard-shortcuts/examples"
|
|
1918
|
+
}
|
|
1919
|
+
},
|
|
1793
1920
|
{
|
|
1794
1921
|
"name": "Label",
|
|
1795
1922
|
"id": "label",
|
|
@@ -1910,6 +2037,58 @@
|
|
|
1910
2037
|
"examples": "@lostgradient/cinder/markdown-editor/examples"
|
|
1911
2038
|
}
|
|
1912
2039
|
},
|
|
2040
|
+
{
|
|
2041
|
+
"name": "MatrixChart",
|
|
2042
|
+
"id": "matrix-chart",
|
|
2043
|
+
"import": "@lostgradient/cinder/matrix-chart",
|
|
2044
|
+
"exportName": "MatrixChart",
|
|
2045
|
+
"category": "data-display",
|
|
2046
|
+
"status": "alpha",
|
|
2047
|
+
"purpose": "Categorical × categorical heatmap for dense analytics, confusion matrices, and correlation grids.",
|
|
2048
|
+
"tags": ["chart", "heatmap", "matrix", "analytics"],
|
|
2049
|
+
"useWhen": [
|
|
2050
|
+
"Showing density or magnitude across two categorical dimensions simultaneously.",
|
|
2051
|
+
"Rendering a confusion matrix where rows are actual classes and columns are predicted classes."
|
|
2052
|
+
],
|
|
2053
|
+
"avoidWhen": [
|
|
2054
|
+
"Showing a continuous trend over time — use line-chart instead.",
|
|
2055
|
+
"Comparing discrete category totals — use bar-chart instead."
|
|
2056
|
+
],
|
|
2057
|
+
"related": ["bar-chart", "line-chart", "area-chart"],
|
|
2058
|
+
"hasConstraints": false,
|
|
2059
|
+
"hasExamples": true,
|
|
2060
|
+
"artifacts": {
|
|
2061
|
+
"schema": "@lostgradient/cinder/matrix-chart/schema",
|
|
2062
|
+
"variables": "@lostgradient/cinder/matrix-chart/variables",
|
|
2063
|
+
"examples": "@lostgradient/cinder/matrix-chart/examples"
|
|
2064
|
+
}
|
|
2065
|
+
},
|
|
2066
|
+
{
|
|
2067
|
+
"name": "MediaControls",
|
|
2068
|
+
"id": "media-controls",
|
|
2069
|
+
"import": "@lostgradient/cinder/media-controls",
|
|
2070
|
+
"exportName": "MediaControls",
|
|
2071
|
+
"category": "action",
|
|
2072
|
+
"status": "alpha",
|
|
2073
|
+
"purpose": "Accessible playback controls for play, pause, and replay actions with optional progress display.",
|
|
2074
|
+
"tags": ["action", "media"],
|
|
2075
|
+
"useWhen": [
|
|
2076
|
+
"Embedding play/pause/replay controls for audio or video content.",
|
|
2077
|
+
"Rendering media controls inside a toolbar or standalone on a card."
|
|
2078
|
+
],
|
|
2079
|
+
"avoidWhen": [
|
|
2080
|
+
"You need waveform visualization or Web Audio integration — wire that separately.",
|
|
2081
|
+
"You need a full media player UI with seek scrubbing — use a dedicated player component."
|
|
2082
|
+
],
|
|
2083
|
+
"related": ["button", "toolbar", "progress", "tooltip"],
|
|
2084
|
+
"hasConstraints": false,
|
|
2085
|
+
"hasExamples": true,
|
|
2086
|
+
"artifacts": {
|
|
2087
|
+
"schema": "@lostgradient/cinder/media-controls/schema",
|
|
2088
|
+
"variables": "@lostgradient/cinder/media-controls/variables",
|
|
2089
|
+
"examples": "@lostgradient/cinder/media-controls/examples"
|
|
2090
|
+
}
|
|
2091
|
+
},
|
|
1913
2092
|
{
|
|
1914
2093
|
"name": "MenuBar",
|
|
1915
2094
|
"id": "menu-bar",
|
|
@@ -2196,6 +2375,32 @@
|
|
|
2196
2375
|
"examples": "@lostgradient/cinder/portal/examples"
|
|
2197
2376
|
}
|
|
2198
2377
|
},
|
|
2378
|
+
{
|
|
2379
|
+
"name": "PricingCard",
|
|
2380
|
+
"id": "pricing-card",
|
|
2381
|
+
"import": "@lostgradient/cinder/pricing-card",
|
|
2382
|
+
"exportName": "PricingCard",
|
|
2383
|
+
"category": "data-display",
|
|
2384
|
+
"status": "alpha",
|
|
2385
|
+
"purpose": "Presents a single pricing plan with its name, price, feature list, and a call-to-action button.",
|
|
2386
|
+
"tags": ["pricing", "plan"],
|
|
2387
|
+
"useWhen": [
|
|
2388
|
+
"Letting users compare and select subscription tiers or product plans.",
|
|
2389
|
+
"Highlighting one tier as selected or recommended in a pricing comparison."
|
|
2390
|
+
],
|
|
2391
|
+
"avoidWhen": [
|
|
2392
|
+
"Showing generic grouped content without a distinct price or CTA — use card instead.",
|
|
2393
|
+
"Displaying a single key metric in isolation — use stat or stat-group instead."
|
|
2394
|
+
],
|
|
2395
|
+
"related": ["card", "button", "stat", "stat-group"],
|
|
2396
|
+
"hasConstraints": false,
|
|
2397
|
+
"hasExamples": true,
|
|
2398
|
+
"artifacts": {
|
|
2399
|
+
"schema": "@lostgradient/cinder/pricing-card/schema",
|
|
2400
|
+
"variables": "@lostgradient/cinder/pricing-card/variables",
|
|
2401
|
+
"examples": "@lostgradient/cinder/pricing-card/examples"
|
|
2402
|
+
}
|
|
2403
|
+
},
|
|
2199
2404
|
{
|
|
2200
2405
|
"name": "Progress",
|
|
2201
2406
|
"id": "progress",
|
|
@@ -2365,10 +2570,11 @@
|
|
|
2365
2570
|
"avoidWhen": ["Selecting from a constrained list of known options — use combobox instead."],
|
|
2366
2571
|
"related": ["input", "combobox"],
|
|
2367
2572
|
"hasConstraints": false,
|
|
2368
|
-
"hasExamples":
|
|
2573
|
+
"hasExamples": true,
|
|
2369
2574
|
"artifacts": {
|
|
2370
2575
|
"schema": "@lostgradient/cinder/search-field/schema",
|
|
2371
|
-
"variables": "@lostgradient/cinder/search-field/variables"
|
|
2576
|
+
"variables": "@lostgradient/cinder/search-field/variables",
|
|
2577
|
+
"examples": "@lostgradient/cinder/search-field/examples"
|
|
2372
2578
|
}
|
|
2373
2579
|
},
|
|
2374
2580
|
{
|
|
@@ -2500,6 +2706,32 @@
|
|
|
2500
2706
|
"examples": "@lostgradient/cinder/selection-popover/examples"
|
|
2501
2707
|
}
|
|
2502
2708
|
},
|
|
2709
|
+
{
|
|
2710
|
+
"name": "ShareCard",
|
|
2711
|
+
"id": "share-card",
|
|
2712
|
+
"import": "@lostgradient/cinder/share-card",
|
|
2713
|
+
"exportName": "ShareCard",
|
|
2714
|
+
"category": "action",
|
|
2715
|
+
"status": "alpha",
|
|
2716
|
+
"purpose": "Compact share card with copy-link, copy-text, and native navigator.share actions, with accessible success announcements and graceful fallback when navigator.share is unavailable.",
|
|
2717
|
+
"tags": ["action", "clipboard"],
|
|
2718
|
+
"useWhen": [
|
|
2719
|
+
"Offering a quick way to share a link or text with copy and native share options.",
|
|
2720
|
+
"Presenting a result, invite link, or exported report link with sharing affordances."
|
|
2721
|
+
],
|
|
2722
|
+
"avoidWhen": [
|
|
2723
|
+
"Generating the share text or images — compose ShareCard with your own copy generation logic.",
|
|
2724
|
+
"Posting directly to social media or analytics — wire those externally."
|
|
2725
|
+
],
|
|
2726
|
+
"related": ["copy-button", "card", "button"],
|
|
2727
|
+
"hasConstraints": false,
|
|
2728
|
+
"hasExamples": true,
|
|
2729
|
+
"artifacts": {
|
|
2730
|
+
"schema": "@lostgradient/cinder/share-card/schema",
|
|
2731
|
+
"variables": "@lostgradient/cinder/share-card/variables",
|
|
2732
|
+
"examples": "@lostgradient/cinder/share-card/examples"
|
|
2733
|
+
}
|
|
2734
|
+
},
|
|
2503
2735
|
{
|
|
2504
2736
|
"name": "Sheet",
|
|
2505
2737
|
"id": "sheet",
|
|
@@ -2526,6 +2758,29 @@
|
|
|
2526
2758
|
"examples": "@lostgradient/cinder/sheet/examples"
|
|
2527
2759
|
}
|
|
2528
2760
|
},
|
|
2761
|
+
{
|
|
2762
|
+
"name": "ShortcutHint",
|
|
2763
|
+
"id": "shortcut-hint",
|
|
2764
|
+
"import": "@lostgradient/cinder/shortcut-hint",
|
|
2765
|
+
"exportName": "ShortcutHint",
|
|
2766
|
+
"category": "typography",
|
|
2767
|
+
"status": "alpha",
|
|
2768
|
+
"purpose": "Inline shortcut hint that renders a key combo via Kbd alongside an action label, with an accessible text representation not reliant on visual keycaps alone.",
|
|
2769
|
+
"tags": ["shortcut", "inline"],
|
|
2770
|
+
"useWhen": [
|
|
2771
|
+
"Showing a keyboard shortcut inline beside a label in a toolbar button, menu item, or tooltip.",
|
|
2772
|
+
"Pairing with command-palette items to surface available shortcuts."
|
|
2773
|
+
],
|
|
2774
|
+
"avoidWhen": ["Displaying a full shortcut reference table — use keyboard-shortcuts instead."],
|
|
2775
|
+
"related": ["kbd", "keyboard-shortcuts", "tooltip"],
|
|
2776
|
+
"hasConstraints": false,
|
|
2777
|
+
"hasExamples": true,
|
|
2778
|
+
"artifacts": {
|
|
2779
|
+
"schema": "@lostgradient/cinder/shortcut-hint/schema",
|
|
2780
|
+
"variables": "@lostgradient/cinder/shortcut-hint/variables",
|
|
2781
|
+
"examples": "@lostgradient/cinder/shortcut-hint/examples"
|
|
2782
|
+
}
|
|
2783
|
+
},
|
|
2529
2784
|
{
|
|
2530
2785
|
"name": "SideNavigation",
|
|
2531
2786
|
"id": "side-navigation",
|
|
@@ -2654,6 +2909,32 @@
|
|
|
2654
2909
|
"examples": "@lostgradient/cinder/skeleton/examples"
|
|
2655
2910
|
}
|
|
2656
2911
|
},
|
|
2912
|
+
{
|
|
2913
|
+
"name": "SkipLink",
|
|
2914
|
+
"id": "skip-link",
|
|
2915
|
+
"import": "@lostgradient/cinder/skip-link",
|
|
2916
|
+
"exportName": "SkipLink",
|
|
2917
|
+
"category": "navigation",
|
|
2918
|
+
"status": "stable",
|
|
2919
|
+
"purpose": "Visually hidden skip link that moves keyboard focus to a landmark element, letting keyboard and screen reader users bypass repeated navigation.",
|
|
2920
|
+
"tags": ["navigation", "accessibility", "skip-link"],
|
|
2921
|
+
"useWhen": [
|
|
2922
|
+
"Providing a keyboard shortcut to jump past site-wide navigation directly to the main content area.",
|
|
2923
|
+
"Meeting WCAG 2.4.1 (Bypass Blocks) without adding visible chrome to the layout."
|
|
2924
|
+
],
|
|
2925
|
+
"avoidWhen": [
|
|
2926
|
+
"The page has no repeated navigation block — a skip link adds no value on single-panel layouts.",
|
|
2927
|
+
"The target region already receives focus naturally without intervention."
|
|
2928
|
+
],
|
|
2929
|
+
"related": ["visually-hidden"],
|
|
2930
|
+
"hasConstraints": false,
|
|
2931
|
+
"hasExamples": true,
|
|
2932
|
+
"artifacts": {
|
|
2933
|
+
"schema": "@lostgradient/cinder/skip-link/schema",
|
|
2934
|
+
"variables": "@lostgradient/cinder/skip-link/variables",
|
|
2935
|
+
"examples": "@lostgradient/cinder/skip-link/examples"
|
|
2936
|
+
}
|
|
2937
|
+
},
|
|
2657
2938
|
{
|
|
2658
2939
|
"name": "Slider",
|
|
2659
2940
|
"id": "slider",
|
|
@@ -2705,6 +2986,60 @@
|
|
|
2705
2986
|
"variables": "@lostgradient/cinder/sortable-list/variables"
|
|
2706
2987
|
}
|
|
2707
2988
|
},
|
|
2989
|
+
{
|
|
2990
|
+
"name": "Spectrogram",
|
|
2991
|
+
"id": "spectrogram",
|
|
2992
|
+
"import": "@lostgradient/cinder/spectrogram",
|
|
2993
|
+
"exportName": "Spectrogram",
|
|
2994
|
+
"category": "data-display",
|
|
2995
|
+
"status": "alpha",
|
|
2996
|
+
"purpose": "Responsive SVG time × frequency heatmap for visualizing audio spectrogram data.",
|
|
2997
|
+
"tags": ["chart", "spectrogram", "signal", "audio"],
|
|
2998
|
+
"useWhen": [
|
|
2999
|
+
"Visualizing how frequency content of a signal changes over time (time × frequency heatmap).",
|
|
3000
|
+
"Displaying pre-computed spectrogram frames from an FFT or short-time Fourier transform."
|
|
3001
|
+
],
|
|
3002
|
+
"avoidWhen": [
|
|
3003
|
+
"Only a single spectrum snapshot is needed — use spectrum-chart instead.",
|
|
3004
|
+
"Real-time live audio spectrogram is needed — feed frames as props yourself.",
|
|
3005
|
+
"A categorical × categorical heatmap without a time axis is needed — use matrix-chart instead."
|
|
3006
|
+
],
|
|
3007
|
+
"related": ["spectrum-chart", "waveform", "matrix-chart"],
|
|
3008
|
+
"hasConstraints": false,
|
|
3009
|
+
"hasExamples": true,
|
|
3010
|
+
"artifacts": {
|
|
3011
|
+
"schema": "@lostgradient/cinder/spectrogram/schema",
|
|
3012
|
+
"variables": "@lostgradient/cinder/spectrogram/variables",
|
|
3013
|
+
"examples": "@lostgradient/cinder/spectrogram/examples"
|
|
3014
|
+
}
|
|
3015
|
+
},
|
|
3016
|
+
{
|
|
3017
|
+
"name": "SpectrumChart",
|
|
3018
|
+
"id": "spectrum-chart",
|
|
3019
|
+
"import": "@lostgradient/cinder/spectrum-chart",
|
|
3020
|
+
"exportName": "SpectrumChart",
|
|
3021
|
+
"category": "data-display",
|
|
3022
|
+
"status": "alpha",
|
|
3023
|
+
"purpose": "Responsive SVG frequency-bin bar chart for visualizing audio spectrum magnitude data.",
|
|
3024
|
+
"tags": ["chart", "spectrum", "signal", "audio"],
|
|
3025
|
+
"useWhen": [
|
|
3026
|
+
"Displaying pre-computed frequency-domain magnitude data from an FFT or spectrum analyzer.",
|
|
3027
|
+
"Showing a static frequency response or spectrum snapshot with labelled frequency bins."
|
|
3028
|
+
],
|
|
3029
|
+
"avoidWhen": [
|
|
3030
|
+
"Real-time live audio spectrum is needed — feed live AnalyserNode data as props yourself.",
|
|
3031
|
+
"A full time × frequency heatmap is needed — use spectrogram instead.",
|
|
3032
|
+
"General categorical bar comparison — use bar-chart instead."
|
|
3033
|
+
],
|
|
3034
|
+
"related": ["waveform", "spectrogram", "bar-chart"],
|
|
3035
|
+
"hasConstraints": false,
|
|
3036
|
+
"hasExamples": true,
|
|
3037
|
+
"artifacts": {
|
|
3038
|
+
"schema": "@lostgradient/cinder/spectrum-chart/schema",
|
|
3039
|
+
"variables": "@lostgradient/cinder/spectrum-chart/variables",
|
|
3040
|
+
"examples": "@lostgradient/cinder/spectrum-chart/examples"
|
|
3041
|
+
}
|
|
3042
|
+
},
|
|
2708
3043
|
{
|
|
2709
3044
|
"name": "Spinner",
|
|
2710
3045
|
"id": "spinner",
|
|
@@ -2859,6 +3194,32 @@
|
|
|
2859
3194
|
"examples": "@lostgradient/cinder/steps/examples"
|
|
2860
3195
|
}
|
|
2861
3196
|
},
|
|
3197
|
+
{
|
|
3198
|
+
"name": "SubscriptionBadge",
|
|
3199
|
+
"id": "subscription-badge",
|
|
3200
|
+
"import": "@lostgradient/cinder/subscription-badge",
|
|
3201
|
+
"exportName": "SubscriptionBadge",
|
|
3202
|
+
"category": "data-display",
|
|
3203
|
+
"status": "alpha",
|
|
3204
|
+
"purpose": "Opinionated Badge variant that communicates billing subscription states with a standardized tone, icon, and human-readable label.",
|
|
3205
|
+
"tags": ["billing", "subscription", "status"],
|
|
3206
|
+
"useWhen": [
|
|
3207
|
+
"Displaying the billing state of a subscription in a dashboard, invoice list, or account settings page.",
|
|
3208
|
+
"Annotating a plan name, customer row, or invoice line with its current payment lifecycle state."
|
|
3209
|
+
],
|
|
3210
|
+
"avoidWhen": [
|
|
3211
|
+
"The subscription state is not one of the six recognized values — use Badge directly with a custom label instead.",
|
|
3212
|
+
"You need an interactive control that lets users change the state — use a Button or Select."
|
|
3213
|
+
],
|
|
3214
|
+
"related": ["badge", "status-dot", "chip"],
|
|
3215
|
+
"hasConstraints": false,
|
|
3216
|
+
"hasExamples": true,
|
|
3217
|
+
"artifacts": {
|
|
3218
|
+
"schema": "@lostgradient/cinder/subscription-badge/schema",
|
|
3219
|
+
"variables": "@lostgradient/cinder/subscription-badge/variables",
|
|
3220
|
+
"examples": "@lostgradient/cinder/subscription-badge/examples"
|
|
3221
|
+
}
|
|
3222
|
+
},
|
|
2862
3223
|
{
|
|
2863
3224
|
"name": "Surface",
|
|
2864
3225
|
"id": "surface",
|
|
@@ -3412,6 +3773,32 @@
|
|
|
3412
3773
|
"variables": "@lostgradient/cinder/visually-hidden/variables",
|
|
3413
3774
|
"examples": "@lostgradient/cinder/visually-hidden/examples"
|
|
3414
3775
|
}
|
|
3776
|
+
},
|
|
3777
|
+
{
|
|
3778
|
+
"name": "Waveform",
|
|
3779
|
+
"id": "waveform",
|
|
3780
|
+
"import": "@lostgradient/cinder/waveform",
|
|
3781
|
+
"exportName": "Waveform",
|
|
3782
|
+
"category": "data-display",
|
|
3783
|
+
"status": "alpha",
|
|
3784
|
+
"purpose": "Responsive SVG rendering of time-domain audio amplitude data as a waveform path or bar display.",
|
|
3785
|
+
"tags": ["chart", "waveform", "signal", "audio"],
|
|
3786
|
+
"useWhen": [
|
|
3787
|
+
"Visualizing pre-recorded or pre-processed audio amplitude samples in a static display.",
|
|
3788
|
+
"Showing an audio waveform thumbnail or preview with mocked or pre-computed sample data."
|
|
3789
|
+
],
|
|
3790
|
+
"avoidWhen": [
|
|
3791
|
+
"Real-time live audio capture is needed — wire AudioContext / AnalyserNode yourself and feed samples as props.",
|
|
3792
|
+
"Frequency-domain data — use spectrum-chart or spectrogram instead."
|
|
3793
|
+
],
|
|
3794
|
+
"related": ["spectrum-chart", "spectrogram", "bar-chart", "line-chart"],
|
|
3795
|
+
"hasConstraints": false,
|
|
3796
|
+
"hasExamples": true,
|
|
3797
|
+
"artifacts": {
|
|
3798
|
+
"schema": "@lostgradient/cinder/waveform/schema",
|
|
3799
|
+
"variables": "@lostgradient/cinder/waveform/variables",
|
|
3800
|
+
"examples": "@lostgradient/cinder/waveform/examples"
|
|
3801
|
+
}
|
|
3415
3802
|
}
|
|
3416
3803
|
]
|
|
3417
3804
|
}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import type { ChartTarget } from './chart-utilities.ts';
|
|
2
|
+
export declare const DEFAULT_CHART_FOCUS_RING_STROKE_PADDING = 8;
|
|
3
|
+
export type ChartFocusRingConnectorGeometry = {
|
|
4
|
+
x1: number;
|
|
5
|
+
y1: number;
|
|
6
|
+
x2: number;
|
|
7
|
+
y2: number;
|
|
8
|
+
};
|
|
9
|
+
export type ChartFocusRingDotGeometry = {
|
|
10
|
+
cx: number;
|
|
11
|
+
cy: number;
|
|
12
|
+
radius: number;
|
|
13
|
+
};
|
|
14
|
+
export type ChartPointFocusRingGeometry = {
|
|
15
|
+
kind: 'point';
|
|
16
|
+
cx: number;
|
|
17
|
+
cy: number;
|
|
18
|
+
radius: number;
|
|
19
|
+
targetX: number;
|
|
20
|
+
targetY: number;
|
|
21
|
+
offsetX: number;
|
|
22
|
+
offsetY: number;
|
|
23
|
+
offsetDistance: number;
|
|
24
|
+
connector?: ChartFocusRingConnectorGeometry;
|
|
25
|
+
dot?: ChartFocusRingDotGeometry;
|
|
26
|
+
} | ChartPlotFrameFocusRingGeometry;
|
|
27
|
+
export type ChartBarFocusRingGeometry = {
|
|
28
|
+
kind: 'bar';
|
|
29
|
+
x: number;
|
|
30
|
+
y: number;
|
|
31
|
+
width: number;
|
|
32
|
+
height: number;
|
|
33
|
+
radius: number;
|
|
34
|
+
} | ChartPlotFrameFocusRingGeometry;
|
|
35
|
+
export type ChartPlotFrameFocusRingGeometry = {
|
|
36
|
+
kind: 'plot-frame';
|
|
37
|
+
x: number;
|
|
38
|
+
y: number;
|
|
39
|
+
width: number;
|
|
40
|
+
height: number;
|
|
41
|
+
radius: number;
|
|
42
|
+
};
|
|
43
|
+
export declare function createPointFocusRingGeometry(options: {
|
|
44
|
+
target: Pick<ChartTarget, 'x' | 'y'>;
|
|
45
|
+
plotWidth: number;
|
|
46
|
+
plotHeight: number;
|
|
47
|
+
strokePadding?: number;
|
|
48
|
+
radius?: number;
|
|
49
|
+
}): ChartPointFocusRingGeometry | null;
|
|
50
|
+
export declare function createBarFocusRingGeometry(options: {
|
|
51
|
+
target: Pick<ChartTarget, 'x' | 'y' | 'width' | 'height'>;
|
|
52
|
+
plotWidth: number;
|
|
53
|
+
plotHeight: number;
|
|
54
|
+
strokePadding?: number;
|
|
55
|
+
minimumWidth?: number;
|
|
56
|
+
minimumHeight?: number;
|
|
57
|
+
}): ChartBarFocusRingGeometry | null;
|
|
@@ -89,6 +89,7 @@ export type BarChartModel = {
|
|
|
89
89
|
categories: NormalizedXValue[];
|
|
90
90
|
yTicks: number[];
|
|
91
91
|
categoryTicks: Array<{
|
|
92
|
+
categoryKey: string;
|
|
92
93
|
label: string;
|
|
93
94
|
x: number;
|
|
94
95
|
y: number;
|
|
@@ -107,6 +108,7 @@ export type BarChartModel = {
|
|
|
107
108
|
hidden: boolean;
|
|
108
109
|
}>;
|
|
109
110
|
tableRows: Array<{
|
|
111
|
+
categoryKey: string;
|
|
110
112
|
categoryLabel: string;
|
|
111
113
|
values: Array<{
|
|
112
114
|
seriesId: string;
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Shared heatmap math for grid-style charts (MatrixChart, Spectrogram).
|
|
3
|
+
*
|
|
4
|
+
* Both render a grid of cells coloured by magnitude. The normalization,
|
|
5
|
+
* degenerate-domain handling, diverging zero-centering, and NaN/Infinity
|
|
6
|
+
* filtering are identical, so they live here rather than drifting between the
|
|
7
|
+
* two component implementations.
|
|
8
|
+
*/
|
|
9
|
+
export type HeatmapColorScale = 'sequential' | 'diverging';
|
|
10
|
+
/**
|
|
11
|
+
* Keep only finite numbers. `NaN`, `Infinity`, `-Infinity`, `null`, and
|
|
12
|
+
* `undefined` are dropped — invalid values must render as "missing" cells, not
|
|
13
|
+
* poison `Math.min`/`Math.max`, normalization, or `color-mix(... NaN%)`.
|
|
14
|
+
*/
|
|
15
|
+
export declare function finiteNumbers(values: ReadonlyArray<number | null | undefined>): number[];
|
|
16
|
+
/** A finite number, or `null` for anything non-finite (the "missing cell" sentinel). */
|
|
17
|
+
export declare function toFiniteOrNull(value: unknown): number | null;
|
|
18
|
+
export type HeatmapDomain = {
|
|
19
|
+
readonly min: number;
|
|
20
|
+
readonly max: number;
|
|
21
|
+
/** Empty when there are no finite values to scale. */
|
|
22
|
+
readonly isEmpty: boolean;
|
|
23
|
+
};
|
|
24
|
+
/**
|
|
25
|
+
* Compute the [min, max] domain over the finite values only.
|
|
26
|
+
*
|
|
27
|
+
* A single pass — NOT `Math.min(...finite)` — so a dense heatmap or a
|
|
28
|
+
* multi-thousand-bin spectrogram can't overflow the call stack / argument limit
|
|
29
|
+
* by spreading a huge array into the `Math` functions.
|
|
30
|
+
*/
|
|
31
|
+
export declare function heatmapDomain(values: ReadonlyArray<number | null | undefined>): HeatmapDomain;
|
|
32
|
+
/**
|
|
33
|
+
* Compute the [min, max] domain over a sequence of rows (e.g. spectrogram
|
|
34
|
+
* frames) WITHOUT first flattening them into one big array. A single nested pass
|
|
35
|
+
* over the original arrays, so a large frames × bins grid never materializes a
|
|
36
|
+
* full flattened copy just to find its colour domain.
|
|
37
|
+
*/
|
|
38
|
+
export declare function heatmapDomainOfRows(rows: ReadonlyArray<ReadonlyArray<number | null | undefined>>): HeatmapDomain;
|
|
39
|
+
/**
|
|
40
|
+
* Normalize `value` into `[0, 1]` against the domain.
|
|
41
|
+
*
|
|
42
|
+
* - Sequential: linear from `min`→0 to `max`→1. A degenerate domain
|
|
43
|
+
* (`min === max`) maps everything to the midpoint `0.5` (a single colour).
|
|
44
|
+
* - Diverging: zero-centred. The scale is symmetric around 0 using the larger
|
|
45
|
+
* absolute bound, so `0` always maps to `0.5` (neutral) regardless of how
|
|
46
|
+
* lopsided the data is. E.g. domain `[-10, 30]` → 0 maps to 0.5, not blue.
|
|
47
|
+
*/
|
|
48
|
+
export declare function normalizeHeatmapValue(value: number, domain: HeatmapDomain, scale?: HeatmapColorScale): number;
|
|
49
|
+
/**
|
|
50
|
+
* CSS `color-mix` fill for a heatmap cell. `null` (missing) returns the inset
|
|
51
|
+
* surface. Sequential mixes the primary series colour; diverging mixes a cool
|
|
52
|
+
* colour below the midpoint and a warm colour above it, both fading to the inset
|
|
53
|
+
* surface at the neutral midpoint.
|
|
54
|
+
*/
|
|
55
|
+
export declare function heatmapCellFill(value: number | null, domain: HeatmapDomain, scale?: HeatmapColorScale): string;
|
|
56
|
+
/**
|
|
57
|
+
* Choose a readable label colour for a cell: a light colour over high-intensity
|
|
58
|
+
* (dark) fills, a dark colour over low-intensity (light) fills.
|
|
59
|
+
*/
|
|
60
|
+
export declare function heatmapLabelFill(value: number | null, domain: HeatmapDomain, scale?: HeatmapColorScale): string;
|
|
@@ -133,6 +133,19 @@ import"svelte/internal/disclose-version";
|
|
|
133
133
|
import * as $2 from "svelte/internal/client";
|
|
134
134
|
|
|
135
135
|
// src/_internal/collection.ts
|
|
136
|
+
function createSingleSelection(getValue, setValue) {
|
|
137
|
+
return {
|
|
138
|
+
get value() {
|
|
139
|
+
return getValue();
|
|
140
|
+
},
|
|
141
|
+
select(next2) {
|
|
142
|
+
setValue(next2);
|
|
143
|
+
},
|
|
144
|
+
isSelected(candidate) {
|
|
145
|
+
return getValue() === candidate;
|
|
146
|
+
}
|
|
147
|
+
};
|
|
148
|
+
}
|
|
136
149
|
function createMultiSelection(getValues, setValues) {
|
|
137
150
|
return {
|
|
138
151
|
get values() {
|
|
@@ -196,4 +209,4 @@ export {
|
|
|
196
209
|
Accordion2 as Accordion
|
|
197
210
|
};
|
|
198
211
|
|
|
199
|
-
//# debugId=
|
|
212
|
+
//# debugId=28041FF2439D92F064756E2164756E21
|
|
@@ -57,8 +57,8 @@ var schema = {
|
|
|
57
57
|
type: "object",
|
|
58
58
|
properties: {
|
|
59
59
|
variant: {
|
|
60
|
-
enum: ["info", "success", "warning", "error"],
|
|
61
|
-
description: "Visual style.",
|
|
60
|
+
enum: ["info", "success", "warning", "error", "danger"],
|
|
61
|
+
description: "Visual style. `danger` is an accepted alias for `error` — both render identically.",
|
|
62
62
|
default: "info"
|
|
63
63
|
},
|
|
64
64
|
dismissible: {
|
|
@@ -78,4 +78,4 @@ export {
|
|
|
78
78
|
alert_schema_default as default
|
|
79
79
|
};
|
|
80
80
|
|
|
81
|
-
//# debugId=
|
|
81
|
+
//# debugId=D4BA3E0A426B630564756E2164756E21
|