@ttoss/fsl-theme 1.1.11

package/dist/css.d.ts

@@ -0,0 +1,164 @@
+import { T as ThemeTokens, a as ThemeBundle } from './Types-6tR0_2Ss.js';
+
+/**
+ * Flatten a `ThemeTokens` into a `Record<string, string | number>` with
+ * every `{ref}` recursively resolved to its final raw value where possible.
+ *
+ * By default, unresolvable references (missing target or circular dependency)
+ * are preserved as-is in the output. Pass `{ strict: true }` to instead throw
+ * on any unresolved reference — useful in tests and build steps that must
+ * fail loudly on palette drift.
+ *
+ * This is the universal primitive — every root is derived from this.
+ */
+declare const toFlatTokens: (theme: ThemeTokens, options?: {
+    strict?: boolean;
+}) => Record<string, string | number>;
+/**
+ * A flat map of dot-path token keys to resolved raw values.
+ *
+ * Most `{ref}` values are recursively resolved. Unresolvable or circular
+ * references are preserved as their original `{path}` string.
+ */
+type FlatTokenMap = Record<string, string | number>;
+
+/**
+ * Convert a full token path to a CSS custom property name.
+ *
+ * `core.colors.brand.500` → `--tt-core-colors-brand-500`
+ * `semantic.colors.action.primary.background.default` → `--tt-colors-action-primary-background-default`
+ */
+declare const toCssVarName: (tokenPath: string) => string;
+/**
+ * Options for `toCssVars()`.
+ */
+interface CssVarsOptions {
+    /**
+     * Theme identifier for scoping. Generates `[data-tt-theme="<themeId>"]` selector.
+     * When omitted, uses `:root`.
+     */
+    themeId?: string;
+    /**
+     * Mode for scoping. Adds `[data-tt-mode="<mode>"]` to the selector.
+     * Only effective when `themeId` is also set.
+     */
+    mode?: 'light' | 'dark';
+    /**
+     * Custom CSS selector override. Takes precedence over `themeId`/`mode`.
+     */
+    selector?: string;
+    /**
+     * Sets the `color-scheme` CSS property in the generated block.
+     * Helps native elements (inputs, scrollbars) respect the active mode.
+     */
+    colorScheme?: 'light' | 'dark' | 'light dark';
+}
+/**
+ * Return type of `toCssVars()`.
+ */
+interface CssVarsResult {
+    /** Flat map of CSS custom property names → values (original, including CQ units). */
+    cssVars: Record<string, string | number>;
+    /**
+     * Overrides for `hit.*` tokens when `any-pointer: coarse` is active.
+     * Apply these inside `@media (any-pointer: coarse) { :root { ... } }`.
+     * Emitted automatically by `toCssString()`.
+     */
+    coarseHitVars: Record<string, string>;
+    /**
+     * Overrides for semantic motion duration tokens under reduced-motion.
+     * All durations are set to `var(--tt-core-motion-duration-none)` (0ms).
+     * Apply these inside `@media (prefers-reduced-motion: reduce) { :root { ... } }`.
+     * Emitted automatically by `toCssString()`.
+     */
+    reducedMotionVars: Record<string, string>;
+    /**
+     * CSS vars whose values contain container query units (cqi, cqb, etc.).
+     * Emitted inside `@supports (width: 1cqi)` by `toCssString()`.
+     * The base block uses viewport-safe fallbacks for these vars.
+     */
+    containerQueryVars: Record<string, string | number>;
+    /** The CSS selector used for scoping. */
+    selector: string;
+    /** Generates a complete CSS block string. */
+    toCssString: () => string;
+}
+/**
+ * Options for `bundleToCssVars()`.
+ */
+interface BundleCssVarsOptions {
+    /**
+     * Theme identifier for scoping. Generates `[data-tt-theme="<themeId>"]` selectors.
+     * When omitted, CSS targets `:root` (canonical 1-theme model). The alternate mode
+     * selector becomes `:root[data-tt-mode="dark"]`. Use `themeId` only for
+     * multi-theme scenarios (Storybook, micro-frontends).
+     */
+    themeId?: string;
+}
+/**
+ * Return type of `bundleToCssVars()`.
+ */
+interface BundleCssVarsResult {
+    /** CSS result for the base mode (all vars). */
+    base: CssVarsResult;
+    /** CSS result for the alternate mode (diff-only vars). Undefined if no alternate. */
+    alternate?: CssVarsResult;
+    /** Generates a complete CSS string with base + alternate + coarse blocks. */
+    toCssString: () => string;
+}
+/**
+ * Convert a theme (tokens or bundle) into CSS custom properties.
+ *
+ * **Overload 1 — ThemeTokens**: returns a single `CssVarsResult`.
+ * **Overload 2 — ThemeBundle**: returns a `BundleCssVarsResult` with
+ * base + alternate blocks and optimized diff output.
+ *
+ * @example
+ * ```ts
+ * import { toCssVars } from '@ttoss/fsl-theme/css';
+ * import { createTheme } from '@ttoss/fsl-theme';
+ *
+ * const myBundle = createTheme();
+ *
+ * // Single theme tokens
+ * const css = toCssVars(myBundle.base).toCssString();
+ *
+ * // Full bundle (base + dark alternate)
+ * const bundleCss = toCssVars(myBundle, { themeId: 'default' }).toCssString();
+ * ```
+ */
+declare function toCssVars(theme: ThemeTokens, options?: CssVarsOptions): CssVarsResult;
+declare function toCssVars(bundle: ThemeBundle, options?: BundleCssVarsOptions): BundleCssVarsResult;
+
+/**
+ * Returns the full CSS string for a theme bundle — all `--tt-*` custom
+ * properties, coarse-pointer overrides, reduced-motion overrides, and
+ * container query progressive enhancement — ready to inject into a
+ * `<style>` tag or serve as a static `.css` file.
+ *
+ * Symmetric counterpart to `getThemeScriptContent()` for CSS.
+ * Use `<ThemeStyles>` from `@ttoss/fsl-theme/react` for React apps.
+ *
+ * When `themeId` is omitted (canonical 1-theme model), CSS targets `:root` and
+ * the alternate mode selector becomes `:root[data-tt-mode="dark"]`. Pass
+ * `themeId` only for multi-theme scenarios (Storybook, micro-frontends).
+ *
+ * @example
+ * ```ts
+ * // Canonical: no themeId needed (CSS goes to :root)
+ * import { createTheme } from '@ttoss/fsl-theme';
+ * import { getThemeStylesContent } from '@ttoss/fsl-theme/css';
+ *
+ * const myBundle = createTheme();
+ *
+ * app.get('/theme.css', (_, res) => {
+ *   res.type('text/css').send(getThemeStylesContent(myBundle));
+ * });
+ *
+ * // Multi-theme: explicit themeId for scoping
+ * res.type('text/css').send(getThemeStylesContent(myBundle, 'myTheme'));
+ * ```
+ */
+declare const getThemeStylesContent: (bundle: ThemeBundle, themeId?: string) => string;
+
+export { type BundleCssVarsOptions, type BundleCssVarsResult, type CssVarsOptions, type CssVarsResult, type FlatTokenMap, getThemeStylesContent, toCssVarName, toCssVars, toFlatTokens };

