@shmidko61/lc-ui-kit 0.0.5 → 0.2.0

package/dist/typography.js

@@ -1,8 +1,9 @@
-import { jsx as q } from "react/jsx-runtime";
-import { a as j, c as $ } from "./responsive-style.config-DFuATrIM.js";
-import { n as k, m as J } from "./responsive-style.utils-D10sC561.js";
-const L = "text-[length:var(--typography-font-size)] font-[var(--typography-font-weight)] leading-[var(--typography-line-height)] text-[var(--typography-color,var(--color-text-primary))] tracking-[var(--typography-letter-spacing)] [font-family:var(--typography-font-family,var(--font-family))] [font-style:var(--typography-font-style)] [height:var(--typography-height)] [margin-bottom:var(--typography-margin-bottom,0)] [margin-left:var(--typography-margin-left,0)] [margin-right:var(--typography-margin-right,0)] [margin-top:var(--typography-margin-top,0)] [max-height:var(--typography-max-height)] [max-width:var(--typography-max-width)] [min-height:var(--typography-min-height)] [min-width:var(--typography-min-width)] [padding-bottom:var(--typography-padding-bottom,0)] [padding-left:var(--typography-padding-left,0)] [padding-right:var(--typography-padding-right,0)] [padding-top:var(--typography-padding-top,0)] [text-align:var(--typography-text-align)] [text-decoration:var(--typography-text-decoration)] [text-overflow:var(--typography-text-overflow)] [text-transform:var(--typography-text-transform)] [vertical-align:var(--typography-vertical-align)] [white-space:var(--typography-white-space)] [width:var(--typography-width)] [word-break:var(--typography-word-break)]", o = {
+import { jsx as Q } from "react/jsx-runtime";
+import { a as C, c as _ } from "./responsive-style.config-DFuATrIM.js";
+import { n as O, m as X } from "./responsive-style.utils-D10sC561.js";
+const Y = "text-[length:var(--typography-font-size)] font-[var(--typography-font-weight)] leading-[var(--typography-line-height)] text-[var(--typography-color,var(--color-text-primary))] tracking-[var(--typography-letter-spacing)] [display:var(--typography-display)] [font-family:var(--typography-font-family,var(--font-family))] [font-style:var(--typography-font-style)] [height:var(--typography-height)] [margin-bottom:var(--typography-margin-bottom,0)] [margin-left:var(--typography-margin-left,0)] [margin-right:var(--typography-margin-right,0)] [margin-top:var(--typography-margin-top,0)] [max-height:var(--typography-max-height)] [max-width:var(--typography-max-width)] [min-height:var(--typography-min-height)] [min-width:var(--typography-min-width)] [overflow:var(--typography-overflow)] [padding-bottom:var(--typography-padding-bottom,0)] [padding-left:var(--typography-padding-left,0)] [padding-right:var(--typography-padding-right,0)] [padding-top:var(--typography-padding-top,0)] [text-align:var(--typography-text-align)] [text-decoration:var(--typography-text-decoration)] [text-overflow:var(--typography-text-overflow)] [text-transform:var(--typography-text-transform)] [vertical-align:var(--typography-vertical-align)] [white-space:var(--typography-white-space)] [width:var(--typography-width)] [word-break:var(--typography-word-break)] [-webkit-box-orient:var(--typography-webkit-box-orient)] [-webkit-line-clamp:var(--typography-webkit-line-clamp)]", t = {
   color: "--typography-color",
+  display: "--typography-display",
   fontSize: "--typography-font-size",
   fontFamily: "--typography-font-family",
   fontStyle: "--typography-font-style",
@@ -18,6 +19,7 @@ const L = "text-[length:var(--typography-font-size)] font-[var(--typography-font
   maxWidth: "--typography-max-width",
   minHeight: "--typography-min-height",
   minWidth: "--typography-min-width",
+  overflow: "--typography-overflow",
   paddingBottom: "--typography-padding-bottom",
   paddingLeft: "--typography-padding-left",
   paddingRight: "--typography-padding-right",
@@ -29,53 +31,59 @@ const L = "text-[length:var(--typography-font-size)] font-[var(--typography-font
   verticalAlign: "--typography-vertical-align",
   whiteSpace: "--typography-white-space",
   width: "--typography-width",
-  wordBreak: "--typography-word-break"
-}, K = {
-  [o.color]: "color",
-  [o.fontSize]: "font-size",
-  [o.fontFamily]: "font-family",
-  [o.fontStyle]: "font-style",
-  [o.fontWeight]: "font-weight",
-  [o.height]: "height",
-  [o.letterSpacing]: "letter-spacing",
-  [o.lineHeight]: "line-height",
-  [o.marginBottom]: "margin-bottom",
-  [o.marginLeft]: "margin-left",
-  [o.marginRight]: "margin-right",
-  [o.marginTop]: "margin-top",
-  [o.maxHeight]: "max-height",
-  [o.maxWidth]: "max-width",
-  [o.minHeight]: "min-height",
-  [o.minWidth]: "min-width",
-  [o.paddingBottom]: "padding-bottom",
-  [o.paddingLeft]: "padding-left",
-  [o.paddingRight]: "padding-right",
-  [o.paddingTop]: "padding-top",
-  [o.textAlign]: "text-align",
-  [o.textDecoration]: "text-decoration",
-  [o.textOverflow]: "text-overflow",
-  [o.textTransform]: "text-transform",
-  [o.verticalAlign]: "vertical-align",
-  [o.whiteSpace]: "white-space",
-  [o.width]: "width",
-  [o.wordBreak]: "word-break"
+  wordBreak: "--typography-word-break",
+  webkitBoxOrient: "--typography-webkit-box-orient",
+  webkitLineClamp: "--typography-webkit-line-clamp"
+}, Z = {
+  [t.color]: "color",
+  [t.display]: "display",
+  [t.fontSize]: "font-size",
+  [t.fontFamily]: "font-family",
+  [t.fontStyle]: "font-style",
+  [t.fontWeight]: "font-weight",
+  [t.height]: "height",
+  [t.letterSpacing]: "letter-spacing",
+  [t.lineHeight]: "line-height",
+  [t.marginBottom]: "margin-bottom",
+  [t.marginLeft]: "margin-left",
+  [t.marginRight]: "margin-right",
+  [t.marginTop]: "margin-top",
+  [t.maxHeight]: "max-height",
+  [t.maxWidth]: "max-width",
+  [t.minHeight]: "min-height",
+  [t.minWidth]: "min-width",
+  [t.overflow]: "overflow",
+  [t.paddingBottom]: "padding-bottom",
+  [t.paddingLeft]: "padding-left",
+  [t.paddingRight]: "padding-right",
+  [t.paddingTop]: "padding-top",
+  [t.textAlign]: "text-align",
+  [t.textDecoration]: "text-decoration",
+  [t.textOverflow]: "text-overflow",
+  [t.textTransform]: "text-transform",
+  [t.verticalAlign]: "vertical-align",
+  [t.whiteSpace]: "white-space",
+  [t.width]: "width",
+  [t.wordBreak]: "word-break",
+  [t.webkitBoxOrient]: "-webkit-box-orient",
+  [t.webkitLineClamp]: "-webkit-line-clamp"
 };
-function Q(t) {
-  const i = [], e = { ...t.vars ?? {} };
-  for (const a of j)
-    for (const [n, p] of Object.entries(t[a]?.vars ?? {})) {
-      const h = K[n];
+function tt(o) {
+  const i = [], r = { ...o.vars ?? {} };
+  for (const n of C)
+    for (const [a, p] of Object.entries(o[n]?.vars ?? {})) {
+      const h = Z[a];
       if (!h || p === void 0 || p === null)
         continue;
-      const g = `--${a}-${n.slice(2)}`;
-      e[g] = p, i.push(`${a}:[${h}:var(${g})]`);
+      const g = `--${n}-${a.slice(2)}`;
+      r[g] = p, i.push(`${n}:[${h}:var(${g})]`);
     }
   return {
     className: i.join(" "),
-    style: Object.keys(e).length > 0 ? e : void 0
+    style: Object.keys(r).length > 0 ? r : void 0
   };
 }
-const _ = {
+const D = {
   h1: {
     base: {
       fontSize: "--typo-fs-h1-sm",
@@ -188,156 +196,195 @@ const _ = {
     className: "uppercase"
   }
 };
-function yt({
-  className: t,
+function mt({
+  className: o,
   variant: i = "b2"
 } = {}) {
-  const e = _[i];
-  return $(L, e.className, t);
+  const r = D[i];
+  return _(Y, r.className, o);
 }
-function X(t) {
+function ot(o) {
   return {
-    vars: A(t.base),
-    md: t.md ? { vars: A(t.md) } : void 0,
-    lg: t.lg ? { vars: A(t.lg) } : void 0
+    vars: L(o.base),
+    md: o.md ? { vars: L(o.md) } : void 0,
+    lg: o.lg ? { vars: L(o.lg) } : void 0
   };
 }
-function Z({
-  color: t,
+function it({
+  color: o,
   fontSize: i,
-  fontWeight: e,
+  fontWeight: r,
+  letterSpacing: n,
   lineHeight: a,
-  verticalAlign: n,
-  horizontalAlign: p,
-  textTransform: h,
-  textDecoration: g,
-  textOverflow: y,
-  whiteSpace: d,
-  wordBreak: m,
-  italic: c,
-  fontFamily: v,
-  width: b,
-  minWidth: w,
-  maxWidth: x,
-  height: S,
-  minHeight: u,
-  maxHeight: z,
-  p: W,
-  m: T,
-  md: r,
+  lineClamp: p,
+  verticalAlign: h,
+  horizontalAlign: g,
+  textTransform: y,
+  textDecoration: d,
+  textOverflow: m,
+  truncate: T,
+  whiteSpace: c,
+  wordBreak: v,
+  italic: b,
+  fontFamily: w,
+  width: x,
+  minWidth: u,
+  maxWidth: S,
+  height: k,
+  minHeight: z,
+  maxHeight: H,
+  p: B,
+  m: P,
+  md: e,
   lg: f,
   xl: s
 }) {
   return {
-    vars: O({
-      color: t,
+    vars: A({
+      color: o,
       fontSize: i,
-      fontWeight: e,
+      fontWeight: r,
+      letterSpacing: n,
       lineHeight: a,
-      verticalAlign: n,
-      horizontalAlign: p,
-      textTransform: h,
-      textDecoration: g,
-      textOverflow: y,
-      whiteSpace: d,
-      wordBreak: m,
-      italic: c,
-      fontFamily: v,
-      width: b,
-      minWidth: w,
-      maxWidth: x,
-      height: S,
-      minHeight: u,
-      maxHeight: z,
-      p: W,
-      m: T
+      lineClamp: p,
+      verticalAlign: h,
+      horizontalAlign: g,
+      textTransform: y,
+      textDecoration: d,
+      textOverflow: m,
+      truncate: T,
+      whiteSpace: c,
+      wordBreak: v,
+      italic: b,
+      fontFamily: w,
+      width: x,
+      minWidth: u,
+      maxWidth: S,
+      height: k,
+      minHeight: z,
+      maxHeight: H,
+      p: B,
+      m: P
     }),
-    md: r ? { vars: O(r) } : void 0,
-    lg: f ? { vars: O(f) } : void 0,
-    xl: s ? { vars: O(s) } : void 0
+    md: e ? { vars: A(e) } : void 0,
+    lg: f ? { vars: A(f) } : void 0,
+    xl: s ? { vars: A(s) } : void 0
   };
 }
-function tt(t, i) {
-  const e = new Set(Object.keys(i.vars ?? {})), a = {
-    colors: t.colors,
-    typography: t.typography,
-    vars: t.vars
+function et(o, i) {
+  const r = new Set(Object.keys(i.vars ?? {})), n = {
+    colors: o.colors,
+    typography: o.typography,
+    vars: o.vars
   };
-  for (const n of j) {
-    for (const y of Object.keys(i[n]?.vars ?? {}))
-      e.add(y);
-    const p = t[n];
+  for (const a of C) {
+    for (const y of Object.keys(i[a]?.vars ?? {}))
+      r.add(y);
+    const p = o[a];
     if (!p)
       continue;
     const h = Object.fromEntries(
       Object.entries(p.vars ?? {}).filter(
-        ([y]) => !e.has(y)
+        ([y]) => !r.has(y)
       )
     ), g = {
       colors: p.colors,
       typography: p.typography,
       vars: Object.keys(h).length > 0 ? h : void 0
     };
-    (g.colors || g.typography || g.vars) && (a[n] = g);
+    (g.colors || g.typography || g.vars) && (n[a] = g);
   }
-  return a;
+  return n;
 }
-function A(t) {
+function L(o) {
   return {
-    [o.fontSize]: `var(${t.fontSize})`,
-    [o.fontWeight]: `var(${t.fontWeight})`,
-    [o.letterSpacing]: 0,
-    [o.lineHeight]: `var(${t.lineHeight})`
+    [t.fontSize]: `var(${o.fontSize})`,
+    [t.fontWeight]: `var(${o.fontWeight})`,
+    [t.letterSpacing]: 0,
+    [t.lineHeight]: `var(${o.lineHeight})`
   };
 }
-function O({
-  color: t,
+function rt(o) {
+  return typeof o == "number" ? `${o}px` : String(O(o));
+}
+function nt({
+  lineClamp: o,
+  truncate: i
+}) {
+  return o !== void 0 ? o === "none" ? {
+    [t.display]: "revert",
+    [t.overflow]: "visible",
+    [t.textOverflow]: "clip",
+    [t.whiteSpace]: "normal",
+    [t.webkitBoxOrient]: "unset",
+    [t.webkitLineClamp]: "unset"
+  } : {
+    [t.display]: "-webkit-box",
+    [t.overflow]: "hidden",
+    [t.textOverflow]: "clip",
+    [t.whiteSpace]: "normal",
+    [t.webkitBoxOrient]: "vertical",
+    [t.webkitLineClamp]: Math.max(1, Math.floor(o))
+  } : i !== void 0 ? {
+    [t.display]: "revert",
+    [t.overflow]: i ? "hidden" : "visible",
+    [t.textOverflow]: i ? "ellipsis" : "clip",
+    [t.whiteSpace]: i ? "nowrap" : "normal",
+    [t.webkitBoxOrient]: "unset",
+    [t.webkitLineClamp]: "unset"
+  } : {};
+}
+function A({
+  color: o,
   fontSize: i,
-  fontWeight: e,
+  fontWeight: r,
+  letterSpacing: n,
   lineHeight: a,
-  verticalAlign: n,
-  horizontalAlign: p,
-  textTransform: h,
-  textDecoration: g,
-  textOverflow: y,
-  whiteSpace: d,
-  wordBreak: m,
-  italic: c,
-  fontFamily: v,
-  width: b,
-  minWidth: w,
-  maxWidth: x,
-  height: S,
-  minHeight: u,
-  maxHeight: z,
-  p: W,
-  m: T
+  lineClamp: p,
+  verticalAlign: h,
+  horizontalAlign: g,
+  textTransform: y,
+  textDecoration: d,
+  textOverflow: m,
+  truncate: T,
+  whiteSpace: c,
+  wordBreak: v,
+  italic: b,
+  fontFamily: w,
+  width: x,
+  minWidth: u,
+  maxWidth: S,
+  height: k,
+  minHeight: z,
+  maxHeight: H,
+  p: B,
+  m: P
 }) {
-  const r = {}, f = i, s = e, P = a;
-  return t !== void 0 && (r[o.color] = k(t)), f !== void 0 && (r[o.fontSize] = k(f)), s !== void 0 && (r[o.fontWeight] = k(s)), P !== void 0 && (r[o.lineHeight] = k(P)), n !== void 0 && (r[o.verticalAlign] = n), p !== void 0 && (r[o.textAlign] = p), h !== void 0 && (r[o.textTransform] = rt(h)), g !== void 0 && (r[o.textDecoration] = nt(g)), y !== void 0 && (r[o.textOverflow] = y), d !== void 0 && (r[o.whiteSpace] = d), m !== void 0 && (r[o.wordBreak] = at(m)), c !== void 0 && (r[o.fontStyle] = c ? "italic" : "normal"), v !== void 0 && (r[o.fontFamily] = k(v)), b !== void 0 && (r[o.width] = H(b)), w !== void 0 && (r[o.minWidth] = H(w)), x !== void 0 && (r[o.maxWidth] = H(x)), S !== void 0 && (r[o.height] = H(S)), u !== void 0 && (r[o.minHeight] = H(u)), z !== void 0 && (r[o.maxHeight] = H(z)), Object.assign(r, ot({ p: W, m: T })), Object.keys(r).length > 0 ? r : void 0;
+  const e = {}, f = i, s = r, V = a;
+  return o !== void 0 && (e[t.color] = O(o)), f !== void 0 && (e[t.fontSize] = O(f)), s !== void 0 && (e[t.fontWeight] = O(s)), V !== void 0 && (e[t.lineHeight] = O(V)), n !== void 0 && (e[t.letterSpacing] = rt(n)), Object.assign(e, nt({ lineClamp: p, truncate: T })), h !== void 0 && (e[t.verticalAlign] = h), g !== void 0 && (e[t.textAlign] = g), y !== void 0 && (e[t.textTransform] = ht(y)), d !== void 0 && (e[t.textDecoration] = yt(d)), m !== void 0 && (e[t.textOverflow] = m), c !== void 0 && (e[t.whiteSpace] = c), v !== void 0 && (e[t.wordBreak] = lt(v)), b !== void 0 && (e[t.fontStyle] = b ? "italic" : "normal"), w !== void 0 && (e[t.fontFamily] = O(w)), x !== void 0 && (e[t.width] = W(x)), u !== void 0 && (e[t.minWidth] = W(u)), S !== void 0 && (e[t.maxWidth] = W(S)), k !== void 0 && (e[t.height] = W(k)), z !== void 0 && (e[t.minHeight] = W(z)), H !== void 0 && (e[t.maxHeight] = W(H)), Object.assign(e, at({ p: B, m: P })), Object.keys(e).length > 0 ? e : void 0;
 }
-function H(t) {
-  return typeof t == "number" ? `${t}px` : t;
+function W(o) {
+  return typeof o == "number" ? `${o}px` : o;
 }
-function ot({ p: t, m: i }) {
-  const e = {}, a = it(t), n = et(i);
-  return a.top !== void 0 && (e[o.paddingTop] = l(a.top)), a.right !== void 0 && (e[o.paddingRight] = l(a.right)), a.bottom !== void 0 && (e[o.paddingBottom] = l(a.bottom)), a.left !== void 0 && (e[o.paddingLeft] = l(a.left)), n.top !== void 0 && (e[o.marginTop] = l(n.top)), n.right !== void 0 && (e[o.marginRight] = l(n.right)), n.bottom !== void 0 && (e[o.marginBottom] = l(n.bottom)), n.left !== void 0 && (e[o.marginLeft] = l(n.left)), e;
+function at({ p: o, m: i }) {
+  const r = {}, n = pt(o), a = gt(i);
+  return n.top !== void 0 && (r[t.paddingTop] = l(n.top)), n.right !== void 0 && (r[t.paddingRight] = l(n.right)), n.bottom !== void 0 && (r[t.paddingBottom] = l(n.bottom)), n.left !== void 0 && (r[t.paddingLeft] = l(n.left)), a.top !== void 0 && (r[t.marginTop] = l(a.top)), a.right !== void 0 && (r[t.marginRight] = l(a.right)), a.bottom !== void 0 && (r[t.marginBottom] = l(a.bottom)), a.left !== void 0 && (r[t.marginLeft] = l(a.left)), r;
 }
-function it(t) {
-  if (t === void 0)
+function pt(o) {
+  if (o === void 0)
     return {};
-  if (Array.isArray(t)) {
-    const [e, a, n, p] = t;
-    return { top: e, right: a, bottom: n, left: p };
+  if (Array.isArray(o)) {
+    const [r, n, a, p] = o;
+    return { top: r, right: n, bottom: a, left: p };
   }
-  if (typeof t != "object")
+  if (typeof o != "object")
     return {
-      top: t,
-      right: t,
-      bottom: t,
-      left: t
+      top: o,
+      right: o,
+      bottom: o,
+      left: o
     };
-  const i = t;
+  const i = o;
   return {
     top: i.py ?? i.pt,
     right: i.px ?? i.pr,
@@ -345,21 +392,21 @@ function it(t) {
     left: i.px ?? i.pl
   };
 }
-function et(t) {
-  if (t === void 0)
+function gt(o) {
+  if (o === void 0)
     return {};
-  if (Array.isArray(t)) {
-    const [e, a, n, p] = t;
-    return { top: e, right: a, bottom: n, left: p };
+  if (Array.isArray(o)) {
+    const [r, n, a, p] = o;
+    return { top: r, right: n, bottom: a, left: p };
   }
-  if (typeof t != "object")
+  if (typeof o != "object")
     return {
-      top: t,
-      right: t,
-      bottom: t,
-      left: t
+      top: o,
+      right: o,
+      bottom: o,
+      left: o
     };
-  const i = t;
+  const i = o;
   return {
     top: i.my ?? i.mt,
     right: i.mx ?? i.mr,
@@ -367,103 +414,109 @@ function et(t) {
     left: i.mx ?? i.ml
   };
 }
-function l(t) {
-  return typeof t == "number" ? `${t}px` : t;
+function l(o) {
+  return typeof o == "number" ? `${o}px` : o;
 }
-function rt(t) {
-  return t === "normal-case" ? "none" : t;
+function ht(o) {
+  return o === "normal-case" ? "none" : o;
 }
-function nt(t) {
-  return t === "no-underline" ? "none" : t;
+function yt(o) {
+  return o === "no-underline" ? "none" : o;
 }
-function at(t) {
+function lt(o) {
   return {
     all: "break-all",
     keep: "keep-all",
     normal: "normal",
     word: "break-word"
-  }[t];
+  }[o];
 }
-function lt({
-  as: t,
+function ct({
+  as: o,
   children: i,
-  className: e,
-  color: a,
-  fontSize: n,
+  className: r,
+  color: n,
+  fontSize: a,
   fontWeight: p,
-  lineHeight: h,
-  verticalAlign: g,
-  horizontalAlign: y,
-  textTransform: d,
-  textDecoration: m,
-  textOverflow: c,
-  whiteSpace: v,
-  wordBreak: b,
-  italic: w,
-  fontFamily: x,
-  width: S,
-  minWidth: u,
-  maxWidth: z,
-  height: W,
-  minHeight: T,
-  maxHeight: r,
+  letterSpacing: h,
+  lineHeight: g,
+  lineClamp: y,
+  verticalAlign: d,
+  horizontalAlign: m,
+  textTransform: T,
+  textDecoration: c,
+  textOverflow: v,
+  truncate: b,
+  whiteSpace: w,
+  wordBreak: x,
+  italic: u,
+  fontFamily: S,
+  width: k,
+  minWidth: z,
+  maxWidth: H,
+  height: B,
+  minHeight: P,
+  maxHeight: e,
   p: f,
   m: s,
-  md: P,
-  lg: Y,
-  xl: C,
-  style: R,
-  variant: D = "b2",
-  ...E
+  md: V,
+  lg: E,
+  xl: F,
+  style: N,
+  variant: M = "b2",
+  ...G
 }) {
-  const F = t ?? "p", B = _[D], G = X(B), N = Z({
-    color: a,
-    fontSize: n,
+  const I = o ?? "p", j = D[M], U = ot(j), $ = it({
+    color: n,
+    fontSize: a,
     fontWeight: p,
-    lineHeight: h,
-    verticalAlign: g,
-    horizontalAlign: y,
-    textTransform: d,
-    textDecoration: m,
-    textOverflow: c,
-    whiteSpace: v,
-    wordBreak: b,
-    italic: w,
-    fontFamily: x,
-    width: S,
-    minWidth: u,
-    maxWidth: z,
-    height: W,
-    minHeight: T,
-    maxHeight: r,
+    letterSpacing: h,
+    lineHeight: g,
+    lineClamp: y,
+    verticalAlign: d,
+    horizontalAlign: m,
+    textTransform: T,
+    textDecoration: c,
+    textOverflow: v,
+    truncate: b,
+    whiteSpace: w,
+    wordBreak: x,
+    italic: u,
+    fontFamily: S,
+    width: k,
+    minWidth: z,
+    maxWidth: H,
+    height: B,
+    minHeight: P,
+    maxHeight: e,
     p: f,
     m: s,
-    md: P,
-    lg: Y,
-    xl: C
-  }), I = tt(
-    G,
-    N
-  ), M = J(I, N), V = Q(M), U = V.style || R ? {
-    ...V.style,
-    ...R
+    md: V,
+    lg: E,
+    xl: F
+  }), q = et(
+    U,
+    $
+  ), J = X(q, $), R = tt(J), K = R.style || N ? {
+    ...R.style,
+    ...N
   } : void 0;
-  return /* @__PURE__ */ q(
-    F,
+  return /* @__PURE__ */ Q(
+    I,
     {
-      className: $(
-        L,
-        B.className,
-        V.className,
-        e
+      className: _(
+        Y,
+        j.className,
+        R.className,
+        r
       ),
-      style: U,
-      ...E,
+      style: K,
+      ...G,
       children: i
     }
   );
 }
 export {
-  lt as Typography,
-  yt as typographyVariants
+  ct as Typography,
+  mt as typographyVariants
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shmidko61/lc-ui-kit",
-  "version": "0.0.5",
+  "version": "0.2.0",
   "type": "module",
   "files": [
     "dist"