boottent-design 0.1.162 → 0.1.163

package/dist/components.cjs.js

@@ -20,4 +20,4 @@ https://github.com/highlightjs/highlight.js/issues/2277`),Ae=S,Y=R);const fe={co
     @keyframes `.concat(r,` {
       `).concat(t,`
     }
-  `);return s&&s.insertRule(o,0),r},Zn=function(){return Zn=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},Zn.apply(this,arguments)},e0=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]]);return n},t0=Jx("BeatLoader","50% {transform: scale(0.75);opacity: 0.2} 100% {transform: scale(1);opacity: 1}","beat");function n0(e){var t=e.loading,n=t===void 0?!0:t,r=e.color,i=r===void 0?"#000000":r,s=e.speedMultiplier,o=s===void 0?1:s,a=e.cssOverride,l=a===void 0?{}:a,c=e.size,u=c===void 0?15:c,f=e.margin,d=f===void 0?2:f,p=e0(e,["loading","color","speedMultiplier","cssOverride","size","margin"]),m=Zn({display:"inherit"},l),g=function(y){return{display:"inline-block",backgroundColor:i,width:kr(u),height:kr(u),margin:kr(d),borderRadius:"100%",animation:"".concat(t0," ").concat(.7/o,"s ").concat(y%2?"0s":"".concat(.35/o,"s")," infinite linear"),animationFillMode:"both"}};return n?M.createElement("span",Zn({style:m},p),M.createElement("span",{style:g(1)}),M.createElement("span",{style:g(2)}),M.createElement("span",{style:g(3)})):null}const dt=({group:e,depth:t,variant:n="default",isChildrenList:r=!1})=>{const i=di(n);return!e||e.length===0?null:fi(e).map((o,a)=>{const l=o.type==="numbered_list"?"ol":"ul",c=o.type==="numbered_list"?"list-decimal":"list-disc",u=o.type==="numbered_list"?"numbered_list_item":"bulleted_list_item";return o.type==="numbered_list"||o.type==="bulleted_list"?h.jsx(l,{className:b.cn(i.list,c,"rounded-lg not-italic",t===1?"mb-4 p-4 pl-8":"bg-transparent pl-4",r?"bg-transparent p-0 pl-4":"bg-grey-100"),children:o.blocks.map(f=>h.jsxs(he.li,{initial:{opacity:0},animate:{opacity:1},className:b.cn(t===1?"marker:text-grey-800":"marker:text-main-400",i.listItem),children:[Ke(f,n),f.has_children&&(f.children||[]).length>0&&h.jsx("div",{className:"mt-2",children:(f.children||[]).some(d=>d.type===u)?dt({group:(f.children||[]).filter(d=>d.type===u),depth:t+1,variant:n,isChildrenList:!0}):h.jsx("div",{className:"pl-4",children:(f.children||[]).map((d,p)=>h.jsx(Qn,{block:d,variant:n},d.type+d.id+p))})})]},f.type+f.id+a))},o.type+a):h.jsx("div",{children:Ke(o.block,n)},o.block.id||a)})},r0=(e,t)=>!e||e.length===0?null:e.map((n,r)=>{const{annotations:i,text:s}=n;if(!s)return null;const{bold:o,italic:a,underline:l,strikethrough:c,code:u,color:f,backgroundColor:d}=i,p=b.cn("whitespace-pre-wrap",o&&"font-semibold",a&&"italic",l&&"underline",c&&"line-through",nd[f]??"",u&&"bg-grey-200 bg-opacity-80 px-1.5 rounded py-0.5 text-red-400",ps[d||""]?`${ps[d]} bg-opacity-80 px-1.5 rounded py-0.5`:"",t),m=s.link&&s.link.url?h.jsx(J.Anchor,{type:"external",href:s.link.url,className:"text-main-600 underline",children:s.content}):s.content;return h.jsx("span",{className:p,children:m},r)}),Ke=(e,t="default",n=!1,r=null)=>{var f,d,p,m,g,y,v,x,w,E,_,A,I,k,W,K,ce,ue,de,pe,ae,ye,q,ne,le,se,Le,Pe,S,R,F,z,Y,Ae,fe,ve,xe,Re,Qe,vt,Ge,At,ze,We,Oe,Pt,Je,U,me,te,Z,$,G,j,H;const i=`${e.type}-block`,s=di(t),o=((f=e[e.type])==null?void 0:f.rich_text)||"",a=(e==null?void 0:e.children)||[],l=ta(e,t)&&((d=er[t][e.type])==null?void 0:d.className)||"",c=a==null?void 0:a.some(T=>Jo.includes(T.type)),u=T=>r0(T,l);switch(e.type){case"loading":return h.jsx(he.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},className:b.cn(i,s.loading),children:h.jsx(n0,{size:8})});case"paragraph":return o&&o.length>0?h.jsx(he.p,{initial:{opacity:0},animate:{opacity:1},className:b.cn(i,s.paragraph,n&&"mb-0"),children:u(((p=e.paragraph)==null?void 0:p.rich_text)||"")}):h.jsx(he.div,{initial:{opacity:0},animate:{opacity:1},className:b.cn(i,s.paragraph),children:" "});case"heading_1":return o&&o.length>0?h.jsx(he.h1,{initial:{opacity:0},animate:{opacity:1},className:b.cn(i,s.heading1),children:u(((m=e.heading_1)==null?void 0:m.rich_text)||"")}):null;case"heading_2":return o&&o.length>0?h.jsx(he.h2,{initial:{opacity:0},animate:{opacity:1},className:b.cn(i,s.heading2),children:u(((g=e.heading_2)==null?void 0:g.rich_text)||"")}):null;case"heading_3":return o&&o.length>0?h.jsx(he.h3,{initial:{opacity:0},animate:{opacity:1},className:b.cn(i,s.heading3),children:u(((y=e.heading_3)==null?void 0:y.rich_text)||"")}):null;case"bulleted_list_item":case"numbered_list_item":return o&&o.length>0?h.jsx("span",{className:b.cn(i,s.listItem),children:u(e.type==="bulleted_list_item"?((v=e.bulleted_list_item)==null?void 0:v.rich_text)||"":((x=e.numbered_list_item)==null?void 0:x.rich_text)||"")}):null;case"quote":return o&&o.length>0?h.jsxs(he.blockquote,{initial:{opacity:0},animate:{opacity:1},className:b.cn(i,s.quote),children:[u(((w=e.quote)==null?void 0:w.rich_text)||""),e.children&&e.children.length>0&&h.jsx("div",{className:"space-y-1",children:c?dt({group:e.children,depth:1,variant:t}):e.children.map((T,C)=>h.jsx(N.Fragment,{children:Ke(T,t,!0,"quote")},e.type+T.id+C))})]}):null;case"divider":return h.jsx("hr",{className:b.cn(i,s.divider)});case"image":{const T=((_=(E=e.image)==null?void 0:E.file)==null?void 0:_.url)||((I=(A=e.image)==null?void 0:A.external)==null?void 0:I.url),C=(k=e.image)!=null&&k.caption?e.image.caption:"Image";return console.log((W=e.image)==null?void 0:W.caption),h.jsxs(he.figure,{initial:{opacity:0},animate:{opacity:1},className:b.cn(i,"flex flex-col items-center overflow-hidden rounded-lg"),children:[T?h.jsx("div",{className:s.image,children:h.jsx("img",{src:T||"/placeholder.svg",className:"h-full w-full object-cover",alt:C||"Image"})}):h.jsx("div",{className:"w-full rounded-lg bg-grey-200 p-4",children:"이미지를 불러올 수 없습니다"}),((ce=(K=e.image)==null?void 0:K.caption)==null?void 0:ce.length)>0&&h.jsx("figcaption",{className:"mt-2 text-center text-sm text-gray-500",children:typeof((ue=e.image)==null?void 0:ue.caption)=="string"?C:u(C)})]})}case"callout":{const T=((pe=(de=e.callout)==null?void 0:de.icon)==null?void 0:pe.emoji)||null,C=r==="column";return h.jsxs(he.div,{initial:{opacity:0},animate:{opacity:1},className:b.cn(i,s.callout,C&&"h-full","flex rounded-lg px-4 py-6"),children:[h.jsx("div",{className:"flex-shrink-0",children:h.jsx("div",{className:"flex h-6 w-6 items-center justify-center text-lg md:text-xl",children:T||"💡"})}),h.jsxs("div",{className:"flex flex-col gap-2",children:[o.length>0&&h.jsx("div",{className:"text-base md:text-lg",children:u(o)}),e.children&&e.children.length>0&&h.jsx("div",{className:"space-y-1",children:c?dt({group:e.children,depth:1,variant:t,isChildrenList:c}):e.children.map((O,P)=>h.jsx(N.Fragment,{children:Ke(O,t,!0,"callout")},e.type+O.id+P))})]})]})}case"code":{const T=((ae=e.code)==null?void 0:ae.rich_text)||[],C=((ye=e.code)==null?void 0:ye.language)||"plaintext";if(C==="bash"&&T.length>0&&((q=T[0].plain_text)!=null&&q.startsWith("!#btrl"))){const P=((ne=T[1])==null?void 0:ne.plain_text.trim())||"💡",X=T.slice(2).map(je=>je.plain_text).join("");return h.jsxs(he.div,{initial:{opacity:0},animate:{opacity:1},className:b.cn(i,s.callout,"h-full","mb-2 flex rounded-2xl px-6 py-8"),children:[h.jsx("span",{className:"break-keep text-lg font-bold text-primary md:text-xl",children:P}),h.jsx("span",{className:"whitespace-pre-wrap break-words",children:X})]})}const O=T.map(P=>P.plain_text).join("")||"";return h.jsx(_u,{code:O,language:C})}case"to_do":{const T=((le=e.to_do)==null?void 0:le.checked)||!1;return o&&o.length>0?h.jsxs("div",{className:b.cn(i,"mb-2 flex items-start gap-2"),children:[h.jsx("input",{type:"checkbox",checked:T,readOnly:!0,className:"mt-1 h-4 w-4 rounded border-gray-300"}),h.jsx("span",{className:b.cn(s.paragraph,T?"text-gray-400 line-through":""),children:u(((se=e.to_do)==null?void 0:se.rich_text)||"")})]}):null}case"toggle":return o&&o.length>0?h.jsxs("details",{className:b.cn(i,"group mb-4"),children:[h.jsx("summary",{className:b.cn(s.paragraph,"cursor-pointer"),children:h.jsx("span",{className:"px-1",children:u(((Le=e.toggle)==null?void 0:Le.rich_text)||"")})}),h.jsx("div",{className:"mt-2 pl-4",children:e.children&&e.children.length>0&&h.jsx("div",{className:"space-y-1",children:c?dt({group:e.children,depth:1,variant:t}):e.children.map((T,C)=>h.jsx(N.Fragment,{children:Ke(T,t,!0,"toggle")},e.type+T.id+C))})})]}):null;case"table":return h.jsx("div",{className:b.cn(i,"mb-4 overflow-x-auto"),children:h.jsx("table",{className:s.table,children:h.jsx("tbody",{children:a.map((T,C)=>{var O,P;return h.jsx("tr",{className:s.tableRow,children:(P=(O=T.table_row)==null?void 0:O.cells)==null?void 0:P.map((X,je)=>{var hs;const Wu=((hs=e.table)==null?void 0:hs.has_column_header)&&C===0?"th":"td";return h.jsx(Wu,{className:s.tableCell,style:{textAlign:"left"},children:X.map((Ku,Hu)=>h.jsx(N.Fragment,{children:u([Ku])},Hu))},je)})},T.id||C)})})})});case"bookmark":{const T=((Pe=e.bookmark)==null?void 0:Pe.url)||"",{meta:C,loading:O}=Xx(T);return T?h.jsxs(he.div,{initial:{opacity:0},animate:{opacity:1},className:b.cn(i,"mb-4 block"),children:[O?h.jsx("div",{className:"h-24 animate-pulse rounded-md bg-gray-100"}):C?h.jsxs(J.Anchor,{type:"external",href:T,className:"xs:h-24 xs:flex-row flex h-auto w-full flex-col items-center overflow-hidden rounded-md border border-gray-200 transition-all hover:bg-gray-50 hover:shadow lg:h-28",children:[C.image&&h.jsx("div",{className:"xs:h-full xs:w-auto aspect-video h-auto w-full flex-shrink-0 rounded-md",children:h.jsx("img",{src:C.image,alt:C.title,className:"h-full w-full object-cover"})}),h.jsxs("div",{className:"flex flex-col p-4",children:[h.jsx("div",{className:"line-clamp-2 text-sm font-semibold md:text-base",children:C.title}),h.jsx("div",{className:"line-clamp-2 text-sm text-gray-500",children:C.description})]})]}):h.jsxs("div",{className:"mb-4 block rounded-md border border-gray-200 p-4 text-base hover:bg-gray-50",children:[h.jsx(J.Anchor,{type:"external",href:T,children:T}),((R=(S=e.bookmark)==null?void 0:S.caption)==null?void 0:R.length)>0&&h.jsx("div",{className:"mt-2 text-sm text-gray-500",children:u(e.bookmark.caption)})]}),((z=(F=e.bookmark)==null?void 0:F.caption)==null?void 0:z.length)>0&&h.jsx("div",{className:"mt-2 text-xs text-grey-500 md:text-sm",children:u(e.bookmark.caption)})]}):null}case"embed":{const T=((Y=e.embed)==null?void 0:Y.url)||"";return h.jsxs("div",{className:b.cn(i,"mb-4"),children:[h.jsx("iframe",{src:T,className:"aspect-video max-h-[80vh] w-full overflow-hidden rounded-lg shadow-md",title:"Embedded content",allowFullScreen:!0}),((fe=(Ae=e.embed)==null?void 0:Ae.caption)==null?void 0:fe.length)>0&&h.jsx("div",{className:"mt-2 text-sm text-gray-500",children:u(e.embed.caption)})]})}case"video":{const T=((xe=(ve=e.video)==null?void 0:ve.external)==null?void 0:xe.url)||((Qe=(Re=e.video)==null?void 0:Re.file)==null?void 0:Qe.url)||"",C=sd(T);return h.jsxs(he.div,{initial:{opacity:0},animate:{opacity:1},className:b.cn(i,"mb-4"),children:[T?h.jsx("div",{className:"w-full",children:h.jsx("div",{className:"relative aspect-video overflow-hidden",children:h.jsx("iframe",{className:"absolute left-0 top-0 h-full w-full",src:C,title:"YouTube video player",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})}):h.jsx("div",{className:"mb-4 w-full rounded-lg bg-grey-200 p-4",children:"비디오를 불러올 수 없습니다"}),((Ge=(vt=e.video)==null?void 0:vt.caption)==null?void 0:Ge.length)>0&&h.jsx("div",{className:"mt-2 text-sm text-gray-500",children:u(e.video.caption)})]})}case"file":{const T=((ze=(At=e.file)==null?void 0:At.external)==null?void 0:ze.url)||((Oe=(We=e.file)==null?void 0:We.file)==null?void 0:Oe.url)||"",C=T.split("/").pop()||"File";return console.log(e),h.jsxs(he.div,{initial:{opacity:0},animate:{opacity:1},className:b.cn("mb-4"),children:[h.jsxs(J.Anchor,{type:"external",href:T,className:b.cn(i,"flex flex-col gap-2 rounded-md border border-gray-200 p-3 hover:bg-gray-50"),children:[h.jsxs("span",{className:"flex items-center gap-1 text-sm text-muted",children:[h.jsx(b.Icon.CopyLink,{size:20,fill:Mt.colors.grey[400]}),"클릭하면 파일이 다운로드됩니다 :)"]}),h.jsx("span",{className:"line-clamp-2 break-all text-xs",children:C})]}),((Je=(Pt=e.file)==null?void 0:Pt.caption)==null?void 0:Je.length)>0&&h.jsx("div",{className:"mt-2 text-xs text-grey-500 md:text-sm",children:u(e.bookmark.caption)})]})}case"table_of_contents":return h.jsxs("div",{className:b.cn(i,"mb-4 rounded-md border border-gray-200 p-4"),children:[h.jsx("div",{className:"mb-2 font-medium",children:"목차"}),h.jsx("div",{className:"text-sm text-gray-600",children:"(목차 내용은 전체 문서 분석 후 생성됩니다)"})]});case"link_preview":case"link_to_page":{const T=((U=e.link_preview)==null?void 0:U.url)||((me=e[e.type])==null?void 0:me.url)||"#",C=((te=e.link_preview)==null?void 0:te.url)||((Z=e[e.type])==null?void 0:Z.page_id)||"링크";return h.jsx(he.div,{initial:{opacity:0},animate:{opacity:1},className:b.cn(i,"mb-4"),children:h.jsx(J.Anchor,{type:"external",href:T,children:C})})}case"child_page":case"child_database":{const T=(($=e[e.type])==null?void 0:$.title)||"하위 페이지";return h.jsxs("div",{className:b.cn(i,"mb-4 rounded-md border border-gray-200 p-3"),children:[h.jsx("div",{className:"font-medium",children:T}),h.jsx("div",{className:"text-sm text-gray-500",children:e.type==="child_page"?"하위 페이지":"하위 데이터베이스"})]})}case"template":return h.jsxs("div",{className:b.cn(i,"mb-4 rounded-md border border-gray-200 p-3"),children:[h.jsx("div",{className:"font-medium",children:"템플릿"}),(((G=e.template)==null?void 0:G.rich_text)||"").length>0&&h.jsx("div",{children:u(((j=e.template)==null?void 0:j.rich_text)||"")})]});case"synced_block":return h.jsx("div",{className:b.cn(i,"mb-4"),children:a.map((T,C)=>h.jsx("div",{children:Ke(T,t,!1,"synced_block")},e.type+T.id+C))});case"column_list":return h.jsx(he.div,{initial:{opacity:0},animate:{opacity:1},className:b.cn(i,"mb-4 grid w-full grid-cols-1 gap-0 sm:grid-cols-2 sm:gap-4"),children:a.map((T,C)=>h.jsx("div",{className:"w-full min-w-[150px] flex-1",children:Ke(T,t,!1,"column_list")},e.type+T.id+C))});case"column":return h.jsx(he.div,{initial:{opacity:0},animate:{opacity:1},className:b.cn(i,"h-auto w-full sm:h-full"),children:a==null?void 0:a.map((T,C)=>h.jsx(N.Fragment,{children:Ke(T,t,!1,"column")},e.type+T.id+C))});case"unsupported":return null;default:return o&&o.length>0?h.jsx("p",{className:b.cn(i,s.paragraph),children:u(((H=e[e.type])==null?void 0:H.rich_text)||"")}):h.jsxs("div",{className:b.cn(i,"mb-4 rounded-md border border-gray-200 p-3 text-sm text-gray-500"),children:["지원되지 않는 블록 타입: ",e.type]})}},Qn=({block:e,accordionHeadings:t=[],variant:n="default"})=>{const r=ea(e,n),i=id(e,n),s=ta(e,n);if(Jo.includes(e.type)&&e.children)return dt({group:e.children,depth:1,variant:n});if(r>0){const o=Ke(e,n);if(!o&&(!e.children||e.children.length===0))return null;const a=e.children?fi(e.children):[];return s&&t.includes(e.type)&&a.length>0?h.jsx(Zt.Root,{type:"single",collapsible:!0,className:"mb-1 w-full md:mb-2 lg:mb-4",children:h.jsxs(Zt.Item,{value:e.id,className:"border-b-main-100",children:[h.jsx(Zt.Trigger,{className:"whitespace-pre-wrap py-2 md:whitespace-normal",children:o}),h.jsx(Zt.Content,{children:a.map((l,c)=>l.type==="bulleted_list"||l.type==="numbered_list"?h.jsx("div",{children:dt({group:l.blocks,depth:1,variant:n})},l.type+c):h.jsx(Qn,{block:l.block,accordionHeadings:t,variant:n},l.block.id+c))})]})}):h.jsxs(i,{children:[o,a.length>0&&h.jsx("div",{className:"mt-4",children:a.map((l,c)=>l.type==="bulleted_list"||l.type==="numbered_list"?h.jsx("div",{children:dt({group:l.blocks,depth:1,variant:n})},l.type+c):h.jsx(Qn,{block:l.block,accordionHeadings:t,variant:n},l.block.id+c))})]})}return Ke(e,n)},i0=({blocks:e,accordionHeadings:t=[],className:n,variant:r="default"})=>{const i=rd(e,r),s=di(r),o=a=>fi(a).map((c,u)=>c.type==="bulleted_list"||c.type==="numbered_list"?h.jsx(N.Fragment,{children:dt({group:c.blocks,depth:1,variant:r})},c.type+u):h.jsx(Qn,{block:c.block,accordionHeadings:t,variant:r},c.type+u));return h.jsx(Ux,{children:h.jsx("div",{className:b.cn(s.container,n),children:o(i)})})},s0=()=>{const[e,t]=N.useState([]);return N.useEffect(()=>{const u=(d,p)=>{t(p?m=>m.includes(d.id)?m:[...m,d.id]:m=>m.filter(g=>g!==d.id))},f=B.portalManager.subscribe(u);return t(B.portalManager.getOpenPortals()),()=>{f()}},[]),{modal:u=>{const{onClose:f=()=>{}}=u;return B.portalManager.showPortal("modal",{...u,onClose:f})},toast:u=>{let f;return typeof u=="string"?f={description:u}:f=u,B.portalManager.showPortal("toast",f)},alert:u=>{let f;return typeof u=="string"?f={description:u,onClose:()=>{}}:f={...u,onClose:u.onClose||(()=>{})},B.portalManager.showPortal("alert",f)},dialog:u=>{const{onClose:f=()=>{}}=u;return B.portalManager.showPortal("dialog",{...u,onClose:f})},custom:u=>{const{onClose:f=()=>{}}=u;return B.portalManager.showPortal("custom",{...u,onClose:f})},getIsOpen:u=>B.portalManager.getIsPortalOpen(u),closePortal:u=>{B.portalManager.closePortal(u)},closeAllPortals:()=>{B.portalManager.closeAllPortals()},openPortals:e}};var[hr,U0]=b.createContextScope("Tooltip",[b.createPopperScope]),pr=b.createPopperScope(),Su="TooltipProvider",o0=700,ci="tooltip.open",[a0,ls]=hr(Su),Nu=e=>{const{__scopeTooltip:t,delayDuration:n=o0,skipDelayDuration:r=300,disableHoverableContent:i=!1,children:s}=e,[o,a]=M.useState(!0),l=M.useRef(!1),c=M.useRef(0);return M.useEffect(()=>{const u=c.current;return()=>window.clearTimeout(u)},[]),h.jsx(a0,{scope:t,isOpenDelayed:o,delayDuration:n,onOpen:M.useCallback(()=>{window.clearTimeout(c.current),a(!1)},[]),onClose:M.useCallback(()=>{window.clearTimeout(c.current),c.current=window.setTimeout(()=>a(!0),r)},[r]),isPointerInTransitRef:l,onPointerInTransitChange:M.useCallback(u=>{l.current=u},[]),disableHoverableContent:i,children:s})};Nu.displayName=Su;var mr="Tooltip",[l0,gr]=hr(mr),Cu=e=>{const{__scopeTooltip:t,children:n,open:r,defaultOpen:i=!1,onOpenChange:s,disableHoverableContent:o,delayDuration:a}=e,l=ls(mr,e.__scopeTooltip),c=pr(t),[u,f]=M.useState(null),d=b.useId(),p=M.useRef(0),m=o??l.disableHoverableContent,g=a??l.delayDuration,y=M.useRef(!1),[v=!1,x]=b.useControllableState({prop:r,defaultProp:i,onChange:I=>{I?(l.onOpen(),document.dispatchEvent(new CustomEvent(ci))):l.onClose(),s==null||s(I)}}),w=M.useMemo(()=>v?y.current?"delayed-open":"instant-open":"closed",[v]),E=M.useCallback(()=>{window.clearTimeout(p.current),p.current=0,y.current=!1,x(!0)},[x]),_=M.useCallback(()=>{window.clearTimeout(p.current),p.current=0,x(!1)},[x]),A=M.useCallback(()=>{window.clearTimeout(p.current),p.current=window.setTimeout(()=>{y.current=!0,x(!0),p.current=0},g)},[g,x]);return M.useEffect(()=>()=>{p.current&&(window.clearTimeout(p.current),p.current=0)},[]),h.jsx(b.Root2,{...c,children:h.jsx(l0,{scope:t,contentId:d,open:v,stateAttribute:w,trigger:u,onTriggerChange:f,onTriggerEnter:M.useCallback(()=>{l.isOpenDelayed?A():E()},[l.isOpenDelayed,A,E]),onTriggerLeave:M.useCallback(()=>{m?_():(window.clearTimeout(p.current),p.current=0)},[_,m]),onOpen:E,onClose:_,disableHoverableContent:m,children:n})})};Cu.displayName=mr;var ui="TooltipTrigger",Au=M.forwardRef((e,t)=>{const{__scopeTooltip:n,...r}=e,i=gr(ui,n),s=ls(ui,n),o=pr(n),a=M.useRef(null),l=b.useComposedRefs(t,a,i.onTriggerChange),c=M.useRef(!1),u=M.useRef(!1),f=M.useCallback(()=>c.current=!1,[]);return M.useEffect(()=>()=>document.removeEventListener("pointerup",f),[f]),h.jsx(b.Anchor,{asChild:!0,...o,children:h.jsx(b.Primitive.button,{"aria-describedby":i.open?i.contentId:void 0,"data-state":i.stateAttribute,...r,ref:l,onPointerMove:b.composeEventHandlers(e.onPointerMove,d=>{d.pointerType!=="touch"&&!u.current&&!s.isPointerInTransitRef.current&&(i.onTriggerEnter(),u.current=!0)}),onPointerLeave:b.composeEventHandlers(e.onPointerLeave,()=>{i.onTriggerLeave(),u.current=!1}),onPointerDown:b.composeEventHandlers(e.onPointerDown,()=>{c.current=!0,document.addEventListener("pointerup",f,{once:!0})}),onFocus:b.composeEventHandlers(e.onFocus,()=>{c.current||i.onOpen()}),onBlur:b.composeEventHandlers(e.onBlur,i.onClose),onClick:b.composeEventHandlers(e.onClick,i.onClose)})})});Au.displayName=ui;var c0="TooltipPortal",[$0,u0]=hr(c0,{forceMount:void 0}),Gt="TooltipContent",Pu=M.forwardRef((e,t)=>{const n=u0(Gt,e.__scopeTooltip),{forceMount:r=n.forceMount,side:i="top",...s}=e,o=gr(Gt,e.__scopeTooltip);return h.jsx(b.Presence,{present:r||o.open,children:o.disableHoverableContent?h.jsx(Ou,{side:i,...s,ref:t}):h.jsx(d0,{side:i,...s,ref:t})})}),d0=M.forwardRef((e,t)=>{const n=gr(Gt,e.__scopeTooltip),r=ls(Gt,e.__scopeTooltip),i=M.useRef(null),s=b.useComposedRefs(t,i),[o,a]=M.useState(null),{trigger:l,onClose:c}=n,u=i.current,{onPointerInTransitChange:f}=r,d=M.useCallback(()=>{a(null),f(!1)},[f]),p=M.useCallback((m,g)=>{const y=m.currentTarget,v={x:m.clientX,y:m.clientY},x=m0(v,y.getBoundingClientRect()),w=g0(v,x),E=b0(g.getBoundingClientRect()),_=v0([...w,...E]);a(_),f(!0)},[f]);return M.useEffect(()=>()=>d(),[d]),M.useEffect(()=>{if(l&&u){const m=y=>p(y,u),g=y=>p(y,l);return l.addEventListener("pointerleave",m),u.addEventListener("pointerleave",g),()=>{l.removeEventListener("pointerleave",m),u.removeEventListener("pointerleave",g)}}},[l,u,p,d]),M.useEffect(()=>{if(o){const m=g=>{const y=g.target,v={x:g.clientX,y:g.clientY},x=(l==null?void 0:l.contains(y))||(u==null?void 0:u.contains(y)),w=!y0(v,o);x?d():w&&(d(),c())};return document.addEventListener("pointermove",m),()=>document.removeEventListener("pointermove",m)}},[l,u,o,c,d]),h.jsx(Ou,{...e,ref:s})}),[f0,h0]=hr(mr,{isInside:!1}),Ou=M.forwardRef((e,t)=>{const{__scopeTooltip:n,children:r,"aria-label":i,onEscapeKeyDown:s,onPointerDownOutside:o,...a}=e,l=gr(Gt,n),c=pr(n),{onClose:u}=l;return M.useEffect(()=>(document.addEventListener(ci,u),()=>document.removeEventListener(ci,u)),[u]),M.useEffect(()=>{if(l.trigger){const f=d=>{const p=d.target;p!=null&&p.contains(l.trigger)&&u()};return window.addEventListener("scroll",f,{capture:!0}),()=>window.removeEventListener("scroll",f,{capture:!0})}},[l.trigger,u]),h.jsx(b.DismissableLayer,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown:s,onPointerDownOutside:o,onFocusOutside:f=>f.preventDefault(),onDismiss:u,children:h.jsxs(b.Content,{"data-state":l.stateAttribute,...c,...a,ref:t,style:{...a.style,"--radix-tooltip-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-tooltip-content-available-width":"var(--radix-popper-available-width)","--radix-tooltip-content-available-height":"var(--radix-popper-available-height)","--radix-tooltip-trigger-width":"var(--radix-popper-anchor-width)","--radix-tooltip-trigger-height":"var(--radix-popper-anchor-height)"},children:[h.jsx(b.Slottable,{children:r}),h.jsx(f0,{scope:n,isInside:!0,children:h.jsx(B.Root,{id:l.contentId,role:"tooltip",children:i||r})})]})})});Pu.displayName=Gt;var Mu="TooltipArrow",p0=M.forwardRef((e,t)=>{const{__scopeTooltip:n,...r}=e,i=pr(n);return h0(Mu,n).isInside?null:h.jsx(b.Arrow,{...i,...r,ref:t})});p0.displayName=Mu;function m0(e,t){const n=Math.abs(t.top-e.y),r=Math.abs(t.bottom-e.y),i=Math.abs(t.right-e.x),s=Math.abs(t.left-e.x);switch(Math.min(n,r,i,s)){case s:return"left";case i:return"right";case n:return"top";case r:return"bottom";default:throw new Error("unreachable")}}function g0(e,t,n=5){const r=[];switch(t){case"top":r.push({x:e.x-n,y:e.y+n},{x:e.x+n,y:e.y+n});break;case"bottom":r.push({x:e.x-n,y:e.y-n},{x:e.x+n,y:e.y-n});break;case"left":r.push({x:e.x+n,y:e.y-n},{x:e.x+n,y:e.y+n});break;case"right":r.push({x:e.x-n,y:e.y-n},{x:e.x-n,y:e.y+n});break}return r}function b0(e){const{top:t,right:n,bottom:r,left:i}=e;return[{x:i,y:t},{x:n,y:t},{x:n,y:r},{x:i,y:r}]}function y0(e,t){const{x:n,y:r}=e;let i=!1;for(let s=0,o=t.length-1;s<t.length;o=s++){const a=t[s].x,l=t[s].y,c=t[o].x,u=t[o].y;l>r!=u>r&&n<(c-a)*(r-l)/(u-l)+a&&(i=!i)}return i}function v0(e){const t=e.slice();return t.sort((n,r)=>n.x<r.x?-1:n.x>r.x?1:n.y<r.y?-1:n.y>r.y?1:0),x0(t)}function x0(e){if(e.length<=1)return e.slice();const t=[];for(let r=0;r<e.length;r++){const i=e[r];for(;t.length>=2;){const s=t[t.length-1],o=t[t.length-2];if((s.x-o.x)*(i.y-o.y)>=(s.y-o.y)*(i.x-o.x))t.pop();else break}t.push(i)}t.pop();const n=[];for(let r=e.length-1;r>=0;r--){const i=e[r];for(;n.length>=2;){const s=n[n.length-1],o=n[n.length-2];if((s.x-o.x)*(i.y-o.y)>=(s.y-o.y)*(i.x-o.x))n.pop();else break}n.push(i)}return n.pop(),t.length===1&&n.length===1&&t[0].x===n[0].x&&t[0].y===n[0].y?t:t.concat(n)}var w0=Nu,E0=Cu,T0=Au,Ru=Pu;const Zo={primary:"bg-main-600 text-white",secondary:"bg-grey-800 text-white",white:"bg-grey-50 text-grey-800"},_0={sm:"p-2 text-[13px] rounded",md:"p-2 text-sm font-normal rounded"},S0=w0,N0=E0,C0=T0,A0=(e,t)=>{const n=t==="primary"?Mt.colors.main[600]:t==="secondary"?Mt.colors.grey[800]:Mt.colors.grey[50],r=t==="white"?Mt.colors.grey[200]:n;return{...{width:"12px",height:"12px",backgroundColor:n,border:"1px solid",borderColor:r,opacity:t==="white"?1:.9,transform:"rotate(45deg)",borderRadius:"2px",zIndex:20},...{"top-left":{left:"1.5rem",top:"100%",transform:"translateX(-50%) translateY(-60%) rotate(45deg)"},"top-center":{left:"50%",top:"100%",transform:"translateX(-50%) translateY(-60%) rotate(45deg)"},"top-right":{right:"1.5rem",top:"100%",transform:"translateX(50%) translateY(-60%) rotate(45deg)"},"bottom-left":{left:"1.5rem",bottom:"100%",transform:"translateX(-50%) translateY(60%) rotate(45deg)"},"bottom-center":{left:"50%",bottom:"100%",transform:"translateX(-50%) translateY(60%) rotate(45deg)"},"bottom-right":{right:"1.5rem",bottom:"100%",transform:"translateX(50%) translateY(60%) rotate(45deg)"},right:{right:"100%",top:"50%",transform:"translateX(60%) translateY(-50%) rotate(45deg)"},left:{left:"100%",top:"50%",transform:"translateX(-60%) translateY(-50%) rotate(45deg)"}}[e]}},Du=M.forwardRef(({className:e,variant:t="primary",size:n="pc",position:r="top-center",sideOffset:i=8,icLeft:s,icRight:o,children:a,bubbleTip:l=!0,...c},u)=>{const f=A0(r,t),d=r.startsWith("top"),p=r==="right"||r==="left"?r:d?"top":"bottom",m=r==="right"||r==="left"?"center":r.includes("left")?"start":r.includes("right")?"end":"center";return h.jsx(Ru,{ref:u,avoidCollisions:!1,sideOffset:l?i:4,side:p,align:m,style:{zIndex:50},...c,children:h.jsxs("div",{className:b.cn("relative z-50 rounded",l&&"m-1",t==="white"&&"border-border border",Zo[t],e),children:[l&&h.jsx("div",{style:f,className:"absolute z-20"}),h.jsx("div",{className:"absolute inset-0 z-30 bg-white"}),h.jsxs("div",{className:b.cn("relative z-40 flex max-w-sm items-center font-normal",t!=="white"&&"bg-opacity-90",Zo[t],_0[n]),children:[s&&h.jsx("span",{className:"mr-1",children:s}),h.jsx("span",{className:"whitespace-pre-wrap break-keep",children:a}),o&&h.jsx("span",{className:"ml-1",children:o})]})]})})});Du.displayName=Ru.displayName;const cs=({label:e,variant:t="secondary",size:n="md",children:r,icLeft:i,icRight:s,position:o="top-center",bubbleTip:a=!0,forceMount:l,isMobile:c=Qt})=>{const[u,f]=M.useState(!1),d=M.useRef(null),p=typeof c=="number"?c:3e3,m=()=>{u?f(!1):(f(!0),d.current&&clearTimeout(d.current),d.current=setTimeout(()=>f(!1),p))};return M.useEffect(()=>()=>{d.current&&clearTimeout(d.current)},[]),h.jsx(S0,{delayDuration:200,children:h.jsxs(N0,{delayDuration:200,children:[h.jsx(C0,{asChild:!0,"data-state":u?"delayed-open":"closed",onMouseLeave:Qt?void 0:()=>f(!1),onMouseEnter:Qt?void 0:()=>f(!0),onClick:Qt?m:void 0,children:r}),h.jsx(Du,{variant:t,size:n,icLeft:i,icRight:s,position:o,forceMount:l||u||void 0,bubbleTip:a,children:e})]})})};function P0(e,t=[]){let n=[];function r(s,o){const a=M.createContext(o),l=n.length;n=[...n,o];function c(f){const{scope:d,children:p,...m}=f,g=(d==null?void 0:d[e][l])||a,y=M.useMemo(()=>m,Object.values(m));return h.jsx(g.Provider,{value:y,children:p})}function u(f,d){const p=(d==null?void 0:d[e][l])||a,m=M.useContext(p);if(m)return m;if(o!==void 0)return o;throw new Error(`\`${f}\` must be used within \`${s}\``)}return c.displayName=s+"Provider",[c,u]}const i=()=>{const s=n.map(o=>M.createContext(o));return function(a){const l=(a==null?void 0:a[e])||s;return M.useMemo(()=>({[`__scope${e}`]:{...a,[e]:l}}),[a,l])}};return i.scopeName=e,[r,O0(i,...t)]}function O0(...e){const t=e[0];if(e.length===1)return t;const n=()=>{const r=e.map(i=>({useScope:i(),scopeName:i.scopeName}));return function(s){const o=r.reduce((a,{useScope:l,scopeName:c})=>{const f=l(s)[`__scope${c}`];return{...a,...f}},{});return M.useMemo(()=>({[`__scope${t.scopeName}`]:o}),[o])}};return n.scopeName=t.scopeName,n}var M0="Toggle",Iu=M.forwardRef((e,t)=>{const{pressed:n,defaultPressed:r=!1,onPressedChange:i,...s}=e,[o=!1,a]=b.useControllableState({prop:n,onChange:i,defaultProp:r});return h.jsx(b.Primitive.button,{type:"button","aria-pressed":o,"data-state":o?"on":"off","data-disabled":e.disabled?"":void 0,...s,ref:t,onClick:b.composeEventHandlers(e.onClick,()=>{e.disabled||a(!o)})})});Iu.displayName=M0;var Ht="ToggleGroup",[ku,G0]=P0(Ht,[b.createRovingFocusGroupScope]),Lu=b.createRovingFocusGroupScope(),us=N.forwardRef((e,t)=>{const{type:n,...r}=e;if(n==="single"){const i=r;return h.jsx(R0,{...i,ref:t})}if(n==="multiple"){const i=r;return h.jsx(D0,{...i,ref:t})}throw new Error(`Missing prop \`type\` expected on \`${Ht}\``)});us.displayName=Ht;var[ju,Bu]=ku(Ht),R0=N.forwardRef((e,t)=>{const{value:n,defaultValue:r,onValueChange:i=()=>{},...s}=e,[o,a]=b.useControllableState({prop:n,defaultProp:r,onChange:i});return h.jsx(ju,{scope:e.__scopeToggleGroup,type:"single",value:o?[o]:[],onItemActivate:a,onItemDeactivate:N.useCallback(()=>a(""),[a]),children:h.jsx(Vu,{...s,ref:t})})}),D0=N.forwardRef((e,t)=>{const{value:n,defaultValue:r,onValueChange:i=()=>{},...s}=e,[o=[],a]=b.useControllableState({prop:n,defaultProp:r,onChange:i}),l=N.useCallback(u=>a((f=[])=>[...f,u]),[a]),c=N.useCallback(u=>a((f=[])=>f.filter(d=>d!==u)),[a]);return h.jsx(ju,{scope:e.__scopeToggleGroup,type:"multiple",value:o,onItemActivate:l,onItemDeactivate:c,children:h.jsx(Vu,{...s,ref:t})})});us.displayName=Ht;var[I0,k0]=ku(Ht),Vu=N.forwardRef((e,t)=>{const{__scopeToggleGroup:n,disabled:r=!1,rovingFocus:i=!0,orientation:s,dir:o,loop:a=!0,...l}=e,c=Lu(n),u=b.useDirection(o),f={role:"group",dir:u,...l};return h.jsx(I0,{scope:n,rovingFocus:i,disabled:r,children:i?h.jsx(b.Root$1,{asChild:!0,...c,orientation:s,dir:u,loop:a,children:h.jsx(b.Primitive.div,{...f,ref:t})}):h.jsx(b.Primitive.div,{...f,ref:t})})}),Jn="ToggleGroupItem",Fu=N.forwardRef((e,t)=>{const n=Bu(Jn,e.__scopeToggleGroup),r=k0(Jn,e.__scopeToggleGroup),i=Lu(e.__scopeToggleGroup),s=n.value.includes(e.value),o=r.disabled||e.disabled,a={...e,pressed:s,disabled:o},l=N.useRef(null);return r.rovingFocus?h.jsx(b.Item,{asChild:!0,...i,focusable:!o,active:s,ref:l,children:h.jsx(Qo,{...a,ref:t})}):h.jsx(Qo,{...a,ref:t})});Fu.displayName=Jn;var Qo=N.forwardRef((e,t)=>{const{__scopeToggleGroup:n,value:r,...i}=e,s=Bu(Jn,n),o={role:"radio","aria-checked":e.pressed,"aria-pressed":void 0},a=s.type==="single"?o:void 0;return h.jsx(Iu,{...a,...i,ref:t,onPressedChange:l=>{l?s.onItemActivate(r):s.onItemDeactivate(r)}})}),Uu=us,$u=Fu;const L0=b.cva("inline-flex items-center justify-center gap-1 whitespace-nowrap text-sm font-normal ring-offset-background transition-all focus-visible:outline-none disabled:pointer-events-none",{variants:{variant:{solid:"disabled:bg-muted disabled:text-muted-foreground disabled:border-muted",outline:"disabled:bg-white disabled:text-muted disabled:border-border"},theme:{primary:"bg-white border border-main-200 text-primary hover:bg-main-100",secondary:"bg-white border border-grey-200 text-secondary hover:bg-grey-100"},size:{xs:"h-8 py-1 px-2 text-sm",sm:"h-9 py-2 px-3 text-sm",md:"h-11 px-3 py-3 text-sm",lg:"h-[52px] px-12 py-[14px] text-base",icon:"h-auto w-auto"},shape:{square:"rounded-lg",rounded:"rounded-full"},checked:{true:"",false:""}},compoundVariants:[{theme:"primary",checked:!0,className:"bg-main-600 border-main-600 text-white hover:bg-main-700 hover:border-main-700"},{theme:"secondary",checked:!0,className:"bg-grey-800 border-grey-800 text-white hover:bg-grey-900 hover:border-grey-900"}],defaultVariants:{theme:"primary",size:"md",shape:"square",checked:!1}}),ds=M.createContext({theme:"primary",size:"md",shape:"square"});ds.displayName="ToggleGroupContext";const fs=M.forwardRef(({className:e,variant:t,theme:n,size:r,shape:i,children:s,...o},a)=>h.jsx(ds.Provider,{value:{theme:n,size:r,shape:i},children:h.jsx(Uu,{ref:a,className:b.cn("flex items-center justify-center gap-1",e),...o,children:s})}));fs.displayName=Uu.displayName;const hn=M.forwardRef(({className:e,checked:t=!1,children:n,...r},i)=>{const s=M.useContext(ds);return h.jsx($u,{ref:i,className:b.cn(L0({theme:r.theme||s.theme||"primary",size:r.size||s.size||"md",shape:r.shape||s.shape||"square",variant:r.variant||"outline",checked:t}),e),...r,children:n})});hn.displayName=$u.displayName;const Gu=({options:e,variant:t="outline",theme:n="primary",size:r="md",shape:i="square",value:s,onChange:o,nullable:a=!0,className:l})=>h.jsx(fs,{type:"single",value:s,onValueChange:c=>{!a&&!c||o(c)},theme:n,size:r,shape:i,className:l,children:e.map(c=>c.tooltip?h.jsx(cs,{label:c.tooltip.label,variant:c.tooltip.variant,size:c.tooltip.size,icLeft:c.tooltip.icLeft,icRight:c.tooltip.icRight,position:c.tooltip.position,bubbleTip:c.tooltip.bubbleTip,children:h.jsx(hn,{value:c.value,checked:s===c.value,disabled:c.disabled,variant:t,children:c.label})},c.value):h.jsx(hn,{value:c.value,checked:s===c.value,disabled:c.disabled,variant:t,children:c.label},c.value))}),zu=({options:e,variant:t="outline",theme:n="primary",size:r="md",shape:i="square",value:s,onChange:o,className:a})=>h.jsx(fs,{type:"multiple",value:s,onValueChange:o,theme:n,size:r,shape:i,className:a,children:e.map(l=>l.tooltip?h.jsx(cs,{label:l.tooltip.label,variant:l.tooltip.variant,size:l.tooltip.size,icLeft:l.tooltip.icLeft,icRight:l.tooltip.icRight,position:l.tooltip.position,bubbleTip:l.tooltip.bubbleTip,children:h.jsx(hn,{value:l.value,checked:(s||[]).includes(l.value),disabled:l.disabled,variant:t,children:l.label})},l.value):h.jsx(hn,{value:l.value,checked:(s||[]).includes(l.value),disabled:l.disabled,variant:t,children:l.label},l.value))}),j0={Single:Gu,Multiple:zu};exports.AlertDialog=B.AlertDialog;exports.AlertDialogAction=B.AlertDialogAction;exports.AlertDialogCancel=B.AlertDialogCancel;exports.AlertDialogContent=B.AlertDialogContent;exports.AlertDialogDescription=B.AlertDialogDescription;exports.AlertDialogFooter=B.AlertDialogFooter;exports.AlertDialogHeader=B.AlertDialogHeader;exports.AlertDialogOverlay=B.AlertDialogOverlay;exports.AlertDialogPortal=B.AlertDialogPortal;exports.AlertDialogTitle=B.AlertDialogTitle;exports.AlertDialogTrigger=B.AlertDialogTrigger;exports.AlertForm=B.AlertForm;exports.Dialog=B.Dialog;exports.DialogClose=B.DialogClose;exports.DialogContent=B.DialogContent;exports.DialogDescription=B.DialogDescription;exports.DialogFooter=B.DialogFooter;exports.DialogForm=B.DialogForm;exports.DialogHeader=B.DialogHeader;exports.DialogOverlay=B.DialogOverlay;exports.DialogPortal=B.DialogPortal;exports.DialogTitle=B.DialogTitle;exports.DialogTrigger=B.DialogTrigger;exports.ModalForm=B.ModalForm;exports.PortalContainer=B.PortalContainer;exports.Toast=B.Toast;exports.ToastAction=B.ToastAction;exports.ToastClose=B.ToastClose;exports.ToastDescription=B.ToastDescription;exports.ToastForm=B.ToastForm;exports.ToastProvider=B.ToastProvider;exports.ToastTitle=B.ToastTitle;exports.ToastViewport=B.ToastViewport;exports.toastPositionVariants=B.toastPositionVariants;exports.toastVariants=B.toastVariants;exports.Accordion=Zt;exports.CheckboxBooleanFormField=$x;exports.CheckboxGroupFormField=Gx;exports.CodeBlock=_u;exports.ContentsCard=Ca;exports.DefaultFormField=zx;exports.DropdownRadioFormField=Wx;exports.EventCard=zd;exports.LoadingCard=Aa;exports.MainBannerImage=bh;exports.MainBannerLoading=Cl;exports.Multiple=zu;exports.NotionParser=i0;exports.PremiumCard=yh;exports.RadioFormField=Kx;exports.Single=Gu;exports.StringArrayFormField=Hx;exports.StringInputField=qx;exports.TitleTagCard=wh;exports.ToggleButtonGroup=j0;exports.Tooltip=cs;exports.UrlFormField=Yx;exports.usePortal=s0;
+  `);return s&&s.insertRule(o,0),r},Zn=function(){return Zn=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},Zn.apply(this,arguments)},e0=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]]);return n},t0=Jx("BeatLoader","50% {transform: scale(0.75);opacity: 0.2} 100% {transform: scale(1);opacity: 1}","beat");function n0(e){var t=e.loading,n=t===void 0?!0:t,r=e.color,i=r===void 0?"#000000":r,s=e.speedMultiplier,o=s===void 0?1:s,a=e.cssOverride,l=a===void 0?{}:a,c=e.size,u=c===void 0?15:c,f=e.margin,d=f===void 0?2:f,p=e0(e,["loading","color","speedMultiplier","cssOverride","size","margin"]),m=Zn({display:"inherit"},l),g=function(y){return{display:"inline-block",backgroundColor:i,width:kr(u),height:kr(u),margin:kr(d),borderRadius:"100%",animation:"".concat(t0," ").concat(.7/o,"s ").concat(y%2?"0s":"".concat(.35/o,"s")," infinite linear"),animationFillMode:"both"}};return n?M.createElement("span",Zn({style:m},p),M.createElement("span",{style:g(1)}),M.createElement("span",{style:g(2)}),M.createElement("span",{style:g(3)})):null}const dt=({group:e,depth:t,variant:n="default",isChildrenList:r=!1})=>{const i=di(n);return!e||e.length===0?null:fi(e).map((o,a)=>{const l=o.type==="numbered_list"?"ol":"ul",c=o.type==="numbered_list"?"list-decimal":"list-disc",u=o.type==="numbered_list"?"numbered_list_item":"bulleted_list_item";return o.type==="numbered_list"||o.type==="bulleted_list"?h.jsx(l,{className:b.cn(i.list,c,"rounded-lg not-italic",t===1?"mb-4 p-4 pl-8":"bg-transparent pl-4",r?"bg-transparent p-0 pl-4":"bg-grey-100"),children:o.blocks.map(f=>h.jsxs(he.li,{initial:{opacity:0},animate:{opacity:1},className:b.cn(t===1?"marker:text-grey-800":"marker:text-main-400",i.listItem),children:[Ke(f,n),f.has_children&&(f.children||[]).length>0&&h.jsx("div",{className:"mt-2",children:(f.children||[]).some(d=>d.type===u)?dt({group:(f.children||[]).filter(d=>d.type===u),depth:t+1,variant:n,isChildrenList:!0}):h.jsx("div",{className:"pl-4",children:(f.children||[]).map((d,p)=>h.jsx(Qn,{block:d,variant:n},d.type+d.id+p))})})]},f.type+f.id+a))},o.type+a):h.jsx("div",{children:Ke(o.block,n)},o.block.id||a)})},r0=(e,t)=>!e||e.length===0?null:e.map((n,r)=>{const{annotations:i,text:s}=n;if(!s)return null;const{bold:o,italic:a,underline:l,strikethrough:c,code:u,color:f,backgroundColor:d}=i,p=b.cn("whitespace-pre-wrap",o&&"font-semibold",a&&"italic",l&&"underline",c&&"line-through",nd[f]??"",u&&"bg-grey-200 bg-opacity-80 px-1.5 rounded py-0.5 text-red-400",ps[d||""]?`${ps[d]} bg-opacity-80 px-1.5 rounded py-0.5`:"",t),m=s.link&&s.link.url?h.jsx(J.Anchor,{type:"external",href:s.link.url,className:"text-main-600 underline",children:s.content}):s.content;return h.jsx("span",{className:p,children:m},r)}),Ke=(e,t="default",n=!1,r=null)=>{var f,d,p,m,g,y,v,x,w,E,_,A,I,k,W,K,ce,ue,de,pe,ae,ye,q,ne,le,se,Le,Pe,S,R,F,z,Y,Ae,fe,ve,xe,Re,Qe,vt,Ge,At,ze,We,Oe,Pt,Je,U,me,te,Z,$,G,j,H;const i=`${e.type}-block`,s=di(t),o=((f=e[e.type])==null?void 0:f.rich_text)||"",a=(e==null?void 0:e.children)||[],l=ta(e,t)&&((d=er[t][e.type])==null?void 0:d.className)||"",c=a==null?void 0:a.some(T=>Jo.includes(T.type)),u=T=>r0(T,l);switch(e.type){case"loading":return h.jsx(he.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},className:b.cn(i,s.loading),children:h.jsx(n0,{size:8})});case"paragraph":return o&&o.length>0?h.jsx(he.p,{initial:{opacity:0},animate:{opacity:1},className:b.cn(i,s.paragraph,n&&"mb-0"),children:u(((p=e.paragraph)==null?void 0:p.rich_text)||"")}):h.jsx(he.div,{initial:{opacity:0},animate:{opacity:1},className:b.cn(i,s.paragraph),children:" "});case"heading_1":return o&&o.length>0?h.jsx(he.h1,{initial:{opacity:0},animate:{opacity:1},className:b.cn(i,s.heading1),children:u(((m=e.heading_1)==null?void 0:m.rich_text)||"")}):null;case"heading_2":return o&&o.length>0?h.jsx(he.h2,{initial:{opacity:0},animate:{opacity:1},className:b.cn(i,s.heading2),children:u(((g=e.heading_2)==null?void 0:g.rich_text)||"")}):null;case"heading_3":return o&&o.length>0?h.jsx(he.h3,{initial:{opacity:0},animate:{opacity:1},className:b.cn(i,s.heading3),children:u(((y=e.heading_3)==null?void 0:y.rich_text)||"")}):null;case"bulleted_list_item":case"numbered_list_item":return o&&o.length>0?h.jsx("span",{className:b.cn(i,s.listItem),children:u(e.type==="bulleted_list_item"?((v=e.bulleted_list_item)==null?void 0:v.rich_text)||"":((x=e.numbered_list_item)==null?void 0:x.rich_text)||"")}):null;case"quote":return o&&o.length>0?h.jsxs(he.blockquote,{initial:{opacity:0},animate:{opacity:1},className:b.cn(i,s.quote),children:[u(((w=e.quote)==null?void 0:w.rich_text)||""),e.children&&e.children.length>0&&h.jsx("div",{className:"space-y-1",children:c?dt({group:e.children,depth:1,variant:t}):e.children.map((T,C)=>h.jsx(N.Fragment,{children:Ke(T,t,!0,"quote")},e.type+T.id+C))})]}):null;case"divider":return h.jsx("hr",{className:b.cn(i,s.divider)});case"image":{const T=((_=(E=e.image)==null?void 0:E.file)==null?void 0:_.url)||((I=(A=e.image)==null?void 0:A.external)==null?void 0:I.url),C=(k=e.image)!=null&&k.caption?e.image.caption:"Image";return console.log((W=e.image)==null?void 0:W.caption),h.jsxs(he.figure,{initial:{opacity:0},animate:{opacity:1},className:b.cn(i,"flex flex-col items-center overflow-hidden rounded-lg"),children:[T?h.jsx("div",{className:s.image,children:h.jsx("img",{src:T||"/placeholder.svg",className:"h-full w-full object-cover",alt:C||"Image"})}):h.jsx("div",{className:"w-full rounded-lg bg-grey-200 p-4",children:"이미지를 불러올 수 없습니다"}),((ce=(K=e.image)==null?void 0:K.caption)==null?void 0:ce.length)>0&&h.jsx("figcaption",{className:"mt-2 text-center text-sm text-gray-500",children:typeof((ue=e.image)==null?void 0:ue.caption)=="string"?C:u(C)})]})}case"callout":{const T=((pe=(de=e.callout)==null?void 0:de.icon)==null?void 0:pe.emoji)||null,C=r==="column";return h.jsxs(he.div,{initial:{opacity:0},animate:{opacity:1},className:b.cn(i,s.callout,C&&"h-full","flex rounded-lg px-4 py-6"),children:[h.jsx("div",{className:"flex-shrink-0",children:h.jsx("div",{className:"flex h-6 w-6 items-center justify-center text-lg md:text-xl",children:T||"💡"})}),h.jsxs("div",{className:"flex flex-col gap-2",children:[o.length>0&&h.jsx("div",{className:"text-base md:text-lg",children:u(o)}),e.children&&e.children.length>0&&h.jsx("div",{className:"space-y-1",children:c?dt({group:e.children,depth:1,variant:t,isChildrenList:c}):e.children.map((O,P)=>h.jsx(N.Fragment,{children:Ke(O,t,!0,"callout")},e.type+O.id+P))})]})]})}case"code":{const T=((ae=e.code)==null?void 0:ae.rich_text)||[],C=((ye=e.code)==null?void 0:ye.language)||"plaintext";if(C==="bash"&&T.length>0&&((q=T[0].plain_text)!=null&&q.startsWith("!#btrl"))){const P=((ne=T[1])==null?void 0:ne.plain_text.trim())||"💡",X=T.slice(2).map(je=>je.plain_text).join("");return h.jsxs(he.div,{initial:{opacity:0},animate:{opacity:1},className:b.cn(i,s.callout,"h-full","mb-2 flex rounded-2xl px-6 py-8"),children:[h.jsx("span",{className:"break-keep text-lg font-bold text-primary md:text-xl",children:P}),h.jsx("span",{className:"whitespace-pre-wrap break-words",children:X})]})}const O=T.map(P=>P.plain_text).join("")||"";return h.jsx(_u,{code:O,language:C})}case"to_do":{const T=((le=e.to_do)==null?void 0:le.checked)||!1;return o&&o.length>0?h.jsxs("div",{className:b.cn(i,"mb-2 flex items-start gap-2"),children:[h.jsx("input",{type:"checkbox",checked:T,readOnly:!0,className:"mt-1 h-4 w-4 rounded border-gray-300"}),h.jsx("span",{className:b.cn(s.paragraph,T?"text-gray-400 line-through":""),children:u(((se=e.to_do)==null?void 0:se.rich_text)||"")})]}):null}case"toggle":return o&&o.length>0?h.jsxs("details",{className:b.cn(i,"group mb-4"),children:[h.jsx("summary",{className:b.cn(s.paragraph,"cursor-pointer"),children:h.jsx("span",{className:"px-1",children:u(((Le=e.toggle)==null?void 0:Le.rich_text)||"")})}),h.jsx("div",{className:"mt-2 pl-4",children:e.children&&e.children.length>0&&h.jsx("div",{className:"space-y-1",children:c?dt({group:e.children,depth:1,variant:t}):e.children.map((T,C)=>h.jsx(N.Fragment,{children:Ke(T,t,!0,"toggle")},e.type+T.id+C))})})]}):null;case"table":return h.jsx("div",{className:b.cn(i,"mb-4 overflow-x-auto"),children:h.jsx("table",{className:s.table,children:h.jsx("tbody",{children:a.map((T,C)=>{var O,P;return h.jsx("tr",{className:s.tableRow,children:(P=(O=T.table_row)==null?void 0:O.cells)==null?void 0:P.map((X,je)=>{var hs;const Wu=((hs=e.table)==null?void 0:hs.has_column_header)&&C===0?"th":"td";return h.jsx(Wu,{className:s.tableCell,style:{textAlign:"left"},children:X.map((Ku,Hu)=>h.jsx(N.Fragment,{children:u([Ku])},Hu))},je)})},T.id||C)})})})});case"bookmark":{const T=((Pe=e.bookmark)==null?void 0:Pe.url)||"",{meta:C,loading:O}=Xx(T);return T?h.jsx(he.div,{initial:{opacity:0},animate:{opacity:1},className:b.cn(i,"mb-4 block"),children:O?h.jsx("div",{className:"h-24 animate-pulse rounded-md bg-gray-100"}):C?h.jsxs(N.Fragment,{children:[h.jsxs(J.Anchor,{type:"external",href:T,className:"xs:h-24 xs:flex-row flex h-auto w-full flex-col items-center overflow-hidden rounded-md border border-gray-200 transition-all hover:bg-gray-50 hover:shadow lg:h-28",children:[C.image&&h.jsx("div",{className:"xs:h-full xs:w-auto aspect-video h-auto w-full flex-shrink-0 rounded-md",children:h.jsx("img",{src:C.image,alt:C.title,className:"h-full w-full object-cover"})}),h.jsxs("div",{className:"flex flex-col p-4",children:[h.jsx("div",{className:"line-clamp-2 text-sm font-semibold md:text-base",children:C.title}),h.jsx("div",{className:"line-clamp-2 text-sm text-gray-500",children:C.description})]})]}),((R=(S=e.bookmark)==null?void 0:S.caption)==null?void 0:R.length)>0&&h.jsx("div",{className:"mt-2 text-xs text-grey-500 md:text-sm",children:u(e.bookmark.caption)})]}):h.jsxs("div",{className:"mb-4 block rounded-md border border-gray-200 p-4 text-base hover:bg-gray-50",children:[h.jsx(J.Anchor,{type:"external",href:T,children:T}),((z=(F=e.bookmark)==null?void 0:F.caption)==null?void 0:z.length)>0&&h.jsx("div",{className:"mt-2 text-sm text-gray-500",children:u(e.bookmark.caption)})]})}):null}case"embed":{const T=((Y=e.embed)==null?void 0:Y.url)||"";return h.jsxs("div",{className:b.cn(i,"mb-4"),children:[h.jsx("iframe",{src:T,className:"aspect-video max-h-[80vh] w-full overflow-hidden rounded-lg shadow-md",title:"Embedded content",allowFullScreen:!0}),((fe=(Ae=e.embed)==null?void 0:Ae.caption)==null?void 0:fe.length)>0&&h.jsx("div",{className:"mt-2 text-sm text-muted",children:u(e.embed.caption)})]})}case"video":{const T=((xe=(ve=e.video)==null?void 0:ve.external)==null?void 0:xe.url)||((Qe=(Re=e.video)==null?void 0:Re.file)==null?void 0:Qe.url)||"",C=sd(T);return h.jsxs(he.div,{initial:{opacity:0},animate:{opacity:1},className:b.cn(i,"mb-4"),children:[T?h.jsx("div",{className:"w-full",children:h.jsx("div",{className:"relative aspect-video overflow-hidden",children:h.jsx("iframe",{className:"absolute left-0 top-0 h-full w-full",src:C,title:"YouTube video player",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})}):h.jsx("div",{className:"mb-4 w-full rounded-lg bg-grey-200 p-4",children:"비디오를 불러올 수 없습니다"}),((Ge=(vt=e.video)==null?void 0:vt.caption)==null?void 0:Ge.length)>0&&h.jsx("div",{className:"mt-2 text-sm text-gray-500",children:u(e.video.caption)})]})}case"file":{const T=((ze=(At=e.file)==null?void 0:At.external)==null?void 0:ze.url)||((Oe=(We=e.file)==null?void 0:We.file)==null?void 0:Oe.url)||"",C=T.split("/").pop()||"File";return console.log(e),h.jsxs(he.div,{initial:{opacity:0},animate:{opacity:1},className:b.cn("mb-4"),children:[h.jsxs(J.Anchor,{type:"external",href:T,className:b.cn(i,"flex flex-col gap-2 rounded-md border border-gray-200 p-3 hover:bg-gray-50"),children:[h.jsxs("span",{className:"flex items-center gap-1 text-sm text-muted",children:[h.jsx(b.Icon.CopyLink,{size:20,fill:Mt.colors.grey[400]}),"클릭하면 파일이 다운로드됩니다 :)"]}),h.jsx("span",{className:"line-clamp-2 break-all text-xs",children:C})]}),((Je=((Pt=e.file)==null?void 0:Pt.caption)||[])==null?void 0:Je.length)>0&&h.jsx("div",{className:"mt-2 text-xs text-grey-500 md:text-sm",children:u(e.file.caption)})]})}case"table_of_contents":return h.jsxs("div",{className:b.cn(i,"mb-4 rounded-md border border-gray-200 p-4"),children:[h.jsx("div",{className:"mb-2 font-medium",children:"목차"}),h.jsx("div",{className:"text-sm text-gray-600",children:"(목차 내용은 전체 문서 분석 후 생성됩니다)"})]});case"link_preview":case"link_to_page":{const T=((U=e.link_preview)==null?void 0:U.url)||((me=e[e.type])==null?void 0:me.url)||"#",C=((te=e.link_preview)==null?void 0:te.url)||((Z=e[e.type])==null?void 0:Z.page_id)||"링크";return h.jsx(he.div,{initial:{opacity:0},animate:{opacity:1},className:b.cn(i,"mb-4"),children:h.jsx(J.Anchor,{type:"external",href:T,children:C})})}case"child_page":case"child_database":{const T=(($=e[e.type])==null?void 0:$.title)||"하위 페이지";return h.jsxs("div",{className:b.cn(i,"mb-4 rounded-md border border-gray-200 p-3"),children:[h.jsx("div",{className:"font-medium",children:T}),h.jsx("div",{className:"text-sm text-gray-500",children:e.type==="child_page"?"하위 페이지":"하위 데이터베이스"})]})}case"template":return h.jsxs("div",{className:b.cn(i,"mb-4 rounded-md border border-gray-200 p-3"),children:[h.jsx("div",{className:"font-medium",children:"템플릿"}),(((G=e.template)==null?void 0:G.rich_text)||"").length>0&&h.jsx("div",{children:u(((j=e.template)==null?void 0:j.rich_text)||"")})]});case"synced_block":return h.jsx("div",{className:b.cn(i,"mb-4"),children:a.map((T,C)=>h.jsx("div",{children:Ke(T,t,!1,"synced_block")},e.type+T.id+C))});case"column_list":return h.jsx(he.div,{initial:{opacity:0},animate:{opacity:1},className:b.cn(i,"mb-4 grid w-full grid-cols-1 gap-0 sm:grid-cols-2 sm:gap-4"),children:a.map((T,C)=>h.jsx("div",{className:"w-full min-w-[150px] flex-1",children:Ke(T,t,!1,"column_list")},e.type+T.id+C))});case"column":return h.jsx(he.div,{initial:{opacity:0},animate:{opacity:1},className:b.cn(i,"h-auto w-full sm:h-full"),children:a==null?void 0:a.map((T,C)=>h.jsx(N.Fragment,{children:Ke(T,t,!1,"column")},e.type+T.id+C))});case"unsupported":return null;default:return o&&o.length>0?h.jsx("p",{className:b.cn(i,s.paragraph),children:u(((H=e[e.type])==null?void 0:H.rich_text)||"")}):h.jsxs("div",{className:b.cn(i,"mb-4 rounded-md border border-gray-200 p-3 text-sm text-gray-500"),children:["지원되지 않는 블록 타입: ",e.type]})}},Qn=({block:e,accordionHeadings:t=[],variant:n="default"})=>{const r=ea(e,n),i=id(e,n),s=ta(e,n);if(Jo.includes(e.type)&&e.children)return dt({group:e.children,depth:1,variant:n});if(r>0){const o=Ke(e,n);if(!o&&(!e.children||e.children.length===0))return null;const a=e.children?fi(e.children):[];return s&&t.includes(e.type)&&a.length>0?h.jsx(Zt.Root,{type:"single",collapsible:!0,className:"mb-1 w-full md:mb-2 lg:mb-4",children:h.jsxs(Zt.Item,{value:e.id,className:"border-b-main-100",children:[h.jsx(Zt.Trigger,{className:"whitespace-pre-wrap py-2 md:whitespace-normal",children:o}),h.jsx(Zt.Content,{children:a.map((l,c)=>l.type==="bulleted_list"||l.type==="numbered_list"?h.jsx("div",{children:dt({group:l.blocks,depth:1,variant:n})},l.type+c):h.jsx(Qn,{block:l.block,accordionHeadings:t,variant:n},l.block.id+c))})]})}):h.jsxs(i,{children:[o,a.length>0&&h.jsx("div",{className:"mt-4",children:a.map((l,c)=>l.type==="bulleted_list"||l.type==="numbered_list"?h.jsx("div",{children:dt({group:l.blocks,depth:1,variant:n})},l.type+c):h.jsx(Qn,{block:l.block,accordionHeadings:t,variant:n},l.block.id+c))})]})}return Ke(e,n)},i0=({blocks:e,accordionHeadings:t=[],className:n,variant:r="default"})=>{const i=rd(e,r),s=di(r),o=a=>fi(a).map((c,u)=>c.type==="bulleted_list"||c.type==="numbered_list"?h.jsx(N.Fragment,{children:dt({group:c.blocks,depth:1,variant:r})},c.type+u):h.jsx(Qn,{block:c.block,accordionHeadings:t,variant:r},c.type+u));return h.jsx(Ux,{children:h.jsx("div",{className:b.cn(s.container,n),children:o(i)})})},s0=()=>{const[e,t]=N.useState([]);return N.useEffect(()=>{const u=(d,p)=>{t(p?m=>m.includes(d.id)?m:[...m,d.id]:m=>m.filter(g=>g!==d.id))},f=B.portalManager.subscribe(u);return t(B.portalManager.getOpenPortals()),()=>{f()}},[]),{modal:u=>{const{onClose:f=()=>{}}=u;return B.portalManager.showPortal("modal",{...u,onClose:f})},toast:u=>{let f;return typeof u=="string"?f={description:u}:f=u,B.portalManager.showPortal("toast",f)},alert:u=>{let f;return typeof u=="string"?f={description:u,onClose:()=>{}}:f={...u,onClose:u.onClose||(()=>{})},B.portalManager.showPortal("alert",f)},dialog:u=>{const{onClose:f=()=>{}}=u;return B.portalManager.showPortal("dialog",{...u,onClose:f})},custom:u=>{const{onClose:f=()=>{}}=u;return B.portalManager.showPortal("custom",{...u,onClose:f})},getIsOpen:u=>B.portalManager.getIsPortalOpen(u),closePortal:u=>{B.portalManager.closePortal(u)},closeAllPortals:()=>{B.portalManager.closeAllPortals()},openPortals:e}};var[hr,U0]=b.createContextScope("Tooltip",[b.createPopperScope]),pr=b.createPopperScope(),Su="TooltipProvider",o0=700,ci="tooltip.open",[a0,ls]=hr(Su),Nu=e=>{const{__scopeTooltip:t,delayDuration:n=o0,skipDelayDuration:r=300,disableHoverableContent:i=!1,children:s}=e,[o,a]=M.useState(!0),l=M.useRef(!1),c=M.useRef(0);return M.useEffect(()=>{const u=c.current;return()=>window.clearTimeout(u)},[]),h.jsx(a0,{scope:t,isOpenDelayed:o,delayDuration:n,onOpen:M.useCallback(()=>{window.clearTimeout(c.current),a(!1)},[]),onClose:M.useCallback(()=>{window.clearTimeout(c.current),c.current=window.setTimeout(()=>a(!0),r)},[r]),isPointerInTransitRef:l,onPointerInTransitChange:M.useCallback(u=>{l.current=u},[]),disableHoverableContent:i,children:s})};Nu.displayName=Su;var mr="Tooltip",[l0,gr]=hr(mr),Cu=e=>{const{__scopeTooltip:t,children:n,open:r,defaultOpen:i=!1,onOpenChange:s,disableHoverableContent:o,delayDuration:a}=e,l=ls(mr,e.__scopeTooltip),c=pr(t),[u,f]=M.useState(null),d=b.useId(),p=M.useRef(0),m=o??l.disableHoverableContent,g=a??l.delayDuration,y=M.useRef(!1),[v=!1,x]=b.useControllableState({prop:r,defaultProp:i,onChange:I=>{I?(l.onOpen(),document.dispatchEvent(new CustomEvent(ci))):l.onClose(),s==null||s(I)}}),w=M.useMemo(()=>v?y.current?"delayed-open":"instant-open":"closed",[v]),E=M.useCallback(()=>{window.clearTimeout(p.current),p.current=0,y.current=!1,x(!0)},[x]),_=M.useCallback(()=>{window.clearTimeout(p.current),p.current=0,x(!1)},[x]),A=M.useCallback(()=>{window.clearTimeout(p.current),p.current=window.setTimeout(()=>{y.current=!0,x(!0),p.current=0},g)},[g,x]);return M.useEffect(()=>()=>{p.current&&(window.clearTimeout(p.current),p.current=0)},[]),h.jsx(b.Root2,{...c,children:h.jsx(l0,{scope:t,contentId:d,open:v,stateAttribute:w,trigger:u,onTriggerChange:f,onTriggerEnter:M.useCallback(()=>{l.isOpenDelayed?A():E()},[l.isOpenDelayed,A,E]),onTriggerLeave:M.useCallback(()=>{m?_():(window.clearTimeout(p.current),p.current=0)},[_,m]),onOpen:E,onClose:_,disableHoverableContent:m,children:n})})};Cu.displayName=mr;var ui="TooltipTrigger",Au=M.forwardRef((e,t)=>{const{__scopeTooltip:n,...r}=e,i=gr(ui,n),s=ls(ui,n),o=pr(n),a=M.useRef(null),l=b.useComposedRefs(t,a,i.onTriggerChange),c=M.useRef(!1),u=M.useRef(!1),f=M.useCallback(()=>c.current=!1,[]);return M.useEffect(()=>()=>document.removeEventListener("pointerup",f),[f]),h.jsx(b.Anchor,{asChild:!0,...o,children:h.jsx(b.Primitive.button,{"aria-describedby":i.open?i.contentId:void 0,"data-state":i.stateAttribute,...r,ref:l,onPointerMove:b.composeEventHandlers(e.onPointerMove,d=>{d.pointerType!=="touch"&&!u.current&&!s.isPointerInTransitRef.current&&(i.onTriggerEnter(),u.current=!0)}),onPointerLeave:b.composeEventHandlers(e.onPointerLeave,()=>{i.onTriggerLeave(),u.current=!1}),onPointerDown:b.composeEventHandlers(e.onPointerDown,()=>{c.current=!0,document.addEventListener("pointerup",f,{once:!0})}),onFocus:b.composeEventHandlers(e.onFocus,()=>{c.current||i.onOpen()}),onBlur:b.composeEventHandlers(e.onBlur,i.onClose),onClick:b.composeEventHandlers(e.onClick,i.onClose)})})});Au.displayName=ui;var c0="TooltipPortal",[$0,u0]=hr(c0,{forceMount:void 0}),Gt="TooltipContent",Pu=M.forwardRef((e,t)=>{const n=u0(Gt,e.__scopeTooltip),{forceMount:r=n.forceMount,side:i="top",...s}=e,o=gr(Gt,e.__scopeTooltip);return h.jsx(b.Presence,{present:r||o.open,children:o.disableHoverableContent?h.jsx(Ou,{side:i,...s,ref:t}):h.jsx(d0,{side:i,...s,ref:t})})}),d0=M.forwardRef((e,t)=>{const n=gr(Gt,e.__scopeTooltip),r=ls(Gt,e.__scopeTooltip),i=M.useRef(null),s=b.useComposedRefs(t,i),[o,a]=M.useState(null),{trigger:l,onClose:c}=n,u=i.current,{onPointerInTransitChange:f}=r,d=M.useCallback(()=>{a(null),f(!1)},[f]),p=M.useCallback((m,g)=>{const y=m.currentTarget,v={x:m.clientX,y:m.clientY},x=m0(v,y.getBoundingClientRect()),w=g0(v,x),E=b0(g.getBoundingClientRect()),_=v0([...w,...E]);a(_),f(!0)},[f]);return M.useEffect(()=>()=>d(),[d]),M.useEffect(()=>{if(l&&u){const m=y=>p(y,u),g=y=>p(y,l);return l.addEventListener("pointerleave",m),u.addEventListener("pointerleave",g),()=>{l.removeEventListener("pointerleave",m),u.removeEventListener("pointerleave",g)}}},[l,u,p,d]),M.useEffect(()=>{if(o){const m=g=>{const y=g.target,v={x:g.clientX,y:g.clientY},x=(l==null?void 0:l.contains(y))||(u==null?void 0:u.contains(y)),w=!y0(v,o);x?d():w&&(d(),c())};return document.addEventListener("pointermove",m),()=>document.removeEventListener("pointermove",m)}},[l,u,o,c,d]),h.jsx(Ou,{...e,ref:s})}),[f0,h0]=hr(mr,{isInside:!1}),Ou=M.forwardRef((e,t)=>{const{__scopeTooltip:n,children:r,"aria-label":i,onEscapeKeyDown:s,onPointerDownOutside:o,...a}=e,l=gr(Gt,n),c=pr(n),{onClose:u}=l;return M.useEffect(()=>(document.addEventListener(ci,u),()=>document.removeEventListener(ci,u)),[u]),M.useEffect(()=>{if(l.trigger){const f=d=>{const p=d.target;p!=null&&p.contains(l.trigger)&&u()};return window.addEventListener("scroll",f,{capture:!0}),()=>window.removeEventListener("scroll",f,{capture:!0})}},[l.trigger,u]),h.jsx(b.DismissableLayer,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown:s,onPointerDownOutside:o,onFocusOutside:f=>f.preventDefault(),onDismiss:u,children:h.jsxs(b.Content,{"data-state":l.stateAttribute,...c,...a,ref:t,style:{...a.style,"--radix-tooltip-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-tooltip-content-available-width":"var(--radix-popper-available-width)","--radix-tooltip-content-available-height":"var(--radix-popper-available-height)","--radix-tooltip-trigger-width":"var(--radix-popper-anchor-width)","--radix-tooltip-trigger-height":"var(--radix-popper-anchor-height)"},children:[h.jsx(b.Slottable,{children:r}),h.jsx(f0,{scope:n,isInside:!0,children:h.jsx(B.Root,{id:l.contentId,role:"tooltip",children:i||r})})]})})});Pu.displayName=Gt;var Mu="TooltipArrow",p0=M.forwardRef((e,t)=>{const{__scopeTooltip:n,...r}=e,i=pr(n);return h0(Mu,n).isInside?null:h.jsx(b.Arrow,{...i,...r,ref:t})});p0.displayName=Mu;function m0(e,t){const n=Math.abs(t.top-e.y),r=Math.abs(t.bottom-e.y),i=Math.abs(t.right-e.x),s=Math.abs(t.left-e.x);switch(Math.min(n,r,i,s)){case s:return"left";case i:return"right";case n:return"top";case r:return"bottom";default:throw new Error("unreachable")}}function g0(e,t,n=5){const r=[];switch(t){case"top":r.push({x:e.x-n,y:e.y+n},{x:e.x+n,y:e.y+n});break;case"bottom":r.push({x:e.x-n,y:e.y-n},{x:e.x+n,y:e.y-n});break;case"left":r.push({x:e.x+n,y:e.y-n},{x:e.x+n,y:e.y+n});break;case"right":r.push({x:e.x-n,y:e.y-n},{x:e.x-n,y:e.y+n});break}return r}function b0(e){const{top:t,right:n,bottom:r,left:i}=e;return[{x:i,y:t},{x:n,y:t},{x:n,y:r},{x:i,y:r}]}function y0(e,t){const{x:n,y:r}=e;let i=!1;for(let s=0,o=t.length-1;s<t.length;o=s++){const a=t[s].x,l=t[s].y,c=t[o].x,u=t[o].y;l>r!=u>r&&n<(c-a)*(r-l)/(u-l)+a&&(i=!i)}return i}function v0(e){const t=e.slice();return t.sort((n,r)=>n.x<r.x?-1:n.x>r.x?1:n.y<r.y?-1:n.y>r.y?1:0),x0(t)}function x0(e){if(e.length<=1)return e.slice();const t=[];for(let r=0;r<e.length;r++){const i=e[r];for(;t.length>=2;){const s=t[t.length-1],o=t[t.length-2];if((s.x-o.x)*(i.y-o.y)>=(s.y-o.y)*(i.x-o.x))t.pop();else break}t.push(i)}t.pop();const n=[];for(let r=e.length-1;r>=0;r--){const i=e[r];for(;n.length>=2;){const s=n[n.length-1],o=n[n.length-2];if((s.x-o.x)*(i.y-o.y)>=(s.y-o.y)*(i.x-o.x))n.pop();else break}n.push(i)}return n.pop(),t.length===1&&n.length===1&&t[0].x===n[0].x&&t[0].y===n[0].y?t:t.concat(n)}var w0=Nu,E0=Cu,T0=Au,Ru=Pu;const Zo={primary:"bg-main-600 text-white",secondary:"bg-grey-800 text-white",white:"bg-grey-50 text-grey-800"},_0={sm:"p-2 text-[13px] rounded",md:"p-2 text-sm font-normal rounded"},S0=w0,N0=E0,C0=T0,A0=(e,t)=>{const n=t==="primary"?Mt.colors.main[600]:t==="secondary"?Mt.colors.grey[800]:Mt.colors.grey[50],r=t==="white"?Mt.colors.grey[200]:n;return{...{width:"12px",height:"12px",backgroundColor:n,border:"1px solid",borderColor:r,opacity:t==="white"?1:.9,transform:"rotate(45deg)",borderRadius:"2px",zIndex:20},...{"top-left":{left:"1.5rem",top:"100%",transform:"translateX(-50%) translateY(-60%) rotate(45deg)"},"top-center":{left:"50%",top:"100%",transform:"translateX(-50%) translateY(-60%) rotate(45deg)"},"top-right":{right:"1.5rem",top:"100%",transform:"translateX(50%) translateY(-60%) rotate(45deg)"},"bottom-left":{left:"1.5rem",bottom:"100%",transform:"translateX(-50%) translateY(60%) rotate(45deg)"},"bottom-center":{left:"50%",bottom:"100%",transform:"translateX(-50%) translateY(60%) rotate(45deg)"},"bottom-right":{right:"1.5rem",bottom:"100%",transform:"translateX(50%) translateY(60%) rotate(45deg)"},right:{right:"100%",top:"50%",transform:"translateX(60%) translateY(-50%) rotate(45deg)"},left:{left:"100%",top:"50%",transform:"translateX(-60%) translateY(-50%) rotate(45deg)"}}[e]}},Du=M.forwardRef(({className:e,variant:t="primary",size:n="pc",position:r="top-center",sideOffset:i=8,icLeft:s,icRight:o,children:a,bubbleTip:l=!0,...c},u)=>{const f=A0(r,t),d=r.startsWith("top"),p=r==="right"||r==="left"?r:d?"top":"bottom",m=r==="right"||r==="left"?"center":r.includes("left")?"start":r.includes("right")?"end":"center";return h.jsx(Ru,{ref:u,avoidCollisions:!1,sideOffset:l?i:4,side:p,align:m,style:{zIndex:50},...c,children:h.jsxs("div",{className:b.cn("relative z-50 rounded",l&&"m-1",t==="white"&&"border-border border",Zo[t],e),children:[l&&h.jsx("div",{style:f,className:"absolute z-20"}),h.jsx("div",{className:"absolute inset-0 z-30 bg-white"}),h.jsxs("div",{className:b.cn("relative z-40 flex max-w-sm items-center font-normal",t!=="white"&&"bg-opacity-90",Zo[t],_0[n]),children:[s&&h.jsx("span",{className:"mr-1",children:s}),h.jsx("span",{className:"whitespace-pre-wrap break-keep",children:a}),o&&h.jsx("span",{className:"ml-1",children:o})]})]})})});Du.displayName=Ru.displayName;const cs=({label:e,variant:t="secondary",size:n="md",children:r,icLeft:i,icRight:s,position:o="top-center",bubbleTip:a=!0,forceMount:l,isMobile:c=Qt})=>{const[u,f]=M.useState(!1),d=M.useRef(null),p=typeof c=="number"?c:3e3,m=()=>{u?f(!1):(f(!0),d.current&&clearTimeout(d.current),d.current=setTimeout(()=>f(!1),p))};return M.useEffect(()=>()=>{d.current&&clearTimeout(d.current)},[]),h.jsx(S0,{delayDuration:200,children:h.jsxs(N0,{delayDuration:200,children:[h.jsx(C0,{asChild:!0,"data-state":u?"delayed-open":"closed",onMouseLeave:Qt?void 0:()=>f(!1),onMouseEnter:Qt?void 0:()=>f(!0),onClick:Qt?m:void 0,children:r}),h.jsx(Du,{variant:t,size:n,icLeft:i,icRight:s,position:o,forceMount:l||u||void 0,bubbleTip:a,children:e})]})})};function P0(e,t=[]){let n=[];function r(s,o){const a=M.createContext(o),l=n.length;n=[...n,o];function c(f){const{scope:d,children:p,...m}=f,g=(d==null?void 0:d[e][l])||a,y=M.useMemo(()=>m,Object.values(m));return h.jsx(g.Provider,{value:y,children:p})}function u(f,d){const p=(d==null?void 0:d[e][l])||a,m=M.useContext(p);if(m)return m;if(o!==void 0)return o;throw new Error(`\`${f}\` must be used within \`${s}\``)}return c.displayName=s+"Provider",[c,u]}const i=()=>{const s=n.map(o=>M.createContext(o));return function(a){const l=(a==null?void 0:a[e])||s;return M.useMemo(()=>({[`__scope${e}`]:{...a,[e]:l}}),[a,l])}};return i.scopeName=e,[r,O0(i,...t)]}function O0(...e){const t=e[0];if(e.length===1)return t;const n=()=>{const r=e.map(i=>({useScope:i(),scopeName:i.scopeName}));return function(s){const o=r.reduce((a,{useScope:l,scopeName:c})=>{const f=l(s)[`__scope${c}`];return{...a,...f}},{});return M.useMemo(()=>({[`__scope${t.scopeName}`]:o}),[o])}};return n.scopeName=t.scopeName,n}var M0="Toggle",Iu=M.forwardRef((e,t)=>{const{pressed:n,defaultPressed:r=!1,onPressedChange:i,...s}=e,[o=!1,a]=b.useControllableState({prop:n,onChange:i,defaultProp:r});return h.jsx(b.Primitive.button,{type:"button","aria-pressed":o,"data-state":o?"on":"off","data-disabled":e.disabled?"":void 0,...s,ref:t,onClick:b.composeEventHandlers(e.onClick,()=>{e.disabled||a(!o)})})});Iu.displayName=M0;var Ht="ToggleGroup",[ku,G0]=P0(Ht,[b.createRovingFocusGroupScope]),Lu=b.createRovingFocusGroupScope(),us=N.forwardRef((e,t)=>{const{type:n,...r}=e;if(n==="single"){const i=r;return h.jsx(R0,{...i,ref:t})}if(n==="multiple"){const i=r;return h.jsx(D0,{...i,ref:t})}throw new Error(`Missing prop \`type\` expected on \`${Ht}\``)});us.displayName=Ht;var[ju,Bu]=ku(Ht),R0=N.forwardRef((e,t)=>{const{value:n,defaultValue:r,onValueChange:i=()=>{},...s}=e,[o,a]=b.useControllableState({prop:n,defaultProp:r,onChange:i});return h.jsx(ju,{scope:e.__scopeToggleGroup,type:"single",value:o?[o]:[],onItemActivate:a,onItemDeactivate:N.useCallback(()=>a(""),[a]),children:h.jsx(Vu,{...s,ref:t})})}),D0=N.forwardRef((e,t)=>{const{value:n,defaultValue:r,onValueChange:i=()=>{},...s}=e,[o=[],a]=b.useControllableState({prop:n,defaultProp:r,onChange:i}),l=N.useCallback(u=>a((f=[])=>[...f,u]),[a]),c=N.useCallback(u=>a((f=[])=>f.filter(d=>d!==u)),[a]);return h.jsx(ju,{scope:e.__scopeToggleGroup,type:"multiple",value:o,onItemActivate:l,onItemDeactivate:c,children:h.jsx(Vu,{...s,ref:t})})});us.displayName=Ht;var[I0,k0]=ku(Ht),Vu=N.forwardRef((e,t)=>{const{__scopeToggleGroup:n,disabled:r=!1,rovingFocus:i=!0,orientation:s,dir:o,loop:a=!0,...l}=e,c=Lu(n),u=b.useDirection(o),f={role:"group",dir:u,...l};return h.jsx(I0,{scope:n,rovingFocus:i,disabled:r,children:i?h.jsx(b.Root$1,{asChild:!0,...c,orientation:s,dir:u,loop:a,children:h.jsx(b.Primitive.div,{...f,ref:t})}):h.jsx(b.Primitive.div,{...f,ref:t})})}),Jn="ToggleGroupItem",Fu=N.forwardRef((e,t)=>{const n=Bu(Jn,e.__scopeToggleGroup),r=k0(Jn,e.__scopeToggleGroup),i=Lu(e.__scopeToggleGroup),s=n.value.includes(e.value),o=r.disabled||e.disabled,a={...e,pressed:s,disabled:o},l=N.useRef(null);return r.rovingFocus?h.jsx(b.Item,{asChild:!0,...i,focusable:!o,active:s,ref:l,children:h.jsx(Qo,{...a,ref:t})}):h.jsx(Qo,{...a,ref:t})});Fu.displayName=Jn;var Qo=N.forwardRef((e,t)=>{const{__scopeToggleGroup:n,value:r,...i}=e,s=Bu(Jn,n),o={role:"radio","aria-checked":e.pressed,"aria-pressed":void 0},a=s.type==="single"?o:void 0;return h.jsx(Iu,{...a,...i,ref:t,onPressedChange:l=>{l?s.onItemActivate(r):s.onItemDeactivate(r)}})}),Uu=us,$u=Fu;const L0=b.cva("inline-flex items-center justify-center gap-1 whitespace-nowrap text-sm font-normal ring-offset-background transition-all focus-visible:outline-none disabled:pointer-events-none",{variants:{variant:{solid:"disabled:bg-muted disabled:text-muted-foreground disabled:border-muted",outline:"disabled:bg-white disabled:text-muted disabled:border-border"},theme:{primary:"bg-white border border-main-200 text-primary hover:bg-main-100",secondary:"bg-white border border-grey-200 text-secondary hover:bg-grey-100"},size:{xs:"h-8 py-1 px-2 text-sm",sm:"h-9 py-2 px-3 text-sm",md:"h-11 px-3 py-3 text-sm",lg:"h-[52px] px-12 py-[14px] text-base",icon:"h-auto w-auto"},shape:{square:"rounded-lg",rounded:"rounded-full"},checked:{true:"",false:""}},compoundVariants:[{theme:"primary",checked:!0,className:"bg-main-600 border-main-600 text-white hover:bg-main-700 hover:border-main-700"},{theme:"secondary",checked:!0,className:"bg-grey-800 border-grey-800 text-white hover:bg-grey-900 hover:border-grey-900"}],defaultVariants:{theme:"primary",size:"md",shape:"square",checked:!1}}),ds=M.createContext({theme:"primary",size:"md",shape:"square"});ds.displayName="ToggleGroupContext";const fs=M.forwardRef(({className:e,variant:t,theme:n,size:r,shape:i,children:s,...o},a)=>h.jsx(ds.Provider,{value:{theme:n,size:r,shape:i},children:h.jsx(Uu,{ref:a,className:b.cn("flex items-center justify-center gap-1",e),...o,children:s})}));fs.displayName=Uu.displayName;const hn=M.forwardRef(({className:e,checked:t=!1,children:n,...r},i)=>{const s=M.useContext(ds);return h.jsx($u,{ref:i,className:b.cn(L0({theme:r.theme||s.theme||"primary",size:r.size||s.size||"md",shape:r.shape||s.shape||"square",variant:r.variant||"outline",checked:t}),e),...r,children:n})});hn.displayName=$u.displayName;const Gu=({options:e,variant:t="outline",theme:n="primary",size:r="md",shape:i="square",value:s,onChange:o,nullable:a=!0,className:l})=>h.jsx(fs,{type:"single",value:s,onValueChange:c=>{!a&&!c||o(c)},theme:n,size:r,shape:i,className:l,children:e.map(c=>c.tooltip?h.jsx(cs,{label:c.tooltip.label,variant:c.tooltip.variant,size:c.tooltip.size,icLeft:c.tooltip.icLeft,icRight:c.tooltip.icRight,position:c.tooltip.position,bubbleTip:c.tooltip.bubbleTip,children:h.jsx(hn,{value:c.value,checked:s===c.value,disabled:c.disabled,variant:t,children:c.label})},c.value):h.jsx(hn,{value:c.value,checked:s===c.value,disabled:c.disabled,variant:t,children:c.label},c.value))}),zu=({options:e,variant:t="outline",theme:n="primary",size:r="md",shape:i="square",value:s,onChange:o,className:a})=>h.jsx(fs,{type:"multiple",value:s,onValueChange:o,theme:n,size:r,shape:i,className:a,children:e.map(l=>l.tooltip?h.jsx(cs,{label:l.tooltip.label,variant:l.tooltip.variant,size:l.tooltip.size,icLeft:l.tooltip.icLeft,icRight:l.tooltip.icRight,position:l.tooltip.position,bubbleTip:l.tooltip.bubbleTip,children:h.jsx(hn,{value:l.value,checked:(s||[]).includes(l.value),disabled:l.disabled,variant:t,children:l.label})},l.value):h.jsx(hn,{value:l.value,checked:(s||[]).includes(l.value),disabled:l.disabled,variant:t,children:l.label},l.value))}),j0={Single:Gu,Multiple:zu};exports.AlertDialog=B.AlertDialog;exports.AlertDialogAction=B.AlertDialogAction;exports.AlertDialogCancel=B.AlertDialogCancel;exports.AlertDialogContent=B.AlertDialogContent;exports.AlertDialogDescription=B.AlertDialogDescription;exports.AlertDialogFooter=B.AlertDialogFooter;exports.AlertDialogHeader=B.AlertDialogHeader;exports.AlertDialogOverlay=B.AlertDialogOverlay;exports.AlertDialogPortal=B.AlertDialogPortal;exports.AlertDialogTitle=B.AlertDialogTitle;exports.AlertDialogTrigger=B.AlertDialogTrigger;exports.AlertForm=B.AlertForm;exports.Dialog=B.Dialog;exports.DialogClose=B.DialogClose;exports.DialogContent=B.DialogContent;exports.DialogDescription=B.DialogDescription;exports.DialogFooter=B.DialogFooter;exports.DialogForm=B.DialogForm;exports.DialogHeader=B.DialogHeader;exports.DialogOverlay=B.DialogOverlay;exports.DialogPortal=B.DialogPortal;exports.DialogTitle=B.DialogTitle;exports.DialogTrigger=B.DialogTrigger;exports.ModalForm=B.ModalForm;exports.PortalContainer=B.PortalContainer;exports.Toast=B.Toast;exports.ToastAction=B.ToastAction;exports.ToastClose=B.ToastClose;exports.ToastDescription=B.ToastDescription;exports.ToastForm=B.ToastForm;exports.ToastProvider=B.ToastProvider;exports.ToastTitle=B.ToastTitle;exports.ToastViewport=B.ToastViewport;exports.toastPositionVariants=B.toastPositionVariants;exports.toastVariants=B.toastVariants;exports.Accordion=Zt;exports.CheckboxBooleanFormField=$x;exports.CheckboxGroupFormField=Gx;exports.CodeBlock=_u;exports.ContentsCard=Ca;exports.DefaultFormField=zx;exports.DropdownRadioFormField=Wx;exports.EventCard=zd;exports.LoadingCard=Aa;exports.MainBannerImage=bh;exports.MainBannerLoading=Cl;exports.Multiple=zu;exports.NotionParser=i0;exports.PremiumCard=yh;exports.RadioFormField=Kx;exports.Single=Gu;exports.StringArrayFormField=Hx;exports.StringInputField=qx;exports.TitleTagCard=wh;exports.ToggleButtonGroup=j0;exports.Tooltip=cs;exports.UrlFormField=Yx;exports.usePortal=s0;