package/dist/dataviz/index.d.ts

@@ -0,0 +1,62 @@
+import { C as CoreDataviz, b as SemanticDataviz, a as ThemeBundle } from '../Types-6tR0_2Ss.js';
+
+/**
+ * **Default** dataviz encoding primitives — non-color, value-only.
+ *
+ * Analytical color comes from `core.colors.*` — see `semanticDataviz` below.
+ */
+declare const coreDataviz: CoreDataviz;
+declare const semanticDataviz: SemanticDataviz;
+
+/**
+ * Access the current theme's **dataviz semantic tokens**.
+ *
+ * Requires `<ThemeProvider theme={...}>` with a bundle whose theme includes
+ * the dataviz extension (`core.dataviz` + `semantic.dataviz`).
+ *
+ * Throws a descriptive error when the active theme has no dataviz extension,
+ * making misconfiguration immediately visible during development.
+ *
+ * @example
+ * ```tsx
+ * import { useDatavizTokens } from '@ttoss/fsl-theme/dataviz';
+ *
+ * const ChartLegend = ({ categories }: { categories: string[] }) => {
+ *   const dataviz = useDatavizTokens();
+ *   // Full type-safety, no optional chaining
+ *   return categories.map((name, i) => (
+ *     <span key={name} style={{ color: `var(--tt-dataviz-color-series-${i + 1})` }}>
+ *       {name}
+ *     </span>
+ *   ));
+ * };
+ * ```
+ *
+ * @see {@link useTokens} — access full semantic tokens (dataviz will be on `tokens.dataviz?`)
+ */
+declare const useDatavizTokens: () => SemanticDataviz;
+
+/**
+ * Extend a `ThemeBundle` with the dataviz token layer.
+ *
+ * Applies `core.dataviz` (encoding primitives) and `semantic.dataviz` on top
+ * of the bundle's base theme. Semantic color mappings reference `core.colors.*`
+ * from the base theme, so brand-aligned dataviz palettes are automatic.
+ * The dark-mode alternate (if any) is preserved as-is.
+ *
+ * @param bundle - Bundle to extend (return value of `createTheme`).
+ * @returns A new `ThemeBundle` with dataviz tokens included.
+ *
+ * @example
+ * ```ts
+ * import { createTheme } from '@ttoss/fsl-theme';
+ * import { withDataviz } from '@ttoss/fsl-theme/dataviz';
+ *
+ * export const myTheme = withDataviz(createTheme({
+ *   overrides: { core: { colors: { brand: { 500: '#FF0000' } } } },
+ * }));
+ * ```
+ */
+declare const withDataviz: (bundle: ThemeBundle) => ThemeBundle;
+
+export { CoreDataviz, SemanticDataviz, coreDataviz, semanticDataviz, useDatavizTokens, withDataviz };

