@ahoo-wang/wow-view-engine 9.2.0-rc.0

package/dist/themes.css

@@ -0,0 +1,389 @@
+:where([data-fve-preset='neutral']) {
+}
+
+:where([data-fve-preset='azure']) {
+  --fvp-background: oklch(0.9702 0 0deg);
+  --fvp-foreground: oklch(0.2393 0 0deg);
+  --fvp-card-foreground: oklch(0.2393 0 0deg);
+  --fvp-popover-foreground: oklch(0.2393 0 0deg);
+  --fvp-primary: oklch(0.541 0.1928 258.885deg);
+  --fvp-primary-foreground: oklch(1 0 0deg);
+  --fvp-secondary: oklch(0.9551 0 0deg);
+  --fvp-secondary-foreground: oklch(0.2393 0 0deg);
+  --fvp-muted: oklch(0.9851 0 0deg);
+  --fvp-muted-foreground: oklch(0.464 0 0deg);
+  --fvp-accent: oklch(0.96 0.021 241.348deg);
+  --fvp-accent-foreground: oklch(0.2393 0 0deg);
+  --fvp-sidebar: oklch(1 0 0deg);
+  --fvp-sidebar-foreground: oklch(0.2393 0 0deg);
+  --fvp-sidebar-accent: oklch(0.9551 0 0deg);
+  --fvp-sidebar-accent-foreground: oklch(0.2393 0 0deg);
+  --fvp-sidebar-border: oklch(0.9401 0 0deg);
+  --fvp-destructive: oklch(0.52 0.2132 25.86deg);
+  --fvp-destructive-foreground: oklch(1 0 0deg);
+  --fvp-success: oklch(0.48 0.1597 140.04deg);
+  --fvp-warning: oklch(0.51 0.1437 49.13deg);
+  --fvp-border: oklch(0.9401 0 0deg);
+  --fvp-input: oklch(0.63 0 0deg);
+  --fvp-radius: 0.375rem;
+  --fvp-dark-background: oklch(0.1913 0 0deg);
+  --fvp-dark-foreground: oklch(0.8853 0 0deg);
+  --fvp-dark-card: oklch(0.2393 0 0deg);
+  --fvp-dark-card-foreground: oklch(0.8853 0 0deg);
+  --fvp-dark-popover: oklch(0.2393 0 0deg);
+  --fvp-dark-popover-foreground: oklch(0.8853 0 0deg);
+  --fvp-dark-primary: oklch(0.6726 0.176 255.302deg);
+  --fvp-dark-primary-foreground: oklch(0.1913 0 0deg);
+  --fvp-dark-secondary: oklch(0.3092 0 0deg);
+  --fvp-dark-secondary-foreground: oklch(0.8853 0 0deg);
+  --fvp-dark-muted: oklch(0.2686 0 0deg);
+  --fvp-dark-muted-foreground: oklch(0.76 0 0deg);
+  --fvp-dark-accent: oklch(0.3092 0 0deg);
+  --fvp-dark-accent-foreground: oklch(0.8853 0 0deg);
+  --fvp-dark-sidebar: oklch(0.2393 0 0deg);
+  --fvp-dark-sidebar-foreground: oklch(0.8853 0 0deg);
+  --fvp-dark-sidebar-accent: oklch(0.3092 0 0deg);
+  --fvp-dark-sidebar-accent-foreground: oklch(0.8853 0 0deg);
+  --fvp-dark-destructive: oklch(0.7 0.15 24.104deg);
+  --fvp-dark-success: oklch(0.75 0.15 140deg);
+  --fvp-dark-warning: oklch(0.8 0.15 76.415deg);
+  --fvp-dark-input: oklch(0.6401 0 0deg);
+  --fvp-chart-1: oklch(0.5538 0.1781 262.907deg);
+  --fvp-chart-2: oklch(0.6499 0.1335 164.064deg);
+  --fvp-chart-3: oklch(0.5621 0.1533 299.248deg);
+  --fvp-chart-4: oklch(0.8274 0.166 86.031deg);
+  --fvp-chart-5: oklch(0.5432 0.0582 261.866deg);
+  --fvp-chart-6: oklch(0.6787 0.1538 55.138deg);
+  --fvp-chart-7: oklch(0.6573 0.1115 228.32deg);
+  --fvp-chart-8: oklch(0.6688 0.1657 34.526deg);
+  --fvp-dark-chart-1: oklch(0.6647 0.1672 262.963deg);
+  --fvp-dark-chart-2: oklch(0.798 0.1341 164.113deg);
+  --fvp-dark-chart-3: oklch(0.6365 0.1363 299.769deg);
+  --fvp-dark-chart-4: oklch(0.8274 0.166 86.031deg);
+  --fvp-dark-chart-5: oklch(0.6217 0.0558 262.992deg);
+  --fvp-dark-chart-6: oklch(0.7826 0.1499 57.145deg);
+  --fvp-dark-chart-7: oklch(0.7899 0.1008 226.046deg);
+  --fvp-dark-chart-8: oklch(0.6688 0.1657 34.526deg);
+  --fvp-shadow-sm:
+    0 1px 2px 0 oklch(0 0 0deg / 3%), 0 1px 6px -1px oklch(0 0 0deg / 2%),
+    0 2px 4px 0 oklch(0 0 0deg / 2%);
+  --fvp-shadow-md:
+    0 3px 6px -4px oklch(0 0 0deg / 12%), 0 6px 16px 0 oklch(0 0 0deg / 8%),
+    0 9px 28px 8px oklch(0 0 0deg / 5%);
+  --fvp-shadow-lg:
+    0 6px 16px -8px oklch(0 0 0deg / 8%), 0 9px 28px 0 oklch(0 0 0deg / 5%),
+    0 12px 48px 16px oklch(0 0 0deg / 3%);
+  --fvp-dark-shadow-sm: 0 0 0 1px oklch(1 0 0deg / 8%);
+  --fvp-dark-shadow-md:
+    0 0 0 1px oklch(1 0 0deg / 10%), 0 6px 16px 0 oklch(0 0 0deg / 32%);
+  --fvp-dark-shadow-lg:
+    0 0 0 1px oklch(1 0 0deg / 10%), 0 9px 28px 0 oklch(0 0 0deg / 40%);
+  --fvp-font-sans:
+    system-ui, -apple-system, 'PingFang SC', 'Hiragino Sans GB',
+    'Microsoft YaHei', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  --fvp-ring: oklch(0.541 0.1928 258.885deg);
+  --fvp-dark-ring: oklch(0.6726 0.176 255.302deg);
+  --fvp-content: oklch(1 0 0deg);
+  --fvp-table-header-weight: 600;
+  --fvp-table-header-divider: oklch(0.9401 0 0deg);
+  --fvp-dark-table-header: oklch(0.2308 0 0deg);
+  --fvp-dark-table-header-divider: oklch(0.3092 0 0deg);
+  --fvp-totals: oklch(0.9851 0 0deg);
+  --fvp-dark-totals: oklch(0.2308 0 0deg);
+  --fvp-row-selected: oklch(0.96 0.021 241.348deg);
+  --fvp-dark-row-selected: oklch(0.219 0.038 263.343deg);
+  --fvp-row-hover: oklch(0.9851 0 0deg);
+  --fvp-dark-row-hover: oklch(0.2308 0 0deg);
+  --fvp-highlight: oklch(0.9702 0 0deg);
+  --fvp-dark-highlight: oklch(0.3092 0 0deg);
+  --fvp-nav-current-link: 100%;
+  --fvp-nav-current-foreground-link: 100%;
+  --fvp-nav-current-edge: transparent;
+  --fvp-dark-nav-current-edge: transparent;
+  --fvp-nav-current-shadow: 0 0 #0000;
+  --fvp-dark-nav-current-shadow: 0 0 #0000;
+  --fvp-item-selected-link: 100%;
+  --fvp-item-selected-weight: 600;
+  --fvp-outline-hover-edge-link: 100%;
+  --fvp-control-hover: oklch(0 0 0deg / 6%);
+  --fvp-dark-control-hover: oklch(1 0 0deg / 8%);
+  --fvp-control-pressed: oklch(0 0 0deg / 10%);
+  --fvp-dark-control-pressed: oklch(1 0 0deg / 15%);
+  --fvp-focus-width: 2px;
+  --fvp-focus-offset: -1px;
+  --fvp-focus-halo: oklch(0.541 0.1928 258.885deg / 15%);
+  --fvp-dark-focus-halo: oklch(0.6726 0.176 255.302deg / 20%);
+  --fvp-control-height-sm: 2rem;
+  --fvp-filter-height: 2rem;
+  --fvp-tooltip-foreground: oklch(1 0 0deg);
+  --fvp-dark-tooltip: oklch(0.3791 0 0deg);
+  --fvp-dark-tooltip-foreground: oklch(0.9551 0 0deg);
+  --fvp-brand-ring-l-min: 0.4;
+  --fvp-brand-ring-l-max: 0.5;
+  --fvp-dark-brand-ring-l-min: 0.68;
+  --fvp-dark-brand-ring-l-max: 0.8;
+  --fvp-brand-row-selected-lc: 0.965 0.021;
+  --fvp-dark-brand-row-selected-lc: 0.219 0.038;
+  --fvp-brand-chart-1-lc: 0.5538 0.1781;
+  --fvp-dark-brand-chart-1-lc: 0.6647 0.1672;
+}
+
+:where([data-fve-preset='porcelain']) {
+  --fvp-foreground: oklch(0.2316 0.0038 286.099deg);
+  --fvp-card-foreground: oklch(0.2316 0.0038 286.099deg);
+  --fvp-popover-foreground: oklch(0.2316 0.0038 286.099deg);
+  --fvp-primary: oklch(0.522 0.1771 255.83deg);
+  --fvp-primary-foreground: oklch(1 0 0deg);
+  --fvp-secondary: oklch(0.9324 0.0067 286.269deg);
+  --fvp-secondary-foreground: oklch(0.2316 0.0038 286.099deg);
+  --fvp-muted: oklch(0.9707 0.0027 286.35deg);
+  --fvp-muted-foreground: oklch(0.5 0.0077 286.139deg);
+  --fvp-accent: oklch(0.9324 0.0067 286.269deg);
+  --fvp-accent-foreground: oklch(0.2316 0.0038 286.099deg);
+  --fvp-sidebar: oklch(0.9707 0.0027 286.35deg);
+  --fvp-sidebar-foreground: oklch(0.2316 0.0038 286.099deg);
+  --fvp-sidebar-accent: oklch(0.9324 0.0067 286.269deg);
+  --fvp-sidebar-accent-foreground: oklch(0.2316 0.0038 286.099deg);
+  --fvp-sidebar-border: oklch(0.8652 0.0068 286.256deg);
+  --fvp-destructive: oklch(0.5 0.2 27.269deg);
+  --fvp-destructive-foreground: oklch(1 0 0deg);
+  --fvp-success: oklch(0.48 0.1363 147.199deg);
+  --fvp-warning: oklch(0.5 0.1471 48.886deg);
+  --fvp-border: oklch(0.9233 0.0067 286.267deg);
+  --fvp-input: oklch(0.6217 0.0074 286.182deg);
+  --fvp-ring: oklch(0.522 0.1771 255.83deg);
+  --fvp-radius: 0.375rem;
+  --fvp-dark-background: oklch(0.235 0 0deg);
+  --fvp-dark-foreground: oklch(0.9707 0.0027 286.35deg);
+  --fvp-dark-card: oklch(0.2939 0.0036 286.177deg);
+  --fvp-dark-card-foreground: oklch(0.9707 0.0027 286.35deg);
+  --fvp-dark-popover: oklch(0.325 0.0035 286.2deg);
+  --fvp-dark-popover-foreground: oklch(0.9707 0.0027 286.35deg);
+  --fvp-dark-primary: oklch(0.7333 0.1438 249.651deg);
+  --fvp-dark-primary-foreground: oklch(0.2273 0.0038 286.092deg);
+  --fvp-dark-secondary: oklch(0.3492 0.0034 286.221deg);
+  --fvp-dark-secondary-foreground: oklch(0.9707 0.0027 286.35deg);
+  --fvp-dark-muted: oklch(0.3492 0.0034 286.221deg);
+  --fvp-dark-muted-foreground: oklch(0.85 0.0057 286.263deg);
+  --fvp-dark-accent: oklch(0.4024 0.0033 286.25deg);
+  --fvp-dark-accent-foreground: oklch(0.9707 0.0027 286.35deg);
+  --fvp-dark-sidebar: oklch(0.2653 0.0037 286.146deg);
+  --fvp-dark-sidebar-foreground: oklch(0.9707 0.0027 286.35deg);
+  --fvp-dark-sidebar-accent: oklch(0.3492 0.0034 286.221deg);
+  --fvp-dark-sidebar-accent-foreground: oklch(0.9707 0.0027 286.35deg);
+  --fvp-dark-destructive: oklch(0.81 0.15 25.944deg);
+  --fvp-dark-success: oklch(0.7556 0.15 146.984deg);
+  --fvp-dark-warning: oklch(0.7824 0.15 67.223deg);
+  --fvp-dark-input: oklch(1 0 0deg / 48%);
+  --fvp-dark-ring: oklch(0.7333 0.1438 249.651deg);
+  --fvp-chart-1: oklch(0.5705 0.2059 257.401deg);
+  --fvp-chart-2: oklch(0.6745 0.1547 62.364deg);
+  --fvp-chart-3: oklch(0.6555 0.1111 212.869deg);
+  --fvp-chart-4: oklch(0.6497 0.2383 17.898deg);
+  --fvp-chart-5: oklch(0.8652 0.1768 90.382deg);
+  --fvp-chart-6: oklch(0.646 0.1902 147.352deg);
+  --fvp-chart-7: oklch(0.5905 0.2129 312.231deg);
+  --fvp-chart-8: oklch(0.6542 0.2321 28.659deg);
+  --fvp-dark-chart-1: oklch(0.6674 0.179 255.53deg);
+  --fvp-dark-chart-2: oklch(0.7824 0.1711 67.223deg);
+  --fvp-dark-chart-3: oklch(0.7706 0.1181 211.981deg);
+  --fvp-dark-chart-4: oklch(0.69 0.2018 16.213deg);
+  --fvp-dark-chart-5: oklch(0.8849 0.1805 94.784deg);
+  --fvp-dark-chart-6: oklch(0.7556 0.2082 146.984deg);
+  --fvp-dark-chart-7: oklch(0.6926 0.2281 312.398deg);
+  --fvp-dark-chart-8: oklch(0.6876 0.2018 28.346deg);
+  --fvp-shadow-sm:
+    0 1px 2px 0 oklch(0 0 0deg / 6%), 0 0 0 0.5px oklch(0 0 0deg / 8%);
+  --fvp-shadow-md:
+    0 4px 12px 0 oklch(0 0 0deg / 8%), 0 0 0 0.5px oklch(0 0 0deg / 8%);
+  --fvp-shadow-lg:
+    0 10px 30px 0 oklch(0 0 0deg / 12%), 0 0 0 0.5px oklch(0 0 0deg / 8%);
+  --fvp-dark-shadow-sm:
+    0 1px 2px 0 oklch(0 0 0deg / 30%), inset 0 0 0 0.5px oklch(1 0 0deg / 10%);
+  --fvp-dark-shadow-md:
+    0 4px 12px 0 oklch(0 0 0deg / 40%), inset 0 0 0 0.5px oklch(1 0 0deg / 10%);
+  --fvp-dark-shadow-lg:
+    0 10px 30px 0 oklch(0 0 0deg / 50%), inset 0 0 0 0.5px oklch(1 0 0deg / 10%);
+  --fvp-font-sans:
+    -apple-system, BlinkMacSystemFont, system-ui, 'PingFang SC',
+    'Hiragino Sans GB', 'Microsoft YaHei', 'Segoe UI', sans-serif;
+  --fvp-nav-current: oklch(0.905 0.0068 286.27deg);
+  --fvp-dark-nav-current: oklch(0.4 0.0036 286.2deg);
+  --fvp-canvas: oklch(0.95 0.0027 286.3deg);
+  --fvp-dark-canvas: oklch(0.2273 0.0038 286.092deg);
+  --fvp-card-edge: oklch(0.9233 0.0067 286.267deg);
+  --fvp-dark-card-edge: oklch(1 0 0deg / 10%);
+  --fvp-card-shadow:
+    0 1px 2px 0 oklch(0 0 0deg / 4%), 0 2px 8px 0 oklch(0 0 0deg / 4%);
+  --fvp-dark-card-shadow:
+    0 1px 2px 0 oklch(0 0 0deg / 30%), inset 0 0 0 0.5px oklch(1 0 0deg / 8%);
+  --fvp-control: oklch(0.5692 0.0152 285.906deg / 12%);
+  --fvp-dark-control: oklch(0.3492 0.0034 286.221deg);
+  --fvp-control-edge: oklch(0.9233 0.0067 286.267deg);
+  --fvp-dark-control-edge: oklch(1 0 0deg / 15%);
+  --fvp-control-thumb: oklch(1 0 0deg);
+  --fvp-dark-control-thumb: oklch(0.5007 0.0047 286.229deg);
+  --fvp-control-thumb-shadow:
+    0 1px 2px 0 oklch(0 0 0deg / 16%), 0 0 0 0.5px oklch(0 0 0deg / 8%);
+  --fvp-dark-control-thumb-shadow:
+    0 1px 2px 0 oklch(0 0 0deg / 45%), 0 0 0 0.5px oklch(0 0 0deg / 30%);
+  --fvp-radius-card: 0.75rem;
+  --fvp-radius-control: 0.375rem;
+  --fvp-radius-popover: 0.5rem;
+  --fvp-table-header: oklch(1 0 0deg);
+  --fvp-dark-table-header: oklch(0.235 0 0deg);
+  --fvp-table-header-foreground: oklch(0.5 0.0077 286.139deg);
+  --fvp-dark-table-header-foreground: oklch(0.85 0.0057 286.263deg);
+  --fvp-table-header-weight: 400;
+  --fvp-table-header-divider: oklch(0.9233 0.0067 286.267deg);
+  --fvp-dark-table-header-divider: oklch(1 0 0deg / 12%);
+  --fvp-row-stripe: oklch(0.9707 0.0027 286.35deg);
+  --fvp-dark-row-stripe: oklch(0.262 0.0035 286.2deg);
+  --fvp-row-hover: oklch(0.945 0.004 286.3deg);
+  --fvp-dark-row-hover: oklch(0.3 0.0036 286.2deg);
+  --fvp-row-selected: oklch(0.955 0.024 255deg);
+  --fvp-dark-row-selected: oklch(0.34 0.045 255deg);
+  --fvp-dark-primary-fill: oklch(0.4957 0.199 259.7deg);
+  --fvp-dark-primary-fill-foreground: oklch(1 0 0deg);
+  --fvp-highlight-link: 100%;
+  --fvp-highlight-foreground-link: 100%;
+  --fvp-title-weight: 600;
+  --fvp-brand-l-max: 0.48;
+  --fvp-dark-brand-l-min: 0.77;
+  --fvp-dark-brand-l-max: 0.82;
+  --fvp-brand-ring-l-min: 0.4;
+  --fvp-brand-ring-l-max: 0.48;
+  --fvp-dark-brand-ring-l-min: 0.78;
+  --fvp-dark-brand-ring-l-max: 0.82;
+  --fvp-dark-brand-primary-fill-l-min: 0.46;
+  --fvp-dark-brand-primary-fill-l-max: 0.52;
+  --fvp-brand-accent-lc: 0.93 0.02;
+  --fvp-dark-brand-accent-lc: 0.4 0.03;
+  --fvp-dark-brand-sidebar-accent-lc: 0.35 0.03;
+  --fvp-dark-brand-row-selected-lc: 0.34 0.03;
+  --fvp-brand-chart-1-lc: 0.5705 0.2059;
+  --fvp-dark-brand-chart-1-lc: 0.6674 0.179;
+}
+
+:where([data-fve-preset='contrast']) {
+  --fvp-foreground: oklch(0 0 0deg);
+  --fvp-card-foreground: oklch(0 0 0deg);
+  --fvp-popover-foreground: oklch(0 0 0deg);
+  --fvp-primary: oklch(0.38 0.23 264deg);
+  --fvp-primary-foreground: oklch(1 0 0deg);
+  --fvp-secondary: oklch(0.94 0 0deg);
+  --fvp-secondary-foreground: oklch(0 0 0deg);
+  --fvp-muted: oklch(0.955 0 0deg);
+  --fvp-muted-foreground: oklch(0.36 0 0deg);
+  --fvp-accent: oklch(0.93 0 0deg);
+  --fvp-accent-foreground: oklch(0 0 0deg);
+  --fvp-sidebar: oklch(0.955 0 0deg);
+  --fvp-sidebar-foreground: oklch(0 0 0deg);
+  --fvp-sidebar-accent: oklch(0.9 0 0deg);
+  --fvp-sidebar-accent-foreground: oklch(0 0 0deg);
+  --fvp-sidebar-border: oklch(0.45 0 0deg);
+  --fvp-destructive: oklch(0.36 0.15 27deg);
+  --fvp-destructive-foreground: oklch(1 0 0deg);
+  --fvp-success: oklch(0.34 0.09 150deg);
+  --fvp-warning: oklch(0.36 0.09 50deg);
+  --fvp-border: oklch(0.56 0 0deg);
+  --fvp-quiet-foreground: oklch(0.36 0 0deg);
+  --fvp-input: oklch(0.42 0 0deg);
+  --fvp-ring: oklch(0.38 0.23 264deg);
+  --fvp-radius: 0.25rem;
+  --fvp-dark-background: oklch(0 0 0deg);
+  --fvp-dark-foreground: oklch(1 0 0deg);
+  --fvp-dark-card: oklch(0 0 0deg);
+  --fvp-dark-card-foreground: oklch(1 0 0deg);
+  --fvp-dark-popover: oklch(0 0 0deg);
+  --fvp-dark-popover-foreground: oklch(1 0 0deg);
+  --fvp-dark-primary: oklch(0.84 0.1 250deg);
+  --fvp-dark-primary-foreground: oklch(0 0 0deg);
+  --fvp-dark-secondary: oklch(0.25 0 0deg);
+  --fvp-dark-secondary-foreground: oklch(1 0 0deg);
+  --fvp-dark-muted: oklch(0.2 0 0deg);
+  --fvp-dark-muted-foreground: oklch(0.9 0 0deg);
+  --fvp-dark-accent: oklch(0.27 0 0deg);
+  --fvp-dark-accent-foreground: oklch(1 0 0deg);
+  --fvp-dark-sidebar: oklch(0.12 0 0deg);
+  --fvp-dark-sidebar-foreground: oklch(1 0 0deg);
+  --fvp-dark-sidebar-accent: oklch(0.28 0 0deg);
+  --fvp-dark-sidebar-accent-foreground: oklch(1 0 0deg);
+  --fvp-dark-sidebar-border: oklch(0.62 0 0deg);
+  --fvp-dark-destructive: oklch(0.85 0.14 22deg);
+  --fvp-dark-success: oklch(0.86 0.15 150deg);
+  --fvp-dark-warning: oklch(0.88 0.15 85deg);
+  --fvp-dark-border: oklch(0.55 0 0deg);
+  --fvp-dark-quiet-foreground: oklch(0.9 0 0deg);
+  --fvp-dark-input: oklch(0.84 0 0deg);
+  --fvp-dark-ring: oklch(0.84 0.1 250deg);
+  --fvp-chart-1: oklch(0.5196 0.1943 261.461deg);
+  --fvp-chart-2: oklch(0.5555 0.1573 45.564deg);
+  --fvp-chart-3: oklch(0.5268 0.0933 184.109deg);
+  --fvp-chart-4: oklch(0.2178 0 0deg);
+  --fvp-chart-5: oklch(0.5671 0.1968 354.173deg);
+  --fvp-chart-6: oklch(0.5259 0.1686 139.807deg);
+  --fvp-chart-7: oklch(0.5209 0.2102 297.094deg);
+  --fvp-chart-8: oklch(0.5404 0.1109 83.971deg);
+  --fvp-dark-chart-1: oklch(0.7538 0.1309 250.832deg);
+  --fvp-dark-chart-2: oklch(0.7854 0.1442 54.946deg);
+  --fvp-dark-chart-3: oklch(0.7936 0.1271 182.149deg);
+  --fvp-dark-chart-4: oklch(0.9551 0 0deg);
+  --fvp-dark-chart-5: oklch(0.7811 0.1532 349.665deg);
+  --fvp-dark-chart-6: oklch(0.8104 0.1751 134.392deg);
+  --fvp-dark-chart-7: oklch(0.7784 0.138 303.201deg);
+  --fvp-dark-chart-8: oklch(0.8554 0.1487 92.294deg);
+  --fvp-shadow-sm: 0 0 0 0 oklch(0 0 0deg / 0%);
+  --fvp-shadow-md: 0 0 0 0 oklch(0 0 0deg / 0%);
+  --fvp-shadow-lg: 0 0 0 0 oklch(0 0 0deg / 0%);
+  --fvp-dark-shadow-sm: 0 0 0 0 oklch(0 0 0deg / 0%);
+  --fvp-dark-shadow-md: 0 0 0 0 oklch(0 0 0deg / 0%);
+  --fvp-dark-shadow-lg: 0 0 0 0 oklch(0 0 0deg / 0%);
+  --fvp-chart-patterns: on;
+  --fvp-card-edge: oklch(0.56 0 0deg);
+  --fvp-dark-card-edge: oklch(0.55 0 0deg);
+  --fvp-table-header: oklch(0.9 0 0deg);
+  --fvp-dark-table-header: oklch(0.2 0 0deg);
+  --fvp-table-header-weight: 700;
+  --fvp-table-header-divider: oklch(0.56 0 0deg);
+  --fvp-dark-table-header-divider: oklch(0.55 0 0deg);
+  --fvp-totals: oklch(0.935 0 0deg);
+  --fvp-dark-totals: oklch(0.22 0 0deg);
+  --fvp-row-selected: oklch(0.92 0.04 264deg);
+  --fvp-dark-row-selected: oklch(0.21 0.07 258deg);
+  --fvp-row-selected-mark-link: 100%;
+  --fvp-row-hover: oklch(0.955 0 0deg);
+  --fvp-dark-row-hover: oklch(0.2 0 0deg);
+  --fvp-highlight-link: 100%;
+  --fvp-highlight-foreground-link: 100%;
+  --fvp-control-hover: oklch(0 0 0deg / 10%);
+  --fvp-dark-control-hover: oklch(1 0 0deg / 16%);
+  --fvp-control-pressed: oklch(0 0 0deg / 18%);
+  --fvp-dark-control-pressed: oklch(1 0 0deg / 26%);
+  --fvp-focus-width: 2px;
+  --fvp-focus-offset: 2px;
+  --fvp-focus-style: solid;
+  --fvp-focus-halo: oklch(0 0 0deg / 0%);
+  --fvp-dark-focus-halo: oklch(0 0 0deg / 0%);
+  --fvp-edge-width: 2px;
+  --fvp-badge-edge: 100%;
+  --fvp-title-weight: 700;
+  --fvp-strong-weight: 700;
+  --fvp-brand-l-min: 0.25;
+  --fvp-brand-l-max: 0.36;
+  --fvp-dark-brand-l-min: 0.8;
+  --fvp-dark-brand-l-max: 0.9;
+  --fvp-brand-ring-l-min: 0.25;
+  --fvp-brand-ring-l-max: 0.36;
+  --fvp-dark-brand-ring-l-min: 0.83;
+  --fvp-dark-brand-c-max: 0.12;
+  --fvp-dark-brand-ring-l-max: 0.9;
+  --fvp-brand-accent-lc: 0.93 0.02;
+  --fvp-brand-sidebar-accent-lc: 0.9 0.03;
+  --fvp-brand-row-selected-lc: 0.92 0.04;
+  --fvp-dark-brand-accent-lc: 0.27 0.03;
+  --fvp-dark-brand-sidebar-accent-lc: 0.28 0.03;
+  --fvp-dark-brand-row-selected-lc: 0.21 0.07;
+  --fvp-brand-chart-1-lc: 0.5196 0.1943;
+  --fvp-dark-brand-chart-1-lc: 0.7538 0.1309;
+}

