@shmidko61/lc-ui-kit 0.9.0 → 0.12.0

package/dist/box.js

@@ -1,82 +1,183 @@
-import { jsx as io } from "react/jsx-runtime";
-import { forwardRef as eo } from "react";
-import { a as ro, c as no } from "./responsive-style.config-DFuATrIM.js";
-function fo({
+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,
-  bgPosition: u,
-  border: v,
-  boxShadow: f,
-  color: b,
-  cursor: m,
-  opacity: c,
-  overflow: s,
-  overflowX: p,
-  overflowY: x,
-  pointerEvents: R,
-  aspectRatio: g,
-  transform: k,
-  transformOrigin: S,
-  p: G,
-  m: H,
-  outlineColor: z,
-  outlineWidth: W,
-  outlineOffset: C,
-  outlineStyle: T,
-  listStyle: h,
-  display: L,
-  position: n,
-  width: N,
-  maxWidth: V,
-  minWidth: w,
-  height: P,
-  maxHeight: I,
-  minHeight: j
+  bgSize: a,
+  bgRepeat: n,
+  bgPosition: s,
+  border: p,
+  boxShadow: c,
+  color: r,
+  cursor: u,
+  opacity: l,
+  overflow: d,
+  overflowX: v,
+  overflowY: y,
+  pointerEvents: B,
+  aspectRatio: h,
+  transform: g,
+  transformOrigin: b,
+  p: S,
+  m: x,
+  outlineColor: k,
+  outlineWidth: R,
+  outlineOffset: W,
+  outlineStyle: L,
+  listStyle: C,
+  display: w,
+  position: m,
+  width: P,
+  maxWidth: N,
+  minWidth: I,
+  height: j,
+  maxHeight: O,
+  minHeight: E
 }) {
   const e = {};
-  return i !== void 0 ? Ro(e, i) : t !== void 0 && (e.background = A(t)), o !== void 0 && (e.backgroundColor = A(o)), d !== void 0 && (e.backgroundSize = Bo(d)), a !== void 0 && (e.backgroundRepeat = yo(a)), u !== void 0 && (e.backgroundPosition = xo(u)), mo(e, v), f !== void 0 && (e.boxShadow = l(f)), b !== void 0 && (e.color = l(b)), m !== void 0 && (e.cursor = m), c !== void 0 && (e.opacity = typeof c == "number" ? c : l(c)), s !== void 0 && (e.overflowX = s, e.overflowY = s), p !== void 0 && (e.overflowX = p), x !== void 0 && (e.overflowY = x), R !== void 0 && (e.pointerEvents = R), g !== void 0 && (e.aspectRatio = typeof g == "number" ? String(g) : l(g)), k !== void 0 && (e.transform = l(k)), S !== void 0 && (e.transformOrigin = l(S)), lo(e, G), bo(e, H), z !== void 0 && (e.outlineColor = l(z)), W !== void 0 && (e.outlineWidth = W), C !== void 0 && (e.outlineOffset = C), T !== void 0 && (e.outlineStyle = T), h?.position !== void 0 && (e.listStylePosition = h.position), h?.type !== void 0 && (e.listStyleType = h.type), L !== void 0 && (e.display = vo(L)), n?.type !== void 0 && (e.position = n.type), n?.top !== void 0 && (e.top = O(n.top)), n?.left !== void 0 && (e.left = O(n.left)), n?.right !== void 0 && (e.right = O(n.right)), n?.bottom !== void 0 && (e.bottom = O(n.bottom)), n?.zIndex !== void 0 && (e.zIndex = n.zIndex), N !== void 0 && (e.width = $(N)), V !== void 0 && (e.maxWidth = $(V)), w !== void 0 && (e.minWidth = $(w)), P !== void 0 && (e.height = $(P)), I !== void 0 && (e.maxHeight = $(I)), j !== void 0 && (e.minHeight = $(j)), Object.keys(e).length > 0 ? e : void 0;
+  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 ao(t) {
-  const o = [], i = {}, d = t.groupParent === !0;
-  D(t, o, i, "", "", d);
-  for (const a of ro) {
-    const u = t[a];
-    u && D(
-      u,
-      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 {
+  return ho(t, o, i), {
     className: o.join(" "),
     style: Object.keys(i).length > 0 ? i : void 0
   };
 }
-function D(t, o, i, d = "", a = "", u = !1) {
-  const v = fo(t);
-  for (const [f, b] of Object.entries(v ?? {})) {
-    if (b == null)
+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 = { ...Z(t) };
+  if (o.borderWidth !== void 0) {
+    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: a,
+      borderRightWidth: n,
+      borderBottomWidth: s,
+      borderLeftWidth: p
+    }), delete o.borderWidth;
+  }
+  if (o.borderRadius !== void 0) {
+    const [i, a = i] = String(o.borderRadius).split("/"), n = (c) => {
+      const r = c.trim().split(/\s+(?![^()]*\))/);
+      return [
+        r[0],
+        r[1] ?? r[0],
+        r[2] ?? r[0],
+        r[3] ?? r[1] ?? r[0]
+      ];
+    }, 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 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 m = String(b), c = uo(f, m);
-    if (c) {
-      o.push(`${d}${c}`);
+    const u = String(r), l = $o(c, u);
+    if (l) {
+      o.push(`${a}${l}`);
       continue;
     }
-    const s = `${a}${so(f)}`, p = co(f, s);
-    p && (i[`--${s}`] = m, o.push(`${d}${p}`));
+    const d = `${n}${D(c)}`, v = Bo(c, d);
+    v && (i[`--${d}`] = u, o.push(`${a}${v}`));
   }
   if (t.bgGroup !== void 0) {
-    const f = `${a}group-background`;
-    i[`--${f}`] = A(t.bgGroup), o.push(`${d}group-hover:[background:var(--${f})]`), u && o.push(`${d}hover:[background:var(--${f})]`);
+    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 uo(t, o) {
+function $o(t, o) {
   if (t === "display")
     return o === "none" ? "hidden" : o;
   if (t === "position")
@@ -119,7 +220,7 @@ function uo(t, o) {
   if (t === "listStyleType")
     return `list-${o}`;
 }
-function co(t, o) {
+function Bo(t, o) {
   const i = `var(--${o})`;
   return {
     background: `[background:${i}]`,
@@ -172,80 +273,80 @@ function co(t, o) {
     zIndex: `z-[${i}]`
   }[t];
 }
-function so(t) {
+function D(t) {
   return t.replace(/[A-Z]/g, (o) => `-${o.toLowerCase()}`);
 }
-function lo(t, o) {
+function yo(t, o) {
   if (o !== void 0) {
     if (Array.isArray(o)) {
-      t.padding = o.map(r).join(" ");
+      t.padding = o.map(f).join(" ");
       return;
     }
     if (typeof o != "object") {
-      t.padding = r(o);
+      t.padding = f(o);
       return;
     }
-    "px" in o && o.px !== void 0 && (t.paddingLeft = r(o.px), t.paddingRight = r(o.px)), "py" in o && o.py !== void 0 && (t.paddingTop = r(o.py), t.paddingBottom = r(o.py)), "pt" in o && o.pt !== void 0 && (t.paddingTop = r(o.pt)), "pb" in o && o.pb !== void 0 && (t.paddingBottom = r(o.pb)), "pl" in o && o.pl !== void 0 && (t.paddingLeft = r(o.pl)), "pr" in o && o.pr !== void 0 && (t.paddingRight = r(o.pr));
+    "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 bo(t, o) {
+function ko(t, o) {
   if (o !== void 0) {
     if (Array.isArray(o)) {
-      t.margin = o.map(r).join(" ");
+      t.margin = o.map(f).join(" ");
       return;
     }
     if (typeof o != "object") {
-      t.margin = r(o);
+      t.margin = f(o);
       return;
     }
-    "mx" in o && o.mx !== void 0 && (t.marginLeft = r(o.mx), t.marginRight = r(o.mx)), "my" in o && o.my !== void 0 && (t.marginTop = r(o.my), t.marginBottom = r(o.my)), "mt" in o && o.mt !== void 0 && (t.marginTop = r(o.mt)), "mb" in o && o.mb !== void 0 && (t.marginBottom = r(o.mb)), "ml" in o && o.ml !== void 0 && (t.marginLeft = r(o.ml)), "mr" in o && o.mr !== void 0 && (t.marginRight = r(o.mr));
+    "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 mo(t, o) {
-  o && (o.radius !== void 0 && po(t, o.radius), o.color !== void 0 && (t.borderColor = l(o.color)), o.width !== void 0 && go(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 po(t, o) {
-  if (ho(o)) {
-    o.topLeft !== void 0 && (t.borderTopLeftRadius = B(o.topLeft)), o.topRight !== void 0 && (t.borderTopRightRadius = B(o.topRight)), o.bottomLeft !== void 0 && (t.borderBottomLeftRadius = B(o.bottomLeft)), o.bottomRight !== void 0 && (t.borderBottomRightRadius = B(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 = B(o);
+  t.borderRadius = T(o);
 }
-function go(t, o) {
-  if ($o(o)) {
-    o.top !== void 0 && (t.borderTopWidth = y(o.top)), o.bottom !== void 0 && (t.borderBottomWidth = y(o.bottom)), o.left !== void 0 && (t.borderLeftWidth = y(o.left)), o.right !== void 0 && (t.borderRightWidth = y(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 = y(o);
+  t.borderWidth = V(o);
 }
-function ho(t) {
+function Wo(t) {
   return typeof t == "object";
 }
-function $o(t) {
+function Co(t) {
   return typeof t == "object";
 }
-function B(t) {
+function T(t) {
   return t.startsWith("--") ? `var(${t})` : t;
 }
-function y(t) {
+function V(t) {
   return t.startsWith("--") ? `var(${t})` : t;
 }
-function vo(t) {
+function zo(t) {
   return t === "hidden" ? "none" : t;
 }
-function O(t) {
+function A(t) {
   return typeof t == "number" ? `${t}px` : t;
 }
-function r(t) {
+function f(t) {
   return typeof t == "number" ? `${t}px` : t;
 }
-function $(t) {
+function z(t) {
   return typeof t == "number" ? `${t}px` : t;
 }
-function Bo(t) {
+function To(t) {
   return typeof t == "number" ? `${t}px` : t;
 }
-function yo(t) {
+function Vo(t) {
   return {
     "no-repeat": "no-repeat",
     repeat: "repeat",
@@ -255,127 +356,135 @@ function yo(t) {
     "repeat-y": "repeat-y"
   }[t];
 }
-function xo(t) {
+function Lo(t) {
   return t.replace("-", " ");
 }
-function A(t) {
-  return l(t);
+function G(t) {
+  return $(t);
 }
-function Ro(t, o) {
-  const i = A(o);
-  if (ko(o)) {
+function wo(t, o) {
+  const i = G(o);
+  if (Po(o)) {
     t.background = i;
     return;
   }
   t.backgroundColor = i;
 }
-function ko(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 l(t) {
+function $(t) {
   return t.startsWith("--") ? `var(${t})` : t;
 }
-function So(t, o) {
+function No(t, o) {
   const {
     as: i,
-    children: d,
-    className: a,
-    background: u,
-    backgroundColor: v,
-    bg: f,
-    bgSize: b,
-    bgRepeat: m,
-    bgGroup: c,
-    groupParent: s,
-    bgPosition: p,
-    border: x,
-    boxShadow: R,
-    color: g,
-    cursor: k,
-    opacity: S,
-    overflow: G,
-    overflowX: H,
-    overflowY: z,
-    pointerEvents: W,
-    aspectRatio: C,
-    transform: T,
-    transformOrigin: h,
-    p: L,
-    m: n,
-    outlineColor: N,
-    outlineWidth: V,
-    outlineOffset: w,
-    outlineStyle: P,
-    listStyle: I,
-    display: j,
+    children: a,
+    className: n,
+    background: s,
+    backgroundColor: p,
+    bg: c,
+    bgSize: r,
+    bgRepeat: u,
+    bgGroup: l,
+    groupParent: d,
+    bgPosition: v,
+    border: y,
+    boxShadow: B,
+    color: h,
+    cursor: g,
+    opacity: b,
+    overflow: S,
+    overflowX: x,
+    overflowY: k,
+    pointerEvents: R,
+    aspectRatio: W,
+    transform: L,
+    transformOrigin: C,
+    p: w,
+    m,
+    outlineColor: P,
+    outlineWidth: N,
+    outlineOffset: I,
+    outlineStyle: j,
+    listStyle: O,
+    display: E,
     position: e,
-    width: E,
-    maxWidth: K,
-    minWidth: M,
-    height: Z,
-    maxHeight: q,
-    minHeight: F,
-    md: J,
-    lg: Q,
-    xl: U,
-    style: Y,
-    ..._
-  } = t, oo = i ?? "div", X = ao({
-    background: u,
-    backgroundColor: v,
-    bg: f,
-    bgSize: b,
-    bgRepeat: m,
-    bgGroup: c,
-    groupParent: s,
-    bgPosition: p,
-    border: x,
-    boxShadow: R,
-    color: g,
-    cursor: k,
-    opacity: S,
-    overflow: G,
-    overflowX: H,
-    overflowY: z,
-    pointerEvents: W,
-    aspectRatio: C,
-    transform: T,
-    transformOrigin: h,
-    p: L,
-    m: n,
-    outlineColor: N,
-    outlineWidth: V,
-    outlineOffset: w,
-    outlineStyle: P,
-    listStyle: I,
-    display: j,
+    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: p,
+    bg: c,
+    bgSize: r,
+    bgRepeat: u,
+    bgGroup: l,
+    groupParent: d,
+    bgPosition: v,
+    border: y,
+    boxShadow: B,
+    color: h,
+    cursor: g,
+    opacity: b,
+    overflow: S,
+    overflowX: x,
+    overflowY: k,
+    pointerEvents: R,
+    aspectRatio: W,
+    transform: L,
+    transformOrigin: C,
+    p: w,
+    m,
+    outlineColor: P,
+    outlineWidth: N,
+    outlineOffset: I,
+    outlineStyle: j,
+    listStyle: O,
+    display: E,
     position: e,
-    width: E,
-    maxWidth: K,
-    minWidth: M,
-    height: Z,
-    maxHeight: q,
-    minHeight: F,
-    md: J,
-    lg: Q,
-    xl: U
-  }), to = X.style || Y ? {
-    ...X.style,
-    ...Y
+    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__ */ io(
-    oo,
+  return /* @__PURE__ */ bo(
+    uo,
     {
-      className: no(X.className, s && "group", a),
+      className: po(M.className, d && "group", n),
       ref: o,
-      style: to,
-      ..._,
-      children: d
+      style: lo,
+      ...co,
+      children: a
     }
   );
 }
-const Lo = eo(So);
+const Ao = mo(No);
 export {
-  Lo as Box
+  Ao as Box
 };

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

@@ -12,7 +12,10 @@ export type ButtonColorBreakpointProps = {
     bg?: ButtonColorValue;
     /** Цвет текста и иконок кнопки поверх цвета из variant. */
     color?: ButtonColorValue;
-    /** Background кнопки при hover. Если не передан, при `bg` используется тот же цвет. */
+    /**
+     * Background кнопки при hover. Если не передан, при `bg` используется тот же цвет.
+     * @deprecated Используйте `hover={{ bg: value }}`; новый API имеет приоритет.
+     */
     hoverBg?: ButtonColorValue;
     /** Background кнопки при active. Если не передан, при `bg` используется hover/base цвет. */
     activeBg?: ButtonColorValue;