aidol 0.2.0 → 0.2.1

package/dist/client.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as t, jsxs as o, Fragment as W } from "react/jsx-runtime";
-import { useTranslation as b } from "react-i18next";
+import { useTranslation as h } from "react-i18next";
 import z from "next/image";
 import * as i from "react";
 import { forwardRef as x, useState as S, useMemo as M, useCallback as Y } from "react";
@@ -127,27 +127,27 @@ function de({
     d: "M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z"
   }));
 }
-const me = i.forwardRef(de), pe = {
+const me = i.forwardRef(de), ue = {
   sm: "size-16",
   md: "size-24",
   lg: "size-32"
 };
 function I({ url: e, alt: a, size: n = "md" }) {
-  const r = pe[n];
+  const r = ue[n];
   return /* @__PURE__ */ t(
     "div",
     {
-      className: `relative overflow-hidden rounded-2xl bg-base-200 ${r}`,
-      children: e ? /* @__PURE__ */ t(z, { src: e, alt: a, fill: !0, className: "object-cover" }) : /* @__PURE__ */ t("div", { className: "flex size-full items-center justify-center bg-gradient-to-br from-primary/20 to-secondary/20", children: /* @__PURE__ */ t(me, { className: "size-1/2 text-base-content/50" }) })
+      className: `bg-base-200 relative overflow-hidden rounded-2xl ${r}`,
+      children: e ? /* @__PURE__ */ t(z, { src: e, alt: a, fill: !0, className: "object-cover" }) : /* @__PURE__ */ t("div", { className: "from-primary/20 to-secondary/20 flex size-full items-center justify-center bg-gradient-to-br", children: /* @__PURE__ */ t(me, { className: "text-base-content/50 size-1/2" }) })
     }
   );
 }
-function ue({ companion: e, onClick: a }) {
+function pe({ companion: e, onClick: a }) {
   return /* @__PURE__ */ t(
     "div",
     {
       onClick: a,
-      className: "card cursor-pointer bg-base-200 p-4 transition-shadow hover:shadow-lg",
+      className: "card bg-base-200 cursor-pointer p-4 transition-shadow hover:shadow-lg",
       role: a ? "button" : void 0,
       tabIndex: a ? 0 : void 0,
       onKeyDown: a ? (n) => {
@@ -163,8 +163,8 @@ function ue({ companion: e, onClick: a }) {
           }
         ),
         /* @__PURE__ */ o("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ t("h3", { className: "truncate text-title-m font-semibold text-base-content", children: e.name }),
-          e.biography && /* @__PURE__ */ t("p", { className: "mt-1 line-clamp-2 text-body-s text-base-content/70", children: e.biography })
+          /* @__PURE__ */ t("h3", { className: "text-title-m text-base-content truncate font-semibold", children: e.name }),
+          e.biography && /* @__PURE__ */ t("p", { className: "text-body-s text-base-content/70 mt-1 line-clamp-2", children: e.biography })
         ] })
       ] })
     }