package/dist/dtcg.d.ts

@@ -0,0 +1,49 @@
+import { T as ThemeTokens } from './Types-6tR0_2Ss.js';
+
+/**
+ * A single DTCG token node with `$value` and `$type`.
+ *
+ * Follows the W3C Design Tokens Community Group format:
+ * https://design-tokens.github.io/community-group/format/
+ */
+interface DTCGToken {
+    $value: string | number;
+    $type: string;
+    $extensions?: Record<string, unknown>;
+}
+/**
+ * A recursive tree where every leaf is a `DTCGToken`.
+ */
+type DTCGTokenTree = DTCGToken | {
+    [key: string]: DTCGTokenTree;
+};
+/**
+ * Root 3 — W3C Design Tokens (DTCG JSON).
+ *
+ * Convert a `ThemeTokens` into a structured token tree following the
+ * W3C Design Tokens Community Group format. Every leaf node has `$value`
+ * (fully resolved) and `$type` (inferred from the token path).
+ *
+ * Semantic hit tokens (`semantic.sizing.hit.*`) include a `$extensions`
+ * field declaring their coarse-pointer override value, so non-CSS consumers
+ * can apply touch-target ergonomics without reading the CSS emitter source.
+ *
+ * This is the interchange format for design tools (Tokens Studio, Figma,
+ * Style Dictionary, Specify, Supernova) and CI/CD token pipelines.
+ *
+ * @example
+ * ```ts
+ * import { toDTCG } from '@ttoss/fsl-theme/dtcg';
+ * import { createTheme } from '@ttoss/fsl-theme';
+ *
+ * const myBundle = createTheme();
+ * const tokens = toDTCG(myBundle.base);
+ * // tokens.core.colors.brand['500'] === { $value: '#0469E3', $type: 'color' }
+ *
+ * // Write to file (build script / token pipeline)
+ * await fs.writeFile('tokens.json', JSON.stringify(tokens, null, 2));
+ * ```
+ */
+declare const toDTCG: (theme: ThemeTokens) => DTCGTokenTree;
+
+export { type DTCGToken, type DTCGTokenTree, toDTCG };

package/dist/esm/chunk-4Q4P3JBB.js

