@post-pioneer/ui-kit 0.1.28 → 0.1.29

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

@@ -1,17 +1,17 @@
-import { jsx as a, jsxs as C, Fragment as Z } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-const H = c(
-  ({ width: n = "12", height: e = "14", color: r = "currentColor", ...o }, s) => /* @__PURE__ */ a(
+import { jsx as a, jsxs as d, Fragment as Z } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+const H = i(
+  ({ width: n = "12", height: e = "14", color: o = "currentColor", ...t }, r) => /* @__PURE__ */ a(
     "svg",
     {
-      ref: s,
+      ref: r,
       width: n,
       height: e,
       viewBox: "0 0 16 16",
       fill: "none",
-      color: r,
+      color: o,
       xmlns: "http://www.w3.org/2000/svg",
-      ...o,
+      ...t,
       children: /* @__PURE__ */ a(
         "path",
         {
@@ -25,18 +25,18 @@ const H = c(
   )
 );
 H.displayName = "AlertsBellIcon";
-const R = c(
-  ({ width: n = "6", height: e = "10", color: r = "currentColor", ...o }, s) => /* @__PURE__ */ a(
+const R = i(
+  ({ width: n = "6", height: e = "10", color: o = "currentColor", ...t }, r) => /* @__PURE__ */ a(
     "svg",
     {
-      ref: s,
+      ref: r,
       width: n,
       height: e,
       viewBox: "0 0 6 10",
       fill: "none",
-      color: r,
+      color: o,
       xmlns: "http://www.w3.org/2000/svg",
-      ...o,
+      ...t,
       children: /* @__PURE__ */ a(
         "path",
         {
@@ -48,18 +48,18 @@ const R = c(
   )
 );
 R.displayName = "ArrowChevronLeftIcon";
-const G = c(
-  ({ width: n = "6", height: e = "10", color: r = "currentColor", ...o }, s) => /* @__PURE__ */ a(
+const G = i(
+  ({ width: n = "6", height: e = "10", color: o = "currentColor", ...t }, r) => /* @__PURE__ */ a(
     "svg",
     {
-      ref: s,
+      ref: r,
       width: n,
       height: e,
       viewBox: "0 0 6 10",
       fill: "none",
-      color: r,
+      color: o,
       xmlns: "http://www.w3.org/2000/svg",
-      ...o,
+      ...t,
       children: /* @__PURE__ */ a(
         "path",
         {
@@ -71,18 +71,18 @@ const G = c(
   )
 );
 G.displayName = "ArrowChevronRightIcon";
-const I = c(
-  ({ width: n = "16", height: e = "16", color: r = "currentColor", ...o }, s) => /* @__PURE__ */ a(
+const I = i(
+  ({ width: n = "16", height: e = "16", color: o = "currentColor", ...t }, r) => /* @__PURE__ */ a(
     "svg",
     {
-      ref: s,
+      ref: r,
       width: n,
       height: e,
       viewBox: "0 0 16 16",
       fill: "none",
-      color: r,
+      color: o,
       xmlns: "http://www.w3.org/2000/svg",
-      ...o,
+      ...t,
       children: /* @__PURE__ */ a(
         "path",
         {
@@ -96,18 +96,18 @@ const I = c(
   )
 );
 I.displayName = "ImagePhotoIcon";
-const $ = c(
-  ({ width: n = "12", height: e = "14", color: r = "currentColor", ...o }, s) => /* @__PURE__ */ a(
+const $ = i(
+  ({ width: n = "12", height: e = "14", color: o = "currentColor", ...t }, r) => /* @__PURE__ */ a(
     "svg",
     {
-      ref: s,
+      ref: r,
       width: n,
       height: e,
       viewBox: "0 0 16 16",
       fill: "none",
-      color: r,
+      color: o,
       xmlns: "http://www.w3.org/2000/svg",
-      ...o,
+      ...t,
       children: /* @__PURE__ */ a(
         "path",
         {
@@ -121,19 +121,19 @@ const $ = c(
   )
 );
 $.displayName = "ImagePhotoOutline";
-const S = c(
-  ({ width: n = "16", height: e = "16", color: r = "currentColor", ...o }, s) => /* @__PURE__ */ a(
+const S = i(
+  ({ width: n = "16", height: e = "16", color: o = "currentColor", ...t }, r) => /* @__PURE__ */ a(
     "svg",
     {
-      ref: s,
+      ref: r,
       width: n,
       height: e,
       viewBox: "0 0 16 16",
       fill: "none",
-      color: r,
+      color: o,
       xmlns: "http://www.w3.org/2000/svg",
-      ...o,
-      children: /* @__PURE__ */ C("g", { opacity: "0.9", children: [
+      ...t,
+      children: /* @__PURE__ */ d("g", { opacity: "0.9", children: [
         /* @__PURE__ */ a(
           "path",
           {
@@ -155,18 +155,18 @@ const S = c(
   )
 );
 S.displayName = "MathSymbolsAddSquareV2Icon";
-const z = c(
-  ({ size: n = 16, color: e = "currentColor", ...r }, o) => /* @__PURE__ */ a(
+const z = i(
+  ({ size: n = 16, color: e = "currentColor", ...o }, t) => /* @__PURE__ */ a(
     "svg",
     {
-      ref: o,
+      ref: t,
       width: n,
       height: n,
       viewBox: "0 0 16 16",
       color: e,
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      ...r,
+      ...o,
       children: /* @__PURE__ */ a(
         "path",
         {
@@ -180,23 +180,23 @@ const z = c(
   )
 );
 z.displayName = "SwapIcon";
-const A = c(
-  ({ width: n = "16", height: e = "16", color: r = "currentColor", ...o }, s) => /* @__PURE__ */ a(
+const A = i(
+  ({ width: n = "16", height: e = "16", color: o = "currentColor", ...t }, r) => /* @__PURE__ */ a(
     "svg",
     {
-      ref: s,
+      ref: r,
       width: n,
       height: e,
       viewBox: "0 0 16 16",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      ...o,
+      ...t,
       children: /* @__PURE__ */ a("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" })
     }
   )
 );
 A.displayName = "TimeCalendarV2Icon";
-const W = "_focus_pvl5h_549", P = "_swap_pvl5h_631", O = "_swap__content_pvl5h_687", D = "_avatar_pvl5h_779", F = "_avatar__content_pvl5h_832", U = "_avatar__image_pvl5h_840", q = "_avatar__initials_pvl5h_846", T = "_avatar__placeholder_pvl5h_875", E = "_avatar__status_pvl5h_906", J = "_avatarWithBorder_pvl5h_938", K = "_avatarWithBorder__svg_pvl5h_945", Q = "_avatarWithBorder__content_pvl5h_981", p = {
+const W = "_focus_pvl5h_549", P = "_swap_pvl5h_631", O = "_swap__content_pvl5h_687", D = "_avatar_pvl5h_779", F = "_avatar__content_pvl5h_832", U = "_avatar__image_pvl5h_840", q = "_avatar__initials_pvl5h_846", T = "_avatar__placeholder_pvl5h_875", E = "_avatar__status_pvl5h_906", J = "_avatarWithBorder_pvl5h_938", K = "_avatarWithBorder__svg_pvl5h_945", Q = "_avatarWithBorder__content_pvl5h_981", C = {
   focus: W,
   "focus--default": "_focus--default_pvl5h_566",
   "focus--danger": "_focus--danger_pvl5h_570",
@@ -240,20 +240,20 @@ const W = "_focus_pvl5h_549", P = "_swap_pvl5h_631", O = "_swap__content_pvl5h_6
 }, X = ({
   src: n,
   name: e,
-  size: r = "m",
-  status: o = null,
-  bordered: s = !1,
-  backgroundColor: l,
-  className: d = "",
-  onError: h
+  size: o = "m",
+  status: t = null,
+  bordered: r = !1,
+  backgroundColor: c,
+  className: p = "",
+  onError: v
 }) => {
-  const u = (_) => {
-    const i = _.trim().split(" ");
-    return i.length === 1 ? i[0].charAt(0).toUpperCase() : `${i[0].charAt(0)}${i[i.length - 1].charAt(0)}`.toUpperCase();
+  const h = (l) => {
+    const _ = l.trim().split(" ");
+    return _.length === 1 ? _[0].charAt(0).toUpperCase() : `${_[0].charAt(0)}${_[_.length - 1].charAt(0)}`.toUpperCase();
   }, g = () => {
-    if (l) return l;
+    if (c) return c;
     if (e) {
-      const _ = [
+      const l = [
         "var(--color-blue-gray-600)",
         "var(--color-indigo-600)",
         "var(--color-success-600)",
@@ -270,43 +270,43 @@ const W = "_focus_pvl5h_549", P = "_swap_pvl5h_631", O = "_swap__content_pvl5h_6
         "var(--color-yellow-600)",
         "var(--color-rose-600)",
         "var(--color-pink-600)"
-      ], i = e.split("").reduce((b, L) => b + L.charCodeAt(0), 0);
-      return _[i % _.length];
+      ], _ = e.split("").reduce((x, b) => x + b.charCodeAt(0), 0);
+      return l[_ % l.length];
     }
     return "var(--color-blue-gray-300)";
-  }, v = {
+  }, u = {
     online: "var(--color-success-500)",
     offline: "var(--color-blue-gray-400)",
     away: "var(--color-warning-500)",
     busy: "var(--color-danger-500)"
   }, f = [
-    p.avatar,
-    p[`avatar--${r}`],
-    s ? p["avatar--bordered"] : "",
-    d
-  ].filter(Boolean).join(" "), x = () => {
+    C.avatar,
+    C[`avatar--${o}`],
+    r ? C["avatar--bordered"] : "",
+    p
+  ].filter(Boolean).join(" "), y = () => {
     if (n)
       return /* @__PURE__ */ a(
         "img",
         {
           src: n,
           alt: e ? `${e} avatar` : "Avatar",
-          className: p.avatar__image,
-          onError: h
+          className: C.avatar__image,
+          onError: v
         }
       );
     if (e) {
-      const _ = u(e);
+      const l = h(e);
       return /* @__PURE__ */ a(
         "div",
         {
-          className: p.avatar__initials,
+          className: C.avatar__initials,
           style: { backgroundColor: g() },
-          children: _
+          children: l
         }
       );
     }
-    return /* @__PURE__ */ a("div", { className: p.avatar__placeholder, children: /* @__PURE__ */ C(
+    return /* @__PURE__ */ a("div", { className: C.avatar__placeholder, children: /* @__PURE__ */ d(
       "svg",
       {
         width: "24",
@@ -322,13 +322,13 @@ const W = "_focus_pvl5h_549", P = "_swap_pvl5h_631", O = "_swap__content_pvl5h_6
       }
     ) });
   };
-  return /* @__PURE__ */ C("div", { className: f, children: [
-    /* @__PURE__ */ a("div", { className: p.avatar__content, children: x() }),
-    o && /* @__PURE__ */ a(
+  return /* @__PURE__ */ d("div", { className: f, children: [
+    /* @__PURE__ */ a("div", { className: C.avatar__content, children: y() }),
+    t && /* @__PURE__ */ a(
       "div",
       {
-        className: p.avatar__status,
-        style: { backgroundColor: v[o] }
+        className: C.avatar__status,
+        style: { backgroundColor: u[t] }
       }
     )
   ] });
@@ -340,24 +340,24 @@ const W = "_focus_pvl5h_549", P = "_swap_pvl5h_631", O = "_swap__content_pvl5h_6
 }, S1 = ({
   items: n,
   max: e = 5,
-  size: r = "m",
-  overlap: o = !0,
-  className: s = ""
+  size: o = "m",
+  overlap: t = !0,
+  className: r = ""
 }) => {
-  const l = n.slice(0, e), d = n.length - l.length;
-  return /* @__PURE__ */ C(
+  const c = n.slice(0, e), p = n.length - c.length;
+  return /* @__PURE__ */ d(
     "div",
     {
       className: [
         m.avatarGroup,
-        o ? m["avatarGroup--overlap"] : "",
-        s
+        t ? m["avatarGroup--overlap"] : "",
+        r
       ].filter(Boolean).join(" "),
       children: [
-        l.map((h, u) => /* @__PURE__ */ a("div", { className: m.avatarGroup__item, children: /* @__PURE__ */ a(X, { ...h, size: r }) }, u)),
-        d > 0 && /* @__PURE__ */ C("div", { className: `${m.avatarGroup__item} ${m.avatarGroup__more}`, children: [
+        c.map((v, h) => /* @__PURE__ */ a("div", { className: m.avatarGroup__item, children: /* @__PURE__ */ a(X, { ...v, size: o }) }, h)),
+        p > 0 && /* @__PURE__ */ d("div", { className: `${m.avatarGroup__item} ${m.avatarGroup__more}`, children: [
           "+",
-          d
+          p
         ] })
       ]
     }
@@ -365,9 +365,9 @@ const W = "_focus_pvl5h_549", P = "_swap_pvl5h_631", O = "_swap__content_pvl5h_6
 }, z1 = ({
   size: n = 80,
   borderColor: e = "#D6DDFF",
-  borderWidth: r = 2,
-  borderStyle: o = "dashed",
-  children: s
+  borderWidth: o = 2,
+  borderStyle: t = "dashed",
+  children: r
 }) => /* @__PURE__ */ a(
   "div",
   {
@@ -375,8 +375,8 @@ const W = "_focus_pvl5h_549", P = "_swap_pvl5h_631", O = "_swap__content_pvl5h_6
       width: n,
       height: n,
       borderRadius: "50%",
-      border: `${r}px ${o} ${e}`,
-      padding: r,
+      border: `${o}px ${t} ${e}`,
+      padding: o,
       boxSizing: "border-box",
       display: "flex",
       alignItems: "center",
@@ -392,11 +392,11 @@ const W = "_focus_pvl5h_549", P = "_swap_pvl5h_631", O = "_swap__content_pvl5h_6
           borderRadius: "50%",
           overflow: "hidden"
         },
-        children: s
+        children: r
       }
     )
   }
-), e1 = "_focus_1ckja_549", o1 = "_swap_1ckja_631", r1 = "_swap__content_1ckja_687", s1 = "_spinner_1ckja_779", t1 = "_spinner__label_1ckja_841", w = {
+), e1 = "_focus_1ckja_549", t1 = "_swap_1ckja_631", o1 = "_swap__content_1ckja_687", r1 = "_spinner_1ckja_779", s1 = "_spinner__label_1ckja_841", w = {
   focus: e1,
   "focus--default": "_focus--default_1ckja_566",
   "focus--danger": "_focus--danger_1ckja_570",
@@ -407,7 +407,7 @@ const W = "_focus_pvl5h_549", P = "_swap_pvl5h_631", O = "_swap__content_pvl5h_6
   "focus--input": "_focus--input_1ckja_606",
   "focus--button": "_focus--button_1ckja_611",
   "focus--card": "_focus--card_1ckja_616",
-  swap: o1,
+  swap: t1,
   "swap--text": "_swap--text_1ckja_640",
   "swap--icon": "_swap--icon_1ckja_651",
   "swap--icon-xs": "_swap--icon-xs_1ckja_661",
@@ -415,7 +415,7 @@ const W = "_focus_pvl5h_549", P = "_swap_pvl5h_631", O = "_swap__content_pvl5h_6
   "swap--icon-m": "_swap--icon-m_1ckja_671",
   "swap--icon-l": "_swap--icon-l_1ckja_676",
   "swap--icon-xl": "_swap--icon-xl_1ckja_681",
-  swap__content: r1,
+  swap__content: o1,
   "swap--group-horizontal": "_swap--group-horizontal_1ckja_696",
   "swap--group-vertical": "_swap--group-vertical_1ckja_703",
   "swap--with-background": "_swap--with-background_1ckja_711",
@@ -426,7 +426,7 @@ const W = "_focus_pvl5h_549", P = "_swap_pvl5h_631", O = "_swap__content_pvl5h_6
   "spinner-container--label-bottom": "_spinner-container--label-bottom_1ckja_788",
   "spinner-container--label-left": "_spinner-container--label-left_1ckja_792",
   "spinner-container--label-right": "_spinner-container--label-right_1ckja_796",
-  spinner: s1,
+  spinner: r1,
   "spinner-rotate": "_spinner-rotate_1ckja_1",
   "spinner--primary": "_spinner--primary_1ckja_807",
   "spinner--inverse": "_spinner--inverse_1ckja_810",
@@ -437,26 +437,26 @@ const W = "_focus_pvl5h_549", P = "_swap_pvl5h_631", O = "_swap__content_pvl5h_6
   "spinner--m": "_spinner--m_1ckja_824",
   "spinner--l": "_spinner--l_1ckja_832",
   "spinner--xl": "_spinner--xl_1ckja_836",
-  spinner__label: t1,
+  spinner__label: s1,
   "spinner-svg": "_spinner-svg_1ckja_856"
-}, l1 = ({
+}, c1 = ({
   size: n = "m",
   color: e,
-  className: r = "",
-  label: o,
-  labelPosition: s = "bottom"
+  className: o = "",
+  label: t,
+  labelPosition: r = "bottom"
 }) => {
-  const l = !!o, d = [
+  const c = !!t, p = [
     w["spinner-container"],
-    l && w[`spinner-container--label-${s}`],
-    r
-  ].filter(Boolean).join(" "), h = [
+    c && w[`spinner-container--label-${r}`],
+    o
+  ].filter(Boolean).join(" "), v = [
     w.spinner,
     w[`spinner--${n}`],
     w[`spinner--${e}`]
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ C("div", { className: d, children: [
-    /* @__PURE__ */ a("div", { className: h, children: (() => {
+  return /* @__PURE__ */ d("div", { className: p, children: [
+    /* @__PURE__ */ a("div", { className: v, children: (() => {
       switch (n) {
         case "xs":
           return /* @__PURE__ */ a("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ a("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" }) });
@@ -474,48 +474,48 @@ const W = "_focus_pvl5h_549", P = "_swap_pvl5h_631", O = "_swap__content_pvl5h_6
           return null;
       }
     })() }),
-    o && /* @__PURE__ */ a("span", { className: w.spinner__label, "aria-hidden": "true", children: o })
+    t && /* @__PURE__ */ a("span", { className: w.spinner__label, "aria-hidden": "true", children: t })
   ] });
-}, _1 = "_focus_3ghds_549", i1 = "_swap_3ghds_631", c1 = "_swap__content_3ghds_687", d1 = "_button_3ghds_779", p1 = "_sizeL_3ghds_803", C1 = "_sizeM_3ghds_809", h1 = "_sizeS_3ghds_815", v1 = "_iconOnly_3ghds_821", u1 = "_primary_3ghds_833", w1 = "_disabled_3ghds_838", g1 = "_count_3ghds_852", f1 = "_secondary_3ghds_856", m1 = "_ghost_3ghds_879", x1 = "_link_3ghds_902", b1 = "_dangerPrimary_3ghds_931", L1 = "_dangerSecondary_3ghds_957", k1 = "_dangerGhost_3ghds_983", y1 = "_dangerLink_3ghds_1009", j1 = "_open_3ghds_1036", V1 = "_content_3ghds_1048", M1 = "_loader_3ghds_1053", B1 = "_text_3ghds_1059", N1 = "_icon_3ghds_821", Z1 = "_chevron_3ghds_1086", H1 = "_loading_3ghds_1114", t = {
-  focus: _1,
-  "focus--default": "_focus--default_3ghds_566",
-  "focus--danger": "_focus--danger_3ghds_570",
-  "focus--visible": "_focus--visible_3ghds_576",
-  "focus-danger": "_focus-danger_3ghds_591",
-  "focus-within--default": "_focus-within--default_3ghds_597",
-  "focus-within--danger": "_focus-within--danger_3ghds_601",
-  "focus--input": "_focus--input_3ghds_606",
-  "focus--button": "_focus--button_3ghds_611",
-  "focus--card": "_focus--card_3ghds_616",
-  swap: i1,
-  "swap--text": "_swap--text_3ghds_640",
-  "swap--icon": "_swap--icon_3ghds_651",
-  "swap--icon-xs": "_swap--icon-xs_3ghds_661",
-  "swap--icon-s": "_swap--icon-s_3ghds_666",
-  "swap--icon-m": "_swap--icon-m_3ghds_671",
-  "swap--icon-l": "_swap--icon-l_3ghds_676",
-  "swap--icon-xl": "_swap--icon-xl_3ghds_681",
-  swap__content: c1,
-  "swap--group-horizontal": "_swap--group-horizontal_3ghds_696",
-  "swap--group-vertical": "_swap--group-vertical_3ghds_703",
-  "swap--with-background": "_swap--with-background_3ghds_711",
-  "swap--with-border": "_swap--with-border_3ghds_717",
-  "swap--interactive": "_swap--interactive_3ghds_725",
-  button: d1,
-  sizeL: p1,
-  sizeM: C1,
-  sizeS: h1,
-  iconOnly: v1,
-  primary: u1,
+}, l1 = "_focus_1tyc7_549", _1 = "_swap_1tyc7_631", i1 = "_swap__content_1tyc7_687", p1 = "_button_1tyc7_779", C1 = "_sizeL_1tyc7_804", d1 = "_sizeM_1tyc7_808", v1 = "_sizeS_1tyc7_812", u1 = "_iconOnly_1tyc7_816", h1 = "_primary_1tyc7_828", w1 = "_disabled_1tyc7_833", g1 = "_count_1tyc7_847", f1 = "_secondary_1tyc7_851", m1 = "_ghost_1tyc7_874", y1 = "_link_1tyc7_897", x1 = "_dangerPrimary_1tyc7_926", b1 = "_dangerSecondary_1tyc7_952", L1 = "_dangerGhost_1tyc7_978", k1 = "_dangerLink_1tyc7_1004", j1 = "_open_1tyc7_1031", V1 = "_content_1tyc7_1043", M1 = "_loader_1tyc7_1048", B1 = "_text_1tyc7_1054", N1 = "_icon_1tyc7_816", Z1 = "_chevron_1tyc7_1081", H1 = "_loading_1tyc7_1109", s = {
+  focus: l1,
+  "focus--default": "_focus--default_1tyc7_566",
+  "focus--danger": "_focus--danger_1tyc7_570",
+  "focus--visible": "_focus--visible_1tyc7_576",
+  "focus-danger": "_focus-danger_1tyc7_591",
+  "focus-within--default": "_focus-within--default_1tyc7_597",
+  "focus-within--danger": "_focus-within--danger_1tyc7_601",
+  "focus--input": "_focus--input_1tyc7_606",
+  "focus--button": "_focus--button_1tyc7_611",
+  "focus--card": "_focus--card_1tyc7_616",
+  swap: _1,
+  "swap--text": "_swap--text_1tyc7_640",
+  "swap--icon": "_swap--icon_1tyc7_651",
+  "swap--icon-xs": "_swap--icon-xs_1tyc7_661",
+  "swap--icon-s": "_swap--icon-s_1tyc7_666",
+  "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: i1,
+  "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: C1,
+  sizeM: d1,
+  sizeS: v1,
+  iconOnly: u1,
+  primary: h1,
   disabled: w1,
   count: g1,
   secondary: f1,
   ghost: m1,
-  link: x1,
-  dangerPrimary: b1,
-  dangerSecondary: L1,
-  dangerGhost: k1,
-  dangerLink: y1,
+  link: y1,
+  dangerPrimary: x1,
+  dangerSecondary: b1,
+  dangerGhost: L1,
+  dangerLink: k1,
   open: j1,
   content: V1,
   loader: M1,
@@ -534,66 +534,66 @@ const W = "_focus_pvl5h_549", P = "_swap_pvl5h_631", O = "_swap__content_pvl5h_6
     default:
       return "s";
   }
-}, G1 = c(
+}, G1 = i(
   (n, e) => {
     const {
-      size: r = "m",
-      variant: o = "primary",
-      disabled: s = !1,
-      loading: l = !1,
-      active: d = !1,
-      open: h = !1,
-      className: u = "",
+      size: o = "m",
+      variant: t = "primary",
+      disabled: r = !1,
+      loading: c = !1,
+      active: p = !1,
+      open: v = !1,
+      className: h = "",
       children: g,
-      icon: v,
+      icon: u,
       iconPosition: f = "left",
-      tooltip: x,
-      count: _,
-      withChevron: i = !1,
-      href: b,
-      ...L
-    } = n, k = f === "only" || !g && v, M = i && !k, y = [
-      t.button,
-      t[`size${r.toUpperCase()}`],
-      t[o],
-      s && t.disabled,
-      l && t.loading,
-      d && t.active,
-      h && t.open,
-      k && t.iconOnly,
-      u
-    ].filter(Boolean).join(" "), j = () => /* @__PURE__ */ C(Z, { children: [
-      /* @__PURE__ */ C("span", { className: t.content, children: [
-        v && f !== "right" && /* @__PURE__ */ a("span", { className: t.icon, children: v }),
-        g && /* @__PURE__ */ a("span", { className: t.text, children: g }),
-        v && f === "right" && /* @__PURE__ */ a("span", { className: t.icon, children: v }),
-        M && /* @__PURE__ */ a("span", { className: t.chevron }),
-        _ !== void 0 && /* @__PURE__ */ a("span", { className: t.count, children: _ > 99 ? "+99" : _ })
+      tooltip: y,
+      count: l,
+      withChevron: _ = !1,
+      href: x,
+      ...b
+    } = n, L = f === "only" || !g && u, M = _ && !L, k = [
+      s.button,
+      s[`size${o.toUpperCase()}`],
+      s[t],
+      r && s.disabled,
+      c && s.loading,
+      p && s.active,
+      v && s.open,
+      L && s.iconOnly,
+      h
+    ].filter(Boolean).join(" "), j = () => /* @__PURE__ */ d(Z, { children: [
+      /* @__PURE__ */ d("span", { className: s.content, children: [
+        u && f !== "right" && /* @__PURE__ */ a("span", { className: s.icon, children: u }),
+        g && /* @__PURE__ */ a("span", { className: s.text, children: g }),
+        u && f === "right" && /* @__PURE__ */ a("span", { className: s.icon, children: u }),
+        M && /* @__PURE__ */ a("span", { className: s.chevron }),
+        l !== void 0 && /* @__PURE__ */ a("span", { className: s.count, children: l > 99 ? "+99" : l })
       ] }),
-      l && /* @__PURE__ */ a("span", { className: t.loader, children: /* @__PURE__ */ a(l1, { size: R1(r) }) })
+      c && /* @__PURE__ */ a("span", { className: s.loader, children: /* @__PURE__ */ a(c1, { size: R1(o) }) })
     ] });
-    if (b) {
-      const V = L;
-      return s || l ? /* @__PURE__ */ a("span", { className: y, ...V, children: j() }) : /* @__PURE__ */ a(
+    if (x) {
+      const V = b;
+      return r || c ? /* @__PURE__ */ a("span", { className: k, ...V, children: j() }) : /* @__PURE__ */ a(
         "a",
         {
           ref: e,
-          href: b,
-          className: y,
+          href: x,
+          className: k,
           ...V,
           children: j()
         }
       );
     }
-    const { type: B = "button", ...N } = L;
+    const { type: B = "button", ...N } = b;
     return /* @__PURE__ */ a(
       "button",
       {
         ref: e,
         type: B,
-        className: y,
-        disabled: s || l,
-        "aria-label": k && x ? x : void 0,
+        className: k,
+        disabled: r || c,
+        "aria-label": L && y ? y : void 0,
         ...N,
         children: j()
       }
@@ -612,7 +612,7 @@ export {
   I as ImagePhotoIcon,
   $ as ImagePhotoOutline,
   S as MathSymbolsAddSquareV2Icon,
-  l1 as Spinner,
+  c1 as Spinner,
   z as SwapIcon,
   A as TimeCalendarV2Icon
 };