aidol 1.4.0 → 2.0.0

package/dist/client.cjs

@@ -1,4 +1,4 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),v=require("react-i18next"),f=require("next/image"),i=require("react"),h=require("framer-motion"),At=require("react-markdown"),Qt=require("remark-breaks"),Dt=require("remark-gfm"),Ha=require("./lead-DGummrgU.js");function Et(l){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const s in l)if(s!=="default"){const m=Object.getOwnPropertyDescriptor(l,s);Object.defineProperty(n,s,m.get?m:{enumerable:!0,get:()=>l[s]})}}return n.default=l,Object.freeze(n)}const z=Et(i);function _a(l){var n,s,m="";if(typeof l=="string"||typeof l=="number")m+=l;else if(typeof l=="object")if(Array.isArray(l)){var d=l.length;for(n=0;n<d;n++)l[n]&&(s=_a(l[n]))&&(m&&(m+=" "),m+=s)}else for(s in l)l[s]&&(m&&(m+=" "),m+=s);return m}function o(){for(var l,n,s=0,m="",d=arguments.length;s<d;s++)(l=arguments[s])&&(n=_a(l))&&(m&&(m+=" "),m+=n);return m}const It=l=>n=>{(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),l())};function gt({title:l,titleId:n,...s},m){return z.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:m,"aria-labelledby":n},s),l?z.createElement("title",{id:n},l):null,z.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18"}))}const Pt=z.forwardRef(gt);function Bt({title:l,titleId:n,...s},m){return z.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:m,"aria-labelledby":n},s),l?z.createElement("title",{id:n},l):null,z.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m4.5 12.75 6 6 9-13.5"}))}const Ht=z.forwardRef(Bt);function _t({title:l,titleId:n,...s},m){return z.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:m,"aria-labelledby":n},s),l?z.createElement("title",{id:n},l):null,z.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m19.5 8.25-7.5 7.5-7.5-7.5"}))}const $t=z.forwardRef(_t);function al({title:l,titleId:n,...s},m){return z.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:m,"aria-labelledby":n},s),l?z.createElement("title",{id:n},l):null,z.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M8.25 15 12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9"}))}const tl=z.forwardRef(al);function ll({title:l,titleId:n,...s},m){return z.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:m,"aria-labelledby":n},s),l?z.createElement("title",{id:n},l):null,z.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 12 3.269 3.125A59.769 59.769 0 0 1 21.485 12 59.768 59.768 0 0 1 3.27 20.875L5.999 12Zm0 0h7.5"}))}const nl=z.forwardRef(ll);function ml({title:l,titleId:n,...s},m){return z.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:m,"aria-labelledby":n},s),l?z.createElement("title",{id:n},l):null,z.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 4.5v15m7.5-7.5h-15"}))}const $a=z.forwardRef(ml);function sl({title:l,titleId:n,...s},m){return z.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:m,"aria-labelledby":n},s),l?z.createElement("title",{id:n},l):null,z.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 dl=z.forwardRef(sl);function Zl({title:l,titleId:n,...s},m){return z.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:m,"aria-labelledby":n},s),l?z.createElement("title",{id:n},l):null,z.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09ZM18.259 8.715 18 9.75l-.259-1.035a3.375 3.375 0 0 0-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 0 0 2.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 0 0 2.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 0 0-2.456 2.456ZM16.894 20.567 16.5 21.75l-.394-1.183a2.25 2.25 0 0 0-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 0 0 1.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 0 0 1.423 1.423l1.183.394-1.183.394a2.25 2.25 0 0 0-1.423 1.423Z"}))}const at=z.forwardRef(Zl);function rl({title:l,titleId:n,...s},m){return z.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:m,"aria-labelledby":n},s),l?z.createElement("title",{id:n},l):null,z.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 el=z.forwardRef(rl);function bl({title:l,titleId:n,...s},m){return z.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:m,"aria-labelledby":n},s),l?z.createElement("title",{id:n},l):null,z.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 pl=z.forwardRef(bl);function zl({title:l,titleId:n,...s},m){return z.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:m,"aria-labelledby":n},s),l?z.createElement("title",{id:n},l):null,z.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18 18 6M6 6l12 12"}))}const Nl=z.forwardRef(zl),Wl={default:"size-profile",profile:"size-full"};function ra({url:l,alt:n,variant:s="default"}){return a.jsx("div",{className:o("border-base-300 bg-base-200 relative overflow-hidden rounded-lg border",Wl[s]),children:l?a.jsx(f,{src:l,alt:n,fill:!0,draggable:!1,className:"size-full object-cover"}):a.jsx("div",{className:"flex size-full items-center justify-center",children:a.jsx(pl,{className:"text-base-content/50 size-1/2"})})})}function A({companion:l,variant:n="grade",onClick:s}){const{t:m}=v.useTranslation(),r=l.aidolId!==null&&n==="grade",b=s&&!r,p=n==="position"?"opacity-30":r?"opacity-20":"opacity-60",W=n==="position"?l.position?m(`aidol:position.${l.position}`):m("aidol:position.unassigned"):m("companion.grade",{grade:l.grade});return a.jsxs("div",{className:o("h-card max-w-card border-base-300 relative isolate w-full overflow-hidden rounded-lg border",b&&"cursor-pointer"),onClick:b?s:void 0,role:b?"button":void 0,tabIndex:b?0:void 0,onKeyDown:b?It(s):void 0,children:[a.jsx("div",{className:"absolute inset-0",children:a.jsx(ra,{url:l.profilePictureUrl,alt:l.name??"",variant:"profile"})}),r&&a.jsxs(a.Fragment,{children:[a.jsx("div",{className:"absolute inset-0 z-20 bg-black/40 backdrop-blur-sm"}),a.jsx("div",{className:"absolute top-4 left-4 z-20",children:a.jsx("span",{className:"bg-base-100 text-body-s text-base-content w-fit rounded-lg px-2 py-1",children:m("companion.signed")})})]}),a.jsx("div",{className:o("absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black to-transparent",p)}),a.jsxs("div",{className:"absolute inset-x-4 bottom-4 z-10 flex flex-col gap-2",children:[a.jsx("span",{className:"text-title-s text-white",children:l.name}),a.jsx("span",{className:"text-body-s w-fit rounded-lg bg-black px-2 py-1 text-white",children:W})]})]})}function ul({companions:l,onCompanionClick:n}){const{t:s}=v.useTranslation();return a.jsxs("div",{className:"mt-8",children:[a.jsx("h2",{className:"text-title-l mb-4 font-semibold",children:s("aidol:aidol.members")}),l&&l.length>0?a.jsx("div",{className:"grid gap-4 sm:grid-cols-2",children:l.map(m=>a.jsx(A,{companion:m,onClick:()=>n(m.id)},m.id))}):a.jsx("p",{className:"text-base-content/50 text-center",children:s("aidol:aidol.noMembers")})]})}function cl({aidol:l}){return a.jsxs("div",{className:"flex flex-col items-center gap-4 py-8 text-center",children:[a.jsx("div",{className:"bg-base-200 relative size-32 overflow-hidden rounded-full",children:l.profileImageUrl?a.jsx(f,{src:l.profileImageUrl,alt:l.name??"Group",fill:!0,className:"object-cover"}):a.jsx("div",{className:"from-primary/20 to-secondary/20 flex size-full items-center justify-center bg-gradient-to-br",children:a.jsx(el,{className:"text-base-content/50 size-16"})})}),a.jsxs("div",{children:[a.jsx("h1",{className:"text-display-s text-base-content font-bold",children:l.name}),l.concept&&a.jsx("p",{className:"text-body-l text-base-content/70 mt-2",children:l.concept})]})]})}function tt({onSubmit:l}){const[n,s]=i.useState(""),m=async d=>{d.preventDefault(),n.trim()&&(await l(n),s(""))};return a.jsx("form",{onSubmit:m,className:"flex items-center gap-2 px-4 py-2",children:a.jsxs("div",{className:"relative flex-1",children:[a.jsx("input",{type:"text",value:n,onChange:d=>s(d.target.value),placeholder:"Enter your message...",className:"input bg-neutral/30 text-base-content placeholder:text-base-content focus:border-primary w-full pr-12"}),a.jsx("button",{type:"submit",className:"btn btn-circle btn-ghost text-primary hover:bg-primary hover:text-primary-content absolute top-1/2 right-2 -translate-y-1/2",children:a.jsx(nl,{className:"size-6"})})]})})}function lt({messages:l}){return l?a.jsx("div",{className:"flex flex-col-reverse space-y-4 space-y-reverse p-4",children:l.map(n=>{const s=n.senderType===Ha.SenderType.USER;return a.jsx(h.motion.div,{initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},transition:{duration:.3},className:o("flex items-start space-x-2 rounded-lg p-2 shadow-sm",{"bg-primary text-primary-content flex-row-reverse":s,"bg-neutral text-neutral-content":!s}),children:a.jsx("div",{className:"text-body-m max-w-[60%] break-words",children:a.jsx(At,{remarkPlugins:[Dt,Qt],className:o("prose max-w-none flex-1",{"text-primary-content":s,"text-neutral-content":!s}),children:n.content})})},n.id)})}):a.jsx("div",{className:"flex flex-col space-y-4 p-4",children:[...Array(5)].map((n,s)=>a.jsxs("div",{className:"flex animate-pulse items-start space-x-2",children:[a.jsx("div",{className:"avatar placeholder",children:a.jsx("div",{className:"bg-neutral w-10 rounded-full"})}),a.jsxs("div",{className:"flex-1 space-y-2 py-1",children:[a.jsx("div",{className:"bg-neutral h-4 w-1/2 rounded-sm"}),a.jsx("div",{className:"bg-neutral h-4 w-3/4 rounded-sm"})]})]},s))})}function Ol({messages:l,onSendMessage:n}){return a.jsxs("div",{className:"flex h-full flex-col",children:[a.jsx("div",{className:"flex-1 overflow-y-auto",children:a.jsx(lt,{messages:l})}),a.jsx(tt,{onSubmit:n})]})}function vl({onClick:l,isLoading:n}){const{t:s}=v.useTranslation();return a.jsx("button",{onClick:l,disabled:n,className:"btn btn-neutral text-label-l text-neutral-content h-16 min-w-48",children:n?a.jsx("span",{className:"loading loading-spinner loading-sm"}):a.jsxs(a.Fragment,{children:[a.jsx($a,{className:"size-5"}),s("aidol:companion.addMember")]})})}const sa=["vocal","dance","rap","visual","stamina","charm"];function ql({stats:l}){const{t:n}=v.useTranslation(),s=260,m=s/2,d=70,r=100,b=(u,y)=>{const L=Math.PI*2*u/6-Math.PI/3,X=y/100*d;return{x:m+X*Math.cos(L),y:m+X*Math.sin(L)}},p=u=>{const y=Math.PI*2*u/6-Math.PI/3;return{x:m+r*Math.cos(y),y:m+r*Math.sin(y)}},W=sa.map((u,y)=>b(y,l[u])),k=W.map(u=>`${u.x},${u.y}`).join(" "),G=[20,40,60,80,100];return a.jsx("div",{className:"flex items-center justify-center",children:a.jsxs("svg",{width:s,height:s,viewBox:`0 0 ${s} ${s}`,children:[G.map(u=>{const L=sa.map((X,Q)=>b(Q,u)).map(X=>`${X.x},${X.y}`).join(" ");return a.jsx("polygon",{points:L,fill:"none",stroke:"currentColor",strokeWidth:"1",className:"text-base-300"},u)}),sa.map((u,y)=>{const L=b(y,100);return a.jsx("line",{x1:m,y1:m,x2:L.x,y2:L.y,stroke:"currentColor",strokeWidth:"1",className:"text-base-300"},y)}),a.jsx("polygon",{points:k,fill:"currentColor",fillOpacity:"0.3",stroke:"currentColor",strokeWidth:"2",className:"text-secondary"}),W.map((u,y)=>a.jsx("circle",{cx:u.x,cy:u.y,r:"3",fill:"currentColor",className:"text-secondary"},y)),sa.map((u,y)=>{const L=p(y);return a.jsxs("g",{children:[a.jsx("text",{x:L.x,y:L.y-8,textAnchor:"middle",dominantBaseline:"middle",className:"text-label-l fill-base-content font-medium",children:n(`aidol:casting.abilities.${u}`)}),a.jsx("text",{x:L.x,y:L.y+10,textAnchor:"middle",dominantBaseline:"middle",className:"text-label-l fill-secondary font-medium",children:l[u]})]},u)})]})})}function nt({companion:l,showBiography:n=!0,showStats:s=!0}){const{t:m}=v.useTranslation(),{name:d,profilePictureUrl:r,grade:b,mbti:p,biography:W,stats:k}=l;return a.jsxs("div",{className:"flex flex-col items-center gap-6",children:[a.jsx(ra,{url:r??null,alt:d??""}),a.jsxs("div",{className:"flex flex-col gap-2 self-start",children:[a.jsx("h2",{className:"text-title-s text-base-content font-semibold",children:d??""}),(b||p)&&a.jsxs("div",{className:"flex gap-2",children:[b&&a.jsx("span",{className:"text-label-l bg-base-content text-base-100 rounded-lg px-2 py-1",children:m("aidol:companion.grade",{grade:b})}),p&&a.jsx("span",{className:"text-label-l bg-base-content text-base-100 rounded-lg px-2 py-1",children:p})]})]}),n&&W&&a.jsx("p",{className:"text-body-s text-base-content",children:W}),s&&k&&a.jsx(ql,{stats:k})]})}const mt=i.forwardRef(({placeholder:l,maxLength:n=500,charCount:s,...m},d)=>{const{t:r}=v.useTranslation();return a.jsxs("div",{className:"w-full",children:[a.jsx("textarea",{ref:d,placeholder:l??r("aidol:companion.promptPlaceholder"),maxLength:n,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",...m}),a.jsxs("div",{className:"text-label-s text-base-content/50 mt-1 text-right",children:[s??0,"/",n]})]})});mt.displayName="PromptInput";function Vl({value:l,onChange:n}){const{t:s}=v.useTranslation();return a.jsx("input",{type:"text",value:l,onChange:m=>n(m.target.value),placeholder:s("aidol:companionCreate.complete.bioPlaceholder"),className:"input w-full bg-white text-black"})}function ea({title:l,logo:n,onDropdownClick:s,onBackClick:m,onCloseClick:d,children:r}){const b=()=>n?a.jsx(f,{src:"/images/logo.svg",alt:"alola",width:91,height:27}):s?a.jsxs("button",{type:"button",onClick:s,className:"text-headline-s text-base-content flex cursor-pointer items-center gap-2",children:[a.jsx("span",{children:l}),a.jsx(tl,{className:"size-6"})]}):a.jsxs("div",{className:"flex items-center gap-2",children:[m&&a.jsx("button",{type:"button",onClick:m,className:"text-base-content flex cursor-pointer items-center justify-center","aria-label":"뒤로 가기",children:a.jsx(Pt,{className:"size-6"})}),d&&a.jsx("button",{type:"button",onClick:d,className:"text-base-content flex cursor-pointer items-center justify-center","aria-label":"닫기",children:a.jsx(Nl,{className:"size-6"})}),l&&a.jsx("h1",{className:"text-headline-s text-base-content",children:l})]});return a.jsxs("header",{className:"h-header bg-base-100 flex shrink-0 items-center justify-between px-6 py-7",children:[b(),r&&a.jsx("div",{className:"flex shrink-0 items-center gap-2",children:r})]})}function st({progress:l}){const n=Math.min(100,Math.max(0,l));return a.jsx("div",{className:"bg-primary/20 h-3 w-full overflow-hidden rounded-full",children:a.jsx("div",{className:"bg-primary h-full rounded-full transition-all duration-500 ease-out",style:{width:`${n}%`}})})}function yl({step:l,totalSteps:n,children:s,bottomButton:m}){const{t:d}=v.useTranslation(),r=l/n*100;return a.jsxs("div",{className:"flex min-h-dvh flex-col",children:[a.jsx(ea,{title:d("aidol:companionCreate.title")}),a.jsx("div",{className:"px-6 py-4",children:a.jsx(st,{progress:r})}),a.jsx("div",{className:"flex flex-1 flex-col gap-6 p-6",children:s}),a.jsx("div",{className:"sticky bottom-0 p-6",children:m})]})}const il=/[!@#$%^&*()+=[\]{}|\\;:'",.<>?/`~_]/g;function Tl({value:l,onChange:n,maxLength:s=10}){const{t:m}=v.useTranslation();return a.jsx("input",{type:"text",value:l,onChange:d=>n(d.target.value.replace(il,"").slice(0,s)),placeholder:m("aidol:companionCreate.complete.namePlaceholder"),className:"input w-full bg-white text-black"})}const dt=i.forwardRef(({options:l,...n},s)=>{const{t:m}=v.useTranslation();return a.jsxs("fieldset",{className:"fieldset w-full",children:[a.jsx("label",{className:"label",children:m("aidol:creation.concept")}),a.jsxs("select",{ref:s,className:"select bg-base-100 text-base-content w-full",...n,children:[a.jsx("option",{value:"",children:m("aidol:creation.selectConcept")}),l.map(d=>a.jsx("option",{value:d.value,children:d.label},d.value))]})]})});dt.displayName="ConceptSelector";function Gl({value:l,onChange:n}){const{t:s}=v.useTranslation(),m=[{gender:"female",label:s("aidol:companionCreate.gender.female")},{gender:"male",label:s("aidol:companionCreate.gender.male")}];return a.jsx("div",{className:"flex gap-4",children:m.map(({gender:d,label:r})=>a.jsx("button",{type:"button",onClick:()=>n(d),className:o("text-label-l flex-1 rounded-lg border px-6 py-3 transition-colors",l===d?"border-primary text-primary bg-white":"border-base-300 text-base-content bg-white"),children:r},d))})}function Ml({onGenerate:l,isGenerating:n,disabled:s}){const{t:m}=v.useTranslation(),[d,r]=i.useState(""),b=()=>{d.trim()&&l(d)},p=W=>{W.key==="Enter"&&d.trim()&&!n&&!s&&(W.preventDefault(),b())};return a.jsxs("fieldset",{className:"fieldset w-full",children:[a.jsxs("div",{className:"flex gap-2",children:[a.jsx("input",{type:"text",value:d,onChange:W=>r(W.target.value),onKeyDown:p,placeholder:m("aidol:creation.emblemPromptPlaceholder"),maxLength:200,className:"input flex-1",disabled:s||n,"data-testid":"emblem-prompt-input"}),a.jsx("button",{type:"button",onClick:b,disabled:s||n||!d.trim(),className:"btn btn-secondary","data-testid":"emblem-generate-button",children:n?a.jsx("span",{className:"loading loading-spinner loading-sm"}):m("aidol:creation.generate")})]}),n&&a.jsx("div",{className:"mt-2",children:a.jsx("progress",{className:"progress w-full"})})]})}const Zt=i.forwardRef(({error:l,...n},s)=>{const{t:m}=v.useTranslation();return a.jsxs("fieldset",{className:"fieldset w-full",children:[a.jsx("label",{className:"label",children:m("aidol:creation.groupName")}),a.jsx("input",{ref:s,type:"text",placeholder:m("aidol:creation.groupNamePlaceholder"),className:o("input bg-base-100 text-base-content placeholder:text-base-content/50 w-full",l&&"input-error"),...n}),l&&a.jsx("span",{className:"text-label-m text-error",children:l})]})});Zt.displayName="GroupNameInput";function rt({label:l,leftLabel:n,rightLabel:s,value:m,onChange:d}){return a.jsxs("div",{className:"flex flex-col gap-2",children:[a.jsx("span",{className:"text-label-l text-base-content",children:l}),a.jsx("input",{type:"range",min:1,max:10,step:1,value:m,onChange:r=>d(Number(r.target.value)),className:"range range-primary range-sm"}),a.jsxs("div",{className:"flex justify-between",children:[a.jsx("span",{className:"text-label-m text-primary",children:n}),a.jsx("span",{className:"text-label-m text-primary",children:s})]})]})}function Ll({values:l,onChange:n}){const{t:s}=v.useTranslation(),m=[{key:"energy",label:s("aidol:companionCreate.personality.energy"),leftLabel:s("aidol:companionCreate.personality.energyLeft"),rightLabel:s("aidol:companionCreate.personality.energyRight")},{key:"perception",label:s("aidol:companionCreate.personality.perception"),leftLabel:s("aidol:companionCreate.personality.perceptionLeft"),rightLabel:s("aidol:companionCreate.personality.perceptionRight")},{key:"judgment",label:s("aidol:companionCreate.personality.judgment"),leftLabel:s("aidol:companionCreate.personality.judgmentLeft"),rightLabel:s("aidol:companionCreate.personality.judgmentRight")},{key:"lifestyle",label:s("aidol:companionCreate.personality.lifestyle"),leftLabel:s("aidol:companionCreate.personality.lifestyleLeft"),rightLabel:s("aidol:companionCreate.personality.lifestyleRight")}];return a.jsx("div",{className:"flex flex-col gap-6",children:m.map(({key:d,label:r,leftLabel:b,rightLabel:p})=>a.jsx(rt,{label:r,leftLabel:b,rightLabel:p,value:l[d],onChange:W=>n({...l,[d]:W})},d))})}const et=i.forwardRef(({error:l,...n},s)=>{const{t:m}=v.useTranslation();return a.jsxs("fieldset",{className:"fieldset w-full",children:[a.jsx("label",{className:"label",children:m("aidol:creation.memberName")}),a.jsx("input",{ref:s,type:"text",placeholder:m("aidol:creation.memberNamePlaceholder"),className:o("input bg-base-100 text-base-content placeholder:text-base-content/50 w-full",l&&"input-error"),...n}),l&&a.jsx("span",{className:"text-label-m text-error",children:l})]})});et.displayName="MemberNameInput";function Ul({value:l,onChange:n,options:s}){const{t:m}=v.useTranslation();return a.jsxs("fieldset",{className:"fieldset w-full",children:[a.jsx("label",{className:"label",children:m("aidol:creation.personality")}),a.jsx("div",{className:"space-y-2",children:s.map(d=>a.jsxs("label",{className:o("flex cursor-pointer items-start gap-3 rounded-lg border p-4 transition-colors",l===d.value?"border-primary bg-primary/10":"border-base-300 hover:border-base-content/30"),children:[a.jsx("input",{type:"radio",name:"personality",value:d.value,checked:l===d.value,onChange:r=>n(r.target.value),className:"radio-primary radio mt-0.5"}),a.jsxs("div",{children:[a.jsx("div",{className:"text-base-content font-medium",children:d.label}),d.description&&a.jsx("div",{className:"text-body-s text-base-content/70 mt-1",children:d.description})]})]},d.value))})]})}function kl({prompt:l,onPromptChange:n,onGenerate:s,isGenerating:m,imageUrl:d,hasGenerated:r}){const{t:b}=v.useTranslation();return a.jsxs("div",{className:"flex flex-col gap-4",children:[a.jsx("input",{type:"text",value:l,onChange:p=>n(p.target.value),placeholder:b("aidol:companionCreate.image.promptPlaceholder"),className:"input w-full bg-white text-black"}),a.jsxs("button",{type:"button",onClick:s,disabled:m||!l.trim(),className:"btn btn-primary w-full",children:[m&&a.jsx("span",{className:"loading loading-spinner"}),b(r?"aidol:companionCreate.image.regenerate":"aidol:companionCreate.image.generate")]}),d?a.jsx("div",{className:"relative aspect-square w-full overflow-hidden rounded-lg",children:a.jsx(f,{src:d,alt:"Generated profile",fill:!0,className:"object-cover"})}):a.jsxs("div",{className:"border-base-300 bg-base-100 flex aspect-square w-full flex-col items-center justify-center gap-4 rounded-lg border",children:[a.jsx(at,{className:"text-neutral size-6"}),a.jsx("p",{className:"text-body-m text-neutral text-center whitespace-pre-line",children:b("aidol:companionCreate.image.placeholder")})]})]})}function bt({step:l,title:n,children:s}){const m=l.toString().padStart(2,"0");return a.jsxs("div",{className:"bg-base-200 flex w-full flex-col gap-6 rounded-lg p-6",children:[a.jsx("span",{className:"text-title-s text-primary",children:m}),a.jsx("h3",{className:"text-title-s text-base-content",children:n}),a.jsx("div",{className:"flex flex-col gap-4",children:s})]})}function ol({currentStep:l,totalSteps:n,labels:s}){return a.jsx("ul",{className:"steps w-full",children:Array.from({length:n},(m,d)=>{const r=d+1,b=r<l,p=r===l;return a.jsx("li",{className:o("step",(b||p)&&"step-primary"),children:s?.[d]??""},r)})})}const P={initial:{y:40,opacity:0},animate:{y:0,opacity:1,transition:{duration:.8,ease:"easeInOut"}}},Sl={animate:{transition:{staggerChildren:.15}}};function Jl({onGetStarted:l,isLoading:n,logoUrl:s="/images/logo.svg",videoUrl:m}){const{t:d}=v.useTranslation();return a.jsx("section",{className:"bg-base-100 flex min-h-screen w-full flex-col items-center px-6 pt-12 pb-8",children:a.jsxs(h.motion.div,{variants:Sl,initial:"initial",animate:"animate",className:"flex w-full flex-col items-center text-center",children:[a.jsx(h.motion.div,{variants:P,className:"mb-6",children:a.jsx(f,{src:s,alt:"AIdol",width:92,height:28,priority:!0})}),a.jsxs(h.motion.h1,{variants:P,className:"text-display-s mb-3",children:[d("aidol:landing.hero.title.line1"),a.jsx("br",{}),d("aidol:landing.hero.title.line2")]}),a.jsxs(h.motion.div,{variants:P,className:"text-headline-s text-base-content mb-8 flex flex-col",children:[a.jsx("p",{className:"text-neutral",children:d("aidol:landing.hero.line1")}),a.jsx("p",{className:"text-neutral",children:d("aidol:landing.hero.line2")}),a.jsx("p",{children:d("aidol:landing.hero.line3")}),a.jsx("p",{children:d("aidol:landing.hero.line4")})]}),a.jsx(h.motion.div,{variants:P,className:"bg-base-200 relative mb-6 aspect-[345/368] w-full overflow-hidden rounded-lg",children:m&&a.jsx("video",{src:m,autoPlay:!0,loop:!0,muted:!0,playsInline:!0,className:"size-full object-cover"})}),a.jsx(h.motion.div,{variants:P,className:"w-full",children:a.jsx("button",{onClick:l,disabled:n,className:"btn btn-primary btn-lg text-label-l w-full rounded-lg",children:n?a.jsx("span",{className:"loading loading-spinner loading-sm"}):d("aidol:landing.hero.cta")})})]})})}function Yl({onNewMember:l}){const{t:n}=v.useTranslation();return a.jsxs("div",{className:"bg-base-200 col-span-2 flex flex-col items-center justify-center gap-4 rounded-lg p-4",children:[a.jsxs("div",{className:"text-body-s text-base-content flex flex-col items-start text-center",children:[a.jsx("p",{children:n("aidol:casting.newMember.prompt")}),a.jsx("p",{children:n("aidol:casting.newMember.subPrompt")})]}),a.jsxs("button",{type:"button",className:"btn btn-primary gap-2.5",onClick:l,children:[n("aidol:casting.addMember"),a.jsx($a,{className:"size-4"})]})]})}function jl({companions:l,onCompanionClick:n,onNewMember:s}){return a.jsxs("div",{className:"grid grid-cols-2 gap-6",children:[l.map(m=>a.jsx(A,{companion:m,onClick:()=>n(m)},m.id)),a.jsx(Yl,{onNewMember:s})]})}function Xl({title:l,titleId:n,...s},m){return z.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:m,"aria-labelledby":n},s),l?z.createElement("title",{id:n},l):null,z.createElement("path",{fillRule:"evenodd",d:"M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z",clipRule:"evenodd"}))}const Kl=z.forwardRef(Xl);function Fl({title:l,titleId:n,...s},m){return z.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:m,"aria-labelledby":n},s),l?z.createElement("title",{id:n},l):null,z.createElement("path",{d:"m11.645 20.91-.007-.003-.022-.012a15.247 15.247 0 0 1-.383-.218 25.18 25.18 0 0 1-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0 1 12 5.052 5.5 5.5 0 0 1 16.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 0 1-4.244 3.17 15.247 15.247 0 0 1-.383.219l-.022.012-.007.004-.003.001a.752.752 0 0 1-.704 0l-.003-.001Z"}))}const fl=z.forwardRef(Fl);function xl(){const{t:l}=v.useTranslation();return a.jsxs("div",{className:"flex flex-col gap-1",children:[a.jsxs("div",{className:"flex flex-col items-start gap-1",children:[a.jsx(Kl,{className:"text-primary size-6 shrink-0"}),a.jsx("h3",{className:"text-title-s text-base-content",children:l("aidol:casting.infoBanner.title")})]}),a.jsx("p",{className:"text-body-s text-base-content/60",children:l("aidol:casting.infoBanner.description")})]})}const Rl=["mixed","boy","girl"];function hl({activeTab:l,onTabChange:n}){const{t:s}=v.useTranslation();return a.jsx("div",{role:"tablist",className:"flex gap-2",children:Rl.map(m=>a.jsx("button",{type:"button",role:"tab","aria-selected":l===m,className:o("text-label-l rounded-lg border p-2",l===m?"border-base-content text-base-content":"border-base-300 text-base-300"),onClick:()=>n(m),children:s(`aidol:casting.tabs.${m}`)},m))})}var Va={exports:{}},B={},Ea;function Cl(){if(Ea)return B;Ea=1;var l=i,n=Symbol.for("react.element"),s=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,d=l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,r={key:!0,ref:!0,__self:!0,__source:!0};function b(p,W,k){var G,u={},y=null,L=null;k!==void 0&&(y=""+k),W.key!==void 0&&(y=""+W.key),W.ref!==void 0&&(L=W.ref);for(G in W)m.call(W,G)&&!r.hasOwnProperty(G)&&(u[G]=W[G]);if(p&&p.defaultProps)for(G in W=p.defaultProps,W)u[G]===void 0&&(u[G]=W[G]);return{$$typeof:n,type:p,key:y,ref:L,props:u,_owner:d.current}}return B.Fragment=s,B.jsx=b,B.jsxs=b,B}var da={},Ia;function wl(){return Ia||(Ia=1,process.env.NODE_ENV!=="production"&&(function(){var l=i,n=Symbol.for("react.element"),s=Symbol.for("react.portal"),m=Symbol.for("react.fragment"),d=Symbol.for("react.strict_mode"),r=Symbol.for("react.profiler"),b=Symbol.for("react.provider"),p=Symbol.for("react.context"),W=Symbol.for("react.forward_ref"),k=Symbol.for("react.suspense"),G=Symbol.for("react.suspense_list"),u=Symbol.for("react.memo"),y=Symbol.for("react.lazy"),L=Symbol.for("react.offscreen"),X=Symbol.iterator,Q="@@iterator";function D(t){if(t===null||typeof t!="object")return null;var Z=X&&t[X]||t[Q];return typeof Z=="function"?Z:null}var K=l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function U(t){{for(var Z=arguments.length,e=new Array(Z>1?Z-1:0),N=1;N<Z;N++)e[N-1]=arguments[N];ba("error",t,e)}}function ba(t,Z,e){{var N=K.ReactDebugCurrentFrame,q=N.getStackAddendum();q!==""&&(Z+="%s",e=e.concat([q]));var V=e.map(function(O){return String(O)});V.unshift("Warning: "+Z),Function.prototype.apply.call(console[t],console,V)}}var _=!1,pa=!1,S=!1,$=!1,E=!1,aa;aa=Symbol.for("react.module.reference");function Wt(t){return!!(typeof t=="string"||typeof t=="function"||t===m||t===r||E||t===d||t===k||t===G||$||t===L||_||pa||S||typeof t=="object"&&t!==null&&(t.$$typeof===y||t.$$typeof===u||t.$$typeof===b||t.$$typeof===p||t.$$typeof===W||t.$$typeof===aa||t.getModuleId!==void 0))}function ut(t,Z,e){var N=t.displayName;if(N)return N;var q=Z.displayName||Z.name||"";return q!==""?e+"("+q+")":e}function ia(t){return t.displayName||"Context"}function F(t){if(t==null)return null;if(typeof t.tag=="number"&&U("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof t=="function")return t.displayName||t.name||null;if(typeof t=="string")return t;switch(t){case m:return"Fragment";case s:return"Portal";case r:return"Profiler";case d:return"StrictMode";case k:return"Suspense";case G:return"SuspenseList"}if(typeof t=="object")switch(t.$$typeof){case p:var Z=t;return ia(Z)+".Consumer";case b:var e=t;return ia(e._context)+".Provider";case W:return ut(t,t.render,"ForwardRef");case u:var N=t.displayName||null;return N!==null?N:F(t.type)||"Memo";case y:{var q=t,V=q._payload,O=q._init;try{return F(O(V))}catch{return null}}}return null}var x=Object.assign,I=0,Ta,Ga,Ma,La,Ua,ka,oa;function Sa(){}Sa.__reactDisabledLog=!0;function ct(){{if(I===0){Ta=console.log,Ga=console.info,Ma=console.warn,La=console.error,Ua=console.group,ka=console.groupCollapsed,oa=console.groupEnd;var t={configurable:!0,enumerable:!0,value:Sa,writable:!0};Object.defineProperties(console,{info:t,log:t,warn:t,error:t,group:t,groupCollapsed:t,groupEnd:t})}I++}}function Ot(){{if(I--,I===0){var t={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:x({},t,{value:Ta}),info:x({},t,{value:Ga}),warn:x({},t,{value:Ma}),error:x({},t,{value:La}),group:x({},t,{value:Ua}),groupCollapsed:x({},t,{value:ka}),groupEnd:x({},t,{value:oa})})}I<0&&U("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var za=K.ReactCurrentDispatcher,Na;function ta(t,Z,e){{if(Na===void 0)try{throw Error()}catch(q){var N=q.stack.trim().match(/\n( *(at )?)/);Na=N&&N[1]||""}return`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),v=require("react-i18next"),f=require("next/image"),i=require("react"),h=require("framer-motion"),At=require("react-markdown"),Qt=require("remark-breaks"),Dt=require("remark-gfm"),Ha=require("./lead-BNO5aSh-.js");function Et(l){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const s in l)if(s!=="default"){const m=Object.getOwnPropertyDescriptor(l,s);Object.defineProperty(n,s,m.get?m:{enumerable:!0,get:()=>l[s]})}}return n.default=l,Object.freeze(n)}const z=Et(i);function _a(l){var n,s,m="";if(typeof l=="string"||typeof l=="number")m+=l;else if(typeof l=="object")if(Array.isArray(l)){var d=l.length;for(n=0;n<d;n++)l[n]&&(s=_a(l[n]))&&(m&&(m+=" "),m+=s)}else for(s in l)l[s]&&(m&&(m+=" "),m+=s);return m}function o(){for(var l,n,s=0,m="",d=arguments.length;s<d;s++)(l=arguments[s])&&(n=_a(l))&&(m&&(m+=" "),m+=n);return m}const It=l=>n=>{(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),l())};function gt({title:l,titleId:n,...s},m){return z.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:m,"aria-labelledby":n},s),l?z.createElement("title",{id:n},l):null,z.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18"}))}const Pt=z.forwardRef(gt);function Bt({title:l,titleId:n,...s},m){return z.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:m,"aria-labelledby":n},s),l?z.createElement("title",{id:n},l):null,z.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m4.5 12.75 6 6 9-13.5"}))}const Ht=z.forwardRef(Bt);function _t({title:l,titleId:n,...s},m){return z.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:m,"aria-labelledby":n},s),l?z.createElement("title",{id:n},l):null,z.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m19.5 8.25-7.5 7.5-7.5-7.5"}))}const $t=z.forwardRef(_t);function al({title:l,titleId:n,...s},m){return z.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:m,"aria-labelledby":n},s),l?z.createElement("title",{id:n},l):null,z.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M8.25 15 12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9"}))}const tl=z.forwardRef(al);function ll({title:l,titleId:n,...s},m){return z.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:m,"aria-labelledby":n},s),l?z.createElement("title",{id:n},l):null,z.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 12 3.269 3.125A59.769 59.769 0 0 1 21.485 12 59.768 59.768 0 0 1 3.27 20.875L5.999 12Zm0 0h7.5"}))}const nl=z.forwardRef(ll);function ml({title:l,titleId:n,...s},m){return z.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:m,"aria-labelledby":n},s),l?z.createElement("title",{id:n},l):null,z.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 4.5v15m7.5-7.5h-15"}))}const $a=z.forwardRef(ml);function sl({title:l,titleId:n,...s},m){return z.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:m,"aria-labelledby":n},s),l?z.createElement("title",{id:n},l):null,z.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 dl=z.forwardRef(sl);function Zl({title:l,titleId:n,...s},m){return z.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:m,"aria-labelledby":n},s),l?z.createElement("title",{id:n},l):null,z.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09ZM18.259 8.715 18 9.75l-.259-1.035a3.375 3.375 0 0 0-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 0 0 2.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 0 0 2.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 0 0-2.456 2.456ZM16.894 20.567 16.5 21.75l-.394-1.183a2.25 2.25 0 0 0-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 0 0 1.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 0 0 1.423 1.423l1.183.394-1.183.394a2.25 2.25 0 0 0-1.423 1.423Z"}))}const at=z.forwardRef(Zl);function rl({title:l,titleId:n,...s},m){return z.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:m,"aria-labelledby":n},s),l?z.createElement("title",{id:n},l):null,z.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 el=z.forwardRef(rl);function bl({title:l,titleId:n,...s},m){return z.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:m,"aria-labelledby":n},s),l?z.createElement("title",{id:n},l):null,z.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 pl=z.forwardRef(bl);function zl({title:l,titleId:n,...s},m){return z.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:m,"aria-labelledby":n},s),l?z.createElement("title",{id:n},l):null,z.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18 18 6M6 6l12 12"}))}const Nl=z.forwardRef(zl),Wl={default:"size-profile",profile:"size-full"};function ra({url:l,alt:n,variant:s="default"}){return a.jsx("div",{className:o("border-base-300 bg-base-200 relative overflow-hidden rounded-lg border",Wl[s]),children:l?a.jsx(f,{src:l,alt:n,fill:!0,draggable:!1,className:"size-full object-cover"}):a.jsx("div",{className:"flex size-full items-center justify-center",children:a.jsx(pl,{className:"text-base-content/50 size-1/2"})})})}function A({companion:l,variant:n="grade",onClick:s}){const{t:m}=v.useTranslation(),r=l.aidolId!==null&&n==="grade",b=s&&!r,p=n==="position"?"opacity-30":r?"opacity-20":"opacity-60",W=n==="position"?l.position?m(`aidol:position.${l.position}`):m("aidol:position.unassigned"):m("companion.grade",{grade:l.grade});return a.jsxs("div",{className:o("h-card max-w-card border-base-300 relative isolate w-full overflow-hidden rounded-lg border",b&&"cursor-pointer"),onClick:b?s:void 0,role:b?"button":void 0,tabIndex:b?0:void 0,onKeyDown:b?It(s):void 0,children:[a.jsx("div",{className:"absolute inset-0",children:a.jsx(ra,{url:l.profilePictureUrl,alt:l.name??"",variant:"profile"})}),r&&a.jsxs(a.Fragment,{children:[a.jsx("div",{className:"absolute inset-0 z-20 bg-black/40 backdrop-blur-sm"}),a.jsx("div",{className:"absolute top-4 left-4 z-20",children:a.jsx("span",{className:"bg-base-100 text-body-s text-base-content w-fit rounded-lg px-2 py-1",children:m("companion.signed")})})]}),a.jsx("div",{className:o("absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black to-transparent",p)}),a.jsxs("div",{className:"absolute inset-x-4 bottom-4 z-10 flex flex-col gap-2",children:[a.jsx("span",{className:"text-title-s text-white",children:l.name}),a.jsx("span",{className:"text-body-s w-fit rounded-lg bg-black px-2 py-1 text-white",children:W})]})]})}function ul({companions:l,onCompanionClick:n}){const{t:s}=v.useTranslation();return a.jsxs("div",{className:"mt-8",children:[a.jsx("h2",{className:"text-title-l mb-4 font-semibold",children:s("aidol:aidol.members")}),l&&l.length>0?a.jsx("div",{className:"grid gap-4 sm:grid-cols-2",children:l.map(m=>a.jsx(A,{companion:m,onClick:()=>n(m.id)},m.id))}):a.jsx("p",{className:"text-base-content/50 text-center",children:s("aidol:aidol.noMembers")})]})}function cl({aidol:l}){return a.jsxs("div",{className:"flex flex-col items-center gap-4 py-8 text-center",children:[a.jsx("div",{className:"bg-base-200 relative size-32 overflow-hidden rounded-full",children:l.profileImageUrl?a.jsx(f,{src:l.profileImageUrl,alt:l.name??"Group",fill:!0,className:"object-cover"}):a.jsx("div",{className:"from-primary/20 to-secondary/20 flex size-full items-center justify-center bg-gradient-to-br",children:a.jsx(el,{className:"text-base-content/50 size-16"})})}),a.jsxs("div",{children:[a.jsx("h1",{className:"text-display-s text-base-content font-bold",children:l.name}),l.concept&&a.jsx("p",{className:"text-body-l text-base-content/70 mt-2",children:l.concept})]})]})}function tt({onSubmit:l}){const[n,s]=i.useState(""),m=async d=>{d.preventDefault(),n.trim()&&(await l(n),s(""))};return a.jsx("form",{onSubmit:m,className:"flex items-center gap-2 px-4 py-2",children:a.jsxs("div",{className:"relative flex-1",children:[a.jsx("input",{type:"text",value:n,onChange:d=>s(d.target.value),placeholder:"Enter your message...",className:"input bg-neutral/30 text-base-content placeholder:text-base-content focus:border-primary w-full pr-12"}),a.jsx("button",{type:"submit",className:"btn btn-circle btn-ghost text-primary hover:bg-primary hover:text-primary-content absolute top-1/2 right-2 -translate-y-1/2",children:a.jsx(nl,{className:"size-6"})})]})})}function lt({messages:l}){return l?a.jsx("div",{className:"flex flex-col-reverse space-y-4 space-y-reverse p-4",children:l.map(n=>{const s=n.senderType===Ha.SenderType.USER;return a.jsx(h.motion.div,{initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},transition:{duration:.3},className:o("flex items-start space-x-2 rounded-lg p-2 shadow-sm",{"bg-primary text-primary-content flex-row-reverse":s,"bg-neutral text-neutral-content":!s}),children:a.jsx("div",{className:"text-body-m max-w-[60%] break-words",children:a.jsx(At,{remarkPlugins:[Dt,Qt],className:o("prose max-w-none flex-1",{"text-primary-content":s,"text-neutral-content":!s}),children:n.content})})},n.id)})}):a.jsx("div",{className:"flex flex-col space-y-4 p-4",children:[...Array(5)].map((n,s)=>a.jsxs("div",{className:"flex animate-pulse items-start space-x-2",children:[a.jsx("div",{className:"avatar placeholder",children:a.jsx("div",{className:"bg-neutral w-10 rounded-full"})}),a.jsxs("div",{className:"flex-1 space-y-2 py-1",children:[a.jsx("div",{className:"bg-neutral h-4 w-1/2 rounded-sm"}),a.jsx("div",{className:"bg-neutral h-4 w-3/4 rounded-sm"})]})]},s))})}function Ol({messages:l,onSendMessage:n}){return a.jsxs("div",{className:"flex h-full flex-col",children:[a.jsx("div",{className:"flex-1 overflow-y-auto",children:a.jsx(lt,{messages:l})}),a.jsx(tt,{onSubmit:n})]})}function vl({onClick:l,isLoading:n}){const{t:s}=v.useTranslation();return a.jsx("button",{onClick:l,disabled:n,className:"btn btn-neutral text-label-l text-neutral-content h-16 min-w-48",children:n?a.jsx("span",{className:"loading loading-spinner loading-sm"}):a.jsxs(a.Fragment,{children:[a.jsx($a,{className:"size-5"}),s("aidol:companion.addMember")]})})}const sa=["vocal","dance","rap","visual","stamina","charm"];function ql({stats:l}){const{t:n}=v.useTranslation(),s=260,m=s/2,d=70,r=100,b=(u,y)=>{const L=Math.PI*2*u/6-Math.PI/3,X=y/100*d;return{x:m+X*Math.cos(L),y:m+X*Math.sin(L)}},p=u=>{const y=Math.PI*2*u/6-Math.PI/3;return{x:m+r*Math.cos(y),y:m+r*Math.sin(y)}},W=sa.map((u,y)=>b(y,l[u])),k=W.map(u=>`${u.x},${u.y}`).join(" "),G=[20,40,60,80,100];return a.jsx("div",{className:"flex items-center justify-center",children:a.jsxs("svg",{width:s,height:s,viewBox:`0 0 ${s} ${s}`,children:[G.map(u=>{const L=sa.map((X,Q)=>b(Q,u)).map(X=>`${X.x},${X.y}`).join(" ");return a.jsx("polygon",{points:L,fill:"none",stroke:"currentColor",strokeWidth:"1",className:"text-base-300"},u)}),sa.map((u,y)=>{const L=b(y,100);return a.jsx("line",{x1:m,y1:m,x2:L.x,y2:L.y,stroke:"currentColor",strokeWidth:"1",className:"text-base-300"},y)}),a.jsx("polygon",{points:k,fill:"currentColor",fillOpacity:"0.3",stroke:"currentColor",strokeWidth:"2",className:"text-secondary"}),W.map((u,y)=>a.jsx("circle",{cx:u.x,cy:u.y,r:"3",fill:"currentColor",className:"text-secondary"},y)),sa.map((u,y)=>{const L=p(y);return a.jsxs("g",{children:[a.jsx("text",{x:L.x,y:L.y-8,textAnchor:"middle",dominantBaseline:"middle",className:"text-label-l fill-base-content font-medium",children:n(`aidol:casting.abilities.${u}`)}),a.jsx("text",{x:L.x,y:L.y+10,textAnchor:"middle",dominantBaseline:"middle",className:"text-label-l fill-secondary font-medium",children:l[u]})]},u)})]})})}function nt({companion:l,showBiography:n=!0,showStats:s=!0}){const{t:m}=v.useTranslation(),{name:d,profilePictureUrl:r,grade:b,mbti:p,biography:W,stats:k}=l;return a.jsxs("div",{className:"flex flex-col items-center gap-6",children:[a.jsx(ra,{url:r??null,alt:d??""}),a.jsxs("div",{className:"flex flex-col gap-2 self-start",children:[a.jsx("h2",{className:"text-title-s text-base-content font-semibold",children:d??""}),(b||p)&&a.jsxs("div",{className:"flex gap-2",children:[b&&a.jsx("span",{className:"text-label-l bg-base-content text-base-100 rounded-lg px-2 py-1",children:m("aidol:companion.grade",{grade:b})}),p&&a.jsx("span",{className:"text-label-l bg-base-content text-base-100 rounded-lg px-2 py-1",children:p})]})]}),n&&W&&a.jsx("p",{className:"text-body-s text-base-content",children:W}),s&&k&&a.jsx(ql,{stats:k})]})}const mt=i.forwardRef(({placeholder:l,maxLength:n=500,charCount:s,...m},d)=>{const{t:r}=v.useTranslation();return a.jsxs("div",{className:"w-full",children:[a.jsx("textarea",{ref:d,placeholder:l??r("aidol:companion.promptPlaceholder"),maxLength:n,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",...m}),a.jsxs("div",{className:"text-label-s text-base-content/50 mt-1 text-right",children:[s??0,"/",n]})]})});mt.displayName="PromptInput";function Vl({value:l,onChange:n}){const{t:s}=v.useTranslation();return a.jsx("input",{type:"text",value:l,onChange:m=>n(m.target.value),placeholder:s("aidol:companionCreate.complete.bioPlaceholder"),className:"input w-full bg-white text-black"})}function ea({title:l,logo:n,onDropdownClick:s,onBackClick:m,onCloseClick:d,children:r}){const b=()=>n?a.jsx(f,{src:"/images/logo.svg",alt:"alola",width:91,height:27}):s?a.jsxs("button",{type:"button",onClick:s,className:"text-headline-s text-base-content flex cursor-pointer items-center gap-2",children:[a.jsx("span",{children:l}),a.jsx(tl,{className:"size-6"})]}):a.jsxs("div",{className:"flex items-center gap-2",children:[m&&a.jsx("button",{type:"button",onClick:m,className:"text-base-content flex cursor-pointer items-center justify-center","aria-label":"뒤로 가기",children:a.jsx(Pt,{className:"size-6"})}),d&&a.jsx("button",{type:"button",onClick:d,className:"text-base-content flex cursor-pointer items-center justify-center","aria-label":"닫기",children:a.jsx(Nl,{className:"size-6"})}),l&&a.jsx("h1",{className:"text-headline-s text-base-content",children:l})]});return a.jsxs("header",{className:"h-header bg-base-100 flex shrink-0 items-center justify-between px-6 py-7",children:[b(),r&&a.jsx("div",{className:"flex shrink-0 items-center gap-2",children:r})]})}function st({progress:l}){const n=Math.min(100,Math.max(0,l));return a.jsx("div",{className:"bg-primary/20 h-3 w-full overflow-hidden rounded-full",children:a.jsx("div",{className:"bg-primary h-full rounded-full transition-all duration-500 ease-out",style:{width:`${n}%`}})})}function yl({step:l,totalSteps:n,children:s,bottomButton:m}){const{t:d}=v.useTranslation(),r=l/n*100;return a.jsxs("div",{className:"flex min-h-dvh flex-col",children:[a.jsx(ea,{title:d("aidol:companionCreate.title")}),a.jsx("div",{className:"px-6 py-4",children:a.jsx(st,{progress:r})}),a.jsx("div",{className:"flex flex-1 flex-col gap-6 p-6",children:s}),a.jsx("div",{className:"sticky bottom-0 p-6",children:m})]})}const il=/[!@#$%^&*()+=[\]{}|\\;:'",.<>?/`~_]/g;function Tl({value:l,onChange:n,maxLength:s=10}){const{t:m}=v.useTranslation();return a.jsx("input",{type:"text",value:l,onChange:d=>n(d.target.value.replace(il,"").slice(0,s)),placeholder:m("aidol:companionCreate.complete.namePlaceholder"),className:"input w-full bg-white text-black"})}const dt=i.forwardRef(({options:l,...n},s)=>{const{t:m}=v.useTranslation();return a.jsxs("fieldset",{className:"fieldset w-full",children:[a.jsx("label",{className:"label",children:m("aidol:creation.concept")}),a.jsxs("select",{ref:s,className:"select bg-base-100 text-base-content w-full",...n,children:[a.jsx("option",{value:"",children:m("aidol:creation.selectConcept")}),l.map(d=>a.jsx("option",{value:d.value,children:d.label},d.value))]})]})});dt.displayName="ConceptSelector";function Gl({value:l,onChange:n}){const{t:s}=v.useTranslation(),m=[{gender:"female",label:s("aidol:companionCreate.gender.female")},{gender:"male",label:s("aidol:companionCreate.gender.male")}];return a.jsx("div",{className:"flex gap-4",children:m.map(({gender:d,label:r})=>a.jsx("button",{type:"button",onClick:()=>n(d),className:o("text-label-l flex-1 rounded-lg border px-6 py-3 transition-colors",l===d?"border-primary text-primary bg-white":"border-base-300 text-base-content bg-white"),children:r},d))})}function Ml({onGenerate:l,isGenerating:n,disabled:s}){const{t:m}=v.useTranslation(),[d,r]=i.useState(""),b=()=>{d.trim()&&l(d)},p=W=>{W.key==="Enter"&&d.trim()&&!n&&!s&&(W.preventDefault(),b())};return a.jsxs("fieldset",{className:"fieldset w-full",children:[a.jsxs("div",{className:"flex gap-2",children:[a.jsx("input",{type:"text",value:d,onChange:W=>r(W.target.value),onKeyDown:p,placeholder:m("aidol:creation.emblemPromptPlaceholder"),maxLength:200,className:"input flex-1",disabled:s||n,"data-testid":"emblem-prompt-input"}),a.jsx("button",{type:"button",onClick:b,disabled:s||n||!d.trim(),className:"btn btn-secondary","data-testid":"emblem-generate-button",children:n?a.jsx("span",{className:"loading loading-spinner loading-sm"}):m("aidol:creation.generate")})]}),n&&a.jsx("div",{className:"mt-2",children:a.jsx("progress",{className:"progress w-full"})})]})}const Zt=i.forwardRef(({error:l,...n},s)=>{const{t:m}=v.useTranslation();return a.jsxs("fieldset",{className:"fieldset w-full",children:[a.jsx("label",{className:"label",children:m("aidol:creation.groupName")}),a.jsx("input",{ref:s,type:"text",placeholder:m("aidol:creation.groupNamePlaceholder"),className:o("input bg-base-100 text-base-content placeholder:text-base-content/50 w-full",l&&"input-error"),...n}),l&&a.jsx("span",{className:"text-label-m text-error",children:l})]})});Zt.displayName="GroupNameInput";function rt({label:l,leftLabel:n,rightLabel:s,value:m,onChange:d}){return a.jsxs("div",{className:"flex flex-col gap-2",children:[a.jsx("span",{className:"text-label-l text-base-content",children:l}),a.jsx("input",{type:"range",min:1,max:10,step:1,value:m,onChange:r=>d(Number(r.target.value)),className:"range range-primary range-sm"}),a.jsxs("div",{className:"flex justify-between",children:[a.jsx("span",{className:"text-label-m text-primary",children:n}),a.jsx("span",{className:"text-label-m text-primary",children:s})]})]})}function Ll({values:l,onChange:n}){const{t:s}=v.useTranslation(),m=[{key:"energy",label:s("aidol:companionCreate.personality.energy"),leftLabel:s("aidol:companionCreate.personality.energyLeft"),rightLabel:s("aidol:companionCreate.personality.energyRight")},{key:"perception",label:s("aidol:companionCreate.personality.perception"),leftLabel:s("aidol:companionCreate.personality.perceptionLeft"),rightLabel:s("aidol:companionCreate.personality.perceptionRight")},{key:"judgment",label:s("aidol:companionCreate.personality.judgment"),leftLabel:s("aidol:companionCreate.personality.judgmentLeft"),rightLabel:s("aidol:companionCreate.personality.judgmentRight")},{key:"lifestyle",label:s("aidol:companionCreate.personality.lifestyle"),leftLabel:s("aidol:companionCreate.personality.lifestyleLeft"),rightLabel:s("aidol:companionCreate.personality.lifestyleRight")}];return a.jsx("div",{className:"flex flex-col gap-6",children:m.map(({key:d,label:r,leftLabel:b,rightLabel:p})=>a.jsx(rt,{label:r,leftLabel:b,rightLabel:p,value:l[d],onChange:W=>n({...l,[d]:W})},d))})}const et=i.forwardRef(({error:l,...n},s)=>{const{t:m}=v.useTranslation();return a.jsxs("fieldset",{className:"fieldset w-full",children:[a.jsx("label",{className:"label",children:m("aidol:creation.memberName")}),a.jsx("input",{ref:s,type:"text",placeholder:m("aidol:creation.memberNamePlaceholder"),className:o("input bg-base-100 text-base-content placeholder:text-base-content/50 w-full",l&&"input-error"),...n}),l&&a.jsx("span",{className:"text-label-m text-error",children:l})]})});et.displayName="MemberNameInput";function Ul({value:l,onChange:n,options:s}){const{t:m}=v.useTranslation();return a.jsxs("fieldset",{className:"fieldset w-full",children:[a.jsx("label",{className:"label",children:m("aidol:creation.personality")}),a.jsx("div",{className:"space-y-2",children:s.map(d=>a.jsxs("label",{className:o("flex cursor-pointer items-start gap-3 rounded-lg border p-4 transition-colors",l===d.value?"border-primary bg-primary/10":"border-base-300 hover:border-base-content/30"),children:[a.jsx("input",{type:"radio",name:"personality",value:d.value,checked:l===d.value,onChange:r=>n(r.target.value),className:"radio-primary radio mt-0.5"}),a.jsxs("div",{children:[a.jsx("div",{className:"text-base-content font-medium",children:d.label}),d.description&&a.jsx("div",{className:"text-body-s text-base-content/70 mt-1",children:d.description})]})]},d.value))})]})}function kl({prompt:l,onPromptChange:n,onGenerate:s,isGenerating:m,imageUrl:d,hasGenerated:r}){const{t:b}=v.useTranslation();return a.jsxs("div",{className:"flex flex-col gap-4",children:[a.jsx("input",{type:"text",value:l,onChange:p=>n(p.target.value),placeholder:b("aidol:companionCreate.image.promptPlaceholder"),className:"input w-full bg-white text-black"}),a.jsxs("button",{type:"button",onClick:s,disabled:m||!l.trim(),className:"btn btn-primary w-full",children:[m&&a.jsx("span",{className:"loading loading-spinner"}),b(r?"aidol:companionCreate.image.regenerate":"aidol:companionCreate.image.generate")]}),d?a.jsx("div",{className:"relative aspect-square w-full overflow-hidden rounded-lg",children:a.jsx(f,{src:d,alt:"Generated profile",fill:!0,className:"object-cover"})}):a.jsxs("div",{className:"border-base-300 bg-base-100 flex aspect-square w-full flex-col items-center justify-center gap-4 rounded-lg border",children:[a.jsx(at,{className:"text-neutral size-6"}),a.jsx("p",{className:"text-body-m text-neutral text-center whitespace-pre-line",children:b("aidol:companionCreate.image.placeholder")})]})]})}function bt({step:l,title:n,children:s}){const m=l.toString().padStart(2,"0");return a.jsxs("div",{className:"bg-base-200 flex w-full flex-col gap-6 rounded-lg p-6",children:[a.jsx("span",{className:"text-title-s text-primary",children:m}),a.jsx("h3",{className:"text-title-s text-base-content",children:n}),a.jsx("div",{className:"flex flex-col gap-4",children:s})]})}function ol({currentStep:l,totalSteps:n,labels:s}){return a.jsx("ul",{className:"steps w-full",children:Array.from({length:n},(m,d)=>{const r=d+1,b=r<l,p=r===l;return a.jsx("li",{className:o("step",(b||p)&&"step-primary"),children:s?.[d]??""},r)})})}const P={initial:{y:40,opacity:0},animate:{y:0,opacity:1,transition:{duration:.8,ease:"easeInOut"}}},Sl={animate:{transition:{staggerChildren:.15}}};function Jl({onGetStarted:l,isLoading:n,logoUrl:s="/images/logo.svg",videoUrl:m}){const{t:d}=v.useTranslation();return a.jsx("section",{className:"bg-base-100 flex min-h-screen w-full flex-col items-center px-6 pt-12 pb-8",children:a.jsxs(h.motion.div,{variants:Sl,initial:"initial",animate:"animate",className:"flex w-full flex-col items-center text-center",children:[a.jsx(h.motion.div,{variants:P,className:"mb-6",children:a.jsx(f,{src:s,alt:"AIdol",width:92,height:28,priority:!0})}),a.jsxs(h.motion.h1,{variants:P,className:"text-display-s mb-3",children:[d("aidol:landing.hero.title.line1"),a.jsx("br",{}),d("aidol:landing.hero.title.line2")]}),a.jsxs(h.motion.div,{variants:P,className:"text-headline-s text-base-content mb-8 flex flex-col",children:[a.jsx("p",{className:"text-neutral",children:d("aidol:landing.hero.line1")}),a.jsx("p",{className:"text-neutral",children:d("aidol:landing.hero.line2")}),a.jsx("p",{children:d("aidol:landing.hero.line3")}),a.jsx("p",{children:d("aidol:landing.hero.line4")})]}),a.jsx(h.motion.div,{variants:P,className:"bg-base-200 relative mb-6 aspect-[345/368] w-full overflow-hidden rounded-lg",children:m&&a.jsx("video",{src:m,autoPlay:!0,loop:!0,muted:!0,playsInline:!0,className:"size-full object-cover"})}),a.jsx(h.motion.div,{variants:P,className:"w-full",children:a.jsx("button",{onClick:l,disabled:n,className:"btn btn-primary btn-lg text-label-l w-full rounded-lg",children:n?a.jsx("span",{className:"loading loading-spinner loading-sm"}):d("aidol:landing.hero.cta")})})]})})}function Yl({onNewMember:l}){const{t:n}=v.useTranslation();return a.jsxs("div",{className:"bg-base-200 col-span-2 flex flex-col items-center justify-center gap-4 rounded-lg p-4",children:[a.jsxs("div",{className:"text-body-s text-base-content flex flex-col items-start text-center",children:[a.jsx("p",{children:n("aidol:casting.newMember.prompt")}),a.jsx("p",{children:n("aidol:casting.newMember.subPrompt")})]}),a.jsxs("button",{type:"button",className:"btn btn-primary gap-2.5",onClick:l,children:[n("aidol:casting.addMember"),a.jsx($a,{className:"size-4"})]})]})}function jl({companions:l,onCompanionClick:n,onNewMember:s}){return a.jsxs("div",{className:"grid grid-cols-2 gap-6",children:[l.map(m=>a.jsx(A,{companion:m,onClick:()=>n(m)},m.id)),a.jsx(Yl,{onNewMember:s})]})}function Xl({title:l,titleId:n,...s},m){return z.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:m,"aria-labelledby":n},s),l?z.createElement("title",{id:n},l):null,z.createElement("path",{fillRule:"evenodd",d:"M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z",clipRule:"evenodd"}))}const Kl=z.forwardRef(Xl);function Fl({title:l,titleId:n,...s},m){return z.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:m,"aria-labelledby":n},s),l?z.createElement("title",{id:n},l):null,z.createElement("path",{d:"m11.645 20.91-.007-.003-.022-.012a15.247 15.247 0 0 1-.383-.218 25.18 25.18 0 0 1-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0 1 12 5.052 5.5 5.5 0 0 1 16.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 0 1-4.244 3.17 15.247 15.247 0 0 1-.383.219l-.022.012-.007.004-.003.001a.752.752 0 0 1-.704 0l-.003-.001Z"}))}const fl=z.forwardRef(Fl);function xl(){const{t:l}=v.useTranslation();return a.jsxs("div",{className:"flex flex-col gap-1",children:[a.jsxs("div",{className:"flex flex-col items-start gap-1",children:[a.jsx(Kl,{className:"text-primary size-6 shrink-0"}),a.jsx("h3",{className:"text-title-s text-base-content",children:l("aidol:casting.infoBanner.title")})]}),a.jsx("p",{className:"text-body-s text-base-content/60",children:l("aidol:casting.infoBanner.description")})]})}const Rl=["mixed","boy","girl"];function hl({activeTab:l,onTabChange:n}){const{t:s}=v.useTranslation("aidol");return a.jsx("div",{role:"tablist",className:"flex gap-2",children:Rl.map(m=>a.jsx("button",{type:"button",role:"tab","aria-selected":l===m,className:o("bg-base-200 text-label-l rounded-lg border p-2",l===m?"border-base-content text-base-content":"border-base-400 text-base-400"),onClick:()=>n(m),children:s(`casting.tabs.${m}`)},m))})}var Va={exports:{}},B={},Ea;function Cl(){if(Ea)return B;Ea=1;var l=i,n=Symbol.for("react.element"),s=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,d=l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,r={key:!0,ref:!0,__self:!0,__source:!0};function b(p,W,k){var G,u={},y=null,L=null;k!==void 0&&(y=""+k),W.key!==void 0&&(y=""+W.key),W.ref!==void 0&&(L=W.ref);for(G in W)m.call(W,G)&&!r.hasOwnProperty(G)&&(u[G]=W[G]);if(p&&p.defaultProps)for(G in W=p.defaultProps,W)u[G]===void 0&&(u[G]=W[G]);return{$$typeof:n,type:p,key:y,ref:L,props:u,_owner:d.current}}return B.Fragment=s,B.jsx=b,B.jsxs=b,B}var da={},Ia;function wl(){return Ia||(Ia=1,process.env.NODE_ENV!=="production"&&(function(){var l=i,n=Symbol.for("react.element"),s=Symbol.for("react.portal"),m=Symbol.for("react.fragment"),d=Symbol.for("react.strict_mode"),r=Symbol.for("react.profiler"),b=Symbol.for("react.provider"),p=Symbol.for("react.context"),W=Symbol.for("react.forward_ref"),k=Symbol.for("react.suspense"),G=Symbol.for("react.suspense_list"),u=Symbol.for("react.memo"),y=Symbol.for("react.lazy"),L=Symbol.for("react.offscreen"),X=Symbol.iterator,Q="@@iterator";function D(t){if(t===null||typeof t!="object")return null;var Z=X&&t[X]||t[Q];return typeof Z=="function"?Z:null}var K=l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function U(t){{for(var Z=arguments.length,e=new Array(Z>1?Z-1:0),N=1;N<Z;N++)e[N-1]=arguments[N];ba("error",t,e)}}function ba(t,Z,e){{var N=K.ReactDebugCurrentFrame,q=N.getStackAddendum();q!==""&&(Z+="%s",e=e.concat([q]));var V=e.map(function(O){return String(O)});V.unshift("Warning: "+Z),Function.prototype.apply.call(console[t],console,V)}}var _=!1,pa=!1,S=!1,$=!1,E=!1,aa;aa=Symbol.for("react.module.reference");function Wt(t){return!!(typeof t=="string"||typeof t=="function"||t===m||t===r||E||t===d||t===k||t===G||$||t===L||_||pa||S||typeof t=="object"&&t!==null&&(t.$$typeof===y||t.$$typeof===u||t.$$typeof===b||t.$$typeof===p||t.$$typeof===W||t.$$typeof===aa||t.getModuleId!==void 0))}function ut(t,Z,e){var N=t.displayName;if(N)return N;var q=Z.displayName||Z.name||"";return q!==""?e+"("+q+")":e}function ia(t){return t.displayName||"Context"}function F(t){if(t==null)return null;if(typeof t.tag=="number"&&U("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof t=="function")return t.displayName||t.name||null;if(typeof t=="string")return t;switch(t){case m:return"Fragment";case s:return"Portal";case r:return"Profiler";case d:return"StrictMode";case k:return"Suspense";case G:return"SuspenseList"}if(typeof t=="object")switch(t.$$typeof){case p:var Z=t;return ia(Z)+".Consumer";case b:var e=t;return ia(e._context)+".Provider";case W:return ut(t,t.render,"ForwardRef");case u:var N=t.displayName||null;return N!==null?N:F(t.type)||"Memo";case y:{var q=t,V=q._payload,O=q._init;try{return F(O(V))}catch{return null}}}return null}var x=Object.assign,I=0,Ta,Ga,Ma,La,Ua,ka,oa;function Sa(){}Sa.__reactDisabledLog=!0;function ct(){{if(I===0){Ta=console.log,Ga=console.info,Ma=console.warn,La=console.error,Ua=console.group,ka=console.groupCollapsed,oa=console.groupEnd;var t={configurable:!0,enumerable:!0,value:Sa,writable:!0};Object.defineProperties(console,{info:t,log:t,warn:t,error:t,group:t,groupCollapsed:t,groupEnd:t})}I++}}function Ot(){{if(I--,I===0){var t={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:x({},t,{value:Ta}),info:x({},t,{value:Ga}),warn:x({},t,{value:Ma}),error:x({},t,{value:La}),group:x({},t,{value:Ua}),groupCollapsed:x({},t,{value:ka}),groupEnd:x({},t,{value:oa})})}I<0&&U("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var za=K.ReactCurrentDispatcher,Na;function ta(t,Z,e){{if(Na===void 0)try{throw Error()}catch(q){var N=q.stack.trim().match(/\n( *(at )?)/);Na=N&&N[1]||""}return`
 `+Na+t}}var Wa=!1,la;{var vt=typeof WeakMap=="function"?WeakMap:Map;la=new vt}function Ja(t,Z){if(!t||Wa)return"";{var e=la.get(t);if(e!==void 0)return e}var N;Wa=!0;var q=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var V;V=za.current,za.current=null,ct();try{if(Z){var O=function(){throw Error()};if(Object.defineProperty(O.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(O,[])}catch(Y){N=Y}Reflect.construct(t,[],O)}else{try{O.call()}catch(Y){N=Y}t.call(O.prototype)}}else{try{throw Error()}catch(Y){N=Y}t()}}catch(Y){if(Y&&N&&typeof Y.stack=="string"){for(var c=Y.stack.split(`
 `),J=N.stack.split(`
 `),T=c.length-1,M=J.length-1;T>=1&&M>=0&&c[T]!==J[M];)M--;for(;T>=1&&M>=0;T--,M--)if(c[T]!==J[M]){if(T!==1||M!==1)do if(T--,M--,M<0||c[T]!==J[M]){var j=`