package/dist/components.es.js

@@ -13789,8 +13789,8 @@ const wt = ({
       }) }) }) });
     case "bookmark": {
       const E = ((Oe = e.bookmark) == null ? void 0 : Oe.url) || "", { meta: S, loading: A } = Kw(E);
-      return E ? /* @__PURE__ */ O(he.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, className: D(r, "mb-4 block"), children: [
-        A ? /* @__PURE__ */ m("div", { className: "h-24 animate-pulse rounded-md bg-gray-100" }) : S ? /* @__PURE__ */ O(
+      return E ? /* @__PURE__ */ m(he.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, className: D(r, "mb-4 block"), children: A ? /* @__PURE__ */ m("div", { className: "h-24 animate-pulse rounded-md bg-gray-100" }) : S ? /* @__PURE__ */ O(W.Fragment, { children: [
+        /* @__PURE__ */ O(
           gn,
           {
             type: "external",
@@ -13804,12 +13804,12 @@ const wt = ({
               ] })
             ]
           }
-        ) : /* @__PURE__ */ O("div", { className: "mb-4 block rounded-md border border-gray-200 p-4 text-base hover:bg-gray-50", children: [
-          /* @__PURE__ */ m(gn, { type: "external", href: E, children: E }),
-          ((M = (_ = e.bookmark) == null ? void 0 : _.caption) == null ? void 0 : M.length) > 0 && /* @__PURE__ */ m("div", { className: "mt-2 text-sm text-gray-500", children: u(e.bookmark.caption) })
-        ] }),
-        ((z = (F = e.bookmark) == null ? void 0 : F.caption) == null ? void 0 : z.length) > 0 && /* @__PURE__ */ m("div", { className: "mt-2 text-xs text-grey-500 md:text-sm", children: u(e.bookmark.caption) })
-      ] }) : null;
+        ),
+        ((M = (_ = e.bookmark) == null ? void 0 : _.caption) == null ? void 0 : M.length) > 0 && /* @__PURE__ */ m("div", { className: "mt-2 text-xs text-grey-500 md:text-sm", children: u(e.bookmark.caption) })
+      ] }) : /* @__PURE__ */ O("div", { className: "mb-4 block rounded-md border border-gray-200 p-4 text-base hover:bg-gray-50", children: [
+        /* @__PURE__ */ m(gn, { type: "external", href: E, children: E }),
+        ((z = (F = e.bookmark) == null ? void 0 : F.caption) == null ? void 0 : z.length) > 0 && /* @__PURE__ */ m("div", { className: "mt-2 text-sm text-gray-500", children: u(e.bookmark.caption) })
+      ] }) }) : null;
     }
     case "embed": {
       const E = ((Y = e.embed) == null ? void 0 : Y.url) || "";
@@ -13823,7 +13823,7 @@ const wt = ({
             allowFullScreen: !0
           }
         ),
-        ((fe = (Pe = e.embed) == null ? void 0 : Pe.caption) == null ? void 0 : fe.length) > 0 && /* @__PURE__ */ m("div", { className: "mt-2 text-sm text-gray-500", children: u(e.embed.caption) })
+        ((fe = (Pe = e.embed) == null ? void 0 : Pe.caption) == null ? void 0 : fe.length) > 0 && /* @__PURE__ */ m("div", { className: "mt-2 text-sm text-muted", children: u(e.embed.caption) })
       ] });
     }
     case "video": {
@@ -13861,7 +13861,7 @@ const wt = ({
             ]
           }
         ),
-        ((st = (Kt = e.file) == null ? void 0 : Kt.caption) == null ? void 0 : st.length) > 0 && /* @__PURE__ */ m("div", { className: "mt-2 text-xs text-grey-500 md:text-sm", children: u(e.bookmark.caption) })
+        ((st = ((Kt = e.file) == null ? void 0 : Kt.caption) || []) == null ? void 0 : st.length) > 0 && /* @__PURE__ */ m("div", { className: "mt-2 text-xs text-grey-500 md:text-sm", children: u(e.file.caption) })
       ] });
     }
     case "table_of_contents":

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "boottent-design",
   "private": false,
-  "version": "0.1.162",
+  "version": "0.1.163",
   "description": "부트텐트 디자인시스템 라이브러리",
   "repository": {
     "type": "git",