@@ -0,0 +1,185 @@
+/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+
+// src/roots/tokenRegistry.ts
+var TOKEN_PATH_REGISTRY = [
+// -- Core dataviz (longer/more-specific entries first) --------------------
+{
+  path: "core.dataviz.color.",
+  cssPrefix: "--tt-core-dataviz-color-",
+  dtcgType: "color"
+}, {
+  path: "core.dataviz.opacity.",
+  cssPrefix: "--tt-core-dataviz-opacity-",
+  dtcgType: "number"
+}, {
+  path: "core.dataviz.",
+  cssPrefix: "--tt-core-dataviz-",
+  dtcgType: "string"
+},
+// -- Semantic dataviz (longer/more-specific entries first) ----------------
+{
+  path: "semantic.dataviz.color.",
+  cssPrefix: "--tt-dataviz-",
+  dtcgType: "color"
+}, {
+  path: "semantic.dataviz.encoding.opacity.",
+  cssPrefix: "--tt-dataviz-",
+  dtcgType: "number"
+}, {
+  path: "semantic.dataviz.geo.",
+  cssPrefix: "--tt-dataviz-",
+  dtcgType: "color"
+}, {
+  path: "semantic.dataviz.encoding.",
+  cssPrefix: "--tt-dataviz-",
+  dtcgType: "string"
+}, {
+  path: "semantic.dataviz.",
+  cssPrefix: "--tt-dataviz-",
+  dtcgType: "string"
+},
+// -- Core paths -----------------------------------------------------------
+{
+  path: "core.colors.",
+  cssPrefix: "--tt-core-colors-",
+  dtcgType: "color"
+}, {
+  path: "core.elevation.emphatic.",
+  cssPrefix: "--tt-core-elevation-emphatic-",
+  dtcgType: "shadow"
+}, {
+  path: "core.elevation.level.",
+  cssPrefix: "--tt-core-elevation-",
+  dtcgType: "shadow"
+}, {
+  path: "core.font.family.",
+  cssPrefix: "--tt-core-font-family-",
+  dtcgType: "fontFamily"
+}, {
+  path: "core.font.weight.",
+  cssPrefix: "--tt-core-font-weight-",
+  dtcgType: "fontWeight"
+}, {
+  path: "core.font.leading.",
+  cssPrefix: "--tt-core-font-leading-",
+  dtcgType: "number"
+}, {
+  path: "core.font.tracking.",
+  cssPrefix: "--tt-core-font-tracking-",
+  dtcgType: "dimension"
+}, {
+  path: "core.font.optical.",
+  cssPrefix: "--tt-core-font-optical-",
+  dtcgType: "string"
+}, {
+  path: "core.font.numeric.",
+  cssPrefix: "--tt-core-font-numeric-",
+  dtcgType: "string"
+}, {
+  path: "core.font.scale.",
+  cssPrefix: "--tt-core-font-scale-",
+  dtcgType: "dimension"
+}, {
+  path: "core.spacing.",
+  cssPrefix: "--tt-core-spacing-",
+  dtcgType: "dimension"
+},
+// CSS keywords (auto, fit-content, etc.) are not DTCG dimensions — more-specific entry first.
+{
+  path: "core.sizing.behavior.",
+  cssPrefix: "--tt-core-sizing-behavior-",
+  dtcgType: "string"
+}, {
+  path: "core.sizing.",
+  cssPrefix: "--tt-core-sizing-",
+  dtcgType: "dimension"
+}, {
+  path: "core.radii.",
+  cssPrefix: "--tt-core-radii-",
+  dtcgType: "dimension"
+}, {
+  path: "core.border.width.",
+  cssPrefix: "--tt-core-border-width-",
+  dtcgType: "dimension"
+}, {
+  path: "core.border.style.",
+  cssPrefix: "--tt-core-border-style-",
+  dtcgType: "string"
+}, {
+  path: "core.opacity.",
+  cssPrefix: "--tt-core-opacity-",
+  dtcgType: "number"
+}, {
+  path: "core.motion.duration.",
+  cssPrefix: "--tt-core-motion-duration-",
+  dtcgType: "duration"
+}, {
+  path: "core.motion.easing.",
+  cssPrefix: "--tt-core-motion-easing-",
+  dtcgType: "string"
+}, {
+  path: "core.zIndex.level.",
+  cssPrefix: "--tt-core-z-index-",
+  dtcgType: "number"
+}, {
+  path: "core.breakpoints.",
+  cssPrefix: "--tt-core-breakpoints-",
+  dtcgType: "dimension"
+},
+// -- Semantic paths -------------------------------------------------------
+{
+  path: "semantic.colors.",
+  cssPrefix: "--tt-colors-",
+  dtcgType: "color"
+}, {
+  path: "semantic.elevation.",
+  cssPrefix: "--tt-elevation-",
+  dtcgType: "shadow"
+}, {
+  path: "semantic.text.",
+  cssPrefix: "--tt-text-",
+  dtcgType: "string"
+}, {
+  path: "semantic.spacing.",
+  cssPrefix: "--tt-spacing-",
+  dtcgType: "dimension"
+}, {
+  path: "semantic.sizing.",
+  cssPrefix: "--tt-sizing-",
+  dtcgType: "dimension"
+}, {
+  path: "semantic.radii.",
+  cssPrefix: "--tt-radii-",
+  dtcgType: "dimension"
+}, {
+  path: "semantic.focus.",
+  cssPrefix: "--tt-focus-",
+  dtcgType: "string"
+}, {
+  path: "semantic.overlay.",
+  cssPrefix: "--tt-overlay-",
+  dtcgType: "color"
+}, {
+  path: "semantic.border.",
+  cssPrefix: "--tt-border-",
+  dtcgType: "string"
+}, {
+  path: "semantic.opacity.",
+  cssPrefix: "--tt-opacity-",
+  dtcgType: "number"
+}, {
+  path: "semantic.motion.",
+  cssPrefix: "--tt-motion-",
+  dtcgType: "string"
+}, {
+  path: "semantic.zIndex.layer.",
+  cssPrefix: "--tt-z-index-",
+  dtcgType: "number"
+}];
+var CSS_PATH_PREFIXES = TOKEN_PATH_REGISTRY.map(e => {
+  return [e.path, e.cssPrefix];
+});
+var DTCG_TYPE_PREFIXES = TOKEN_PATH_REGISTRY.map(e => {
+  return [e.path, e.dtcgType];
+});
+export { CSS_PATH_PREFIXES, DTCG_TYPE_PREFIXES };