package/dist/ui/DashboardWorkbench.d.ts

@@ -0,0 +1,133 @@
+import { DashboardFilters, DashboardViewConfig, FieldOption } from '../model/index.js';
+import { ViewNavigation, ViewEngine } from '../runtime/index.js';
+import { ViewMessages } from './kit/messages.js';
+import { WorkbenchFeatures } from './kit/features.js';
+import { WorkbenchLandmark } from './workbench/WorkbenchShell.js';
+import { RenderFailureHandler } from './kit/RenderBoundary.js';
+import { ViewDensity, ViewPreset } from './kit/presets.js';
+import { ViewSurfaceProps, ViewTheme } from './kit/ViewSurface.js';
+export interface DashboardWorkbenchProps {
+    /** The engine; the `ViewHost`'s when left out. */
+    engine?: ViewEngine;
+    definitionId: string;
+    /**
+     * Which view is open, as `value` is on an input: leaving it out lets the
+     * workbench own it from the effective default on, and passing it — a
+     * string, or `null` for that default — puts a host's route in charge, every
+     * later change opening what it names. It goes through the leave guard, so a
+     * pushed view never takes an unsaved draft away without asking
+     * (`WorkbenchOptions.instanceId`).
+     */
+    instanceId?: string | null;
+    /**
+     * Told which view is open whenever that changes, in the same vocabulary
+     * `instanceId` is written in — `null` is the effective default — so a host
+     * can put it straight into a route and get the same view back from the
+     * link.
+     */
+    onInstanceChange?(id: string | null): void;
+    /**
+     * The tab the board opens on (D22 E), as a host's route has it: read with
+     * `instanceId` — a tab of the board it names, or with `instanceId` left
+     * out, of the first board this workbench opens. Left out, or a tab the
+     * board does not have, the board opens where its reader last read it.
+     */
+    initialTab?: string | null;
+    /**
+     * Told which tab is on screen whenever that changes — the board opening
+     * included — so a host can write it into its route; `null` for a board
+     * without tabs. The package never touches the address itself.
+     */
+    onTabChange?(tabId: string | null): void;
+    /**
+     * What the board's filters hold as it opens (D22 F), as a host's address
+     * has them: read with `instanceId` exactly as `initialTab` is. Left out,
+     * every filter starts at its default; what the board does not take is
+     * left out.
+     */
+    initialFilters?: DashboardFilters | null;
+    /**
+     * Told what the filters hold whenever that changes — the board opening
+     * included — so a host can write it into its address. Filter values are
+     * the reader's and never the board's config (「筛选值写进地址，不写进配置」):
+     * the package never touches the address itself.
+     */
+    onFiltersChange?(filters: DashboardFilters): void;
+    /**
+     * The host's route (D22 D, H, I): every way off the board goes through it
+     * — 在工作台中打开 on a panel (the saved view under the board's filters, in
+     * its own field names; or a board's own analysis, unsaved), the follow-up
+     * menu on a group (a view nobody saved, the board's filters and the group
+     * its conditions), and a panel's custom destination. The package never
+     * touches the address. Without it none of these exist: a press on a group
+     * does nothing unless the panel cross-filters.
+     */
+    onNavigate?(to: ViewNavigation): void;
+    /**
+     * What a new dashboard starts from: an empty one when left out. It opens
+     * unsaved, and the first save asks for its name and audience.
+     */
+    template?: DashboardViewConfig;
+    /** The mode, as `ViewSurface` takes it: follows the host when left out. */
+    theme?: ViewTheme;
+    /** A preset pinned on the surface and its popups (`ViewSurface`). */
+    preset?: ViewPreset;
+    /** How dense the tables, the view list and the panels sit (`ViewSurface`). */
+    density?: ViewDensity;
+    /**
+     * The host's own `--fve-*` for this surface and its popups alone
+     * (`ViewSurface`): beats any preset, the one pinned here included.
+     */
+    tokens?: ViewSurfaceProps['tokens'];
+    /** Wording, merged over what is already in force: where a host translates. */
+    messages?: ViewMessages;
+    /**
+     * The language dates and times show in; the runtime's when left out. It is
+     * the same choice as `messages`, made for values rather than words.
+     */
+    locale?: string;
+    optionsFor?(remote: string): FieldOption[] | undefined;
+    /**
+     * The sidebar this workbench opens on. It is view state and nothing else —
+     * never saved, never asked about by the leave guard — so a host sets where
+     * it starts and the shell owns it from there. Left out, a column narrower
+     * than `md` opens folded and a wider one opens with the list beside it.
+     */
+    defaultSidebarOpen?: boolean;
+    /** Told whenever the sidebar opens or closes, for a host that mirrors it. */
+    onSidebarOpenChange?(open: boolean): void;
+    /**
+     * Whether this workbench offers to fill the screen. On by default, and the
+     * fold itself belongs to the shell — a host only says whether the control
+     * exists, because a page that is already one full-screen view of one thing
+     * has nothing to gain from a second way to say so.
+     */
+    expandable?: boolean;
+    /**
+     * The landmark the work column is (Q64): `main` by default. A host whose
+     * page already has its own `<main>`, with the workbench inside it, says
+     * `region`, and the column is a `<section>` named by the open view — one
+     * `main` on the page, and the same layout either way.
+     */
+    landmark?: WorkbenchLandmark;
+    /**
+     * Which of the workbench's own controls are on screen (D18 XI): `manage`
+     * — the view manager's gear and switcher item — and `export`, a record
+     * panel's 导出数据… (the others name record-view controls). A board
+     * whose data must not leave the page turns `export` off, as the record
+     * workbench's host does.
+     */
+    features?: Pick<WorkbenchFeatures, 'manage' | 'export'>;
+    /**
+     * Told of a render failure one of the workbench's boundaries caught — the
+     * host's action slots, the editor, the result, a panel. The part shows a
+     * recoverable error state in place regardless; this is the host's copy.
+     */
+    onRenderFailure?: RenderFailureHandler;
+}
+/**
+ * The words the engine was built with, under the surface, where its own
+ * engine names them (`useSay`).
+ */
+export declare function DashboardWorkbench(props: DashboardWorkbenchProps): import('react').JSX.Element;
+//# sourceMappingURL=DashboardWorkbench.d.ts.map