@@ -174,22 +174,22 @@ function Ue({
   companions: e,
   onCompanionClick: a
 }) {
-  const { t: n } = b();
+  const { t: n } = h();
   return /* @__PURE__ */ o("div", { className: "mt-8", children: [
-    /* @__PURE__ */ t("h2", { className: "mb-4 text-title-l font-semibold", children: n("aidol:aidol.members") }),
+    /* @__PURE__ */ t("h2", { className: "text-title-l mb-4 font-semibold", children: n("aidol:aidol.members") }),
     e && e.length > 0 ? /* @__PURE__ */ t("div", { className: "grid gap-4 sm:grid-cols-2", children: e.map((r) => /* @__PURE__ */ t(
-      ue,
+      pe,
       {
         companion: r,
         onClick: () => a(r.id)
       },
       r.id
-    )) }) : /* @__PURE__ */ t("p", { className: "text-center text-base-content/50", children: n("aidol:aidol.noMembers") })
+    )) }) : /* @__PURE__ */ t("p", { className: "text-base-content/50 text-center", children: n("aidol:aidol.noMembers") })
   ] });
 }
 function $e({ aidol: e }) {
   return /* @__PURE__ */ o("div", { className: "flex flex-col items-center gap-4 py-8 text-center", children: [
-    /* @__PURE__ */ t("div", { className: "relative size-32 overflow-hidden rounded-full bg-base-200", children: e.profileImageUrl ? /* @__PURE__ */ t(
+    /* @__PURE__ */ t("div", { className: "bg-base-200 relative size-32 overflow-hidden rounded-full", children: e.profileImageUrl ? /* @__PURE__ */ t(
       z,
       {
         src: e.profileImageUrl,
@@ -197,21 +197,21 @@ function $e({ aidol: e }) {
         fill: !0,
         className: "object-cover"
       }
-    ) : /* @__PURE__ */ t("div", { className: "flex size-full items-center justify-center bg-gradient-to-br from-primary/20 to-secondary/20", children: /* @__PURE__ */ t(ce, { className: "size-16 text-base-content/50" }) }) }),
+    ) : /* @__PURE__ */ t("div", { className: "from-primary/20 to-secondary/20 flex size-full items-center justify-center bg-gradient-to-br", children: /* @__PURE__ */ t(ce, { className: "text-base-content/50 size-16" }) }) }),
     /* @__PURE__ */ o("div", { children: [
-      /* @__PURE__ */ t("h1", { className: "text-display-s font-bold text-base-content", children: e.name }),
-      e.concept && /* @__PURE__ */ t("p", { className: "mt-2 text-body-l text-base-content/70", children: e.concept })
+      /* @__PURE__ */ t("h1", { className: "text-display-s text-base-content font-bold", children: e.name }),
+      e.concept && /* @__PURE__ */ t("p", { className: "text-body-l text-base-content/70 mt-2", children: e.concept })
     ] })
   ] });
 }
-function be({ onClick: e, isLoading: a }) {
-  const { t: n } = b();
+function he({ onClick: e, isLoading: a }) {
+  const { t: n } = h();
   return /* @__PURE__ */ t(
     "button",
     {
       onClick: e,
       disabled: a,
-      className: "btn btn-neutral h-16 min-w-48 text-label-l text-neutral-content",
+      className: "btn btn-neutral text-label-l text-neutral-content h-16 min-w-48",
       children: a ? /* @__PURE__ */ t("span", { className: "loading loading-spinner loading-sm" }) : /* @__PURE__ */ o(W, { children: [
         /* @__PURE__ */ t(le, { className: "size-5" }),
         n("aidol:companion.addMember")
@@ -221,7 +221,7 @@ function be({ onClick: e, isLoading: a }) {
 }
 const R = x(
   ({ placeholder: e, maxLength: a = 500, charCount: n, ...r }, s) => {
-    const { t: c } = b();
+    const { t: c } = h();
     return /* @__PURE__ */ o("div", { className: "w-full", children: [
       /* @__PURE__ */ t(
         "textarea",
@@ -229,11 +229,11 @@ const R = x(
           ref: s,
           placeholder: e ?? c("aidol:companion.promptPlaceholder"),
           maxLength: a,
-          className: "textarea textarea-bordered h-32 w-full resize-none bg-base-100 text-base-content placeholder:text-base-content/50 focus:border-primary focus:outline-none",
+          className: "textarea bg-base-100 text-base-content placeholder:text-base-content/50 focus:border-primary h-32 w-full resize-none focus:outline-hidden",
           ...r
         }
       ),
-      /* @__PURE__ */ o("div", { className: "mt-1 text-right text-label-s text-base-content/50", children: [
+      /* @__PURE__ */ o("div", { className: "text-label-s text-base-content/50 mt-1 text-right", children: [
         n ?? 0,
         "/",
         a
@@ -243,14 +243,14 @@ const R = x(
 );
 R.displayName = "PromptInput";
 const U = x(({ options: e, ...a }, n) => {
-  const { t: r } = b();
-  return /* @__PURE__ */ o("div", { className: "form-control w-full", children: [
-    /* @__PURE__ */ t("label", { className: "label", children: /* @__PURE__ */ t("span", { className: "label-text text-base-content", children: r("aidol:creation.concept") }) }),
+  const { t: r } = h();
+  return /* @__PURE__ */ o("fieldset", { className: "fieldset w-full", children: [
+    /* @__PURE__ */ t("label", { className: "label", children: r("aidol:creation.concept") }),
     /* @__PURE__ */ o(
       "select",
       {
         ref: n,
-        className: "select select-bordered w-full bg-base-100 text-base-content",
+        className: "select bg-base-100 text-base-content w-full",
         ...a,
         children: [
           /* @__PURE__ */ t("option", { value: "", children: r("aidol:creation.selectConcept") }),
@@ -261,15 +261,15 @@ const U = x(({ options: e, ...a }, n) => {
   ] });
 });
 U.displayName = "ConceptSelector";
-function he({
+function be({
   onGenerate: e,
   isGenerating: a,
   disabled: n
 }) {
-  const { t: r } = b(), [s, c] = S(""), l = () => {
+  const { t: r } = h(), [s, c] = S(""), l = () => {
     s.trim() && e(s);
   };
-  return /* @__PURE__ */ o("div", { className: "form-control w-full", children: [
+  return /* @__PURE__ */ o("fieldset", { className: "fieldset w-full", children: [
     /* @__PURE__ */ o("div", { className: "flex gap-2", children: [
       /* @__PURE__ */ t(
         "input",
@@ -282,7 +282,7 @@ function he({
           },
           placeholder: r("aidol:creation.emblemPromptPlaceholder"),
           maxLength: 200,
-          className: "input input-bordered flex-1",
+          className: "input flex-1",
           disabled: n || a,
           "data-testid": "emblem-prompt-input"
         }
@@ -314,8 +314,8 @@ var fe = function(e, a) {
         return e.push(v);
       });
     }), a) {
-      var d = n[l].types, h = d && d[r.code];
-      n[l] = J(l, a, n, s, h ? [].concat(h, r.message) : r.message);
+      var d = n[l].types, b = d && d[r.code];
+      n[l] = J(l, a, n, s, b ? [].concat(b, r.message) : r.message);
     }
     e.shift();
   }
@@ -325,11 +325,11 @@ var fe = function(e, a) {
     try {
       return Promise.resolve((function(l, m) {
         try {
-          var d = Promise.resolve(e[n.mode === "sync" ? "parse" : "parseAsync"](r, a)).then(function(h) {
-            return c.shouldUseNativeValidation && H({}, c), { errors: {}, values: n.raw ? r : h };
+          var d = Promise.resolve(e[n.mode === "sync" ? "parse" : "parseAsync"](r, a)).then(function(b) {
+            return c.shouldUseNativeValidation && H({}, c), { errors: {}, values: n.raw ? r : b };
           });
-        } catch (h) {
-          return m(h);
+        } catch (b) {
+          return m(b);
         }
         return d && d.then ? d.then(void 0, m) : d;
       })(0, function(l) {
@@ -358,9 +358,9 @@ function y() {
 }
 const O = x(
   ({ error: e, ...a }, n) => {
-    const { t: r } = b();
-    return /* @__PURE__ */ o("div", { className: "form-control w-full", children: [
-      /* @__PURE__ */ t("label", { className: "label", children: /* @__PURE__ */ t("span", { className: "label-text text-base-content", children: r("aidol:creation.groupName") }) }),
+    const { t: r } = h();
+    return /* @__PURE__ */ o("fieldset", { className: "fieldset w-full", children: [
+      /* @__PURE__ */ t("label", { className: "label", children: r("aidol:creation.groupName") }),
       /* @__PURE__ */ t(
         "input",
         {
@@ -368,21 +368,21 @@ const O = x(
           type: "text",
           placeholder: r("aidol:creation.groupNamePlaceholder"),
           className: y(
-            "input input-bordered w-full bg-base-100 text-base-content placeholder:text-base-content/50",
+            "input bg-base-100 text-base-content placeholder:text-base-content/50 w-full",
             e && "input-error"
           ),
           ...a
         }
       ),
-      e && /* @__PURE__ */ t("label", { className: "label", children: /* @__PURE__ */ t("span", { className: "label-text-alt text-error", children: e }) })
+      e && /* @__PURE__ */ t("span", { className: "text-label-m text-error", children: e })
     ] });
   }
 );
 O.displayName = "GroupNameInput";
 const Z = x(({ error: e, ...a }, n) => {
-  const { t: r } = b();
-  return /* @__PURE__ */ o("div", { className: "form-control w-full", children: [
-    /* @__PURE__ */ t("label", { className: "label", children: /* @__PURE__ */ t("span", { className: "label-text text-base-content", children: r("aidol:creation.memberName") }) }),
+  const { t: r } = h();
+  return /* @__PURE__ */ o("fieldset", { className: "fieldset w-full", children: [
+    /* @__PURE__ */ t("label", { className: "label", children: r("aidol:creation.memberName") }),
     /* @__PURE__ */ t(
       "input",
       {
@@ -390,13 +390,13 @@ const Z = x(({ error: e, ...a }, n) => {
         type: "text",
         placeholder: r("aidol:creation.memberNamePlaceholder"),
         className: y(
-          "input input-bordered w-full bg-base-100 text-base-content placeholder:text-base-content/50",
+          "input bg-base-100 text-base-content placeholder:text-base-content/50 w-full",
           e && "input-error"
         ),
         ...a
       }
     ),
-    e && /* @__PURE__ */ t("label", { className: "label", children: /* @__PURE__ */ t("span", { className: "label-text-alt text-error", children: e }) })
+    e && /* @__PURE__ */ t("span", { className: "text-label-m text-error", children: e })
   ] });
 });
 Z.displayName = "MemberNameInput";
@@ -405,9 +405,9 @@ function ve({
   onChange: a,
   options: n
 }) {
-  const { t: r } = b();
-  return /* @__PURE__ */ o("div", { className: "form-control w-full", children: [
-    /* @__PURE__ */ t("label", { className: "label", children: /* @__PURE__ */ t("span", { className: "label-text text-base-content", children: r("aidol:creation.personality") }) }),
+  const { t: r } = h();
+  return /* @__PURE__ */ o("fieldset", { className: "fieldset w-full", children: [
+    /* @__PURE__ */ t("label", { className: "label", children: r("aidol:creation.personality") }),
     /* @__PURE__ */ t("div", { className: "space-y-2", children: n.map((s) => /* @__PURE__ */ o(
       "label",
       {
@@ -428,8 +428,8 @@ function ve({
             }
           ),
           /* @__PURE__ */ o("div", { children: [
-            /* @__PURE__ */ t("div", { className: "font-medium text-base-content", children: s.label }),
-            s.description && /* @__PURE__ */ t("div", { className: "mt-1 text-body-s text-base-content/70", children: s.description })
+            /* @__PURE__ */ t("div", { className: "text-base-content font-medium", children: s.label }),
+            s.description && /* @__PURE__ */ t("div", { className: "text-body-s text-base-content/70 mt-1", children: s.description })
           ] })
         ]
       },
@@ -466,17 +466,17 @@ function Oe({
   isGeneratingImage: s,
   isCompleted: c
 }) {
-  const { t: l } = b(), [m, d] = S(c ? 3 : 1), h = M(
-    () => xe.map((p) => ({
-      value: p,
-      label: l(`aidol:creation.concepts.${p}`)
+  const { t: l } = h(), [m, d] = S(c ? 3 : 1), b = M(
+    () => xe.map((u) => ({
+      value: u,
+      label: l(`aidol:creation.concepts.${u}`)
     })),
     [l]
   ), w = M(
-    () => ye.map((p) => ({
-      value: p,
-      label: l(`aidol:creation.personalities.${p}.label`),
-      description: l(`aidol:creation.personalities.${p}.description`)
+    () => ye.map((u) => ({
+      value: u,
+      label: l(`aidol:creation.personalities.${u}.label`),
+      description: l(`aidol:creation.personalities.${u}.description`)
     })),
     [l]
   ), {
@@ -498,18 +498,18 @@ function Oe({
   }), C = j("profileImageUrl"), { fields: D, append: T } = X({
     control: P,
     name: "members"
-  }), A = j("members"), G = async (p) => {
-    const u = await n(p);
-    u && B("profileImageUrl", u);
+  }), A = j("members"), G = async (u) => {
+    const p = await n(u);
+    p && B("profileImageUrl", p);
   }, V = async () => {
     await L(["groupName", "profileImageUrl"]) && d(2);
-  }, _ = F(async (p) => {
-    const u = p.members.filter((N) => N.name.trim());
-    await e({ ...p, members: u }), d(3);
+  }, _ = F(async (u) => {
+    const p = u.members.filter((N) => N.name.trim());
+    await e({ ...u, members: p }), d(3);
   }), K = () => {
     T({ name: "", personality: "", systemPrompt: "" });
   };
-  return /* @__PURE__ */ t("main", { className: "flex min-h-dvh w-full flex-col items-center bg-base-100 px-6 py-20", children: /* @__PURE__ */ o("div", { className: "w-full max-w-lg", children: [
+  return /* @__PURE__ */ t("main", { className: "bg-base-100 flex min-h-dvh w-full flex-col items-center px-6 py-20", children: /* @__PURE__ */ o("div", { className: "w-full max-w-lg", children: [
     /* @__PURE__ */ t(
       Ne,
       {
@@ -536,13 +536,13 @@ function Oe({
           U,
           {
             ...v("concept"),
-            options: h
+            options: b
           }
         ),
-        /* @__PURE__ */ o("div", { className: "form-control", children: [
-          /* @__PURE__ */ t("label", { className: "label", children: /* @__PURE__ */ t("span", { className: "label-text font-medium", children: l("aidol:creation.emblem") }) }),
+        /* @__PURE__ */ o("fieldset", { className: "fieldset", children: [
+          /* @__PURE__ */ t("label", { className: "label", children: l("aidol:creation.emblem") }),
           /* @__PURE__ */ t(
-            he,
+            be,
             {
               onGenerate: G,
               isGenerating: s,
@@ -557,7 +557,7 @@ function Oe({
               size: "lg"
             }
           ) }),
-          f.profileImageUrl?.message && /* @__PURE__ */ t("p", { className: "mt-1 text-label-m text-error", children: l(f.profileImageUrl.message, { ns: "aidol" }) })
+          f.profileImageUrl?.message && /* @__PURE__ */ t("p", { className: "text-label-m text-error mt-1", children: l(f.profileImageUrl.message, { ns: "aidol" }) })
         ] }),
         /* @__PURE__ */ t(
           "button",
@@ -572,25 +572,25 @@ function Oe({
       ] }),
       m === 2 && /* @__PURE__ */ o("form", { onSubmit: _, className: "space-y-6", children: [
         /* @__PURE__ */ t("h2", { className: "text-display-s font-bold", children: l("aidol:creation.step2Title") }),
-        D.map((p, u) => /* @__PURE__ */ o(
+        D.map((u, p) => /* @__PURE__ */ o(
           "div",
           {
-            className: "space-y-4 rounded-lg border border-base-300 p-4",
+            className: "border-base-300 space-y-4 rounded-lg border p-4",
             children: [
               /* @__PURE__ */ o("div", { className: "flex items-center gap-4", children: [
                 /* @__PURE__ */ t(
                   I,
                   {
                     url: null,
-                    alt: A[u]?.name ?? "",
+                    alt: A[p]?.name ?? "",
                     size: "sm"
                   }
                 ),
                 /* @__PURE__ */ t("div", { className: "flex-1", children: /* @__PURE__ */ t(
                   Z,
                   {
-                    ...v(`members.${u}.name`),
-                    error: f.members?.[u]?.name?.message ? l(f.members?.[u]?.name?.message ?? "", {
+                    ...v(`members.${p}.name`),
+                    error: f.members?.[p]?.name?.message ? l(f.members?.[p]?.name?.message ?? "", {
                       ns: "aidol"
                     }) : void 0
                   }
@@ -599,7 +599,7 @@ function Oe({
               /* @__PURE__ */ t(
                 ee,
                 {
-                  name: `members.${u}.personality`,
+                  name: `members.${p}.personality`,
                   control: P,
                   render: ({ field: N }) => /* @__PURE__ */ t(
                     ve,
@@ -614,16 +614,16 @@ function Oe({
               /* @__PURE__ */ t(
                 R,
                 {
-                  ...v(`members.${u}.systemPrompt`),
-                  charCount: A[u]?.systemPrompt?.length ?? 0
+                  ...v(`members.${p}.systemPrompt`),
+                  charCount: A[p]?.systemPrompt?.length ?? 0
                 }
               )
             ]
           },
-          p.id
+          u.id
         )),
-        /* @__PURE__ */ t(be, { onClick: K, isLoading: !1 }),
-        f.members?.root?.message && /* @__PURE__ */ t("p", { className: "text-center text-error", children: l(f.members.root.message, { ns: "aidol" }) }),
+        /* @__PURE__ */ t(he, { onClick: K, isLoading: !1 }),
+        f.members?.root?.message && /* @__PURE__ */ t("p", { className: "text-error text-center", children: l(f.members.root.message, { ns: "aidol" }) }),
         /* @__PURE__ */ o("div", { className: "flex gap-4", children: [
           /* @__PURE__ */ t(
             "button",
@@ -694,7 +694,7 @@ const Ce = i.forwardRef(we), E = {
   }
 };
 function Ze() {
-  const { t: e } = b();
+  const { t: e } = h();
   return /* @__PURE__ */ o(
     g.section,
     {
@@ -704,12 +704,12 @@ function Ze() {
       viewport: { once: !0, amount: 0.1 },
       className: "container mx-auto px-6 py-20 text-center md:py-28",
       children: [
-        /* @__PURE__ */ t(g.div, { variants: E, children: /* @__PURE__ */ t(Ce, { className: "mx-auto size-24 text-secondary drop-shadow-[0_0_16px_theme(colors.secondary)]" }) }),
+        /* @__PURE__ */ t(g.div, { variants: E, children: /* @__PURE__ */ t(Ce, { className: "text-secondary drop-shadow-[0_0_16px_theme(colors.secondary)] mx-auto size-24" }) }),
         /* @__PURE__ */ t(
           g.h2,
           {
             variants: E,
-            className: "mt-4 text-display-s md:text-display-m",
+            className: "text-display-s md:text-display-m mt-4",
             children: e("aidol:landing.demo.title")
           }
         ),
@@ -717,7 +717,7 @@ function Ze() {
           g.p,
           {
             variants: E,
-            className: "mx-auto mt-4 max-w-lg text-body-l text-neutral-content",
+            className: "text-body-l text-neutral-content mx-auto mt-4 max-w-lg",
             children: e("aidol:landing.demo.description")
           }
         )
@@ -743,21 +743,21 @@ const k = {
   }
 };
 function Fe({ onGetStarted: e }) {
-  const { t: a } = b();
-  return /* @__PURE__ */ t("div", { className: "hero min-h-screen bg-gradient-to-b from-base-200 to-primary pt-20", children: /* @__PURE__ */ o(
+  const { t: a } = h();
+  return /* @__PURE__ */ t("div", { className: "hero from-base-200 to-primary min-h-screen bg-gradient-to-b pt-20", children: /* @__PURE__ */ o(
     g.div,
     {
       variants: ke,
       initial: "initial",
       animate: "animate",
-      className: "hero-content flex-col gap-12 text-center text-base-content",
+      className: "hero-content text-base-content flex-col gap-12 text-center",
       children: [
         /* @__PURE__ */ o("div", { className: "max-w-3xl", children: [
           /* @__PURE__ */ t(
             g.h1,
             {
               variants: k,
-              className: "mb-4 text-display-m md:text-display-l",
+              className: "text-display-m md:text-display-l mb-4",
               children: a("aidol:landing.hero.title")
             }
           ),
@@ -765,7 +765,7 @@ function Fe({ onGetStarted: e }) {
             g.p,
             {
               variants: k,
-              className: "mx-auto mt-6 max-w-xl text-body-l text-neutral-content",
+              className: "text-body-l text-neutral-content mx-auto mt-6 max-w-xl",
               children: a("aidol:landing.hero.description")
             }
           )
@@ -783,7 +783,7 @@ function Fe({ onGetStarted: e }) {
   ) });
 }
 function Le({ url: e, onCopySuccess: a }) {
-  const { t: n } = b(), [r, s] = S(!1), c = Y(async () => {
+  const { t: n } = h(), [r, s] = S(!1), c = Y(async () => {
     await navigator.clipboard.writeText(e), s(!0), a?.(), setTimeout(() => s(!1), 2e3);
   }, [e, a]);
   return /* @__PURE__ */ t(
@@ -792,17 +792,17 @@ function Le({ url: e, onCopySuccess: a }) {
       onClick: c,
       className: "btn btn-circle btn-ghost",
       "aria-label": n("aidol:share"),
-      children: r ? /* @__PURE__ */ t(re, { className: "size-6 text-success" }) : /* @__PURE__ */ t(oe, { className: "size-6" })
+      children: r ? /* @__PURE__ */ t(re, { className: "text-success size-6" }) : /* @__PURE__ */ t(oe, { className: "size-6" })
     }
   );
 }
 export {
-  be as AddMemberButton,
-  ue as Card,
+  he as AddMemberButton,
+  pe as Card,
   Ue as CompanionGrid,
   U as ConceptSelector,
   Ze as DemoSection,
-  he as EmblemGenerator,
+  be as EmblemGenerator,
   Oe as GroupCreation,
   $e as GroupHeader,
   O as GroupNameInput,