package/dist/esm/chunk-5PWPAQMC.js

@@ -0,0 +1,9 @@
+/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+import { baseTheme, createTheme, darkAlternate } from "./chunk-SE5Z52RE.js";
+
+// src/baseBundle.ts
+var baseBundle = createTheme({
+  base: baseTheme,
+  alternate: darkAlternate
+});
+export { baseBundle };

package/dist/esm/chunk-BXKVVQEP.js

@@ -0,0 +1,29 @@
+/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+import { withDataviz } from "./chunk-FBVUI2PK.js";
+import { createTheme } from "./chunk-SE5Z52RE.js";
+
+// src/themes/ventures.ts
+var bundle = createTheme({
+  overrides: {
+    core: {
+      colors: {
+        brand: {
+          50: "#EEF1F8",
+          100: "#CDD5EA",
+          200: "#9BAED5",
+          300: "#6887BF",
+          400: "#3A61A8",
+          500: "#1A3D8F",
+          600: "#142E6E",
+          700: "#0E2050",
+          800: "#081333",
+          900: "#03091A"
+        }
+      }
+    },
+    semantic: {}
+  },
+  alternate: void 0
+});
+var ventures = withDataviz(bundle);
+export { ventures };

package/dist/esm/chunk-DU4QDQUC.js

@@ -0,0 +1,29 @@
+/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+import { withDataviz } from "./chunk-FBVUI2PK.js";
+import { createTheme } from "./chunk-SE5Z52RE.js";
+
+// src/themes/oca.ts
+var bundle = createTheme({
+  overrides: {
+    core: {
+      colors: {
+        brand: {
+          50: "#F5FBEA",
+          100: "#E4F6C2",
+          200: "#CAED8A",
+          300: "#ABDF4E",
+          400: "#8ECE1F",
+          500: "#6DB800",
+          600: "#549100",
+          700: "#3C6A00",
+          800: "#254300",
+          900: "#111F00"
+        }
+      }
+    },
+    semantic: {}
+  },
+  alternate: void 0
+});
+var oca = withDataviz(bundle);
+export { oca };

package/dist/esm/chunk-FBVUI2PK.js