package/dist/ui/DashboardWorkbench.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardWorkbench.d.ts","sourceRoot":"","sources":["../../src/ui/DashboardWorkbench.tsx"],"names":[],"mappings":"AAcA,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,mBAAmB,EACxB,KAAK,WAAW,EACjB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAetE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAc,KAAK,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,+BAA+B,CAAC;AACvC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEpE,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAUxE,MAAM,WAAW,uBAAuB;IACtC,kDAAkD;IAClD,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B;;;;;OAKG;IACH,gBAAgB,CAAC,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IAC3C;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B;;;;OAIG;IACH,WAAW,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IACzC;;;;;OAKG;IACH,cAAc,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACzC;;;;;OAKG;IACH,eAAe,CAAC,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAClD;;;;;;;;OAQG;IACH,UAAU,CAAC,CAAC,EAAE,EAAE,cAAc,GAAG,IAAI,CAAC;IACtC;;;OAGG;IACH,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,2EAA2E;IAC3E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,qEAAqE;IACrE,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,8EAA8E;IAC9E,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;;OAGG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACpC,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,CAAC,MAAM,EAAE,MAAM,GAAG,WAAW,EAAE,GAAG,SAAS,CAAC;IACvD;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,6EAA6E;IAC7E,mBAAmB,CAAC,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IAC1C;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,QAAQ,GAAG,QAAQ,CAAC,CAAC;IACxD;;;;OAIG;IACH,eAAe,CAAC,EAAE,oBAAoB,CAAC;CACxC;AAaD;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,+BAMhE"}

