acinguiux-ds-react-framework 0.1.18 → 0.1.20

package/build/esm/react-base/src/theme/layer.js

@@ -1,50 +1,50 @@
-import { Variables as i, Paths as L, MODES_BY_PATH as b, MODES_DEFAULT_VALUES as f, PATH_BY_VARIABLE as V, PathKinds as P } from "./types/layer.js";
-const _ = (a, s, r, e) => {
-  const t = s.reduce((n, o) => n == null ? void 0 : n[o], a);
-  return !(!t || !t[r] || e && !t[r][e]);
-}, A = (a, s, r, e, t, n) => {
-  const o = b[s];
-  if (!_(
-    a[s],
+import { Paths as A, MODES_BY_PATH as p, MODES_DEFAULT_VALUES as f, Variables as L, PATH_BY_VARIABLE as i, PathKinds as l } from "./types/layer.js";
+const S = (o, n, t, e) => {
+  const r = n.reduce((s, c) => s?.[c], o);
+  return !(!r || !r[t] || e && !r[t][e]);
+}, V = (o, n, t, e, r, s) => {
+  const c = p[n];
+  if (!S(
+    o[n],
     e,
-    t,
-    n
+    r,
+    s
   )) {
-    const l = e.findIndex((d, u) => d !== f[o[u]]), c = r.findIndex(
-      (d, u) => d !== f[o[u]]
-    ), h = e.map((d, u) => u === l ? f[o[u]] : u < l && u >= c && l !== c ? r[u] : d);
-    return A(a, s, r, h, t);
+    const u = e.findIndex((d, a) => d !== f[c[a]]), h = t.findIndex(
+      (d, a) => d !== f[c[a]]
+    ), P = e.map((d, a) => a === u ? f[c[a]] : a < u && a >= h && u !== h ? t[a] : d);
+    return V(o, n, t, P, r);
   }
   return e.reduce(
-    (l, c) => l[c],
-    a[s]
+    (u, h) => u[h],
+    o[n]
   );
-}, g = (a, s) => {
-  const [, r, e] = V[a];
-  return r === P.border || r === P.text ? s[r][e] : s[r];
-}, E = ({ variables: a }) => (s = {}) => {
-  if (!a)
-    return console.warn("Theme variables not available during SSR - using fallback values"), Object.values(i).reduce((e, t) => ({ ...e, [t]: "transparent" }), {});
-  const r = Object.values(L).reduce(
-    (e, t) => ({
+}, b = (o, n) => {
+  const [, t, e] = i[o];
+  return t === l.border || t === l.text ? n[t][e] : n[t];
+}, T = ({ variables: o }) => (n = {}) => {
+  if (!o)
+    throw new Error("The provided Theme is not supported by the SDS. Please contact the SDS team for support.");
+  const t = Object.values(A).reduce(
+    (e, r) => ({
       ...e,
-      [t]: b[t].map((n) => s[n] ?? f[n])
+      [r]: p[r].map((s) => n[s] ?? f[s])
     }),
     {}
   );
-  return Object.values(i).reduce((e, t) => {
-    const [n, o, l] = V[t], c = A(
-      a,
-      n,
-      r[n],
-      r[n],
+  return Object.values(L).reduce((e, r) => {
+    const [s, c, u] = i[r], h = V(
       o,
-      l
-    ), h = g(t, c);
-    return { ...e, [t]: h };
+      s,
+      t[s],
+      t[s],
+      c,
+      u
+    ), P = b(r, h);
+    return { ...e, [r]: P };
   }, {});
 };
 export {
-  E as themeToLayer
+  T as themeToLayer
 };
 //# sourceMappingURL=layer.js.map

package/build/esm/react-base/src/theme/layer.js.map

@@ -1 +1 @@
-{"version":3,"file":"layer.js","sources":["../../../../../../react-base/src/theme/layer.ts"],"sourcesContent":["import type { Mode, ThemeInitFn } from './types/theme';\nimport {\n  MODES_BY_PATH,\n  MODES_DEFAULT_VALUES,\n  PATH_BY_VARIABLE,\n  Paths,\n  PathKinds,\n  Variables,\n  type LayerFn,\n  type VariableValues,\n  type ModesType,\n  type Modes,\n  type VariablePath,\n  PathDensityModes,\n  PathDensityLayerModes,\n  PathLayerModes,\n} from './types/layer';\n\nconst isPathAvailable = (\n  obj: object,\n  modes: (keyof typeof obj)[],\n  searchKey: keyof typeof obj,\n  maybeKey?: keyof (typeof obj)[typeof searchKey],\n) => {\n  const endPath = modes.reduce((acc, mode) => acc?.[mode], obj);\n\n  if (!endPath || !endPath[searchKey] || (maybeKey && !endPath[searchKey][maybeKey])) {\n    return false;\n  }\n\n  return true;\n};\n\nconst findClosestVariablePathWithModes = (\n  variables: Mode['variables'],\n  mainPath: Paths,\n  initialModes: ModesType[Modes][],\n  modes: ModesType[Modes][],\n  kind: PathKinds,\n  maybePathLayer?: PathDensityModes | PathDensityLayerModes | PathLayerModes,\n): VariablePath => {\n  const modeNames = MODES_BY_PATH[mainPath];\n\n  if (\n    !isPathAvailable(\n      variables[mainPath],\n      modes as (keyof (typeof variables)[typeof mainPath])[],\n      kind as keyof (typeof variables)[typeof mainPath],\n      maybePathLayer as keyof (typeof variables)[typeof mainPath][typeof kind &\n        keyof (typeof variables)[typeof mainPath]],\n    )\n  ) {\n    // if the path is not found, we get the first changed mode and set it to the default value\n    const lastChangeIdx = modes.findIndex((modeValue, index) => modeValue !== MODES_DEFAULT_VALUES[modeNames[index]]);\n\n    const initialLastChangeIdx = initialModes.findIndex(\n      (modeValue, index) => modeValue !== MODES_DEFAULT_VALUES[modeNames[index]],\n    );\n\n    const newModes = modes.map((modeValue, idx) => {\n      if (idx === lastChangeIdx) {\n        return MODES_DEFAULT_VALUES[modeNames[idx]];\n      }\n      if (idx < lastChangeIdx && idx >= initialLastChangeIdx && lastChangeIdx !== initialLastChangeIdx) {\n        return initialModes[idx];\n      }\n\n      return modeValue;\n    });\n\n    return findClosestVariablePathWithModes(variables, mainPath, initialModes, newModes, kind);\n  }\n\n  return modes.reduce(\n    (acc, modeValue) => acc[modeValue as keyof typeof acc],\n    variables[mainPath],\n  ) as unknown as VariablePath;\n};\n\nconst getValueFromVariablePath = (variable: Variables, value: VariablePath): string => {\n  const [, kind, maybePathLayer] = PATH_BY_VARIABLE[variable];\n\n  if (kind === PathKinds.border || kind === PathKinds.text) {\n    return value[kind][maybePathLayer];\n  }\n\n  return value[kind];\n};\n\nexport const themeToLayer: ThemeInitFn<LayerFn> =\n  ({ variables }) =>\n  (modes = {}) => {\n    if (!variables) {\n      // SSR-safe fallback: return empty object with default values\n      console.warn('Theme variables not available during SSR - using fallback values');\n      return Object.values(Variables).reduce((variableValues, variableName) => {\n        return { ...variableValues, [variableName]: 'transparent' };\n      }, {} as VariableValues);\n    }\n\n    const wantedModesPerPath = Object.values(Paths).reduce(\n      (accPaths, currentPath) => ({\n        ...accPaths,\n        [currentPath]: MODES_BY_PATH[currentPath].map((mode) => modes[mode] ?? MODES_DEFAULT_VALUES[mode]),\n      }),\n      {} as Record<Paths, ModesType[Modes][]>,\n    );\n\n    return Object.values(Variables).reduce((variableValues, variableName) => {\n      const [mainPath, kind, maybePathLayer] = PATH_BY_VARIABLE[variableName];\n      const closestVariablePath = findClosestVariablePathWithModes(\n        variables,\n        mainPath,\n        wantedModesPerPath[mainPath],\n        wantedModesPerPath[mainPath],\n        kind,\n        maybePathLayer,\n      );\n      const variableValue = getValueFromVariablePath(variableName, closestVariablePath);\n\n      return { ...variableValues, [variableName]: variableValue };\n    }, {} as VariableValues);\n  };\n"],"names":["isPathAvailable","obj","modes","searchKey","maybeKey","endPath","acc","mode","findClosestVariablePathWithModes","variables","mainPath","initialModes","kind","maybePathLayer","modeNames","MODES_BY_PATH","lastChangeIdx","modeValue","index","MODES_DEFAULT_VALUES","initialLastChangeIdx","newModes","idx","getValueFromVariablePath","variable","value","PATH_BY_VARIABLE","PathKinds","themeToLayer","Variables","variableValues","variableName","wantedModesPerPath","Paths","accPaths","currentPath","closestVariablePath","variableValue"],"mappings":";AAkBA,MAAMA,IAAkB,CACtBC,GACAC,GACAC,GACAC,MACG;AACH,QAAMC,IAAUH,EAAM,OAAO,CAACI,GAAKC,MAASD,KAAA,gBAAAA,EAAMC,IAAON,CAAG;AAE5D,SAAI,GAACI,KAAW,CAACA,EAAQF,CAAS,KAAMC,KAAY,CAACC,EAAQF,CAAS,EAAEC,CAAQ;AAKlF,GAEMI,IAAmC,CACvCC,GACAC,GACAC,GACAT,GACAU,GACAC,MACiB;AACjB,QAAMC,IAAYC,EAAcL,CAAQ;AAExC,MACE,CAACV;AAAA,IACCS,EAAUC,CAAQ;AAAA,IAClBR;AAAA,IACAU;AAAA,IACAC;AAAA,EAAA,GAGF;AAEA,UAAMG,IAAgBd,EAAM,UAAU,CAACe,GAAWC,MAAUD,MAAcE,EAAqBL,EAAUI,CAAK,CAAC,CAAC,GAE1GE,IAAuBT,EAAa;AAAA,MACxC,CAACM,GAAWC,MAAUD,MAAcE,EAAqBL,EAAUI,CAAK,CAAC;AAAA,IAAA,GAGrEG,IAAWnB,EAAM,IAAI,CAACe,GAAWK,MACjCA,MAAQN,IACHG,EAAqBL,EAAUQ,CAAG,CAAC,IAExCA,IAAMN,KAAiBM,KAAOF,KAAwBJ,MAAkBI,IACnET,EAAaW,CAAG,IAGlBL,CACR;AAED,WAAOT,EAAiCC,GAAWC,GAAUC,GAAcU,GAAUT,CAAI;AAAA,EAC3F;AAEA,SAAOV,EAAM;AAAA,IACX,CAACI,GAAKW,MAAcX,EAAIW,CAA6B;AAAA,IACrDR,EAAUC,CAAQ;AAAA,EAAA;AAEtB,GAEMa,IAA2B,CAACC,GAAqBC,MAAgC;AACrF,QAAM,CAAA,EAAGb,GAAMC,CAAc,IAAIa,EAAiBF,CAAQ;AAE1D,SAAIZ,MAASe,EAAU,UAAUf,MAASe,EAAU,OAC3CF,EAAMb,CAAI,EAAEC,CAAc,IAG5BY,EAAMb,CAAI;AACnB,GAEagB,IACX,CAAC,EAAE,WAAAnB,EAAA,MACH,CAACP,IAAQ,CAAA,MAAO;AACd,MAAI,CAACO;AAEH,mBAAQ,KAAK,kEAAkE,GACxE,OAAO,OAAOoB,CAAS,EAAE,OAAO,CAACC,GAAgBC,OAC/C,EAAE,GAAGD,GAAgB,CAACC,CAAY,GAAG,cAAA,IAC3C,CAAA,CAAoB;AAGzB,QAAMC,IAAqB,OAAO,OAAOC,CAAK,EAAE;AAAA,IAC9C,CAACC,GAAUC,OAAiB;AAAA,MAC1B,GAAGD;AAAA,MACH,CAACC,CAAW,GAAGpB,EAAcoB,CAAW,EAAE,IAAI,CAAC5B,MAASL,EAAMK,CAAI,KAAKY,EAAqBZ,CAAI,CAAC;AAAA,IAAA;AAAA,IAEnG,CAAA;AAAA,EAAC;AAGH,SAAO,OAAO,OAAOsB,CAAS,EAAE,OAAO,CAACC,GAAgBC,MAAiB;AACvE,UAAM,CAACrB,GAAUE,GAAMC,CAAc,IAAIa,EAAiBK,CAAY,GAChEK,IAAsB5B;AAAA,MAC1BC;AAAA,MACAC;AAAA,MACAsB,EAAmBtB,CAAQ;AAAA,MAC3BsB,EAAmBtB,CAAQ;AAAA,MAC3BE;AAAA,MACAC;AAAA,IAAA,GAEIwB,IAAgBd,EAAyBQ,GAAcK,CAAmB;AAEhF,WAAO,EAAE,GAAGN,GAAgB,CAACC,CAAY,GAAGM,EAAA;AAAA,EAC9C,GAAG,CAAA,CAAoB;AACzB;"}
+{"version":3,"file":"layer.js","sources":["../../../../../../react-base/src/theme/layer.ts"],"sourcesContent":["import type { Mode, ThemeInitFn } from './types/theme';\nimport {\n  MODES_BY_PATH,\n  MODES_DEFAULT_VALUES,\n  PATH_BY_VARIABLE,\n  Paths,\n  PathKinds,\n  Variables,\n  type LayerFn,\n  type VariableValues,\n  type ModesType,\n  type Modes,\n  type VariablePath,\n  PathDensityModes,\n  PathDensityLayerModes,\n  PathLayerModes,\n} from './types/layer';\n\nconst isPathAvailable = (\n  obj: object,\n  modes: (keyof typeof obj)[],\n  searchKey: keyof typeof obj,\n  maybeKey?: keyof (typeof obj)[typeof searchKey],\n) => {\n  const endPath = modes.reduce((acc, mode) => acc?.[mode], obj);\n\n  if (!endPath || !endPath[searchKey] || (maybeKey && !endPath[searchKey][maybeKey])) {\n    return false;\n  }\n\n  return true;\n};\n\nconst findClosestVariablePathWithModes = (\n  variables: Mode['variables'],\n  mainPath: Paths,\n  initialModes: ModesType[Modes][],\n  modes: ModesType[Modes][],\n  kind: PathKinds,\n  maybePathLayer?: PathDensityModes | PathDensityLayerModes | PathLayerModes,\n): VariablePath => {\n  const modeNames = MODES_BY_PATH[mainPath];\n\n  if (\n    !isPathAvailable(\n      variables[mainPath],\n      modes as (keyof (typeof variables)[typeof mainPath])[],\n      kind as keyof (typeof variables)[typeof mainPath],\n      maybePathLayer as keyof (typeof variables)[typeof mainPath][typeof kind &\n        keyof (typeof variables)[typeof mainPath]],\n    )\n  ) {\n    // if the path is not found, we get the first changed mode and set it to the default value\n    const lastChangeIdx = modes.findIndex((modeValue, index) => modeValue !== MODES_DEFAULT_VALUES[modeNames[index]]);\n\n    const initialLastChangeIdx = initialModes.findIndex(\n      (modeValue, index) => modeValue !== MODES_DEFAULT_VALUES[modeNames[index]],\n    );\n\n    const newModes = modes.map((modeValue, idx) => {\n      if (idx === lastChangeIdx) {\n        return MODES_DEFAULT_VALUES[modeNames[idx]];\n      }\n      if (idx < lastChangeIdx && idx >= initialLastChangeIdx && lastChangeIdx !== initialLastChangeIdx) {\n        return initialModes[idx];\n      }\n\n      return modeValue;\n    });\n\n    return findClosestVariablePathWithModes(variables, mainPath, initialModes, newModes, kind);\n  }\n\n  return modes.reduce(\n    (acc, modeValue) => acc[modeValue as keyof typeof acc],\n    variables[mainPath],\n  ) as unknown as VariablePath;\n};\n\nconst getValueFromVariablePath = (variable: Variables, value: VariablePath): string => {\n  const [, kind, maybePathLayer] = PATH_BY_VARIABLE[variable];\n\n  if (kind === PathKinds.border || kind === PathKinds.text) {\n    return value[kind][maybePathLayer];\n  }\n\n  return value[kind];\n};\n\nexport const themeToLayer: ThemeInitFn<LayerFn> =\n  ({ variables }) =>\n  (modes = {}) => {\n    if (!variables) {\n      throw new Error('The provided Theme is not supported by the SDS. Please contact the SDS team for support.');\n    }\n\n    const wantedModesPerPath = Object.values(Paths).reduce(\n      (accPaths, currentPath) => ({\n        ...accPaths,\n        [currentPath]: MODES_BY_PATH[currentPath].map((mode) => modes[mode] ?? MODES_DEFAULT_VALUES[mode]),\n      }),\n      {} as Record<Paths, ModesType[Modes][]>,\n    );\n\n    return Object.values(Variables).reduce((variableValues, variableName) => {\n      const [mainPath, kind, maybePathLayer] = PATH_BY_VARIABLE[variableName];\n      const closestVariablePath = findClosestVariablePathWithModes(\n        variables,\n        mainPath,\n        wantedModesPerPath[mainPath],\n        wantedModesPerPath[mainPath],\n        kind,\n        maybePathLayer,\n      );\n      const variableValue = getValueFromVariablePath(variableName, closestVariablePath);\n\n      return { ...variableValues, [variableName]: variableValue };\n    }, {} as VariableValues);\n  };\n"],"names":["isPathAvailable","obj","modes","searchKey","maybeKey","endPath","acc","mode","findClosestVariablePathWithModes","variables","mainPath","initialModes","kind","maybePathLayer","modeNames","MODES_BY_PATH","lastChangeIdx","modeValue","index","MODES_DEFAULT_VALUES","initialLastChangeIdx","newModes","idx","getValueFromVariablePath","variable","value","PATH_BY_VARIABLE","PathKinds","themeToLayer","wantedModesPerPath","Paths","accPaths","currentPath","Variables","variableValues","variableName","closestVariablePath","variableValue"],"mappings":";AAkBA,MAAMA,IAAkB,CACtBC,GACAC,GACAC,GACAC,MACG;AACH,QAAMC,IAAUH,EAAM,OAAO,CAACI,GAAKC,MAASD,IAAMC,CAAI,GAAGN,CAAG;AAE5D,SAAI,GAACI,KAAW,CAACA,EAAQF,CAAS,KAAMC,KAAY,CAACC,EAAQF,CAAS,EAAEC,CAAQ;AAKlF,GAEMI,IAAmC,CACvCC,GACAC,GACAC,GACAT,GACAU,GACAC,MACiB;AACjB,QAAMC,IAAYC,EAAcL,CAAQ;AAExC,MACE,CAACV;AAAA,IACCS,EAAUC,CAAQ;AAAA,IAClBR;AAAA,IACAU;AAAA,IACAC;AAAA,EAAA,GAGF;AAEA,UAAMG,IAAgBd,EAAM,UAAU,CAACe,GAAWC,MAAUD,MAAcE,EAAqBL,EAAUI,CAAK,CAAC,CAAC,GAE1GE,IAAuBT,EAAa;AAAA,MACxC,CAACM,GAAWC,MAAUD,MAAcE,EAAqBL,EAAUI,CAAK,CAAC;AAAA,IAAA,GAGrEG,IAAWnB,EAAM,IAAI,CAACe,GAAWK,MACjCA,MAAQN,IACHG,EAAqBL,EAAUQ,CAAG,CAAC,IAExCA,IAAMN,KAAiBM,KAAOF,KAAwBJ,MAAkBI,IACnET,EAAaW,CAAG,IAGlBL,CACR;AAED,WAAOT,EAAiCC,GAAWC,GAAUC,GAAcU,GAAUT,CAAI;AAAA,EAC3F;AAEA,SAAOV,EAAM;AAAA,IACX,CAACI,GAAKW,MAAcX,EAAIW,CAA6B;AAAA,IACrDR,EAAUC,CAAQ;AAAA,EAAA;AAEtB,GAEMa,IAA2B,CAACC,GAAqBC,MAAgC;AACrF,QAAM,CAAA,EAAGb,GAAMC,CAAc,IAAIa,EAAiBF,CAAQ;AAE1D,SAAIZ,MAASe,EAAU,UAAUf,MAASe,EAAU,OAC3CF,EAAMb,CAAI,EAAEC,CAAc,IAG5BY,EAAMb,CAAI;AACnB,GAEagB,IACX,CAAC,EAAE,WAAAnB,EAAA,MACH,CAACP,IAAQ,CAAA,MAAO;AACd,MAAI,CAACO;AACH,UAAM,IAAI,MAAM,0FAA0F;AAG5G,QAAMoB,IAAqB,OAAO,OAAOC,CAAK,EAAE;AAAA,IAC9C,CAACC,GAAUC,OAAiB;AAAA,MAC1B,GAAGD;AAAA,MACH,CAACC,CAAW,GAAGjB,EAAciB,CAAW,EAAE,IAAI,CAACzB,MAASL,EAAMK,CAAI,KAAKY,EAAqBZ,CAAI,CAAC;AAAA,IAAA;AAAA,IAEnG,CAAA;AAAA,EAAC;AAGH,SAAO,OAAO,OAAO0B,CAAS,EAAE,OAAO,CAACC,GAAgBC,MAAiB;AACvE,UAAM,CAACzB,GAAUE,GAAMC,CAAc,IAAIa,EAAiBS,CAAY,GAChEC,IAAsB5B;AAAA,MAC1BC;AAAA,MACAC;AAAA,MACAmB,EAAmBnB,CAAQ;AAAA,MAC3BmB,EAAmBnB,CAAQ;AAAA,MAC3BE;AAAA,MACAC;AAAA,IAAA,GAEIwB,IAAgBd,EAAyBY,GAAcC,CAAmB;AAEhF,WAAO,EAAE,GAAGF,GAAgB,CAACC,CAAY,GAAGE,EAAA;AAAA,EAC9C,GAAG,CAAA,CAAoB;AACzB;"}

package/build/esm/react-base/src/theme/modes.js

@@ -1,13 +1,13 @@
-import { MODES_BY_PATH as p, PATH_BY_VARIABLE as i } from "./types/layer.js";
-import { themeToLayer as a } from "./layer.js";
-const r = (o) => `--${o == null ? void 0 : o.toLowerCase().replace(/(\/| )/g, "-")}`, f = (o) => (t = {}) => {
-  const s = a(o)(t), c = Object.entries(p).filter(([, e]) => e.some((m) => Object.keys(t).includes(m))).map(([e]) => e), n = Object.entries(i).filter(([, e]) => c.includes(e[0])).map(([e]) => e);
+import { MODES_BY_PATH as n, PATH_BY_VARIABLE as l } from "./types/layer.js";
+import { themeToLayer as m } from "./layer.js";
+const t = (o) => `--${o?.toLowerCase().replace(/(\/| )/g, "-")}`, T = (o) => (r = {}) => {
+  const s = m(o)(r), a = Object.entries(n).filter(([, e]) => e.some((i) => Object.keys(r).includes(i))).map(([e]) => e), c = Object.entries(l).filter(([, e]) => a.includes(e[0])).map(([e]) => e);
   return {
-    ...Object.fromEntries(n.map((e) => [r(e), s[e]]))
+    ...Object.fromEntries(c.map((e) => [t(e), s[e]]))
   };
-}, y = (o) => `var(${r(o)})`;
+}, f = (o) => `var(${t(o)})`;
 export {
-  y as colorFromVariable,
-  f as themeToModes
+  f as colorFromVariable,
+  T as themeToModes
 };
 //# sourceMappingURL=modes.js.map

package/build/esm/react-base/src/theme/modes.js.map

@@ -1 +1 @@
-{"version":3,"file":"modes.js","sources":["../../../../../../react-base/src/theme/modes.ts"],"sourcesContent":["import type { ApplyModesFn, ColorFromVariableFn } from './types/modes';\nimport type { ThemeInitFn } from './types/theme';\nimport { MODES_BY_PATH, PATH_BY_VARIABLE, type PathsType, type VariablesType } from './types/layer';\nimport { themeToLayer } from './layer';\n\nconst variableToCSSVariable = (variable: VariablesType) => `--${variable?.toLowerCase().replace(/(\\/| )/g, '-')}`;\n\nexport const themeToModes: ThemeInitFn<ApplyModesFn> =\n  (theme) =>\n  (modes = {}) => {\n    const layer = themeToLayer(theme)(modes);\n\n    const pathsTouchedByModes = Object.entries(MODES_BY_PATH)\n      .filter(([, modesInPath]) => modesInPath.some((mode) => Object.keys(modes).includes(mode)))\n      .map(([path]) => path as PathsType);\n    const variablesToApply = Object.entries(PATH_BY_VARIABLE)\n      .filter(([, variablePaths]) => pathsTouchedByModes.includes(variablePaths[0]))\n      .map(([variableName]) => variableName as VariablesType);\n\n    return {\n      ...Object.fromEntries(variablesToApply.map((variable) => [variableToCSSVariable(variable), layer[variable]])),\n    };\n  };\n\nexport const colorFromVariable: ColorFromVariableFn = (variable) => `var(${variableToCSSVariable(variable)})`;\n"],"names":["variableToCSSVariable","variable","themeToModes","theme","modes","layer","themeToLayer","pathsTouchedByModes","MODES_BY_PATH","modesInPath","mode","path","variablesToApply","PATH_BY_VARIABLE","variablePaths","variableName","colorFromVariable"],"mappings":";;AAKA,MAAMA,IAAwB,CAACC,MAA4B,KAAKA,KAAA,gBAAAA,EAAU,cAAc,QAAQ,WAAW,IAAI,IAElGC,IACX,CAACC,MACD,CAACC,IAAQ,CAAA,MAAO;AACd,QAAMC,IAAQC,EAAaH,CAAK,EAAEC,CAAK,GAEjCG,IAAsB,OAAO,QAAQC,CAAa,EACrD,OAAO,CAAC,GAAGC,CAAW,MAAMA,EAAY,KAAK,CAACC,MAAS,OAAO,KAAKN,CAAK,EAAE,SAASM,CAAI,CAAC,CAAC,EACzF,IAAI,CAAC,CAACC,CAAI,MAAMA,CAAiB,GAC9BC,IAAmB,OAAO,QAAQC,CAAgB,EACrD,OAAO,CAAC,CAAA,EAAGC,CAAa,MAAMP,EAAoB,SAASO,EAAc,CAAC,CAAC,CAAC,EAC5E,IAAI,CAAC,CAACC,CAAY,MAAMA,CAA6B;AAExD,SAAO;AAAA,IACL,GAAG,OAAO,YAAYH,EAAiB,IAAI,CAACX,MAAa,CAACD,EAAsBC,CAAQ,GAAGI,EAAMJ,CAAQ,CAAC,CAAC,CAAC;AAAA,EAAA;AAEhH,GAEWe,IAAyC,CAACf,MAAa,OAAOD,EAAsBC,CAAQ,CAAC;"}
+{"version":3,"file":"modes.js","sources":["../../../../../../react-base/src/theme/modes.ts"],"sourcesContent":["import type { ApplyModesFn, ColorFromVariableFn } from './types/modes';\nimport type { ThemeInitFn } from './types/theme';\nimport { MODES_BY_PATH, PATH_BY_VARIABLE, type PathsType, type VariablesType } from './types/layer';\nimport { themeToLayer } from './layer';\n\nconst variableToCSSVariable = (variable: VariablesType) => `--${variable?.toLowerCase().replace(/(\\/| )/g, '-')}`;\n\nexport const themeToModes: ThemeInitFn<ApplyModesFn> =\n  (theme) =>\n  (modes = {}) => {\n    const layer = themeToLayer(theme)(modes);\n\n    const pathsTouchedByModes = Object.entries(MODES_BY_PATH)\n      .filter(([, modesInPath]) => modesInPath.some((mode) => Object.keys(modes).includes(mode)))\n      .map(([path]) => path as PathsType);\n    const variablesToApply = Object.entries(PATH_BY_VARIABLE)\n      .filter(([, variablePaths]) => pathsTouchedByModes.includes(variablePaths[0]))\n      .map(([variableName]) => variableName as VariablesType);\n\n    return {\n      ...Object.fromEntries(variablesToApply.map((variable) => [variableToCSSVariable(variable), layer[variable]])),\n    };\n  };\n\nexport const colorFromVariable: ColorFromVariableFn = (variable) => `var(${variableToCSSVariable(variable)})`;\n"],"names":["variableToCSSVariable","variable","themeToModes","theme","modes","layer","themeToLayer","pathsTouchedByModes","MODES_BY_PATH","modesInPath","mode","path","variablesToApply","PATH_BY_VARIABLE","variablePaths","variableName","colorFromVariable"],"mappings":";;AAKA,MAAMA,IAAwB,CAACC,MAA4B,KAAKA,GAAU,cAAc,QAAQ,WAAW,GAAG,CAAC,IAElGC,IACX,CAACC,MACD,CAACC,IAAQ,CAAA,MAAO;AACd,QAAMC,IAAQC,EAAaH,CAAK,EAAEC,CAAK,GAEjCG,IAAsB,OAAO,QAAQC,CAAa,EACrD,OAAO,CAAC,GAAGC,CAAW,MAAMA,EAAY,KAAK,CAACC,MAAS,OAAO,KAAKN,CAAK,EAAE,SAASM,CAAI,CAAC,CAAC,EACzF,IAAI,CAAC,CAACC,CAAI,MAAMA,CAAiB,GAC9BC,IAAmB,OAAO,QAAQC,CAAgB,EACrD,OAAO,CAAC,CAAA,EAAGC,CAAa,MAAMP,EAAoB,SAASO,EAAc,CAAC,CAAC,CAAC,EAC5E,IAAI,CAAC,CAACC,CAAY,MAAMA,CAA6B;AAExD,SAAO;AAAA,IACL,GAAG,OAAO,YAAYH,EAAiB,IAAI,CAACX,MAAa,CAACD,EAAsBC,CAAQ,GAAGI,EAAMJ,CAAQ,CAAC,CAAC,CAAC;AAAA,EAAA;AAEhH,GAEWe,IAAyC,CAACf,MAAa,OAAOD,EAAsBC,CAAQ,CAAC;"}

package/build/esm/react-base/src/theme/types/typography.d.ts

@@ -1,6 +1,6 @@
 import type { TypographyType } from 'acinguiux-ds-fabrics';
 export type TypographyKind = keyof TypographyType;
-declare const TYPOGRAPHY_WEIGHTED_KINDS: readonly ["label", "paragraph"];
+declare const TYPOGRAPHY_WEIGHTED_KINDS: readonly ["label", "paragraph", "heading"];
 export type TypographyWeightedKind = Extract<TypographyKind, (typeof TYPOGRAPHY_WEIGHTED_KINDS)[number]>;
 export type TypographyWeights<Kind extends TypographyKind> = Kind extends TypographyWeightedKind ? keyof TypographyType[Kind] : never;
 export type TypographySize<Kind extends TypographyKind> = Kind extends TypographyWeightedKind ? keyof TypographyType[Kind][TypographyWeights<Kind>] : keyof TypographyType[Kind];

package/build/esm/react-base/src/theme/types/typography.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/theme/types/typography.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,MAAM,MAAM,cAAc,GAAG,MAAM,cAAc,CAAC;AAClD,QAAA,MAAM,yBAAyB,iCAAkC,CAAC;AAClE,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAAC,cAAc,EAAE,CAAC,OAAO,yBAAyB,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;AAEzG,MAAM,MAAM,iBAAiB,CAAC,IAAI,SAAS,cAAc,IAAI,IAAI,SAAS,sBAAsB,GAC5F,MAAM,cAAc,CAAC,IAAI,CAAC,GAC1B,KAAK,CAAC;AACV,MAAM,MAAM,cAAc,CAAC,IAAI,SAAS,cAAc,IAAI,IAAI,SAAS,sBAAsB,GACzF,MAAM,cAAc,CAAC,IAAI,CAAC,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,GACnD,MAAM,cAAc,CAAC,IAAI,CAAC,CAAC;AAE/B,MAAM,MAAM,iBAAiB,CAC3B,QAAQ,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,EACzC,aAAa,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,EAC9C,UAAU,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,EAC3C,gBAAgB,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,IAC/C;IACF,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,QAAQ,CAAC;IACnB,SAAS,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC/B,aAAa,EAAE,aAAa,CAAC;IAC7B,UAAU,EAAE,UAAU,CAAC;IACvB,gBAAgB,EAAE,gBAAgB,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,CAAC,GAAG,MAAM,IAAI,EAAE,GAAG,MAAM,IAAI,EAAE,GAAG,MAAM,IAAI,EAAE,GAAG,MAAM,IAAI,CAAC,CAAC;AAEhH,MAAM,MAAM,YAAY,GAAG,CACzB,IAAI,SAAS,cAAc,EAC3B,IAAI,SAAS,cAAc,CAAC,IAAI,CAAC,EACjC,MAAM,SAAS,iBAAiB,CAAC,IAAI,CAAC,EAEtC,IAAI,EAAE,IAAI,EACV,IAAI,CAAC,EAAE,IAAI,EACX,MAAM,CAAC,EAAE,MAAM,KACZ,mBAAmB,CAAC;AAEzB,eAAO,MAAM,oBAAoB,SAAU,cAAc,KAAG,IAAI,IAAI,sBACA,CAAC"}
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/theme/types/typography.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,MAAM,MAAM,cAAc,GAAG,MAAM,cAAc,CAAC;AAClD,QAAA,MAAM,yBAAyB,4CAA6C,CAAC;AAC7E,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAAC,cAAc,EAAE,CAAC,OAAO,yBAAyB,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;AAEzG,MAAM,MAAM,iBAAiB,CAAC,IAAI,SAAS,cAAc,IAAI,IAAI,SAAS,sBAAsB,GAC5F,MAAM,cAAc,CAAC,IAAI,CAAC,GAC1B,KAAK,CAAC;AACV,MAAM,MAAM,cAAc,CAAC,IAAI,SAAS,cAAc,IAAI,IAAI,SAAS,sBAAsB,GACzF,MAAM,cAAc,CAAC,IAAI,CAAC,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,GACnD,MAAM,cAAc,CAAC,IAAI,CAAC,CAAC;AAE/B,MAAM,MAAM,iBAAiB,CAC3B,QAAQ,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,EACzC,aAAa,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,EAC9C,UAAU,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,EAC3C,gBAAgB,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,IAC/C;IACF,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,QAAQ,CAAC;IACnB,SAAS,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC/B,aAAa,EAAE,aAAa,CAAC;IAC7B,UAAU,EAAE,UAAU,CAAC;IACvB,gBAAgB,EAAE,gBAAgB,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,CAAC,GAAG,MAAM,IAAI,EAAE,GAAG,MAAM,IAAI,EAAE,GAAG,MAAM,IAAI,EAAE,GAAG,MAAM,IAAI,CAAC,CAAC;AAEhH,MAAM,MAAM,YAAY,GAAG,CACzB,IAAI,SAAS,cAAc,EAC3B,IAAI,SAAS,cAAc,CAAC,IAAI,CAAC,EACjC,MAAM,SAAS,iBAAiB,CAAC,IAAI,CAAC,EAEtC,IAAI,EAAE,IAAI,EACV,IAAI,CAAC,EAAE,IAAI,EACX,MAAM,CAAC,EAAE,MAAM,KACZ,mBAAmB,CAAC;AAEzB,eAAO,MAAM,oBAAoB,SAAU,cAAc,KAAG,IAAI,IAAI,sBACA,CAAC"}

package/build/esm/react-base/src/theme/types/typography.js

@@ -1,4 +1,4 @@
-const e = ["label", "paragraph"], p = (a) => e.includes(a);
+const e = ["label", "paragraph", "heading"], p = (a) => e.includes(a);
 export {
   p as isTypographyWeighted
 };

package/build/esm/react-base/src/theme/types/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","sources":["../../../../../../../react-base/src/theme/types/typography.ts"],"sourcesContent":["import type { TypographyType } from 'acinguiux-ds-fabrics';\n\nexport type TypographyKind = keyof TypographyType;\nconst TYPOGRAPHY_WEIGHTED_KINDS = ['label', 'paragraph'] as const;\nexport type TypographyWeightedKind = Extract<TypographyKind, (typeof TYPOGRAPHY_WEIGHTED_KINDS)[number]>;\n\nexport type TypographyWeights<Kind extends TypographyKind> = Kind extends TypographyWeightedKind\n  ? keyof TypographyType[Kind]\n  : never;\nexport type TypographySize<Kind extends TypographyKind> = Kind extends TypographyWeightedKind\n  ? keyof TypographyType[Kind][TypographyWeights<Kind>]\n  : keyof TypographyType[Kind];\n\nexport type TypographyElement<\n  FontSize extends string | number = number,\n  LetterSpacing extends string | number = number,\n  LineHeight extends string | number = number,\n  ParagraphSpacing extends string | number = number,\n> = {\n  fontFamily: string;\n  fontWeight: string;\n  fontSize: FontSize;\n  fontStyle: 'normal' | 'italic';\n  letterSpacing: LetterSpacing;\n  lineHeight: LineHeight;\n  paragraphSpacing: ParagraphSpacing;\n};\n\nexport type TypographyElementPx = TypographyElement<`${string}px`, `${string}px`, `${string}px`, `${string}px`>;\n\nexport type TypographyFn = <\n  Kind extends TypographyKind,\n  Size extends TypographySize<Kind>,\n  Weight extends TypographyWeights<Kind>,\n>(\n  kind: Kind,\n  size?: Size,\n  weight?: Weight,\n) => TypographyElementPx;\n\nexport const isTypographyWeighted = (kind: TypographyKind): kind is TypographyWeightedKind =>\n  TYPOGRAPHY_WEIGHTED_KINDS.includes(kind as TypographyWeightedKind);\n"],"names":["TYPOGRAPHY_WEIGHTED_KINDS","isTypographyWeighted","kind"],"mappings":"AAGA,MAAMA,IAA4B,CAAC,SAAS,WAAW,GAqC1CC,IAAuB,CAACC,MACnCF,EAA0B,SAASE,CAA8B;"}
+{"version":3,"file":"typography.js","sources":["../../../../../../../react-base/src/theme/types/typography.ts"],"sourcesContent":["import type { TypographyType } from 'acinguiux-ds-fabrics';\n\nexport type TypographyKind = keyof TypographyType;\nconst TYPOGRAPHY_WEIGHTED_KINDS = ['label', 'paragraph', 'heading'] as const;\nexport type TypographyWeightedKind = Extract<TypographyKind, (typeof TYPOGRAPHY_WEIGHTED_KINDS)[number]>;\n\nexport type TypographyWeights<Kind extends TypographyKind> = Kind extends TypographyWeightedKind\n  ? keyof TypographyType[Kind]\n  : never;\nexport type TypographySize<Kind extends TypographyKind> = Kind extends TypographyWeightedKind\n  ? keyof TypographyType[Kind][TypographyWeights<Kind>]\n  : keyof TypographyType[Kind];\n\nexport type TypographyElement<\n  FontSize extends string | number = number,\n  LetterSpacing extends string | number = number,\n  LineHeight extends string | number = number,\n  ParagraphSpacing extends string | number = number,\n> = {\n  fontFamily: string;\n  fontWeight: string;\n  fontSize: FontSize;\n  fontStyle: 'normal' | 'italic';\n  letterSpacing: LetterSpacing;\n  lineHeight: LineHeight;\n  paragraphSpacing: ParagraphSpacing;\n};\n\nexport type TypographyElementPx = TypographyElement<`${string}px`, `${string}px`, `${string}px`, `${string}px`>;\n\nexport type TypographyFn = <\n  Kind extends TypographyKind,\n  Size extends TypographySize<Kind>,\n  Weight extends TypographyWeights<Kind>,\n>(\n  kind: Kind,\n  size?: Size,\n  weight?: Weight,\n) => TypographyElementPx;\n\nexport const isTypographyWeighted = (kind: TypographyKind): kind is TypographyWeightedKind =>\n  TYPOGRAPHY_WEIGHTED_KINDS.includes(kind as TypographyWeightedKind);\n"],"names":["TYPOGRAPHY_WEIGHTED_KINDS","isTypographyWeighted","kind"],"mappings":"AAGA,MAAMA,IAA4B,CAAC,SAAS,aAAa,SAAS,GAqCrDC,IAAuB,CAACC,MACnCF,EAA0B,SAASE,CAA8B;"}

package/build/esm/react-base/src/theme/typography.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../../../react-base/src/theme/typography.ts"],"names":[],"mappings":"AAEA,OAAO,EAOL,KAAK,YAAY,EAClB,MAAM,oBAAoB,CAAC;AAuH5B;;;;;;;;;GASG;AACH,eAAO,MAAM,UAAU,EAAE,YAqExB,CAAC"}
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../../../react-base/src/theme/typography.ts"],"names":[],"mappings":"AAEA,OAAO,EAOL,KAAK,YAAY,EAClB,MAAM,oBAAoB,CAAC;AAW5B;;;;;;;;;GASG;AACH,eAAO,MAAM,UAAU,EAAE,YAWkF,CAAC"}

package/build/esm/react-base/src/theme/typography.js

@@ -1,128 +1,14 @@
-import { isTypographyWeighted as l } from "./types/typography.js";
-const o = () => ({
-  display: {
-    extraSmall: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 600, fontSize: 32, fontStyle: "normal", letterSpacing: 0, lineHeight: 40, paragraphSpacing: 48 },
-    small: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 600, fontSize: 40, fontStyle: "normal", letterSpacing: 0, lineHeight: 48, paragraphSpacing: 60 },
-    medium: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 600, fontSize: 48, fontStyle: "normal", letterSpacing: 0, lineHeight: 56, paragraphSpacing: 72 },
-    large: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 600, fontSize: 56, fontStyle: "normal", letterSpacing: 0, lineHeight: 68, paragraphSpacing: 84 }
-  },
-  heading: {
-    smallest: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 500, fontSize: 14, fontStyle: "normal", letterSpacing: 0, lineHeight: 16, paragraphSpacing: 20 },
-    extraSmall: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 500, fontSize: 16, fontStyle: "normal", letterSpacing: 0, lineHeight: 20, paragraphSpacing: 24 },
-    small: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 500, fontSize: 20, fontStyle: "normal", letterSpacing: 0, lineHeight: 24, paragraphSpacing: 32 },
-    medium: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 500, fontSize: 24, fontStyle: "normal", letterSpacing: 0, lineHeight: 28, paragraphSpacing: 36 },
-    large: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 500, fontSize: 32, fontStyle: "normal", letterSpacing: 0, lineHeight: 40, paragraphSpacing: 48 },
-    extraLarge: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 500, fontSize: 40, fontStyle: "normal", letterSpacing: 0, lineHeight: 48, paragraphSpacing: 60 }
-  },
-  label: {
-    regular: {
-      smallest: { fontFamily: "system-ui", fontWeight: 400, fontSize: 10, fontStyle: "normal", letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },
-      extraSmall: { fontFamily: "system-ui", fontWeight: 400, fontSize: 12, fontStyle: "normal", letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },
-      small: { fontFamily: "system-ui", fontWeight: 400, fontSize: 14, fontStyle: "normal", letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },
-      medium: { fontFamily: "system-ui", fontWeight: 400, fontSize: 16, fontStyle: "normal", letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },
-      large: { fontFamily: "system-ui", fontWeight: 400, fontSize: 18, fontStyle: "normal", letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 }
-    },
-    strong: {
-      smallest: { fontFamily: "system-ui", fontWeight: 700, fontSize: 10, fontStyle: "normal", letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },
-      extraSmall: { fontFamily: "system-ui", fontWeight: 700, fontSize: 12, fontStyle: "normal", letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },
-      small: { fontFamily: "system-ui", fontWeight: 700, fontSize: 14, fontStyle: "normal", letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },
-      medium: { fontFamily: "system-ui", fontWeight: 700, fontSize: 16, fontStyle: "normal", letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },
-      large: { fontFamily: "system-ui", fontWeight: 700, fontSize: 18, fontStyle: "normal", letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 }
-    },
-    medium: {
-      smallest: { fontFamily: "system-ui", fontWeight: 500, fontSize: 10, fontStyle: "normal", letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },
-      extraSmall: { fontFamily: "system-ui", fontWeight: 500, fontSize: 12, fontStyle: "normal", letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },
-      small: { fontFamily: "system-ui", fontWeight: 500, fontSize: 14, fontStyle: "normal", letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },
-      medium: { fontFamily: "system-ui", fontWeight: 500, fontSize: 16, fontStyle: "normal", letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },
-      large: { fontFamily: "system-ui", fontWeight: 500, fontSize: 18, fontStyle: "normal", letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 }
-    },
-    extraStrong: {
-      smallest: { fontFamily: "system-ui", fontWeight: 800, fontSize: 10, fontStyle: "normal", letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },
-      extraSmall: { fontFamily: "system-ui", fontWeight: 800, fontSize: 12, fontStyle: "normal", letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },
-      small: { fontFamily: "system-ui", fontWeight: 800, fontSize: 14, fontStyle: "normal", letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },
-      medium: { fontFamily: "system-ui", fontWeight: 800, fontSize: 16, fontStyle: "normal", letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },
-      large: { fontFamily: "system-ui", fontWeight: 800, fontSize: 18, fontStyle: "normal", letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 }
-    }
-  },
-  paragraph: {
-    regular: {
-      extraLarge: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 400, fontSize: 20, fontStyle: "normal", letterSpacing: 0, lineHeight: 32, paragraphSpacing: 32 },
-      large: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 400, fontSize: 18, fontStyle: "normal", letterSpacing: 0, lineHeight: 28, paragraphSpacing: 28 },
-      medium: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 400, fontSize: 16, fontStyle: "normal", letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },
-      small: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 400, fontSize: 14, fontStyle: "normal", letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },
-      extraSmall: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 400, fontSize: 12, fontStyle: "normal", letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 }
-    },
-    strong: {
-      extraLarge: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 600, fontSize: 20, fontStyle: "normal", letterSpacing: 0, lineHeight: 32, paragraphSpacing: 32 },
-      large: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 600, fontSize: 18, fontStyle: "normal", letterSpacing: 0, lineHeight: 28, paragraphSpacing: 28 },
-      medium: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 600, fontSize: 16, fontStyle: "normal", letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },
-      small: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 600, fontSize: 14, fontStyle: "normal", letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },
-      extraSmall: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 600, fontSize: 12, fontStyle: "normal", letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 }
-    },
-    medium: {
-      extraLarge: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 500, fontSize: 20, fontStyle: "normal", letterSpacing: 0, lineHeight: 32, paragraphSpacing: 32 },
-      large: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 500, fontSize: 18, fontStyle: "normal", letterSpacing: 0, lineHeight: 28, paragraphSpacing: 28 },
-      medium: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 500, fontSize: 16, fontStyle: "normal", letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },
-      small: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 500, fontSize: 14, fontStyle: "normal", letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },
-      extraSmall: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 500, fontSize: 12, fontStyle: "normal", letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 }
-    },
-    extraStrong: {
-      extraLarge: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 700, fontSize: 20, fontStyle: "normal", letterSpacing: 0, lineHeight: 32, paragraphSpacing: 32 },
-      large: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 700, fontSize: 18, fontStyle: "normal", letterSpacing: 0, lineHeight: 28, paragraphSpacing: 28 },
-      medium: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 700, fontSize: 16, fontStyle: "normal", letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },
-      small: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 700, fontSize: 14, fontStyle: "normal", letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },
-      extraSmall: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 700, fontSize: 12, fontStyle: "normal", letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 }
-    }
-  }
-}), e = o(), i = (t) => ({
-  ...t,
-  fontWeight: `${t.fontWeight ?? "normal"}`,
-  fontSize: `${t.fontSize ?? 0}px`,
-  lineHeight: `${t.lineHeight ?? 0}px`,
-  paragraphSpacing: `${t.paragraphSpacing ?? 0}px`,
-  letterSpacing: `${t.letterSpacing ?? 0}px`
-}), f = (t, n = "medium", a = "regular") => {
-  if (!e || !e[t])
-    return console.warn(`Typography object or kind "${t}" not available during SSR - using fallback values`), {
-      fontFamily: "Arial, sans-serif",
-      fontStyle: "normal",
-      fontWeight: "normal",
-      fontSize: "16px",
-      lineHeight: "24px",
-      paragraphSpacing: "0px",
-      letterSpacing: "0px"
-    };
-  try {
-    return l(t) ? e[t][a] ? e[t][a][n] ? i(e[t][a][n]) : (console.warn(`Typography size "${n}" not available for kind "${t}" weight "${a}" - using fallback`), {
-      fontFamily: "Arial, sans-serif",
-      fontStyle: "normal",
-      fontWeight: "normal",
-      fontSize: "16px",
-      lineHeight: "24px",
-      paragraphSpacing: "0px",
-      letterSpacing: "0px"
-    }) : (console.warn(`Typography weight "${a}" not available for kind "${t}" - using fallback. Available weights:`, Object.keys(e[t] || {})), {
-      fontFamily: "Arial, sans-serif",
-      fontStyle: "normal",
-      fontWeight: "normal",
-      fontSize: "16px",
-      lineHeight: "24px",
-      paragraphSpacing: "0px",
-      letterSpacing: "0px"
-    }) : i(e[t][n]);
-  } catch (r) {
-    return console.warn(`Error accessing typography values for kind "${t}", size "${n}", weight "${a}" - using fallback`, r), {
-      fontFamily: "Arial, sans-serif",
-      fontStyle: "normal",
-      fontWeight: "normal",
-      fontSize: "16px",
-      lineHeight: "24px",
-      paragraphSpacing: "0px",
-      letterSpacing: "0px"
-    };
-  }
-};
+import { Typography as r } from "acinguiux-ds-fabrics";
+import { isTypographyWeighted as i } from "./types/typography.js";
+const o = (p) => ({
+  ...p,
+  fontWeight: `${p.fontWeight ?? "normal"}`,
+  fontSize: `${p.fontSize ?? 0}px`,
+  lineHeight: `${p.lineHeight ?? 0}px`,
+  paragraphSpacing: `${p.paragraphSpacing ?? 0}px`,
+  letterSpacing: `${p.letterSpacing ?? 0}px`
+}), n = (p, t = "medium", g = "regular") => i(p) ? o(r[p][g][t]) : o(r[p][t]);
 export {
-  f as typography
+  n as typography
 };
 //# sourceMappingURL=typography.js.map