@@ -0,0 +1,147 @@
+/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+import { buildTheme } from "./chunk-SE5Z52RE.js";
+import { __name } from "./chunk-WVQSTQD5.js";
+
+// src/dataviz/baseTheme.ts
+var coreDataviz = {
+  shape: {
+    1: "circle",
+    2: "square",
+    3: "triangle",
+    4: "diamond",
+    5: "cross",
+    6: "star",
+    7: "wye",
+    8: "pentagon"
+  },
+  pattern: {
+    1: "solid",
+    2: "diagonal-stripes",
+    3: "horizontal-stripes",
+    4: "vertical-stripes",
+    5: "dots",
+    6: "cross-hatch"
+  },
+  stroke: {
+    solid: "none",
+    dashed: "6 3",
+    dotted: "2 2"
+  },
+  opacity: {
+    context: 0.15,
+    muted: 0.35,
+    uncertainty: 0.25
+  }
+};
+var semanticDataviz = {
+  color: {
+    series: {
+      1: "{core.colors.brand.500}",
+      2: "{core.colors.orange.500}",
+      3: "{core.colors.red.500}",
+      4: "{core.colors.teal.500}",
+      5: "{core.colors.green.500}",
+      6: "{core.colors.yellow.500}",
+      7: "{core.colors.purple.500}",
+      8: "{core.colors.pink.500}"
+    },
+    scale: {
+      sequential: {
+        1: "{core.colors.brand.50}",
+        2: "{core.colors.brand.100}",
+        3: "{core.colors.brand.200}",
+        4: "{core.colors.brand.300}",
+        5: "{core.colors.brand.500}",
+        6: "{core.colors.brand.700}",
+        7: "{core.colors.brand.900}"
+      },
+      diverging: {
+        neg3: "{core.colors.red.700}",
+        neg2: "{core.colors.red.500}",
+        neg1: "{core.colors.orange.300}",
+        neutral: "{core.colors.neutral.50}",
+        pos1: "{core.colors.brand.200}",
+        pos2: "{core.colors.brand.500}",
+        pos3: "{core.colors.brand.700}"
+      }
+    },
+    reference: {
+      baseline: "{core.colors.neutral.500}",
+      target: "{core.colors.orange.700}"
+    },
+    state: {
+      highlight: "{core.colors.yellow.500}",
+      muted: "{core.colors.neutral.300}",
+      selected: "{core.colors.brand.500}"
+    },
+    status: {
+      missing: "{core.colors.neutral.200}",
+      suppressed: "{core.colors.neutral.700}",
+      na: "{core.colors.neutral.500}"
+    }
+  },
+  encoding: {
+    shape: {
+      series: {
+        1: "{core.dataviz.shape.1}",
+        2: "{core.dataviz.shape.2}",
+        3: "{core.dataviz.shape.3}",
+        4: "{core.dataviz.shape.4}",
+        5: "{core.dataviz.shape.5}",
+        6: "{core.dataviz.shape.6}",
+        7: "{core.dataviz.shape.7}",
+        8: "{core.dataviz.shape.8}"
+      }
+    },
+    pattern: {
+      series: {
+        1: "{core.dataviz.pattern.1}",
+        2: "{core.dataviz.pattern.2}",
+        3: "{core.dataviz.pattern.3}",
+        4: "{core.dataviz.pattern.4}",
+        5: "{core.dataviz.pattern.5}",
+        6: "{core.dataviz.pattern.6}"
+      }
+    },
+    stroke: {
+      reference: "{core.dataviz.stroke.dashed}",
+      forecast: "{core.dataviz.stroke.dashed}",
+      uncertainty: "{core.dataviz.stroke.dotted}"
+    },
+    opacity: {
+      context: "{core.dataviz.opacity.context}",
+      muted: "{core.dataviz.opacity.muted}",
+      uncertainty: "{core.dataviz.opacity.uncertainty}"
+    }
+  },
+  geo: {
+    context: {
+      muted: "{core.colors.neutral.50}",
+      boundary: "{core.colors.neutral.300}",
+      label: "{core.colors.neutral.500}"
+    },
+    state: {
+      selection: "{core.colors.brand.500}",
+      focus: "{core.colors.brand.700}"
+    }
+  }
+};
+
+// src/dataviz/withDataviz.ts
+var withDataviz = /* @__PURE__ */__name(bundle => {
+  return {
+    ...bundle,
+    base: buildTheme({
+      base: bundle.base,
+      overrides: {
+        core: {
+          dataviz: coreDataviz
+        },
+        semantic: {
+          dataviz: semanticDataviz
+        }
+      }
+    })
+  };
+}, "withDataviz");
+export { coreDataviz, semanticDataviz, withDataviz };