@post-pioneer/ui-kit 0.1.31 → 0.1.32

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

@@ -1,15 +1,15 @@
-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: n = "14", color: o = "currentColor", ...a }, r) => /* @__PURE__ */ t(
+import { jsx as t, jsxs as v, Fragment as B } from "react/jsx-runtime";
+import z, { forwardRef as u } from "react";
+const S = u(
+  ({ width: e = "12", height: n = "14", color: r = "currentColor", ...a }, o) => /* @__PURE__ */ t(
     "svg",
     {
-      ref: r,
+      ref: o,
       width: e,
       height: n,
       viewBox: "0 0 16 16",
       fill: "none",
-      color: o,
+      color: r,
       xmlns: "http://www.w3.org/2000/svg",
       ...a,
       children: /* @__PURE__ */ t(
@@ -25,16 +25,16 @@ const S = c(
   )
 );
 S.displayName = "AlertsBellIcon";
-const G = c(
-  ({ width: e = "6", height: n = "10", color: o = "currentColor", ...a }, r) => /* @__PURE__ */ t(
+const G = u(
+  ({ width: e = "6", height: n = "10", color: r = "currentColor", ...a }, o) => /* @__PURE__ */ t(
     "svg",
     {
-      ref: r,
+      ref: o,
       width: e,
       height: n,
       viewBox: "0 0 6 10",
       fill: "none",
-      color: o,
+      color: r,
       xmlns: "http://www.w3.org/2000/svg",
       ...a,
       children: /* @__PURE__ */ t(
@@ -48,16 +48,16 @@ const G = c(
   )
 );
 G.displayName = "ArrowChevronLeftIcon";
-const I = c(
-  ({ width: e = "6", height: n = "10", color: o = "currentColor", ...a }, r) => /* @__PURE__ */ t(
+const I = u(
+  ({ width: e = "6", height: n = "10", color: r = "currentColor", ...a }, o) => /* @__PURE__ */ t(
     "svg",
     {
-      ref: r,
+      ref: o,
       width: e,
       height: n,
       viewBox: "0 0 6 10",
       fill: "none",
-      color: o,
+      color: r,
       xmlns: "http://www.w3.org/2000/svg",
       ...a,
       children: /* @__PURE__ */ t(
@@ -71,16 +71,16 @@ const I = c(
   )
 );
 I.displayName = "ArrowChevronRightIcon";
-const z = c(
-  ({ width: e = "16", height: n = "16", color: o = "currentColor", ...a }, r) => /* @__PURE__ */ t(
+const A = u(
+  ({ width: e = "16", height: n = "16", color: r = "currentColor", ...a }, o) => /* @__PURE__ */ t(
     "svg",
     {
-      ref: r,
+      ref: o,
       width: e,
       height: n,
       viewBox: "0 0 16 16",
       fill: "none",
-      color: o,
+      color: r,
       xmlns: "http://www.w3.org/2000/svg",
       ...a,
       children: /* @__PURE__ */ t(
@@ -95,17 +95,17 @@ const z = c(
     }
   )
 );
-z.displayName = "ImagePhotoIcon";
-const A = c(
-  ({ width: e = "12", height: n = "14", color: o = "currentColor", ...a }, r) => /* @__PURE__ */ t(
+A.displayName = "ImagePhotoIcon";
+const T = u(
+  ({ width: e = "12", height: n = "14", color: r = "currentColor", ...a }, o) => /* @__PURE__ */ t(
     "svg",
     {
-      ref: r,
+      ref: o,
       width: e,
       height: n,
       viewBox: "0 0 16 16",
       fill: "none",
-      color: o,
+      color: r,
       xmlns: "http://www.w3.org/2000/svg",
       ...a,
       children: /* @__PURE__ */ t(
@@ -120,20 +120,20 @@ const A = c(
     }
   )
 );
-A.displayName = "ImagePhotoOutline";
-const T = c(
-  ({ width: e = "16", height: n = "16", color: o = "currentColor", ...a }, r) => /* @__PURE__ */ t(
+T.displayName = "ImagePhotoOutline";
+const P = u(
+  ({ width: e = "16", height: n = "16", color: r = "currentColor", ...a }, o) => /* @__PURE__ */ t(
     "svg",
     {
-      ref: r,
+      ref: o,
       width: e,
       height: n,
       viewBox: "0 0 16 16",
       fill: "none",
-      color: o,
+      color: r,
       xmlns: "http://www.w3.org/2000/svg",
       ...a,
-      children: /* @__PURE__ */ h("g", { opacity: "0.9", children: [
+      children: /* @__PURE__ */ v("g", { opacity: "0.9", children: [
         /* @__PURE__ */ t(
           "path",
           {
@@ -154,9 +154,9 @@ const T = c(
     }
   )
 );
-T.displayName = "MathSymbolsAddSquareV2Icon";
-const P = c(
-  ({ size: e = 16, color: n = "currentColor", ...o }, a) => /* @__PURE__ */ t(
+P.displayName = "MathSymbolsAddSquareV2Icon";
+const O = u(
+  ({ size: e = 16, color: n = "currentColor", ...r }, a) => /* @__PURE__ */ t(
     "svg",
     {
       ref: a,
@@ -166,7 +166,7 @@ const P = c(
       color: n,
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      ...o,
+      ...r,
       children: /* @__PURE__ */ t(
         "path",
         {
@@ -179,12 +179,12 @@ const P = c(
     }
   )
 );
-P.displayName = "SwapIcon";
-const O = c(
-  ({ width: e = "16", height: n = "16", color: o = "currentColor", ...a }, r) => /* @__PURE__ */ t(
+O.displayName = "SwapIcon";
+const W = u(
+  ({ width: e = "16", height: n = "16", color: r = "currentColor", ...a }, o) => /* @__PURE__ */ t(
     "svg",
     {
-      ref: r,
+      ref: o,
       width: e,
       height: n,
       viewBox: "0 0 16 16",
@@ -195,9 +195,9 @@ const O = c(
     }
   )
 );
-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", w = {
-  focus: W,
+W.displayName = "TimeCalendarV2Icon";
+const D = "_focus_18phg_549", F = "_swap_18phg_631", U = "_swap__content_18phg_687", q = "_avatar_18phg_779", E = "_avatar__wrapper_18phg_830", J = "_avatar__content_18phg_835", K = "_avatar__image_18phg_845", Q = "_avatar__initials_18phg_851", X = "_avatar__placeholder_18phg_880", Y = "_avatar__status_18phg_911", h = {
+  focus: D,
   "focus--default": "_focus--default_18phg_566",
   "focus--danger": "_focus--danger_18phg_570",
   "focus--visible": "_focus--visible_18phg_576",
@@ -207,7 +207,7 @@ const W = "_focus_18phg_549", D = "_swap_18phg_631", F = "_swap__content_18phg_6
   "focus--input": "_focus--input_18phg_606",
   "focus--button": "_focus--button_18phg_611",
   "focus--card": "_focus--card_18phg_616",
-  swap: D,
+  swap: F,
   "swap--text": "_swap--text_18phg_640",
   "swap--icon": "_swap--icon_18phg_651",
   "swap--icon-xs": "_swap--icon-xs_18phg_661",
@@ -215,13 +215,13 @@ const W = "_focus_18phg_549", D = "_swap_18phg_631", F = "_swap__content_18phg_6
   "swap--icon-m": "_swap--icon-m_18phg_671",
   "swap--icon-l": "_swap--icon-l_18phg_676",
   "swap--icon-xl": "_swap--icon-xl_18phg_681",
-  swap__content: F,
+  swap__content: U,
   "swap--group-horizontal": "_swap--group-horizontal_18phg_696",
   "swap--group-vertical": "_swap--group-vertical_18phg_703",
   "swap--with-background": "_swap--with-background_18phg_711",
   "swap--with-border": "_swap--with-border_18phg_717",
   "swap--interactive": "_swap--interactive_18phg_725",
-  avatar: U,
+  avatar: q,
   "avatar--xs": "_avatar--xs_18phg_789",
   "avatar--s": "_avatar--s_18phg_795",
   "avatar--m": "_avatar--m_18phg_801",
@@ -229,29 +229,29 @@ const W = "_focus_18phg_549", D = "_swap_18phg_631", F = "_swap__content_18phg_6
   "avatar--xl": "_avatar--xl_18phg_813",
   "avatar--xxl": "_avatar--xxl_18phg_819",
   "avatar--bordered": "_avatar--bordered_18phg_825",
-  avatar__wrapper: q,
-  avatar__content: E,
-  avatar__image: J,
-  avatar__initials: K,
-  avatar__placeholder: Q,
-  avatar__status: X
-}, Y = ({
+  avatar__wrapper: E,
+  avatar__content: J,
+  avatar__image: K,
+  avatar__initials: Q,
+  avatar__placeholder: X,
+  avatar__status: Y
+}, e1 = ({
   src: e,
   name: n,
-  size: o = "s",
+  size: r = "s",
   status: a = null,
-  bordered: r = !1,
-  backgroundColor: l,
+  bordered: o = !1,
+  backgroundColor: s,
   className: i = "",
-  onError: p
+  onError: l
 }) => {
-  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;
+  const c = (d) => {
+    const g = d.trim().split(" ");
+    return g.length === 1 ? g[0].charAt(0).toUpperCase() : `${g[0].charAt(0)}${g[g.length - 1].charAt(0)}`.toUpperCase();
+  }, p = () => {
+    if (s) return s;
     if (n) {
-      const _ = [
+      const d = [
         "var(--color-blue-gray-600)",
         "var(--color-indigo-600)",
         "var(--color-success-600)",
@@ -268,43 +268,43 @@ 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)"
-      ], d = n.split("").reduce((b, L) => b + L.charCodeAt(0), 0);
-      return _[d % _.length];
+      ], g = n.split("").reduce((k, L) => k + L.charCodeAt(0), 0);
+      return d[g % d.length];
     }
     return "var(--color-blue-gray-300)";
-  }, u = {
+  }, w = {
     online: "var(--color-success-500)",
     offline: "var(--color-blue-gray-400)",
     away: "var(--color-warning-500)",
     busy: "var(--color-danger-500)"
-  }, m = [
-    w.avatar,
-    w[`avatar--${o}`],
-    r ? w["avatar--bordered"] : "",
+  }, x = [
+    h.avatar,
+    h[`avatar--${r}`],
+    o ? h["avatar--bordered"] : "",
     i
-  ].filter(Boolean).join(" "), x = () => {
+  ].filter(Boolean).join(" "), f = () => {
     if (e)
       return /* @__PURE__ */ t(
         "img",
         {
           src: e,
           alt: n ? `${n} avatar` : "Avatar",
-          className: w.avatar__image,
-          onError: p
+          className: h.avatar__image,
+          onError: l
         }
       );
     if (n) {
-      const _ = g(n);
+      const d = c(n);
       return /* @__PURE__ */ t(
         "div",
         {
-          className: w.avatar__initials,
-          style: { backgroundColor: C() },
-          children: _
+          className: h.avatar__initials,
+          style: { backgroundColor: p() },
+          children: d
         }
       );
     }
-    return /* @__PURE__ */ t("div", { className: w.avatar__placeholder, children: /* @__PURE__ */ h(
+    return /* @__PURE__ */ t("div", { className: h.avatar__placeholder, children: /* @__PURE__ */ v(
       "svg",
       {
         width: "24",
@@ -320,52 +320,52 @@ const W = "_focus_18phg_549", D = "_swap_18phg_631", F = "_swap__content_18phg_6
       }
     ) });
   };
-  return /* @__PURE__ */ h("div", { className: m, children: [
-    /* @__PURE__ */ t("div", { className: w.avatar__content, children: x() }),
+  return /* @__PURE__ */ v("div", { className: x, children: [
+    /* @__PURE__ */ t("div", { className: h.avatar__content, children: f() }),
     a && /* @__PURE__ */ t(
       "div",
       {
-        className: w.avatar__status,
-        style: { backgroundColor: u[a] }
+        className: h.avatar__status,
+        style: { backgroundColor: w[a] }
       }
     )
   ] });
-}, t1 = "_avatarGroup_1teei_779", e1 = "_avatarGroup__item_1teei_783", n1 = "_avatarGroup__more_1teei_794", y = {
+}, t1 = "_avatarGroup_1teei_779", n1 = "_avatarGroup__item_1teei_783", a1 = "_avatarGroup__more_1teei_794", b = {
   avatarGroup: t1,
   "avatarGroup--overlap": "_avatarGroup--overlap_1teei_783",
-  avatarGroup__item: e1,
-  avatarGroup__more: n1
-}, q1 = ({
+  avatarGroup__item: n1,
+  avatarGroup__more: a1
+}, Y1 = ({
   items: e,
   max: n = 5,
-  size: o = "m",
+  size: r = "m",
   overlap: a = !0,
-  className: r = ""
+  className: o = ""
 }) => {
-  const l = e.slice(0, n), i = e.length - l.length;
-  return /* @__PURE__ */ h(
+  const s = e.slice(0, n), i = e.length - s.length;
+  return /* @__PURE__ */ v(
     "div",
     {
       className: [
-        y.avatarGroup,
-        a ? y["avatarGroup--overlap"] : "",
-        r
+        b.avatarGroup,
+        a ? b["avatarGroup--overlap"] : "",
+        o
       ].filter(Boolean).join(" "),
       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: [
+        s.map((l, c) => /* @__PURE__ */ t("div", { className: b.avatarGroup__item, children: /* @__PURE__ */ t(e1, { ...l, size: r }) }, c)),
+        i > 0 && /* @__PURE__ */ v("div", { className: `${b.avatarGroup__item} ${b.avatarGroup__more}`, children: [
           "+",
           i
         ] })
       ]
     }
   );
-}, E1 = ({
+}, e9 = ({
   size: e = 80,
   borderColor: n = "#D6DDFF",
-  borderWidth: o = 2,
+  borderWidth: r = 2,
   borderStyle: a = "dashed",
-  children: r
+  children: o
 }) => /* @__PURE__ */ t(
   "div",
   {
@@ -373,8 +373,8 @@ const W = "_focus_18phg_549", D = "_swap_18phg_631", F = "_swap__content_18phg_6
       width: e,
       height: e,
       borderRadius: "50%",
-      border: `${o}px ${a} ${n}`,
-      padding: o,
+      border: `${r}px ${a} ${n}`,
+      padding: r,
       boxSizing: "border-box",
       display: "flex",
       alignItems: "center",
@@ -390,12 +390,12 @@ const W = "_focus_18phg_549", D = "_swap_18phg_631", F = "_swap__content_18phg_6
           borderRadius: "50%",
           overflow: "hidden"
         },
-        children: r
+        children: o
       }
     )
   }
-), 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,
+), r1 = "_focus_1ckja_549", o1 = "_swap_1ckja_631", s1 = "_swap__content_1ckja_687", _1 = "_spinner_1ckja_779", i1 = "_spinner__label_1ckja_841", y = {
+  focus: r1,
   "focus--default": "_focus--default_1ckja_566",
   "focus--danger": "_focus--danger_1ckja_570",
   "focus--visible": "_focus--visible_1ckja_576",
@@ -413,7 +413,7 @@ const W = "_focus_18phg_549", D = "_swap_18phg_631", F = "_swap__content_18phg_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: s1,
   "swap--group-horizontal": "_swap--group-horizontal_1ckja_696",
   "swap--group-vertical": "_swap--group-vertical_1ckja_703",
   "swap--with-background": "_swap--with-background_1ckja_711",
@@ -424,7 +424,7 @@ const W = "_focus_18phg_549", D = "_swap_18phg_631", F = "_swap__content_18phg_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: _1,
   "spinner-rotate": "_spinner-rotate_1ckja_1",
   "spinner--primary": "_spinner--primary_1ckja_807",
   "spinner--inverse": "_spinner--inverse_1ckja_810",
@@ -435,26 +435,26 @@ const W = "_focus_18phg_549", D = "_swap_18phg_631", F = "_swap__content_18phg_6
   "spinner--m": "_spinner--m_1ckja_824",
   "spinner--l": "_spinner--l_1ckja_832",
   "spinner--xl": "_spinner--xl_1ckja_836",
-  spinner__label: l1,
+  spinner__label: i1,
   "spinner-svg": "_spinner-svg_1ckja_856"
-}, _1 = ({
+}, l1 = ({
   size: e = "m",
   color: n,
-  className: o = "",
+  className: r = "",
   label: a,
-  labelPosition: r = "bottom"
+  labelPosition: o = "bottom"
 }) => {
-  const l = !!a, i = [
-    f["spinner-container"],
-    l && f[`spinner-container--label-${r}`],
-    o
-  ].filter(Boolean).join(" "), p = [
-    f.spinner,
-    f[`spinner--${e}`],
-    f[`spinner--${n}`]
+  const s = !!a, i = [
+    y["spinner-container"],
+    s && y[`spinner-container--label-${o}`],
+    r
+  ].filter(Boolean).join(" "), l = [
+    y.spinner,
+    y[`spinner--${e}`],
+    y[`spinner--${n}`]
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ h("div", { className: i, children: [
-    /* @__PURE__ */ t("div", { className: p, children: (() => {
+  return /* @__PURE__ */ v("div", { className: i, children: [
+    /* @__PURE__ */ t("div", { className: l, 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,10 +472,10 @@ const W = "_focus_18phg_549", D = "_swap_18phg_631", F = "_swap__content_18phg_6
           return null;
       }
     })() }),
-    a && /* @__PURE__ */ t("span", { className: f.spinner__label, "aria-hidden": "true", children: a })
+    a && /* @__PURE__ */ t("span", { className: y.spinner__label, "aria-hidden": "true", children: a })
   ] });
-}, 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,
+}, c1 = "_focus_1tyc7_549", d1 = "_swap_1tyc7_631", p1 = "_swap__content_1tyc7_687", u1 = "_button_1tyc7_779", w1 = "_sizeL_1tyc7_804", g1 = "_sizeM_1tyc7_808", h1 = "_sizeS_1tyc7_812", C1 = "_iconOnly_1tyc7_816", v1 = "_primary_1tyc7_828", x1 = "_disabled_1tyc7_833", m1 = "_count_1tyc7_847", f1 = "_secondary_1tyc7_851", y1 = "_ghost_1tyc7_874", b1 = "_link_1tyc7_897", k1 = "_dangerPrimary_1tyc7_926", L1 = "_dangerSecondary_1tyc7_952", j1 = "_dangerGhost_1tyc7_978", V1 = "_dangerLink_1tyc7_1004", M1 = "_open_1tyc7_1031", N1 = "_content_1tyc7_1043", H1 = "_loader_1tyc7_1048", $1 = "_text_1tyc7_1054", R1 = "_icon_1tyc7_816", Z1 = "_chevron_1tyc7_1081", B1 = "_loading_1tyc7_1109", _ = {
+  focus: c1,
   "focus--default": "_focus--default_1tyc7_566",
   "focus--danger": "_focus--danger_1tyc7_570",
   "focus--visible": "_focus--visible_1tyc7_576",
@@ -485,7 +485,7 @@ const W = "_focus_18phg_549", D = "_swap_18phg_631", F = "_swap__content_18phg_6
   "focus--input": "_focus--input_1tyc7_606",
   "focus--button": "_focus--button_1tyc7_611",
   "focus--card": "_focus--card_1tyc7_616",
-  swap: c1,
+  swap: d1,
   "swap--text": "_swap--text_1tyc7_640",
   "swap--icon": "_swap--icon_1tyc7_651",
   "swap--icon-xs": "_swap--icon-xs_1tyc7_661",
@@ -500,28 +500,28 @@ const W = "_focus_18phg_549", D = "_swap_18phg_631", F = "_swap__content_18phg_6
   "swap--with-border": "_swap--with-border_1tyc7_717",
   "swap--interactive": "_swap--interactive_1tyc7_725",
   button: u1,
-  sizeL: d1,
+  sizeL: w1,
   sizeM: g1,
-  sizeS: w1,
-  iconOnly: h1,
-  primary: C1,
-  disabled: m1,
-  count: v1,
-  secondary: x1,
-  ghost: f1,
-  link: y1,
-  dangerPrimary: b1,
+  sizeS: h1,
+  iconOnly: C1,
+  primary: v1,
+  disabled: x1,
+  count: m1,
+  secondary: f1,
+  ghost: y1,
+  link: b1,
+  dangerPrimary: k1,
   dangerSecondary: L1,
-  dangerGhost: k1,
-  dangerLink: j1,
-  open: V1,
-  content: M1,
-  loader: N1,
-  text: H1,
+  dangerGhost: j1,
+  dangerLink: V1,
+  open: M1,
+  content: N1,
+  loader: H1,
+  text: $1,
   icon: R1,
   chevron: Z1,
   loading: B1
-}, $1 = (e) => {
+}, z1 = (e) => {
   switch (e) {
     case "l":
       return "m";
@@ -532,54 +532,54 @@ const W = "_focus_18phg_549", D = "_swap_18phg_631", F = "_swap__content_18phg_6
     default:
       return "s";
   }
-}, S1 = c(
+}, S1 = u(
   (e, n) => {
     const {
-      size: o = "m",
+      size: r = "m",
       variant: a = "primary",
-      disabled: r = !1,
-      loading: l = !1,
+      disabled: o = !1,
+      loading: s = !1,
       active: i = !1,
-      open: p = !1,
-      className: g = "",
-      children: C,
-      icon: u,
-      iconPosition: m = "left",
-      tooltip: x,
-      count: _,
-      withChevron: d = !1,
-      href: b,
+      open: l = !1,
+      className: c = "",
+      children: p,
+      icon: w,
+      iconPosition: x = "left",
+      tooltip: f,
+      count: d,
+      withChevron: g = !1,
+      href: k,
       ...L
-    } = e, k = m === "only" || !C && u, H = d && !k, j = [
-      s.button,
-      s[`size${o.toUpperCase()}`],
-      s[a],
-      r && s.disabled,
-      l && s.loading,
-      i && s.active,
-      p && s.open,
-      k && s.iconOnly,
-      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" : _ })
+    } = e, j = x === "only" || !p && w, $ = g && !j, V = [
+      _.button,
+      _[`size${r.toUpperCase()}`],
+      _[a],
+      o && _.disabled,
+      s && _.loading,
+      i && _.active,
+      l && _.open,
+      j && _.iconOnly,
+      c
+    ].filter(Boolean).join(" "), M = () => /* @__PURE__ */ v(B, { children: [
+      /* @__PURE__ */ v("span", { className: _.content, children: [
+        w && x !== "right" && /* @__PURE__ */ t("span", { className: _.icon, children: w }),
+        p && /* @__PURE__ */ t("span", { className: _.text, children: p }),
+        w && x === "right" && /* @__PURE__ */ t("span", { className: _.icon, children: w }),
+        $ && /* @__PURE__ */ t("span", { className: _.chevron }),
+        d !== void 0 && /* @__PURE__ */ t("span", { className: _.count, children: d > 99 ? "+99" : d })
       ] }),
-      l && /* @__PURE__ */ t("span", { className: s.loader, children: /* @__PURE__ */ t(_1, { size: $1(o) }) })
+      s && /* @__PURE__ */ t("span", { className: _.loader, children: /* @__PURE__ */ t(l1, { size: z1(r) }) })
     ] });
-    if (b) {
-      const M = L;
-      return r || l ? /* @__PURE__ */ t("span", { className: j, ...M, children: V() }) : /* @__PURE__ */ t(
+    if (k) {
+      const N = L;
+      return o || s ? /* @__PURE__ */ t("span", { className: V, ...N, children: M() }) : /* @__PURE__ */ t(
         "a",
         {
           ref: n,
-          href: b,
-          className: j,
-          ...M,
-          children: V()
+          href: k,
+          className: V,
+          ...N,
+          children: M()
         }
       );
     }
@@ -589,30 +589,30 @@ const W = "_focus_18phg_549", D = "_swap_18phg_631", F = "_swap__content_18phg_6
       {
         ref: n,
         type: R,
-        className: j,
-        disabled: r || l,
-        "aria-label": k && x ? x : void 0,
+        className: V,
+        disabled: o || s,
+        "aria-label": j && f ? f : void 0,
         ...Z,
-        children: V()
+        children: M()
       }
     );
   }
 );
 S1.displayName = "Button";
-function N(e) {
-  var n, o, a = "";
+function H(e) {
+  var n, r, a = "";
   if (typeof e == "string" || typeof e == "number") a += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
-    var r = e.length;
-    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);
+    var o = e.length;
+    for (n = 0; n < o; n++) e[n] && (r = H(e[n])) && (a && (a += " "), a += r);
+  } else for (r in e) e[r] && (a && (a += " "), a += r);
   return a;
 }
 function G1() {
-  for (var e, n, o = 0, a = "", r = arguments.length; o < r; o++) (e = arguments[o]) && (n = N(e)) && (a && (a += " "), a += n);
+  for (var e, n, r = 0, a = "", o = arguments.length; r < o; r++) (e = arguments[r]) && (n = H(e)) && (a && (a += " "), a += n);
   return a;
 }
-const I1 = "_focus_1n4w9_549", z1 = "_swap_1n4w9_631", A1 = "_swap__content_1n4w9_687", T1 = "_typography_1n4w9_779", P1 = "_truncate_1n4w9_990", v = {
+const I1 = "_focus_1n4w9_549", A1 = "_swap_1n4w9_631", T1 = "_swap__content_1n4w9_687", P1 = "_typography_1n4w9_779", O1 = "_truncate_1n4w9_990", m = {
   focus: I1,
   "focus--default": "_focus--default_1n4w9_566",
   "focus--danger": "_focus--danger_1n4w9_570",
@@ -623,7 +623,7 @@ const I1 = "_focus_1n4w9_549", z1 = "_swap_1n4w9_631", A1 = "_swap__content_1n4w
   "focus--input": "_focus--input_1n4w9_606",
   "focus--button": "_focus--button_1n4w9_611",
   "focus--card": "_focus--card_1n4w9_616",
-  swap: z1,
+  swap: A1,
   "swap--text": "_swap--text_1n4w9_640",
   "swap--icon": "_swap--icon_1n4w9_651",
   "swap--icon-xs": "_swap--icon-xs_1n4w9_661",
@@ -631,13 +631,13 @@ const I1 = "_focus_1n4w9_549", z1 = "_swap_1n4w9_631", A1 = "_swap__content_1n4w
   "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__content: T1,
   "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,
+  typography: P1,
   "align-left": "_align-left_1n4w9_785",
   "align-center": "_align-center_1n4w9_789",
   "align-right": "_align-right_1n4w9_793",
@@ -670,11 +670,11 @@ const I1 = "_focus_1n4w9_549", z1 = "_swap_1n4w9_631", A1 = "_swap__content_1n4w
   "text-short-s-bold": "_text-short-s-bold_1n4w9_957",
   "regular-link": "_regular-link_1n4w9_973",
   "small-link": "_small-link_1n4w9_974",
-  truncate: P1,
+  truncate: O1,
   "multiline-truncate": "_multiline-truncate_1n4w9_996",
   "no-wrap": "_no-wrap_1n4w9_1003",
   "break-word": "_break-word_1n4w9_1007"
-}, O1 = {
+}, W1 = {
   // Headlines
   "headline-xl": "headline-xl",
   "headline-l": "headline-l",
@@ -721,55 +721,137 @@ const I1 = "_focus_1n4w9_549", z1 = "_swap_1n4w9_631", A1 = "_swap__content_1n4w
   SmallText: "text-short-s-regular",
   RegularLink: "text-long-m-regular",
   SmallLink: "text-short-s-regular"
-}, W1 = c(
+}, D1 = u(
   (e, n) => {
     const {
-      as: o = "p",
+      as: r = "p",
       children: a,
-      className: r,
-      textAlign: l = "left",
+      className: o,
+      textAlign: s = "left",
       variant: i = "text-long-m-regular",
-      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}`],
+      truncate: l = !1,
+      multilineTruncate: c = !1,
+      noWrap: p = !1,
+      breakWord: w = !1,
+      ...x
+    } = e, f = W1[i], d = G1(
+      m.typography,
+      m[f],
+      m[`align-${s}`],
       {
-        [v.truncate]: p,
-        [v.multilineTruncate]: g,
-        [v.noWrap]: C,
-        [v.breakWord]: u
+        [m.truncate]: l,
+        [m.multilineTruncate]: c,
+        [m.noWrap]: p,
+        [m.breakWord]: w
       },
-      r
+      o
     );
-    return D1(o, {
-      className: _,
+    return F1(r, {
+      className: d,
       ref: n,
-      ...m
+      ...x
     }, a);
   }
 );
-function D1(e, n, o) {
-  return $.createElement(e, n, o);
+function F1(e, n, r) {
+  return z.createElement(e, n, r);
 }
-W1.displayName = "Typography";
+D1.displayName = "Typography";
+const U1 = "_focus_95x9i_549", q1 = "_swap_95x9i_631", E1 = "_swap__content_95x9i_687", J1 = "_divider_95x9i_779", K1 = "_divider__text_95x9i_851", C = {
+  focus: U1,
+  "focus--default": "_focus--default_95x9i_566",
+  "focus--danger": "_focus--danger_95x9i_570",
+  "focus--visible": "_focus--visible_95x9i_576",
+  "focus-danger": "_focus-danger_95x9i_591",
+  "focus-within--default": "_focus-within--default_95x9i_597",
+  "focus-within--danger": "_focus-within--danger_95x9i_601",
+  "focus--input": "_focus--input_95x9i_606",
+  "focus--button": "_focus--button_95x9i_611",
+  "focus--card": "_focus--card_95x9i_616",
+  swap: q1,
+  "swap--text": "_swap--text_95x9i_640",
+  "swap--icon": "_swap--icon_95x9i_651",
+  "swap--icon-xs": "_swap--icon-xs_95x9i_661",
+  "swap--icon-s": "_swap--icon-s_95x9i_666",
+  "swap--icon-m": "_swap--icon-m_95x9i_671",
+  "swap--icon-l": "_swap--icon-l_95x9i_676",
+  "swap--icon-xl": "_swap--icon-xl_95x9i_681",
+  swap__content: E1,
+  "swap--group-horizontal": "_swap--group-horizontal_95x9i_696",
+  "swap--group-vertical": "_swap--group-vertical_95x9i_703",
+  "swap--with-background": "_swap--with-background_95x9i_711",
+  "swap--with-border": "_swap--with-border_95x9i_717",
+  "swap--interactive": "_swap--interactive_95x9i_725",
+  divider: J1,
+  "divider--horizontal": "_divider--horizontal_95x9i_784",
+  "divider--vertical": "_divider--vertical_95x9i_788",
+  "divider--dashed": "_divider--dashed_95x9i_793",
+  "divider--dotted": "_divider--dotted_95x9i_796",
+  "divider--s": "_divider--s_95x9i_799",
+  "divider--m": "_divider--m_95x9i_805",
+  "divider--l": "_divider--l_95x9i_811",
+  "divider--default": "_divider--default_95x9i_817",
+  "divider--soft": "_divider--soft_95x9i_820",
+  "divider--strong": "_divider--strong_95x9i_823",
+  "divider--inverse": "_divider--inverse_95x9i_826",
+  "divider--with-text": "_divider--with-text_95x9i_829",
+  "divider--text-center": "_divider--text-center_95x9i_848",
+  divider__text: K1,
+  "divider--text-left": "_divider--text-left_95x9i_854",
+  "divider--text-right": "_divider--text-right_95x9i_863"
+}, t9 = ({
+  orientation: e = "horizontal",
+  variant: n = "solid",
+  size: r = "m",
+  color: a = "default",
+  className: o = "",
+  children: s,
+  textPosition: i = "center",
+  ...l
+}) => {
+  const c = !!s, p = [
+    C.divider,
+    C[`divider--${e}`],
+    C[`divider--${n}`],
+    C[`divider--${r}`],
+    C[`divider--${a}`],
+    c && C["divider--with-text"],
+    c && C[`divider--text-${i}`],
+    o
+  ].filter(Boolean).join(" ");
+  return c && e === "horizontal" ? /* @__PURE__ */ t(
+    "div",
+    {
+      className: p,
+      role: "separator",
+      "aria-orientation": e,
+      ...l,
+      children: /* @__PURE__ */ t("span", { className: C.divider__text, children: s })
+    }
+  ) : /* @__PURE__ */ t(
+    "div",
+    {
+      className: p,
+      role: "separator",
+      "aria-orientation": e,
+      ...l
+    }
+  );
+};
 export {
   S as AlertsBellIcon,
   G as ArrowChevronLeftIcon,
   I as ArrowChevronRightIcon,
-  Y as Avatar,
-  q1 as AvatarGroup,
-  E1 as AvatarWithCssBorder,
+  e1 as Avatar,
+  Y1 as AvatarGroup,
+  e9 as AvatarWithCssBorder,
   S1 as Button,
-  z as ImagePhotoIcon,
-  A as ImagePhotoOutline,
-  T as MathSymbolsAddSquareV2Icon,
-  _1 as Spinner,
-  P as SwapIcon,
-  O as TimeCalendarV2Icon,
-  W1 as Typography
+  t9 as Divider,
+  A as ImagePhotoIcon,
+  T as ImagePhotoOutline,
+  P as MathSymbolsAddSquareV2Icon,
+  l1 as Spinner,
+  O as SwapIcon,
+  W as TimeCalendarV2Icon,
+  D1 as Typography
 };