package/build/esm/react-base/src/theme/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","sources":["../../../../../../react-base/src/theme/typography.ts"],"sourcesContent":["import { type TypographyType } from 'acinguiux-ds-fabrics';\n\nimport {\n  isTypographyWeighted,\n  TypographyKind,\n  TypographySize,\n  TypographyWeights,\n  type TypographyElement,\n  type TypographyElementPx,\n  type TypographyFn,\n} from './types/typography';\n\n// SSR-safe Typography fallback\nconst createTypographyFallback = (): TypographyType => ({\n  display: {\n    extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 32, fontStyle: 'normal', letterSpacing: 0, lineHeight: 40, paragraphSpacing: 48 },\n    small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 40, fontStyle: 'normal', letterSpacing: 0, lineHeight: 48, paragraphSpacing: 60 },\n    medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 48, fontStyle: 'normal', letterSpacing: 0, lineHeight: 56, paragraphSpacing: 72 },\n    large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 56, fontStyle: 'normal', letterSpacing: 0, lineHeight: 68, paragraphSpacing: 84 },\n  },\n  heading: {\n    smallest: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 20 },\n    extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 24 },\n    small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 32 },\n    medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 24, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 36 },\n    large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 32, fontStyle: 'normal', letterSpacing: 0, lineHeight: 40, paragraphSpacing: 48 },\n    extraLarge: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 40, fontStyle: 'normal', letterSpacing: 0, lineHeight: 48, paragraphSpacing: 60 },\n  },\n  label: {\n    regular: {\n      smallest: { fontFamily: 'system-ui', fontWeight: 400, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },\n      extraSmall: { fontFamily: 'system-ui', fontWeight: 400, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n      small: { fontFamily: 'system-ui', fontWeight: 400, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n      medium: { fontFamily: 'system-ui', fontWeight: 400, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      large: { fontFamily: 'system-ui', fontWeight: 400, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 },\n    },\n    strong: {\n      smallest: { fontFamily: 'system-ui', fontWeight: 700, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },\n      extraSmall: { fontFamily: 'system-ui', fontWeight: 700, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n      small: { fontFamily: 'system-ui', fontWeight: 700, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n      medium: { fontFamily: 'system-ui', fontWeight: 700, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      large: { fontFamily: 'system-ui', fontWeight: 700, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 },\n    },\n    medium: {\n      smallest: { fontFamily: 'system-ui', fontWeight: 500, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },\n      extraSmall: { fontFamily: 'system-ui', fontWeight: 500, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n      small: { fontFamily: 'system-ui', fontWeight: 500, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n      medium: { fontFamily: 'system-ui', fontWeight: 500, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      large: { fontFamily: 'system-ui', fontWeight: 500, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 },\n    },\n    extraStrong: {\n      smallest: { fontFamily: 'system-ui', fontWeight: 800, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },\n      extraSmall: { fontFamily: 'system-ui', fontWeight: 800, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n      small: { fontFamily: 'system-ui', fontWeight: 800, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n      medium: { fontFamily: 'system-ui', fontWeight: 800, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      large: { fontFamily: 'system-ui', fontWeight: 800, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 },\n    },\n  },\n  paragraph: {\n    regular: {\n      extraLarge: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 400, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 32, paragraphSpacing: 32 },\n      large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 400, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 28 },\n      medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 400, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },\n      small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 400, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 400, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n    },\n    strong: {\n      extraLarge: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 32, paragraphSpacing: 32 },\n      large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 28 },\n      medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },\n      small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n    },\n    medium: {\n      extraLarge: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 32, paragraphSpacing: 32 },\n      large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 28 },\n      medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },\n      small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n    },\n    extraStrong: {\n      extraLarge: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 700, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 32, paragraphSpacing: 32 },\n      large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 700, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 28 },\n      medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 700, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },\n      small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 700, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 700, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n    },\n  },\n} as any);\n\n// Validation function to check if Typography object has required structure\nconst isValidTypography = (typo: any): boolean => {\n  if (!typo || typeof typo !== 'object') {\n    console.warn('[Typography SSR] Typography is not an object:', typo);\n    return false;\n  }\n\n  // Check that all required kinds exist\n  const requiredKinds = ['label', 'paragraph', 'heading', 'display'];\n  for (const kind of requiredKinds) {\n    if (!typo[kind]) {\n      console.warn(`[Typography SSR] Missing kind \"${kind}\" in Typography object`);\n      return false;\n    }\n  }\n\n  // Check that label and paragraph have both regular and strong weights\n  if (!typo.label?.regular || !typo.label?.strong || !typo.paragraph?.regular || !typo.paragraph?.strong) {\n    console.warn('[Typography SSR] Missing required weights. Has label.regular:', !!typo.label?.regular, 'label.strong:', !!typo.label?.strong, 'paragraph.regular:', !!typo.paragraph?.regular, 'paragraph.strong:', !!typo.paragraph?.strong);\n    return false;\n  }\n\n  console.log('[Typography SSR] Typography validation passed');\n  return true;\n};\n\n// Use validated Typography or fallback\n// Always use fallback for SSR safety during Next.js build\nconst safeTypography = createTypographyFallback();\n\nconst transformValuesToPx = <T extends TypographyElement>(value: T): TypographyElementPx => ({\n  ...value,\n  fontWeight: `${value.fontWeight ?? 'normal'}`,\n  fontSize: `${value.fontSize ?? 0}px`,\n  lineHeight: `${value.lineHeight ?? 0}px`,\n  paragraphSpacing: `${value.paragraphSpacing ?? 0}px`,\n  letterSpacing: `${value.letterSpacing ?? 0}px`,\n});\n\n/**\n * typography() is a function that returns a typography element with the specified values.\n *\n * @param kind the typography content type ('label', 'paragraph', 'heading' or 'display')\n * @param size the size of the typography content ('extraSmall', 'small', 'medium', 'large', 'extraLarge' or 'smallest')\n * @param weight the weight of the typography content ('regular' or 'strong')\n * @returns the typography element with the specified values\n *\n * @defaults typography('paragraph', 'medium', 'regular')\n */\nexport const typography: TypographyFn = <\n  Kind extends TypographyKind,\n  Size extends TypographySize<Kind>,\n  Weight extends TypographyWeights<Kind>,\n>(\n  kind: Kind,\n  size = 'medium' as Size,\n  weight = 'regular' as Weight,\n) => {\n  // SSR-safe check for Typography object\n  if (!safeTypography || !safeTypography[kind]) {\n    console.warn(`Typography object or kind \"${kind}\" not available during SSR - using fallback values`);\n    return {\n      fontFamily: 'Arial, sans-serif',\n      fontStyle: 'normal',\n      fontWeight: 'normal',\n      fontSize: '16px',\n      lineHeight: '24px',\n      paragraphSpacing: '0px',\n      letterSpacing: '0px',\n    } as TypographyElementPx;\n  }\n\n  try {\n    if (isTypographyWeighted(kind)) {\n      // Additional safety check for weight\n      if (!safeTypography[kind][weight]) {\n        console.warn(`Typography weight \"${weight}\" not available for kind \"${kind}\" - using fallback. Available weights:`, Object.keys(safeTypography[kind] || {}));\n        return {\n          fontFamily: 'Arial, sans-serif',\n          fontStyle: 'normal',\n          fontWeight: 'normal',\n          fontSize: '16px',\n          lineHeight: '24px',\n          paragraphSpacing: '0px',\n          letterSpacing: '0px',\n        } as TypographyElementPx;\n      }\n      \n      // Additional safety check for size within weight\n      if (!safeTypography[kind][weight][size as keyof TypographyType[Kind][Weight]]) {\n        console.warn(`Typography size \"${size}\" not available for kind \"${kind}\" weight \"${weight}\" - using fallback`);\n        return {\n          fontFamily: 'Arial, sans-serif',\n          fontStyle: 'normal',\n          fontWeight: 'normal',\n          fontSize: '16px',\n          lineHeight: '24px',\n          paragraphSpacing: '0px',\n          letterSpacing: '0px',\n        } as TypographyElementPx;\n      }\n      \n      return transformValuesToPx(safeTypography[kind][weight][size as keyof TypographyType[Kind][Weight]] as TypographyElement);\n    } else {\n      return transformValuesToPx(safeTypography[kind][size as keyof TypographyType[typeof kind]] as TypographyElement);\n    }\n  } catch (error) {\n    console.warn(`Error accessing typography values for kind \"${kind}\", size \"${size}\", weight \"${weight}\" - using fallback`, error);\n    return {\n      fontFamily: 'Arial, sans-serif',\n      fontStyle: 'normal',\n      fontWeight: 'normal',\n      fontSize: '16px',\n      lineHeight: '24px',\n      paragraphSpacing: '0px',\n      letterSpacing: '0px',\n    } as TypographyElementPx;\n  }\n};\n"],"names":["createTypographyFallback","safeTypography","transformValuesToPx","value","typography","kind","size","weight","isTypographyWeighted","error"],"mappings":"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"}
+{"version":3,"file":"typography.js","sources":["../../../../../../react-base/src/theme/typography.ts"],"sourcesContent":["import { Typography, type TypographyType } from 'acinguiux-ds-fabrics';\n\nimport {\n  isTypographyWeighted,\n  TypographyKind,\n  TypographySize,\n  TypographyWeights,\n  type TypographyElement,\n  type TypographyElementPx,\n  type TypographyFn,\n} from './types/typography';\n\nconst transformValuesToPx = <T extends TypographyElement>(value: T): TypographyElementPx => ({\n  ...value,\n  fontWeight: `${value.fontWeight ?? 'normal'}`,\n  fontSize: `${value.fontSize ?? 0}px`,\n  lineHeight: `${value.lineHeight ?? 0}px`,\n  paragraphSpacing: `${value.paragraphSpacing ?? 0}px`,\n  letterSpacing: `${value.letterSpacing ?? 0}px`,\n});\n\n/**\n * typography() is a function that returns a typography element with the specified values.\n *\n * @param kind the typography content type ('label', 'paragraph', 'heading' or 'display')\n * @param size the size of the typography content ('extraSmall', 'small', 'medium', 'large', 'extraLarge' or 'smallest')\n * @param weight the weight of the typography content ('regular' or 'strong')\n * @returns the typography element with the specified values\n *\n * @defaults typography('paragraph', 'medium', 'regular')\n */\nexport const typography: TypographyFn = <\n  Kind extends TypographyKind,\n  Size extends TypographySize<Kind>,\n  Weight extends TypographyWeights<Kind>,\n>(\n  kind: Kind,\n  size = 'medium' as Size,\n  weight = 'regular' as Weight,\n) =>\n  isTypographyWeighted(kind)\n    ? transformValuesToPx(Typography[kind][weight][size as keyof TypographyType[Kind][Weight]] as TypographyElement)\n    : transformValuesToPx(Typography[kind][size as keyof TypographyType[typeof kind]] as TypographyElement);\n"],"names":["transformValuesToPx","value","typography","kind","size","weight","isTypographyWeighted","Typography"],"mappings":";;AAYA,MAAMA,IAAsB,CAA8BC,OAAmC;AAAA,EAC3F,GAAGA;AAAA,EACH,YAAY,GAAGA,EAAM,cAAc,QAAQ;AAAA,EAC3C,UAAU,GAAGA,EAAM,YAAY,CAAC;AAAA,EAChC,YAAY,GAAGA,EAAM,cAAc,CAAC;AAAA,EACpC,kBAAkB,GAAGA,EAAM,oBAAoB,CAAC;AAAA,EAChD,eAAe,GAAGA,EAAM,iBAAiB,CAAC;AAC5C,IAYaC,IAA2B,CAKtCC,GACAC,IAAO,UACPC,IAAS,cAETC,EAAqBH,CAAI,IACrBH,EAAoBO,EAAWJ,CAAI,EAAEE,CAAM,EAAED,CAA0C,CAAsB,IAC7GJ,EAAoBO,EAAWJ,CAAI,EAAEC,CAAyC,CAAsB;"}

