acinguiux-ds-react-framework 0.1.18 → 0.1.19

package/build/esm/react-base/src/components/Select/Select.utils.js

@@ -1,5 +1,5 @@
 import { isValidElement as t } from "react";
-const u = (p) => t(p) && typeof p.type == "function" && "displayName" in p.type && p.type.displayName === "OptionGroup", o = (p) => t(p) && typeof p.type == "function" && "displayName" in p.type && p.type.displayName === "Option", f = (p) => !!p && !p.isGroup && "value" in p, l = (p, s, a) => {
+const u = (p) => t(p) && typeof p.type == "function" && "displayName" in p.type && p.type.displayName === "OptionGroup", o = (p) => t(p) && typeof p.type == "function" && "displayName" in p.type && p.type.displayName === "Option", f = (p) => !!p && !p.isGroup && typeof p.value < "u", l = (p, s, a) => {
   if (u(p)) {
     const r = `${s}-optgrp-${p.key ?? a}`;
     return [
@@ -9,7 +9,7 @@ const u = (p) => t(p) && typeof p.type == "function" && "displayName" in p.type
         disabled: p.props.disabled,
         label: p.props.label ?? p.props.children,
         className: p.props.className,
-        options: (Array.isArray(p.props.children) ? p.props.children.flatMap((i, e) => l(i, r, e)) : l(p.props.children, r, 0)).filter(Boolean)
+        options: (Array.isArray(p.props.children) ? p.props.children.flatMap((e, i) => l(e, r, i)) : l(p.props.children, r, 0)).filter(Boolean)
       }
     ];
   }
@@ -22,14 +22,14 @@ const u = (p) => t(p) && typeof p.type == "function" && "displayName" in p.type
       label: p.props.label ?? p.props.children,
       className: p.props.className
     }
