@post-pioneer/ui-kit 0.1.30 → 0.1.31

package/dist/ui-kit-postpioneer.es.js

@@ -1,17 +1,17 @@
-import { jsx as t, jsxs as C, Fragment as B } from "react/jsx-runtime";
+import { jsx as t, jsxs as h, Fragment as B } from "react/jsx-runtime";
 import $, { forwardRef as c } from "react";
 const S = c(
-  ({ width: e = "12", height: a = "14", color: o = "currentColor", ...n }, r) => /* @__PURE__ */ t(
+  ({ width: e = "12", height: n = "14", color: o = "currentColor", ...a }, r) => /* @__PURE__ */ t(
     "svg",
     {
       ref: r,
       width: e,
-      height: a,
+      height: n,
       viewBox: "0 0 16 16",
       fill: "none",
       color: o,
       xmlns: "http://www.w3.org/2000/svg",
-      ...n,
+      ...a,
       children: /* @__PURE__ */ t(
         "path",
         {
@@ -26,17 +26,17 @@ const S = c(
 );
 S.displayName = "AlertsBellIcon";
 const G = c(
-  ({ width: e = "6", height: a = "10", color: o = "currentColor", ...n }, r) => /* @__PURE__ */ t(
+  ({ width: e = "6", height: n = "10", color: o = "currentColor", ...a }, r) => /* @__PURE__ */ t(
     "svg",
     {
       ref: r,
       width: e,
-      height: a,
+      height: n,
       viewBox: "0 0 6 10",
       fill: "none",
       color: o,
       xmlns: "http://www.w3.org/2000/svg",
-      ...n,
+      ...a,
       children: /* @__PURE__ */ t(
         "path",
         {
@@ -49,17 +49,17 @@ const G = c(
 );
 G.displayName = "ArrowChevronLeftIcon";
 const I = c(
-  ({ width: e = "6", height: a = "10", color: o = "currentColor", ...n }, r) => /* @__PURE__ */ t(
+  ({ width: e = "6", height: n = "10", color: o = "currentColor", ...a }, r) => /* @__PURE__ */ t(
     "svg",
     {
       ref: r,
       width: e,
-      height: a,
+      height: n,
       viewBox: "0 0 6 10",
       fill: "none",
       color: o,
       xmlns: "http://www.w3.org/2000/svg",
-      ...n,
+      ...a,
       children: /* @__PURE__ */ t(
         "path",
         {
@@ -72,17 +72,17 @@ const I = c(
 );
 I.displayName = "ArrowChevronRightIcon";
 const z = c(
-  ({ width: e = "16", height: a = "16", color: o = "currentColor", ...n }, r) => /* @__PURE__ */ t(
+  ({ width: e = "16", height: n = "16", color: o = "currentColor", ...a }, r) => /* @__PURE__ */ t(
     "svg",
     {
       ref: r,
       width: e,
-      height: a,
+      height: n,
       viewBox: "0 0 16 16",
       fill: "none",
       color: o,
       xmlns: "http://www.w3.org/2000/svg",
-      ...n,
+      ...a,
       children: /* @__PURE__ */ t(
         "path",
         {
@@ -97,17 +97,17 @@ const z = c(
 );
 z.displayName = "ImagePhotoIcon";
 const A = c(
-  ({ width: e = "12", height: a = "14", color: o = "currentColor", ...n }, r) => /* @__PURE__ */ t(
+  ({ width: e = "12", height: n = "14", color: o = "currentColor", ...a }, r) => /* @__PURE__ */ t(
     "svg",
     {
       ref: r,
       width: e,
-      height: a,
+      height: n,
       viewBox: "0 0 16 16",
       fill: "none",
       color: o,
       xmlns: "http://www.w3.org/2000/svg",
-      ...n,
+      ...a,
       children: /* @__PURE__ */ t(
         "path",
         {
@@ -122,18 +122,18 @@ const A = c(
 );
 A.displayName = "ImagePhotoOutline";
 const T = c(
-  ({ width: e = "16", height: a = "16", color: o = "currentColor", ...n }, r) => /* @__PURE__ */ t(
+  ({ width: e = "16", height: n = "16", color: o = "currentColor", ...a }, r) => /* @__PURE__ */ t(
     "svg",
     {
       ref: r,
       width: e,
-      height: a,
+      height: n,
       viewBox: "0 0 16 16",
       fill: "none",
       color: o,
       xmlns: "http://www.w3.org/2000/svg",
-      ...n,
-      children: /* @__PURE__ */ C("g", { opacity: "0.9", children: [
+      ...a,
+      children: /* @__PURE__ */ h("g", { opacity: "0.9", children: [
         /* @__PURE__ */ t(
           "path",
           {
@@ -156,14 +156,14 @@ const T = c(
 );
 T.displayName = "MathSymbolsAddSquareV2Icon";
 const P = c(
-  ({ size: e = 16, color: a = "currentColor", ...o }, n) => /* @__PURE__ */ t(
+  ({ size: e = 16, color: n = "currentColor", ...o }, a) => /* @__PURE__ */ t(
     "svg",
     {
-      ref: n,
+      ref: a,
       width: e,
       height: e,
       viewBox: "0 0 16 16",
-      color: a,
+      color: n,
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       ...o,
@@ -181,22 +181,22 @@ const P = c(
 );
 P.displayName = "SwapIcon";
 const O = c(
-  ({ width: e = "16", height: a = "16", color: o = "currentColor", ...n }, r) => /* @__PURE__ */ t(
+  ({ width: e = "16", height: n = "16", color: o = "currentColor", ...a }, r) => /* @__PURE__ */ t(
     "svg",
     {
       ref: r,
       width: e,
-      height: a,
+      height: n,
       viewBox: "0 0 16 16",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      ...n,
+      ...a,
       children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.5008 1.33398C4.8359 1.33398 5.10754 1.60533 5.10754 1.94005V2.37294H10.764V1.94005C10.764 1.60533 11.0357 1.33398 11.3708 1.33398C11.7059 1.33398 11.9775 1.60533 11.9775 1.94005V2.4444C13.1464 2.72526 14 3.79983 14 5.05691L14 11.9833C14 13.4495 12.8389 14.6673 11.3708 14.6673H4.62921C3.16114 14.6673 2 13.4495 2 11.9833V5.05691C2 3.84634 2.79165 2.80503 3.89406 2.4788V1.94005C3.89406 1.60533 4.16571 1.33398 4.5008 1.33398ZM4.62921 3.58506C3.86332 3.58506 3.21348 4.22783 3.21348 5.05691V5.32035C3.23562 5.3179 3.25811 5.31665 3.2809 5.31665H12.7191C12.7419 5.31665 12.7644 5.3179 12.7865 5.32035V5.05691C12.7865 4.22783 12.1367 3.58506 11.3708 3.58506H4.62921ZM12.7865 6.52507C12.7644 6.52751 12.7419 6.52877 12.7191 6.52877H3.2809C3.25811 6.52877 3.23562 6.52751 3.21348 6.52507V11.9833C3.21348 12.8124 3.86332 13.4552 4.62921 13.4552H11.3708C12.1367 13.4552 12.7865 12.8124 12.7865 11.9833L12.7865 6.52507ZM8.33708 8.03515C8.67217 8.03515 8.94382 8.30649 8.94382 8.64121V8.69329C8.94382 9.02801 8.67217 9.29935 8.33708 9.29935C8.00198 9.29935 7.73034 9.02801 7.73034 8.69329V8.64121C7.73034 8.30649 8.00198 8.03515 8.33708 8.03515ZM11.0337 8.03515C11.3688 8.03515 11.6404 8.30649 11.6404 8.64121V8.69329C11.6404 9.02801 11.3688 9.29935 11.0337 9.29935C10.6986 9.29935 10.427 9.02801 10.427 8.69329V8.64121C10.427 8.30649 10.6986 8.03515 11.0337 8.03515ZM5.30337 10.8578C5.63847 10.8578 5.91011 11.1291 5.91011 11.4638V11.5159C5.91011 11.8506 5.63847 12.122 5.30337 12.122C4.96828 12.122 4.69663 11.8506 4.69663 11.5159V11.4638C4.69663 11.1291 4.96828 10.8578 5.30337 10.8578ZM8.33708 10.8578C8.67217 10.8578 8.94382 11.1291 8.94382 11.4638V11.5159C8.94382 11.8506 8.67217 12.122 8.33708 12.122C8.00198 12.122 7.73034 11.8506 7.73034 11.5159V11.4638C7.73034 11.1291 8.00198 10.8578 8.33708 10.8578Z" })
     }
   )
 );
 O.displayName = "TimeCalendarV2Icon";
-const W = "_focus_18phg_549", D = "_swap_18phg_631", F = "_swap__content_18phg_687", U = "_avatar_18phg_779", q = "_avatar__wrapper_18phg_830", E = "_avatar__content_18phg_835", J = "_avatar__image_18phg_845", K = "_avatar__initials_18phg_851", Q = "_avatar__placeholder_18phg_880", X = "_avatar__status_18phg_911", h = {
+const W = "_focus_18phg_549", D = "_swap_18phg_631", F = "_swap__content_18phg_687", U = "_avatar_18phg_779", q = "_avatar__wrapper_18phg_830", E = "_avatar__content_18phg_835", J = "_avatar__image_18phg_845", K = "_avatar__initials_18phg_851", Q = "_avatar__placeholder_18phg_880", X = "_avatar__status_18phg_911", w = {
   focus: W,
   "focus--default": "_focus--default_18phg_566",
   "focus--danger": "_focus--danger_18phg_570",
@@ -237,20 +237,20 @@ const W = "_focus_18phg_549", D = "_swap_18phg_631", F = "_swap__content_18phg_6
   avatar__status: X
 }, Y = ({
   src: e,
-  name: a,
-  size: o = "m",
-  status: n = null,
+  name: n,
+  size: o = "s",
+  status: a = null,
   bordered: r = !1,
   backgroundColor: l,
   className: i = "",
-  onError: g
+  onError: p
 }) => {
-  const d = (_) => {
-    const u = _.trim().split(" ");
-    return u.length === 1 ? u[0].charAt(0).toUpperCase() : `${u[0].charAt(0)}${u[u.length - 1].charAt(0)}`.toUpperCase();
-  }, w = () => {
+  const g = (_) => {
+    const d = _.trim().split(" ");
+    return d.length === 1 ? d[0].charAt(0).toUpperCase() : `${d[0].charAt(0)}${d[d.length - 1].charAt(0)}`.toUpperCase();
+  }, C = () => {
     if (l) return l;
-    if (a) {
+    if (n) {
       const _ = [
         "var(--color-blue-gray-600)",
         "var(--color-indigo-600)",
@@ -268,19 +268,19 @@ const W = "_focus_18phg_549", D = "_swap_18phg_631", F = "_swap__content_18phg_6
         "var(--color-yellow-600)",
         "var(--color-rose-600)",
         "var(--color-pink-600)"
-      ], u = a.split("").reduce((b, L) => b + L.charCodeAt(0), 0);
-      return _[u % _.length];
+      ], d = n.split("").reduce((b, L) => b + L.charCodeAt(0), 0);
+      return _[d % _.length];
     }
     return "var(--color-blue-gray-300)";
-  }, p = {
+  }, u = {
     online: "var(--color-success-500)",
     offline: "var(--color-blue-gray-400)",
     away: "var(--color-warning-500)",
     busy: "var(--color-danger-500)"
   }, m = [
-    h.avatar,
-    h[`avatar--${o}`],
-    r ? h["avatar--bordered"] : "",
+    w.avatar,
+    w[`avatar--${o}`],
+    r ? w["avatar--bordered"] : "",
     i
   ].filter(Boolean).join(" "), x = () => {
     if (e)
@@ -288,23 +288,23 @@ const W = "_focus_18phg_549", D = "_swap_18phg_631", F = "_swap__content_18phg_6
         "img",
         {
           src: e,
-          alt: a ? `${a} avatar` : "Avatar",
-          className: h.avatar__image,
-          onError: g
+          alt: n ? `${n} avatar` : "Avatar",
+          className: w.avatar__image,
+          onError: p
         }
       );
-    if (a) {
-      const _ = d(a);
+    if (n) {
+      const _ = g(n);
       return /* @__PURE__ */ t(
         "div",
         {
-          className: h.avatar__initials,
-          style: { backgroundColor: w() },
+          className: w.avatar__initials,
+          style: { backgroundColor: C() },
           children: _
         }
       );
     }
-    return /* @__PURE__ */ t("div", { className: h.avatar__placeholder, children: /* @__PURE__ */ C(
+    return /* @__PURE__ */ t("div", { className: w.avatar__placeholder, children: /* @__PURE__ */ h(
       "svg",
       {
         width: "24",
@@ -320,40 +320,40 @@ const W = "_focus_18phg_549", D = "_swap_18phg_631", F = "_swap__content_18phg_6
       }
     ) });
   };
-  return /* @__PURE__ */ C("div", { className: m, children: [
-    /* @__PURE__ */ t("div", { className: h.avatar__content, children: x() }),
-    n && /* @__PURE__ */ t(
+  return /* @__PURE__ */ h("div", { className: m, children: [
+    /* @__PURE__ */ t("div", { className: w.avatar__content, children: x() }),
+    a && /* @__PURE__ */ t(
       "div",
       {
-        className: h.avatar__status,
-        style: { backgroundColor: p[n] }
+        className: w.avatar__status,
+        style: { backgroundColor: u[a] }
       }
     )
   ] });
-}, t1 = "_avatarGroup_1teei_779", e1 = "_avatarGroup__item_1teei_783", a1 = "_avatarGroup__more_1teei_794", y = {
+}, t1 = "_avatarGroup_1teei_779", e1 = "_avatarGroup__item_1teei_783", n1 = "_avatarGroup__more_1teei_794", y = {
   avatarGroup: t1,
   "avatarGroup--overlap": "_avatarGroup--overlap_1teei_783",
   avatarGroup__item: e1,
-  avatarGroup__more: a1
+  avatarGroup__more: n1
 }, q1 = ({
   items: e,
-  max: a = 5,
+  max: n = 5,
   size: o = "m",
-  overlap: n = !0,
+  overlap: a = !0,
   className: r = ""
 }) => {
-  const l = e.slice(0, a), i = e.length - l.length;
-  return /* @__PURE__ */ C(
+  const l = e.slice(0, n), i = e.length - l.length;
+  return /* @__PURE__ */ h(
     "div",
     {
       className: [
         y.avatarGroup,
-        n ? y["avatarGroup--overlap"] : "",
+        a ? y["avatarGroup--overlap"] : "",
         r
       ].filter(Boolean).join(" "),
       children: [
-        l.map((g, d) => /* @__PURE__ */ t("div", { className: y.avatarGroup__item, children: /* @__PURE__ */ t(Y, { ...g, size: o }) }, d)),
-        i > 0 && /* @__PURE__ */ C("div", { className: `${y.avatarGroup__item} ${y.avatarGroup__more}`, children: [
+        l.map((p, g) => /* @__PURE__ */ t("div", { className: y.avatarGroup__item, children: /* @__PURE__ */ t(Y, { ...p, size: o }) }, g)),
+        i > 0 && /* @__PURE__ */ h("div", { className: `${y.avatarGroup__item} ${y.avatarGroup__more}`, children: [
           "+",
           i
         ] })
@@ -362,9 +362,9 @@ const W = "_focus_18phg_549", D = "_swap_18phg_631", F = "_swap__content_18phg_6
   );
 }, E1 = ({
   size: e = 80,
-  borderColor: a = "#D6DDFF",
+  borderColor: n = "#D6DDFF",
   borderWidth: o = 2,
-  borderStyle: n = "dashed",
+  borderStyle: a = "dashed",
   children: r
 }) => /* @__PURE__ */ t(
   "div",
@@ -373,7 +373,7 @@ const W = "_focus_18phg_549", D = "_swap_18phg_631", F = "_swap__content_18phg_6
       width: e,
       height: e,
       borderRadius: "50%",
-      border: `${o}px ${n} ${a}`,
+      border: `${o}px ${a} ${n}`,
       padding: o,
       boxSizing: "border-box",
       display: "flex",
@@ -394,8 +394,8 @@ const W = "_focus_18phg_549", D = "_swap_18phg_631", F = "_swap__content_18phg_6
       }
     )
   }
-), n1 = "_focus_1ckja_549", o1 = "_swap_1ckja_631", r1 = "_swap__content_1ckja_687", s1 = "_spinner_1ckja_779", l1 = "_spinner__label_1ckja_841", f = {
-  focus: n1,
+), a1 = "_focus_1ckja_549", o1 = "_swap_1ckja_631", r1 = "_swap__content_1ckja_687", s1 = "_spinner_1ckja_779", l1 = "_spinner__label_1ckja_841", f = {
+  focus: a1,
   "focus--default": "_focus--default_1ckja_566",
   "focus--danger": "_focus--danger_1ckja_570",
   "focus--visible": "_focus--visible_1ckja_576",
@@ -439,22 +439,22 @@ const W = "_focus_18phg_549", D = "_swap_18phg_631", F = "_swap__content_18phg_6
   "spinner-svg": "_spinner-svg_1ckja_856"
 }, _1 = ({
   size: e = "m",
-  color: a,
+  color: n,
   className: o = "",
-  label: n,
+  label: a,
   labelPosition: r = "bottom"
 }) => {
-  const l = !!n, i = [
+  const l = !!a, i = [
     f["spinner-container"],
     l && f[`spinner-container--label-${r}`],
     o
-  ].filter(Boolean).join(" "), g = [
+  ].filter(Boolean).join(" "), p = [
     f.spinner,
     f[`spinner--${e}`],
-    f[`spinner--${a}`]
+    f[`spinner--${n}`]
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ C("div", { className: i, children: [
-    /* @__PURE__ */ t("div", { className: g, children: (() => {
+  return /* @__PURE__ */ h("div", { className: i, children: [
+    /* @__PURE__ */ t("div", { className: p, children: (() => {
       switch (e) {
         case "xs":
           return /* @__PURE__ */ t("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.0271 9.32414C11.5487 8.54345 11.8786 7.65462 11.9948 6.7298C12.0466 6.31739 11.7048 5.97912 11.2891 5.97912C10.8735 5.97912 10.5431 6.3186 10.4746 6.72857C10.1176 8.86575 8.25944 10.4946 6.02088 10.4946C3.52695 10.4946 1.50522 8.47291 1.50522 5.97898C1.50522 3.74035 3.13422 1.88219 5.27149 1.52522C5.68143 1.45675 6.02088 1.1264 6.02088 0.710787C6.02088 0.29517 5.68266 -0.0466028 5.27028 0.00521079C4.34544 0.121414 3.45658 0.451289 2.67586 0.972945C1.68573 1.63453 0.914021 2.57486 0.458315 3.67503C0.00260876 4.7752 -0.116625 5.9858 0.115692 7.15374C0.348009 8.32167 0.921443 9.39449 1.76348 10.2365C2.60551 11.0786 3.67833 11.652 4.84627 11.8843C6.0142 12.1166 7.2248 11.9974 8.32497 11.5417C9.42515 11.086 10.3655 10.3143 11.0271 9.32414Z", fill: "currentColor" }) });
@@ -472,9 +472,9 @@ const W = "_focus_18phg_549", D = "_swap_18phg_631", F = "_swap__content_18phg_6
           return null;
       }
     })() }),
-    n && /* @__PURE__ */ t("span", { className: f.spinner__label, "aria-hidden": "true", children: n })
+    a && /* @__PURE__ */ t("span", { className: f.spinner__label, "aria-hidden": "true", children: a })
   ] });
-}, i1 = "_focus_1tyc7_549", c1 = "_swap_1tyc7_631", g1 = "_swap__content_1tyc7_687", p1 = "_button_1tyc7_779", u1 = "_sizeL_1tyc7_804", d1 = "_sizeM_1tyc7_808", h1 = "_sizeS_1tyc7_812", C1 = "_iconOnly_1tyc7_816", w1 = "_primary_1tyc7_828", m1 = "_disabled_1tyc7_833", v1 = "_count_1tyc7_847", x1 = "_secondary_1tyc7_851", f1 = "_ghost_1tyc7_874", y1 = "_link_1tyc7_897", b1 = "_dangerPrimary_1tyc7_926", L1 = "_dangerSecondary_1tyc7_952", k1 = "_dangerGhost_1tyc7_978", j1 = "_dangerLink_1tyc7_1004", V1 = "_open_1tyc7_1031", M1 = "_content_1tyc7_1043", N1 = "_loader_1tyc7_1048", H1 = "_text_1tyc7_1054", R1 = "_icon_1tyc7_816", Z1 = "_chevron_1tyc7_1081", B1 = "_loading_1tyc7_1109", s = {
+}, i1 = "_focus_1tyc7_549", c1 = "_swap_1tyc7_631", p1 = "_swap__content_1tyc7_687", u1 = "_button_1tyc7_779", d1 = "_sizeL_1tyc7_804", g1 = "_sizeM_1tyc7_808", w1 = "_sizeS_1tyc7_812", h1 = "_iconOnly_1tyc7_816", C1 = "_primary_1tyc7_828", m1 = "_disabled_1tyc7_833", v1 = "_count_1tyc7_847", x1 = "_secondary_1tyc7_851", f1 = "_ghost_1tyc7_874", y1 = "_link_1tyc7_897", b1 = "_dangerPrimary_1tyc7_926", L1 = "_dangerSecondary_1tyc7_952", k1 = "_dangerGhost_1tyc7_978", j1 = "_dangerLink_1tyc7_1004", V1 = "_open_1tyc7_1031", M1 = "_content_1tyc7_1043", N1 = "_loader_1tyc7_1048", H1 = "_text_1tyc7_1054", R1 = "_icon_1tyc7_816", Z1 = "_chevron_1tyc7_1081", B1 = "_loading_1tyc7_1109", s = {
   focus: i1,
   "focus--default": "_focus--default_1tyc7_566",
   "focus--danger": "_focus--danger_1tyc7_570",
@@ -493,18 +493,18 @@ const W = "_focus_18phg_549", D = "_swap_18phg_631", F = "_swap__content_18phg_6
   "swap--icon-m": "_swap--icon-m_1tyc7_671",
   "swap--icon-l": "_swap--icon-l_1tyc7_676",
   "swap--icon-xl": "_swap--icon-xl_1tyc7_681",
-  swap__content: g1,
+  swap__content: p1,
   "swap--group-horizontal": "_swap--group-horizontal_1tyc7_696",
   "swap--group-vertical": "_swap--group-vertical_1tyc7_703",
   "swap--with-background": "_swap--with-background_1tyc7_711",
   "swap--with-border": "_swap--with-border_1tyc7_717",
   "swap--interactive": "_swap--interactive_1tyc7_725",
-  button: p1,
-  sizeL: u1,
-  sizeM: d1,
-  sizeS: h1,
-  iconOnly: C1,
-  primary: w1,
+  button: u1,
+  sizeL: d1,
+  sizeM: g1,
+  sizeS: w1,
+  iconOnly: h1,
+  primary: C1,
   disabled: m1,
   count: v1,
   secondary: x1,
@@ -533,38 +533,38 @@ const W = "_focus_18phg_549", D = "_swap_18phg_631", F = "_swap__content_18phg_6
       return "s";
   }
 }, S1 = c(
-  (e, a) => {
+  (e, n) => {
     const {
       size: o = "m",
-      variant: n = "primary",
+      variant: a = "primary",
       disabled: r = !1,
       loading: l = !1,
       active: i = !1,
-      open: g = !1,
-      className: d = "",
-      children: w,
-      icon: p,
+      open: p = !1,
+      className: g = "",
+      children: C,
+      icon: u,
       iconPosition: m = "left",
       tooltip: x,
       count: _,
-      withChevron: u = !1,
+      withChevron: d = !1,
       href: b,
       ...L
-    } = e, k = m === "only" || !w && p, H = u && !k, j = [
+    } = e, k = m === "only" || !C && u, H = d && !k, j = [
       s.button,
       s[`size${o.toUpperCase()}`],
-      s[n],
+      s[a],
       r && s.disabled,
       l && s.loading,
       i && s.active,
-      g && s.open,
+      p && s.open,
       k && s.iconOnly,
-      d
-    ].filter(Boolean).join(" "), V = () => /* @__PURE__ */ C(B, { children: [
-      /* @__PURE__ */ C("span", { className: s.content, children: [
-        p && m !== "right" && /* @__PURE__ */ t("span", { className: s.icon, children: p }),
-        w && /* @__PURE__ */ t("span", { className: s.text, children: w }),
-        p && m === "right" && /* @__PURE__ */ t("span", { className: s.icon, children: p }),
+      g
+    ].filter(Boolean).join(" "), V = () => /* @__PURE__ */ h(B, { children: [
+      /* @__PURE__ */ h("span", { className: s.content, children: [
+        u && m !== "right" && /* @__PURE__ */ t("span", { className: s.icon, children: u }),
+        C && /* @__PURE__ */ t("span", { className: s.text, children: C }),
+        u && m === "right" && /* @__PURE__ */ t("span", { className: s.icon, children: u }),
         H && /* @__PURE__ */ t("span", { className: s.chevron }),
         _ !== void 0 && /* @__PURE__ */ t("span", { className: s.count, children: _ > 99 ? "+99" : _ })
       ] }),
@@ -575,7 +575,7 @@ const W = "_focus_18phg_549", D = "_swap_18phg_631", F = "_swap__content_18phg_6
       return r || l ? /* @__PURE__ */ t("span", { className: j, ...M, children: V() }) : /* @__PURE__ */ t(
         "a",
         {
-          ref: a,
+          ref: n,
           href: b,
           className: j,
           ...M,
@@ -587,7 +587,7 @@ const W = "_focus_18phg_549", D = "_swap_18phg_631", F = "_swap__content_18phg_6
     return /* @__PURE__ */ t(
       "button",
       {
-        ref: a,
+        ref: n,
         type: R,
         className: j,
         disabled: r || l,
@@ -600,80 +600,80 @@ const W = "_focus_18phg_549", D = "_swap_18phg_631", F = "_swap__content_18phg_6
 );
 S1.displayName = "Button";
 function N(e) {
-  var a, o, n = "";
-  if (typeof e == "string" || typeof e == "number") n += e;
+  var n, o, a = "";
+  if (typeof e == "string" || typeof e == "number") a += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var r = e.length;
-    for (a = 0; a < r; a++) e[a] && (o = N(e[a])) && (n && (n += " "), n += o);
-  } else for (o in e) e[o] && (n && (n += " "), n += o);
-  return n;
+    for (n = 0; n < r; n++) e[n] && (o = N(e[n])) && (a && (a += " "), a += o);
+  } else for (o in e) e[o] && (a && (a += " "), a += o);
+  return a;
 }
 function G1() {
-  for (var e, a, o = 0, n = "", r = arguments.length; o < r; o++) (e = arguments[o]) && (a = N(e)) && (n && (n += " "), n += a);
-  return n;
+  for (var e, n, o = 0, a = "", r = arguments.length; o < r; o++) (e = arguments[o]) && (n = N(e)) && (a && (a += " "), a += n);
+  return a;
 }
-const I1 = "_focus_489g6_549", z1 = "_swap_489g6_631", A1 = "_swap__content_489g6_687", T1 = "_typography_489g6_779", P1 = "_truncate_489g6_990", v = {
+const I1 = "_focus_1n4w9_549", z1 = "_swap_1n4w9_631", A1 = "_swap__content_1n4w9_687", T1 = "_typography_1n4w9_779", P1 = "_truncate_1n4w9_990", v = {
   focus: I1,
-  "focus--default": "_focus--default_489g6_566",
-  "focus--danger": "_focus--danger_489g6_570",
-  "focus--visible": "_focus--visible_489g6_576",
-  "focus-danger": "_focus-danger_489g6_591",
-  "focus-within--default": "_focus-within--default_489g6_597",
-  "focus-within--danger": "_focus-within--danger_489g6_601",
-  "focus--input": "_focus--input_489g6_606",
-  "focus--button": "_focus--button_489g6_611",
-  "focus--card": "_focus--card_489g6_616",
+  "focus--default": "_focus--default_1n4w9_566",
+  "focus--danger": "_focus--danger_1n4w9_570",
+  "focus--visible": "_focus--visible_1n4w9_576",
+  "focus-danger": "_focus-danger_1n4w9_591",
+  "focus-within--default": "_focus-within--default_1n4w9_597",
+  "focus-within--danger": "_focus-within--danger_1n4w9_601",
+  "focus--input": "_focus--input_1n4w9_606",
+  "focus--button": "_focus--button_1n4w9_611",
+  "focus--card": "_focus--card_1n4w9_616",
   swap: z1,
-  "swap--text": "_swap--text_489g6_640",
-  "swap--icon": "_swap--icon_489g6_651",
-  "swap--icon-xs": "_swap--icon-xs_489g6_661",
-  "swap--icon-s": "_swap--icon-s_489g6_666",
-  "swap--icon-m": "_swap--icon-m_489g6_671",
-  "swap--icon-l": "_swap--icon-l_489g6_676",
-  "swap--icon-xl": "_swap--icon-xl_489g6_681",
+  "swap--text": "_swap--text_1n4w9_640",
+  "swap--icon": "_swap--icon_1n4w9_651",
+  "swap--icon-xs": "_swap--icon-xs_1n4w9_661",
+  "swap--icon-s": "_swap--icon-s_1n4w9_666",
+  "swap--icon-m": "_swap--icon-m_1n4w9_671",
+  "swap--icon-l": "_swap--icon-l_1n4w9_676",
+  "swap--icon-xl": "_swap--icon-xl_1n4w9_681",
   swap__content: A1,
-  "swap--group-horizontal": "_swap--group-horizontal_489g6_696",
-  "swap--group-vertical": "_swap--group-vertical_489g6_703",
-  "swap--with-background": "_swap--with-background_489g6_711",
-  "swap--with-border": "_swap--with-border_489g6_717",
-  "swap--interactive": "_swap--interactive_489g6_725",
+  "swap--group-horizontal": "_swap--group-horizontal_1n4w9_696",
+  "swap--group-vertical": "_swap--group-vertical_1n4w9_703",
+  "swap--with-background": "_swap--with-background_1n4w9_711",
+  "swap--with-border": "_swap--with-border_1n4w9_717",
+  "swap--interactive": "_swap--interactive_1n4w9_725",
   typography: T1,
-  "align-left": "_align-left_489g6_785",
-  "align-center": "_align-center_489g6_789",
-  "align-right": "_align-right_489g6_793",
-  "align-inherit": "_align-inherit_489g6_797",
-  "headline-xl": "_headline-xl_489g6_801",
-  "headline-l": "_headline-l_489g6_808",
-  "headline-ml": "_headline-ml_489g6_815",
-  "headline-m": "_headline-m_489g6_815",
-  "headline-s": "_headline-s_489g6_829",
-  "headline-xs": "_headline-xs_489g6_836",
-  "text-long-l-regular": "_text-long-l-regular_489g6_843",
-  "text-long-m-regular": "_text-long-m-regular_489g6_849",
-  "text-long-s-regular": "_text-long-s-regular_489g6_855",
-  "text-long-xs-regular": "_text-long-xs-regular_489g6_861",
-  "text-long-l-medium": "_text-long-l-medium_489g6_867",
-  "text-long-m-medium": "_text-long-m-medium_489g6_873",
-  "text-long-s-medium": "_text-long-s-medium_489g6_879",
-  "text-long-xs-medium": "_text-long-xs-medium_489g6_885",
-  "text-long-l-bold": "_text-long-l-bold_489g6_891",
-  "text-long-m-bold": "_text-long-m-bold_489g6_897",
-  "text-long-s-bold": "_text-long-s-bold_489g6_903",
-  "text-short-m-regular": "_text-short-m-regular_489g6_909",
-  "text-short-s-regular": "_text-short-s-regular_489g6_915",
-  "text-short-xs-regular": "_text-short-xs-regular_489g6_921",
-  "text-short-2xs-regular": "_text-short-2xs-regular_489g6_927",
-  "text-short-m-medium": "_text-short-m-medium_489g6_933",
-  "text-short-s-medium": "_text-short-s-medium_489g6_939",
-  "text-short-xs-medium": "_text-short-xs-medium_489g6_945",
-  "text-short-m-bold": "_text-short-m-bold_489g6_951",
-  "text-short-s-bold": "_text-short-s-bold_489g6_957",
-  "regular-link": "_regular-link_489g6_973",
-  "small-link": "_small-link_489g6_974",
+  "align-left": "_align-left_1n4w9_785",
+  "align-center": "_align-center_1n4w9_789",
+  "align-right": "_align-right_1n4w9_793",
+  "align-inherit": "_align-inherit_1n4w9_797",
+  "headline-xl": "_headline-xl_1n4w9_801",
+  "headline-l": "_headline-l_1n4w9_808",
+  "headline-ml": "_headline-ml_1n4w9_815",
+  "headline-m": "_headline-m_1n4w9_815",
+  "headline-s": "_headline-s_1n4w9_829",
+  "headline-xs": "_headline-xs_1n4w9_836",
+  "text-long-l-regular": "_text-long-l-regular_1n4w9_843",
+  "text-long-m-regular": "_text-long-m-regular_1n4w9_849",
+  "text-long-s-regular": "_text-long-s-regular_1n4w9_855",
+  "text-long-xs-regular": "_text-long-xs-regular_1n4w9_861",
+  "text-long-l-medium": "_text-long-l-medium_1n4w9_867",
+  "text-long-m-medium": "_text-long-m-medium_1n4w9_873",
+  "text-long-s-medium": "_text-long-s-medium_1n4w9_879",
+  "text-long-xs-medium": "_text-long-xs-medium_1n4w9_885",
+  "text-long-l-bold": "_text-long-l-bold_1n4w9_891",
+  "text-long-m-bold": "_text-long-m-bold_1n4w9_897",
+  "text-long-s-bold": "_text-long-s-bold_1n4w9_903",
+  "text-short-m-regular": "_text-short-m-regular_1n4w9_909",
+  "text-short-s-regular": "_text-short-s-regular_1n4w9_915",
+  "text-short-xs-regular": "_text-short-xs-regular_1n4w9_921",
+  "text-short-2xs-regular": "_text-short-2xs-regular_1n4w9_927",
+  "text-short-m-medium": "_text-short-m-medium_1n4w9_933",
+  "text-short-s-medium": "_text-short-s-medium_1n4w9_939",
+  "text-short-xs-medium": "_text-short-xs-medium_1n4w9_945",
+  "text-short-m-bold": "_text-short-m-bold_1n4w9_951",
+  "text-short-s-bold": "_text-short-s-bold_1n4w9_957",
+  "regular-link": "_regular-link_1n4w9_973",
+  "small-link": "_small-link_1n4w9_974",
   truncate: P1,
-  "multiline-truncate": "_multiline-truncate_489g6_996",
-  "no-wrap": "_no-wrap_489g6_1003",
-  "break-word": "_break-word_489g6_1007"
+  "multiline-truncate": "_multiline-truncate_1n4w9_996",
+  "no-wrap": "_no-wrap_1n4w9_1003",
+  "break-word": "_break-word_1n4w9_1007"
 }, O1 = {
   // Headlines
   "headline-xl": "headline-xl",
@@ -708,7 +708,6 @@ const I1 = "_focus_489g6_549", z1 = "_swap_489g6_631", A1 = "_swap__content_489g
   // Text Short (Bold)
   "text-short-m-bold": "text-short-m-bold",
   "text-short-s-bold": "text-short-s-bold",
-  // Legacy variants (для обратной совместимости)
   H1: "headline-xl",
   H2: "headline-l",
   H3: "headline-ml",
@@ -723,39 +722,39 @@ const I1 = "_focus_489g6_549", z1 = "_swap_489g6_631", A1 = "_swap__content_489g
   RegularLink: "text-long-m-regular",
   SmallLink: "text-short-s-regular"
 }, W1 = c(
-  (e, a) => {
+  (e, n) => {
     const {
       as: o = "p",
-      children: n,
+      children: a,
       className: r,
       textAlign: l = "left",
       variant: i = "text-long-m-regular",
-      truncate: g = !1,
-      multilineTruncate: d = !1,
-      noWrap: w = !1,
-      breakWord: p = !1,
+      truncate: p = !1,
+      multilineTruncate: g = !1,
+      noWrap: C = !1,
+      breakWord: u = !1,
       ...m
     } = e, x = O1[i], _ = G1(
       v.typography,
       v[x],
       v[`align-${l}`],
       {
-        [v.truncate]: g,
-        [v.multilineTruncate]: d,
-        [v.noWrap]: w,
-        [v.breakWord]: p
+        [v.truncate]: p,
+        [v.multilineTruncate]: g,
+        [v.noWrap]: C,
+        [v.breakWord]: u
       },
       r
     );
     return D1(o, {
       className: _,
-      ref: a,
+      ref: n,
       ...m
-    }, n);
+    }, a);
   }
 );
-function D1(e, a, o) {
-  return $.createElement(e, a, o);
+function D1(e, n, o) {
+  return $.createElement(e, n, o);
 }
 W1.displayName = "Typography";
 export {