@ttoss/fsl-theme 1.1.16 → 1.1.17

package/dist/react.mjs

@@ -1,18 +1,18 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import { r as deepMerge, s as toFlatTokens } from "./helpers-CaswNJMy.mjs";
+import { r as deepMerge, s as toFlatTokens } from "./helpers-CA4Qkxct.mjs";
 import { getThemeStylesContent } from "./css.mjs";
-import { i as createThemeRuntime, t as getThemeScriptContent } from "./ssrScript-D3kGPQpi.mjs";
+import { i as createThemeRuntime, t as getThemeScriptContent } from "./ssrScript-CoRE6jjq.mjs";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/react.tsx
-const COARSE_QUERY = "(any-pointer: coarse)";
+var COARSE_QUERY = "(any-pointer: coarse)";
 /**
 * Subscribe to coarse-pointer media query changes.
 * Returns `true` when the device has at least one coarse pointer (touch).
 * Returns `false` on SSR or when `matchMedia` is unavailable (React Native).
 */
-const useCoarsePointer = () => {
+var useCoarsePointer = () => {
   const [isCoarse, setIsCoarse] = React.useState(() => {
     return typeof window !== "undefined" && typeof window.matchMedia === "function" ? window.matchMedia(COARSE_QUERY).matches : false;
   });
@@ -38,7 +38,7 @@ const useCoarsePointer = () => {
 * consumers — ensuring non-CSS consumers (React Native, canvas) get
 * touch-appropriate hit targets.
 */
-const applyCoarseHitOverrides = (tokens, theme, isCoarse) => {
+var applyCoarseHitOverrides = (tokens, theme, isCoarse) => {
   if (!isCoarse) return tokens;
   const overrides = {
     ...tokens
@@ -46,16 +46,16 @@ const applyCoarseHitOverrides = (tokens, theme, isCoarse) => {
   for (const [key, value] of Object.entries(theme.core.sizing.hit.coarse)) if (typeof value === "string") overrides[`semantic.sizing.hit.${key}`] = value;
   return overrides;
 };
-const SemanticTokensCtx = React.createContext(null);
+var SemanticTokensCtx = React.createContext(null);
 /**
 * Resolves semantic tokens for the given bundle + mode combination.
 */
-const resolveSemanticTokens = (bundle, resolvedMode) => {
+var resolveSemanticTokens = (bundle, resolvedMode) => {
   if (resolvedMode === bundle.baseMode || !bundle.alternate?.semantic) return bundle.base.semantic;
   return deepMerge(bundle.base.semantic, bundle.alternate.semantic);
 };
-const ResolvedTokensCtx = React.createContext(null);
-const ModeCtx = React.createContext(null);
+var ResolvedTokensCtx = React.createContext(null);
+var ModeCtx = React.createContext(null);
 /**
 * React provider that manages theme switching via `createThemeRuntime`.
 *
@@ -78,7 +78,7 @@ const ModeCtx = React.createContext(null);
 * );
 * ```
 */
-const ThemeProvider = ({
+var ThemeProvider = ({
   defaultMode,
   storageKey,
   theme,
@@ -172,7 +172,7 @@ const ThemeProvider = ({
   });
   return coreNode;
 };
-const useColorMode = () => {
+var useColorMode = () => {
   const context = React.useContext(ModeCtx);
   if (!context) throw new Error("useColorMode must be used within a <ThemeProvider>");
   return context;
@@ -215,7 +215,7 @@ const useColorMode = () => {
 * };
 * ```
 */
-const useTokens = () => {
+var useTokens = () => {
   const tokens = React.useContext(SemanticTokensCtx);
   if (!React.useContext(ModeCtx)) throw new Error("useTokens must be used within a <ThemeProvider>");
   if (tokens === null) throw new Error("useTokens requires a <ThemeProvider theme={...}>. Pass your theme bundle: <ThemeProvider theme={myTheme} />");
@@ -259,7 +259,7 @@ const useTokens = () => {
 * };
 * ```
 */
-const useResolvedTokens = () => {
+var useResolvedTokens = () => {
   const resolved = React.useContext(ResolvedTokensCtx);
   if (!React.useContext(ModeCtx)) throw new Error("useResolvedTokens must be used within a <ThemeProvider>");
   if (resolved === null) throw new Error("useResolvedTokens requires a <ThemeProvider theme={...}>. Pass your theme bundle: <ThemeProvider theme={myTheme} />");
@@ -287,7 +287,7 @@ const useResolvedTokens = () => {
 * }
 * ```
 */
-const ThemeScript = ({
+var ThemeScript = ({
   defaultTheme,
   defaultMode,
   storageKey,
@@ -346,7 +346,7 @@ const ThemeScript = ({
 * <ThemeStyles theme={brandB} themeId="brand-b" />
 * ```
 */
-const ThemeStyles = ({
+var ThemeStyles = ({
   theme,
   themeId,
   nonce
@@ -387,7 +387,7 @@ const ThemeStyles = ({
 * }
 * ```
 */
-const ThemeHead = ({
+var ThemeHead = ({
   theme,
   themeId,
   nonce,

package/dist/runtime-entry.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, {
   value: 'Module'
 });
-const require_ssrScript = require('./ssrScript-CRfrN8Pm.cjs');
+const require_ssrScript = require('./ssrScript-DOpLExaG.cjs');
 exports.DATA_MODE_ATTR = require_ssrScript.DATA_MODE_ATTR;
 exports.DATA_THEME_ATTR = require_ssrScript.DATA_THEME_ATTR;
 exports.createThemeRuntime = require_ssrScript.createThemeRuntime;

package/dist/runtime-entry.mjs

@@ -1,3 +1,3 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import { i as createThemeRuntime, n as DATA_MODE_ATTR, r as DATA_THEME_ATTR, t as getThemeScriptContent } from "./ssrScript-D3kGPQpi.mjs";
+import { i as createThemeRuntime, n as DATA_MODE_ATTR, r as DATA_THEME_ATTR, t as getThemeScriptContent } from "./ssrScript-CoRE6jjq.mjs";
 export { DATA_MODE_ATTR, DATA_THEME_ATTR, createThemeRuntime, getThemeScriptContent };

package/dist/{ssrScript-D3kGPQpi.mjs → ssrScript-CoRE6jjq.mjs}

@@ -1,5 +1,5 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import { n as SAFE_ID_RE } from "./helpers-CaswNJMy.mjs";
+import { n as SAFE_ID_RE } from "./helpers-CA4Qkxct.mjs";
 
 //#region src/themeBootstrap.ts
 /**
@@ -9,7 +9,7 @@ import { n as SAFE_ID_RE } from "./helpers-CaswNJMy.mjs";
 * Does **not** touch the DOM — DOM writes are performed by `apply()` inside
 * `createThemeRuntime`, which is the single owner of all attribute mutations.
 */
-const resolveTheme = cfg => {
+var resolveTheme = cfg => {
   let stored = null;
   try {
     const raw = localStorage.getItem(cfg.storageKey);
@@ -24,12 +24,12 @@ const resolveTheme = cfg => {
 
 //#endregion
 //#region src/runtime.ts
-const DATA_THEME_ATTR = "data-tt-theme";
-const DATA_MODE_ATTR = "data-tt-mode";
-const DEFAULT_STORAGE_KEY = "tt-theme";
+var DATA_THEME_ATTR = "data-tt-theme";
+var DATA_MODE_ATTR = "data-tt-mode";
+var DEFAULT_STORAGE_KEY = "tt-theme";
 /** Valid values for the `mode` field. Used to sanitize localStorage input. */
-const VALID_MODES = ["light", "dark", "system"];
-const writeStorage = (key, data) => {
+var VALID_MODES = ["light", "dark", "system"];
+var writeStorage = (key, data) => {
   try {
     localStorage.setItem(key, JSON.stringify(data));
   } catch {}
@@ -51,7 +51,7 @@ const writeStorage = (key, data) => {
 * runtime.destroy();
 * ```
 */
-const createThemeRuntime = (config = {}) => {
+var createThemeRuntime = (config = {}) => {
   const {
     defaultTheme,
     defaultMode = "system",
@@ -160,7 +160,7 @@ const createThemeRuntime = (config = {}) => {
 * }
 * ```
 */
-const getThemeScriptContent = (config = {}) => {
+var getThemeScriptContent = (config = {}) => {
   const {
     defaultTheme,
     defaultMode = "system",

package/dist/{ssrScript-CRfrN8Pm.cjs → ssrScript-DOpLExaG.cjs}

@@ -1,5 +1,5 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-const require_helpers = require('./helpers-4p4-QVt_.cjs');
+const require_helpers = require('./helpers-C29fy-Ad.cjs');
 
 //#region src/themeBootstrap.ts
 /**
@@ -9,7 +9,7 @@ const require_helpers = require('./helpers-4p4-QVt_.cjs');
 * Does **not** touch the DOM — DOM writes are performed by `apply()` inside
 * `createThemeRuntime`, which is the single owner of all attribute mutations.
 */
-const resolveTheme = cfg => {
+var resolveTheme = cfg => {
   let stored = null;
   try {
     const raw = localStorage.getItem(cfg.storageKey);
@@ -24,12 +24,12 @@ const resolveTheme = cfg => {
 
 //#endregion
 //#region src/runtime.ts
-const DATA_THEME_ATTR = "data-tt-theme";
-const DATA_MODE_ATTR = "data-tt-mode";
-const DEFAULT_STORAGE_KEY = "tt-theme";
+var DATA_THEME_ATTR = "data-tt-theme";
+var DATA_MODE_ATTR = "data-tt-mode";
+var DEFAULT_STORAGE_KEY = "tt-theme";
 /** Valid values for the `mode` field. Used to sanitize localStorage input. */
-const VALID_MODES = ["light", "dark", "system"];
-const writeStorage = (key, data) => {
+var VALID_MODES = ["light", "dark", "system"];
+var writeStorage = (key, data) => {
   try {
     localStorage.setItem(key, JSON.stringify(data));
   } catch {}
@@ -51,7 +51,7 @@ const writeStorage = (key, data) => {
 * runtime.destroy();
 * ```
 */
-const createThemeRuntime = (config = {}) => {
+var createThemeRuntime = (config = {}) => {
   const {
     defaultTheme,
     defaultMode = "system",
@@ -160,7 +160,7 @@ const createThemeRuntime = (config = {}) => {
 * }
 * ```
 */
-const getThemeScriptContent = (config = {}) => {
+var getThemeScriptContent = (config = {}) => {
   const {
     defaultTheme,
     defaultMode = "system",

package/dist/themes/bruttal.cjs

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, {
   value: 'Module'
 });
-const require_createTheme = require('../createTheme-Cv6RP9D6.cjs');
-const require_helpers = require('../helpers-4p4-QVt_.cjs');
-const require_withDataviz = require('../withDataviz-B4pVsOwV.cjs');
+const require_createTheme = require('../createTheme-JOu16Shb.cjs');
+const require_helpers = require('../helpers-C29fy-Ad.cjs');
+const require_withDataviz = require('../withDataviz-BlJcYhcw.cjs');
 
 //#region src/themes/bruttal.ts
 /**
@@ -23,7 +23,7 @@ const require_withDataviz = require('../withDataviz-B4pVsOwV.cjs');
 * The dark alternate inherits `darkAlternate`'s colour remaps and only overrides
 * `elevation.surface.*` to preserve the flat brutalist identity under dark mode.
 */
-const bundle = require_createTheme.createTheme({
+var bundle = require_createTheme.createTheme({
   overrides: {
     core: {
       colors: {
@@ -69,7 +69,7 @@ const bundle = require_createTheme.createTheme({
     }
   })
 });
-const bruttal = require_withDataviz.withDataviz(bundle);
+var bruttal = require_withDataviz.withDataviz(bundle);
 
 //#endregion
 exports.bruttal = bruttal;

package/dist/themes/bruttal.mjs

@@ -1,7 +1,7 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import { i as darkAlternate, n as createTheme } from "../createTheme-BLNYztZU.mjs";
-import { r as deepMerge } from "../helpers-CaswNJMy.mjs";
-import { t as withDataviz } from "../withDataviz-DY5s7R51.mjs";
+import { i as darkAlternate, n as createTheme } from "../createTheme-DzLnsknT.mjs";
+import { r as deepMerge } from "../helpers-CA4Qkxct.mjs";
+import { t as withDataviz } from "../withDataviz-DYV1S_xr.mjs";
 
 //#region src/themes/bruttal.ts
 /**
@@ -20,7 +20,7 @@ import { t as withDataviz } from "../withDataviz-DY5s7R51.mjs";
 * The dark alternate inherits `darkAlternate`'s colour remaps and only overrides
 * `elevation.surface.*` to preserve the flat brutalist identity under dark mode.
 */
-const bundle = createTheme({
+var bundle = createTheme({
   overrides: {
     core: {
       colors: {
@@ -66,7 +66,7 @@ const bundle = createTheme({
     }
   })
 });
-const bruttal = withDataviz(bundle);
+var bruttal = withDataviz(bundle);
 
 //#endregion
 export { bruttal };

package/dist/themes/corporate.cjs

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, {
   value: 'Module'
 });
-const require_createTheme = require('../createTheme-Cv6RP9D6.cjs');
-const require_withDataviz = require('../withDataviz-B4pVsOwV.cjs');
+const require_createTheme = require('../createTheme-JOu16Shb.cjs');
+const require_withDataviz = require('../withDataviz-BlJcYhcw.cjs');
 
 //#region src/themes/corporate.ts
-const bundle = require_createTheme.createTheme({
+var bundle = require_createTheme.createTheme({
   overrides: {
     core: {
       colors: {
@@ -28,7 +28,7 @@ const bundle = require_createTheme.createTheme({
   },
   alternate: void 0
 });
-const corporate = require_withDataviz.withDataviz(bundle);
+var corporate = require_withDataviz.withDataviz(bundle);
 
 //#endregion
 exports.corporate = corporate;

package/dist/themes/corporate.mjs

@@ -1,9 +1,9 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import { n as createTheme } from "../createTheme-BLNYztZU.mjs";
-import { t as withDataviz } from "../withDataviz-DY5s7R51.mjs";
+import { n as createTheme } from "../createTheme-DzLnsknT.mjs";
+import { t as withDataviz } from "../withDataviz-DYV1S_xr.mjs";
 
 //#region src/themes/corporate.ts
-const bundle = createTheme({
+var bundle = createTheme({
   overrides: {
     core: {
       colors: {
@@ -25,7 +25,7 @@ const bundle = createTheme({
   },
   alternate: void 0
 });
-const corporate = withDataviz(bundle);
+var corporate = withDataviz(bundle);
 
 //#endregion
 export { corporate };

package/dist/themes/oca.cjs

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, {
   value: 'Module'
 });
-const require_createTheme = require('../createTheme-Cv6RP9D6.cjs');
-const require_withDataviz = require('../withDataviz-B4pVsOwV.cjs');
+const require_createTheme = require('../createTheme-JOu16Shb.cjs');
+const require_withDataviz = require('../withDataviz-BlJcYhcw.cjs');
 
 //#region src/themes/oca.ts
-const bundle = require_createTheme.createTheme({
+var bundle = require_createTheme.createTheme({
   overrides: {
     core: {
       colors: {
@@ -28,7 +28,7 @@ const bundle = require_createTheme.createTheme({
   },
   alternate: void 0
 });
-const oca = require_withDataviz.withDataviz(bundle);
+var oca = require_withDataviz.withDataviz(bundle);
 
 //#endregion
 exports.oca = oca;

package/dist/themes/oca.mjs

@@ -1,9 +1,9 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import { n as createTheme } from "../createTheme-BLNYztZU.mjs";
-import { t as withDataviz } from "../withDataviz-DY5s7R51.mjs";
+import { n as createTheme } from "../createTheme-DzLnsknT.mjs";
+import { t as withDataviz } from "../withDataviz-DYV1S_xr.mjs";
 
 //#region src/themes/oca.ts
-const bundle = createTheme({
+var bundle = createTheme({
   overrides: {
     core: {
       colors: {
@@ -25,7 +25,7 @@ const bundle = createTheme({
   },
   alternate: void 0
 });
-const oca = withDataviz(bundle);
+var oca = withDataviz(bundle);
 
 //#endregion
 export { oca };

package/dist/themes/ventures.cjs

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, {
   value: 'Module'
 });
-const require_createTheme = require('../createTheme-Cv6RP9D6.cjs');
-const require_withDataviz = require('../withDataviz-B4pVsOwV.cjs');
+const require_createTheme = require('../createTheme-JOu16Shb.cjs');
+const require_withDataviz = require('../withDataviz-BlJcYhcw.cjs');
 
 //#region src/themes/ventures.ts
-const bundle = require_createTheme.createTheme({
+var bundle = require_createTheme.createTheme({
   overrides: {
     core: {
       colors: {
@@ -28,7 +28,7 @@ const bundle = require_createTheme.createTheme({
   },
   alternate: void 0
 });
-const ventures = require_withDataviz.withDataviz(bundle);
+var ventures = require_withDataviz.withDataviz(bundle);
 
 //#endregion
 exports.ventures = ventures;

package/dist/themes/ventures.mjs

@@ -1,9 +1,9 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import { n as createTheme } from "../createTheme-BLNYztZU.mjs";
-import { t as withDataviz } from "../withDataviz-DY5s7R51.mjs";
+import { n as createTheme } from "../createTheme-DzLnsknT.mjs";
+import { t as withDataviz } from "../withDataviz-DYV1S_xr.mjs";
 
 //#region src/themes/ventures.ts
-const bundle = createTheme({
+var bundle = createTheme({
   overrides: {
     core: {
       colors: {
@@ -25,7 +25,7 @@ const bundle = createTheme({
   },
   alternate: void 0
 });
-const ventures = withDataviz(bundle);
+var ventures = withDataviz(bundle);
 
 //#endregion
 export { ventures };

package/dist/{toCssVars-CYZCe-on.mjs → toCssVars-BHRiSykR.mjs}

@@ -1,6 +1,6 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import { a as flattenTheme, i as flattenObject, n as SAFE_ID_RE, r as deepMerge, t as COMPOUND_REF_RE } from "./helpers-CaswNJMy.mjs";
-import { t as CSS_PATH_PREFIXES } from "./tokenRegistry-DjgSN3oU.mjs";
+import { a as flattenTheme, i as flattenObject, n as SAFE_ID_RE, r as deepMerge, t as COMPOUND_REF_RE } from "./helpers-CA4Qkxct.mjs";
+import { t as CSS_PATH_PREFIXES } from "./tokenRegistry-DolhB5Vf.mjs";
 
 //#region src/roots/toCssVars.ts
 /**
@@ -9,7 +9,7 @@ import { t as CSS_PATH_PREFIXES } from "./tokenRegistry-DjgSN3oU.mjs";
 * `core.colors.brand.500` → `--tt-core-colors-brand-500`
 * `semantic.colors.action.primary.background.default` → `--tt-colors-action-primary-background-default`
 */
-const toCssVarName = tokenPath => {
+var toCssVarName = tokenPath => {
   for (const [prefix, cssPrefix] of CSS_PATH_PREFIXES) if (tokenPath.startsWith(prefix)) return `${cssPrefix}${tokenPath.slice(prefix.length).replace(/\./g, "-")}`;
   return `--tt-${tokenPath.replace(/\./g, "-")}`;
 };
@@ -20,7 +20,7 @@ const toCssVarName = tokenPath => {
 *   `clamp({core.spacing.4}, {core.spacing.6}, {core.spacing.12})`
 *   → `clamp(var(--tt-core-spacing-4), var(--tt-core-spacing-6), var(--tt-core-spacing-12))`
 */
-const inlineRefsToVars = value => {
+var inlineRefsToVars = value => {
   return value.replace(COMPOUND_REF_RE, (_match, path) => {
     return `var(${toCssVarName(path)})`;
   });
@@ -31,7 +31,7 @@ const inlineRefsToVars = value => {
 * Core tokens get raw values. Semantic tokens get `var()` references
 * to preserve the cascade relationship at runtime.
 */
-const buildCssVars = theme => {
+var buildCssVars = theme => {
   const vars = {};
   const {
     core: coreFlat,
@@ -44,11 +44,11 @@ const buildCssVars = theme => {
   }
   return vars;
 };
-const sanitizeId = value => {
+var sanitizeId = value => {
   if (!SAFE_ID_RE.test(value)) throw new Error(`Invalid themeId "${value}". Only alphanumeric characters, hyphens, and underscores are allowed.`);
   return value;
 };
-const buildSelector = ({
+var buildSelector = ({
   themeId,
   mode,
   selector
@@ -60,9 +60,9 @@ const buildSelector = ({
   return s;
 };
 /** Matches container query length units: cqi, cqb, cqw, cqh, cqmin, cqmax */
-const CQ_UNIT_RE = /cq(?:i|b|w|h|min|max)(?![a-z])/i;
+var CQ_UNIT_RE = /cq(?:i|b|w|h|min|max)(?![a-z])/i;
 /** Check if a CSS value contains container query units. */
-const hasCqUnits = value => {
+var hasCqUnits = value => {
   return typeof value === "string" && CQ_UNIT_RE.test(value);
 };
 /**
@@ -70,13 +70,13 @@ const hasCqUnits = value => {
 *
 * cqi → vw, cqb → vh, cqw → vw, cqh → vh, cqmin → vmin, cqmax → vmax
 */
-const toViewportFallback = value => {
+var toViewportFallback = value => {
   return value.replace(/cqmin(?![a-z])/gi, "vmin").replace(/cqmax(?![a-z])/gi, "vmax").replace(/cqi(?![a-z])/gi, "vw").replace(/cqb(?![a-z])/gi, "vh").replace(/cqw(?![a-z])/gi, "vw").replace(/cqh(?![a-z])/gi, "vh");
 };
 /**
 * Extract entries from a CSS vars record whose values contain CQ units.
 */
-const extractContainerQueryVars = vars => {
+var extractContainerQueryVars = vars => {
   const cqVars = {};
   for (const [name, value] of Object.entries(vars)) if (hasCqUnits(value)) cqVars[name] = value;
   return cqVars;
@@ -91,7 +91,7 @@ const extractContainerQueryVars = vars => {
 * Sets all semantic motion duration vars to `var(--tt-core-motion-duration-none)` (0ms).
 * Emitted inside `@media (prefers-reduced-motion: reduce)`.
 */
-const buildReducedMotionVars = theme => {
+var buildReducedMotionVars = theme => {
   const noneVar = `var(${toCssVarName("core.motion.duration.none")})`;
   const flat = flattenObject(theme.semantic.motion, "semantic.motion");
   const vars = {};
@@ -108,7 +108,7 @@ const buildReducedMotionVars = theme => {
 * Derives every `*.coarse.*` path from `core.sizing.hit.coarse` dynamically,
 * so adding a new step to `CoreSizeHitScale` never silently omits it here.
 */
-const buildCoarseHitVars = theme => {
+var buildCoarseHitVars = theme => {
   const vars = {};
   for (const [key, value] of Object.entries(theme.core.sizing.hit.coarse)) if (typeof value === "string") vars[toCssVarName(`semantic.sizing.hit.${key}`)] = value;
   return vars;
@@ -120,7 +120,7 @@ const buildCoarseHitVars = theme => {
 * coarse-pointer `@media` block, and reduced-motion `@media` block.
 * This is the single implementation shared by `toCssVars` and `bundleToCssVars`.
 */
-const buildCssBlock = ({
+var buildCssBlock = ({
   selector,
   vars,
   containerQueryVars,
@@ -153,7 +153,7 @@ const buildCssBlock = ({
 * Internal: convert a single `ThemeTokens` into CSS custom properties.
 * Use the public overloaded `toCssVars()` instead.
 */
-const toCssVarsBase = (theme, options = {}) => {
+var toCssVarsBase = (theme, options = {}) => {
   const cssVars = buildCssVars(theme);
   const coarseHitVars = buildCoarseHitVars(theme);
   const reducedMotionVars = buildReducedMotionVars(theme);
@@ -183,13 +183,13 @@ const toCssVarsBase = (theme, options = {}) => {
   };
 };
 /** Type guard: checks if the input is a ThemeBundle. */
-const isThemeBundle = input => {
+var isThemeBundle = input => {
   return "baseMode" in input && "base" in input;
 };
 /**
 * Compute a diff record: only entries in `full` whose values differ from `base`.
 */
-const diffCssVars = ({
+var diffCssVars = ({
   base,
   full
 }) => {
@@ -211,7 +211,7 @@ const diffCssVars = ({
 * // → base block (all vars) + dark block (only changed vars) + coarse block
 * ```
 */
-const bundleToCssVars = (bundle, options) => {
+var bundleToCssVars = (bundle, options) => {
   const {
     themeId
   } = options;