@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
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
import { createRequire } from "node:module";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
4
|
+
var __defProp = Object.defineProperty;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
function __accessProp(key) {
|
|
8
|
+
return this[key];
|
|
9
|
+
}
|
|
10
|
+
var __toESMCache_node;
|
|
11
|
+
var __toESMCache_esm;
|
|
12
|
+
var __toESM = (mod, isNodeMode, target) => {
|
|
13
|
+
var canCache = mod != null && typeof mod === "object";
|
|
14
|
+
if (canCache) {
|
|
15
|
+
var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
|
|
16
|
+
var cached = cache.get(mod);
|
|
17
|
+
if (cached)
|
|
18
|
+
return cached;
|
|
19
|
+
}
|
|
20
|
+
target = mod != null ? __create(__getProtoOf(mod)) : {};
|
|
21
|
+
const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
|
|
22
|
+
for (let key of __getOwnPropNames(mod))
|
|
23
|
+
if (!__hasOwnProp.call(to, key))
|
|
24
|
+
__defProp(to, key, {
|
|
25
|
+
get: __accessProp.bind(mod, key),
|
|
26
|
+
enumerable: true
|
|
27
|
+
});
|
|
28
|
+
if (canCache)
|
|
29
|
+
cache.set(mod, to);
|
|
30
|
+
return to;
|
|
31
|
+
};
|
|
32
|
+
var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
|
|
33
|
+
var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
|
|
34
|
+
var __require = /* @__PURE__ */ createRequire(import.meta.url);
|
|
35
|
+
|
|
36
|
+
// src/components/capability-gate/capability-gate.schema.ts
|
|
37
|
+
var schema = {
|
|
38
|
+
$schema: "https://json-schema.org/draft/2020-12/schema",
|
|
39
|
+
type: "object",
|
|
40
|
+
properties: {
|
|
41
|
+
feature: {
|
|
42
|
+
type: "string",
|
|
43
|
+
description: "The feature being gated."
|
|
44
|
+
},
|
|
45
|
+
state: {
|
|
46
|
+
enum: [
|
|
47
|
+
"supported",
|
|
48
|
+
"unsupported",
|
|
49
|
+
"permission-needed",
|
|
50
|
+
"permission-denied",
|
|
51
|
+
"loading",
|
|
52
|
+
"unavailable"
|
|
53
|
+
],
|
|
54
|
+
description: "Current availability state."
|
|
55
|
+
},
|
|
56
|
+
variant: {
|
|
57
|
+
enum: ["inline", "banner", "callout"],
|
|
58
|
+
description: "Presentation variant.",
|
|
59
|
+
default: "inline"
|
|
60
|
+
},
|
|
61
|
+
primaryAction: {
|
|
62
|
+
type: "string",
|
|
63
|
+
description: "Label for the primary action button."
|
|
64
|
+
},
|
|
65
|
+
fallbackAction: {
|
|
66
|
+
type: "string",
|
|
67
|
+
description: "Label for the fallback action."
|
|
68
|
+
},
|
|
69
|
+
fallbackHref: {
|
|
70
|
+
type: "string",
|
|
71
|
+
description: "Href for a fallback link."
|
|
72
|
+
},
|
|
73
|
+
dismissAction: {
|
|
74
|
+
type: "string",
|
|
75
|
+
description: "Label for the dismiss action."
|
|
76
|
+
},
|
|
77
|
+
class: {
|
|
78
|
+
type: "string",
|
|
79
|
+
description: "Additional class names merged with `.cinder-capability-gate`."
|
|
80
|
+
}
|
|
81
|
+
},
|
|
82
|
+
additionalProperties: false,
|
|
83
|
+
required: ["feature", "state"],
|
|
84
|
+
metadata: {
|
|
85
|
+
unsupportedProps: [
|
|
86
|
+
{
|
|
87
|
+
name: "children",
|
|
88
|
+
reason: "function-or-snippet"
|
|
89
|
+
},
|
|
90
|
+
{
|
|
91
|
+
name: "onDismiss",
|
|
92
|
+
reason: "function-or-snippet"
|
|
93
|
+
},
|
|
94
|
+
{
|
|
95
|
+
name: "onFallbackAction",
|
|
96
|
+
reason: "function-or-snippet"
|
|
97
|
+
},
|
|
98
|
+
{
|
|
99
|
+
name: "onPrimaryAction",
|
|
100
|
+
reason: "function-or-snippet"
|
|
101
|
+
}
|
|
102
|
+
]
|
|
103
|
+
}
|
|
104
|
+
};
|
|
105
|
+
var capability_gate_schema_default = schema;
|
|
106
|
+
export {
|
|
107
|
+
capability_gate_schema_default as default
|
|
108
|
+
};
|
|
109
|
+
|
|
110
|
+
//# debugId=211DF0DA67F00FE964756E2164756E21
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { createRequire } from "node:module";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
4
|
+
var __defProp = Object.defineProperty;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
function __accessProp(key) {
|
|
8
|
+
return this[key];
|
|
9
|
+
}
|
|
10
|
+
var __toESMCache_node;
|
|
11
|
+
var __toESMCache_esm;
|
|
12
|
+
var __toESM = (mod, isNodeMode, target) => {
|
|
13
|
+
var canCache = mod != null && typeof mod === "object";
|
|
14
|
+
if (canCache) {
|
|
15
|
+
var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
|
|
16
|
+
var cached = cache.get(mod);
|
|
17
|
+
if (cached)
|
|
18
|
+
return cached;
|
|
19
|
+
}
|
|
20
|
+
target = mod != null ? __create(__getProtoOf(mod)) : {};
|
|
21
|
+
const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
|
|
22
|
+
for (let key of __getOwnPropNames(mod))
|
|
23
|
+
if (!__hasOwnProp.call(to, key))
|
|
24
|
+
__defProp(to, key, {
|
|
25
|
+
get: __accessProp.bind(mod, key),
|
|
26
|
+
enumerable: true
|
|
27
|
+
});
|
|
28
|
+
if (canCache)
|
|
29
|
+
cache.set(mod, to);
|
|
30
|
+
return to;
|
|
31
|
+
};
|
|
32
|
+
var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
|
|
33
|
+
var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
|
|
34
|
+
var __require = /* @__PURE__ */ createRequire(import.meta.url);
|
|
35
|
+
|
|
36
|
+
// src/components/capability-gate/capability-gate.variables.ts
|
|
37
|
+
var variables = [];
|
|
38
|
+
var capability_gate_variables_default = variables;
|
|
39
|
+
export {
|
|
40
|
+
capability_gate_variables_default as default
|
|
41
|
+
};
|
|
42
|
+
|
|
43
|
+
//# debugId=8F75389EE079062C64756E2164756E21
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
/* src/components/capability-gate/capability-gate.css */
|
|
2
|
+
@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
|
|
3
|
+
|
|
4
|
+
@layer cinder.components {
|
|
5
|
+
.cinder-capability-gate {
|
|
6
|
+
display: flex;
|
|
7
|
+
gap: var(--cinder-space-2);
|
|
8
|
+
padding: var(--cinder-space-3);
|
|
9
|
+
border-radius: var(--cinder-radius-md);
|
|
10
|
+
border: 1px solid var(--cinder-border);
|
|
11
|
+
background-color: var(--cinder-surface);
|
|
12
|
+
color: var(--cinder-text);
|
|
13
|
+
flex-direction: column;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.cinder-capability-gate[data-cinder-variant="error"] {
|
|
17
|
+
border-color: var(--cinder-color-danger-border);
|
|
18
|
+
background-color: var(--cinder-color-danger-bg);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.cinder-capability-gate[data-cinder-variant="warning"] {
|
|
22
|
+
border-color: var(--cinder-color-warning-border);
|
|
23
|
+
background-color: var(--cinder-color-warning-bg);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.cinder-capability-gate[data-cinder-variant="success"] {
|
|
27
|
+
border-color: var(--cinder-color-success-border);
|
|
28
|
+
background-color: var(--cinder-color-success-bg);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.cinder-capability-gate[data-cinder-presentation="banner"] {
|
|
32
|
+
border-radius: var(--cinder-radius-sm);
|
|
33
|
+
flex-flow: wrap;
|
|
34
|
+
align-items: center;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.cinder-capability-gate[data-cinder-presentation="callout"] {
|
|
38
|
+
border-radius: 0 var(--cinder-radius-md) var(--cinder-radius-md) 0;
|
|
39
|
+
border-inline-start-width: 4px;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.cinder-capability-gate__status {
|
|
43
|
+
display: flex;
|
|
44
|
+
gap: var(--cinder-space-1);
|
|
45
|
+
flex-direction: column;
|
|
46
|
+
flex: 1;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.cinder-capability-gate__feature {
|
|
50
|
+
font-weight: 600;
|
|
51
|
+
font-size: var(--cinder-text-sm);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.cinder-capability-gate__state-text {
|
|
55
|
+
font-size: var(--cinder-text-sm);
|
|
56
|
+
color: var(--cinder-text-muted);
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.cinder-capability-gate__content {
|
|
60
|
+
font-size: var(--cinder-text-sm);
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.cinder-capability-gate__actions {
|
|
64
|
+
display: flex;
|
|
65
|
+
gap: var(--cinder-space-1);
|
|
66
|
+
flex-wrap: wrap;
|
|
67
|
+
align-items: center;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.cinder-capability-gate__primary, .cinder-capability-gate__fallback, .cinder-capability-gate__dismiss {
|
|
71
|
+
display: inline-flex;
|
|
72
|
+
padding: var(--cinder-space-1) var(--cinder-space-2);
|
|
73
|
+
border-radius: var(--cinder-radius-sm);
|
|
74
|
+
font-size: var(--cinder-text-sm);
|
|
75
|
+
cursor: pointer;
|
|
76
|
+
text-decoration: none;
|
|
77
|
+
border: 1px solid #0000;
|
|
78
|
+
align-items: center;
|
|
79
|
+
font-weight: 500;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.cinder-capability-gate__primary {
|
|
83
|
+
background-color: var(--cinder-accent);
|
|
84
|
+
color: var(--cinder-accent-contrast);
|
|
85
|
+
border-color: var(--cinder-accent);
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
@media (hover: hover) {
|
|
89
|
+
.cinder-capability-gate__primary:hover {
|
|
90
|
+
background-color: var(--cinder-accent-hover);
|
|
91
|
+
border-color: var(--cinder-accent-hover);
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.cinder-capability-gate__primary:focus-visible, .cinder-capability-gate__fallback:focus-visible, .cinder-capability-gate__dismiss:focus-visible {
|
|
96
|
+
outline: var(--cinder-ring-width) solid transparent;
|
|
97
|
+
box-shadow: 0 0 0 var(--cinder-ring-offset) var(--cinder-ring-offset-color), 0 0 0 calc(var(--cinder-ring-offset) + var(--cinder-ring-width)) var(--cinder-ring-color);
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
.cinder-capability-gate__fallback {
|
|
101
|
+
color: var(--cinder-text);
|
|
102
|
+
border-color: var(--cinder-border);
|
|
103
|
+
background-color: #0000;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
@media (hover: hover) {
|
|
107
|
+
.cinder-capability-gate__fallback:hover {
|
|
108
|
+
background-color: var(--cinder-surface-raised);
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.cinder-capability-gate__dismiss {
|
|
113
|
+
color: var(--cinder-text-muted);
|
|
114
|
+
background-color: #0000;
|
|
115
|
+
margin-inline-start: auto;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
.cinder-capability-gate__dismiss:hover {
|
|
119
|
+
color: var(--cinder-text);
|
|
120
|
+
}
|
|
121
|
+
}
|
|
@@ -0,0 +1,168 @@
|
|
|
1
|
+
import { createRequire } from "node:module";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
4
|
+
var __defProp = Object.defineProperty;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
function __accessProp(key) {
|
|
8
|
+
return this[key];
|
|
9
|
+
}
|
|
10
|
+
var __toESMCache_node;
|
|
11
|
+
var __toESMCache_esm;
|
|
12
|
+
var __toESM = (mod, isNodeMode, target) => {
|
|
13
|
+
var canCache = mod != null && typeof mod === "object";
|
|
14
|
+
if (canCache) {
|
|
15
|
+
var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
|
|
16
|
+
var cached = cache.get(mod);
|
|
17
|
+
if (cached)
|
|
18
|
+
return cached;
|
|
19
|
+
}
|
|
20
|
+
target = mod != null ? __create(__getProtoOf(mod)) : {};
|
|
21
|
+
const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
|
|
22
|
+
for (let key of __getOwnPropNames(mod))
|
|
23
|
+
if (!__hasOwnProp.call(to, key))
|
|
24
|
+
__defProp(to, key, {
|
|
25
|
+
get: __accessProp.bind(mod, key),
|
|
26
|
+
enumerable: true
|
|
27
|
+
});
|
|
28
|
+
if (canCache)
|
|
29
|
+
cache.set(mod, to);
|
|
30
|
+
return to;
|
|
31
|
+
};
|
|
32
|
+
var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
|
|
33
|
+
var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
|
|
34
|
+
var __require = /* @__PURE__ */ createRequire(import.meta.url);
|
|
35
|
+
|
|
36
|
+
// src/components/capability-gate/capability-gate.svelte
|
|
37
|
+
import * as $ from "svelte/internal/server";
|
|
38
|
+
|
|
39
|
+
// src/utilities/class-names.ts
|
|
40
|
+
function classNames(...parts) {
|
|
41
|
+
return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
// ../../node_modules/esm-env/false.js
|
|
45
|
+
var false_default = false;
|
|
46
|
+
// ../../node_modules/esm-env/true.js
|
|
47
|
+
var true_default = true;
|
|
48
|
+
// src/utilities/dev-warn.ts
|
|
49
|
+
function devWarn(message, ...args) {
|
|
50
|
+
if (!true_default)
|
|
51
|
+
return;
|
|
52
|
+
console.warn(message, ...args);
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
// src/components/capability-gate/capability-gate.svelte
|
|
56
|
+
var DEFAULT_STATUS_TEXT = {
|
|
57
|
+
supported: "Available",
|
|
58
|
+
unsupported: "Not supported in this browser",
|
|
59
|
+
"permission-needed": "Permission required",
|
|
60
|
+
"permission-denied": "Permission was denied",
|
|
61
|
+
loading: "Checking availability…",
|
|
62
|
+
unavailable: "Not available"
|
|
63
|
+
};
|
|
64
|
+
function Capability_gate($$renderer, $$props) {
|
|
65
|
+
$$renderer.component(($$renderer2) => {
|
|
66
|
+
const KNOWN_STATES = [
|
|
67
|
+
"supported",
|
|
68
|
+
"unsupported",
|
|
69
|
+
"permission-needed",
|
|
70
|
+
"permission-denied",
|
|
71
|
+
"loading",
|
|
72
|
+
"unavailable"
|
|
73
|
+
];
|
|
74
|
+
let {
|
|
75
|
+
feature,
|
|
76
|
+
state: stateProp,
|
|
77
|
+
variant = "inline",
|
|
78
|
+
primaryAction,
|
|
79
|
+
onPrimaryAction,
|
|
80
|
+
fallbackAction,
|
|
81
|
+
fallbackHref,
|
|
82
|
+
onFallbackAction,
|
|
83
|
+
dismissAction,
|
|
84
|
+
onDismiss,
|
|
85
|
+
children,
|
|
86
|
+
class: customClassName,
|
|
87
|
+
$$slots,
|
|
88
|
+
$$events,
|
|
89
|
+
...rest
|
|
90
|
+
} = $$props;
|
|
91
|
+
const availabilityState = $.derived(() => KNOWN_STATES.includes(stateProp) ? stateProp : "unavailable");
|
|
92
|
+
let visible = true;
|
|
93
|
+
let dismissButton = undefined;
|
|
94
|
+
const statusText = $.derived(() => DEFAULT_STATUS_TEXT[availabilityState()] ?? availabilityState());
|
|
95
|
+
const isLoading = $.derived(() => availabilityState() === "loading");
|
|
96
|
+
const isError = $.derived(() => availabilityState() === "permission-denied" || availabilityState() === "unsupported");
|
|
97
|
+
const isWarning = $.derived(() => availabilityState() === "permission-needed");
|
|
98
|
+
const isSuccess = $.derived(() => availabilityState() === "supported");
|
|
99
|
+
const resolvedVariant = $.derived(() => isError() ? "error" : isWarning() ? "warning" : isSuccess() ? "success" : "info");
|
|
100
|
+
function handleDismiss() {
|
|
101
|
+
dismissButton?.blur();
|
|
102
|
+
visible = false;
|
|
103
|
+
onDismiss?.();
|
|
104
|
+
}
|
|
105
|
+
if (visible) {
|
|
106
|
+
$$renderer2.push("<!--[0-->");
|
|
107
|
+
$$renderer2.push(`<div${$.attributes({
|
|
108
|
+
...rest,
|
|
109
|
+
class: $.clsx(classNames("cinder-capability-gate", customClassName)),
|
|
110
|
+
"data-cinder-state": availabilityState(),
|
|
111
|
+
"data-cinder-variant": resolvedVariant(),
|
|
112
|
+
"data-cinder-presentation": variant
|
|
113
|
+
})}><div class="cinder-capability-gate__status" role="status" aria-live="polite"${$.attr("aria-busy", isLoading() ? "true" : undefined)}><span class="cinder-capability-gate__feature">${$.escape(feature)}</span> <span class="cinder-capability-gate__state-text">${$.escape(statusText())}</span></div> `);
|
|
114
|
+
if (children) {
|
|
115
|
+
$$renderer2.push("<!--[0-->");
|
|
116
|
+
$$renderer2.push(`<div class="cinder-capability-gate__content">`);
|
|
117
|
+
children($$renderer2);
|
|
118
|
+
$$renderer2.push(`<!----></div>`);
|
|
119
|
+
} else {
|
|
120
|
+
$$renderer2.push("<!--[-1-->");
|
|
121
|
+
}
|
|
122
|
+
$$renderer2.push(`<!--]--> `);
|
|
123
|
+
if (primaryAction || fallbackAction || fallbackHref || dismissAction) {
|
|
124
|
+
$$renderer2.push("<!--[0-->");
|
|
125
|
+
$$renderer2.push(`<div class="cinder-capability-gate__actions">`);
|
|
126
|
+
if (primaryAction) {
|
|
127
|
+
$$renderer2.push("<!--[0-->");
|
|
128
|
+
$$renderer2.push(`<button type="button" class="cinder-capability-gate__primary"${$.attr("aria-label", `${$.stringify(primaryAction)} for ${$.stringify(feature)}`)}>${$.escape(primaryAction)}</button>`);
|
|
129
|
+
} else {
|
|
130
|
+
$$renderer2.push("<!--[-1-->");
|
|
131
|
+
}
|
|
132
|
+
$$renderer2.push(`<!--]--> `);
|
|
133
|
+
if (fallbackHref) {
|
|
134
|
+
$$renderer2.push("<!--[0-->");
|
|
135
|
+
$$renderer2.push(`<a${$.attr("href", fallbackHref)} class="cinder-capability-gate__fallback"${$.attr("aria-label", `${$.stringify(fallbackAction ?? "Alternative option")} for ${$.stringify(feature)}`)}>${$.escape(fallbackAction ?? "Alternative option")}</a>`);
|
|
136
|
+
} else if (fallbackAction) {
|
|
137
|
+
$$renderer2.push("<!--[1-->");
|
|
138
|
+
$$renderer2.push(`<button type="button" class="cinder-capability-gate__fallback"${$.attr("aria-label", `${$.stringify(fallbackAction)} for ${$.stringify(feature)}`)}>${$.escape(fallbackAction)}</button>`);
|
|
139
|
+
} else {
|
|
140
|
+
$$renderer2.push("<!--[-1-->");
|
|
141
|
+
}
|
|
142
|
+
$$renderer2.push(`<!--]--> `);
|
|
143
|
+
if (dismissAction) {
|
|
144
|
+
$$renderer2.push("<!--[0-->");
|
|
145
|
+
$$renderer2.push(`<button type="button" class="cinder-capability-gate__dismiss"${$.attr("aria-label", dismissAction)}>${$.escape(dismissAction)}</button>`);
|
|
146
|
+
} else {
|
|
147
|
+
$$renderer2.push("<!--[-1-->");
|
|
148
|
+
}
|
|
149
|
+
$$renderer2.push(`<!--]--></div>`);
|
|
150
|
+
} else {
|
|
151
|
+
$$renderer2.push("<!--[-1-->");
|
|
152
|
+
}
|
|
153
|
+
$$renderer2.push(`<!--]--></div>`);
|
|
154
|
+
} else {
|
|
155
|
+
$$renderer2.push("<!--[-1-->");
|
|
156
|
+
}
|
|
157
|
+
$$renderer2.push(`<!--]-->`);
|
|
158
|
+
});
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
// src/components/capability-gate/index.ts
|
|
162
|
+
var capability_gate_default = Capability_gate;
|
|
163
|
+
export {
|
|
164
|
+
capability_gate_default as default,
|
|
165
|
+
Capability_gate as CapabilityGate
|
|
166
|
+
};
|
|
167
|
+
|
|
168
|
+
//# debugId=611F9DBAF826A5B664756E2164756E21
|
|
@@ -57,6 +57,10 @@ var schema = {
|
|
|
57
57
|
type: "boolean",
|
|
58
58
|
description: "Remove side borders/radius and bleed to the viewport edge on narrow screens."
|
|
59
59
|
},
|
|
60
|
+
padding: {
|
|
61
|
+
enum: ["none", "default"],
|
|
62
|
+
description: "Body padding. `none` removes all padding for flush or full-bleed content (e.g. an image)."
|
|
63
|
+
},
|
|
60
64
|
headingLevel: {
|
|
61
65
|
enum: [2, 3, 4, 5, 6],
|
|
62
66
|
description: "Heading level for the generated title. Defaults to `3`. Set this so the\ncard title nests correctly within the surrounding document outline."
|
|
@@ -92,4 +96,4 @@ export {
|
|
|
92
96
|
card_schema_default as default
|
|
93
97
|
};
|
|
94
98
|
|
|
95
|
-
//# debugId=
|
|
99
|
+
//# debugId=C5C01A614562B6B964756E2164756E21
|
|
@@ -42,7 +42,15 @@
|
|
|
42
42
|
padding: var(--cinder-space-4);
|
|
43
43
|
}
|
|
44
44
|
|
|
45
|
-
.cinder-card__body[data-cinder-tone="muted"]
|
|
45
|
+
.cinder-card__body[data-cinder-tone="muted"] {
|
|
46
|
+
background: var(--cinder-surface-inset);
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.cinder-card__body[data-cinder-padding="none"] {
|
|
50
|
+
padding: 0;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.cinder-card[data-cinder-variant="well"] .cinder-card__body {
|
|
46
54
|
background: var(--cinder-surface-inset);
|
|
47
55
|
}
|
|
48
56
|
|
|
@@ -56,6 +56,7 @@ function Card($$renderer, $$props) {
|
|
|
56
56
|
bodyTone = "default",
|
|
57
57
|
footerTone = "default",
|
|
58
58
|
edgeToEdgeOnMobile = false,
|
|
59
|
+
padding = "default",
|
|
59
60
|
$$slots,
|
|
60
61
|
$$events,
|
|
61
62
|
...rest
|
|
@@ -92,7 +93,7 @@ function Card($$renderer, $$props) {
|
|
|
92
93
|
} else {
|
|
93
94
|
$$renderer2.push("<!--[-1-->");
|
|
94
95
|
}
|
|
95
|
-
$$renderer2.push(`<!--]--> <div class="cinder-card__body"${$.attr("data-cinder-tone", bodyTone)}>`);
|
|
96
|
+
$$renderer2.push(`<!--]--> <div class="cinder-card__body"${$.attr("data-cinder-tone", bodyTone)}${$.attr("data-cinder-padding", padding)}>`);
|
|
96
97
|
children($$renderer2);
|
|
97
98
|
$$renderer2.push(`<!----></div> `);
|
|
98
99
|
if (footer) {
|
|
@@ -114,4 +115,4 @@ export {
|
|
|
114
115
|
Card
|
|
115
116
|
};
|
|
116
117
|
|
|
117
|
-
//# debugId=
|
|
118
|
+
//# debugId=81CB6386CAF18F4364756E2164756E21
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
.ProseMirror-selectednode {
|
|
41
|
-
outline: 2px solid
|
|
41
|
+
outline: 2px solid var(--cinder-accent);
|
|
42
42
|
}
|
|
43
43
|
|
|
44
44
|
li.ProseMirror-selectednode {
|
|
@@ -48,8 +48,8 @@
|
|
|
48
48
|
li.ProseMirror-selectednode:after {
|
|
49
49
|
content: "";
|
|
50
50
|
position: absolute;
|
|
51
|
+
border: 2px solid var(--cinder-accent);
|
|
51
52
|
pointer-events: none;
|
|
52
|
-
border: 2px solid #8cf;
|
|
53
53
|
inset: -2px -2px -2px -32px;
|
|
54
54
|
}
|
|
55
55
|
|
|
@@ -2128,6 +2128,9 @@ function Button($$renderer, $$props) {
|
|
|
2128
2128
|
"aria-busy": consumerAriaBusy,
|
|
2129
2129
|
"aria-label": ariaLabel,
|
|
2130
2130
|
"aria-labelledby": ariaLabelledBy,
|
|
2131
|
+
"aria-expanded": ariaExpanded,
|
|
2132
|
+
"aria-controls": ariaControls,
|
|
2133
|
+
"aria-haspopup": ariaHaspopup,
|
|
2131
2134
|
$$slots,
|
|
2132
2135
|
$$events,
|
|
2133
2136
|
...rest
|
|
@@ -2216,7 +2219,10 @@ function Button($$renderer, $$props) {
|
|
|
2216
2219
|
"aria-disabled": resolvedAriaDisabled(),
|
|
2217
2220
|
"aria-busy": resolvedAriaBusy(),
|
|
2218
2221
|
"aria-label": resolvedAriaLabel(),
|
|
2219
|
-
"aria-labelledby": resolvedAriaLabelledBy()
|
|
2222
|
+
"aria-labelledby": resolvedAriaLabelledBy(),
|
|
2223
|
+
"aria-expanded": ariaExpanded,
|
|
2224
|
+
"aria-controls": ariaControls,
|
|
2225
|
+
"aria-haspopup": ariaHaspopup
|
|
2220
2226
|
})}>`);
|
|
2221
2227
|
buttonContent($$renderer2);
|
|
2222
2228
|
$$renderer2.push(`<!----></a>`);
|
|
@@ -2231,7 +2237,10 @@ function Button($$renderer, $$props) {
|
|
|
2231
2237
|
"aria-disabled": resolvedAriaDisabled(),
|
|
2232
2238
|
"aria-busy": resolvedAriaBusy(),
|
|
2233
2239
|
"aria-label": resolvedAriaLabel(),
|
|
2234
|
-
"aria-labelledby": resolvedAriaLabelledBy()
|
|
2240
|
+
"aria-labelledby": resolvedAriaLabelledBy(),
|
|
2241
|
+
"aria-expanded": ariaExpanded,
|
|
2242
|
+
"aria-controls": ariaControls,
|
|
2243
|
+
"aria-haspopup": ariaHaspopup
|
|
2235
2244
|
})}>`);
|
|
2236
2245
|
buttonContent($$renderer2);
|
|
2237
2246
|
$$renderer2.push(`<!----></button>`);
|
|
@@ -3989,40 +3998,90 @@ function Dropdown_item($$renderer, $$props) {
|
|
|
3989
3998
|
closeOnSelect = true,
|
|
3990
3999
|
class: customClassName,
|
|
3991
4000
|
onclick,
|
|
4001
|
+
onkeydown,
|
|
4002
|
+
href,
|
|
3992
4003
|
children,
|
|
3993
4004
|
$$slots,
|
|
3994
4005
|
$$events,
|
|
3995
4006
|
...rest
|
|
3996
4007
|
} = $$props;
|
|
3997
4008
|
const context = getDropdownContext();
|
|
4009
|
+
const isLink = $62.derived(() => href !== undefined);
|
|
4010
|
+
const sharedClass = $62.derived(() => classNames("cinder-_option-row", "cinder-dropdown-item", inset && "cinder-dropdown-item--inset", customClassName));
|
|
3998
4011
|
function handleClick(event) {
|
|
3999
|
-
if (disabled)
|
|
4012
|
+
if (disabled) {
|
|
4013
|
+
event.preventDefault();
|
|
4000
4014
|
return;
|
|
4015
|
+
}
|
|
4001
4016
|
if (typeof onclick === "function") {
|
|
4002
|
-
|
|
4017
|
+
if (isLink()) {
|
|
4018
|
+
onclick(event);
|
|
4019
|
+
} else {
|
|
4020
|
+
onclick(event);
|
|
4021
|
+
}
|
|
4003
4022
|
}
|
|
4004
4023
|
if (closeOnSelect) {
|
|
4005
4024
|
context.close();
|
|
4006
4025
|
}
|
|
4007
4026
|
}
|
|
4008
|
-
|
|
4009
|
-
|
|
4010
|
-
|
|
4011
|
-
|
|
4012
|
-
|
|
4013
|
-
|
|
4014
|
-
|
|
4015
|
-
|
|
4016
|
-
|
|
4017
|
-
|
|
4018
|
-
|
|
4027
|
+
function handleAnchorKeydown(event) {
|
|
4028
|
+
if (typeof onkeydown === "function") {
|
|
4029
|
+
onkeydown(event);
|
|
4030
|
+
}
|
|
4031
|
+
if (event.defaultPrevented)
|
|
4032
|
+
return;
|
|
4033
|
+
if (event.key !== " " && event.key !== "Spacebar")
|
|
4034
|
+
return;
|
|
4035
|
+
event.preventDefault();
|
|
4036
|
+
if (disabled)
|
|
4037
|
+
return;
|
|
4038
|
+
event.currentTarget.click();
|
|
4039
|
+
}
|
|
4040
|
+
const anchorAttributes = rest;
|
|
4041
|
+
const buttonAttributes = rest;
|
|
4042
|
+
const buttonType = $62.derived(() => rest.type ?? "button");
|
|
4043
|
+
if (isLink()) {
|
|
4019
4044
|
$$renderer2.push("<!--[0-->");
|
|
4020
|
-
|
|
4021
|
-
|
|
4045
|
+
$$renderer2.push(`<a${$62.attributes({
|
|
4046
|
+
...anchorAttributes,
|
|
4047
|
+
href,
|
|
4048
|
+
role: "menuitem",
|
|
4049
|
+
class: $62.clsx(sharedClass()),
|
|
4050
|
+
"data-cinder-variant": variant,
|
|
4051
|
+
tabindex: -1,
|
|
4052
|
+
"data-disabled": disabled ? "" : undefined,
|
|
4053
|
+
"aria-disabled": disabled ? "true" : undefined
|
|
4054
|
+
})}>`);
|
|
4055
|
+
if (children) {
|
|
4056
|
+
$$renderer2.push("<!--[0-->");
|
|
4057
|
+
children($$renderer2);
|
|
4058
|
+
$$renderer2.push(`<!---->`);
|
|
4059
|
+
} else {
|
|
4060
|
+
$$renderer2.push("<!--[-1-->");
|
|
4061
|
+
}
|
|
4062
|
+
$$renderer2.push(`<!--]--></a>`);
|
|
4022
4063
|
} else {
|
|
4023
4064
|
$$renderer2.push("<!--[-1-->");
|
|
4065
|
+
$$renderer2.push(`<button${$62.attributes({
|
|
4066
|
+
...buttonAttributes,
|
|
4067
|
+
type: buttonType(),
|
|
4068
|
+
role: "menuitem",
|
|
4069
|
+
class: $62.clsx(sharedClass()),
|
|
4070
|
+
"data-cinder-variant": variant,
|
|
4071
|
+
tabindex: -1,
|
|
4072
|
+
"data-disabled": disabled ? "" : undefined,
|
|
4073
|
+
"aria-disabled": disabled ? "true" : undefined
|
|
4074
|
+
})}>`);
|
|
4075
|
+
if (children) {
|
|
4076
|
+
$$renderer2.push("<!--[0-->");
|
|
4077
|
+
children($$renderer2);
|
|
4078
|
+
$$renderer2.push(`<!---->`);
|
|
4079
|
+
} else {
|
|
4080
|
+
$$renderer2.push("<!--[-1-->");
|
|
4081
|
+
}
|
|
4082
|
+
$$renderer2.push(`<!--]--></button>`);
|
|
4024
4083
|
}
|
|
4025
|
-
$$renderer2.push(`<!--]
|
|
4084
|
+
$$renderer2.push(`<!--]-->`);
|
|
4026
4085
|
});
|
|
4027
4086
|
}
|
|
4028
4087
|
|
|
@@ -6981,4 +7040,4 @@ export {
|
|
|
6981
7040
|
Artifact_panel as ArtifactPanel
|
|
6982
7041
|
};
|
|
6983
7042
|
|
|
6984
|
-
//# debugId=
|
|
7043
|
+
//# debugId=F467118E78EC1AD264756E2164756E21
|