@ethora/chat-component 26.10.6 → 26.10.8

package/dist/{ManageDataModal-CaQ2VBPn.js → ManageDataModal-DFE_Wegj.js}

@@ -1,7 +1,7 @@
-import { jsxs as o, Fragment as M, jsx as a } from "react/jsx-runtime";
-import { useState as m, useCallback as T } from "react";
-import { aK as I, E as t, aL as j, aM as w, B, u as E, x as R, Q as z, aN as F, S as U, D as x, aO as O, aP as $, aQ as A, aR as P } from "./main-36gqdbJ8.js";
-import { S as Q, D as f, a as u, b as D, e as v, f as b } from "./SideDrawer-Cl-vbuIG.js";
+import { jsxs as o, Fragment as T, jsx as a } from "react/jsx-runtime";
+import { useState as m, useCallback as M } from "react";
+import { b8 as I, a4 as t, b9 as j, ba as w, U as B, u as U, Z as z, ac as E, bb as F, af as R, a2 as x, bc as $, bd as A, be as O, bf as H } from "./main-B25iFKAC.js";
+import { S as P, D as f, a as b, b as u, e as D, f as v } from "./SideDrawer-A_1ECqD2.js";
 t(j)`
   display: flex;
   box-sizing: border-box;
@@ -66,32 +66,32 @@ const y = t(B)`
   }
 
   ${I}
-`, H = t.div`
+`, W = t.div`
   display: flex;
   align-items: flex-start;
   background-color: ${({ bgColor: r }) => r};
   padding: var(--ethora-space-4, 16px);
   border-radius: var(--ethora-radius-md, 12px);
   gap: var(--ethora-space-2, 8px);