-  ] : t(p) && Array.isArray(p.props.children) ? p.props.children.flatMap((r, i) => l(r, s, i)) : [];
+  ] : t(p) && Array.isArray(p.props.children) ? p.props.children.flatMap((r, e) => l(r, s, e)) : [];
 }, y = (p, s, a) => {
   if ("options" in p) {
     const r = p.key ?? `${s}-optgrp-${p.label}-${a}`;
     return {
       ...p,
       key: r,
-      options: p.options.map((i, e) => y(i, r, e)),
+      options: p.options.map((e, i) => y(e, r, i)),
       isGroup: !0
     };
   }

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

@@ -1 +1 @@
-{"version":3,"file":"Select.utils.js","sources":["../../../../../../../react-base/src/components/Select/Select.utils.ts"],"sourcesContent":["import { isValidElement, ReactNode } from 'react';\n\nimport { IOption, IOptionGroupProps, IOptionParam, IOptionProps } from './Select.types';\n\n\nexport const isNodeOptionGroup = (node: ReactNode): node is React.ReactElement<IOptionGroupProps> => isValidElement(node) && typeof node.type === 'function' && 'displayName' in node.type && node.type.displayName === 'OptionGroup';\n\nexport const isNodeOption = (node: ReactNode): node is React.ReactElement<IOptionProps> => isValidElement(node) && typeof node.type === 'function' && 'displayName' in node.type && node.type.displayName === 'Option';\n\n\nexport const isOption = (option?: IOption): option is IOption & { isGroup: false } => !!option && !option.isGroup && 'value' in option;\n\nexport const convertToOption = (node: ReactNode, selectId: string, index: number): IOption[] => {\n  if (isNodeOptionGroup(node)) {\n    const grpKey = `${selectId}-optgrp-${node.key ?? index}`;\n\n    return [\n      {\n        key: grpKey,\n        isGroup: true,\n        disabled: node.props.disabled,\n        label: node.props.label ?? node.props.children,\n        className: node.props.className,\n        options: (Array.isArray(node.props.children)\n        ? node.props.children.flatMap((opt: ReactNode, idx: number) => convertToOption(opt, grpKey, idx))\n        : convertToOption(node.props.children, grpKey, 0)\n      ).filter(Boolean),\n      },\n    ];\n  }\n    \n  if (isNodeOption(node)) {\n      return [\n        {\n          key: `${selectId}-opt-${node.key ?? index}`,\n          isGroup: false,\n          value: node.props.value,\n          disabled: node.props.disabled,\n          label: node.props.label ?? node.props.children,\n          className: node.props.className,\n        },\n      ];\n  }\n\n  if (isValidElement(node) && Array.isArray(node.props.children)) {\n    return node.props.children.flatMap((opt: ReactNode, idx: number) => convertToOption(opt, selectId, idx));\n  }\n\n  return [];\n};\n\nexport const ensureOptionKey = (option: IOptionParam, selectId: string, index: number): IOption => {\n  if ('options' in option) {\n    const grpKey = option.key ?? `${selectId}-optgrp-${option.label}-${index}`;\n\n    return {\n      ...option,\n      key: grpKey,\n      options: option.options.map((opt, idx) => ensureOptionKey(opt, grpKey, idx)),\n      isGroup: true,\n    };\n  }\n\n  return {\n    ...option,\n    key: option.key ?? `${selectId}-opt-${option.value}-${index}`,\n    isGroup: false,\n  };\n};\n\nexport const ensureOptionsKeys = (options: IOptionParam[], selectId: string): IOption[] => options.map((option, index) => ensureOptionKey(option, selectId, index));"],"names":["isNodeOptionGroup","node","isValidElement","isNodeOption","isOption","option","convertToOption","selectId","index","grpKey","opt","idx","ensureOptionKey","ensureOptionsKeys","options"],"mappings":";AAKO,MAAMA,IAAoB,CAACC,MAAmEC,EAAeD,CAAI,KAAK,OAAOA,EAAK,QAAS,cAAc,iBAAiBA,EAAK,QAAQA,EAAK,KAAK,gBAAgB,eAE3ME,IAAe,CAACF,MAA8DC,EAAeD,CAAI,KAAK,OAAOA,EAAK,QAAS,cAAc,iBAAiBA,EAAK,QAAQA,EAAK,KAAK,gBAAgB,UAGjMG,IAAW,CAACC,MAA6D,CAAC,CAACA,KAAU,CAACA,EAAO,WAAW,WAAWA,GAEnHC,IAAkB,CAACL,GAAiBM,GAAkBC,MAA6B;AAC9F,MAAIR,EAAkBC,CAAI,GAAG;AAC3B,UAAMQ,IAAS,GAAGF,CAAQ,WAAWN,EAAK,OAAOO,CAAK;AAEtD,WAAO;AAAA,MACL;AAAA,QACE,KAAKC;AAAA,QACL,SAAS;AAAA,QACT,UAAUR,EAAK,MAAM;AAAA,QACrB,OAAOA,EAAK,MAAM,SAASA,EAAK,MAAM;AAAA,QACtC,WAAWA,EAAK,MAAM;AAAA,QACtB,UAAU,MAAM,QAAQA,EAAK,MAAM,QAAQ,IACzCA,EAAK,MAAM,SAAS,QAAQ,CAACS,GAAgBC,MAAgBL,EAAgBI,GAAKD,GAAQE,CAAG,CAAC,IAC9FL,EAAgBL,EAAK,MAAM,UAAUQ,GAAQ,CAAC,GAChD,OAAO,OAAO;AAAA,MAAA;AAAA,IAChB;AAAA,EAEJ;AAEA,SAAIN,EAAaF,CAAI,IACV;AAAA,IACL;AAAA,MACE,KAAK,GAAGM,CAAQ,QAAQN,EAAK,OAAOO,CAAK;AAAA,MACzC,SAAS;AAAA,MACT,OAAOP,EAAK,MAAM;AAAA,MAClB,UAAUA,EAAK,MAAM;AAAA,MACrB,OAAOA,EAAK,MAAM,SAASA,EAAK,MAAM;AAAA,MACtC,WAAWA,EAAK,MAAM;AAAA,IAAA;AAAA,EACxB,IAIFC,EAAeD,CAAI,KAAK,MAAM,QAAQA,EAAK,MAAM,QAAQ,IACpDA,EAAK,MAAM,SAAS,QAAQ,CAACS,GAAgBC,MAAgBL,EAAgBI,GAAKH,GAAUI,CAAG,CAAC,IAGlG,CAAA;AACT,GAEaC,IAAkB,CAACP,GAAsBE,GAAkBC,MAA2B;AACjG,MAAI,aAAaH,GAAQ;AACvB,UAAMI,IAASJ,EAAO,OAAO,GAAGE,CAAQ,WAAWF,EAAO,KAAK,IAAIG,CAAK;AAExE,WAAO;AAAA,MACL,GAAGH;AAAA,MACH,KAAKI;AAAA,MACL,SAASJ,EAAO,QAAQ,IAAI,CAACK,GAAKC,MAAQC,EAAgBF,GAAKD,GAAQE,CAAG,CAAC;AAAA,MAC3E,SAAS;AAAA,IAAA;AAAA,EAEb;AAEA,SAAO;AAAA,IACL,GAAGN;AAAA,IACH,KAAKA,EAAO,OAAO,GAAGE,CAAQ,QAAQF,EAAO,KAAK,IAAIG,CAAK;AAAA,IAC3D,SAAS;AAAA,EAAA;AAEb,GAEaK,IAAoB,CAACC,GAAyBP,MAAgCO,EAAQ,IAAI,CAACT,GAAQG,MAAUI,EAAgBP,GAAQE,GAAUC,CAAK,CAAC;"}
+{"version":3,"file":"Select.utils.js","sources":["../../../../../../../react-base/src/components/Select/Select.utils.ts"],"sourcesContent":["import { isValidElement, ReactNode } from 'react';\n\nimport { IOption, IOptionGroupProps, IOptionParam, IOptionProps } from './Select.types';\n\n\nexport const isNodeOptionGroup = (node: ReactNode): node is React.ReactElement<IOptionGroupProps> => isValidElement(node) && typeof node.type === 'function' && 'displayName' in node.type && node.type.displayName === 'OptionGroup';\n\nexport const isNodeOption = (node: ReactNode): node is React.ReactElement<IOptionProps> => isValidElement(node) && typeof node.type === 'function' && 'displayName' in node.type && node.type.displayName === 'Option';\n\n\nexport const isOption = (option?: IOption): option is IOption & { isGroup: false } => !!option && !option.isGroup && typeof option.value !== 'undefined';\n\nexport const convertToOption = (node: ReactNode, selectId: string, index: number): IOption[] => {\n  if (isNodeOptionGroup(node)) {\n    const grpKey = `${selectId}-optgrp-${node.key ?? index}`;\n\n    return [\n      {\n        key: grpKey,\n        isGroup: true,\n        disabled: node.props.disabled,\n        label: node.props.label ?? node.props.children,\n        className: node.props.className,\n        options: (Array.isArray(node.props.children)\n        ? node.props.children.flatMap((opt: ReactNode, idx: number) => convertToOption(opt, grpKey, idx))\n        : convertToOption(node.props.children, grpKey, 0)\n      ).filter(Boolean),\n      },\n    ];\n  }\n    \n  if (isNodeOption(node)) {\n      return [\n        {\n          key: `${selectId}-opt-${node.key ?? index}`,\n          isGroup: false,\n          value: node.props.value,\n          disabled: node.props.disabled,\n          label: node.props.label ?? node.props.children,\n          className: node.props.className,\n        },\n      ];\n  }\n\n  if (isValidElement(node) && Array.isArray(node.props.children)) {\n    return node.props.children.flatMap((opt: ReactNode, idx: number) => convertToOption(opt, selectId, idx));\n  }\n\n  return [];\n};\n\nexport const ensureOptionKey = (option: IOptionParam, selectId: string, index: number): IOption => {\n  if ('options' in option) {\n    const grpKey = option.key ?? `${selectId}-optgrp-${option.label}-${index}`;\n\n    return {\n      ...option,\n      key: grpKey,\n      options: option.options.map((opt, idx) => ensureOptionKey(opt, grpKey, idx)),\n      isGroup: true,\n    };\n  }\n\n  return {\n    ...option,\n    key: option.key ?? `${selectId}-opt-${option.value}-${index}`,\n    isGroup: false,\n  };\n};\n\nexport const ensureOptionsKeys = (options: IOptionParam[], selectId: string): IOption[] => options.map((option, index) => ensureOptionKey(option, selectId, index));"],"names":["isNodeOptionGroup","node","isValidElement","isNodeOption","isOption","option","convertToOption","selectId","index","grpKey","opt","idx","ensureOptionKey","ensureOptionsKeys","options"],"mappings":";AAKO,MAAMA,IAAoB,CAACC,MAAmEC,EAAeD,CAAI,KAAK,OAAOA,EAAK,QAAS,cAAc,iBAAiBA,EAAK,QAAQA,EAAK,KAAK,gBAAgB,eAE3ME,IAAe,CAACF,MAA8DC,EAAeD,CAAI,KAAK,OAAOA,EAAK,QAAS,cAAc,iBAAiBA,EAAK,QAAQA,EAAK,KAAK,gBAAgB,UAGjMG,IAAW,CAACC,MAA6D,CAAC,CAACA,KAAU,CAACA,EAAO,WAAW,OAAOA,EAAO,QAAU,KAEhIC,IAAkB,CAACL,GAAiBM,GAAkBC,MAA6B;AAC9F,MAAIR,EAAkBC,CAAI,GAAG;AAC3B,UAAMQ,IAAS,GAAGF,CAAQ,WAAWN,EAAK,OAAOO,CAAK;AAEtD,WAAO;AAAA,MACL;AAAA,QACE,KAAKC;AAAA,QACL,SAAS;AAAA,QACT,UAAUR,EAAK,MAAM;AAAA,QACrB,OAAOA,EAAK,MAAM,SAASA,EAAK,MAAM;AAAA,QACtC,WAAWA,EAAK,MAAM;AAAA,QACtB,UAAU,MAAM,QAAQA,EAAK,MAAM,QAAQ,IACzCA,EAAK,MAAM,SAAS,QAAQ,CAACS,GAAgBC,MAAgBL,EAAgBI,GAAKD,GAAQE,CAAG,CAAC,IAC9FL,EAAgBL,EAAK,MAAM,UAAUQ,GAAQ,CAAC,GAChD,OAAO,OAAO;AAAA,MAAA;AAAA,IAChB;AAAA,EAEJ;AAEA,SAAIN,EAAaF,CAAI,IACV;AAAA,IACL;AAAA,MACE,KAAK,GAAGM,CAAQ,QAAQN,EAAK,OAAOO,CAAK;AAAA,MACzC,SAAS;AAAA,MACT,OAAOP,EAAK,MAAM;AAAA,MAClB,UAAUA,EAAK,MAAM;AAAA,MACrB,OAAOA,EAAK,MAAM,SAASA,EAAK,MAAM;AAAA,MACtC,WAAWA,EAAK,MAAM;AAAA,IAAA;AAAA,EACxB,IAIFC,EAAeD,CAAI,KAAK,MAAM,QAAQA,EAAK,MAAM,QAAQ,IACpDA,EAAK,MAAM,SAAS,QAAQ,CAACS,GAAgBC,MAAgBL,EAAgBI,GAAKH,GAAUI,CAAG,CAAC,IAGlG,CAAA;AACT,GAEaC,IAAkB,CAACP,GAAsBE,GAAkBC,MAA2B;AACjG,MAAI,aAAaH,GAAQ;AACvB,UAAMI,IAASJ,EAAO,OAAO,GAAGE,CAAQ,WAAWF,EAAO,KAAK,IAAIG,CAAK;AAExE,WAAO;AAAA,MACL,GAAGH;AAAA,MACH,KAAKI;AAAA,MACL,SAASJ,EAAO,QAAQ,IAAI,CAACK,GAAKC,MAAQC,EAAgBF,GAAKD,GAAQE,CAAG,CAAC;AAAA,MAC3E,SAAS;AAAA,IAAA;AAAA,EAEb;AAEA,SAAO;AAAA,IACL,GAAGN;AAAA,IACH,KAAKA,EAAO,OAAO,GAAGE,CAAQ,QAAQF,EAAO,KAAK,IAAIG,CAAK;AAAA,IAC3D,SAAS;AAAA,EAAA;AAEb,GAEaK,IAAoB,CAACC,GAAyBP,MAAgCO,EAAQ,IAAI,CAACT,GAAQG,MAAUI,EAAgBP,GAAQE,GAAUC,CAAK,CAAC;"}

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

@@ -19,7 +19,7 @@ export declare const useProps: ({ size, shape, variant, sentiment, closeButton,
     iconOnly: boolean;
 };
 export declare const getLayer: (theme: Theme, sentiment: Sentiment, variant: Variant) => import("../../theme").VariableValues;
-export declare const useStyles: ({ theme, sentiment, variant, size, icon, iconOnly, shape }: UseStyleProps) => {
+export declare const useStyles: ({ theme, sentiment, variant, size, icon, iconOnly, iconPosition, shape }: UseStyleProps) => {
     minHeight: number;
     paddingInline: number;
     labelPaddingInline: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.utils.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/Tag/Tag.utils.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC1E,OAAO,EAAE,KAAK,EAAa,MAAM,aAAa,CAAC;AAG/C,eAAO,MAAM,aAAa,aAAc,OAAO,wCAU9C,CAAC;AAEF,eAAO,MAAM,eAAe,YAAa,OAAO;;;CAG9C,CAAC;AAEH,eAAO,MAAM,QAAQ,qGAUlB,QAAQ;;;;;;;;;;;;CAUT,CAAC;AAEH,eAAO,MAAM,QAAQ,UAAW,KAAK,aAAa,SAAS,WAAW,OAAO,yCACJ,CAAC;AAE1E,eAAO,MAAM,SAAS,+DAAgE,aAAa;;;;;;;;;;;;CAuBlG,CAAC"}
+{"version":3,"file":"Tag.utils.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/Tag/Tag.utils.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC1E,OAAO,EAAE,KAAK,EAAa,MAAM,aAAa,CAAC;AAG/C,eAAO,MAAM,aAAa,aAAc,OAAO,wCAU9C,CAAC;AAEF,eAAO,MAAM,eAAe,YAAa,OAAO;;;CAG9C,CAAC;AAEH,eAAO,MAAM,QAAQ,qGAUlB,QAAQ;;;;;;;;;;;;CAUT,CAAC;AAEH,eAAO,MAAM,QAAQ,UAAW,KAAK,aAAa,SAAS,WAAW,OAAO,yCACJ,CAAC;AAE1E,eAAO,MAAM,SAAS,6EAA8E,aAAa;;;;;;;;;;;;CAuBhH,CAAC"}

package/build/esm/react-base/src/components/Tag/Tag.utils.js

@@ -1,61 +1,61 @@
 import { FabricsVariables as c } from "acinguiux-ds-fabrics";
-import { Positions as g, NOOP_VOID as S, Variants as a, Shapes as b, Sizes as P } from "../../consts/index.js";
-import { Variables as u } from "../../theme/types/layer.js";
-import { consts as t } from "./Tag.consts.js";
-const f = (r) => {
-  switch (r) {
-    case a.Outlined:
+import { Positions as s, NOOP_VOID as b, Variants as d, Shapes as P, Sizes as f } from "../../consts/index.js";
+import { Variables as S } from "../../theme/types/layer.js";
+import { consts as r } from "./Tag.consts.js";
+const I = (t) => {
+  switch (t) {
+    case d.Outlined:
       return c.SentimentProminences.Transparent;
-    case a.Subtle:
+    case d.Subtle:
       return c.SentimentProminences.Subtle;
-    case a.Filled:
+    case d.Filled:
     default:
       return c.SentimentProminences.Strong;
   }
-}, O = (r) => ({
-  borderWidth: r === a.Outlined ? 1 : 0,
+}, O = (t) => ({
+  borderWidth: t === d.Outlined ? 1 : 0,
   borderStyle: "solid"
-}), k = ({
-  size: r = P.Medium,
-  shape: o = b.Square,
-  variant: i = a.Filled,
+}), V = ({
+  size: t = f.Medium,
+  shape: o = P.Square,
+  variant: i = d.Filled,
   sentiment: n = c.Sentiments.Neutral,
   closeButton: m = !1,
-  onCloseClick: s = S,
-  iconPosition: e = g.Left,
-  iconOnly: l = !1,
-  ...d
+  onCloseClick: g = b,
+  iconPosition: a = s.Left,
+  iconOnly: e = !1,
+  ...l
 }) => ({
-  size: r,
+  size: t,
   shape: o,
   variant: i,
   sentiment: n,
   closeButton: m,
-  onCloseClick: s,
-  iconPosition: e,
-  iconOnly: l,
-  ...d
-}), p = (r, o, i) => r.layer({ sentiment: o, sentimentProminence: f(i) }), V = ({ theme: r, sentiment: o, variant: i, size: n, icon: m, iconOnly: s, shape: e }) => {
-  const l = p(r, o, i);
-  let d = `${t[n][e].labelPaddingInline}px`;
-  return s ? d = `${t[n][e].iconPaddingInline}px` : m && (d = `${t[n][e].iconPaddingInline}px ${t[n][e].labelPaddingInline}px`), {
-    color: l[u.TextOnSentimentOnBackground],
-    backgroundColor: l[u.BackgroundSentiment],
-    borderColor: l[u.BorderOnSentimentOnBackground],
+  onCloseClick: g,
+  iconPosition: a,
+  iconOnly: e,
+  ...l
+}), p = (t, o, i) => t.layer({ sentiment: o, sentimentProminence: I(i) }), $ = ({ theme: t, sentiment: o, variant: i, size: n, icon: m, iconOnly: g, iconPosition: a, shape: e }) => {
+  const l = p(t, o, i);
+  let u = `${r[n][e].labelPaddingInline}px`;
+  return g ? u = `${r[n][e].iconPaddingInline}px` : m && (u = `${a === "right" ? r[n][e].labelPaddingInline : r[n][e].iconPaddingInline}px ${a === "right" ? r[n][e].iconPaddingInline : r[n][e].labelPaddingInline}px`), {
+    color: l[S.TextOnSentimentOnBackground],
+    backgroundColor: l[S.BackgroundSentiment],
+    borderColor: l[S.BorderOnSentimentOnBackground],
     ...O(i),
-    minHeight: t[n][e].minHeight,
-    paddingInline: t[n][e].paddingInline,
-    labelPaddingInline: d,
-    gap: t[n][e].gap,
-    borderRadius: t[n][e].radius,
-    iconSize: t[n][e].iconSize
+    minHeight: r[n][e].minHeight,
+    paddingInline: r[n][e].paddingInline,
+    labelPaddingInline: u,
+    gap: r[n][e].gap,
+    borderRadius: r[n][e].radius,
+    iconSize: r[n][e].iconSize
   };
 };
 export {
   O as getBorderStyles,
   p as getLayer,
-  f as getProminence,
-  k as useProps,
-  V as useStyles
+  I as getProminence,
+  V as useProps,
+  $ as useStyles
 };
 //# sourceMappingURL=Tag.utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.utils.js","sources":["../../../../../../../react-base/src/components/Tag/Tag.utils.ts"],"sourcesContent":["import { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport { NOOP_VOID, Positions, Shapes, Sizes, Variants } from '../../consts';\nimport { Sentiment, Variant, UseProps, UseStyleProps } from './Tag.types';\nimport { Theme, Variables } from '../../theme';\nimport { consts } from './Tag.consts';\n\nexport const getProminence = (variant?: Variant) => {\n  switch (variant) {\n    case Variants.Outlined:\n      return FabricsVariables.SentimentProminences.Transparent;\n    case Variants.Subtle:\n      return FabricsVariables.SentimentProminences.Subtle;\n    case Variants.Filled:\n    default:\n      return FabricsVariables.SentimentProminences.Strong;\n  }\n};\n\nexport const getBorderStyles = (variant: Variant) => ({\n  borderWidth: variant === Variants.Outlined ? 1 : 0,\n  borderStyle: 'solid',\n});\n\nexport const useProps = ({\n  size = Sizes.Medium,\n  shape = Shapes.Square,\n  variant = Variants.Filled,\n  sentiment = FabricsVariables.Sentiments.Neutral,\n  closeButton = false,\n  onCloseClick = NOOP_VOID,\n  iconPosition = Positions.Left,\n  iconOnly = false,\n  ...props\n}: UseProps) => ({\n  size,\n  shape,\n  variant,\n  sentiment,\n  closeButton,\n  onCloseClick,\n  iconPosition,\n  iconOnly,\n  ...props,\n});\n\nexport const getLayer = (theme: Theme, sentiment: Sentiment, variant: Variant) =>\n  theme.layer({ sentiment, sentimentProminence: getProminence(variant) });\n\nexport const useStyles = ({ theme, sentiment, variant, size, icon, iconOnly, shape }: UseStyleProps) => {\n  const layer = getLayer(theme, sentiment, variant);\n  let labelPaddingInline = `${consts[size][shape].labelPaddingInline}px`;\n\n  if (iconOnly) {\n    labelPaddingInline = `${consts[size][shape].iconPaddingInline}px`;\n  } else if (icon) {\n    labelPaddingInline = `${consts[size][shape].iconPaddingInline}px ${consts[size][shape].labelPaddingInline}px`;\n  }\n\n  return {\n    color: layer[Variables.TextOnSentimentOnBackground],\n    backgroundColor: layer[Variables.BackgroundSentiment],\n    borderColor: layer[Variables.BorderOnSentimentOnBackground],\n    ...getBorderStyles(variant),\n\n    minHeight: consts[size][shape].minHeight,\n    paddingInline: consts[size][shape].paddingInline,\n    labelPaddingInline,\n    gap: consts[size][shape].gap,\n    borderRadius: consts[size][shape].radius,\n    iconSize: consts[size][shape].iconSize,\n  };\n};\n"],"names":["getProminence","variant","Variants","FabricsVariables","getBorderStyles","useProps","size","Sizes","shape","Shapes","sentiment","closeButton","onCloseClick","NOOP_VOID","iconPosition","Positions","iconOnly","props","getLayer","theme","useStyles","icon","layer","labelPaddingInline","consts","Variables"],"mappings":";;;;AAOO,MAAMA,IAAgB,CAACC,MAAsB;AAClD,UAAQA,GAAA;AAAA,IACN,KAAKC,EAAS;AACZ,aAAOC,EAAiB,qBAAqB;AAAA,IAC/C,KAAKD,EAAS;AACZ,aAAOC,EAAiB,qBAAqB;AAAA,IAC/C,KAAKD,EAAS;AAAA,IACd;AACE,aAAOC,EAAiB,qBAAqB;AAAA,EAAA;AAEnD,GAEaC,IAAkB,CAACH,OAAsB;AAAA,EACpD,aAAaA,MAAYC,EAAS,WAAW,IAAI;AAAA,EACjD,aAAa;AACf,IAEaG,IAAW,CAAC;AAAA,EACvB,MAAAC,IAAOC,EAAM;AAAA,EACb,OAAAC,IAAQC,EAAO;AAAA,EACf,SAAAR,IAAUC,EAAS;AAAA,EACnB,WAAAQ,IAAYP,EAAiB,WAAW;AAAA,EACxC,aAAAQ,IAAc;AAAA,EACd,cAAAC,IAAeC;AAAA,EACf,cAAAC,IAAeC,EAAU;AAAA,EACzB,UAAAC,IAAW;AAAA,EACX,GAAGC;AACL,OAAiB;AAAA,EACf,MAAAX;AAAA,EACA,OAAAE;AAAA,EACA,SAAAP;AAAA,EACA,WAAAS;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAE;AAAA,EACA,UAAAE;AAAA,EACA,GAAGC;AACL,IAEaC,IAAW,CAACC,GAAcT,GAAsBT,MAC3DkB,EAAM,MAAM,EAAE,WAAAT,GAAW,qBAAqBV,EAAcC,CAAO,GAAG,GAE3DmB,IAAY,CAAC,EAAE,OAAAD,GAAO,WAAAT,GAAW,SAAAT,GAAS,MAAAK,GAAM,MAAAe,GAAM,UAAAL,GAAU,OAAAR,QAA2B;AACtG,QAAMc,IAAQJ,EAASC,GAAOT,GAAWT,CAAO;AAChD,MAAIsB,IAAqB,GAAGC,EAAOlB,CAAI,EAAEE,CAAK,EAAE,kBAAkB;AAElE,SAAIQ,IACFO,IAAqB,GAAGC,EAAOlB,CAAI,EAAEE,CAAK,EAAE,iBAAiB,OACpDa,MACTE,IAAqB,GAAGC,EAAOlB,CAAI,EAAEE,CAAK,EAAE,iBAAiB,MAAMgB,EAAOlB,CAAI,EAAEE,CAAK,EAAE,kBAAkB,OAGpG;AAAA,IACL,OAAOc,EAAMG,EAAU,2BAA2B;AAAA,IAClD,iBAAiBH,EAAMG,EAAU,mBAAmB;AAAA,IACpD,aAAaH,EAAMG,EAAU,6BAA6B;AAAA,IAC1D,GAAGrB,EAAgBH,CAAO;AAAA,IAE1B,WAAWuB,EAAOlB,CAAI,EAAEE,CAAK,EAAE;AAAA,IAC/B,eAAegB,EAAOlB,CAAI,EAAEE,CAAK,EAAE;AAAA,IACnC,oBAAAe;AAAA,IACA,KAAKC,EAAOlB,CAAI,EAAEE,CAAK,EAAE;AAAA,IACzB,cAAcgB,EAAOlB,CAAI,EAAEE,CAAK,EAAE;AAAA,IAClC,UAAUgB,EAAOlB,CAAI,EAAEE,CAAK,EAAE;AAAA,EAAA;AAElC;"}
+{"version":3,"file":"Tag.utils.js","sources":["../../../../../../../react-base/src/components/Tag/Tag.utils.ts"],"sourcesContent":["import { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport { NOOP_VOID, Positions, Shapes, Sizes, Variants } from '../../consts';\nimport { Sentiment, Variant, UseProps, UseStyleProps } from './Tag.types';\nimport { Theme, Variables } from '../../theme';\nimport { consts } from './Tag.consts';\n\nexport const getProminence = (variant?: Variant) => {\n  switch (variant) {\n    case Variants.Outlined:\n      return FabricsVariables.SentimentProminences.Transparent;\n    case Variants.Subtle:\n      return FabricsVariables.SentimentProminences.Subtle;\n    case Variants.Filled:\n    default:\n      return FabricsVariables.SentimentProminences.Strong;\n  }\n};\n\nexport const getBorderStyles = (variant: Variant) => ({\n  borderWidth: variant === Variants.Outlined ? 1 : 0,\n  borderStyle: 'solid',\n});\n\nexport const useProps = ({\n  size = Sizes.Medium,\n  shape = Shapes.Square,\n  variant = Variants.Filled,\n  sentiment = FabricsVariables.Sentiments.Neutral,\n  closeButton = false,\n  onCloseClick = NOOP_VOID,\n  iconPosition = Positions.Left,\n  iconOnly = false,\n  ...props\n}: UseProps) => ({\n  size,\n  shape,\n  variant,\n  sentiment,\n  closeButton,\n  onCloseClick,\n  iconPosition,\n  iconOnly,\n  ...props,\n});\n\nexport const getLayer = (theme: Theme, sentiment: Sentiment, variant: Variant) =>\n  theme.layer({ sentiment, sentimentProminence: getProminence(variant) });\n\nexport const useStyles = ({ theme, sentiment, variant, size, icon, iconOnly, iconPosition, shape }: UseStyleProps) => {\n  const layer = getLayer(theme, sentiment, variant);\n  let labelPaddingInline = `${consts[size][shape].labelPaddingInline}px`;\n\n  if (iconOnly) {\n    labelPaddingInline = `${consts[size][shape].iconPaddingInline}px`;\n  } else if (icon) {\n    labelPaddingInline = `${iconPosition === 'right' ? consts[size][shape].labelPaddingInline : consts[size][shape].iconPaddingInline}px ${iconPosition === 'right' ? consts[size][shape].iconPaddingInline : consts[size][shape].labelPaddingInline}px`;\n  }\n\n  return {\n    color: layer[Variables.TextOnSentimentOnBackground],\n    backgroundColor: layer[Variables.BackgroundSentiment],\n    borderColor: layer[Variables.BorderOnSentimentOnBackground],\n    ...getBorderStyles(variant),\n\n    minHeight: consts[size][shape].minHeight,\n    paddingInline: consts[size][shape].paddingInline,\n    labelPaddingInline,\n    gap: consts[size][shape].gap,\n    borderRadius: consts[size][shape].radius,\n    iconSize: consts[size][shape].iconSize,\n  };\n};\n"],"names":["getProminence","variant","Variants","FabricsVariables","getBorderStyles","useProps","size","Sizes","shape","Shapes","sentiment","closeButton","onCloseClick","NOOP_VOID","iconPosition","Positions","iconOnly","props","getLayer","theme","useStyles","icon","layer","labelPaddingInline","consts","Variables"],"mappings":";;;;AAOO,MAAMA,IAAgB,CAACC,MAAsB;AAClD,UAAQA,GAAA;AAAA,IACN,KAAKC,EAAS;AACZ,aAAOC,EAAiB,qBAAqB;AAAA,IAC/C,KAAKD,EAAS;AACZ,aAAOC,EAAiB,qBAAqB;AAAA,IAC/C,KAAKD,EAAS;AAAA,IACd;AACE,aAAOC,EAAiB,qBAAqB;AAAA,EAAA;AAEnD,GAEaC,IAAkB,CAACH,OAAsB;AAAA,EACpD,aAAaA,MAAYC,EAAS,WAAW,IAAI;AAAA,EACjD,aAAa;AACf,IAEaG,IAAW,CAAC;AAAA,EACvB,MAAAC,IAAOC,EAAM;AAAA,EACb,OAAAC,IAAQC,EAAO;AAAA,EACf,SAAAR,IAAUC,EAAS;AAAA,EACnB,WAAAQ,IAAYP,EAAiB,WAAW;AAAA,EACxC,aAAAQ,IAAc;AAAA,EACd,cAAAC,IAAeC;AAAA,EACf,cAAAC,IAAeC,EAAU;AAAA,EACzB,UAAAC,IAAW;AAAA,EACX,GAAGC;AACL,OAAiB;AAAA,EACf,MAAAX;AAAA,EACA,OAAAE;AAAA,EACA,SAAAP;AAAA,EACA,WAAAS;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAE;AAAA,EACA,UAAAE;AAAA,EACA,GAAGC;AACL,IAEaC,IAAW,CAACC,GAAcT,GAAsBT,MAC3DkB,EAAM,MAAM,EAAE,WAAAT,GAAW,qBAAqBV,EAAcC,CAAO,GAAG,GAE3DmB,IAAY,CAAC,EAAE,OAAAD,GAAO,WAAAT,GAAW,SAAAT,GAAS,MAAAK,GAAM,MAAAe,GAAM,UAAAL,GAAU,cAAAF,GAAc,OAAAN,QAA2B;AACpH,QAAMc,IAAQJ,EAASC,GAAOT,GAAWT,CAAO;AAChD,MAAIsB,IAAqB,GAAGC,EAAOlB,CAAI,EAAEE,CAAK,EAAE,kBAAkB;AAElE,SAAIQ,IACFO,IAAqB,GAAGC,EAAOlB,CAAI,EAAEE,CAAK,EAAE,iBAAiB,OACpDa,MACTE,IAAqB,GAAGT,MAAiB,UAAUU,EAAOlB,CAAI,EAAEE,CAAK,EAAE,qBAAqBgB,EAAOlB,CAAI,EAAEE,CAAK,EAAE,iBAAiB,MAAMM,MAAiB,UAAUU,EAAOlB,CAAI,EAAEE,CAAK,EAAE,oBAAoBgB,EAAOlB,CAAI,EAAEE,CAAK,EAAE,kBAAkB,OAG3O;AAAA,IACL,OAAOc,EAAMG,EAAU,2BAA2B;AAAA,IAClD,iBAAiBH,EAAMG,EAAU,mBAAmB;AAAA,IACpD,aAAaH,EAAMG,EAAU,6BAA6B;AAAA,IAC1D,GAAGrB,EAAgBH,CAAO;AAAA,IAE1B,WAAWuB,EAAOlB,CAAI,EAAEE,CAAK,EAAE;AAAA,IAC/B,eAAegB,EAAOlB,CAAI,EAAEE,CAAK,EAAE;AAAA,IACnC,oBAAAe;AAAA,IACA,KAAKC,EAAOlB,CAAI,EAAEE,CAAK,EAAE;AAAA,IACzB,cAAcgB,EAAOlB,CAAI,EAAEE,CAAK,EAAE;AAAA,IAClC,UAAUgB,EAAOlB,CAAI,EAAEE,CAAK,EAAE;AAAA,EAAA;AAElC;"}

package/build/esm/react-base/src/components/Text/components/Display/Display.utils.js

@@ -1,31 +1,33 @@
-import { TextElementTypes as y } from "../../../../consts/index.js";
-import { getDisplayTypographySize as i } from "../../../../utils/sizesUtils.js";
-const m = {
+import { TextElementTypes as i } from "../../../../consts/index.js";
+import { getDisplayTypographySize as m } from "../../../../utils/sizesUtils.js";
+import "styled-components";
+import "acinguiux-ds-fabrics";
+const y = {
   1: "large",
   2: "medium",
   3: "small",
   4: "extraSmall"
-}, g = (o, t, e) => o.typography("display", e ? i(e) : m[t]), d = ({
+}, T = (o, t, e) => o.typography("display", e ? m(e) : y[t]), c = ({
   level: o = 1,
   contrast: t,
   gutter: e,
   bold: p,
-  size: l,
-  disabled: a,
-  type: r = `${y.Span}`,
+  size: r,
+  disabled: l,
+  type: a = `${i.Span}`,
   ...s
 }) => ({
   $level: o,
-  type: r,
+  type: a,
   $contrast: t,
   $gutter: e,
-  $size: l,
+  $size: r,
   $bold: p,
-  $disabled: a,
+  $disabled: l,
   ...s
 });
 export {
-  g as font,
-  d as useProps
+  T as font,
+  c as useProps
 };
 //# sourceMappingURL=Display.utils.js.map

package/build/esm/react-base/src/components/Text/components/Display/Display.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"Display.utils.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Display/Display.utils.ts"],"sourcesContent":["import type { Theme, TypographySize } from '../../../../theme';\nimport { TextElementTypes } from '../../../../consts';\nimport type { IProps, Levels, Size } from './Display.types';\nimport { getDisplayTypographySize } from '../../../../utils';\n\nconst DisplayLevelToTypographySize: Record<Levels, TypographySize<'display'>> = {\n  1: 'large',\n  2: 'medium',\n  3: 'small',\n  4: 'extraSmall',\n} as const;\n\nexport const font = (theme: Theme, level: Levels, size?: Size) =>\n  theme.typography('display', size ? getDisplayTypographySize(size) : DisplayLevelToTypographySize[level]);\n\nexport const useProps = ({\n  level = 1,\n  contrast,\n  gutter,\n  bold,\n  size,\n  disabled,\n  type = `${TextElementTypes.Span}`,\n  ...rest\n}: IProps) => ({\n  $level: level,\n  type,\n  $contrast: contrast,\n  $gutter: gutter,\n  $size: size,\n  $bold: bold,\n  $disabled: disabled,\n  ...rest,\n});\n"],"names":["DisplayLevelToTypographySize","font","theme","level","size","getDisplayTypographySize","useProps","contrast","gutter","bold","disabled","type","TextElementTypes","rest"],"mappings":";;AAKA,MAAMA,IAA0E;AAAA,EAC9E,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL,GAEaC,IAAO,CAACC,GAAcC,GAAeC,MAChDF,EAAM,WAAW,WAAWE,IAAOC,EAAyBD,CAAI,IAAIJ,EAA6BG,CAAK,CAAC,GAE5FG,IAAW,CAAC;AAAA,EACvB,OAAAH,IAAQ;AAAA,EACR,UAAAI;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAL;AAAA,EACA,UAAAM;AAAA,EACA,MAAAC,IAAO,GAAGC,EAAiB,IAAI;AAAA,EAC/B,GAAGC;AACL,OAAe;AAAA,EACb,QAAQV;AAAA,EACR,MAAAQ;AAAA,EACA,WAAWJ;AAAA,EACX,SAASC;AAAA,EACT,OAAOJ;AAAA,EACP,OAAOK;AAAA,EACP,WAAWC;AAAA,EACX,GAAGG;AACL;"}
+{"version":3,"file":"Display.utils.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Display/Display.utils.ts"],"sourcesContent":["import type { Theme, TypographySize } from '../../../../theme';\nimport { TextElementTypes } from '../../../../consts';\nimport type { IProps, Levels, Size } from './Display.types';\nimport { getDisplayTypographySize } from '../../../../utils';\n\nconst DisplayLevelToTypographySize: Record<Levels, TypographySize<'display'>> = {\n  1: 'large',\n  2: 'medium',\n  3: 'small',\n  4: 'extraSmall',\n} as const;\n\nexport const font = (theme: Theme, level: Levels, size?: Size) =>\n  theme.typography('display', size ? getDisplayTypographySize(size) : DisplayLevelToTypographySize[level]);\n\nexport const useProps = ({\n  level = 1,\n  contrast,\n  gutter,\n  bold,\n  size,\n  disabled,\n  type = `${TextElementTypes.Span}`,\n  ...rest\n}: IProps) => ({\n  $level: level,\n  type,\n  $contrast: contrast,\n  $gutter: gutter,\n  $size: size,\n  $bold: bold,\n  $disabled: disabled,\n  ...rest,\n});\n"],"names":["DisplayLevelToTypographySize","font","theme","level","size","getDisplayTypographySize","useProps","contrast","gutter","bold","disabled","type","TextElementTypes","rest"],"mappings":";;;;AAKA,MAAMA,IAA0E;AAAA,EAC9E,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL,GAEaC,IAAO,CAACC,GAAcC,GAAeC,MAChDF,EAAM,WAAW,WAAWE,IAAOC,EAAyBD,CAAI,IAAIJ,EAA6BG,CAAK,CAAC,GAE5FG,IAAW,CAAC;AAAA,EACvB,OAAAH,IAAQ;AAAA,EACR,UAAAI;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAL;AAAA,EACA,UAAAM;AAAA,EACA,MAAAC,IAAO,GAAGC,EAAiB,IAAI;AAAA,EAC/B,GAAGC;AACL,OAAe;AAAA,EACb,QAAQV;AAAA,EACR,MAAAQ;AAAA,EACA,WAAWJ;AAAA,EACX,SAASC;AAAA,EACT,OAAOJ;AAAA,EACP,OAAOK;AAAA,EACP,WAAWC;AAAA,EACX,GAAGG;AACL;"}

package/build/esm/react-base/src/components/Text/components/Heading/Heading.utils.js

@@ -1,43 +1,45 @@
 import { TextElementTypes as e } from "../../../../consts/index.js";
-import { getHeadingTypographySize as g } from "../../../../utils/sizesUtils.js";
-const m = [
+import { getHeadingTypographySize as m } from "../../../../utils/sizesUtils.js";
+import "styled-components";
+import "acinguiux-ds-fabrics";
+const p = [
   `${e.H1}`,
   `${e.H2}`,
   `${e.H3}`,
   `${e.H4}`,
   `${e.H5}`,
   `${e.H6}`
-], p = {
+], g = {
   1: "extraLarge",
   2: "large",
   3: "medium",
   4: "small",
   5: "extraSmall",
   6: "smallest"
-}, c = (t, o, r) => t.typography("heading", r ? g(r) : p[o]), y = ({
+}, x = (t, o, r) => t.typography("heading", r ? m(r) : g[o]), T = ({
   type: t = `${e.H1}`,
   contrast: o,
   level: r,
   size: n,
   gutter: a,
   bold: l,
-  disabled: s,
-  ...$
+  disabled: i,
+  ...s
 }) => {
-  const i = r || m.indexOf(t) + 1 || 1;
+  const $ = r || p.indexOf(t) + 1 || 1;
   return {
-    ...$,
+    ...s,
     type: t,
     $gutter: a,
     $bold: l,
     $size: n,
     $contrast: o,
-    $disabled: s,
-    $innerLevel: i
+    $disabled: i,
+    $innerLevel: $
   };
 };
 export {
-  c as font,
-  y as useProps
+  x as font,
+  T as useProps
 };
 //# sourceMappingURL=Heading.utils.js.map

package/build/esm/react-base/src/components/Text/components/Heading/Heading.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.utils.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Heading/Heading.utils.ts"],"sourcesContent":["import type { IProps, Level, Size } from './Heading.types';\nimport { TextElementTypes } from '../../../../consts';\nimport type { Theme, TypographySize } from '../../../../theme';\nimport { getHeadingTypographySize } from '../../../../utils';\n\nconst allHeadings = [\n  `${TextElementTypes.H1}`,\n  `${TextElementTypes.H2}`,\n  `${TextElementTypes.H3}`,\n  `${TextElementTypes.H4}`,\n  `${TextElementTypes.H5}`,\n  `${TextElementTypes.H6}`,\n];\n\nconst LevelToTypographySize: Record<Level, TypographySize<'heading'>> = {\n  1: 'extraLarge',\n  2: 'large',\n  3: 'medium',\n  4: 'small',\n  5: 'extraSmall',\n  6: 'smallest',\n};\n\nexport const font = (theme: Theme, level: Level, size?: Size) =>\n  theme.typography('heading', size ? getHeadingTypographySize(size) : LevelToTypographySize[level]);\n\nexport const useProps = ({\n  type = `${TextElementTypes.H1}`,\n  contrast,\n  level,\n  size,\n  gutter,\n  bold,\n  disabled,\n  ...rest\n}: IProps) => {\n  const innerLevel = level || ((allHeadings.indexOf(type) + 1) as Level) || 1;\n\n  return {\n    ...rest,\n    type,\n    $gutter: gutter,\n    $bold: bold,\n    $size: size,\n    $contrast: contrast,\n    $disabled: disabled,\n    $innerLevel: innerLevel,\n  };\n};\n"],"names":["allHeadings","TextElementTypes","LevelToTypographySize","font","theme","level","size","getHeadingTypographySize","useProps","type","contrast","gutter","bold","disabled","rest","innerLevel"],"mappings":";;AAKA,MAAMA,IAAc;AAAA,EAClB,GAAGC,EAAiB,EAAE;AAAA,EACtB,GAAGA,EAAiB,EAAE;AAAA,EACtB,GAAGA,EAAiB,EAAE;AAAA,EACtB,GAAGA,EAAiB,EAAE;AAAA,EACtB,GAAGA,EAAiB,EAAE;AAAA,EACtB,GAAGA,EAAiB,EAAE;AACxB,GAEMC,IAAkE;AAAA,EACtE,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL,GAEaC,IAAO,CAACC,GAAcC,GAAcC,MAC/CF,EAAM,WAAW,WAAWE,IAAOC,EAAyBD,CAAI,IAAIJ,EAAsBG,CAAK,CAAC,GAErFG,IAAW,CAAC;AAAA,EACvB,MAAAC,IAAO,GAAGR,EAAiB,EAAE;AAAA,EAC7B,UAAAS;AAAA,EACA,OAAAL;AAAA,EACA,MAAAC;AAAA,EACA,QAAAK;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAc;AACZ,QAAMC,IAAaV,KAAWL,EAAY,QAAQS,CAAI,IAAI,KAAgB;AAE1E,SAAO;AAAA,IACL,GAAGK;AAAA,IACH,MAAAL;AAAA,IACA,SAASE;AAAA,IACT,OAAOC;AAAA,IACP,OAAON;AAAA,IACP,WAAWI;AAAA,IACX,WAAWG;AAAA,IACX,aAAaE;AAAA,EAAA;AAEjB;"}
+{"version":3,"file":"Heading.utils.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Heading/Heading.utils.ts"],"sourcesContent":["import type { IProps, Level, Size } from './Heading.types';\nimport { TextElementTypes } from '../../../../consts';\nimport type { Theme, TypographySize } from '../../../../theme';\nimport { getHeadingTypographySize } from '../../../../utils';\n\nconst allHeadings = [\n  `${TextElementTypes.H1}`,\n  `${TextElementTypes.H2}`,\n  `${TextElementTypes.H3}`,\n  `${TextElementTypes.H4}`,\n  `${TextElementTypes.H5}`,\n  `${TextElementTypes.H6}`,\n];\n\nconst LevelToTypographySize: Record<Level, TypographySize<'heading'>> = {\n  1: 'extraLarge',\n  2: 'large',\n  3: 'medium',\n  4: 'small',\n  5: 'extraSmall',\n  6: 'smallest',\n};\n\nexport const font = (theme: Theme, level: Level, size?: Size) =>\n  theme.typography('heading', size ? getHeadingTypographySize(size) : LevelToTypographySize[level]);\n\nexport const useProps = ({\n  type = `${TextElementTypes.H1}`,\n  contrast,\n  level,\n  size,\n  gutter,\n  bold,\n  disabled,\n  ...rest\n}: IProps) => {\n  const innerLevel = level || ((allHeadings.indexOf(type) + 1) as Level) || 1;\n\n  return {\n    ...rest,\n    type,\n    $gutter: gutter,\n    $bold: bold,\n    $size: size,\n    $contrast: contrast,\n    $disabled: disabled,\n    $innerLevel: innerLevel,\n  };\n};\n"],"names":["allHeadings","TextElementTypes","LevelToTypographySize","font","theme","level","size","getHeadingTypographySize","useProps","type","contrast","gutter","bold","disabled","rest","innerLevel"],"mappings":";;;;AAKA,MAAMA,IAAc;AAAA,EAClB,GAAGC,EAAiB,EAAE;AAAA,EACtB,GAAGA,EAAiB,EAAE;AAAA,EACtB,GAAGA,EAAiB,EAAE;AAAA,EACtB,GAAGA,EAAiB,EAAE;AAAA,EACtB,GAAGA,EAAiB,EAAE;AAAA,EACtB,GAAGA,EAAiB,EAAE;AACxB,GAEMC,IAAkE;AAAA,EACtE,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL,GAEaC,IAAO,CAACC,GAAcC,GAAcC,MAC/CF,EAAM,WAAW,WAAWE,IAAOC,EAAyBD,CAAI,IAAIJ,EAAsBG,CAAK,CAAC,GAErFG,IAAW,CAAC;AAAA,EACvB,MAAAC,IAAO,GAAGR,EAAiB,EAAE;AAAA,EAC7B,UAAAS;AAAA,EACA,OAAAL;AAAA,EACA,MAAAC;AAAA,EACA,QAAAK;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAc;AACZ,QAAMC,IAAaV,KAAWL,EAAY,QAAQS,CAAI,IAAI,KAAgB;AAE1E,SAAO;AAAA,IACL,GAAGK;AAAA,IACH,MAAAL;AAAA,IACA,SAASE;AAAA,IACT,OAAOC;AAAA,IACP,OAAON;AAAA,IACP,WAAWI;AAAA,IACX,WAAWG;AAAA,IACX,aAAaE;AAAA,EAAA;AAEjB;"}

package/build/esm/react-base/src/components/Text/components/Label/Label.types.d.ts

@@ -1,6 +1,6 @@
 import { Contrasts, Sizes, TextElementTypes } from '../../../../consts';
 export type Contrast = `${Contrasts.Strong | Contrasts.Subtle}`;
-export type Size = `${Sizes.XSmall | Sizes.Small | Sizes.Medium | Sizes.Large | Sizes.XLarge}`;
+export type Size = `${Sizes.Smallest | Sizes.XSmall | Sizes.Small | Sizes.Medium | Sizes.Large | Sizes.XLarge}`;
 export type TextElementType = `${TextElementTypes.Span | TextElementTypes.Label}`;
 export type IProps = {
     size?: Size;

package/build/esm/react-base/src/components/Text/components/Label/Label.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Label.types.d.ts","sourceRoot":"","sources":["../../../../../../../../../react-base/src/components/Text/components/Label/Label.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAExE,MAAM,MAAM,QAAQ,GAAG,GAAG,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC;AAChE,MAAM,MAAM,IAAI,GAAG,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;AAC/F,MAAM,MAAM,eAAe,GAAG,GAAG,gBAAgB,CAAC,IAAI,GAAG,gBAAgB,CAAC,KAAK,EAAE,CAAC;AAElF,MAAM,MAAM,MAAM,GAAG;IACnB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB,CAAC"}
+{"version":3,"file":"Label.types.d.ts","sourceRoot":"","sources":["../../../../../../../../../react-base/src/components/Text/components/Label/Label.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAExE,MAAM,MAAM,QAAQ,GAAG,GAAG,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC;AAChE,MAAM,MAAM,IAAI,GAAG,GAAG,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;AAChH,MAAM,MAAM,eAAe,GAAG,GAAG,gBAAgB,CAAC,IAAI,GAAG,gBAAgB,CAAC,KAAK,EAAE,CAAC;AAElF,MAAM,MAAM,MAAM,GAAG;IACnB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB,CAAC"}

package/build/esm/react-base/src/components/Text/components/Label/Label.utils.d.ts

@@ -2,7 +2,7 @@ import type { IProps, Size } from './Label.types';
 import type { Theme } from '../../../../theme';
 export declare const font: (size: Size, weight: "normal" | "bold", theme: Theme) => import("../../../../theme").TypographyElementPx;
 export declare const useProps: ({ size, type, contrast, gutter, bold, disabled, ...rest }: IProps) => {
-    $size: "xsmall" | "small" | "medium" | "large" | "xlarge";
+    $size: "smallest" | "xsmall" | "small" | "medium" | "large" | "xlarge";
     $bold: boolean;
     $disabled: boolean;
     $gutter: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"layer.d.ts","sourceRoot":"","sources":["../../../../../../react-base/src/theme/layer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAOL,KAAK,OAAO,EAQb,MAAM,eAAe,CAAC;AAyEvB,eAAO,MAAM,YAAY,EAAE,WAAW,CAAC,OAAO,CAiC3C,CAAC"}
+{"version":3,"file":"layer.d.ts","sourceRoot":"","sources":["../../../../../../react-base/src/theme/layer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAOL,KAAK,OAAO,EAQb,MAAM,eAAe,CAAC;AAyEvB,eAAO,MAAM,YAAY,EAAE,WAAW,CAAC,OAAO,CA6B3C,CAAC"}

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"}