@shmidko61/lc-ui-kit 0.11.0 → 0.13.0

package/dist/box.js

@@ -1,130 +1,183 @@
-import { jsx as fo } from "react/jsx-runtime";
-import { forwardRef as so } from "react";
-import { a as W, c as uo } from "./responsive-style.config-DFuATrIM.js";
-function F({
+import { jsx as bo } from "react/jsx-runtime";
+import { forwardRef as mo } from "react";
+import { a as H, c as po } from "./responsive-style.config-DFuATrIM.js";
+function Z({
   background: t,
   backgroundColor: o,
   bg: i,
-  bgSize: d,
-  bgRepeat: a,
+  bgSize: a,
+  bgRepeat: n,
   bgPosition: s,
-  border: c,
-  boxShadow: n,
-  color: e,
-  cursor: g,
-  opacity: u,
-  overflow: b,
-  overflowX: m,
-  overflowY: v,
+  border: p,
+  boxShadow: c,
+  color: r,
+  cursor: u,
+  opacity: l,
+  overflow: d,
+  overflowX: v,
+  overflowY: y,
   pointerEvents: B,
-  aspectRatio: p,
-  transform: y,
-  transformOrigin: h,
-  p: E,
-  m: G,
-  outlineColor: z,
-  outlineWidth: C,
-  outlineOffset: T,
+  aspectRatio: h,
+  transform: g,
+  transformOrigin: b,
+  p: S,
+  m: x,
+  outlineColor: k,
+  outlineWidth: R,
+  outlineOffset: W,
   outlineStyle: L,
-  listStyle: R,
-  display: P,
-  position: l,
-  width: w,
+  listStyle: C,
+  display: w,
+  position: m,
+  width: P,
   maxWidth: N,
-  minWidth: V,
+  minWidth: I,
   height: j,
-  maxHeight: I,
-  minHeight: O
+  maxHeight: O,
+  minHeight: E
 }) {
-  const r = {};
-  return i !== void 0 ? Wo(r, i) : t !== void 0 && (r.background = A(t)), o !== void 0 && (r.backgroundColor = A(o)), d !== void 0 && (r.backgroundSize = ko(d)), a !== void 0 && (r.backgroundRepeat = xo(a)), s !== void 0 && (r.backgroundPosition = So(s)), ho(r, c), n !== void 0 && (r.boxShadow = $(n)), e !== void 0 && (r.color = $(e)), g !== void 0 && (r.cursor = g), u !== void 0 && (r.opacity = typeof u == "number" ? u : $(u)), b !== void 0 && (r.overflowX = b, r.overflowY = b), m !== void 0 && (r.overflowX = m), v !== void 0 && (r.overflowY = v), B !== void 0 && (r.pointerEvents = B), p !== void 0 && (r.aspectRatio = typeof p == "number" ? String(p) : $(p)), y !== void 0 && (r.transform = $(y)), h !== void 0 && (r.transformOrigin = $(h)), po(r, E), go(r, G), z !== void 0 && (r.outlineColor = $(z)), C !== void 0 && (r.outlineWidth = C), T !== void 0 && (r.outlineOffset = T), L !== void 0 && (r.outlineStyle = L), R?.position !== void 0 && (r.listStylePosition = R.position), R?.type !== void 0 && (r.listStyleType = R.type), P !== void 0 && (r.display = Ro(P)), l?.type !== void 0 && (r.position = l.type), l?.top !== void 0 && (r.top = H(l.top)), l?.left !== void 0 && (r.left = H(l.left)), l?.right !== void 0 && (r.right = H(l.right)), l?.bottom !== void 0 && (r.bottom = H(l.bottom)), l?.zIndex !== void 0 && (r.zIndex = l.zIndex), w !== void 0 && (r.width = k(w)), N !== void 0 && (r.maxWidth = k(N)), V !== void 0 && (r.minWidth = k(V)), j !== void 0 && (r.height = k(j)), I !== void 0 && (r.maxHeight = k(I)), O !== void 0 && (r.minHeight = k(O)), Object.keys(r).length > 0 ? r : void 0;
+  const e = {};
+  return i !== void 0 ? wo(e, i) : t !== void 0 && (e.background = G(t)), o !== void 0 && (e.backgroundColor = G(o)), a !== void 0 && (e.backgroundSize = To(a)), n !== void 0 && (e.backgroundRepeat = Vo(n)), s !== void 0 && (e.backgroundPosition = Lo(s)), Ro(e, p), c !== void 0 && (e.boxShadow = $(c)), r !== void 0 && (e.color = $(r)), u !== void 0 && (e.cursor = u), l !== void 0 && (e.opacity = typeof l == "number" ? l : $(l)), d !== void 0 && (e.overflowX = d, e.overflowY = d), v !== void 0 && (e.overflowX = v), y !== void 0 && (e.overflowY = y), B !== void 0 && (e.pointerEvents = B), h !== void 0 && (e.aspectRatio = typeof h == "number" ? String(h) : $(h)), g !== void 0 && (e.transform = $(g)), b !== void 0 && (e.transformOrigin = $(b)), yo(e, S), ko(e, x), k !== void 0 && (e.outlineColor = $(k)), R !== void 0 && (e.outlineWidth = R), W !== void 0 && (e.outlineOffset = W), L !== void 0 && (e.outlineStyle = L), C?.position !== void 0 && (e.listStylePosition = C.position), C?.type !== void 0 && (e.listStyleType = C.type), w !== void 0 && (e.display = zo(w)), m?.type !== void 0 && (e.position = m.type), m?.top !== void 0 && (e.top = A(m.top)), m?.left !== void 0 && (e.left = A(m.left)), m?.right !== void 0 && (e.right = A(m.right)), m?.bottom !== void 0 && (e.bottom = A(m.bottom)), m?.zIndex !== void 0 && (e.zIndex = m.zIndex), P !== void 0 && (e.width = z(P)), N !== void 0 && (e.maxWidth = z(N)), I !== void 0 && (e.minWidth = z(I)), j !== void 0 && (e.height = z(j)), O !== void 0 && (e.maxHeight = z(O)), E !== void 0 && (e.minHeight = z(E)), Object.keys(e).length > 0 ? e : void 0;
 }
-function co(t) {
-  const o = [], i = {}, d = t.groupParent === !0;
-  _(t, o, i, "", "", d);
-  for (const a of W) {
-    const s = t[a];
-    s && _(
-      s,
-      o,
-      i,
-      `${a}:`,
-      `${a}-`,
-      d
-    );
+function go(t) {
+  const o = [], i = {}, a = t.groupParent === !0;
+  K(t, o, i, { isGroupParent: a });
+  for (const n of H) {
+    const s = t[n];
+    s && K(s, o, i, {
+      classPrefix: `${n}:`,
+      variablePrefix: `${n}-`,
+      isGroupParent: a
+    });
   }
-  return lo(t, o, i), {
+  return ho(t, o, i), {
     className: o.join(" "),
     style: Object.keys(i).length > 0 ? i : void 0
   };
 }
-function lo(t, o, i) {
-  const d = [t, ...W.map((n) => t[n] ?? {})], a = /* @__PURE__ */ new Set();
-  for (const n of d)
-    n.hover === null && a.add("backgroundColor"), Object.keys(Y(n.hover ?? {})).forEach((e) => a.add(e));
-  if (a.size === 0) return;
-  let s = {}, c = {};
-  d.forEach((n, e) => {
-    s = { ...s, ...Y(n) }, n.hover === null ? c = {} : c = { ...c, ...Y(n.hover ?? {}) };
-    const g = e === 0 ? "" : `${W[e - 1]}:`;
-    for (const u of a) {
-      const b = K(u), m = `--hover-${e}-${b}`, v = u === "color" ? "inherit" : "initial";
-      let B = `var(--button-bg,${v})`, p = `var(--button-color,${v})`;
-      for (let h = 0; h < e; h += 1)
-        B = `var(--${W[h]}-button-bg,${B})`, p = `var(--${W[h]}-button-color,${p})`;
-      const y = u === "background" || u === "backgroundColor" ? B : u === "color" ? p : v;
-      i[m] = String(c[u] ?? s[u] ?? y), o.push(
-        `${g}[@media(hover:hover)_and_(pointer:fine)]:[&:hover:not(:disabled):not([aria-disabled=true]):not([data-disabled=true])]:[${b}:var(${m})]`
-      );
+const X = [
+  {
+    prop: "hover",
+    name: "hover",
+    variant: "[@media(hover:hover)_and_(pointer:fine)]:[&:hover:not(:disabled):not([aria-disabled=true]):not([data-disabled=true])]"
+  },
+  {
+    prop: "focusVisible",
+    name: "focus-visible",
+    variant: "[&:focus-visible:not(:disabled):not([aria-disabled=true]):not([data-disabled=true])]"
+  },
+  {
+    prop: "active",
+    name: "active",
+    variant: "[&:active:not(:disabled):not([aria-disabled=true]):not([data-disabled=true])]"
+  },
+  {
+    prop: "disabledStyle",
+    name: "disabled",
+    variant: "[&:is(:disabled,[aria-disabled=true],[data-disabled=true]):is(:disabled,[aria-disabled=true],[data-disabled=true])]"
+  }
+];
+function ho(t, o, i) {
+  const a = [t, ...H.map((r) => t[r] ?? {})], n = /* @__PURE__ */ new Set();
+  for (const r of X)
+    for (const u of a)
+      Object.keys(F(u, r.prop)).forEach(
+        (l) => n.add(l)
+      ), r.prop === "hover" && u.hover === null && n.add("backgroundColor");
+  if (n.size === 0) return;
+  for (const r of n) {
+    const u = D(r);
+    for (const l of X)
+      o.push(`[--ui-state-${l.name}-${u}:initial]`);
+  }
+  let s = {};
+  const p = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map();
+  a.forEach((r, u) => {
+    s = { ...s, ...Y(r) };
+    const l = u === 0 ? "" : `${H[u - 1]}:`;
+    for (const d of X) {
+      const v = p.get(d.name) ?? {}, y = F(r, d.prop), B = r[d.prop] === null ? {} : { ...v, ...y }, h = c.get(d.name) ?? /* @__PURE__ */ new Set();
+      Object.keys(y).forEach((g) => h.add(g)), d.prop === "hover" && r.hover === null && h.add("backgroundColor"), p.set(d.name, B), c.set(d.name, h);
+      for (const g of h) {
+        const b = D(g), S = s[g] ?? vo(g, u), x = `--ui-state-normal-${u}-${b}`;
+        i[x] = String(S);
+        const k = `--${d.name}-${u}-${b}`;
+        i[k] = String(B[g] ?? S);
+        const R = `--ui-state-value-${d.name}-${u}-${b}`;
+        i[R] = B[g] === void 0 ? "initial" : `var(${k})`;
+        const W = `var(--ui-state-disabled-${b},var(--ui-state-active-${b},var(--ui-state-focus-visible-${b},var(--ui-state-hover-${b},var(${x})))))`;
+        o.push(
+          `${l}${d.variant}:[--ui-state-${d.name}-${b}:var(${R})]`,
+          `${l}${d.variant}:[${b}:${W}]`
+        );
+      }
     }
   });
 }
+function F(t, o) {
+  const i = t[o];
+  return i ? o !== "hover" && "outlineWidth" in i && i.outlineStyle === void 0 ? Y({ ...i, outlineStyle: "solid" }) : Y(i) : {};
+}
+function vo(t, o) {
+  const i = t === "color" ? "inherit" : "initial";
+  if (t !== "background" && t !== "backgroundColor" && t !== "color")
+    return i;
+  const a = t === "color" ? "color" : "bg";
+  let n = `var(--button-${a},${i})`;
+  for (let s = 0; s < o; s += 1)
+    n = `var(--${H[s]}-button-${a},${n})`;
+  return n;
+}
 function Y(t) {
-  const o = { ...F(t) };
+  const o = { ...Z(t) };
   if (o.borderWidth !== void 0) {
-    const i = String(o.borderWidth).split(/\s+(?![^()]*\))/), d = i[0], a = i[1] ?? d, s = i[2] ?? d, c = i[3] ?? a;
+    const i = String(o.borderWidth).split(/\s+(?![^()]*\))/), a = i[0], n = i[1] ?? a, s = i[2] ?? a, p = i[3] ?? n;
     Object.assign(o, {
-      borderTopWidth: d,
-      borderRightWidth: a,
+      borderTopWidth: a,
+      borderRightWidth: n,
       borderBottomWidth: s,
-      borderLeftWidth: c
+      borderLeftWidth: p
     }), delete o.borderWidth;
   }
   if (o.borderRadius !== void 0) {
-    const [i, d = i] = String(o.borderRadius).split("/"), a = (n) => {
-      const e = n.trim().split(/\s+(?![^()]*\))/);
+    const [i, a = i] = String(o.borderRadius).split("/"), n = (c) => {
+      const r = c.trim().split(/\s+(?![^()]*\))/);
       return [
-        e[0],
-        e[1] ?? e[0],
-        e[2] ?? e[0],
-        e[3] ?? e[1] ?? e[0]
+        r[0],
+        r[1] ?? r[0],
+        r[2] ?? r[0],
+        r[3] ?? r[1] ?? r[0]
       ];
-    }, s = a(i), c = a(d);
-    ["TopLeft", "TopRight", "BottomRight", "BottomLeft"].forEach((n, e) => {
-      o[`border${n}Radius`] = `${s[e]} ${c[e]}`;
+    }, s = n(i), p = n(a);
+    ["TopLeft", "TopRight", "BottomRight", "BottomLeft"].forEach((c, r) => {
+      o[`border${c}Radius`] = `${s[r]} ${p[r]}`;
     }), delete o.borderRadius;
   }
   return o;
 }
-function _(t, o, i, d = "", a = "", s = !1) {
-  const c = F(t);
-  for (const [n, e] of Object.entries(c ?? {})) {
-    if (e == null)
+function K(t, o, i, {
+  classPrefix: a = "",
+  variablePrefix: n = "",
+  isGroupParent: s = !1
+} = {}) {
+  const p = Z(t);
+  for (const [c, r] of Object.entries(p ?? {})) {
+    if (r == null)
       continue;
-    const g = String(e), u = bo(n, g);
-    if (u) {
-      o.push(`${d}${u}`);
+    const u = String(r), l = $o(c, u);
+    if (l) {
+      o.push(`${a}${l}`);
       continue;
     }
-    const b = `${a}${K(n)}`, m = mo(n, b);
-    m && (i[`--${b}`] = g, o.push(`${d}${m}`));
+    const d = `${n}${D(c)}`, v = Bo(c, d);
+    v && (i[`--${d}`] = u, o.push(`${a}${v}`));
   }
   if (t.bgGroup !== void 0) {
-    const n = `${a}group-background`;
-    i[`--${n}`] = A(t.bgGroup), o.push(`${d}group-hover:[background:var(--${n})]`), s && o.push(`${d}hover:[background:var(--${n})]`);
+    const c = `${n}group-background`;
+    i[`--${c}`] = G(t.bgGroup), o.push(`${a}group-hover:[background:var(--${c})]`), s && o.push(`${a}hover:[background:var(--${c})]`);
   }
 }
-function bo(t, o) {
+function $o(t, o) {
   if (t === "display")
     return o === "none" ? "hidden" : o;
   if (t === "position")
@@ -167,7 +220,7 @@ function bo(t, o) {
   if (t === "listStyleType")
     return `list-${o}`;
 }
-function mo(t, o) {
+function Bo(t, o) {
   const i = `var(--${o})`;
   return {
     background: `[background:${i}]`,
@@ -220,10 +273,10 @@ function mo(t, o) {
     zIndex: `z-[${i}]`
   }[t];
 }
-function K(t) {
+function D(t) {
   return t.replace(/[A-Z]/g, (o) => `-${o.toLowerCase()}`);
 }
-function po(t, o) {
+function yo(t, o) {
   if (o !== void 0) {
     if (Array.isArray(o)) {
       t.padding = o.map(f).join(" ");
@@ -236,7 +289,7 @@ function po(t, o) {
     "px" in o && o.px !== void 0 && (t.paddingLeft = f(o.px), t.paddingRight = f(o.px)), "py" in o && o.py !== void 0 && (t.paddingTop = f(o.py), t.paddingBottom = f(o.py)), "pt" in o && o.pt !== void 0 && (t.paddingTop = f(o.pt)), "pb" in o && o.pb !== void 0 && (t.paddingBottom = f(o.pb)), "pl" in o && o.pl !== void 0 && (t.paddingLeft = f(o.pl)), "pr" in o && o.pr !== void 0 && (t.paddingRight = f(o.pr));
   }
 }
-function go(t, o) {
+function ko(t, o) {
   if (o !== void 0) {
     if (Array.isArray(o)) {
       t.margin = o.map(f).join(" ");
@@ -249,51 +302,51 @@ function go(t, o) {
     "mx" in o && o.mx !== void 0 && (t.marginLeft = f(o.mx), t.marginRight = f(o.mx)), "my" in o && o.my !== void 0 && (t.marginTop = f(o.my), t.marginBottom = f(o.my)), "mt" in o && o.mt !== void 0 && (t.marginTop = f(o.mt)), "mb" in o && o.mb !== void 0 && (t.marginBottom = f(o.mb)), "ml" in o && o.ml !== void 0 && (t.marginLeft = f(o.ml)), "mr" in o && o.mr !== void 0 && (t.marginRight = f(o.mr));
   }
 }
-function ho(t, o) {
-  o && (o.radius !== void 0 && $o(t, o.radius), o.color !== void 0 && (t.borderColor = $(o.color)), o.width !== void 0 && vo(t, o.width), o.style !== void 0 && (t.borderStyle = o.style));
+function Ro(t, o) {
+  o && (o.radius !== void 0 && So(t, o.radius), o.color !== void 0 && (t.borderColor = $(o.color)), o.width !== void 0 && xo(t, o.width), o.style !== void 0 && (t.borderStyle = o.style));
 }
-function $o(t, o) {
-  if (Bo(o)) {
-    o.topLeft !== void 0 && (t.borderTopLeftRadius = x(o.topLeft)), o.topRight !== void 0 && (t.borderTopRightRadius = x(o.topRight)), o.bottomLeft !== void 0 && (t.borderBottomLeftRadius = x(o.bottomLeft)), o.bottomRight !== void 0 && (t.borderBottomRightRadius = x(o.bottomRight));
+function So(t, o) {
+  if (Wo(o)) {
+    o.topLeft !== void 0 && (t.borderTopLeftRadius = T(o.topLeft)), o.topRight !== void 0 && (t.borderTopRightRadius = T(o.topRight)), o.bottomLeft !== void 0 && (t.borderBottomLeftRadius = T(o.bottomLeft)), o.bottomRight !== void 0 && (t.borderBottomRightRadius = T(o.bottomRight));
     return;
   }
-  t.borderRadius = x(o);
+  t.borderRadius = T(o);
 }
-function vo(t, o) {
-  if (yo(o)) {
-    o.top !== void 0 && (t.borderTopWidth = S(o.top)), o.bottom !== void 0 && (t.borderBottomWidth = S(o.bottom)), o.left !== void 0 && (t.borderLeftWidth = S(o.left)), o.right !== void 0 && (t.borderRightWidth = S(o.right));
+function xo(t, o) {
+  if (Co(o)) {
+    o.top !== void 0 && (t.borderTopWidth = V(o.top)), o.bottom !== void 0 && (t.borderBottomWidth = V(o.bottom)), o.left !== void 0 && (t.borderLeftWidth = V(o.left)), o.right !== void 0 && (t.borderRightWidth = V(o.right));
     return;
   }
-  t.borderWidth = S(o);
+  t.borderWidth = V(o);
 }
-function Bo(t) {
+function Wo(t) {
   return typeof t == "object";
 }
-function yo(t) {
+function Co(t) {
   return typeof t == "object";
 }
-function x(t) {
+function T(t) {
   return t.startsWith("--") ? `var(${t})` : t;
 }
-function S(t) {
+function V(t) {
   return t.startsWith("--") ? `var(${t})` : t;
 }
-function Ro(t) {
+function zo(t) {
   return t === "hidden" ? "none" : t;
 }
-function H(t) {
+function A(t) {
   return typeof t == "number" ? `${t}px` : t;
 }
 function f(t) {
   return typeof t == "number" ? `${t}px` : t;
 }
-function k(t) {
+function z(t) {
   return typeof t == "number" ? `${t}px` : t;
 }
-function ko(t) {
+function To(t) {
   return typeof t == "number" ? `${t}px` : t;
 }
-function xo(t) {
+function Vo(t) {
   return {
     "no-repeat": "no-repeat",
     repeat: "repeat",
@@ -303,129 +356,135 @@ function xo(t) {
     "repeat-y": "repeat-y"
   }[t];
 }
-function So(t) {
+function Lo(t) {
   return t.replace("-", " ");
 }
-function A(t) {
+function G(t) {
   return $(t);
 }
-function Wo(t, o) {
-  const i = A(o);
-  if (zo(o)) {
+function wo(t, o) {
+  const i = G(o);
+  if (Po(o)) {
     t.background = i;
     return;
   }
   t.backgroundColor = i;
 }
-function zo(t) {
+function Po(t) {
   const o = t.trim().toLowerCase();
   return o.includes("url(") || o.includes("gradient(") || o.includes("image-set(") || o.includes("cross-fade(") || o.includes("element(") || o.includes("paint(");
 }
 function $(t) {
   return t.startsWith("--") ? `var(${t})` : t;
 }
-function Co(t, o) {
+function No(t, o) {
   const {
     as: i,
-    children: d,
-    className: a,
+    children: a,
+    className: n,
     background: s,
-    backgroundColor: c,
-    bg: n,
-    bgSize: e,
-    bgRepeat: g,
-    bgGroup: u,
-    groupParent: b,
-    bgPosition: m,
-    border: v,
+    backgroundColor: p,
+    bg: c,
+    bgSize: r,
+    bgRepeat: u,
+    bgGroup: l,
+    groupParent: d,
+    bgPosition: v,
+    border: y,
     boxShadow: B,
-    color: p,
-    cursor: y,
-    opacity: h,
-    overflow: E,
-    overflowX: G,
-    overflowY: z,
-    pointerEvents: C,
-    aspectRatio: T,
+    color: h,
+    cursor: g,
+    opacity: b,
+    overflow: S,
+    overflowX: x,
+    overflowY: k,
+    pointerEvents: R,
+    aspectRatio: W,
     transform: L,
-    transformOrigin: R,
-    p: P,
-    m: l,
-    outlineColor: w,
+    transformOrigin: C,
+    p: w,
+    m,
+    outlineColor: P,
     outlineWidth: N,
-    outlineOffset: V,
+    outlineOffset: I,
     outlineStyle: j,
-    listStyle: I,
-    display: O,
-    position: r,
-    width: M,
-    maxWidth: Z,
-    minWidth: q,
-    height: J,
-    hover: Q,
-    maxHeight: U,
-    minHeight: oo,
-    md: to,
-    lg: io,
-    xl: ro,
-    style: D,
-    ...eo
-  } = t, no = i ?? "div", X = co({
-    hover: Q,
+    listStyle: O,
+    display: E,
+    position: e,
+    width: q,
+    maxWidth: J,
+    minWidth: Q,
+    height: U,
+    hover: oo,
+    focusVisible: to,
+    active: io,
+    disabledStyle: eo,
+    maxHeight: ro,
+    minHeight: no,
+    md: ao,
+    lg: so,
+    xl: fo,
+    style: _,
+    ...co
+  } = t, uo = i ?? "div", M = go({
+    hover: oo,
+    focusVisible: to,
+    active: io,
+    disabledStyle: eo,
     background: s,
-    backgroundColor: c,
-    bg: n,
-    bgSize: e,
-    bgRepeat: g,
-    bgGroup: u,
-    groupParent: b,
-    bgPosition: m,
-    border: v,
+    backgroundColor: p,
+    bg: c,
+    bgSize: r,
+    bgRepeat: u,
+    bgGroup: l,
+    groupParent: d,
+    bgPosition: v,
+    border: y,
     boxShadow: B,
-    color: p,
-    cursor: y,
-    opacity: h,
-    overflow: E,
-    overflowX: G,
-    overflowY: z,
-    pointerEvents: C,
-    aspectRatio: T,
+    color: h,
+    cursor: g,
+    opacity: b,
+    overflow: S,
+    overflowX: x,
+    overflowY: k,
+    pointerEvents: R,
+    aspectRatio: W,
     transform: L,
-    transformOrigin: R,
-    p: P,
-    m: l,
-    outlineColor: w,
+    transformOrigin: C,
+    p: w,
+    m,
+    outlineColor: P,
     outlineWidth: N,
-    outlineOffset: V,
+    outlineOffset: I,
     outlineStyle: j,
-    listStyle: I,
-    display: O,
-    position: r,
-    width: M,
-    maxWidth: Z,
-    minWidth: q,
-    height: J,
-    maxHeight: U,
-    minHeight: oo,
-    md: to,
-    lg: io,
-    xl: ro
-  }), ao = X.style || D ? {
-    ...X.style,
-    ...D
+    listStyle: O,
+    display: E,
+    position: e,
+    width: q,
+    maxWidth: J,
+    minWidth: Q,
+    height: U,
+    maxHeight: ro,
+    minHeight: no,
+    md: ao,
+    lg: so,
+    xl: fo
+  }), lo = M.style || _ ? {
+    ...M.style,
+    ..._
   } : void 0;
-  return /* @__PURE__ */ fo(
-    no,
+  return /* @__PURE__ */ bo(
+    uo,
     {
-      className: uo(X.className, b && "group", a),
+      className: po(M.className, d && "group", n),
       ref: o,
-      style: ao,
-      ...eo,
-      children: d
+      style: lo,
+      ...co,
+      children: a
     }
   );
 }
-const No = so(Co);
+const Ao = mo(No);
 export {
-  No as Box
+  Ao as Box
 };

package/dist/button/button.helpers.d.ts

@@ -1,7 +1,7 @@
 import { CSSProperties } from 'react';
 import { BoxBreakpointProps } from '../box/box';
 import { ResponsiveStyleBreakpoint } from '../shared/responsive-style/responsive-style.types';
-import { TypographyFontSizeValue, TypographyFontWeightValue, TypographyLineHeightValue, UiKitBackgroundValue } from '../types';
+import { TypographyFontSizeValue, TypographyFontWeightValue, TypographyLineHeightValue, UiKitBackgroundValue } from '../types/index';
 export type ButtonAlignContent = 'start' | 'center' | 'end';
 export type ButtonAlignContentBreakpointProps = {
     alignContent?: ButtonAlignContent;

package/dist/button/index.d.ts

@@ -0,0 +1 @@
+export * from './button';