-`, K = t.div`
+`, Z = t.div`
   font-size: var(--ethora-font-size-xs, 12px);
   line-height: var(--ethora-line-height-normal, 1.5);
   color: var(--ethora-color-text, #141414);
   display: flex;
   text-align: start;
-`, J = ({
+`, N = ({
   handleCloseModal: r
 }) => {
-  const { config: l } = E((s) => s.chatSettingStore), e = R(), { showToast: d } = z(), [C, c] = m(!1), [i, g] = m(!1), S = async () => {
-    const p = (await P()).data;
+  const { config: l } = U((s) => s.chatSettingStore), e = z(), { showToast: d } = E(), [C, c] = m(!1), [i, g] = m(!1), S = async () => {
+    const p = (await H()).data;
     x.log(p);
     const L = new Blob([p], { type: "text/plain" }), h = URL.createObjectURL(L), n = document.createElement("a");
     n.href = h, n.download = "mydata.json", document.body.appendChild(n), n.click(), document.body.removeChild(n), URL.revokeObjectURL(h);
-  }, k = T(async () => {
+  }, k = M(async () => {
     if (!i) {
       g(!0);
       try {
-        await F(), c(!1), await U.performLogout();
+        await F(), c(!1), await R.performLogout();
       } catch (s) {
         x.error("Failed to delete account", s), d({
           id: Date.now().toString(),
@@ -103,18 +103,18 @@ const y = t(B)`
       }
     }
   }, [i, d, e]);
-  return /* @__PURE__ */ o(M, { children: [
+  return /* @__PURE__ */ o(T, { children: [
     /* @__PURE__ */ o(
-      Q,
+      P,
       {
         title: e("settings.manageData.title"),
         onClose: r,
         backLabel: e("action.back"),
         children: [
           /* @__PURE__ */ o(f, { children: [
-            /* @__PURE__ */ a(u, { children: e("settings.manageData.section.export") }),
-            /* @__PURE__ */ a(D, { children: /* @__PURE__ */ o(v, { children: [
-              /* @__PURE__ */ a(b, { children: e("settings.manageData.downloadDescription") }),
+            /* @__PURE__ */ a(b, { children: e("settings.manageData.section.export") }),
+            /* @__PURE__ */ a(u, { children: /* @__PURE__ */ o(D, { children: [
+              /* @__PURE__ */ a(v, { children: e("settings.manageData.downloadDescription") }),
               /* @__PURE__ */ a(
                 y,
                 {
@@ -127,17 +127,17 @@ const y = t(B)`
             ] }) })
           ] }),
           /* @__PURE__ */ o(f, { children: [
-            /* @__PURE__ */ a(u, { children: e("settings.manageData.deleteLabel") }),
-            /* @__PURE__ */ a(D, { children: /* @__PURE__ */ o(v, { children: [
-              /* @__PURE__ */ a(b, { children: e("settings.manageData.deleteDescription") }),
+            /* @__PURE__ */ a(b, { children: e("settings.manageData.deleteLabel") }),
+            /* @__PURE__ */ a(u, { children: /* @__PURE__ */ o(D, { children: [
+              /* @__PURE__ */ a(v, { children: e("settings.manageData.deleteDescription") }),
               /* @__PURE__ */ o(
-                H,
+                W,
                 {
                   bgColor: l?.colors?.secondary || "var(--ethora-color-primary-soft, #E7EDF9)",
                   style: { marginTop: "var(--ethora-space-2, 8px)" },
                   children: [
-                    /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(O, { color: $(l) }) }),
-                    /* @__PURE__ */ a(K, { children: e("settings.manageData.deleteDisclosure") })
+                    /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a($, { color: A(l) }) }),
+                    /* @__PURE__ */ a(Z, { children: e("settings.manageData.deleteDisclosure") })
                   ]
                 }
               ),
@@ -159,7 +159,7 @@ const y = t(B)`
       }
     ),
     C && /* @__PURE__ */ a(
-      A,
+      O,
       {
         title: e("settings.manageData.deleteConfirmTitle"),
         description: e("settings.manageData.deleteConfirmDescription"),
@@ -174,5 +174,5 @@ const y = t(B)`
   ] });
 };
 export {
-  J as default
+  N as default
 };

package/dist/{MarkdownBody-BeoG2cpo.js → MarkdownBody-uFITrPjT.js}

@@ -1,6 +1,6 @@
 import { jsxs as fs, jsx as ie, Fragment as hs } from "react/jsx-runtime";
 import "react";
-import { w as ei } from "./main-36gqdbJ8.js";
+import { Y as ei } from "./main-B25iFKAC.js";
 function zr(e) {
   const t = [], n = String(e || "");
   let r = n.indexOf(","), u = 0, i = !1;

package/dist/{MessageSearchModal-DMw9o49-.js → MessageSearchModal-CsbTWgNm.js}

@@ -1,7 +1,7 @@
 import { jsx as a, jsxs as i, Fragment as G } from "react/jsx-runtime";
 import { useRef as J, useState as h, useMemo as I, useEffect as V } from "react";
-import { x as Y, a as W, aU as X, u as z, at as Z, as as K, au as ee, aV as re, aW as te, aB as ae, aX as oe, aY as se, aZ as ne, E as c, y as ie } from "./main-36gqdbJ8.js";
-import { S as ce, i as le, j as de, f as S } from "./SideDrawer-Cl-vbuIG.js";
+import { Z as Y, a as Z, bi as K, u as z, aS as W, aR as X, aT as ee, bj as re, bk as te, a_ as ae, bl as oe, bm as se, bn as ne, a4 as c, _ as ie } from "./main-B25iFKAC.js";
+import { S as ce, i as le, j as de, f as S } from "./SideDrawer-A_1ECqD2.js";
 function he(t) {
   const e = /^(\d{4})-(\d{2})-(\d{2})$/.exec(t || "");
   if (!e) return;
@@ -16,7 +16,7 @@ function he(t) {
   );
   return Number.isNaN(l.getTime()) ? void 0 : l.toISOString();
 }
-function ue(t) {
+function pe(t) {
   const e = /^(\d{4})-(\d{2})-(\d{2})$/.exec(t || "");
   if (!e) return;
   const l = new Date(
@@ -30,29 +30,29 @@ function ue(t) {
   );
   return Number.isNaN(l.getTime()) ? void 0 : l.toISOString();
 }
-const pe = (t, e) => !!(t && e && t > e), me = (t) => `${t.firstName || ""} ${t.lastName || ""}`.trim() || t.name || "";
+const ue = (t, e) => !!(t && e && t > e), me = (t) => `${t.firstName || ""} ${t.lastName || ""}`.trim() || t.name || "";
 function fe(t, e, l = 8) {
   const k = e.trim().toLowerCase();
   if (!k) return [];
-  const u = [], p = [], n = /* @__PURE__ */ new Set();
-  for (const x of t) {
-    const d = x._id, b = me(x);
-    if (!d || !b || n.has(d)) continue;
-    const s = b.toLowerCase().indexOf(k);
-    if (s !== -1 && (n.add(d), (s === 0 ? u : p).push({ id: d, name: b }), u.length >= l))
+  const p = [], u = [], n = /* @__PURE__ */ new Set();
+  for (const b of t) {
+    const d = b._id, x = me(b);
+    if (!d || !x || n.has(d)) continue;
+    const s = x.toLowerCase().indexOf(k);
+    if (s !== -1 && (n.add(d), (s === 0 ? p : u).push({ id: d, name: x }), p.length >= l))
       break;
   }
-  return [...u, ...p].slice(0, l);
+  return [...p, ...u].slice(0, l);
 }
 const ge = c.div`
   display: flex;
   flex-direction: column;
   gap: var(--ethora-space-3, 12px);
   min-height: 0;
-`, xe = c.div`
+`, be = c.div`
   display: flex;
   gap: var(--ethora-space-2, 8px);
-`, E = c.button`
+`, H = c.button`
   flex: 1 1 0;
   height: 32px;
   border: 1px solid
@@ -65,7 +65,7 @@ const ge = c.div`
   font-weight: var(--ethora-font-weight-medium, 500);
   cursor: pointer;
   transition: background-color var(--ethora-motion-fast, 150ms);
-`, be = c.button`
+`, xe = c.button`
   align-self: flex-start;
   display: inline-flex;
   align-items: center;
@@ -175,49 +175,49 @@ const ge = c.div`
 `, Re = ({
   handleCloseModal: t
 }) => {
-  const e = Y(), l = W(), k = X(767), u = J(null), p = z((r) => r.rooms.rooms), n = z(
+  const e = Y(), l = Z(), k = K(767), p = J(null), u = z((r) => r.rooms.rooms), n = z(
     (r) => r.rooms.activeRoomJID
-  ), x = z((r) => r.rooms.usersSet);
+  ), b = z((r) => r.rooms.usersSet);
   z(
     (r) => r.chatSettingStore.user?.xmppUsername
   );
-  const [d, b] = h(""), [s, O] = h(
+  const [d, x] = h(""), [s, O] = h(
     n ? "chat" : "all"
-  ), F = n ? n.split("@")[0] : void 0, [C, H] = h(!1), [m, B] = h(""), [f, L] = h(""), [g, M] = h(
+  ), F = n ? n.split("@")[0] : void 0, [C, U] = h(!1), [m, T] = h(""), [f, L] = h(""), [g, M] = h(
     null
-  ), [v, N] = h(""), y = pe(m, f), j = I(
+  ), [v, N] = h(""), y = ue(m, f), _ = I(
     () => ({
       fromUserId: g?.id,
       since: y ? void 0 : he(m),
-      until: y ? void 0 : ue(f)
+      until: y ? void 0 : pe(f)
     }),
     [g?.id, m, f, y]
-  ), w = (g ? 1 : 0) + (m ? 1 : 0) + (f ? 1 : 0), Q = () => {
-    M(null), N(""), B(""), L("");
-  }, P = n ? p[n] : void 0, { members: D } = Z(
+  ), w = (g ? 1 : 0) + (m ? 1 : 0) + (f ? 1 : 0), E = () => {
+    M(null), N(""), T(""), L("");
+  }, Q = n ? u[n] : void 0, { members: D } = W(
     n || void 0,
-    s === "chat" && K(P) && (C || v.trim() !== "")
-  ), T = I(() => {
+    s === "chat" && X(Q) && (C || v.trim() !== "")
+  ), j = I(() => {
     if (!v.trim()) return [];
     let r;
     if (s === "chat") {
-      const A = n && p[n]?.members || [];
-      D.length > 0 ? r = ee([...A, ...D]) : r = A;
+      const B = n && u[n]?.members || [];
+      D.length > 0 ? r = ee([...B, ...D]) : r = B;
     } else
-      r = Object.values(x || {});
+      r = Object.values(b || {});
     return fe(r, v);
-  }, [v, s, p, n, x, D]), o = re(
+  }, [v, s, u, n, b, D]), o = re(
     y ? "" : d,
     s,
     F,
-    j
+    _
   );
   V(() => {
-    u.current?.focus();
+    p.current?.focus();
   }, []);
-  const { open: _ } = te(), q = (r) => {
-    _(r) && k && l(ie(void 0));
-  }, R = I(() => o.items, [o.items]), U = d.trim();
+  const { open: P } = te(), q = (r) => {
+    P(r) && k && l(ie(void 0));
+  }, R = I(() => o.items, [o.items]), A = d.trim();
   return /* @__PURE__ */ a(
     ce,
     {
@@ -230,11 +230,11 @@ const ge = c.div`
           /* @__PURE__ */ a(
             de,
             {
-              ref: u,
+              ref: p,
               "data-autofocus": !0,
               type: "search",
               value: d,
-              onChange: (r) => b(r.target.value),
+              onChange: (r) => x(r.target.value),
               placeholder: e(
                 s === "chat" ? "search.messages.placeholderChat" : "search.messages.placeholderAll"
               ),
@@ -242,9 +242,9 @@ const ge = c.div`
             }
           )
         ] }),
-        /* @__PURE__ */ i(xe, { role: "group", "aria-label": e("search.messages.scope"), children: [
+        /* @__PURE__ */ i(be, { role: "group", "aria-label": e("search.messages.scope"), children: [
           /* @__PURE__ */ a(
-            E,
+            H,
             {
               type: "button",
               $active: s === "chat",
@@ -255,7 +255,7 @@ const ge = c.div`
             }
           ),
           /* @__PURE__ */ a(
-            E,
+            H,
             {
               type: "button",
               $active: s === "all",
@@ -266,12 +266,12 @@ const ge = c.div`
           )
         ] }),
         /* @__PURE__ */ i(
-          be,
+          xe,
           {
             type: "button",
             $active: C || w > 0,
             "aria-expanded": C,
-            onClick: () => H((r) => !r),
+            onClick: () => U((r) => !r),
             children: [
               e("search.messages.filters"),
               w > 0 && /* @__PURE__ */ a("span", { children: w })
@@ -302,7 +302,7 @@ const ge = c.div`
               }
             )
           ] }),
-          !g && T.length > 0 && /* @__PURE__ */ a(Se, { role: "listbox", children: T.map((r) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(
+          !g && j.length > 0 && /* @__PURE__ */ a(Se, { role: "listbox", children: j.map((r) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(
             "button",
             {
               type: "button",
@@ -323,7 +323,7 @@ const ge = c.div`
                   type: "date",
                   value: m,
                   max: f || void 0,
-                  onChange: (r) => B(r.target.value)
+                  onChange: (r) => T(r.target.value)
                 }
               )
             ] }),
@@ -341,9 +341,9 @@ const ge = c.div`
             ] })
           ] }),
           y && /* @__PURE__ */ a(S, { role: "alert", children: e("search.messages.dateOrder") }),
-          w > 0 && /* @__PURE__ */ a(Ce, { type: "button", onClick: Q, children: e("search.messages.filterClearAll") })
+          w > 0 && /* @__PURE__ */ a(Ce, { type: "button", onClick: E, children: e("search.messages.filterClearAll") })
         ] }),
-        !o.searchable && /* @__PURE__ */ a(S, { children: U ? e("search.messages.tooShort", { count: oe }) : e("search.messages.hint") }),
+        !o.searchable && /* @__PURE__ */ a(S, { children: A ? e("search.messages.tooShort", { count: oe }) : e("search.messages.hint") }),
         o.searchable && o.status === "loading" && /* @__PURE__ */ a(S, { role: "status", children: e("search.messages.searching") }),
         o.status === "error" && /* @__PURE__ */ i(S, { role: "alert", children: [
           e("search.messages.error"),
@@ -357,7 +357,7 @@ const ge = c.div`
             se,
             {
               hits: R,
-              query: U,
+              query: A,
               showRoom: s === "all",
               onOpen: q
             }

package/dist/{PublicChatsModal-CWdYILv_.js → PublicChatsModal-bDOp3IL9.js}

@@ -1,14 +1,14 @@
-import { jsxs as d, jsx as a } from "react/jsx-runtime";
-import { useState as p, useRef as E, useCallback as N, useEffect as P, useMemo as z } from "react";
-import { l as T, a_ as U, x as _, a as F, aU as H, u as A, aB as J, E as c, a7 as q, y as G } from "./main-36gqdbJ8.js";
-import { S as V, i as Z, j as K, f as S } from "./SideDrawer-Cl-vbuIG.js";
+import { jsxs as p, jsx as a } from "react/jsx-runtime";
+import { useState as d, useRef as B, useCallback as N, useEffect as P, useMemo as z } from "react";
+import { c as T, bo as E, Z as U, a as F, bi as H, u as A, a_ as J, a4 as c, ap as Z, _ as q } from "./main-B25iFKAC.js";
+import { S as G, i as V, j as K, f as S } from "./SideDrawer-A_1ECqD2.js";
 const I = 50;
 async function Q({
   offset: r = 0,
   limit: t = I,
   signal: u
 } = {}) {
-  const x = T.getState().chatSettingStore.user?.token || "", s = (await U.get("/v1/chats/public", {
+  const x = T.getState().chatSettingStore.user?.token || "", s = (await E.get("/v1/chats/public", {
     params: { limit: Math.min(t, I), offset: r },
     headers: { Authorization: x },
     signal: u
@@ -103,17 +103,17 @@ const W = c.ul`
 `, oe = (r) => (r.title || r.name).trim().charAt(0).toUpperCase() || "#", le = ({
   handleCloseModal: r
 }) => {
-  const t = _(), u = F(), x = H(767), b = A((e) => e.rooms.rooms), s = A(
+  const t = U(), u = F(), x = H(767), b = A((e) => e.rooms.rooms), s = A(
     (e) => e.chatSettingStore.config?.xmppSettings?.conference
-  ), [l, i] = p([]), [j, $] = p(0), [v, D] = p(0), [n, w] = p("loading"), [h, L] = p(""), m = E(0), f = N(async (e) => {
+  ), [l, i] = d([]), [j, $] = d(0), [v, D] = d(0), [n, w] = d("loading"), [h, L] = d(""), m = B(0), f = N(async (e) => {
     const o = ++m.current;
     w(e ? "loadingMore" : "loading");
     try {
       const g = await Q({ offset: e });
       if (o !== m.current) return;
       i((k) => {
-        const R = new Set(k.map((C) => C.name));
-        return e ? [...k, ...g.items.filter((C) => !R.has(C.name))] : g.items;
+        const _ = new Set(k.map((C) => C.name));
+        return e ? [...k, ...g.items.filter((C) => !_.has(C.name))] : g.items;
       }), $(g.total), D(g.nextOffset), w("done");
     } catch {
       o === m.current && w("error");
@@ -130,18 +130,18 @@ const W = c.ul`
     return e ? l.filter(
       (o) => o.title.toLowerCase().includes(e) || o.description.toLowerCase().includes(e)
     ) : l;
-  }, [l, h]), B = (e) => {
+  }, [l, h]), R = (e) => {
     const o = (s || "").trim();
-    o && (u(q({ roomJID: `${e.name}@${o}` })), x && u(G(void 0)));
+    o && (u(Z({ roomJID: `${e.name}@${o}` })), x && u(q(void 0)));
   }, M = v < j;
-  return /* @__PURE__ */ d(
-    V,
+  return /* @__PURE__ */ p(
+    G,
     {
       title: t("publicChats.title"),
       onClose: r,
       backLabel: t("action.close"),
       children: [
-        /* @__PURE__ */ d(Z, { children: [
+        /* @__PURE__ */ p(V, { children: [
           /* @__PURE__ */ a(J, {}),
           /* @__PURE__ */ a(
             K,
@@ -155,7 +155,7 @@ const W = c.ul`
           )
         ] }),
         n === "loading" && /* @__PURE__ */ a(S, { role: "status", children: t("publicChats.loading") }),
-        n === "error" && /* @__PURE__ */ d(S, { role: "alert", children: [
+        n === "error" && /* @__PURE__ */ p(S, { role: "alert", children: [
           t("publicChats.error"),
           " ",
           /* @__PURE__ */ a("button", { type: "button", onClick: () => {
@@ -165,9 +165,9 @@ const W = c.ul`
         n !== "loading" && n !== "error" && y.length === 0 && /* @__PURE__ */ a(S, { children: h.trim() && M ? t("publicChats.emptyFilterMore") : t("publicChats.empty") }),
         y.length > 0 && /* @__PURE__ */ a(W, { children: y.map((e) => {
           const o = O.has(e.name);
-          return /* @__PURE__ */ d(X, { children: [
+          return /* @__PURE__ */ p(X, { children: [
             /* @__PURE__ */ a(Y, { $src: e.picture, "aria-hidden": "true", children: !e.picture && oe(e) }),
-            /* @__PURE__ */ d(ee, { children: [
+            /* @__PURE__ */ p(ee, { children: [
               /* @__PURE__ */ a("strong", { children: e.title || t("search.messages.chat") }),
               e.description && /* @__PURE__ */ a("span", { children: e.description })
             ] }),
@@ -176,7 +176,7 @@ const W = c.ul`
               {
                 type: "button",
                 $open: o,
-                onClick: () => B(e),
+                onClick: () => R(e),
                 children: t(o ? "publicChats.open" : "publicChats.join")
               }
             )

package/dist/{SideDrawer-Cl-vbuIG.js → SideDrawer-A_1ECqD2.js}

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as o } from "react/jsx-runtime";
 import { useId as f, useRef as v } from "react";
-import { x as g, F as u, aU as m, a$ as w, B as b, b0 as y, E as e, b1 as D, b2 as k } from "./main-36gqdbJ8.js";
+import { Z as g, a5 as u, bi as m, bp as b, U as w, bq as y, a4 as e, br as D, bs as k } from "./main-B25iFKAC.js";
 const c = 767, R = `${c}px`, z = e.div`
   position: relative;
   pointer-events: auto;
@@ -58,7 +58,7 @@ const c = 767, R = `${c}px`, z = e.div`
     padding-left: var(--ethora-space-4, 16px);
     padding-right: var(--ethora-space-4, 16px);
   }
-`, H = e.section`
+`, $ = e.section`
   display: flex;
   flex-direction: column;
   gap: var(--ethora-space-2, 8px);
@@ -84,12 +84,12 @@ const c = 767, R = `${c}px`, z = e.div`
   flex-direction: column;
   gap: var(--ethora-space-1, 4px);
   padding: var(--ethora-space-3, 12px) var(--ethora-space-4, 16px);
-`, F = e.div`
+`, K = e.div`
   display: flex;
   align-items: baseline;
   justify-content: space-between;
   gap: var(--ethora-space-2, 8px);
-`, K = e.button`
+`, q = e.button`
   border: none;
   background: transparent;
   padding: var(--ethora-space-2, 8px) 0;
@@ -109,11 +109,11 @@ const c = 767, R = `${c}px`, z = e.div`
     outline-offset: 2px;
     border-radius: var(--ethora-radius-sm, 8px);
   }
-`, U = e.div`
+`, F = e.div`
   height: 1px;
   margin: 0 var(--ethora-space-4, 16px);
   background-color: var(--ethora-color-border, #e6e8ec);
-`, V = e.div`
+`, U = e.div`
   display: flex;
   align-items: center;
   gap: var(--ethora-space-2, 8px);
@@ -135,7 +135,7 @@ const c = 767, R = `${c}px`, z = e.div`
   & > svg {
     flex: 0 0 auto;
   }
-`, X = e.input`
+`, V = e.input`
   flex: 1 1 auto;
   min-width: 0;
   border: none;
@@ -148,22 +148,22 @@ const c = 767, R = `${c}px`, z = e.div`
   &::placeholder {
     color: var(--ethora-color-text-muted, #8c8c8c);
   }
-`, q = e.div`
+`, X = e.div`
   display: flex;
   flex-direction: column;
   width: 100%;
-`, E = e.div`
+`, T = e.div`
   font-size: var(--ethora-font-size-sm, 14px);
   font-weight: var(--ethora-font-weight-medium, 500);
   color: var(--ethora-color-text, #141414);
   text-align: start;
-`, T = e.div`
+`, C = e.div`
   font-size: var(--ethora-font-size-xs, 12px);
   font-weight: var(--ethora-font-weight-regular, 400);
   color: var(--ethora-color-text-muted, #8c8c8c);
   text-align: start;
   line-height: 1.4;
-`, C = e.button`
+`, E = e.button`
   display: flex;
   align-items: center;
   gap: var(--ethora-space-3, 12px);
@@ -205,17 +205,17 @@ const c = 767, R = `${c}px`, z = e.div`
     strokeLinecap: "round",
     strokeLinejoin: "round"
   }
-) }), G = ({
+) }), Z = ({
   label: r,
   hint: a,
   onClick: t
-}) => /* @__PURE__ */ i(C, { type: "button", onClick: t, children: [
+}) => /* @__PURE__ */ i(E, { type: "button", onClick: t, children: [
   /* @__PURE__ */ i(L, { children: [
-    /* @__PURE__ */ o(E, { children: r }),
-    a && /* @__PURE__ */ o(T, { children: a })
+    /* @__PURE__ */ o(T, { children: r }),
+    a && /* @__PURE__ */ o(C, { children: a })
   ] }),
   /* @__PURE__ */ o(j, { "aria-hidden": "true", children: /* @__PURE__ */ o(M, {}) })
-] }), J = ({
+] }), G = ({
   title: r,
   onClose: a,
   headerActions: t,
@@ -224,7 +224,7 @@ const c = 767, R = `${c}px`, z = e.div`
 }) => {
   const h = g(), n = f(), s = v(null);
   u({ onClose: a, containerRef: s });
-  const p = m(c), x = w();
+  const p = m(c), x = b();
   return /* @__PURE__ */ i(
     z,
     {
@@ -237,7 +237,7 @@ const c = 767, R = `${c}px`, z = e.div`
       children: [
         /* @__PURE__ */ i(B, { children: [
           /* @__PURE__ */ o(
-            b,
+            w,
             {
               EndIcon: /* @__PURE__ */ o(y, {}),
               onClick: a,
@@ -253,18 +253,18 @@ const c = 767, R = `${c}px`, z = e.div`
   );
 };
 export {
-  H as D,
-  J as S,
+  $ as D,
+  G as S,
   O as a,
   W as b,
-  U as c,
-  G as d,
+  F as c,
+  Z as d,
   _ as e,
-  T as f,
-  E as g,
-  F as h,
-  V as i,
-  X as j,
-  q as k,
-  K as l
+  C as f,
+  T as g,
+  K as h,
+  U as i,
+  V as j,
+  X as k,
+  q as l
 };