package/dist/ui/DataWorkbench.d.ts

@@ -0,0 +1,155 @@
+import { AnalysisViewConfig, FieldOption, RecordViewConfig } from '../model/index.js';
+import { ViewEngine, ViewHandOver, ViewNavigation } from '../runtime/index.js';
+import { ViewMessages } from './kit/messages.js';
+import { WorkbenchFeatures } from './kit/features.js';
+import { WorkbenchLandmark } from './workbench/WorkbenchShell.js';
+import { RenderFailureHandler } from './kit/RenderBoundary.js';
+import { ViewDensity, ViewPreset } from './kit/presets.js';
+import { ViewSurfaceProps, ViewTheme } from './kit/ViewSurface.js';
+import { RecordViewProps } from './workbench/RecordParts.js';
+/** The kinds of view a data definition holds; a dashboard is a definition of its own. */
+export type DataViewKind = 'record' | 'analysis';
+export interface DataWorkbenchProps {
+    /** The engine; the `ViewHost`'s when left out. */
+    engine?: ViewEngine;
+    definitionId: string;
+    /**
+     * Which kinds this workbench lists and draws, in the order the "new view"
+     * menu offers them. Both by default (D20): one data definition holds its
+     * record views and its analysis views in one list, and the user switches
+     * between them as between any two views. A host that wants a page of one
+     * kind names that one (D9), which is a real narrowing — the other kind is
+     * neither listed nor openable there. `viewKinds`, not `kinds`: the
+     * engine's `kinds` is its field-kind registry.
+     */
+    viewKinds?: readonly DataViewKind[];
+    /**
+     * Which view is open, as `value` is on an input: leaving it out lets the
+     * workbench own it from the effective default on, and passing it — a
+     * string, or `null` for that default — puts a host's route in charge, every
+     * later change opening what it names. It goes through the leave guard, so a
+     * pushed view never takes an unsaved draft away without asking
+     * (`WorkbenchOptions.instanceId`).
+     */
+    instanceId?: string | null;
+    /**
+     * Told which view is open whenever that changes, in the same vocabulary
+     * `instanceId` is written in — `null` is the effective default — so a host
+     * can put it straight into a route and get the same view back from the
+     * link.
+     */
+    onInstanceChange?(id: string | null): void;
+    /**
+     * A view a dashboard or an embed handed the host's route, to open here as
+     * it came (`ViewNavigation` of kind `view` or `unsaved`, D26 Q30): the
+     * saved view with what the reader set on the board among its own
+     * conditions — 「已修改」, each removable, 「还原」 takes them off — or a
+     * view nobody saved (a follow-up on a group, a board's own analysis).
+     * What the page holds is its scope, which nobody here takes off. Each new
+     * object opens once, through the leave guard
+     * (`WorkbenchOptions.handOver`).
+     */
+    handOver?: ViewHandOver | null;
+    /**
+     * The host's route, for the way back to the board a view was handed from:
+     * with it, the workbench draws 「返回〈仪表盘〉」 under the title bar and
+     * hands the board's own target here when it is pressed (D26 Q33). The
+     * `ViewHost`'s route when left out.
+     */
+    onNavigate?(to: ViewNavigation): void;
+    /**
+     * What a new view of each kind starts from, for a host with a better first
+     * view than the definition's default: `defaultRecordConfig` and
+     * `defaultAnalysisConfig` when left out. The view still opens unsaved,
+     * under the catalogue's "New view", and the first save asks for its name
+     * and audience.
+     */
+    templates?: {
+        record?: RecordViewConfig;
+        analysis?: AnalysisViewConfig;
+    };
+    /** The mode, as `ViewSurface` takes it: follows the host when left out. */
+    theme?: ViewTheme;
+    /** A preset pinned on the surface and its popups (`ViewSurface`). */
+    preset?: ViewPreset;
+    /** How dense the tables, the view list and the panels sit (`ViewSurface`). */
+    density?: ViewDensity;
+    /**
+     * The host's own `--fve-*` for this surface and its popups alone
+     * (`ViewSurface`): beats any preset, the one pinned here included.
+     */
+    tokens?: ViewSurfaceProps['tokens'];
+    /** Wording, merged over what is already in force: where a host translates. */
+    messages?: ViewMessages;
+    /**
+     * The language dates and times show in; the runtime's when left out. It is
+     * the same choice as `messages`, made for values rather than words.
+     */
+    locale?: string;
+    optionsFor?(remote: string): FieldOption[] | undefined;
+    /**
+     * The sidebar this workbench opens on. It is view state and nothing else —
+     * never saved, never asked about by the leave guard — so a host sets where
+     * it starts and the shell owns it from there. Left out, a column narrower
+     * than `md` opens folded and a wider one opens with the list beside it.
+     */
+    defaultSidebarOpen?: boolean;
+    /** Told whenever the sidebar opens or closes, for a host that mirrors it. */
+    onSidebarOpenChange?(open: boolean): void;
+    /**
+     * Whether this workbench offers to fill the screen. On by default, and the
+     * fold itself belongs to the shell — a host only says whether the control
+     * exists, because a page that is already one full-screen view of one thing
+     * has nothing to gain from a second way to say so.
+     */
+    expandable?: boolean;
+    /**
+     * The landmark the work column is (Q64): `main` by default. A host whose
+     * page already has its own `<main>`, with the workbench inside it, says
+     * `region`, and the column is a `<section>` named by the open view — one
+     * `main` on the page, and the same layout either way.
+     */
+    landmark?: WorkbenchLandmark;
+    /**
+     * Which of the workbench's own controls are on screen (D18 XI): export,
+     * the layout switch, column settings, sort settings, the visualization
+     * panel, the view manager. All on by default; one turned off is absent,
+     * not disabled. The first four name record-view controls, `visualization`
+     * the analysis view's, and `manage` applies to every kind.
+     */
+    features?: WorkbenchFeatures;
+    /**
+     * Told of a render failure one of the workbench's boundaries caught — the
+     * host's action slots, the editor, the result, a panel. The part shows a
+     * recoverable error state in place regardless; this is the host's copy.
+     */
+    onRenderFailure?: RenderFailureHandler;
+    /**
+     * What the host says about the record views: its business actions, how a
+     * cell is read, whether rows can be picked, what an empty result says.
+     * They are one object because none of them means anything to an analysis
+     * view (D20: an analysis view has no business actions), and a workbench of
+     * both kinds would otherwise wear seven props that apply to half of what
+     * it draws. What the host bound to the definition (`bind`: its `actions`,
+     * `slots` and `reading`) is the default of each; one given here wins.
+     */
+    record?: RecordViewProps;
+}
+/**
+ * The data workbench: one view list of record and analysis views, and the
+ * editor and result of whichever is open.
+ *
+ * `useWorkbench` finds, opens and leaves the view, for every kind alike;
+ * `WorkbenchShell` draws the frame; `RecordParts` and `AnalysisParts` are
+ * what make each kind of view what it is, and each hands back its slots only
+ * while a view of its kind is open — the shell never learns which kind it is
+ * drawing (D18-1). Both parts stay mounted whatever is open, so the shell is
+ * drawn at one place in the tree and keeps the screen's posture across a
+ * switch (`workbench/parts.ts`).
+ */
+/**
+ * The words the engine was built with, under the surface, where its own
+ * engine names them (`useSay`).
+ */
+export declare function DataWorkbench(props: DataWorkbenchProps): import('react').JSX.Element;
+//# sourceMappingURL=DataWorkbench.d.ts.map