UNPKG

@gv-sh/specgen-user

Version:

[![Version](https://img.shields.io/badge/version-0.14.1-blue.svg)](https://github.com/gv-sh/specgen-user)

2 lines 19.1 kB
/*! For license information please see 871.bbf7016e.chunk.js.LICENSE.txt */ "use strict";(self.webpackChunk_gv_sh_specgen_user=self.webpackChunk_gv_sh_specgen_user||[]).push([[871],{5939:(e,a,s)=>{s.d(a,{A:()=>t});const t=(0,s(6230).A)("folder",[["path",{d:"M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z",key:"1kt360"}]])},7871:(e,a,s)=>{s.r(a),s.d(a,{default:()=>Z});var t=s(9950),r=s(1111),n=s(9379),l=s(3986),i=s(4364),c=s(90),d=s(4414);const o=["className","variant"],m=(0,i.F)("inline-flex items-center rounded-md border px-2 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",{variants:{variant:{default:"border-transparent bg-primary text-primary-foreground hover:bg-primary/80",secondary:"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",destructive:"border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",outline:"text-foreground"}},defaultVariants:{variant:"default"}});function u(e){let{className:a,variant:s}=e,t=(0,l.A)(e,o);return(0,d.jsx)("div",(0,n.A)({className:(0,c.cn)(m({variant:s}),a)},t))}var h=s(6230);const x=(0,h.A)("circle-help",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3",key:"1u773s"}],["path",{d:"M12 17h.01",key:"p32p05"}]]);var p=s(8215);const f=(0,h.A)("trash-2",[["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6",key:"4alrt4"}],["path",{d:"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2",key:"v07s0e"}],["line",{x1:"10",x2:"10",y1:"11",y2:"17",key:"1uufr5"}],["line",{x1:"14",x2:"14",y1:"11",y2:"17",key:"xtxkd"}]]);var g=s(5939);const v=(0,h.A)("zap",[["path",{d:"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",key:"1xq2db"}]]),N=["className","children","type","defaultValue","collapsible"],b=["className","value","children"],j=["className","children","isOpen","data-value"],w=["className","children","isOpen"],y=t.forwardRef(((e,a)=>{let{className:s,children:r,type:i="multiple",defaultValue:o,collapsible:m=!0}=e,u=(0,l.A)(e,N);const[h,x]=(0,t.useState)(o?Array.isArray(o)?o:[o]:[]),p={openItems:h,onToggle:e=>{x("single"===i?h.includes(e)?[]:[e]:h.includes(e)?h.filter((a=>a!==e)):[...h,e])},type:i};return(0,d.jsx)("div",(0,n.A)((0,n.A)({ref:a,className:(0,c.cn)("divide-y divide-border rounded-md",s)},u),{},{children:(0,d.jsx)(k.Provider,{value:p,children:r})}))}));y.displayName="Accordion";const k=t.createContext({openItems:[],onToggle:()=>{},type:"multiple"}),A=()=>t.useContext(k),C=t.forwardRef(((e,a)=>{let{className:s,value:r,children:i}=e,o=(0,l.A)(e,b);const{openItems:m}=A(),u=m.includes(r);return(0,d.jsx)("div",(0,n.A)((0,n.A)({ref:a,"data-state":u?"open":"closed",className:(0,c.cn)("border-b border-border",s)},o),{},{children:t.Children.map(i,(e=>t.isValidElement(e)?t.cloneElement(e,{isOpen:u,"data-value":r}):e))}))}));C.displayName="AccordionItem";const S=t.forwardRef(((e,a)=>{let{className:s,children:t,isOpen:r,"data-value":i}=e,o=(0,l.A)(e,j);const{onToggle:m}=A();return(0,d.jsxs)("button",(0,n.A)((0,n.A)({ref:a,onClick:()=>m(i),className:(0,c.cn)("flex w-full items-center justify-between py-3 px-4 font-medium transition-all hover:underline",s)},o),{},{children:[t,(0,d.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:(0,c.cn)("h-4 w-4 shrink-0 transition-transform duration-200",r&&"rotate-180"),children:(0,d.jsx)("path",{d:"m6 9 6 6 6-6"})})]}))}));S.displayName="AccordionTrigger";const R=t.forwardRef(((e,a)=>{let{className:s,children:t,isOpen:r}=e,i=(0,l.A)(e,w);return(0,d.jsx)("div",(0,n.A)((0,n.A)({ref:a,style:{margin:0,padding:0},className:(0,c.cn)("grid grid-rows-[0fr] transition-all duration-200",r&&"grid-rows-[1fr]",s)},i),{},{children:(0,d.jsx)("div",{className:"overflow-hidden",children:r&&(0,d.jsx)("div",{className:"pb-2 pt-0 px-4",children:t})})}))}));R.displayName="AccordionContent";const z=["className"],T=["className"],I=["className"],M=["className"],P=["className","children"],V=["className"],E=["className","children"],O=["className","children"],_=t.forwardRef(((e,a)=>{let{className:s}=e,t=(0,l.A)(e,z);return(0,d.jsx)("select",(0,n.A)({className:(0,c.cn)("flex h-9 w-full rounded-md border border-input bg-background px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 appearance-none pr-9",s),ref:a},t))}));_.displayName="Select";t.forwardRef(((e,a)=>{let{className:s}=e,t=(0,l.A)(e,T);return(0,d.jsx)("div",(0,n.A)({ref:a,className:(0,c.cn)("space-y-1",s)},t))})).displayName="SelectGroup";t.forwardRef(((e,a)=>{let{className:s}=e,t=(0,l.A)(e,I);return(0,d.jsx)("label",(0,n.A)({ref:a,className:(0,c.cn)("text-sm font-medium",s)},t))})).displayName="SelectLabel";t.forwardRef(((e,a)=>{let{className:s}=e,t=(0,l.A)(e,M);return(0,d.jsx)("option",(0,n.A)({ref:a,className:(0,c.cn)("text-sm",s)},t))})).displayName="SelectOption";t.forwardRef(((e,a)=>{let{className:s,children:t}=e,r=(0,l.A)(e,P);return(0,d.jsx)("div",(0,n.A)((0,n.A)({ref:a,className:(0,c.cn)("flex h-9 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm shadow-sm",s)},r),{},{children:t}))})).displayName="SelectTrigger";t.forwardRef(((e,a)=>{let{className:s}=e,t=(0,l.A)(e,V);return(0,d.jsx)("div",(0,n.A)({ref:a,className:(0,c.cn)("text-sm",s)},t))})).displayName="SelectValue";t.forwardRef(((e,a)=>{let{className:s,children:t}=e,r=(0,l.A)(e,E);return(0,d.jsx)("div",(0,n.A)((0,n.A)({ref:a,className:(0,c.cn)("absolute z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md",s)},r),{},{children:t}))})).displayName="SelectContent";t.forwardRef(((e,a)=>{let{className:s,children:t}=e,r=(0,l.A)(e,O);return(0,d.jsx)("div",(0,n.A)((0,n.A)({ref:a,className:(0,c.cn)("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 px-2 text-sm outline-none hover:bg-accent focus:bg-accent data-[disabled]:pointer-events-none data-[disabled]:opacity-50",s)},r),{},{children:t}))})).displayName="SelectItem";const F=["className","min","max","step","value","onValueChange"],$=t.forwardRef(((e,a)=>{let{className:s,min:t=0,max:r=100,step:i=1,value:o,onValueChange:m}=e,u=(0,l.A)(e,F);const h=Array.isArray(o)?o[0]:void 0!==o?o:t,x=Number.isFinite(t)?t:0;let p=Number.isFinite(r)?r:x+1;p<=x&&(p=x+1);const f=Number.isFinite(i)&&i>0?i:1,g=Math.min(Math.max(h,x),p);return(0,d.jsx)("div",{className:(0,c.cn)("relative flex w-full touch-none select-none items-center primary",s),children:(0,d.jsx)("input",(0,n.A)({type:"range",ref:a,min:x,max:p,step:f,value:g,onChange:e=>{const a=parseFloat(e.target.value);m&&m(a)},className:"w-full",disabled:!m},u))})}));$.displayName="Slider";const L=["className","checked"],B=t.forwardRef(((e,a)=>{let{className:s,checked:t}=e,r=(0,l.A)(e,L);return(0,d.jsx)("div",{className:"flex items-center space-x-2",children:(0,d.jsx)("input",(0,n.A)({type:"checkbox",role:"switch",checked:t,className:(0,c.cn)("peer inline-flex h-[20px] w-[36px] shrink-0 cursor-pointer appearance-none items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50",t?"bg-primary":"bg-input",s),style:{backgroundImage:'url(\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><circle cx="8" cy="8" r="7" fill="white"/></svg>\')',backgroundPosition:t?"right 2px center":"left 2px center",backgroundRepeat:"no-repeat",transition:"background-position 0.2s ease"},ref:a},r))})}));B.displayName="Switch";const G=["className","checked"],D=t.forwardRef(((e,a)=>{let{className:s,checked:t}=e,r=(0,l.A)(e,G);return(0,d.jsx)("div",{className:"flex items-center space-x-2",children:(0,d.jsx)("input",(0,n.A)({type:"checkbox",ref:a,checked:t,className:(0,c.cn)("peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 checked:bg-primary checked:text-primary-foreground",s)},r))})}));D.displayName="Checkbox";const U=e=>{var a,s,t,r,n,l,i,c,o;let{parameter:m,value:u,onChange:h}=e;switch(m.type){case"Dropdown":return(0,d.jsxs)("div",{className:"relative w-full max-w-[400px]",children:[(0,d.jsxs)(_,{value:u||(null===(a=m.values[0])||void 0===a?void 0:a.id)||"",onChange:e=>h(e.target.value),className:"w-full h-9 rounded-md border bg-transparent px-3 py-1 text-sm appearance-none",children:[(0,d.jsx)("option",{value:"",disabled:!0,children:"Select..."}),m.values.map((e=>(0,d.jsx)("option",{value:e.id,children:e.label},e.id)))]}),(0,d.jsx)("div",{className:"absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none",children:(0,d.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"h-4 w-4 opacity-70",children:(0,d.jsx)("path",{d:"m6 9 6 6 6-6"})})})]});case"Slider":const e=m.config||{},x=null!==(s=e.min)&&void 0!==s?s:0,p=null!==(t=e.max)&&void 0!==t?t:100,f=null!==(r=e.step)&&void 0!==r?r:1,g=null!==(n=e.default)&&void 0!==n?n:x,v=null!==u&&void 0!==u?u:g,N=null===(l=m.values)||void 0===l||null===(i=l[0])||void 0===i?void 0:i.label,b=null===(c=m.values)||void 0===c||null===(o=c[1])||void 0===o?void 0:o.label;return(0,d.jsxs)("div",{className:"space-y-2 max-w-[400px]",children:[(0,d.jsxs)("div",{className:"flex justify-between text-sm",children:[N?(0,d.jsx)("span",{className:"text-xs",children:N}):(0,d.jsx)("span",{className:"text-xs text-muted-foreground",children:x}),b?(0,d.jsx)("span",{className:"text-xs",children:b}):(0,d.jsx)("span",{className:"text-xs text-muted-foreground",children:p})]}),(0,d.jsx)("div",{className:"relative flex items-center h-6",children:(0,d.jsx)($,{min:x,max:p,step:f,value:v,onValueChange:e=>h(e),className:"w-full"})})]});case"Toggle Switch":return(0,d.jsxs)("div",{className:"flex items-center justify-between",children:[(0,d.jsx)("span",{className:"text-sm",children:u?"Enabled":"Disabled"}),(0,d.jsx)(B,{checked:!!u,onCheckedChange:e=>h(e)})]});case"Checkbox":return(0,d.jsx)("div",{className:"grid grid-cols-2 gap-2",children:m.values.map((e=>(0,d.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,d.jsx)(D,{id:"checkbox-".concat(m.id,"-").concat(e.id),checked:(u||[]).includes(e.id),onCheckedChange:a=>{const s=u||[],t=a?[...s,e.id]:s.filter((a=>a!==e.id));h(t)}}),(0,d.jsx)("label",{htmlFor:"checkbox-".concat(m.id,"-").concat(e.id),className:"text-sm",children:e.label})]},e.id)))});case"Radio":case"Radio Buttons":return(0,d.jsx)("div",{className:"grid grid-cols-2 gap-2",children:m.values.map((e=>(0,d.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,d.jsx)("input",{type:"radio",id:"".concat(m.id,"-").concat(e.id),name:m.id,value:e.id,checked:u===e.id,onChange:()=>h(e.id),className:"h-4 w-4"}),(0,d.jsx)("label",{htmlFor:"".concat(m.id,"-").concat(e.id),className:"text-sm",children:e.label})]},e.id)))});default:return(0,d.jsxs)("div",{children:["Unsupported parameter type: ",m.type]})}};var H=s(8815),W=s(8429);const Z=e=>{let{parameters:a,onRemoveParameter:s,onUpdateParameterValue:n,onNavigateToGenerate:l,onShowTour:i}=e;const o=(0,W.Zp)(),[m,h]=(0,t.useState)(!1),[N,b]=(0,t.useState)(new Set),[j,w]=(0,t.useState)((()=>Math.floor(101*Math.random())+2026));(0,t.useEffect)((()=>{const e=a;return()=>{a!==e&&((e,a)=>{const s=a.filter((a=>!e.some((e=>e.id===a.id)))).map((e=>e.id));s.length>0&&(b((e=>new Set([...e,...s]))),setTimeout((()=>{b((e=>{const a=new Set(e);return s.forEach((e=>a.delete(e))),a}))}),1e3))})(e,a)}}),[a]);const k=(0,t.useMemo)((()=>{const e={};return a.forEach((a=>{const s=a.categoryId||"uncategorized",t=a.categoryName||"Uncategorized";e[s]||(e[s]={id:s,name:t,newParams:[],existingParams:[]}),N.has(a.id)?e[s].newParams.push(a):e[s].existingParams.push(a)})),Object.values(e).map((e=>({id:e.id,name:e.name,parameters:[...e.newParams,...e.existingParams]})))}),[a,N]),A=(0,t.useMemo)((()=>!!a.length&&!a.some((e=>null==e.value))),[a]),z=function(e){let s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;h(!0),setTimeout((()=>{if("parameter"===e&&t){const e=a.find((e=>e.id===t));e&&n(e.id,(0,H.g)(e))}"category"===e&&s&&a.filter((e=>e.categoryId===s)).forEach((e=>n(e.id,(0,H.g)(e)))),"all"===e&&a.forEach((e=>n(e.id,(0,H.g)(e)))),h(!1)}),300)};return(0,t.useEffect)((()=>{a.filter((e=>null==e.value)).forEach((e=>n(e.id,(0,H.g)(e))))}),[n,a]),a.length?(0,d.jsxs)("div",{className:"flex flex-col h-full",children:[(0,d.jsx)("div",{className:"sticky top-0 z-10 bg-card p-3 pl-0 pr-0",children:(0,d.jsxs)("div",{className:"flex items-center justify-between",children:[(0,d.jsxs)("div",{className:"flex items-left gap-2",children:[(0,d.jsx)("h2",{className:"text-sm font-medium text-foreground",children:"Selected Parameters"}),(0,d.jsx)(u,{variant:"secondary",className:"rounded-4",children:a.length})]}),(0,d.jsxs)("div",{className:"flex items-center gap-2",children:[i&&(0,d.jsxs)(r.$,{variant:"link",size:"sm",onClick:i,className:"h-7 px-2 flex items-center gap-1.5 text-primary hover:text-accent","aria-label":"Take a guided tour",title:"Take a guided tour",children:[(0,d.jsx)(x,{className:"h-3.5 w-3.5"}),(0,d.jsx)("span",{className:"text-xs font-medium",children:"Guided Tour"})]}),(0,d.jsxs)(r.$,{variant:"accent",size:"sm",onClick:()=>z("all"),className:(0,c.cn)("h-7 px-2 text-white shadow-md flex items-center gap-1.5","hover:text-accent-foreground rounded-md transition-all duration-200","hover:shadow-lg hover:brightness-110 hover:-translate-y-px animate-shimmer","text-accent-foreground bg-primary/100",m?"animate-pulse":""),"aria-label":"Randomize all parameters",title:"Randomize all parameters",children:[(0,d.jsx)(p.A,{className:(0,c.cn)("h-3.5 w-3.5",m?"animate-spin":"")}),(0,d.jsx)("span",{className:"text-xs font-medium",children:"Randomize"})]}),(0,d.jsx)(r.$,{variant:"ghost",size:"icon",onClick:()=>{[...a].forEach((e=>{s(e)}))},className:"h-7 w-7 text-destructive text-accent-foreground hover: text-accent","aria-label":"Remove all parameters",title:"Remove all parameters",children:(0,d.jsx)(f,{className:"h-3.5 w-3.5"})})]})]})}),(0,d.jsx)("div",{className:"flex-grow overflow-auto",style:{height:"calc(100% - 96px)"},children:(0,d.jsx)("div",{className:"space-y-3",children:k.map((e=>(0,d.jsx)("div",{className:"border border-input rounded-md overflow-hidden",children:(0,d.jsx)(y,{type:"multiple",defaultValue:[e.id],className:"w-full",children:(0,d.jsxs)(C,{value:e.id,className:"border-none",children:[(0,d.jsx)(S,{className:"p-3 hover:no-underline",children:(0,d.jsxs)("div",{className:"flex items-center gap-2",children:[(0,d.jsx)(g.A,{className:"h-3.5 w-3.5 text-muted-foreground"}),(0,d.jsx)("span",{className:"text-sm font-medium",children:e.name}),(0,d.jsx)(u,{variant:"secondary",className:"ml-1 text-xs",children:e.parameters.length})]})}),(0,d.jsx)(R,{className:"p-3",children:(0,d.jsx)("div",{className:"grid grid-cols-2 gap-4",children:e.parameters.map(((e,a)=>(0,d.jsx)("div",{className:(0,c.cn)("p-4 border border-input rounded-md relative",N.has(e.id)&&"animate-highlight"),style:{animationDelay:"".concat(100*a,"ms")},children:(0,d.jsxs)("div",{className:"space-y-2",children:[(0,d.jsxs)("div",{className:"flex items-center justify-between",children:[(0,d.jsx)("h3",{className:"text-sm font-medium",children:e.name}),(0,d.jsxs)("div",{className:"flex items-center gap-1",children:[(0,d.jsx)(r.$,{variant:"ghost",size:"icon",onClick:()=>z("parameter",null,e.id),className:"h-6 w-6 text-accent bg-0 hover:text-accent-foreground hover:bg-accent/100","aria-label":"Randomize ".concat(e.name),title:"Randomize ".concat(e.name),children:(0,d.jsx)(p.A,{className:"h-3 w-3"})}),(0,d.jsx)(r.$,{variant:"ghost",size:"icon",onClick:()=>s(e),className:"h-6 w-6 text-accent","aria-label":"Remove ".concat(e.name),title:"Remove ".concat(e.name),children:(0,d.jsx)(f,{className:"h-3 w-3"})})]})]}),e.description&&(0,d.jsx)("p",{className:"text-xs text-muted-foreground",children:e.description}),(0,d.jsx)("div",{className:"p-3 bg-muted/40 rounded-md border border-input",children:(0,d.jsx)(U,{parameter:e,value:e.value,onChange:a=>n(e.id,a)})})]})},e.id)))})})]})})},e.id)))})}),(0,d.jsx)("div",{className:"sticky bottom-0 p-3 border-t border-input bg-card z-10 mt-auto",children:(0,d.jsxs)("div",{className:"flex gap-3 items-center",children:[(0,d.jsxs)("div",{className:"w-2/3 flex flex-col justify-center",children:[(0,d.jsxs)("div",{className:"flex justify-between mb-1",children:[(0,d.jsxs)("span",{className:"text-sm font-medium",children:["Story Year: ",j]}),(0,d.jsx)("span",{className:"text-xs text-muted-foreground",children:"2026-2126"})]}),(0,d.jsx)("input",{type:"range",min:"2026",max:"2126",value:j,onChange:e=>w(parseInt(e.target.value,10)),className:"w-full h-2 bg-muted rounded-md appearance-none cursor-pointer [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:h-4 [&::-webkit-slider-thumb]:w-4 [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-primary"})]}),(0,d.jsxs)(r.$,{variant:"default",onClick:()=>{sessionStorage.removeItem("specgen-generating"),sessionStorage.setItem("specgen-parameters",JSON.stringify(a)),sessionStorage.setItem("specgen-story-year",j.toString()),sessionStorage.setItem("specgen-auto-generate","true"),o("/generating")},disabled:!A,className:"whitespace-nowrap h-10 w-1/3 text-accent-foreground",children:[(0,d.jsx)(v,{className:"h-4 w-4 mr-2"}),(0,d.jsx)("span",{className:"font-medium",children:A?"Generate Content":"Configure All Parameters"})]})]})})]}):(0,d.jsxs)("div",{className:"h-full flex flex-col",children:[(0,d.jsx)("h2",{className:"text-sm font-medium pt-4 pb-3 text-foreground",children:"Selected Parameters"}),(0,d.jsx)("div",{className:"flex-1 flex items-center justify-center",children:(0,d.jsxs)("div",{className:"text-center max-w-md",children:[(0,d.jsx)("p",{className:"text-sm font-medium mb-2",children:"No parameters selected yet."}),(0,d.jsx)("p",{className:"text-xs text-muted-foreground mb-4",children:"Browse the categories on the left, then add parameters from each genre to customize your story."}),i&&(0,d.jsxs)(r.$,{variant:"outline",size:"sm",onClick:i,className:"mx-auto flex items-center gap-2",children:[(0,d.jsx)(x,{className:"h-4 w-4"}),"Take a Tour"]})]})})]})}}}]);