@miragon/mcp-toolkit-ui 2.6.0 → 2.8.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/README.md +14 -5
- package/dist/app/adapt-data-widget.d.ts +1 -22
- package/dist/app/adapt-data-widget.d.ts.map +1 -1
- package/dist/app/adapt-data-widget.js +1 -35
- package/dist/app/adapt-data-widget.js.map +1 -1
- package/dist/app/builder/BuilderBanners.d.ts +7 -2
- package/dist/app/builder/BuilderBanners.d.ts.map +1 -1
- package/dist/app/builder/BuilderBanners.js +8 -3
- package/dist/app/builder/BuilderBanners.js.map +1 -1
- package/dist/app/builder/CanvasRow.d.ts +4 -2
- package/dist/app/builder/CanvasRow.d.ts.map +1 -1
- package/dist/app/builder/CanvasRow.js +29 -17
- package/dist/app/builder/CanvasRow.js.map +1 -1
- package/dist/app/builder/CatalogueSheet.d.ts.map +1 -1
- package/dist/app/builder/CatalogueSheet.js +14 -6
- package/dist/app/builder/CatalogueSheet.js.map +1 -1
- package/dist/app/builder/CellPropsSheet.d.ts +7 -3
- package/dist/app/builder/CellPropsSheet.d.ts.map +1 -1
- package/dist/app/builder/CellPropsSheet.js +10 -3
- package/dist/app/builder/CellPropsSheet.js.map +1 -1
- package/dist/app/builder/DiscardDialog.d.ts +18 -0
- package/dist/app/builder/DiscardDialog.d.ts.map +1 -0
- package/dist/app/builder/DiscardDialog.js +18 -0
- package/dist/app/builder/DiscardDialog.js.map +1 -0
- package/dist/app/builder/EmptyHint.d.ts +4 -0
- package/dist/app/builder/EmptyHint.d.ts.map +1 -1
- package/dist/app/builder/EmptyHint.js +6 -1
- package/dist/app/builder/EmptyHint.js.map +1 -1
- package/dist/app/builder/LayoutSurface.d.ts +33 -9
- package/dist/app/builder/LayoutSurface.d.ts.map +1 -1
- package/dist/app/builder/LayoutSurface.js +74 -23
- package/dist/app/builder/LayoutSurface.js.map +1 -1
- package/dist/app/builder/PipelineStrip.d.ts +5 -2
- package/dist/app/builder/PipelineStrip.d.ts.map +1 -1
- package/dist/app/builder/PipelineStrip.js +33 -15
- package/dist/app/builder/PipelineStrip.js.map +1 -1
- package/dist/app/builder/SaveDialog.d.ts +9 -1
- package/dist/app/builder/SaveDialog.d.ts.map +1 -1
- package/dist/app/builder/SaveDialog.js +9 -3
- package/dist/app/builder/SaveDialog.js.map +1 -1
- package/dist/app/builder/Toolbar.d.ts +14 -4
- package/dist/app/builder/Toolbar.d.ts.map +1 -1
- package/dist/app/builder/Toolbar.js +24 -7
- package/dist/app/builder/Toolbar.js.map +1 -1
- package/dist/app/builder/Workspace.d.ts +23 -3
- package/dist/app/builder/Workspace.d.ts.map +1 -1
- package/dist/app/builder/Workspace.js +58 -8
- package/dist/app/builder/Workspace.js.map +1 -1
- package/dist/app/builder/builder-model.d.ts +146 -3
- package/dist/app/builder/builder-model.d.ts.map +1 -1
- package/dist/app/builder/builder-model.js +196 -5
- package/dist/app/builder/builder-model.js.map +1 -1
- package/dist/app/builder/labels.d.ts +13 -62
- package/dist/app/builder/labels.d.ts.map +1 -1
- package/dist/app/builder/labels.js +9 -58
- package/dist/app/builder/labels.js.map +1 -1
- package/dist/app/builder/reveal.d.ts +10 -0
- package/dist/app/builder/reveal.d.ts.map +1 -0
- package/dist/app/builder/reveal.js +10 -0
- package/dist/app/builder/reveal.js.map +1 -0
- package/dist/app/builder/status-chip.d.ts.map +1 -1
- package/dist/app/builder/status-chip.js +3 -2
- package/dist/app/builder/status-chip.js.map +1 -1
- package/dist/app/builder/use-builder-catalogue.d.ts +5 -1
- package/dist/app/builder/use-builder-catalogue.d.ts.map +1 -1
- package/dist/app/builder/use-builder-catalogue.js +50 -17
- package/dist/app/builder/use-builder-catalogue.js.map +1 -1
- package/dist/app/builder/use-builder-session.d.ts +30 -0
- package/dist/app/builder/use-builder-session.d.ts.map +1 -0
- package/dist/app/builder/use-builder-session.js +58 -0
- package/dist/app/builder/use-builder-session.js.map +1 -0
- package/dist/app/builder/use-display-resolver.d.ts +17 -0
- package/dist/app/builder/use-display-resolver.d.ts.map +1 -0
- package/dist/app/builder/use-display-resolver.js +16 -0
- package/dist/app/builder/use-display-resolver.js.map +1 -0
- package/dist/app/builder/use-save-dashboard.d.ts +3 -1
- package/dist/app/builder/use-save-dashboard.d.ts.map +1 -1
- package/dist/app/builder/use-save-dashboard.js +3 -1
- package/dist/app/builder/use-save-dashboard.js.map +1 -1
- package/dist/app/index.d.ts +8 -3
- package/dist/app/index.d.ts.map +1 -1
- package/dist/app/index.js +8 -2
- package/dist/app/index.js.map +1 -1
- package/dist/app/layout-builder.d.ts +18 -25
- package/dist/app/layout-builder.d.ts.map +1 -1
- package/dist/app/layout-builder.js +84 -78
- package/dist/app/layout-builder.js.map +1 -1
- package/dist/app/mcp-app-view-chrome.d.ts +103 -20
- package/dist/app/mcp-app-view-chrome.d.ts.map +1 -1
- package/dist/app/mcp-app-view-chrome.js +125 -40
- package/dist/app/mcp-app-view-chrome.js.map +1 -1
- package/dist/app/mcp-app-view-states.d.ts +23 -0
- package/dist/app/mcp-app-view-states.d.ts.map +1 -0
- package/dist/app/mcp-app-view-states.js +55 -0
- package/dist/app/mcp-app-view-states.js.map +1 -0
- package/dist/app/mcp-app-view.d.ts +72 -5
- package/dist/app/mcp-app-view.d.ts.map +1 -1
- package/dist/app/mcp-app-view.js +241 -141
- package/dist/app/mcp-app-view.js.map +1 -1
- package/dist/app/mcp-toolkit-app.d.ts +8 -2
- package/dist/app/mcp-toolkit-app.d.ts.map +1 -1
- package/dist/app/mcp-toolkit-app.js +33 -4
- package/dist/app/mcp-toolkit-app.js.map +1 -1
- package/dist/app/mcp-use-host-bridge.d.ts +15 -6
- package/dist/app/mcp-use-host-bridge.d.ts.map +1 -1
- package/dist/app/mcp-use-host-bridge.js +51 -22
- package/dist/app/mcp-use-host-bridge.js.map +1 -1
- package/dist/app/model-context.d.ts +71 -0
- package/dist/app/model-context.d.ts.map +1 -0
- package/dist/app/model-context.js +101 -0
- package/dist/app/model-context.js.map +1 -0
- package/dist/app/use-build-mode-focus.d.ts +33 -0
- package/dist/app/use-build-mode-focus.d.ts.map +1 -0
- package/dist/app/use-build-mode-focus.js +59 -0
- package/dist/app/use-build-mode-focus.js.map +1 -0
- package/dist/app/use-view-actions.d.ts +31 -0
- package/dist/app/use-view-actions.d.ts.map +1 -0
- package/dist/app/use-view-actions.js +81 -0
- package/dist/app/use-view-actions.js.map +1 -0
- package/dist/app/use-view-lifecycle.d.ts +42 -0
- package/dist/app/use-view-lifecycle.d.ts.map +1 -0
- package/dist/app/use-view-lifecycle.js +81 -0
- package/dist/app/use-view-lifecycle.js.map +1 -0
- package/dist/app/view-lifecycle.d.ts +185 -0
- package/dist/app/view-lifecycle.d.ts.map +1 -0
- package/dist/app/view-lifecycle.js +207 -0
- package/dist/app/view-lifecycle.js.map +1 -0
- package/dist/app/widget-fixture.d.ts +10 -3
- package/dist/app/widget-fixture.d.ts.map +1 -1
- package/dist/app/widget-fixture.js +21 -8
- package/dist/app/widget-fixture.js.map +1 -1
- package/dist/app/widget-props-sheet.d.ts +6 -10
- package/dist/app/widget-props-sheet.d.ts.map +1 -1
- package/dist/app/widget-props-sheet.js +25 -20
- package/dist/app/widget-props-sheet.js.map +1 -1
- package/dist/app/widget-renderer.d.ts +41 -1
- package/dist/app/widget-renderer.d.ts.map +1 -1
- package/dist/app/widget-renderer.js +82 -31
- package/dist/app/widget-renderer.js.map +1 -1
- package/dist/components/DrillButton.d.ts +9 -6
- package/dist/components/DrillButton.d.ts.map +1 -1
- package/dist/components/DrillButton.js +9 -6
- package/dist/components/DrillButton.js.map +1 -1
- package/dist/components/EmptyState.d.ts +33 -0
- package/dist/components/EmptyState.d.ts.map +1 -0
- package/dist/components/EmptyState.js +19 -0
- package/dist/components/EmptyState.js.map +1 -0
- package/dist/components/ErrorState.d.ts +53 -0
- package/dist/components/ErrorState.d.ts.map +1 -0
- package/dist/components/ErrorState.js +77 -0
- package/dist/components/ErrorState.js.map +1 -0
- package/dist/components/FilterBar.d.ts +16 -5
- package/dist/components/FilterBar.d.ts.map +1 -1
- package/dist/components/FilterBar.js +13 -5
- package/dist/components/FilterBar.js.map +1 -1
- package/dist/components/GroupCard.d.ts.map +1 -1
- package/dist/components/GroupCard.js +2 -1
- package/dist/components/GroupCard.js.map +1 -1
- package/dist/components/KpiGrid.d.ts +70 -18
- package/dist/components/KpiGrid.d.ts.map +1 -1
- package/dist/components/KpiGrid.js +112 -23
- package/dist/components/KpiGrid.js.map +1 -1
- package/dist/components/ListFooter.d.ts +32 -4
- package/dist/components/ListFooter.d.ts.map +1 -1
- package/dist/components/ListFooter.js +35 -6
- package/dist/components/ListFooter.js.map +1 -1
- package/dist/components/PagedListFooter.d.ts +57 -0
- package/dist/components/PagedListFooter.d.ts.map +1 -0
- package/dist/components/PagedListFooter.js +27 -0
- package/dist/components/PagedListFooter.js.map +1 -0
- package/dist/components/Pills.d.ts +36 -12
- package/dist/components/Pills.d.ts.map +1 -1
- package/dist/components/Pills.js +29 -8
- package/dist/components/Pills.js.map +1 -1
- package/dist/components/SectionHeading.d.ts +3 -1
- package/dist/components/SectionHeading.d.ts.map +1 -1
- package/dist/components/SectionHeading.js +6 -2
- package/dist/components/SectionHeading.js.map +1 -1
- package/dist/components/Toast.d.ts +43 -0
- package/dist/components/Toast.d.ts.map +1 -0
- package/dist/components/Toast.js +106 -0
- package/dist/components/Toast.js.map +1 -0
- package/dist/components/WidgetHeader.d.ts +34 -10
- package/dist/components/WidgetHeader.d.ts.map +1 -1
- package/dist/components/WidgetHeader.js +11 -6
- package/dist/components/WidgetHeader.js.map +1 -1
- package/dist/hooks/index.d.ts +4 -4
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +1 -1
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/tool-result-recovery-model.d.ts +155 -0
- package/dist/hooks/tool-result-recovery-model.d.ts.map +1 -0
- package/dist/hooks/tool-result-recovery-model.js +273 -0
- package/dist/hooks/tool-result-recovery-model.js.map +1 -0
- package/dist/hooks/use-tool-query.d.ts +56 -14
- package/dist/hooks/use-tool-query.d.ts.map +1 -1
- package/dist/hooks/use-tool-query.js +102 -25
- package/dist/hooks/use-tool-query.js.map +1 -1
- package/dist/hooks/use-tool-result-recovery.d.ts +61 -44
- package/dist/hooks/use-tool-result-recovery.d.ts.map +1 -1
- package/dist/hooks/use-tool-result-recovery.js +62 -110
- package/dist/hooks/use-tool-result-recovery.js.map +1 -1
- package/dist/hooks/use-view-data.d.ts +55 -7
- package/dist/hooks/use-view-data.d.ts.map +1 -1
- package/dist/hooks/use-view-data.js +81 -11
- package/dist/hooks/use-view-data.js.map +1 -1
- package/dist/hooks/use-view-tool-query.d.ts +12 -7
- package/dist/hooks/use-view-tool-query.d.ts.map +1 -1
- package/dist/hooks/use-view-tool-query.js +15 -14
- package/dist/hooks/use-view-tool-query.js.map +1 -1
- package/dist/index.d.ts +27 -13
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +29 -7
- package/dist/index.js.map +1 -1
- package/dist/lib/focus-return.d.ts +61 -0
- package/dist/lib/focus-return.d.ts.map +1 -0
- package/dist/lib/focus-return.js +46 -0
- package/dist/lib/focus-return.js.map +1 -0
- package/dist/lib/focus-ring.d.ts +18 -0
- package/dist/lib/focus-ring.d.ts.map +1 -0
- package/dist/lib/focus-ring.js +18 -0
- package/dist/lib/focus-ring.js.map +1 -0
- package/dist/lib/icon-stroke.d.ts +12 -0
- package/dist/lib/icon-stroke.d.ts.map +1 -0
- package/dist/lib/icon-stroke.js +12 -0
- package/dist/lib/icon-stroke.js.map +1 -0
- package/dist/lib/parse-tool-result.d.ts +23 -1
- package/dist/lib/parse-tool-result.d.ts.map +1 -1
- package/dist/lib/parse-tool-result.js +38 -2
- package/dist/lib/parse-tool-result.js.map +1 -1
- package/dist/lib/toast-model.d.ts +86 -0
- package/dist/lib/toast-model.d.ts.map +1 -0
- package/dist/lib/toast-model.js +102 -0
- package/dist/lib/toast-model.js.map +1 -0
- package/dist/lib/tone-utils.d.ts +95 -9
- package/dist/lib/tone-utils.d.ts.map +1 -1
- package/dist/lib/tone-utils.js +100 -9
- package/dist/lib/tone-utils.js.map +1 -1
- package/dist/lib/tool-query.d.ts +107 -0
- package/dist/lib/tool-query.d.ts.map +1 -0
- package/dist/lib/tool-query.js +182 -0
- package/dist/lib/tool-query.js.map +1 -0
- package/dist/lib/tool-result-observer.d.ts +108 -0
- package/dist/lib/tool-result-observer.d.ts.map +1 -0
- package/dist/lib/tool-result-observer.js +158 -0
- package/dist/lib/tool-result-observer.js.map +1 -0
- package/dist/lib/typography.d.ts +37 -0
- package/dist/lib/typography.d.ts.map +1 -0
- package/dist/lib/typography.js +41 -0
- package/dist/lib/typography.js.map +1 -0
- package/dist/lib/utils.d.ts.map +1 -1
- package/dist/lib/utils.js +11 -1
- package/dist/lib/utils.js.map +1 -1
- package/dist/locale/index.d.ts +3 -1
- package/dist/locale/index.d.ts.map +1 -1
- package/dist/locale/index.js +2 -1
- package/dist/locale/index.js.map +1 -1
- package/dist/locale/locale-provider.d.ts +42 -1
- package/dist/locale/locale-provider.d.ts.map +1 -1
- package/dist/locale/locale-provider.js +44 -3
- package/dist/locale/locale-provider.js.map +1 -1
- package/dist/locale/message-types.d.ts +336 -0
- package/dist/locale/message-types.d.ts.map +1 -0
- package/dist/locale/message-types.js +7 -0
- package/dist/locale/message-types.js.map +1 -0
- package/dist/locale/messages-de.d.ts +9 -0
- package/dist/locale/messages-de.d.ts.map +1 -0
- package/dist/locale/messages-de.js +185 -0
- package/dist/locale/messages-de.js.map +1 -0
- package/dist/locale/messages-en.d.ts +8 -0
- package/dist/locale/messages-en.d.ts.map +1 -0
- package/dist/locale/messages-en.js +184 -0
- package/dist/locale/messages-en.js.map +1 -0
- package/dist/locale/toolkit-messages.d.ts +57 -0
- package/dist/locale/toolkit-messages.d.ts.map +1 -0
- package/dist/locale/toolkit-messages.js +103 -0
- package/dist/locale/toolkit-messages.js.map +1 -0
- package/dist/primitives/alert.d.ts +1 -1
- package/dist/primitives/alert.d.ts.map +1 -1
- package/dist/primitives/alert.js +6 -2
- package/dist/primitives/alert.js.map +1 -1
- package/dist/primitives/badge.d.ts +1 -1
- package/dist/primitives/badge.d.ts.map +1 -1
- package/dist/primitives/badge.js +19 -6
- package/dist/primitives/badge.js.map +1 -1
- package/dist/primitives/button.d.ts +1 -1
- package/dist/primitives/button.d.ts.map +1 -1
- package/dist/primitives/button.js +12 -8
- package/dist/primitives/button.js.map +1 -1
- package/dist/primitives/card.js +4 -4
- package/dist/primitives/card.js.map +1 -1
- package/dist/primitives/dialog.d.ts +7 -3
- package/dist/primitives/dialog.d.ts.map +1 -1
- package/dist/primitives/dialog.js +22 -8
- package/dist/primitives/dialog.js.map +1 -1
- package/dist/primitives/input.d.ts.map +1 -1
- package/dist/primitives/input.js +4 -1
- package/dist/primitives/input.js.map +1 -1
- package/dist/primitives/scroll-area.js +1 -1
- package/dist/primitives/scroll-area.js.map +1 -1
- package/dist/primitives/select.d.ts.map +1 -1
- package/dist/primitives/select.js +6 -3
- package/dist/primitives/select.js.map +1 -1
- package/dist/primitives/sheet.d.ts +3 -1
- package/dist/primitives/sheet.d.ts.map +1 -1
- package/dist/primitives/sheet.js +17 -7
- package/dist/primitives/sheet.js.map +1 -1
- package/dist/primitives/skeleton.js +1 -1
- package/dist/primitives/skeleton.js.map +1 -1
- package/dist/primitives/switch.d.ts.map +1 -1
- package/dist/primitives/switch.js +2 -1
- package/dist/primitives/switch.js.map +1 -1
- package/dist/primitives/tabs.d.ts.map +1 -1
- package/dist/primitives/tabs.js +5 -3
- package/dist/primitives/tabs.js.map +1 -1
- package/dist/providers/query-provider.d.ts +32 -1
- package/dist/providers/query-provider.d.ts.map +1 -1
- package/dist/providers/query-provider.js +53 -4
- package/dist/providers/query-provider.js.map +1 -1
- package/dist/render-cases-primitives.js +1 -1
- package/dist/render-cases-primitives.js.map +1 -1
- package/dist/render-cases.d.ts.map +1 -1
- package/dist/render-cases.js +48 -6
- package/dist/render-cases.js.map +1 -1
- package/dist/render-effects.d.ts +42 -0
- package/dist/render-effects.d.ts.map +1 -0
- package/dist/render-effects.js +81 -0
- package/dist/render-effects.js.map +1 -0
- package/dist/render-scan.d.ts +25 -0
- package/dist/render-scan.d.ts.map +1 -0
- package/dist/render-scan.js +66 -0
- package/dist/render-scan.js.map +1 -0
- package/dist/theme/cd-tokens.d.ts +66 -0
- package/dist/theme/cd-tokens.d.ts.map +1 -0
- package/dist/theme/cd-tokens.js +64 -0
- package/dist/theme/cd-tokens.js.map +1 -0
- package/dist/theme/create-theme.d.ts +214 -39
- package/dist/theme/create-theme.d.ts.map +1 -1
- package/dist/theme/create-theme.js +204 -13
- package/dist/theme/create-theme.js.map +1 -1
- package/dist/theme/fonts.d.ts +38 -0
- package/dist/theme/fonts.d.ts.map +1 -0
- package/dist/theme/fonts.js +56 -0
- package/dist/theme/fonts.js.map +1 -0
- package/dist/theme/host-fonts.d.ts +39 -0
- package/dist/theme/host-fonts.d.ts.map +1 -0
- package/dist/theme/host-fonts.js +44 -0
- package/dist/theme/host-fonts.js.map +1 -0
- package/dist/theme/index.d.ts +8 -1
- package/dist/theme/index.d.ts.map +1 -1
- package/dist/theme/index.js +5 -1
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/portal-container.d.ts +16 -0
- package/dist/theme/portal-container.d.ts.map +1 -0
- package/dist/theme/portal-container.js +19 -0
- package/dist/theme/portal-container.js.map +1 -0
- package/dist/theme/presets.d.ts +24 -9
- package/dist/theme/presets.d.ts.map +1 -1
- package/dist/theme/presets.js +44 -11
- package/dist/theme/presets.js.map +1 -1
- package/dist/theme/theme-provider.d.ts +27 -9
- package/dist/theme/theme-provider.d.ts.map +1 -1
- package/dist/theme/theme-provider.js +42 -20
- package/dist/theme/theme-provider.js.map +1 -1
- package/package.json +11 -5
- package/src/app/adapt-data-widget.tsx +2 -42
- package/src/app/builder/BuilderBanners.tsx +26 -13
- package/src/app/builder/CanvasRow.tsx +79 -32
- package/src/app/builder/CatalogueSheet.tsx +58 -35
- package/src/app/builder/CellPropsSheet.tsx +17 -2
- package/src/app/builder/DiscardDialog.tsx +59 -0
- package/src/app/builder/EmptyHint.tsx +16 -11
- package/src/app/builder/LayoutSurface.tsx +207 -67
- package/src/app/builder/PipelineStrip.tsx +265 -156
- package/src/app/builder/SaveDialog.tsx +25 -14
- package/src/app/builder/Toolbar.tsx +154 -57
- package/src/app/builder/Workspace.tsx +226 -56
- package/src/app/builder/builder-feedback.test.tsx +75 -0
- package/src/app/builder/builder-model.test.ts +5 -0
- package/src/app/builder/builder-model.ts +346 -6
- package/src/app/builder/builder-model.ux.test.ts +456 -0
- package/src/app/builder/builder-ux.test.tsx +844 -0
- package/src/app/builder/labels.ts +15 -121
- package/src/app/builder/reveal.ts +10 -0
- package/src/app/builder/status-chip.tsx +8 -4
- package/src/app/builder/use-builder-catalogue.ts +62 -19
- package/src/app/builder/use-builder-session.ts +68 -0
- package/src/app/builder/use-display-resolver.ts +24 -0
- package/src/app/builder/use-save-dashboard.ts +5 -0
- package/src/app/index.ts +20 -3
- package/src/app/layout-builder.tsx +193 -186
- package/src/app/mcp-app-view-chrome.test.tsx +487 -14
- package/src/app/mcp-app-view-chrome.tsx +328 -100
- package/src/app/mcp-app-view-states.tsx +140 -0
- package/src/app/mcp-app-view.effects.test.tsx +292 -0
- package/src/app/mcp-app-view.test.tsx +478 -0
- package/src/app/mcp-app-view.tsx +447 -190
- package/src/app/mcp-toolkit-app.test.tsx +40 -0
- package/src/app/mcp-toolkit-app.tsx +39 -8
- package/src/app/mcp-use-host-bridge.test.tsx +180 -0
- package/src/app/mcp-use-host-bridge.tsx +67 -24
- package/src/app/model-context.test.tsx +116 -0
- package/src/app/model-context.tsx +125 -0
- package/src/app/use-build-mode-focus.ts +62 -0
- package/src/app/use-view-actions.ts +89 -0
- package/src/app/use-view-lifecycle.ts +122 -0
- package/src/app/view-lifecycle.test.ts +443 -0
- package/src/app/view-lifecycle.ts +334 -0
- package/src/app/widget-fixture.effects.test.tsx +51 -0
- package/src/app/widget-fixture.render.test.tsx +81 -0
- package/src/app/widget-fixture.tsx +34 -11
- package/src/app/widget-props-sheet.tsx +67 -39
- package/src/app/widget-renderer.render.test.tsx +131 -0
- package/src/app/widget-renderer.tsx +136 -38
- package/src/components/DrillButton.tsx +24 -10
- package/src/components/EmptyState.tsx +83 -0
- package/src/components/ErrorState.tsx +204 -0
- package/src/components/FilterBar.test.tsx +82 -0
- package/src/components/FilterBar.tsx +56 -27
- package/src/components/GroupCard.tsx +3 -2
- package/src/components/KpiGrid.test.tsx +279 -0
- package/src/components/KpiGrid.tsx +329 -91
- package/src/components/ListFooter.test.tsx +116 -0
- package/src/components/ListFooter.tsx +110 -12
- package/src/components/PagedListFooter.test.tsx +140 -0
- package/src/components/PagedListFooter.tsx +107 -0
- package/src/components/Pills.test.tsx +77 -0
- package/src/components/Pills.tsx +78 -16
- package/src/components/SectionHeading.tsx +9 -3
- package/src/components/Toast.tsx +206 -0
- package/src/components/WidgetHeader.test.tsx +78 -0
- package/src/components/WidgetHeader.tsx +63 -16
- package/src/components/feedback-states.test.tsx +314 -0
- package/src/components/tone-figures.test.tsx +58 -0
- package/src/fonts.css +19 -0
- package/src/globals.css +9 -165
- package/src/hooks/index.ts +6 -3
- package/src/hooks/tool-result-recovery-model.test.ts +744 -0
- package/src/hooks/tool-result-recovery-model.ts +418 -0
- package/src/hooks/use-tool-query.effects.test.tsx +205 -0
- package/src/hooks/use-tool-query.ts +156 -33
- package/src/hooks/use-tool-result-recovery.effects.test.tsx +141 -0
- package/src/hooks/use-tool-result-recovery.test.ts +28 -5
- package/src/hooks/use-tool-result-recovery.ts +101 -131
- package/src/hooks/use-view-data.test.tsx +169 -0
- package/src/hooks/use-view-data.ts +131 -10
- package/src/hooks/use-view-tool-query.ts +25 -19
- package/src/i18n-coverage.test.tsx +425 -0
- package/src/index.ts +102 -13
- package/src/lib/focus-return.test.ts +288 -0
- package/src/lib/focus-return.ts +96 -0
- package/src/lib/focus-ring.ts +20 -0
- package/src/lib/icon-stroke.test.ts +59 -0
- package/src/lib/icon-stroke.ts +13 -0
- package/src/lib/parse-tool-result.test.ts +46 -1
- package/src/lib/parse-tool-result.ts +40 -2
- package/src/lib/toast-model.test.ts +233 -0
- package/src/lib/toast-model.ts +165 -0
- package/src/lib/tone-utils.test.ts +125 -16
- package/src/lib/tone-utils.ts +144 -15
- package/src/lib/tool-query.test.ts +569 -0
- package/src/lib/tool-query.ts +253 -0
- package/src/lib/tool-result-observer.test.ts +296 -0
- package/src/lib/tool-result-observer.ts +211 -0
- package/src/lib/typography.test.ts +45 -0
- package/src/lib/typography.ts +47 -0
- package/src/lib/utils.ts +12 -1
- package/src/locale/index.ts +14 -1
- package/src/locale/locale-provider.test.tsx +87 -0
- package/src/locale/locale-provider.tsx +90 -3
- package/src/locale/message-types.ts +337 -0
- package/src/locale/messages-de.ts +198 -0
- package/src/locale/messages-en.ts +196 -0
- package/src/locale/toolkit-messages.test.ts +349 -0
- package/src/locale/toolkit-messages.ts +143 -0
- package/src/no-hardcoded-copy.test.ts +432 -0
- package/src/primitives/alert.tsx +7 -2
- package/src/primitives/badge.tsx +19 -7
- package/src/primitives/button.tsx +13 -8
- package/src/primitives/card.tsx +4 -4
- package/src/primitives/dialog.tsx +42 -8
- package/src/primitives/input.tsx +5 -3
- package/src/primitives/scroll-area.tsx +1 -1
- package/src/primitives/select.tsx +7 -4
- package/src/primitives/sheet.tsx +33 -6
- package/src/primitives/skeleton.tsx +1 -1
- package/src/primitives/switch.tsx +4 -2
- package/src/primitives/tabs.tsx +9 -6
- package/src/providers/query-provider.test.tsx +154 -0
- package/src/providers/query-provider.tsx +66 -5
- package/src/render-cases-primitives.tsx +1 -1
- package/src/render-cases.tsx +82 -6
- package/src/render-effects.tsx +96 -0
- package/src/render-scan.ts +75 -0
- package/src/theme/cd-tokens.generated.css +48 -0
- package/src/theme/cd-tokens.test.ts +109 -0
- package/src/theme/cd-tokens.ts +67 -0
- package/src/theme/create-theme.test.ts +253 -5
- package/src/theme/create-theme.ts +341 -41
- package/src/theme/fonts.test.ts +85 -0
- package/src/theme/fonts.ts +72 -0
- package/src/theme/host-fonts.test.ts +135 -0
- package/src/theme/host-fonts.ts +52 -0
- package/src/theme/index.ts +15 -1
- package/src/theme/portal-container.ts +20 -0
- package/src/theme/presets.ts +44 -11
- package/src/theme/theme-css.test.ts +619 -0
- package/src/theme/theme-provider.test.tsx +82 -0
- package/src/theme/theme-provider.tsx +60 -24
- package/src/theme.css +344 -0
- package/ui-catalog.json +783 -49
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* The Miragon corporate-design tokens (`--cd-*`) as plain TypeScript, for code
|
|
3
|
+
* that cannot read CSS variables — an SVG or canvas renderer (BPMN overlays,
|
|
4
|
+
* chart marks), a server-side image, a test. Keys are the CSS names without the
|
|
5
|
+
* `--cd-` prefix.
|
|
6
|
+
*
|
|
7
|
+
* The source of truth is the vendored `cd-tokens.generated.css` next to this
|
|
8
|
+
* file (miragon-brand 1.8.0, copied unchanged from Miragon/corporate-identity).
|
|
9
|
+
* This module mirrors it value for value; `cd-tokens.test.ts` fails on any
|
|
10
|
+
* drift (modeler-tool-design §13). Never edit a value here without re-vendoring
|
|
11
|
+
* the CSS first.
|
|
12
|
+
*
|
|
13
|
+
* UI code styles through the role tokens (`bg-primary`, `text-link`,
|
|
14
|
+
* `border-danger`, …), never through these constants.
|
|
15
|
+
*/
|
|
16
|
+
export const CD_TOKENS = {
|
|
17
|
+
blau: "#335DE5",
|
|
18
|
+
gruen: "#00E676",
|
|
19
|
+
grau: "#F9F7F7",
|
|
20
|
+
schwarz: "#1D1D1D",
|
|
21
|
+
weiss: "#FFFFFF",
|
|
22
|
+
"blau-link": "#2B50D4",
|
|
23
|
+
"blau-hell": "#6B8AFF",
|
|
24
|
+
success: "#00E676",
|
|
25
|
+
"success-soft": "#DAFBEB",
|
|
26
|
+
"success-hell": "#00E676",
|
|
27
|
+
warning: "#FFB000",
|
|
28
|
+
"warning-soft": "#FFF1D2",
|
|
29
|
+
"warning-hell": "#FFB000",
|
|
30
|
+
danger: "#CD1839",
|
|
31
|
+
"danger-soft": "#FBEEF0",
|
|
32
|
+
"danger-hell": "#FB6D73",
|
|
33
|
+
info: "#335DE5",
|
|
34
|
+
"info-soft": "#EEF1FD",
|
|
35
|
+
"info-hell": "#6B8AFF",
|
|
36
|
+
linie: "#E6E2E2",
|
|
37
|
+
kontur: "#8F8A8A",
|
|
38
|
+
"text-leise": "#6B6666",
|
|
39
|
+
"gradient-brand": "linear-gradient(120deg, #335DE5 30%, #00E676)",
|
|
40
|
+
"gradient-format": "linear-gradient(135deg, #335DE5 0%, #00E676 140%)",
|
|
41
|
+
"space-1": "4px",
|
|
42
|
+
"space-2": "8px",
|
|
43
|
+
"space-3": "16px",
|
|
44
|
+
"space-4": "24px",
|
|
45
|
+
"space-5": "32px",
|
|
46
|
+
"space-6": "48px",
|
|
47
|
+
"space-7": "64px",
|
|
48
|
+
"space-8": "96px",
|
|
49
|
+
"radius-sm": "6px",
|
|
50
|
+
"radius-md": "12px",
|
|
51
|
+
"radius-lg": "16px",
|
|
52
|
+
"radius-pill": "999px",
|
|
53
|
+
"shadow-1": "0 1px 2px rgba(29, 29, 29, 0.06), 0 1px 3px rgba(29, 29, 29, 0.10)",
|
|
54
|
+
"shadow-2": "0 4px 12px rgba(29, 29, 29, 0.10)",
|
|
55
|
+
"shadow-3": "0 12px 32px rgba(29, 29, 29, 0.16)",
|
|
56
|
+
"motion-fast": "150ms",
|
|
57
|
+
"motion-base": "250ms",
|
|
58
|
+
"motion-slow": "400ms",
|
|
59
|
+
ease: "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
60
|
+
"ease-out": "cubic-bezier(0, 0, 0.2, 1)",
|
|
61
|
+
};
|
|
62
|
+
/** The miragon-brand release the vendored tokens come from. */
|
|
63
|
+
export const CD_TOKENS_VERSION = "1.8.0";
|
|
64
|
+
//# sourceMappingURL=cd-tokens.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cd-tokens.js","sourceRoot":"","sources":["../../src/theme/cd-tokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,SAAS;IACf,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,SAAS;IAChB,WAAW,EAAE,SAAS;IACtB,WAAW,EAAE,SAAS;IACtB,OAAO,EAAE,SAAS;IAClB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,OAAO,EAAE,SAAS;IAClB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,MAAM,EAAE,SAAS;IACjB,aAAa,EAAE,SAAS;IACxB,aAAa,EAAE,SAAS;IACxB,IAAI,EAAE,SAAS;IACf,WAAW,EAAE,SAAS;IACtB,WAAW,EAAE,SAAS;IACtB,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,SAAS;IACjB,YAAY,EAAE,SAAS;IACvB,gBAAgB,EAAE,+CAA+C;IACjE,iBAAiB,EAAE,mDAAmD;IACtE,SAAS,EAAE,KAAK;IAChB,SAAS,EAAE,KAAK;IAChB,SAAS,EAAE,MAAM;IACjB,SAAS,EAAE,MAAM;IACjB,SAAS,EAAE,MAAM;IACjB,SAAS,EAAE,MAAM;IACjB,SAAS,EAAE,MAAM;IACjB,SAAS,EAAE,MAAM;IACjB,WAAW,EAAE,KAAK;IAClB,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,MAAM;IACnB,aAAa,EAAE,OAAO;IACtB,UAAU,EAAE,oEAAoE;IAChF,UAAU,EAAE,mCAAmC;IAC/C,UAAU,EAAE,oCAAoC;IAChD,aAAa,EAAE,OAAO;IACtB,aAAa,EAAE,OAAO;IACtB,aAAa,EAAE,OAAO;IACtB,IAAI,EAAE,8BAA8B;IACpC,UAAU,EAAE,4BAA4B;CAChC,CAAA;AAKV,+DAA+D;AAC/D,MAAM,CAAC,MAAM,iBAAiB,GAAG,OAAO,CAAA"}
|
|
@@ -1,28 +1,39 @@
|
|
|
1
1
|
import type { CSSProperties } from "react";
|
|
2
2
|
/**
|
|
3
|
-
*
|
|
4
|
-
*
|
|
5
|
-
*
|
|
6
|
-
* pair, the surface/accent colours, the border/ring, and the shape/typography
|
|
7
|
-
* knobs — expressed in plain, design-system terms.
|
|
3
|
+
* The toolkit's theming surface in plain, design-system terms: one optional
|
|
4
|
+
* field per ROLE variable defined in `packages/ui/src/theme.css` (the role-token
|
|
5
|
+
* contract, see {@link ROLE_TOKENS}), plus the legacy shadcn knobs it always had.
|
|
8
6
|
*
|
|
9
|
-
*
|
|
10
|
-
*
|
|
11
|
-
*
|
|
12
|
-
*
|
|
13
|
-
* `font-family` lists.
|
|
7
|
+
* The defaults are the Miragon theme — every role points at a vendored
|
|
8
|
+
* `--cd-*` corporate-design token, in light and in dark. A brand overrides
|
|
9
|
+
* only the roles it cares about and inherits the rest. Colour values are any
|
|
10
|
+
* CSS colour string (`#rrggbb`, `oklch(...)`, `color-mix(...)`), lengths any
|
|
11
|
+
* CSS length, fonts `font-family` lists, durations CSS times.
|
|
14
12
|
*
|
|
15
|
-
*
|
|
16
|
-
*
|
|
17
|
-
*
|
|
18
|
-
*
|
|
13
|
+
* Roles a component must never take from a host's palette — primary, link,
|
|
14
|
+
* focus, the status tones and the input border — are brand decisions; a host
|
|
15
|
+
* maps only the neutral roles (background, card, foreground, border, …).
|
|
16
|
+
*
|
|
17
|
+
* Unlisted variables (`--chart-*`, `--sidebar-*`, `--popover-foreground`, …)
|
|
18
|
+
* stay themeable in CSS. See {@link TOKEN_TO_CSS_VAR} for the exact mapping.
|
|
19
19
|
*/
|
|
20
20
|
export interface ThemeTokens {
|
|
21
|
-
/** Brand colour. Maps to `--primary`. */
|
|
21
|
+
/** Brand colour: primary button fill, selection. Maps to `--primary`. */
|
|
22
22
|
primary?: string;
|
|
23
23
|
/** Text/icon colour on a `primary` surface. Maps to `--primary-foreground`. */
|
|
24
24
|
primaryForeground?: string;
|
|
25
|
-
/**
|
|
25
|
+
/**
|
|
26
|
+
* Primary button fill on hover. Maps to `--primary-hover`. A theme that sets
|
|
27
|
+
* `primary` but never `primaryHover` gets `primary` at 90 % (the pre-role
|
|
28
|
+
* hover) from {@link resolveThemeVars}.
|
|
29
|
+
*/
|
|
30
|
+
primaryHover?: string;
|
|
31
|
+
/**
|
|
32
|
+
* Link and interactive text. Maps to `--link`. A theme that sets `primary`
|
|
33
|
+
* but never `link` gets links in `primary` (the pre-role link colour).
|
|
34
|
+
*/
|
|
35
|
+
link?: string;
|
|
36
|
+
/** Hover/selection highlight surface. Maps to `--accent`. */
|
|
26
37
|
accent?: string;
|
|
27
38
|
/** Text colour on an `accent` surface. Maps to `--accent-foreground`. */
|
|
28
39
|
accentForeground?: string;
|
|
@@ -34,40 +45,189 @@ export interface ThemeTokens {
|
|
|
34
45
|
card?: string;
|
|
35
46
|
/** Text colour on a `card` surface. Maps to `--card-foreground`. */
|
|
36
47
|
cardForeground?: string;
|
|
37
|
-
/**
|
|
48
|
+
/** Menu, select and dialog surface. Maps to `--popover`. */
|
|
49
|
+
popover?: string;
|
|
50
|
+
/** Quiet surface (table heads, skeletons, tab rails). Maps to `--muted`. */
|
|
51
|
+
muted?: string;
|
|
52
|
+
/** Secondary text — must keep 4.5:1 on `muted`. Maps to `--muted-foreground`. */
|
|
53
|
+
mutedForeground?: string;
|
|
54
|
+
/** Secondary button / badge surface. Maps to `--secondary`. */
|
|
55
|
+
secondary?: string;
|
|
56
|
+
/** Decorative dividers and outlines (no contrast claim). Maps to `--border`. */
|
|
38
57
|
border?: string;
|
|
39
|
-
/**
|
|
58
|
+
/** Input border — must keep 3:1 on its surface. Maps to `--input`. */
|
|
59
|
+
input?: string;
|
|
60
|
+
/** Legacy focus-ring colour (shadcn). Maps to `--ring`. */
|
|
40
61
|
ring?: string;
|
|
41
|
-
/**
|
|
62
|
+
/**
|
|
63
|
+
* Focus ring and focused-input border, opaque, 3:1. Maps to `--focus`. A
|
|
64
|
+
* theme that sets `ring` but never `focus` gets its focus ring in `ring`.
|
|
65
|
+
*/
|
|
66
|
+
focus?: string;
|
|
67
|
+
/** Destructive action fill. Maps to `--destructive`. */
|
|
68
|
+
destructive?: string;
|
|
69
|
+
/**
|
|
70
|
+
* Text/icon colour on a `destructive` fill (white by default; keep 4.5:1).
|
|
71
|
+
* Maps to `--destructive-foreground`.
|
|
72
|
+
*/
|
|
73
|
+
destructiveForeground?: string;
|
|
74
|
+
/** Success colour — fill, dot, border, icon (never text on light). Maps to `--success`. */
|
|
75
|
+
success?: string;
|
|
76
|
+
/** Success tint surface. Maps to `--success-soft`. */
|
|
77
|
+
successSoft?: string;
|
|
78
|
+
/** Text colour of the success tone. Maps to `--success-ink`. */
|
|
79
|
+
successInk?: string;
|
|
80
|
+
/** Warning colour — fill, dot, border, icon (never text on light). Maps to `--warning`. */
|
|
81
|
+
warning?: string;
|
|
82
|
+
/** Warning tint surface. Maps to `--warning-soft`. */
|
|
83
|
+
warningSoft?: string;
|
|
84
|
+
/** Text colour of the warning tone. Maps to `--warning-ink`. */
|
|
85
|
+
warningInk?: string;
|
|
86
|
+
/** Danger colour — fill, dot, border, icon. Maps to `--danger`. */
|
|
87
|
+
danger?: string;
|
|
88
|
+
/** Danger tint surface. Maps to `--danger-soft`. */
|
|
89
|
+
dangerSoft?: string;
|
|
90
|
+
/** Text colour of the danger tone. Maps to `--danger-ink`. */
|
|
91
|
+
dangerInk?: string;
|
|
92
|
+
/** Info colour — fill, dot, border, icon. Maps to `--info`. */
|
|
93
|
+
info?: string;
|
|
94
|
+
/** Info tint surface. Maps to `--info-soft`. */
|
|
95
|
+
infoSoft?: string;
|
|
96
|
+
/** Text colour of the info tone. Maps to `--info-ink`. */
|
|
97
|
+
infoInk?: string;
|
|
98
|
+
/**
|
|
99
|
+
* Base corner radius (the legacy shadcn knob). Drives `rounded-xl` and up;
|
|
100
|
+
* applied through a theme ({@link ThemeProvider}, {@link resolveThemeVars}
|
|
101
|
+
* or `toStyle()`) it also derives `radiusSm`/`radiusMd`/`radiusLg` when those
|
|
102
|
+
* are not set. In plain CSS `--radius` no longer reshapes `rounded-sm/md/lg`:
|
|
103
|
+
* set `--radius-sm`/`--radius-md`/`--radius-lg` there. Maps to `--radius`.
|
|
104
|
+
*/
|
|
42
105
|
radius?: string;
|
|
106
|
+
/** Badges and chips. Maps to `--radius-sm` (`rounded-sm`). */
|
|
107
|
+
radiusSm?: string;
|
|
108
|
+
/** The standard: buttons, inputs, cards, dialogs. Maps to `--radius-md` (`rounded-md`). */
|
|
109
|
+
radiusMd?: string;
|
|
110
|
+
/** Large panels and tiles. Maps to `--radius-lg` (`rounded-lg`). */
|
|
111
|
+
radiusLg?: string;
|
|
112
|
+
/** Pills and avatars. Maps to `--radius-pill` (`rounded-pill`). */
|
|
113
|
+
radiusPill?: string;
|
|
114
|
+
/** Subtle elevation. Maps to `--shadow-1` (`shadow-1`). */
|
|
115
|
+
shadow1?: string;
|
|
116
|
+
/** Cards, hovered primary buttons. Maps to `--shadow-2` (`shadow-2`). */
|
|
117
|
+
shadow2?: string;
|
|
118
|
+
/** Popovers and dialogs. Maps to `--shadow-3` (`shadow-3`). */
|
|
119
|
+
shadow3?: string;
|
|
120
|
+
/** Dialog/sheet backdrop. Maps to `--scrim` (`bg-scrim`). */
|
|
121
|
+
scrim?: string;
|
|
122
|
+
/** Hover-speed transitions. Maps to `--motion-fast` (the default duration). */
|
|
123
|
+
motionFast?: string;
|
|
124
|
+
/** Standard transitions. Maps to `--motion-base`. */
|
|
125
|
+
motionBase?: string;
|
|
126
|
+
/** Large enter/leave transitions. Maps to `--motion-slow`. */
|
|
127
|
+
motionSlow?: string;
|
|
128
|
+
/** Easing curve. Maps to `--ease` (the default timing function). */
|
|
129
|
+
ease?: string;
|
|
43
130
|
/** Body font-family list. Maps to `--font-sans`. */
|
|
44
131
|
fontSans?: string;
|
|
132
|
+
/** Code, ids and stack traces. Maps to `--font-mono`. */
|
|
133
|
+
fontMono?: string;
|
|
45
134
|
/** Heading font-family list. Maps to `--font-heading`. */
|
|
46
135
|
fontHeading?: string;
|
|
136
|
+
/** Page title size (CI h2, 28 px). Maps to `--text-title` (`text-title`). */
|
|
137
|
+
textTitle?: string;
|
|
138
|
+
/** Section title size (CI h3, 21 px). Maps to `--text-section` (`text-section`). */
|
|
139
|
+
textSection?: string;
|
|
140
|
+
/** Running text size (16 px). Maps to `--text-body` (`text-body`). */
|
|
141
|
+
textBody?: string;
|
|
142
|
+
/** Dense tables and controls (14 px), never running text. Maps to `--text-dense` (`text-dense`). */
|
|
143
|
+
textDense?: string;
|
|
144
|
+
/**
|
|
145
|
+
* Captions, labels and hints: the smallest text the kit renders (13 px;
|
|
146
|
+
* keep it at 13 px or more). Maps to `--text-small` (`text-small`).
|
|
147
|
+
*/
|
|
148
|
+
textSmall?: string;
|
|
47
149
|
}
|
|
48
150
|
/** The CSS custom-property name a {@link ThemeTokens} field resolves to. */
|
|
49
151
|
type CssVarName = `--${string}`;
|
|
50
152
|
/**
|
|
51
|
-
* The single source of truth mapping each
|
|
52
|
-
*
|
|
53
|
-
*
|
|
54
|
-
*
|
|
153
|
+
* The single source of truth mapping each {@link ThemeTokens} field to its real
|
|
154
|
+
* CSS variable name in `theme.css`. `tokensToVars` walks this map, so adding a
|
|
155
|
+
* field here (and to {@link ThemeTokens}) is all that is needed to extend the
|
|
156
|
+
* public theming surface.
|
|
55
157
|
*/
|
|
56
158
|
export declare const TOKEN_TO_CSS_VAR: {
|
|
57
159
|
readonly primary: "--primary";
|
|
58
160
|
readonly primaryForeground: "--primary-foreground";
|
|
161
|
+
readonly primaryHover: "--primary-hover";
|
|
162
|
+
readonly link: "--link";
|
|
59
163
|
readonly accent: "--accent";
|
|
60
164
|
readonly accentForeground: "--accent-foreground";
|
|
61
165
|
readonly background: "--background";
|
|
62
166
|
readonly foreground: "--foreground";
|
|
63
167
|
readonly card: "--card";
|
|
64
168
|
readonly cardForeground: "--card-foreground";
|
|
169
|
+
readonly popover: "--popover";
|
|
170
|
+
readonly muted: "--muted";
|
|
171
|
+
readonly mutedForeground: "--muted-foreground";
|
|
172
|
+
readonly secondary: "--secondary";
|
|
65
173
|
readonly border: "--border";
|
|
174
|
+
readonly input: "--input";
|
|
66
175
|
readonly ring: "--ring";
|
|
176
|
+
readonly focus: "--focus";
|
|
177
|
+
readonly destructive: "--destructive";
|
|
178
|
+
readonly destructiveForeground: "--destructive-foreground";
|
|
179
|
+
readonly success: "--success";
|
|
180
|
+
readonly successSoft: "--success-soft";
|
|
181
|
+
readonly successInk: "--success-ink";
|
|
182
|
+
readonly warning: "--warning";
|
|
183
|
+
readonly warningSoft: "--warning-soft";
|
|
184
|
+
readonly warningInk: "--warning-ink";
|
|
185
|
+
readonly danger: "--danger";
|
|
186
|
+
readonly dangerSoft: "--danger-soft";
|
|
187
|
+
readonly dangerInk: "--danger-ink";
|
|
188
|
+
readonly info: "--info";
|
|
189
|
+
readonly infoSoft: "--info-soft";
|
|
190
|
+
readonly infoInk: "--info-ink";
|
|
67
191
|
readonly radius: "--radius";
|
|
192
|
+
readonly radiusSm: "--radius-sm";
|
|
193
|
+
readonly radiusMd: "--radius-md";
|
|
194
|
+
readonly radiusLg: "--radius-lg";
|
|
195
|
+
readonly radiusPill: "--radius-pill";
|
|
196
|
+
readonly shadow1: "--shadow-1";
|
|
197
|
+
readonly shadow2: "--shadow-2";
|
|
198
|
+
readonly shadow3: "--shadow-3";
|
|
199
|
+
readonly scrim: "--scrim";
|
|
200
|
+
readonly motionFast: "--motion-fast";
|
|
201
|
+
readonly motionBase: "--motion-base";
|
|
202
|
+
readonly motionSlow: "--motion-slow";
|
|
203
|
+
readonly ease: "--ease";
|
|
68
204
|
readonly fontSans: "--font-sans";
|
|
205
|
+
readonly fontMono: "--font-mono";
|
|
69
206
|
readonly fontHeading: "--font-heading";
|
|
207
|
+
readonly textTitle: "--text-title";
|
|
208
|
+
readonly textSection: "--text-section";
|
|
209
|
+
readonly textBody: "--text-body";
|
|
210
|
+
readonly textDense: "--text-dense";
|
|
211
|
+
readonly textSmall: "--text-small";
|
|
70
212
|
};
|
|
213
|
+
/**
|
|
214
|
+
* The role-token contract: every variable the toolkit defines for components
|
|
215
|
+
* to use (`theme.css`), in light and — for colours — dark. Components in this
|
|
216
|
+
* package, and in apps built on it, style through these names only, never
|
|
217
|
+
* through raw colours or Tailwind palette classes.
|
|
218
|
+
*/
|
|
219
|
+
export declare const ROLE_TOKENS: readonly ["--background", "--card", "--popover", "--muted", "--secondary", "--foreground", "--muted-foreground", "--border", "--input", "--primary", "--primary-foreground", "--primary-hover", "--link", "--ring", "--focus", "--success", "--warning", "--danger", "--info", "--success-soft", "--warning-soft", "--danger-soft", "--info-soft", "--success-ink", "--warning-ink", "--danger-ink", "--info-ink", "--destructive", "--radius-sm", "--radius-md", "--radius-lg", "--radius-pill", "--shadow-1", "--shadow-2", "--shadow-3", "--scrim", "--motion-fast", "--motion-base", "--motion-slow", "--ease", "--font-sans", "--font-mono", "--text-title", "--text-section", "--text-body", "--text-dense", "--text-small"];
|
|
220
|
+
/**
|
|
221
|
+
* Variables whose toolkit value is the same in light and dark (theme.css
|
|
222
|
+
* declares them once, or identically in both modes). A theme's LIGHT value for
|
|
223
|
+
* one of these also applies in dark mode — a brand's button colour, radius or
|
|
224
|
+
* font does not change with the mode. Every other variable (surfaces, text,
|
|
225
|
+
* links, focus, status tones) takes its dark value from the theme's `dark`
|
|
226
|
+
* tokens or, failing that, from the toolkit's dark defaults — never from the
|
|
227
|
+
* light value, which would put light surfaces into a dark scope.
|
|
228
|
+
* Pinned against theme.css by `theme-css.test.ts`.
|
|
229
|
+
*/
|
|
230
|
+
export declare const MODE_INVARIANT_VARS: ReadonlySet<CssVarName>;
|
|
71
231
|
/** A serializable map of CSS custom properties (`--primary` → value). */
|
|
72
232
|
export type ThemeVars = Record<CssVarName, string>;
|
|
73
233
|
/**
|
|
@@ -80,14 +240,18 @@ export type ThemeVars = Record<CssVarName, string>;
|
|
|
80
240
|
* logged, or persisted and rehydrated.
|
|
81
241
|
*/
|
|
82
242
|
export interface ThemeDefinition {
|
|
83
|
-
/** CSS variables applied at the theme scope (overrides `:root`). */
|
|
243
|
+
/** CSS variables applied at the theme scope in light mode (overrides `:root`). */
|
|
84
244
|
vars: ThemeVars;
|
|
85
|
-
/** Dark-mode CSS variables, applied
|
|
245
|
+
/** Dark-mode CSS variables, applied at the theme scope in dark mode. */
|
|
86
246
|
darkVars?: ThemeVars;
|
|
87
247
|
/**
|
|
88
|
-
* The light
|
|
89
|
-
* valid `CSSProperties` keys)
|
|
90
|
-
*
|
|
248
|
+
* The theme's light-mode variables as a React `style` object (CSS custom
|
|
249
|
+
* properties are valid `CSSProperties` keys): exactly what
|
|
250
|
+
* {@link ThemeProvider} applies in light mode, i.e.
|
|
251
|
+
* {@link resolveThemeVars}`(theme, "light")` — {@link vars} plus the values
|
|
252
|
+
* derived from the legacy knobs (sm/md/lg from `radius`, …). Handy for
|
|
253
|
+
* inlining onto a wrapper element without the provider; for dark mode use
|
|
254
|
+
* {@link resolveThemeVars}`(theme, "dark")`.
|
|
91
255
|
*/
|
|
92
256
|
toStyle(): CSSProperties;
|
|
93
257
|
}
|
|
@@ -100,31 +264,42 @@ export declare function tokensToVars(tokens: ThemeTokens): ThemeVars;
|
|
|
100
264
|
/** Options for {@link createTheme}. */
|
|
101
265
|
export interface CreateThemeOptions {
|
|
102
266
|
/**
|
|
103
|
-
* Dark-mode token overrides.
|
|
104
|
-
*
|
|
105
|
-
*
|
|
106
|
-
*
|
|
267
|
+
* Dark-mode token overrides. In dark mode a theme scope gets the toolkit's
|
|
268
|
+
* dark defaults, the theme's mode-invariant light tokens (brand button
|
|
269
|
+
* colour, radii, fonts — see {@link MODE_INVARIANT_VARS}) and these. Provide
|
|
270
|
+
* what differs in dark — typically `background`, `card`, `link`.
|
|
107
271
|
*/
|
|
108
272
|
dark?: ThemeTokens;
|
|
109
273
|
}
|
|
110
274
|
/**
|
|
111
|
-
* Build a serializable {@link ThemeDefinition} from a
|
|
275
|
+
* Build a serializable {@link ThemeDefinition} from a set of brand
|
|
112
276
|
* {@link ThemeTokens}. This is the one switch a white-label client flips: pass
|
|
113
|
-
*
|
|
114
|
-
*
|
|
115
|
-
* `
|
|
277
|
+
* the brand's roles (and, optionally, dark overrides), and every toolkit
|
|
278
|
+
* primitive that reads the role tokens — `Card`, `Button`, `Badge`, `bg-card`,
|
|
279
|
+
* `text-link`, `rounded-md` — re-skins to match. Without a theme the toolkit
|
|
280
|
+
* renders in the Miragon theme.
|
|
116
281
|
*
|
|
117
282
|
* Pure and side-effect-free: it only maps fields to CSS-variable names. Apply
|
|
118
283
|
* the result with {@link ThemeProvider} (recommended) or by spreading
|
|
119
|
-
* `theme
|
|
284
|
+
* {@link resolveThemeVars}`(theme, mode)` onto a wrapper element.
|
|
120
285
|
*
|
|
121
286
|
* @example
|
|
122
287
|
* const brand = createTheme(
|
|
123
|
-
* { primary: "
|
|
124
|
-
* { dark: {
|
|
288
|
+
* { primary: "#0f766e", link: "#0f766e", focus: "#0f766e", radiusMd: "6px" },
|
|
289
|
+
* { dark: { link: "#5eead4", focus: "#5eead4" } },
|
|
125
290
|
* )
|
|
126
291
|
* // <ThemeProvider theme={brand}>…</ThemeProvider>
|
|
127
292
|
*/
|
|
128
293
|
export declare function createTheme(tokens: ThemeTokens, opts?: CreateThemeOptions): ThemeDefinition;
|
|
294
|
+
/**
|
|
295
|
+
* The CSS variables a theme applies at its scope in `mode`. Light mode: the
|
|
296
|
+
* theme's `vars`. Dark mode: its mode-invariant light vars plus its `darkVars`
|
|
297
|
+
* — never the other light vars, which would beat the toolkit's dark defaults
|
|
298
|
+
* (mcp-toolkit#178 N35). Both modes add what the legacy knobs derive (a base
|
|
299
|
+
* `--radius` → sm/md/lg; `--primary` → hover and link; `--ring` → focus)
|
|
300
|
+
* where the theme does not set those roles itself.
|
|
301
|
+
* `null`/`undefined` yields `{}` (the toolkit defaults apply).
|
|
302
|
+
*/
|
|
303
|
+
export declare function resolveThemeVars(theme: ThemeDefinition | null | undefined, mode: "light" | "dark"): ThemeVars;
|
|
129
304
|
export {};
|
|
130
305
|
//# sourceMappingURL=create-theme.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"create-theme.d.ts","sourceRoot":"","sources":["../../src/theme/create-theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,WAAW,WAAW;IAC1B,
|
|
1
|
+
{"version":3,"file":"create-theme.d.ts","sourceRoot":"","sources":["../../src/theme/create-theme.ts"],"names":[],"mappings":"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"}
|