@ttoss/fsl-theme 1.1.16 → 1.1.18

package/dist/{toCssVars-DudHKvt2.cjs → toCssVars-CUiqx2kh.cjs}

@@ -1,6 +1,6 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-const require_helpers = require('./helpers-4p4-QVt_.cjs');
-const require_tokenRegistry = require('./tokenRegistry-OhaJ9sPJ.cjs');
+const require_helpers = require('./helpers-C29fy-Ad.cjs');
+const require_tokenRegistry = require('./tokenRegistry-B9zMRjpL.cjs');
 
 //#region src/roots/toCssVars.ts
 /**
@@ -9,7 +9,7 @@ const require_tokenRegistry = require('./tokenRegistry-OhaJ9sPJ.cjs');
 * `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 require_tokenRegistry.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(require_helpers.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 (!require_helpers.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 = require_helpers.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;

package/dist/{tokenRegistry-OhaJ9sPJ.cjs → tokenRegistry-B9zMRjpL.cjs}

@@ -10,7 +10,7 @@
 * Longer (more specific) prefixes come first so that consumers using
 * first-match lookup get the correct result.
 */
-const TOKEN_PATH_REGISTRY = [{
+var TOKEN_PATH_REGISTRY = [{
   path: "core.dataviz.color.",
   cssPrefix: "--tt-core-dataviz-color-",
   dtcgType: "color"
@@ -176,11 +176,11 @@ const TOKEN_PATH_REGISTRY = [{
   dtcgType: "number"
 }];
 /** Derived lookup table: `[path, cssPrefix]` pairs. */
-const CSS_PATH_PREFIXES = TOKEN_PATH_REGISTRY.map(e => {
+var CSS_PATH_PREFIXES = TOKEN_PATH_REGISTRY.map(e => {
   return [e.path, e.cssPrefix];
 });
 /** Derived lookup table: `[path, dtcgType]` pairs. */
-const DTCG_TYPE_PREFIXES = TOKEN_PATH_REGISTRY.map(e => {
+var DTCG_TYPE_PREFIXES = TOKEN_PATH_REGISTRY.map(e => {
   return [e.path, e.dtcgType];
 });
 

package/dist/{tokenRegistry-DjgSN3oU.mjs → tokenRegistry-DolhB5Vf.mjs}

@@ -10,7 +10,7 @@
 * Longer (more specific) prefixes come first so that consumers using
 * first-match lookup get the correct result.
 */
-const TOKEN_PATH_REGISTRY = [{
+var TOKEN_PATH_REGISTRY = [{
   path: "core.dataviz.color.",
   cssPrefix: "--tt-core-dataviz-color-",
   dtcgType: "color"
@@ -176,11 +176,11 @@ const TOKEN_PATH_REGISTRY = [{
   dtcgType: "number"
 }];
 /** Derived lookup table: `[path, cssPrefix]` pairs. */
-const CSS_PATH_PREFIXES = TOKEN_PATH_REGISTRY.map(e => {
+var CSS_PATH_PREFIXES = TOKEN_PATH_REGISTRY.map(e => {
   return [e.path, e.cssPrefix];
 });
 /** Derived lookup table: `[path, dtcgType]` pairs. */
-const DTCG_TYPE_PREFIXES = TOKEN_PATH_REGISTRY.map(e => {
+var DTCG_TYPE_PREFIXES = TOKEN_PATH_REGISTRY.map(e => {
   return [e.path, e.dtcgType];
 });
 

package/dist/vars.cjs

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, {
   value: 'Module'
 });
-const require_helpers = require('./helpers-4p4-QVt_.cjs');
-const require_baseBundle = require('./baseBundle-iEFf5nqT.cjs');
-const require_toCssVars = require('./toCssVars-DudHKvt2.cjs');
+const require_helpers = require('./helpers-C29fy-Ad.cjs');
+const require_baseBundle = require('./baseBundle-BXvPJYzj.cjs');
+const require_toCssVars = require('./toCssVars-CUiqx2kh.cjs');
 
 //#region src/roots/toVars.ts
 /**
@@ -26,7 +26,7 @@ const require_toCssVars = require('./toCssVars-DudHKvt2.cjs');
 * // → 'var(--tt-action-primary-background-default)'
 * ```
 */
-const buildVarsMap = theme => {
+var buildVarsMap = theme => {
   const walk = (obj, prefix) => {
     const result = {};
     for (const [key, value] of Object.entries(obj)) {
@@ -120,7 +120,7 @@ const buildVarsMap = theme => {
 * @see {@link toCssVarName}        — for raw CSS property names (without `var()`)
 * @see {@link useResolvedTokens}  — for resolved raw values in non-CSS environments (React Native, canvas, PDF)
 */
-const vars = buildVarsMap(require_baseBundle.baseBundle.base);
+var vars = buildVarsMap(require_baseBundle.baseBundle.base);
 
 //#endregion
 exports.buildVarsMap = buildVarsMap;

package/dist/vars.mjs

@@ -1,7 +1,7 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import { o as isPlainObject } from "./helpers-CaswNJMy.mjs";
-import { t as baseBundle } from "./baseBundle-DxvXyhGa.mjs";
-import { t as toCssVarName } from "./toCssVars-CYZCe-on.mjs";
+import { o as isPlainObject } from "./helpers-CA4Qkxct.mjs";
+import { t as baseBundle } from "./baseBundle-BLvD8XVS.mjs";
+import { t as toCssVarName } from "./toCssVars-BHRiSykR.mjs";
 
 //#region src/roots/toVars.ts
 /**
@@ -23,7 +23,7 @@ import { t as toCssVarName } from "./toCssVars-CYZCe-on.mjs";
 * // → 'var(--tt-action-primary-background-default)'
 * ```
 */
-const buildVarsMap = theme => {
+var buildVarsMap = theme => {
   const walk = (obj, prefix) => {
     const result = {};
     for (const [key, value] of Object.entries(obj)) {
@@ -117,7 +117,7 @@ const buildVarsMap = theme => {
 * @see {@link toCssVarName}        — for raw CSS property names (without `var()`)
 * @see {@link useResolvedTokens}  — for resolved raw values in non-CSS environments (React Native, canvas, PDF)
 */
-const vars = buildVarsMap(baseBundle.base);
+var vars = buildVarsMap(baseBundle.base);
 
 //#endregion
 export { buildVarsMap, vars };

package/dist/{withDataviz-B4pVsOwV.cjs → withDataviz-BlJcYhcw.cjs}

@@ -1,5 +1,5 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-const require_createTheme = require('./createTheme-Cv6RP9D6.cjs');
+const require_createTheme = require('./createTheme-JOu16Shb.cjs');
 
 //#region src/dataviz/baseTheme.ts
 /**
@@ -7,7 +7,7 @@ const require_createTheme = require('./createTheme-Cv6RP9D6.cjs');
 *
 * Analytical color comes from `core.colors.*` — see `semanticDataviz` below.
 */
-const coreDataviz = {
+var coreDataviz = {
   shape: {
     1: "circle",
     2: "square",
@@ -37,7 +37,7 @@ const coreDataviz = {
     uncertainty: .25
   }
 };
-const semanticDataviz = {
+var semanticDataviz = {
   color: {
     series: {
       1: "{core.colors.brand.500}",
@@ -154,7 +154,7 @@ const semanticDataviz = {
 * }));
 * ```
 */
-const withDataviz = bundle => {
+var withDataviz = bundle => {
   return {
     ...bundle,
     base: require_createTheme.buildTheme({

package/dist/{withDataviz-DY5s7R51.mjs → withDataviz-DYV1S_xr.mjs}

@@ -1,5 +1,5 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import { t as buildTheme } from "./createTheme-BLNYztZU.mjs";
+import { t as buildTheme } from "./createTheme-DzLnsknT.mjs";
 
 //#region src/dataviz/baseTheme.ts
 /**
@@ -7,7 +7,7 @@ import { t as buildTheme } from "./createTheme-BLNYztZU.mjs";
 *
 * Analytical color comes from `core.colors.*` — see `semanticDataviz` below.
 */
-const coreDataviz = {
+var coreDataviz = {
   shape: {
     1: "circle",
     2: "square",
@@ -37,7 +37,7 @@ const coreDataviz = {
     uncertainty: .25
   }
 };
-const semanticDataviz = {
+var semanticDataviz = {
   color: {
     series: {
       1: "{core.colors.brand.500}",
@@ -154,7 +154,7 @@ const semanticDataviz = {
 * }));
 * ```
 */
-const withDataviz = bundle => {
+var withDataviz = bundle => {
   return {
     ...bundle,
     base: buildTheme({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/fsl-theme",
-  "version": "1.1.16",
+  "version": "1.1.18",
   "description": "ttoss theme provider for UI.",
   "keywords": [
     "css-variables",
@@ -60,13 +60,13 @@
   ],
   "devDependencies": {
     "@testing-library/react": "^16.3.2",
-    "jest": "^30.3.0",
+    "jest": "^30.4.2",
     "react": "^19.2.6",
     "ts-morph": "^28.0.0",
-    "tsdown": "^0.22.0",
+    "tsdown": "^0.22.2",
     "tsx": "^4.21.0",
-    "@ttoss/config": "^1.37.14",
-    "@ttoss/test-utils": "^4.2.14"
+    "@ttoss/config": "^1.37.16",
+    "@ttoss/test-utils": "^4.2.16"
   },
   "peerDependencies": {
     "react": ">=18"