aidol 0.2.0 → 0.3.0

package/dist/client.js

@@ -1,19 +1,32 @@
 "use client";
 import { jsx as t, jsxs as o, Fragment as W } from "react/jsx-runtime";
-import { useTranslation as b } 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";
+import { useTranslation as p } from "react-i18next";
+import R from "next/image";
+import * as c from "react";
+import { forwardRef as y, useState as S, useMemo as M, useCallback as Y } from "react";
 import { validateFieldsNatively as H, toNestErrors as q } from "@hookform/resolvers";
 import { appendErrors as J, useForm as Q, useFieldArray as X, Controller as ee } from "react-hook-form";
 import { g as te } from "./aidol-D1U55wfr.mjs";
 import { motion as g } from "framer-motion";
+function U(e) {
+  var r, l, a = "";
+  if (typeof e == "string" || typeof e == "number") a += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var s = e.length;
+    for (r = 0; r < s; r++) e[r] && (l = U(e[r])) && (a && (a += " "), a += l);
+  } else for (l in e) e[l] && (a && (a += " "), a += l);
+  return a;
+}
+function v() {
+  for (var e, r, l = 0, a = "", s = arguments.length; l < s; l++) (e = arguments[l]) && (r = U(e)) && (a && (a += " "), a += r);
+  return a;
+}
 function ae({
   title: e,
-  titleId: a,
-  ...n
-}, r) {
-  return /* @__PURE__ */ i.createElement("svg", Object.assign({
+  titleId: r,
+  ...l
+}, a) {
+  return /* @__PURE__ */ c.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -21,23 +34,23 @@ function ae({
     stroke: "currentColor",
     "aria-hidden": "true",
     "data-slot": "icon",
-    ref: r,
-    "aria-labelledby": a
-  }, n), e ? /* @__PURE__ */ i.createElement("title", {
-    id: a
-  }, e) : null, /* @__PURE__ */ i.createElement("path", {
+    ref: a,
+    "aria-labelledby": r
+  }, l), e ? /* @__PURE__ */ c.createElement("title", {
+    id: r
+  }, e) : null, /* @__PURE__ */ c.createElement("path", {
     strokeLinecap: "round",
     strokeLinejoin: "round",
     d: "m4.5 12.75 6 6 9-13.5"
   }));
 }
-const re = i.forwardRef(ae);
-function ne({
+const re = c.forwardRef(ae);
+function le({
   title: e,
-  titleId: a,
-  ...n
-}, r) {
-  return /* @__PURE__ */ i.createElement("svg", Object.assign({
+  titleId: r,
+  ...l
+}, a) {
+  return /* @__PURE__ */ c.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -45,23 +58,23 @@ function ne({
     stroke: "currentColor",
     "aria-hidden": "true",
     "data-slot": "icon",
-    ref: r,
-    "aria-labelledby": a
-  }, n), e ? /* @__PURE__ */ i.createElement("title", {
-    id: a
-  }, e) : null, /* @__PURE__ */ i.createElement("path", {
+    ref: a,
+    "aria-labelledby": r
+  }, l), e ? /* @__PURE__ */ c.createElement("title", {
+    id: r
+  }, e) : null, /* @__PURE__ */ c.createElement("path", {
     strokeLinecap: "round",
     strokeLinejoin: "round",
     d: "M12 4.5v15m7.5-7.5h-15"
   }));
 }
-const le = i.forwardRef(ne);
+const ne = c.forwardRef(le);
 function se({
   title: e,
-  titleId: a,
-  ...n
-}, r) {
-  return /* @__PURE__ */ i.createElement("svg", Object.assign({
+  titleId: r,
+  ...l
+}, a) {
+  return /* @__PURE__ */ c.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -69,23 +82,23 @@ function se({
     stroke: "currentColor",
     "aria-hidden": "true",
     "data-slot": "icon",
-    ref: r,
-    "aria-labelledby": a
-  }, n), e ? /* @__PURE__ */ i.createElement("title", {
-    id: a
-  }, e) : null, /* @__PURE__ */ i.createElement("path", {
+    ref: a,
+    "aria-labelledby": r
+  }, l), e ? /* @__PURE__ */ c.createElement("title", {
+    id: r
+  }, e) : null, /* @__PURE__ */ c.createElement("path", {
     strokeLinecap: "round",
     strokeLinejoin: "round",
     d: "M7.217 10.907a2.25 2.25 0 1 0 0 2.186m0-2.186c.18.324.283.696.283 1.093s-.103.77-.283 1.093m0-2.186 9.566-5.314m-9.566 7.5 9.566 5.314m0 0a2.25 2.25 0 1 0 3.935 2.186 2.25 2.25 0 0 0-3.935-2.186Zm0-12.814a2.25 2.25 0 1 0 3.933-2.185 2.25 2.25 0 0 0-3.933 2.185Z"
   }));
 }
-const oe = i.forwardRef(se);
+const oe = c.forwardRef(se);
 function ie({
   title: e,
-  titleId: a,
-  ...n
-}, r) {
-  return /* @__PURE__ */ i.createElement("svg", Object.assign({
+  titleId: r,
+  ...l
+}, a) {
+  return /* @__PURE__ */ c.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -93,23 +106,23 @@ function ie({
     stroke: "currentColor",
     "aria-hidden": "true",
     "data-slot": "icon",
-    ref: r,
-    "aria-labelledby": a
-  }, n), e ? /* @__PURE__ */ i.createElement("title", {
-    id: a
-  }, e) : null, /* @__PURE__ */ i.createElement("path", {
+    ref: a,
+    "aria-labelledby": r
+  }, l), e ? /* @__PURE__ */ c.createElement("title", {
+    id: r
+  }, e) : null, /* @__PURE__ */ c.createElement("path", {
     strokeLinecap: "round",
     strokeLinejoin: "round",
     d: "M18 18.72a9.094 9.094 0 0 0 3.741-.479 3 3 0 0 0-4.682-2.72m.94 3.198.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0 1 12 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 0 1 6 18.719m12 0a5.971 5.971 0 0 0-.941-3.197m0 0A5.995 5.995 0 0 0 12 12.75a5.995 5.995 0 0 0-5.058 2.772m0 0a3 3 0 0 0-4.681 2.72 8.986 8.986 0 0 0 3.74.477m.94-3.197a5.971 5.971 0 0 0-.94 3.197M15 6.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm6 3a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Zm-13.5 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z"
   }));
 }
-const ce = i.forwardRef(ie);
+const ce = c.forwardRef(ie);
 function de({
   title: e,
-  titleId: a,
-  ...n
-}, r) {
-  return /* @__PURE__ */ i.createElement("svg", Object.assign({
+  titleId: r,
+  ...l
+}, a) {
+  return /* @__PURE__ */ c.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -117,173 +130,192 @@ function de({
     stroke: "currentColor",
     "aria-hidden": "true",
     "data-slot": "icon",
-    ref: r,
-    "aria-labelledby": a
-  }, n), e ? /* @__PURE__ */ i.createElement("title", {
-    id: a
-  }, e) : null, /* @__PURE__ */ i.createElement("path", {
+    ref: a,
+    "aria-labelledby": r
+  }, l), e ? /* @__PURE__ */ c.createElement("title", {
+    id: r
+  }, e) : null, /* @__PURE__ */ c.createElement("path", {
     strokeLinecap: "round",
     strokeLinejoin: "round",
     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 = {
-  sm: "size-16",
-  md: "size-24",
-  lg: "size-32"
+const me = c.forwardRef(de), ue = {
+  default: "size-profile",
+  profile: "size-full"
 };
-function I({ url: e, alt: a, size: n = "md" }) {
-  const r = pe[n];
+function I({ url: e, alt: r, variant: l = "default" }) {
   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: v(
+        "border-base-300 bg-base-200 relative overflow-hidden rounded-lg border",
+        ue[l]
+      ),
+      children: e ? /* @__PURE__ */ t(R, { src: e, alt: r, fill: !0, className: "size-full object-cover" }) : /* @__PURE__ */ t("div", { className: "flex size-full items-center justify-center", children: /* @__PURE__ */ t(me, { className: "text-base-content/50 size-1/2" }) })
     }
   );
 }
-function ue({ companion: e, onClick: a }) {
-  return /* @__PURE__ */ t(
+function pe({ companion: e, variant: r = "grade", onClick: l }) {
+  const { t: a } = p(), s = e.aidolId !== null, i = r === "position", n = l && !s;
+  return /* @__PURE__ */ o(
     "div",
     {
-      onClick: a,
-      className: "card cursor-pointer bg-base-200 p-4 transition-shadow hover:shadow-lg",
-      role: a ? "button" : void 0,
-      tabIndex: a ? 0 : void 0,
-      onKeyDown: a ? (n) => {
-        (n.key === "Enter" || n.key === " ") && (n.preventDefault(), a());
+      className: v(
+        "h-card max-w-card border-base-300 relative w-full overflow-hidden rounded-lg border",
+        n && "cursor-pointer"
+      ),
+      onClick: n ? l : void 0,
+      role: n ? "button" : void 0,
+      tabIndex: n ? 0 : void 0,
+      onKeyDown: n ? (d) => {
+        (d.key === "Enter" || d.key === " ") && (d.preventDefault(), l());
       } : void 0,
-      children: /* @__PURE__ */ o("div", { className: "flex items-center gap-4", children: [
-        /* @__PURE__ */ t(
+      children: [
+        /* @__PURE__ */ t("div", { className: "absolute inset-0", children: /* @__PURE__ */ t(
           I,
           {
             url: e.profilePictureUrl,
             alt: e.name,
-            size: "md"
+            variant: "profile"
+          }
+        ) }),
+        s && /* @__PURE__ */ t("div", { className: "absolute inset-0 z-20 bg-black/40 backdrop-blur-sm" }),
+        s && /* @__PURE__ */ t("div", { className: "absolute top-4 left-4 z-20", children: /* @__PURE__ */ t("span", { className: "bg-base-100 text-body-s text-base-content w-fit rounded-lg px-2 py-1", children: a("companion.signed") }) }),
+        /* @__PURE__ */ t(
+          "div",
+          {
+            className: v(
+              "absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black to-transparent",
+              s && "opacity-20",
+              i && "opacity-30",
+              !s && !i && "opacity-60"
+            )
           }
         ),
-        /* @__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__ */ o("div", { className: "absolute inset-x-4 bottom-4 z-10 flex flex-col gap-2", children: [
+          /* @__PURE__ */ t("span", { className: "text-title-s text-white", children: e.name }),
+          !i && /* @__PURE__ */ t("span", { className: "text-body-s w-fit rounded-lg bg-black px-2 py-1 text-white", children: a("companion.grade", { grade: e.grade }) }),
+          i && /* @__PURE__ */ t("span", { className: "bg-base-100 text-body-s text-base-content w-fit rounded-lg px-2 py-1", children: e.position })
         ] })
-      ] })
+      ]
     }
   );
 }
-function Ue({
+function ze({
   companions: e,
-  onCompanionClick: a
+  onCompanionClick: r
 }) {
-  const { t: n } = b();
+  const { t: l } = p();
   return /* @__PURE__ */ o("div", { className: "mt-8", children: [
-    /* @__PURE__ */ t("h2", { className: "mb-4 text-title-l 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,
+    /* @__PURE__ */ t("h2", { className: "text-title-l mb-4 font-semibold", children: l("aidol:aidol.members") }),
+    e && e.length > 0 ? /* @__PURE__ */ t("div", { className: "grid gap-4 sm:grid-cols-2", children: e.map((a) => /* @__PURE__ */ t(
+      pe,
       {
-        companion: r,
-        onClick: () => a(r.id)
+        companion: a,
+        onClick: () => r(a.id)
       },
-      r.id
-    )) }) : /* @__PURE__ */ t("p", { className: "text-center text-base-content/50", children: n("aidol:aidol.noMembers") })
+      a.id
+    )) }) : /* @__PURE__ */ t("p", { className: "text-base-content/50 text-center", children: l("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(
-      z,
+    /* @__PURE__ */ t("div", { className: "bg-base-200 relative size-32 overflow-hidden rounded-full", children: e.profileImageUrl ? /* @__PURE__ */ t(
+      R,
       {
         src: e.profileImageUrl,
         alt: e.name,
         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 be({ onClick: e, isLoading: r }) {
+  const { t: l } = p();
   return /* @__PURE__ */ t(
     "button",
     {
       onClick: e,
-      disabled: a,
-      className: "btn btn-neutral h-16 min-w-48 text-label-l text-neutral-content",
-      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")
+      disabled: r,
+      className: "btn btn-neutral text-label-l text-neutral-content h-16 min-w-48",
+      children: r ? /* @__PURE__ */ t("span", { className: "loading loading-spinner loading-sm" }) : /* @__PURE__ */ o(W, { children: [
+        /* @__PURE__ */ t(ne, { className: "size-5" }),
+        l("aidol:companion.addMember")
       ] })
     }
   );
 }
-const R = x(
-  ({ placeholder: e, maxLength: a = 500, charCount: n, ...r }, s) => {
-    const { t: c } = b();
+const z = y(
+  ({ placeholder: e, maxLength: r = 500, charCount: l, ...a }, s) => {
+    const { t: i } = p();
     return /* @__PURE__ */ o("div", { className: "w-full", children: [
       /* @__PURE__ */ t(
         "textarea",
         {
           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",
-          ...r
+          placeholder: e ?? i("aidol:companion.promptPlaceholder"),
+          maxLength: r,
+          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",
+          ...a
         }
       ),
-      /* @__PURE__ */ o("div", { className: "mt-1 text-right text-label-s text-base-content/50", children: [
-        n ?? 0,
+      /* @__PURE__ */ o("div", { className: "text-label-s text-base-content/50 mt-1 text-right", children: [
+        l ?? 0,
         "/",
-        a
+        r
       ] })
     ] });
   }
 );
-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") }) }),
+z.displayName = "PromptInput";
+const $ = y(({ options: e, ...r }, l) => {
+  const { t: a } = p();
+  return /* @__PURE__ */ o("fieldset", { className: "fieldset w-full", children: [
+    /* @__PURE__ */ t("label", { className: "label", children: a("aidol:creation.concept") }),
     /* @__PURE__ */ o(
       "select",
       {
-        ref: n,
-        className: "select select-bordered w-full bg-base-100 text-base-content",
-        ...a,
+        ref: l,
+        className: "select bg-base-100 text-base-content w-full",
+        ...r,
         children: [
-          /* @__PURE__ */ t("option", { value: "", children: r("aidol:creation.selectConcept") }),
+          /* @__PURE__ */ t("option", { value: "", children: a("aidol:creation.selectConcept") }),
           e.map((s) => /* @__PURE__ */ t("option", { value: s.value, children: s.label }, s.value))
         ]
       }
     )
   ] });
 });
-U.displayName = "ConceptSelector";
-function he({
+$.displayName = "ConceptSelector";
+function fe({
   onGenerate: e,
-  isGenerating: a,
-  disabled: n
+  isGenerating: r,
+  disabled: l
 }) {
-  const { t: r } = b(), [s, c] = S(""), l = () => {
+  const { t: a } = p(), [s, i] = S(""), n = () => {
     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",
         {
           type: "text",
           value: s,
-          onChange: (d) => c(d.target.value),
-          onKeyDown: (d) => {
-            d.key === "Enter" && s.trim() && !a && !n && (d.preventDefault(), l());
+          onChange: (m) => i(m.target.value),
+          onKeyDown: (m) => {
+            m.key === "Enter" && s.trim() && !r && !l && (m.preventDefault(), n());
           },
-          placeholder: r("aidol:creation.emblemPromptPlaceholder"),
+          placeholder: a("aidol:creation.emblemPromptPlaceholder"),
           maxLength: 200,
-          className: "input input-bordered flex-1",
-          disabled: n || a,
+          className: "input flex-1",
+          disabled: l || r,
           "data-testid": "emblem-prompt-input"
         }
       ),
@@ -291,127 +323,114 @@ function he({
         "button",
         {
           type: "button",
-          onClick: l,
-          disabled: n || a || !s.trim(),
+          onClick: n,
+          disabled: l || r || !s.trim(),
           className: "btn btn-secondary",
           "data-testid": "emblem-generate-button",
-          children: a ? /* @__PURE__ */ t("span", { className: "loading loading-spinner loading-sm" }) : r("aidol:creation.generate")
+          children: r ? /* @__PURE__ */ t("span", { className: "loading loading-spinner loading-sm" }) : a("aidol:creation.generate")
         }
       )
     ] }),
-    a && /* @__PURE__ */ t("div", { className: "mt-2", children: /* @__PURE__ */ t("progress", { className: "progress w-full" }) })
+    r && /* @__PURE__ */ t("div", { className: "mt-2", children: /* @__PURE__ */ t("progress", { className: "progress w-full" }) })
   ] });
 }
-var fe = function(e, a) {
-  for (var n = {}; e.length; ) {
-    var r = e[0], s = r.code, c = r.message, l = r.path.join(".");
-    if (!n[l]) if ("unionErrors" in r) {
-      var m = r.unionErrors[0].errors[0];
-      n[l] = { message: m.message, type: m.code };
-    } else n[l] = { message: c, type: s };
-    if ("unionErrors" in r && r.unionErrors.forEach(function(w) {
-      return w.errors.forEach(function(v) {
-        return e.push(v);
+var he = function(e, r) {
+  for (var l = {}; e.length; ) {
+    var a = e[0], s = a.code, i = a.message, n = a.path.join(".");
+    if (!l[n]) if ("unionErrors" in a) {
+      var d = a.unionErrors[0].errors[0];
+      l[n] = { message: d.message, type: d.code };
+    } else l[n] = { message: i, type: s };
+    if ("unionErrors" in a && a.unionErrors.forEach(function(w) {
+      return w.errors.forEach(function(N) {
+        return e.push(N);
       });
-    }), 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);
+    }), r) {
+      var m = l[n].types, f = m && m[a.code];
+      l[n] = J(n, r, l, s, f ? [].concat(f, a.message) : a.message);
     }
     e.shift();
   }
-  return n;
-}, ge = function(e, a, n) {
-  return n === void 0 && (n = {}), function(r, s, c) {
+  return l;
+}, ge = function(e, r, l) {
+  return l === void 0 && (l = {}), function(a, s, i) {
     try {
-      return Promise.resolve((function(l, m) {
+      return Promise.resolve((function(n, d) {
         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 m = Promise.resolve(e[l.mode === "sync" ? "parse" : "parseAsync"](a, r)).then(function(f) {
+            return i.shouldUseNativeValidation && H({}, i), { errors: {}, values: l.raw ? a : f };
           });
-        } catch (h) {
-          return m(h);
+        } catch (f) {
+          return d(f);
         }
-        return d && d.then ? d.then(void 0, m) : d;
-      })(0, function(l) {
-        if ((function(m) {
-          return Array.isArray(m?.errors);
-        })(l)) return { values: {}, errors: q(fe(l.errors, !c.shouldUseNativeValidation && c.criteriaMode === "all"), c) };
-        throw l;
+        return m && m.then ? m.then(void 0, d) : m;
+      })(0, function(n) {
+        if ((function(d) {
+          return Array.isArray(d?.errors);
+        })(n)) return { values: {}, errors: q(he(n.errors, !i.shouldUseNativeValidation && i.criteriaMode === "all"), i) };
+        throw n;
       }));
-    } catch (l) {
-      return Promise.reject(l);
+    } catch (n) {
+      return Promise.reject(n);
     }
   };
 };
-function $(e) {
-  var a, n, r = "";
-  if (typeof e == "string" || typeof e == "number") r += e;
-  else if (typeof e == "object") if (Array.isArray(e)) {
-    var s = e.length;
-    for (a = 0; a < s; a++) e[a] && (n = $(e[a])) && (r && (r += " "), r += n);
-  } else for (n in e) e[n] && (r && (r += " "), r += n);
-  return r;
-}
-function y() {
-  for (var e, a, n = 0, r = "", s = arguments.length; n < s; n++) (e = arguments[n]) && (a = $(e)) && (r && (r += " "), r += a);
-  return r;
-}
-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 O = y(
+  ({ error: e, ...r }, l) => {
+    const { t: a } = p();
+    return /* @__PURE__ */ o("fieldset", { className: "fieldset w-full", children: [
+      /* @__PURE__ */ t("label", { className: "label", children: a("aidol:creation.groupName") }),
       /* @__PURE__ */ t(
         "input",
         {
-          ref: n,
+          ref: l,
           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",
+          placeholder: a("aidol:creation.groupNamePlaceholder"),
+          className: v(
+            "input bg-base-100 text-base-content placeholder:text-base-content/50 w-full",
             e && "input-error"
           ),
-          ...a
+          ...r
         }
       ),
-      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 Z = y(({ error: e, ...r }, l) => {
+  const { t: a } = p();
+  return /* @__PURE__ */ o("fieldset", { className: "fieldset w-full", children: [
+    /* @__PURE__ */ t("label", { className: "label", children: a("aidol:creation.memberName") }),
     /* @__PURE__ */ t(
       "input",
       {
-        ref: n,
+        ref: l,
         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",
+        placeholder: a("aidol:creation.memberNamePlaceholder"),
+        className: v(
+          "input bg-base-100 text-base-content placeholder:text-base-content/50 w-full",
           e && "input-error"
         ),
-        ...a
+        ...r
       }
     ),
-    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";
 function ve({
   value: e,
-  onChange: a,
-  options: n
+  onChange: r,
+  options: l
 }) {
-  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") }) }),
-    /* @__PURE__ */ t("div", { className: "space-y-2", children: n.map((s) => /* @__PURE__ */ o(
+  const { t: a } = p();
+  return /* @__PURE__ */ o("fieldset", { className: "fieldset w-full", children: [
+    /* @__PURE__ */ t("label", { className: "label", children: a("aidol:creation.personality") }),
+    /* @__PURE__ */ t("div", { className: "space-y-2", children: l.map((s) => /* @__PURE__ */ o(
       "label",
       {
-        className: y(
+        className: v(
           "flex cursor-pointer items-start gap-3 rounded-lg border p-4 transition-colors",
           e === s.value ? "border-primary bg-primary/10" : "border-base-300 hover:border-base-content/30"
         ),
@@ -423,13 +442,13 @@ function ve({
               name: "personality",
               value: s.value,
               checked: e === s.value,
-              onChange: (c) => a(c.target.value),
+              onChange: (i) => r(i.target.value),
               className: "radio-primary radio mt-0.5"
             }
           ),
           /* @__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 })
           ] })
         ]
       },
@@ -439,54 +458,54 @@ function ve({
 }
 function Ne({
   currentStep: e,
-  totalSteps: a,
-  labels: n
+  totalSteps: r,
+  labels: l
 }) {
-  return /* @__PURE__ */ t("ul", { className: "steps w-full", children: Array.from({ length: a }, (r, s) => {
-    const c = s + 1, l = c < e;
+  return /* @__PURE__ */ t("ul", { className: "steps w-full", children: Array.from({ length: r }, (a, s) => {
+    const i = s + 1, n = i < e;
     return /* @__PURE__ */ t(
       "li",
       {
-        className: y(
+        className: v(
           "step",
-          (l || c === e) && "step-primary"
+          (n || i === e) && "step-primary"
         ),
-        children: n?.[s] ?? ""
+        children: l?.[s] ?? ""
       },
-      c
+      i
     );
   }) });
 }
 const xe = ["cute", "cool", "elegant", "powerful"], ye = ["cheerful", "cool", "tsundere", "gentle"];
 function Oe({
   onSubmit: e,
-  onComplete: a,
-  onGenerateImage: n,
-  isLoading: r,
+  onComplete: r,
+  onGenerateImage: l,
+  isLoading: a,
   isGeneratingImage: s,
-  isCompleted: c
+  isCompleted: i
 }) {
-  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: n } = p(), [d, m] = S(i ? 3 : 1), f = M(
+    () => xe.map((u) => ({
+      value: u,
+      label: n(`aidol:creation.concepts.${u}`)
     })),
-    [l]
+    [n]
   ), 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: n(`aidol:creation.personalities.${u}.label`),
+      description: n(`aidol:creation.personalities.${u}.description`)
     })),
-    [l]
+    [n]
   ), {
-    register: v,
+    register: N,
     control: P,
     handleSubmit: F,
     trigger: L,
     watch: j,
     setValue: B,
-    formState: { errors: f }
+    formState: { errors: h }
   } = Q({
     resolver: ge(te),
     defaultValues: {
@@ -498,66 +517,65 @@ 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 b = await l(u);
+    b && B("profileImageUrl", b);
   }, 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);
+    await L(["groupName", "profileImageUrl"]) && m(2);
+  }, _ = F(async (u) => {
+    const b = u.members.filter((x) => x.name.trim());
+    await e({ ...u, members: b }), m(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,
       {
-        currentStep: m,
+        currentStep: d,
         totalSteps: 3,
         labels: [
-          l("aidol:creation.step1"),
-          l("aidol:creation.step2"),
-          l("aidol:creation.step3")
+          n("aidol:creation.step1"),
+          n("aidol:creation.step2"),
+          n("aidol:creation.step3")
         ]
       }
     ),
     /* @__PURE__ */ o("div", { className: "mt-8", children: [
-      m === 1 && /* @__PURE__ */ o("div", { className: "space-y-6", children: [
-        /* @__PURE__ */ t("h2", { className: "text-display-s font-bold", children: l("aidol:creation.step1Title") }),
+      d === 1 && /* @__PURE__ */ o("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ t("h2", { className: "text-display-s font-bold", children: n("aidol:creation.step1Title") }),
         /* @__PURE__ */ t(
           O,
           {
-            ...v("groupName"),
-            error: f.groupName?.message ? l(f.groupName.message, { ns: "aidol" }) : void 0
+            ...N("groupName"),
+            error: h.groupName?.message ? n(h.groupName.message, { ns: "aidol" }) : void 0
           }
         ),
         /* @__PURE__ */ t(
-          U,
+          $,
           {
-            ...v("concept"),
-            options: h
+            ...N("concept"),
+            options: f
           }
         ),
-        /* @__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: n("aidol:creation.emblem") }),
           /* @__PURE__ */ t(
-            he,
+            fe,
             {
               onGenerate: G,
               isGenerating: s,
-              disabled: r
+              disabled: a
             }
           ),
           C && /* @__PURE__ */ t("div", { className: "mt-2 flex justify-center", children: /* @__PURE__ */ t(
             I,
             {
               url: C,
-              alt: l("aidol:creation.emblem"),
-              size: "lg"
+              alt: n("aidol:creation.emblem")
             }
           ) }),
-          f.profileImageUrl?.message && /* @__PURE__ */ t("p", { className: "mt-1 text-label-m text-error", children: l(f.profileImageUrl.message, { ns: "aidol" }) })
+          h.profileImageUrl?.message && /* @__PURE__ */ t("p", { className: "text-label-m text-error mt-1", children: n(h.profileImageUrl.message, { ns: "aidol" }) })
         ] }),
         /* @__PURE__ */ t(
           "button",
@@ -566,31 +584,24 @@ function Oe({
             onClick: V,
             disabled: !C,
             className: "btn btn-primary w-full",
-            children: l("aidol:creation.next")
+            children: n("aidol:creation.next")
           }
         )
       ] }),
-      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 === 2 && /* @__PURE__ */ o("form", { onSubmit: _, className: "space-y-6", children: [
+        /* @__PURE__ */ t("h2", { className: "text-display-s font-bold", children: n("aidol:creation.step2Title") }),
+        D.map((u, b) => /* @__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 ?? "",
-                    size: "sm"
-                  }
-                ),
+                /* @__PURE__ */ t(I, { url: null, alt: A[b]?.name ?? "" }),
                 /* @__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 ?? "", {
+                    ...N(`members.${b}.name`),
+                    error: h.members?.[b]?.name?.message ? n(h.members?.[b]?.name?.message ?? "", {
                       ns: "aidol"
                     }) : void 0
                   }
@@ -599,40 +610,40 @@ function Oe({
               /* @__PURE__ */ t(
                 ee,
                 {
-                  name: `members.${u}.personality`,
+                  name: `members.${b}.personality`,
                   control: P,
-                  render: ({ field: N }) => /* @__PURE__ */ t(
+                  render: ({ field: x }) => /* @__PURE__ */ t(
                     ve,
                     {
-                      value: N.value ?? "",
-                      onChange: N.onChange,
+                      value: x.value ?? "",
+                      onChange: x.onChange,
                       options: w
                     }
                   )
                 }
               ),
               /* @__PURE__ */ t(
-                R,
+                z,
                 {
-                  ...v(`members.${u}.systemPrompt`),
-                  charCount: A[u]?.systemPrompt?.length ?? 0
+                  ...N(`members.${b}.systemPrompt`),
+                  charCount: A[b]?.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" }) }),
+        h.members?.root?.message && /* @__PURE__ */ t("p", { className: "text-error text-center", children: n(h.members.root.message, { ns: "aidol" }) }),
         /* @__PURE__ */ o("div", { className: "flex gap-4", children: [
           /* @__PURE__ */ t(
             "button",
             {
               type: "button",
-              onClick: () => d(1),
+              onClick: () => m(1),
               className: "btn btn-ghost flex-1",
-              disabled: r,
-              children: l("aidol:creation.back")
+              disabled: a,
+              children: n("aidol:creation.back")
             }
           ),
           /* @__PURE__ */ t(
@@ -640,43 +651,43 @@ function Oe({
             {
               type: "submit",
               className: "btn btn-primary flex-1",
-              disabled: r,
-              children: r ? /* @__PURE__ */ t("span", { className: "loading loading-spinner loading-sm" }) : l("aidol:creation.create")
+              disabled: a,
+              children: a ? /* @__PURE__ */ t("span", { className: "loading loading-spinner loading-sm" }) : n("aidol:creation.create")
             }
           )
         ] })
       ] }),
-      m === 3 && /* @__PURE__ */ o("div", { className: "space-y-6 text-center", children: [
+      d === 3 && /* @__PURE__ */ o("div", { className: "space-y-6 text-center", children: [
         /* @__PURE__ */ t("div", { className: "text-display-l", children: "🎉" }),
-        /* @__PURE__ */ t("h2", { className: "text-display-s font-bold", children: l("aidol:creation.completeTitle") }),
-        /* @__PURE__ */ t("p", { className: "text-body-l text-base-content/70", children: l("aidol:creation.completeDescription") }),
-        /* @__PURE__ */ t("button", { onClick: a, className: "btn btn-primary w-full", children: l("aidol:creation.viewProfile") })
+        /* @__PURE__ */ t("h2", { className: "text-display-s font-bold", children: n("aidol:creation.completeTitle") }),
+        /* @__PURE__ */ t("p", { className: "text-body-l text-base-content/70", children: n("aidol:creation.completeDescription") }),
+        /* @__PURE__ */ t("button", { onClick: r, className: "btn btn-primary w-full", children: n("aidol:creation.viewProfile") })
       ] })
     ] })
   ] }) });
 }
 function we({
   title: e,
-  titleId: a,
-  ...n
-}, r) {
-  return /* @__PURE__ */ i.createElement("svg", Object.assign({
+  titleId: r,
+  ...l
+}, a) {
+  return /* @__PURE__ */ c.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
     "aria-hidden": "true",
     "data-slot": "icon",
-    ref: r,
-    "aria-labelledby": a
-  }, n), e ? /* @__PURE__ */ i.createElement("title", {
-    id: a
-  }, e) : null, /* @__PURE__ */ i.createElement("path", {
+    ref: a,
+    "aria-labelledby": r
+  }, l), e ? /* @__PURE__ */ c.createElement("title", {
+    id: r
+  }, e) : null, /* @__PURE__ */ c.createElement("path", {
     fillRule: "evenodd",
     d: "M9 4.5a.75.75 0 0 1 .721.544l.813 2.846a3.75 3.75 0 0 0 2.576 2.576l2.846.813a.75.75 0 0 1 0 1.442l-2.846.813a3.75 3.75 0 0 0-2.576 2.576l-.813 2.846a.75.75 0 0 1-1.442 0l-.813-2.846a3.75 3.75 0 0 0-2.576-2.576l-2.846-.813a.75.75 0 0 1 0-1.442l2.846-.813A3.75 3.75 0 0 0 7.466 7.89l.813-2.846A.75.75 0 0 1 9 4.5ZM18 1.5a.75.75 0 0 1 .728.568l.258 1.036c.236.94.97 1.674 1.91 1.91l1.036.258a.75.75 0 0 1 0 1.456l-1.036.258c-.94.236-1.674.97-1.91 1.91l-.258 1.036a.75.75 0 0 1-1.456 0l-.258-1.036a2.625 2.625 0 0 0-1.91-1.91l-1.036-.258a.75.75 0 0 1 0-1.456l1.036-.258a2.625 2.625 0 0 0 1.91-1.91l.258-1.036A.75.75 0 0 1 18 1.5ZM16.5 15a.75.75 0 0 1 .712.513l.394 1.183c.15.447.5.799.948.948l1.183.395a.75.75 0 0 1 0 1.422l-1.183.395c-.447.15-.799.5-.948.948l-.395 1.183a.75.75 0 0 1-1.422 0l-.395-1.183a1.5 1.5 0 0 0-.948-.948l-1.183-.395a.75.75 0 0 1 0-1.422l1.183-.395c.447-.15.799-.5.948-.948l.395-1.183A.75.75 0 0 1 16.5 15Z",
     clipRule: "evenodd"
   }));
 }
-const Ce = i.forwardRef(we), E = {
+const Ce = c.forwardRef(we), k = {
   initial: { y: 40, opacity: 0 },
   animate: {
     y: 0,
@@ -686,7 +697,7 @@ const Ce = i.forwardRef(we), E = {
       ease: "easeInOut"
     }
   }
-}, Ee = {
+}, ke = {
   animate: {
     transition: {
       staggerChildren: 0.2
@@ -694,30 +705,30 @@ const Ce = i.forwardRef(we), E = {
   }
 };
 function Ze() {
-  const { t: e } = b();
+  const { t: e } = p();
   return /* @__PURE__ */ o(
     g.section,
     {
-      variants: Ee,
+      variants: ke,
       initial: "initial",
       whileInView: "animate",
       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: k, 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",
+            variants: k,
+            className: "text-display-s md:text-display-m mt-4",
             children: e("aidol:landing.demo.title")
           }
         ),
         /* @__PURE__ */ t(
           g.p,
           {
-            variants: E,
-            className: "mx-auto mt-4 max-w-lg text-body-l text-neutral-content",
+            variants: k,
+            className: "text-body-l text-neutral-content mx-auto mt-4 max-w-lg",
             children: e("aidol:landing.demo.description")
           }
         )
@@ -725,7 +736,7 @@ function Ze() {
     }
   );
 }
-const k = {
+const E = {
   initial: { y: 40, opacity: 0 },
   animate: {
     y: 0,
@@ -735,7 +746,7 @@ const k = {
       ease: "easeInOut"
     }
   }
-}, ke = {
+}, Ee = {
   animate: {
     transition: {
       staggerChildren: 0.2
@@ -743,66 +754,66 @@ 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: r } = p();
+  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,
+      variants: Ee,
       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",
-              children: a("aidol:landing.hero.title")
+              variants: E,
+              className: "text-display-m md:text-display-l mb-4",
+              children: r("aidol:landing.hero.title")
             }
           ),
           /* @__PURE__ */ t(
             g.p,
             {
-              variants: k,
-              className: "mx-auto mt-6 max-w-xl text-body-l text-neutral-content",
-              children: a("aidol:landing.hero.description")
+              variants: E,
+              className: "text-body-l text-neutral-content mx-auto mt-6 max-w-xl",
+              children: r("aidol:landing.hero.description")
             }
           )
         ] }),
-        /* @__PURE__ */ t(g.div, { variants: k, children: /* @__PURE__ */ t(
+        /* @__PURE__ */ t(g.div, { variants: E, children: /* @__PURE__ */ t(
           "button",
           {
             onClick: e,
             className: "btn btn-primary font-semibold",
-            children: a("aidol:landing.hero.cta")
+            children: r("aidol:landing.hero.cta")
           }
         ) })
       ]
     }
   ) });
 }
-function Le({ url: e, onCopySuccess: a }) {
-  const { t: n } = b(), [r, s] = S(!1), c = Y(async () => {
-    await navigator.clipboard.writeText(e), s(!0), a?.(), setTimeout(() => s(!1), 2e3);
-  }, [e, a]);
+function Le({ url: e, onCopySuccess: r }) {
+  const { t: l } = p(), [a, s] = S(!1), i = Y(async () => {
+    await navigator.clipboard.writeText(e), s(!0), r?.(), setTimeout(() => s(!1), 2e3);
+  }, [e, r]);
   return /* @__PURE__ */ t(
     "button",
     {
-      onClick: c,
+      onClick: i,
       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" })
+      "aria-label": l("aidol:share"),
+      children: a ? /* @__PURE__ */ t(re, { className: "text-success size-6" }) : /* @__PURE__ */ t(oe, { className: "size-6" })
     }
   );
 }
 export {
   be as AddMemberButton,
-  ue as Card,
-  Ue as CompanionGrid,
-  U as ConceptSelector,
+  pe as Card,
+  ze as CompanionGrid,
+  $ as ConceptSelector,
   Ze as DemoSection,
-  he as EmblemGenerator,
+  fe as EmblemGenerator,
   Oe as GroupCreation,
   $e as GroupHeader,
   O as GroupNameInput,
@@ -810,7 +821,7 @@ export {
   I as ImagePreview,
   Z as MemberNameInput,
   ve as PersonalitySelector,
-  R as PromptInput,
+  z as PromptInput,
   Le as ShareButton,
   Ne as StepIndicator
 };