package/build/esm/react-base/src/utils/stylesUtils.d.ts

@@ -1,5 +1,5 @@
 import { Theme } from '../theme';
-export declare const getFocusStyles: (theme: Theme) => import("styled-components").RuleSet<object>;
+export declare const getFocusStyles: (theme: Theme, offset?: boolean) => import("styled-components").RuleSet<object>;
 export declare const getLabelFontStyles: (theme: Theme, disabled?: boolean) => {
     color: string;
 };

package/build/esm/react-base/src/utils/stylesUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stylesUtils.d.ts","sourceRoot":"","sources":["../../../../../../react-base/src/utils/stylesUtils.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAa,MAAM,UAAU,CAAC;AAE5C,eAAO,MAAM,cAAc,UAAW,KAAK,gDAG1C,CAAC;AAEF,eAAO,MAAM,kBAAkB,UAAW,KAAK,aAAa,OAAO;;CAKjE,CAAC;AAEH,eAAO,MAAM,wBAAwB,UAAW,KAAK,aAAa,OAAO;;;CAMvE,CAAC"}
+{"version":3,"file":"stylesUtils.d.ts","sourceRoot":"","sources":["../../../../../../react-base/src/utils/stylesUtils.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAa,MAAM,UAAU,CAAC;AAE5C,eAAO,MAAM,cAAc,UAAW,KAAK,WAAU,OAAO,gDAG3D,CAAC;AAEF,eAAO,MAAM,kBAAkB,UAAW,KAAK,aAAa,OAAO;;CAKjE,CAAC;AAEH,eAAO,MAAM,wBAAwB,UAAW,KAAK,aAAa,OAAO;;;CAMvE,CAAC"}

package/build/esm/react-base/src/utils/stylesUtils.js

@@ -1,9 +1,9 @@
 import { css as l } from "styled-components";
 import { FabricsVariables as t } from "acinguiux-ds-fabrics";
 import { Variables as s } from "../theme/types/layer.js";
-const i = (o) => l`
-  outline: 3px solid ${o.globals("others").focus};
-  outline-offset: 2px;
+const i = (o, e = !1) => l`
+  outline: 2px solid ${o.globals("others").focus};
+  outline-offset: ${e ? "1px" : "-1px"};
 `, d = (o, e) => ({
   color: o.layer({
     foundation: "surface",

package/build/esm/react-base/src/utils/stylesUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"stylesUtils.js","sources":["../../../../../../react-base/src/utils/stylesUtils.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport { Theme, Variables } from '../theme';\n\nexport const getFocusStyles = (theme: Theme) => css`\n  outline: 3px solid ${theme.globals('others').focus};\n  outline-offset: 2px;\n`;\n\nexport const getLabelFontStyles = (theme: Theme, disabled?: boolean) => ({\n  color: theme.layer({\n    foundation: 'surface',\n    disabled: disabled ? FabricsVariables.Disableds.True : undefined,\n  })[Variables.TextOnFoundationStrong],\n});\n\nexport const getPlaceholderFontStyles = (theme: Theme, disabled?: boolean) => ({\n  color: theme.layer({\n    foundation: 'surface',\n    disabled: disabled ? FabricsVariables.Disableds.True : undefined,\n  })[Variables.TextOnFoundationSubtle],\n  fontStyle: 'normal',\n});\n"],"names":["getFocusStyles","theme","css","getLabelFontStyles","disabled","FabricsVariables","Variables","getPlaceholderFontStyles"],"mappings":";;;AAKO,MAAMA,IAAiB,CAACC,MAAiBC;AAAA,uBACzBD,EAAM,QAAQ,QAAQ,EAAE,KAAK;AAAA;AAAA,GAIvCE,IAAqB,CAACF,GAAcG,OAAwB;AAAA,EACvE,OAAOH,EAAM,MAAM;AAAA,IACjB,YAAY;AAAA,IACZ,UAAUG,IAAWC,EAAiB,UAAU,OAAO;AAAA,EAAA,CACxD,EAAEC,EAAU,sBAAsB;AACrC,IAEaC,IAA2B,CAACN,GAAcG,OAAwB;AAAA,EAC7E,OAAOH,EAAM,MAAM;AAAA,IACjB,YAAY;AAAA,IACZ,UAAUG,IAAWC,EAAiB,UAAU,OAAO;AAAA,EAAA,CACxD,EAAEC,EAAU,sBAAsB;AAAA,EACnC,WAAW;AACb;"}
+{"version":3,"file":"stylesUtils.js","sources":["../../../../../../react-base/src/utils/stylesUtils.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport { Theme, Variables } from '../theme';\n\nexport const getFocusStyles = (theme: Theme, offset: boolean = false) => css`\n  outline: 2px solid ${theme.globals('others').focus};\n  outline-offset: ${offset ? '1px' : '-1px'};\n`;\n\nexport const getLabelFontStyles = (theme: Theme, disabled?: boolean) => ({\n  color: theme.layer({\n    foundation: 'surface',\n    disabled: disabled ? FabricsVariables.Disableds.True : undefined,\n  })[Variables.TextOnFoundationStrong],\n});\n\nexport const getPlaceholderFontStyles = (theme: Theme, disabled?: boolean) => ({\n  color: theme.layer({\n    foundation: 'surface',\n    disabled: disabled ? FabricsVariables.Disableds.True : undefined,\n  })[Variables.TextOnFoundationSubtle],\n  fontStyle: 'normal',\n});\n"],"names":["getFocusStyles","theme","offset","css","getLabelFontStyles","disabled","FabricsVariables","Variables","getPlaceholderFontStyles"],"mappings":";;;AAKO,MAAMA,IAAiB,CAACC,GAAcC,IAAkB,OAAUC;AAAA,uBAClDF,EAAM,QAAQ,QAAQ,EAAE,KAAK;AAAA,oBAChCC,IAAS,QAAQ,MAAM;AAAA,GAG9BE,IAAqB,CAACH,GAAcI,OAAwB;AAAA,EACvE,OAAOJ,EAAM,MAAM;AAAA,IACjB,YAAY;AAAA,IACZ,UAAUI,IAAWC,EAAiB,UAAU,OAAO;AAAA,EAAA,CACxD,EAAEC,EAAU,sBAAsB;AACrC,IAEaC,IAA2B,CAACP,GAAcI,OAAwB;AAAA,EAC7E,OAAOJ,EAAM,MAAM;AAAA,IACjB,YAAY;AAAA,IACZ,UAAUI,IAAWC,EAAiB,UAAU,OAAO;AAAA,EAAA,CACxD,EAAEC,EAAU,sBAAsB;AAAA,EACnC,WAAW;AACb;"}

package/build/esm/utils/storybookUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"storybookUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/storybookUtils.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,yBAAyB,kFAAkF,CAAC;AAEzH,eAAO,MAAM,mBAAmB,+DAA+D,CAAC;AAChG,eAAO,MAAM,mBAAmB,yDAAyD,CAAC;AAC1F,eAAO,MAAM,kBAAkB,mDAAmD,CAAC;AASnF,eAAO,MAAM,YAAY,SAAU,MAAM,KAAG,MAU3C,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;GA+B/B,CAAC;AAEF,eAAO,MAAM,UAAU;;;GAqKtB,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;GAqEpC,CAAC;AAIF,eAAO,MAAM,cAAc,mBAAoB,MAAM,KAAG,MAAM,GAAG,IAQhE,CAAC;AAEF,eAAO,MAAM,MAAM,mBAAoB,MAAM,YAAY;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,EAAE,KAAG,MAAM,GAAG,SACpB,CAAC;AAE/E,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,kBACxE,CAAC,EAAE,KACR,MAAM,CAAC,MAAM,EAAE;IAAE,KAAK,EAAE;QAAE,QAAQ,EAAE,IAAI,CAAA;KAAE,CAAA;CAAE,CACmC,CAAC"}
+{"version":3,"file":"storybookUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/storybookUtils.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,yBAAyB,kFAAkF,CAAC;AAEzH,eAAO,MAAM,mBAAmB,+DAA+D,CAAC;AAChG,eAAO,MAAM,mBAAmB,yDAAyD,CAAC;AAC1F,eAAO,MAAM,kBAAkB,mDAAmD,CAAC;AASnF,eAAO,MAAM,YAAY,SAAU,MAAM,KAAG,MAU3C,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;GA+B/B,CAAC;AAEF,eAAO,MAAM,UAAU;;;GAqKtB,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;GAiEpC,CAAC;AAIF,eAAO,MAAM,cAAc,mBAAoB,MAAM,KAAG,MAAM,GAAG,IAQhE,CAAC;AAEF,eAAO,MAAM,MAAM,mBAAoB,MAAM,YAAY;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,EAAE,KAAG,MAAM,GAAG,SACpB,CAAC;AAE/E,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,kBACxE,CAAC,EAAE,KACR,MAAM,CAAC,MAAM,EAAE;IAAE,KAAK,EAAE;QAAE,QAAQ,EAAE,IAAI,CAAA;KAAE,CAAA;CAAE,CACmC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "acinguiux-ds-react-framework",
-  "version": "0.1.18",
+  "version": "0.1.20",
   "description": "All Acingui-UX components for React",
   "main": "./build/cjs/index.js",
   "module": "./build/esm/index.js",
@@ -10,13 +10,11 @@
       "import": "./build/esm/index.js",
       "types": "./build/esm/index.d.ts",
       "require": "./build/cjs/index.js"
-    },
-    "./CHANGELOG.md": "./CHANGELOG.md"
+    }
   },
   "files": [
     "build",
     "README.md",
-    "CHANGELOG.md",
     "package.json"
   ],
   "sideEffects": false,
@@ -31,8 +29,7 @@
   "license": "ISC",
   "scripts": {
     "clean": "rimraf build",
-    "build": "pnpm run build:lib && pnpm run build:storybook",
-    "build:lib": "pnpm clean && pnpm run build:vite && pnpm run build:types-base && pnpm run build:types && pnpm run build:types-internal",
+    "build": "pnpm clean && pnpm run build:vite && pnpm run build:types-base && pnpm run build:types && pnpm run build:types-internal",
     "build:vite": "vite build -c vite.config.ts",
     "build:types-base": "pnpm tsc -p ../react-base/tsconfig.build.json --emitDeclarationOnly --outDir ./build/esm/react-base/src/",
     "build:types": "pnpm tsc -p ./tsconfig.build.json --emitDeclarationOnly",
@@ -52,8 +49,6 @@
     "serve-storybook": "pnpm run http-server -p 6006 docs"
   },
   "devDependencies": {
-    "eslint-config-acinguiux": "workspace:*",
-    "acinguiux-ds-react-base": "workspace:*",
     "@storybook/addon-a11y": "8.6.2",
     "@storybook/addon-actions": "8.6.2",
     "@storybook/addon-docs": "8.6.2",
@@ -68,8 +63,8 @@
     "@storybook/react": "8.6.2",
     "@storybook/react-vite": "8.6.2",
     "@storybook/theming": "8.6.2",
-    "@swc/core": "1.10.1",
-    "@swc/plugin-styled-components": "6.0.2",
+    "@swc/core": "1.15.2",
+    "@swc/plugin-styled-components": "11.1.0",
     "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.1.0",
@@ -85,18 +80,20 @@
     "@types/tinycolor2": "1.4.6",
     "@typescript-eslint/eslint-plugin": "7.10.0",
     "@typescript-eslint/parser": "7.10.0",
-    "@vitejs/plugin-react-swc": "3.7.2",
-    "@vitest/coverage-v8": "3.1.1",
+    "@vitejs/plugin-react-swc": "4.2.2",
+    "@vitest/coverage-v8": "3.2.4",
+    "acinguiux-ds-react-base": "workspace:*",
     "axe-core": "4.9.1",
     "change-case": "5.4.4",
     "chromatic": "11.4.0",
-    "eslint": "9.23.0",
+    "eslint": "9.33.0",
+    "eslint-config-acinguiux": "workspace:*",
     "eslint-plugin-storybook": "0.8.0",
     "http-server": "^14.1.1",
     "husky": "9.0.11",
     "identity-obj-proxy": "^3.0.0",
     "jest-axe": "8.0.0",
-    "jsdom": "25.0.1",
+    "jsdom": "26.1.0",
     "lint-staged": "15.2.4",
     "npm-run-all": "4.1.5",
     "postcss": "8.4.38",
@@ -113,9 +110,9 @@
     "tsconfig": "workspace:*",
     "tslib": "2.8.1",
     "typescript": "5.7.2",
-    "vite": "6.3.5",
-    "vite-plugin-checker": "0.9.1",
-    "vitest": "3.1.1"
+    "vite": "7.1.11",
+    "vite-plugin-checker": "0.10.3",
+    "vitest": "3.2.4"
   },
   "dependencies": {
     "@dnd-kit/core": "6.3.1",
@@ -123,12 +120,13 @@
     "@dnd-kit/sortable": "10.0.0",
     "@dnd-kit/utilities": "3.2.2",
     "@radix-ui/react-popover": "^1.1.2",
+    "@rc-component/menu": "1.1.4",
     "@rc-component/trigger": "2.1.1",
-    "acinguiux-ds-fabrics": "workspace:*",
-    "acinguiux-ds-foundations": "workspace:*",
     "@tanstack/match-sorter-utils": "8.15.1",
     "@tanstack/react-table": "8.17.3",
     "@tanstack/react-virtual": "3.11.1",
+    "acinguiux-ds-fabrics": "workspace:*",
+    "acinguiux-ds-foundations": "workspace:*",
     "classnames": "2.5.1",
     "countup.js": "2.8.0",
     "date-fns": "3.6.0",
@@ -142,20 +140,17 @@
     "rc-dialog": "8.6.0",
     "rc-drawer": "6.4.1",
     "rc-dropdown": "3.6.2",
-    "rc-menu": "9.15.1",
     "rc-motion": "2.9.2",
     "rc-pagination": "5.0.0",
     "rc-resize-observer": "1.4.0",
-    "rc-select": "14.16.6",
     "rc-slider": "10.5.0",
     "rc-switch": "4.1.0",
-    "rc-table": "7.41.0",
     "rc-tabs": "12.15.0",
     "rc-tree": "5.13.1",
     "rc-trigger": "5.3.4",
     "react-aria": "3.33.1",
     "react-countup": "6.5.3",
-    "react-day-picker": "9.7.0",
+    "react-day-picker": "9.11.0",
     "react-i18next": "15.5.1",
     "react-resizable": "3.0.5",
     "react-stately": "3.31.1",