@deckai/deck-ui 0.0.13 → 0.0.14

package/dist/index.cjs

@@ -1,4 +1,4 @@
-'use strict';var l=require('react'),$=require('@radix-ui/react-popover'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),icons=require('@deckai/icons'),O=require('@radix-ui/react-tabs'),T=require('@radix-ui/react-tooltip'),ne=require('@radix-ui/react-switch'),de=require('@radix-ui/react-collapsible'),P=require('@radix-ui/react-dialog'),zt=require('tailwindcss-animate');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var l__namespace=/*#__PURE__*/_interopNamespace(l);var $__namespace=/*#__PURE__*/_interopNamespace($);var O__namespace=/*#__PURE__*/_interopNamespace(O);var T__namespace=/*#__PURE__*/_interopNamespace(T);var ne__namespace=/*#__PURE__*/_interopNamespace(ne);var de__namespace=/*#__PURE__*/_interopNamespace(de);var P__namespace=/*#__PURE__*/_interopNamespace(P);var zt__default=/*#__PURE__*/_interopDefault(zt);var we=(e,o)=>{let t=Object.keys(e),i=["bg","text","border","ring","divide","outline"];t.forEach(a=>{typeof e[a]=="object"?Object.keys(e[a]).forEach(f=>{}):i.forEach(f=>{});}),Object.entries(o).forEach(([a,f])=>{Object.keys(f).forEach(g=>{});});let n=["sm","md","lg","xl","2xl"],d=Object.entries(o).flatMap(([a,f])=>Object.keys(f).map(g=>`text-${a}-${g}`)),m=d.flatMap(a=>n.map(f=>`${f}:${a}`));return [...d,...m]},k="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",oe="ring-2 ring-ring ring-offset-2";var y=({children:e,type:o="button",className:t,disabled:i,...r})=>l__namespace.default.createElement("button",{type:o,disabled:i,className:`appearance-none hover:opacity-80 transition-all active:scale-95 ${k} ${t} ${i?"opacity-50 cursor-not-allowed":""}`,...r},e);var Xe={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},Qe=e=>{if(!e)return {width:"48px",height:"48px"};let o=Array.isArray(e)?e:[e],t={},i;return o.forEach(r=>{if(typeof r=="number")i=`${r}px`;else {let[s,n]=r.split(":"),d=parseInt(n,10);t[`@media (minWidth: ${Xe[s]})`]=`${d}px`;}}),{width:i||"48px",height:i||"48px",...Object.entries(t).reduce((r,[s,n])=>({...r,[s]:{width:n,height:n}}),{})}},ge=({src:e,size:o=48,onClick:t,...i})=>{let r=Qe(o),s=e?l__namespace.default.createElement("img",{src:e,alt:"avatar",className:"rounded-full",style:r,...i}):l__namespace.default.createElement("div",{style:r,className:"rounded-full bg-gray-200"});return t?l__namespace.default.createElement(y,{onClick:t},s):s};function c(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var Ne={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB"},Je={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},et=e=>{if(!e)return {width:"24px",height:"24px"};let o=Array.isArray(e)?e:[e],t={},i;return o.forEach(r=>{if(typeof r=="number")i=`${r}px`;else {let[s,n]=r.split(":"),d=parseInt(n,10);t[`@media (min-width: ${Je[s]})`]=`${d}px`;}}),{width:i||"24px",height:i||"24px",...Object.entries(t).reduce((r,[s,n])=>({...r,[s]:{width:n,height:n}}),{})}},u=l__namespace.default.forwardRef(({name:e,size:o=24,color:t="primary",title:i,className:r,style:s={},...n},d)=>{let m=icons.IconMap[e],a=et(o);return l__namespace.default.createElement("div",{className:c("flex justify-center items-center",r),style:{...a,"--icon-stroke":Ne[t],...s}},l__namespace.default.createElement(m,{ref:d,"aria-hidden":!i,"aria-label":i,stroke:e.includes("filled")?void 0:Ne[t],...n}))});u.displayName="Icon";var _=({className:e,end:o,iconName:t,color:i,size:r,title:s,label:n,labelClassName:d,id:m,...a})=>l__namespace.createElement("div",{className:"space-y-2"},n&&l__namespace.createElement("label",{htmlFor:m,className:c("block text-sm font-medium text-text-primary",d)},n),l__namespace.createElement("div",{className:"relative"},l__namespace.createElement("input",{id:m,className:c(`font-sans lg:text-body-default text-xs flex w-full rounded-lg border border-secondary-50 bg-background-0 px-3 md:py-3 py-2 text-secondary ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-secondary text-text-primary ${k} disabled:cursor-not-allowed disabled:opacity-50 md:text-md`,o&&"pr-10",e),...a}),o&&l__namespace.createElement("div",{className:"absolute inset-y-0 right-0 flex items-center pr-3"},t?l__namespace.createElement(u,{name:t,color:i,size:r,title:s}):o)));var X=({value:e,label:o,onChange:t,selected:i})=>l__namespace.default.createElement("button",{type:"button",className:c("relative w-full h-full text-left px-2 py-1.5 text-sm cursor-pointer hover:bg-gray-100 rounded",i&&"bg-gray-100"),onClick:()=>{t?.(e);}},o);var be=({options:e,placeholder:o="Select an item...",value:t,onChange:i,end:r,className:s,label:n,labelClassName:d,id:m})=>{let[a,f]=l.useState(!1),[g,x]=l.useState(t),N=l.useMemo(()=>e.find(b=>b.value===g),[g,e]),M=e.filter(b=>g?b.label.toLowerCase().includes(g.toLowerCase()):e),h=l.useCallback(b=>{i(b),f(!1),x(N?.label);},[i,N?.label]);return l__namespace.default.createElement($__namespace.Root,{open:a,onOpenChange:f},l__namespace.default.createElement("div",{className:`relative w-full font-sans text-text-secondary ${s}`},l__namespace.default.createElement($__namespace.Trigger,{asChild:!0},l__namespace.default.createElement("div",{className:"flex"},l__namespace.default.createElement("div",{className:"relative flex-1"},l__namespace.default.createElement(_,{id:m,label:n,labelClassName:d,placeholder:o,value:g,onChange:b=>x(b.target.value),end:r,className:`flex-1 ${a&&oe}`})))),l__namespace.default.createElement($__namespace.Portal,null,l__namespace.default.createElement($__namespace.Content,{className:"w-[--radix-popover-trigger-width] p-1 bg-white rounded-md shadow-lg border mt-1 z-20",sideOffset:5},l__namespace.default.createElement("div",{className:"max-h-60 overflow-auto flex flex-col items-start"},M.length>0?M.map(({label:b,value:fe},ee)=>l__namespace.default.createElement(X,{onChange:h,value:fe,key:ee,label:b})):l__namespace.default.createElement("div",{className:"px-2 py-1.5 text-sm text-gray-500"},"No results found"))))))};var he=({className:e})=>l__namespace.default.createElement("div",{className:c("lg:w-[76px] lg:h-[25px] w-[58px] h-[19px]",e)},l__namespace.default.createElement("svg",{width:"100%",height:"100%",viewBox:"0 0 76 25",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l__namespace.default.createElement("path",{d:"M0.8 15.584C0.8 13.9413 1.12 12.4693 1.76 11.168C2.4 9.84533 3.27467 8.8 4.384 8.032C5.49333 7.264 6.77333 6.88 8.224 6.88C9.39733 6.88 10.464 7.168 11.424 7.744C12.384 8.29867 13.1093 9.03467 13.6 9.952V0.639999H18.72V18.304C18.72 18.816 18.8053 19.1787 18.976 19.392C19.1467 19.584 19.424 19.7013 19.808 19.744V24C18.912 24.1707 18.1867 24.256 17.632 24.256C16.7573 24.256 16.0427 24.064 15.488 23.68C14.9547 23.296 14.624 22.7627 14.496 22.08L14.4 21.216C13.8027 22.2613 12.992 23.04 11.968 23.552C10.944 24.064 9.86667 24.32 8.736 24.32C7.584 24.32 6.51733 24.1067 5.536 23.68C4.576 23.232 3.73333 22.6133 3.008 21.824C2.304 21.0347 1.76 20.1067 1.376 19.04C0.992 17.9733 0.8 16.8213 0.8 15.584ZM13.632 17.664V14.144C13.4187 13.568 13.1093 13.0667 12.704 12.64C12.32 12.2133 11.872 11.872 11.36 11.616C10.8693 11.36 10.368 11.232 9.856 11.232C9.30133 11.232 8.78933 11.3493 8.32 11.584C7.872 11.8187 7.47733 12.1493 7.136 12.576C6.79467 12.9813 6.528 13.4507 6.336 13.984C6.16533 14.5173 6.08 15.0827 6.08 15.68C6.08 16.2987 6.176 16.8747 6.368 17.408C6.58133 17.92 6.86933 18.3787 7.232 18.784C7.59467 19.168 8.02133 19.4667 8.512 19.68C9.00267 19.8933 9.536 20 10.112 20C10.4747 20 10.8267 19.9467 11.168 19.84C11.5093 19.712 11.8293 19.552 12.128 19.36C12.448 19.168 12.736 18.9227 12.992 18.624C13.248 18.3253 13.4613 18.0053 13.632 17.664ZM30.0895 24.32C28.6602 24.32 27.3908 24.096 26.2815 23.648C25.1722 23.1787 24.2228 22.5493 23.4335 21.76C22.6655 20.9707 22.0788 20.064 21.6735 19.04C21.2682 17.9947 21.0655 16.9067 21.0655 15.776C21.0655 14.1547 21.4175 12.6827 22.1215 11.36C22.8468 10.016 23.8815 8.93867 25.2255 8.128C26.5695 7.296 28.1908 6.88 30.0895 6.88C31.9882 6.88 33.5988 7.28533 34.9215 8.096C36.2655 8.90667 37.2895 9.97333 37.9935 11.296C38.6975 12.5973 39.0495 14.016 39.0495 15.552C39.0495 15.8507 39.0282 16.1493 38.9855 16.448C38.9642 16.7253 38.9428 16.9707 38.9215 17.184H26.5055C26.5695 17.9307 26.7722 18.56 27.1135 19.072C27.4762 19.584 27.9348 19.9787 28.4895 20.256C29.0442 20.512 29.6308 20.64 30.2495 20.64C31.0175 20.64 31.7322 20.4587 32.3935 20.096C33.0762 19.7333 33.5455 19.2427 33.8015 18.624L38.1535 19.84C37.7268 20.7147 37.1188 21.4933 36.3295 22.176C35.5615 22.8373 34.6442 23.36 33.5775 23.744C32.5322 24.128 31.3695 24.32 30.0895 24.32ZM26.3775 14.048H33.6735C33.5882 13.344 33.3855 12.736 33.0655 12.224C32.7455 11.6907 32.3188 11.2853 31.7855 11.008C31.2522 10.7093 30.6655 10.56 30.0255 10.56C29.3642 10.56 28.7668 10.7093 28.2335 11.008C27.7215 11.2853 27.3055 11.6907 26.9855 12.224C26.6655 12.736 26.4628 13.344 26.3775 14.048ZM48.762 24.32C47.3327 24.32 46.0633 24.0853 44.954 23.616C43.8447 23.1467 42.8953 22.5067 42.106 21.696C41.338 20.8853 40.7513 19.9573 40.346 18.912C39.9407 17.8667 39.738 16.7573 39.738 15.584C39.738 14.048 40.09 12.6187 40.794 11.296C41.5193 9.97333 42.554 8.90667 43.898 8.096C45.242 7.28533 46.8633 6.88 48.762 6.88C50.682 6.88 52.3033 7.296 53.626 8.128C54.97 8.93867 55.9727 10.0053 56.634 11.328L51.642 12.832C51.322 12.32 50.906 11.9253 50.394 11.648C49.9033 11.3707 49.3487 11.232 48.73 11.232C48.026 11.232 47.386 11.4133 46.81 11.776C46.2553 12.1387 45.8073 12.64 45.466 13.28C45.146 13.92 44.986 14.688 44.986 15.584C44.986 16.4587 45.1567 17.2267 45.498 17.888C45.8393 18.5493 46.2873 19.072 46.842 19.456C47.3967 19.8187 48.026 20 48.73 20C49.1567 20 49.5513 19.936 49.914 19.808C50.298 19.6587 50.6393 19.456 50.938 19.2C51.258 18.944 51.5033 18.656 51.674 18.336L56.666 19.872C56.2607 20.7253 55.674 21.4933 54.906 22.176C54.1593 22.8373 53.274 23.36 52.25 23.744C51.226 24.128 50.0633 24.32 48.762 24.32ZM69.636 24L65.252 17.28L63.46 19.104V24H58.34V0.639999H63.46V14.144L69.156 7.2H74.564L68.516 14.432L75.076 24H69.636Z",fill:"#080808"})));var ve=({iconName:e,hasNotification:o,color:t,title:i,...r})=>(console.log({hasNotification:o}),l__namespace.default.createElement(y,{className:"relative lg:px-7 md:px-5 py-3",...r},l__namespace.default.createElement(u,{name:e,color:t,title:i}),o&&l__namespace.default.createElement("div",{className:"w-3 h-3 bg-red-500 rounded-full absolute top-3 right-5"})));var it=({searchOptions:e,onSearchChange:o,navbarItems:t,onLogoClick:i,onProfileClick:r,avatarImage:s})=>l__namespace.default.createElement("div",{className:"flex py-6 lg:px-10 md:px-5 px-6 justify-between md:gap-6 gap-3 sm:relative sticky top-0"},l__namespace.default.createElement("div",{className:"flex flex-1 md:gap-6 gap-3 items-center"},l__namespace.default.createElement(y,{onClick:i,title:"Deck AI"},l__namespace.default.createElement(he,null)),l__namespace.default.createElement(be,{options:e,placeholder:"Search for a creator, type of content, or platform...",end:l__namespace.default.createElement(u,{name:"search-normal",size:["lg:24",18]}),onChange:o,className:"flex-1 max-w-lg"})),l__namespace.default.createElement("div",{className:"flex gap-4"},l__namespace.default.createElement("div",{className:"md:flex hidden gap-2 border-b-2 border-stroke items-center"},t.map(({iconName:n,title:d,onClick:m})=>l__namespace.default.createElement(ve,{key:d,iconName:n,title:d,onClick:m}))),l__namespace.default.createElement("div",{className:"flex"},l__namespace.default.createElement(ge,{onClick:r,src:s,size:["sm:48",40]}))));var st={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},nt=e=>{let[o,t]=e.split("-");return o==="heading"?st[t]||"p":o==="label"?"label":"p"},at={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},lt=e=>e?(Array.isArray(e)?e:[e]).map(t=>{if(t.includes(":")){let[i,r]=t.split(":");return `${i}:text-${r}`}return `text-${t}`}).join(" "):"text-body-default",p=l__namespace.default.forwardRef(({variant:e="body-default",color:o="text-primary",as:t,className:i,children:r,weight:s,...n},d)=>{let m=lt(e),a=o&&o==="inherit"?"inherit":o?`text-${o}`:"",f=l__namespace.default.useMemo(()=>{let x=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return nt(x)},[e]);return l__namespace.default.createElement(t||f,{ref:d,className:`font-sans antialiased ${m} ${a} ${s?`!${at[s]}`:""} ${i??""}`,...n},r)});p.displayName="Text";var Q=({children:e,color:o="text-primary",variant:t="body-default-semibold",href:i,className:r,...s})=>l__namespace.default.createElement(p,{variant:t,color:o},l__namespace.default.createElement("a",{href:i,className:c("hover:opacity-80 transition-all active:scale-95 hover:underline",k,r),...s},e));var D=({children:e,color:o="primary",className:t,onClose:i,...r})=>{let[s,n]=l.useState(!1),d=l.useCallback(()=>{n(!0);},[]),m=l.useCallback(()=>{n(!1);},[]),a=l__namespace.default.createElement("div",{className:c("flex gap-2",i?"justify-between items-center":"items-center justify-center","hover:bg-primary-100 rounded bg-secondary-400 px-2 py-1 sm:px-3 sm:py-1.5 h-min hover:text-white",o==="primary"?"text-primary-100":"text-primary",t),onMouseEnter:d,onMouseLeave:m},typeof e=="string"?l__namespace.default.createElement(p,{color:"inherit",variant:["md:body-default-medium","body-xxs-medium"],className:"truncate pt-0.5"},e):e,i&&l__namespace.default.createElement(y,{...r,onClick:i,className:"flex items-center justify-center"},l__namespace.default.createElement(u,{name:"close",size:10,color:s?"white":"primaryBlue"})));return i?a:l__namespace.default.createElement(y,{...r},a)};var He=e=>typeof e=="boolean"?`${e}`:e===0?"0":e,Ee=clsx.clsx,Ie=(e,o)=>t=>{var i;if(o?.variants==null)return Ee(e,t?.class,t?.className);let{variants:r,defaultVariants:s}=o,n=Object.keys(r).map(a=>{let f=t?.[a],g=s?.[a];if(f===null)return null;let x=He(f)||He(g);return r[a][x]}),d=t&&Object.entries(t).reduce((a,f)=>{let[g,x]=f;return x===void 0||(a[g]=x),a},{}),m=o==null||(i=o.compoundVariants)===null||i===void 0?void 0:i.reduce((a,f)=>{let{class:g,className:x,...N}=f;return Object.entries(N).every(M=>{let[h,b]=M;return Array.isArray(b)?b.includes({...s,...d}[h]):{...s,...d}[h]===b})?[...a,g,x]:a},[]);return Ee(e,n,m,t?.class,t?.className)};var dt=Ie("animate-spin rounded-full border-current border-t-transparent",{variants:{size:{sm:"h-4 w-4 border-4",md:"h-6 w-6 border-4",lg:"h-8 w-8 border-8"}},defaultVariants:{size:"md"}}),re=l__namespace.forwardRef(({size:e,className:o,customSize:t,...i},r)=>{let s=t?{width:t,height:t,borderWidth:Math.max(2,Math.floor(t/16))}:{};return l__namespace.createElement("div",{role:"status","aria-label":"Loading",ref:r,className:c(dt({size:e}),"text-primary-100",o),style:s,...i},l__namespace.createElement("span",{className:"sr-only"},"Loading..."))});re.displayName="Spinner";var ct=({options:e,selectedValues:o,onSelectionChange:t,placeholder:i="Select items...",className:r,label:s,labelClassName:n,id:d,maxSelections:m,disabled:a,noOptionsMessage:f,loading:g,errorMessage:x})=>{let[N,M]=l.useState(!1),[h,b]=l.useState(""),fe=l.useMemo(()=>e.filter(v=>o.includes(v.value)),[e,o]),ee=l.useMemo(()=>e.filter(v=>!o.includes(v.value)&&v.label.toLowerCase().includes(h.toLowerCase())),[e,o,h]),Ke=l.useCallback(v=>{t([...o,v]),b(""),M(!1);},[m,t,o]),Ge=l.useCallback(v=>{t(o.filter(te=>te!==v));},[t,o]);return l__namespace.default.createElement("div",{className:"py-2"},l__namespace.default.createElement($__namespace.Root,{open:N,onOpenChange:M},l__namespace.default.createElement("div",{className:`relative w-full font-sans text-text-secondary ${r}`},l__namespace.default.createElement($__namespace.Trigger,{asChild:!0},l__namespace.default.createElement("div",{className:"relative flex-1"},l__namespace.default.createElement(_,{id:d,label:s,labelClassName:n,placeholder:m&&o.length>=m?`Maximum ${m} items selected`:i,value:h,onChange:v=>b(v.target.value),className:`flex-1 ${N&&oe}`,disabled:a||!!m&&o.length>=m,end:g?l__namespace.default.createElement(re,{size:"sm"}):l__namespace.default.createElement(u,{name:"search-normal",size:["lg:24",18]})}))),l__namespace.default.createElement($__namespace.Portal,null,l__namespace.default.createElement($__namespace.Content,{className:"w-[--radix-popover-trigger-width] p-1 bg-white rounded-md shadow-lg border z-20",sideOffset:5},l__namespace.default.createElement("div",{className:"max-h-60 overflow-auto flex flex-col items-start"},ee.length>0?ee.map(({label:v,value:te})=>l__namespace.default.createElement(X,{key:te,label:v,value:te,onChange:Ke})):l__namespace.default.createElement(p,{variant:"label-default",className:"text-text-secondary"},f||"No results found")))))),l__namespace.default.createElement("div",{className:"flex flex-col gap-1 pt-2"},x&&l__namespace.default.createElement(p,{variant:"label-default",color:"tertiary-20"},x),l__namespace.default.createElement("div",{className:"flex flex-wrap gap-2"},fe.map(v=>l__namespace.default.createElement(D,{key:v.value,onClose:()=>Ge(v.value)},v.label)))))};var $e=l__namespace.default.forwardRef(({items:e,defaultValue:o,className:t="",onChange:i},r)=>l__namespace.default.createElement(O__namespace.Root,{defaultValue:o||e[0]?.value,onValueChange:i,className:t},l__namespace.default.createElement(O__namespace.List,{ref:r,className:"flex gap-8 border-b border-stroke mb-8"},e.map(s=>l__namespace.default.createElement(O__namespace.Trigger,{key:s.value,value:s.value,className:"group pb-4 relative flex-1"},l__namespace.default.createElement(p,{variant:["sm:body-lg-semibold","body-default-semibold"],color:"text-secondary",className:"group-data-[state=active]:text-text-primary transition-colors sm:text-inherit"},s.label),l__namespace.default.createElement("div",{className:"absolute bottom-0 left-0 right-0 h-1 bg-primary-100 scale-x-0 group-data-[state=active]:scale-x-100 transition-transform"})))),e.map(s=>l__namespace.default.createElement(O__namespace.Content,{key:s.value,value:s.value},s.content))));$e.displayName="Tabs";var ft=({socialIconName:e,tags:o,caption:t,playCount:i,backgroundImage:r})=>l__namespace.default.createElement("div",{className:"flex flex-col justify-between p-4 sm:w-[292px] sm:h-[403px] w-[240px] h-[350px] rounded-2xl relative overflow-hidden",style:{backgroundColor:"#e7e7e7",backgroundImage:`url(${r})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}},l__namespace.default.createElement("div",{className:"flex justify-between items-center"},l__namespace.default.createElement("div",{className:"flex items-center justify-center bg-overlay h-10 w-10 rounded-full"},l__namespace.default.createElement(u,{name:e,size:20,color:"white"})),l__namespace.default.createElement("div",{className:"flex gap-2 items-center"},o.map((s,n)=>l__namespace.default.createElement(D,{key:n,color:"text"},s)))),l__namespace.default.createElement("div",{className:"flex flex-col gap-1 p-2 rounded-lg bg-overlay"},l__namespace.default.createElement(p,{variant:"body-default-medium",className:"text-white"},t),l__namespace.default.createElement("div",{className:"flex gap-2"},l__namespace.default.createElement(u,{name:"play",size:16,color:"white"}),l__namespace.default.createElement(p,{variant:"body-xs-medium",className:"text-white"},i))));var ut={black:"bg-text-primary text-white",accent:"bg-primary-100 text-white",secondary:"bg-secondary-100 text-secondary"},Te={black:"border border-text-primary text-text-primary",accent:"border border-primary-100 text-primary-100",secondary:"border border-text-secondary text-secondary"},ie=l__namespace.forwardRef(({className:e,variant:o="filled",color:t="black",isLoading:i=!1,children:r,disabled:s,...n},d)=>l__namespace.createElement("button",{ref:d,className:c(`
+'use strict';var x=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),ne=require('@radix-ui/react-popover'),be=require('@radix-ui/react-collapsible'),icons=require('@deckai/icons'),U=require('@radix-ui/react-dropdown-menu'),te=require('@radix-ui/react-tabs'),ee=require('@radix-ui/react-toast'),J=require('@radix-ui/react-accordion'),Re=require('@radix-ui/react-progress'),$=require('@radix-ui/react-tooltip'),je=require('@radix-ui/react-switch'),W=require('@radix-ui/react-dialog'),Ke=require('@radix-ui/react-scroll-area'),So=require('tailwindcss-animate');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var x__namespace=/*#__PURE__*/_interopNamespace(x);var ne__namespace=/*#__PURE__*/_interopNamespace(ne);var be__namespace=/*#__PURE__*/_interopNamespace(be);var U__namespace=/*#__PURE__*/_interopNamespace(U);var te__namespace=/*#__PURE__*/_interopNamespace(te);var ee__namespace=/*#__PURE__*/_interopNamespace(ee);var J__namespace=/*#__PURE__*/_interopNamespace(J);var Re__namespace=/*#__PURE__*/_interopNamespace(Re);var $__namespace=/*#__PURE__*/_interopNamespace($);var je__namespace=/*#__PURE__*/_interopNamespace(je);var W__namespace=/*#__PURE__*/_interopNamespace(W);var Ke__namespace=/*#__PURE__*/_interopNamespace(Ke);var So__default=/*#__PURE__*/_interopDefault(So);var lt=(e,o)=>{let t=Object.keys(e),r=["bg","text","border","ring","divide","outline"];t.forEach(n=>{typeof e[n]=="object"?Object.keys(e[n]).forEach(f=>{}):r.forEach(f=>{});}),Object.entries(o).forEach(([n,f])=>{Object.keys(f).forEach(b=>{});});let a=["sm","md","lg","xl","2xl"],l=Object.entries(o).flatMap(([n,f])=>Object.keys(f).map(b=>`text-${n}-${b}`)),d=l.flatMap(n=>a.map(f=>`${f}:${n}`));return [...l,...d]},D="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";function p(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var N=x__namespace.default.forwardRef(({children:e,type:o="button",className:t,disabled:r,...i},s)=>x__namespace.default.createElement("button",{ref:s,type:o,disabled:r,className:p("appearance-none hover:opacity-80 transition-all active:scale-95",D,r&&"opacity-50 cursor-not-allowed",t),...i},e));N.displayName="Pressable";var Rt={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},jt=e=>{if(!e)return {width:"48px",height:"48px"};let o=Array.isArray(e)?e:[e],t={},r;return o.forEach(i=>{if(typeof i=="number")r=`${i}px`;else {let[s,a]=i.split(":"),l=parseInt(a,10);t[`@media (minWidth: ${Rt[s]})`]=`${l}px`;}}),{width:r||"48px",height:r||"48px",...Object.entries(t).reduce((i,[s,a])=>({...i,[s]:{width:a,height:a}}),{})}},_e=({src:e,size:o=48,onClick:t,...r})=>{let i=jt(o),s=e?x__namespace.default.createElement("img",{src:e,alt:"avatar",className:"rounded-full",style:i,...r}):x__namespace.default.createElement("div",{style:i,className:"rounded-full bg-gray-200"});return t?x__namespace.default.createElement(N,{onClick:t,...r},s):s};var pt={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB",disabled:"#888888"},Dt={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},zt=e=>{if(!e)return {width:"24px",height:"24px"};let o=Array.isArray(e)?e:[e],t={},r;return o.forEach(i=>{if(typeof i=="number")r=`${i}px`;else {let[s,a]=i.split(":"),l=parseInt(a,10);t[`@media (min-width: ${Dt[s]})`]=`${l}px`;}}),{width:r||"24px",height:r||"24px",...Object.entries(t).reduce((i,[s,a])=>({...i,[s]:{width:a,height:a}}),{})}},u=x__namespace.default.forwardRef(({name:e,size:o=24,color:t="primary",title:r,className:i,style:s={},...a},l)=>{let d=icons.IconMap[e],n=zt(o);return x__namespace.default.createElement("div",{className:p("flex justify-center items-center",i),style:{...n,"--icon-stroke":pt[t],...s}},x__namespace.default.createElement(d,{ref:l,"aria-hidden":!r,"aria-label":r,stroke:e.includes("filled")?void 0:pt[t],...a}))});u.displayName="Icon";var we=({className:e,end:o,iconName:t,color:r,size:i,title:s,label:a,labelClassName:l,id:d,children:n,forceShowFocusRing:f,...b})=>x__namespace.createElement("div",{className:"py-2"},a&&x__namespace.createElement("label",{htmlFor:d,className:p("block text-sm font-medium text-text-primary",l)},a),x__namespace.createElement("div",{className:p("relative flex flex-col gap-2 w-full rounded-lg border border-secondary-50 bg-background-0 px-3 md:py-3 py-2 text-secondary ring-offset-background disabled:opacity-50",{"ring-2 ring-primary ring-offset-2":f,"focus-within:ring-2 focus-within:ring-primary focus-within:ring-offset-2":!f})},x__namespace.createElement("div",{className:"flex relative"},x__namespace.createElement("input",{id:d,className:p("font-sans lg:text-body-default text-xs flex w-full file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-secondary text-text disabled:cursor-not-allowed md:text-md focus:outline-none",o&&"pr-10",e),...b}),o&&x__namespace.createElement("div",{className:"absolute inset-y-0 right-0 flex items-center"},t?x__namespace.createElement(u,{name:t,color:r,size:i,title:s}):o)),n));var Vt={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},$t=e=>{let[o,t]=e.split("-");return o==="heading"?Vt[t]||"p":o==="label"?"label":"p"},Wt={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},Zt=e=>e?(Array.isArray(e)?e:[e]).map(t=>{if(t.includes(":")){let[r,i]=t.split(":");return `${r}:text-${i}`}return `text-${t}`}).join(" "):"text-body-default",m=x__namespace.default.forwardRef(({variant:e="body-default",color:o="primary",as:t,className:r,children:i,weight:s,...a},l)=>{let d=Zt(e),n=o==="inherit"?"text-inherit":`text-text-${o}`,f=x__namespace.default.useMemo(()=>{let h=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return $t(h)},[e]);return x__namespace.default.createElement(t||f,{ref:l,className:`font-sans antialiased ${d} ${n} ${s?`!${Wt[s]}`:""} ${r??""}`,...a},i)});m.displayName="Text";var fe=({value:e,label:o,onChange:t,selected:r,color:i,disabled:s,className:a})=>x__namespace.default.createElement("button",{type:"button",disabled:s,className:p("relative w-full text-left px-2 py-1.5 text-sm rounded","cursor-pointer hover:bg-gray-100","disabled:opacity-50 disabled:cursor-not-allowed",r&&"bg-gray-100","flex items-center gap-2",D,a),onClick:()=>{t?.(e);}},x__namespace.default.createElement(m,{variant:"body-default-medium",color:i==="danger"?"danger":"inherit"},o));var qe=({options:e,placeholder:o="Select an item...",value:t,onChange:r,end:i,className:s,label:a,labelClassName:l,id:d,disabled:n,container:f})=>{let[b,h]=x.useState(!1),[P,M]=x.useState(""),[T,C]=x.useState({}),g=x.useMemo(()=>e.length>0&&"options"in e[0],[e]),L=x.useMemo(()=>g?e.reduce((v,S)=>[...v,...S.options],[]):e,[g,e]),E=x.useMemo(()=>t===void 0?"":L.find(S=>S.value===t)?.label?.toString()||"",[t,L]),A=x.useMemo(()=>{if(!g){let v=e.filter(S=>P&&typeof S.label=="string"?S.label.toLowerCase().includes(P.toLowerCase()):!0);return v.length>0?[{label:"",options:v}]:[]}return e.map(v=>({...v,options:v.options.filter(S=>P&&typeof S.label=="string"?S.label.toLowerCase().includes(P.toLowerCase()):!0)})).filter(v=>v.options.length>0)},[g,e,P]),G=x.useCallback(v=>{r(v),h(!1),M("");},[r]),K=x.useCallback(v=>{C(S=>({...S,[v]:!S[v]}));},[]);return x__namespace.default.useEffect(()=>{if(g){let v=e.reduce((S,O)=>({...S,[O.label]:!0}),{});C(v);}},[g,e]),x__namespace.default.createElement(ne__namespace.Root,{open:b&&!n,onOpenChange:v=>{n||(h(v),v||M(""));}},x__namespace.default.createElement("div",{className:`relative w-full font-sans text-text-secondary ${s}`},x__namespace.default.createElement(ne__namespace.Trigger,{asChild:!0},x__namespace.default.createElement("button",{type:"button",className:"w-full text-left",disabled:n},x__namespace.default.createElement(we,{id:d,label:a,labelClassName:l,placeholder:o,value:E,onChange:v=>M(v.target.value),end:i,className:"flex-1",forceShowFocusRing:b,disabled:n}))),x__namespace.default.createElement(ne__namespace.Portal,{container:f},x__namespace.default.createElement(ne__namespace.Content,{className:"w-[--radix-popover-trigger-width] p-1 bg-white rounded-md shadow-lg border mt-1 z-[9999] data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out",sideOffset:5,side:"bottom",align:"start"},x__namespace.default.createElement("div",{className:"max-h-60 overflow-auto flex flex-col items-start"},A.length>0?A.map((v,S)=>x__namespace.default.createElement(be__namespace.Root,{key:v.label||S,className:"w-full",open:T[v.label]??!0,onOpenChange:()=>v.label&&K(v.label)},v.label&&x__namespace.default.createElement(be__namespace.Trigger,{asChild:!0},x__namespace.default.createElement("button",{className:"w-full flex items-center justify-between px-2 py-1.5 hover:bg-gray-50"},x__namespace.default.createElement(m,{variant:"body-default-bold",color:"secondary"},v.label),x__namespace.default.createElement(u,{name:"arrow-down",className:p("transition-transform",T[v.label]&&"rotate-180"),size:16}))),x__namespace.default.createElement(be__namespace.Content,{className:"data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up"},v.options.map((O,ge)=>x__namespace.default.createElement(fe,{onChange:G,value:O.value,key:`${S}-${ge}`,label:O.label,className:"pl-4"}))))):x__namespace.default.createElement("div",{className:"px-2 py-1.5 text-sm text-gray-500"},"No results found"))))))};var et=({className:e})=>x__namespace.default.createElement("div",{className:p("lg:w-[76px] lg:h-[25px] w-[58px] h-[19px]",e)},x__namespace.default.createElement("svg",{width:"100%",height:"100%",viewBox:"0 0 76 25",fill:"none",xmlns:"http://www.w3.org/2000/svg"},x__namespace.default.createElement("path",{d:"M0.8 15.584C0.8 13.9413 1.12 12.4693 1.76 11.168C2.4 9.84533 3.27467 8.8 4.384 8.032C5.49333 7.264 6.77333 6.88 8.224 6.88C9.39733 6.88 10.464 7.168 11.424 7.744C12.384 8.29867 13.1093 9.03467 13.6 9.952V0.639999H18.72V18.304C18.72 18.816 18.8053 19.1787 18.976 19.392C19.1467 19.584 19.424 19.7013 19.808 19.744V24C18.912 24.1707 18.1867 24.256 17.632 24.256C16.7573 24.256 16.0427 24.064 15.488 23.68C14.9547 23.296 14.624 22.7627 14.496 22.08L14.4 21.216C13.8027 22.2613 12.992 23.04 11.968 23.552C10.944 24.064 9.86667 24.32 8.736 24.32C7.584 24.32 6.51733 24.1067 5.536 23.68C4.576 23.232 3.73333 22.6133 3.008 21.824C2.304 21.0347 1.76 20.1067 1.376 19.04C0.992 17.9733 0.8 16.8213 0.8 15.584ZM13.632 17.664V14.144C13.4187 13.568 13.1093 13.0667 12.704 12.64C12.32 12.2133 11.872 11.872 11.36 11.616C10.8693 11.36 10.368 11.232 9.856 11.232C9.30133 11.232 8.78933 11.3493 8.32 11.584C7.872 11.8187 7.47733 12.1493 7.136 12.576C6.79467 12.9813 6.528 13.4507 6.336 13.984C6.16533 14.5173 6.08 15.0827 6.08 15.68C6.08 16.2987 6.176 16.8747 6.368 17.408C6.58133 17.92 6.86933 18.3787 7.232 18.784C7.59467 19.168 8.02133 19.4667 8.512 19.68C9.00267 19.8933 9.536 20 10.112 20C10.4747 20 10.8267 19.9467 11.168 19.84C11.5093 19.712 11.8293 19.552 12.128 19.36C12.448 19.168 12.736 18.9227 12.992 18.624C13.248 18.3253 13.4613 18.0053 13.632 17.664ZM30.0895 24.32C28.6602 24.32 27.3908 24.096 26.2815 23.648C25.1722 23.1787 24.2228 22.5493 23.4335 21.76C22.6655 20.9707 22.0788 20.064 21.6735 19.04C21.2682 17.9947 21.0655 16.9067 21.0655 15.776C21.0655 14.1547 21.4175 12.6827 22.1215 11.36C22.8468 10.016 23.8815 8.93867 25.2255 8.128C26.5695 7.296 28.1908 6.88 30.0895 6.88C31.9882 6.88 33.5988 7.28533 34.9215 8.096C36.2655 8.90667 37.2895 9.97333 37.9935 11.296C38.6975 12.5973 39.0495 14.016 39.0495 15.552C39.0495 15.8507 39.0282 16.1493 38.9855 16.448C38.9642 16.7253 38.9428 16.9707 38.9215 17.184H26.5055C26.5695 17.9307 26.7722 18.56 27.1135 19.072C27.4762 19.584 27.9348 19.9787 28.4895 20.256C29.0442 20.512 29.6308 20.64 30.2495 20.64C31.0175 20.64 31.7322 20.4587 32.3935 20.096C33.0762 19.7333 33.5455 19.2427 33.8015 18.624L38.1535 19.84C37.7268 20.7147 37.1188 21.4933 36.3295 22.176C35.5615 22.8373 34.6442 23.36 33.5775 23.744C32.5322 24.128 31.3695 24.32 30.0895 24.32ZM26.3775 14.048H33.6735C33.5882 13.344 33.3855 12.736 33.0655 12.224C32.7455 11.6907 32.3188 11.2853 31.7855 11.008C31.2522 10.7093 30.6655 10.56 30.0255 10.56C29.3642 10.56 28.7668 10.7093 28.2335 11.008C27.7215 11.2853 27.3055 11.6907 26.9855 12.224C26.6655 12.736 26.4628 13.344 26.3775 14.048ZM48.762 24.32C47.3327 24.32 46.0633 24.0853 44.954 23.616C43.8447 23.1467 42.8953 22.5067 42.106 21.696C41.338 20.8853 40.7513 19.9573 40.346 18.912C39.9407 17.8667 39.738 16.7573 39.738 15.584C39.738 14.048 40.09 12.6187 40.794 11.296C41.5193 9.97333 42.554 8.90667 43.898 8.096C45.242 7.28533 46.8633 6.88 48.762 6.88C50.682 6.88 52.3033 7.296 53.626 8.128C54.97 8.93867 55.9727 10.0053 56.634 11.328L51.642 12.832C51.322 12.32 50.906 11.9253 50.394 11.648C49.9033 11.3707 49.3487 11.232 48.73 11.232C48.026 11.232 47.386 11.4133 46.81 11.776C46.2553 12.1387 45.8073 12.64 45.466 13.28C45.146 13.92 44.986 14.688 44.986 15.584C44.986 16.4587 45.1567 17.2267 45.498 17.888C45.8393 18.5493 46.2873 19.072 46.842 19.456C47.3967 19.8187 48.026 20 48.73 20C49.1567 20 49.5513 19.936 49.914 19.808C50.298 19.6587 50.6393 19.456 50.938 19.2C51.258 18.944 51.5033 18.656 51.674 18.336L56.666 19.872C56.2607 20.7253 55.674 21.4933 54.906 22.176C54.1593 22.8373 53.274 23.36 52.25 23.744C51.226 24.128 50.0633 24.32 48.762 24.32ZM69.636 24L65.252 17.28L63.46 19.104V24H58.34V0.639999H63.46V14.144L69.156 7.2H74.564L68.516 14.432L75.076 24H69.636Z",fill:"#080808"})));var ot=({iconName:e,hasNotification:o,color:t,title:r,...i})=>(console.log({hasNotification:o}),x__namespace.default.createElement(N,{className:"relative lg:px-7 md:px-5 py-3",...i},x__namespace.default.createElement(u,{name:e,color:t,title:r}),o&&x__namespace.default.createElement("div",{className:"w-3 h-3 bg-red-500 rounded-full absolute top-3 right-5"})));var Ae=x__namespace.forwardRef(({trigger:e,items:o,className:t,onSelect:r,align:i="end"},s)=>{let a=x__namespace.useCallback(l=>{r?.(l);},[r]);return x__namespace.createElement(U__namespace.Root,null,x__namespace.createElement(U__namespace.Trigger,{asChild:!0},e),x__namespace.createElement(U__namespace.Portal,null,x__namespace.createElement(U__namespace.Content,{ref:s,align:i,sideOffset:8,className:p("z-50 min-w-[220px]","bg-white rounded-lg p-1","shadow-lg border border-gray-100","animate-in fade-in-0 zoom-in-95",t)},o.map(l=>x__namespace.createElement(U__namespace.Item,{key:l.value,disabled:l.disabled,onSelect:()=>a(l.value),className:"outline-none",asChild:!0},x__namespace.createElement(fe,{...l,className:"py-3 px-6",onChange:a}))))))});Ae.displayName="Dropdown";var Ft=({searchOptions:e,onSearchChange:o,navbarItems:t,onLogoClick:r,profileMenuItems:i,onProfileMenuSelect:s,avatarImage:a})=>x__namespace.default.createElement("div",{className:"flex py-6 lg:px-10 md:px-5 px-6 justify-between md:gap-6 gap-3 sm:relative sticky top-0"},x__namespace.default.createElement("div",{className:"flex flex-1 md:gap-6 gap-3 items-center"},x__namespace.default.createElement(N,{onClick:r,title:"Deck AI"},x__namespace.default.createElement(et,null)),x__namespace.default.createElement(qe,{options:e,placeholder:"Search for a creator, type of content, or platform...",end:x__namespace.default.createElement(u,{name:"search-normal",size:["lg:24",18]}),onChange:o,className:"flex-1 max-w-lg"})),x__namespace.default.createElement("div",{className:"flex gap-4"},x__namespace.default.createElement("div",{className:"md:flex hidden gap-2 border-b-2 border-stroke items-center"},t.map(({iconName:l,title:d,onClick:n})=>x__namespace.default.createElement(ot,{key:d,iconName:l,title:d,onClick:n}))),x__namespace.default.createElement("div",{className:"flex"},x__namespace.default.createElement(Ae,{items:i,onSelect:s,trigger:x__namespace.default.createElement(N,null,x__namespace.default.createElement(_e,{src:a,size:["sm:48",40]}))}))));var he=({children:e,color:o="inherit",variant:t="body-default-semibold",href:r,className:i,...s})=>x__namespace.default.createElement(m,{variant:t,color:o},x__namespace.default.createElement("a",{href:r,className:p("hover:opacity-80 transition-all ease-in-out active:scale-95 hover:underline",D,i),...s},e));var ue=({children:e,color:o="primary",className:t,onClose:r,...i})=>{let[s,a]=x.useState(!1),l=x.useCallback(()=>{a(!0);},[]),d=x.useCallback(()=>{a(!1);},[]),n=x__namespace.default.createElement("div",{className:p("flex gap-2",r?"justify-between items-center":"items-center justify-center","hover:bg-primary-100 rounded bg-secondary-400 px-2 py-1 sm:px-3 sm:py-1.5 h-min hover:text-white",o==="primary"?"text-primary-100":"text-text",t),onMouseEnter:l,onMouseLeave:d},typeof e=="string"?x__namespace.default.createElement(m,{color:"inherit",variant:["md:body-default-medium","body-xxs-medium"],className:"truncate pt-0.5"},e):e,r&&x__namespace.default.createElement(N,{...i,onClick:r,className:"flex items-center justify-center"},x__namespace.default.createElement(u,{name:"close",size:10,color:s?"white":"primaryBlue"})));return r?n:x__namespace.default.createElement(N,{...i},n)};var gt=e=>typeof e=="boolean"?`${e}`:e===0?"0":e,bt=clsx.clsx,ht=(e,o)=>t=>{var r;if(o?.variants==null)return bt(e,t?.class,t?.className);let{variants:i,defaultVariants:s}=o,a=Object.keys(i).map(n=>{let f=t?.[n],b=s?.[n];if(f===null)return null;let h=gt(f)||gt(b);return i[n][h]}),l=t&&Object.entries(t).reduce((n,f)=>{let[b,h]=f;return h===void 0||(n[b]=h),n},{}),d=o==null||(r=o.compoundVariants)===null||r===void 0?void 0:r.reduce((n,f)=>{let{class:b,className:h,...P}=f;return Object.entries(P).every(M=>{let[T,C]=M;return Array.isArray(C)?C.includes({...s,...l}[T]):{...s,...l}[T]===C})?[...n,b,h]:n},[]);return bt(e,a,d,t?.class,t?.className)};var Xt=ht("animate-spin rounded-full border-current border-t-transparent",{variants:{size:{sm:"h-4 w-4 border-3",md:"h-6 w-6 border-4",lg:"h-8 w-8 border-8"}},defaultVariants:{size:"md"}}),He=x__namespace.forwardRef(({size:e,className:o,customSize:t,...r},i)=>{let s=t?{width:t,height:t,borderWidth:Math.max(2,Math.floor(t/16))}:{};return x__namespace.createElement("div",{role:"status","aria-label":"Loading",ref:i,className:p(Xt({size:e}),"text-primary-100",o),style:s,...r},x__namespace.createElement("span",{className:"sr-only"},"Loading..."))});He.displayName="Spinner";var _t=({options:e,selectedValues:o,onSelectionChange:t,placeholder:r="Select items...",className:i,label:s,labelClassName:a,id:l,maxSelections:d,disabled:n,noOptionsMessage:f,loading:b,errorMessage:h,container:P})=>{let[M,T]=x.useState(!1),[C,g]=x.useState(""),[L,E]=x.useState({});x__namespace.default.useEffect(()=>{g("");},[o]);let A=x.useMemo(()=>e.length>0&&"options"in e[0],[e]),G=x.useMemo(()=>A?e.reduce((c,k)=>[...c,...k.options],[]):e,[A,e]),K=x.useMemo(()=>{if(!A){let c=e.filter(k=>!o.includes(k.value)&&(typeof k.label=="string"?k.label.toLowerCase().includes(C.toLowerCase()):typeof k.label=="number"?k.label.toString().includes(C):!1));return c.length>0?[{label:"",options:c}]:[]}return e.map(c=>({...c,options:c.options.filter(k=>!o.includes(k.value)&&(typeof k.label=="string"?k.label.toLowerCase().includes(C.toLowerCase()):typeof k.label=="number"?k.label.toString().includes(C):!1))})).filter(c=>c.options.length>0)},[A,e,o,C]),v=x.useMemo(()=>G.filter(c=>o.includes(c.value)),[G,o]),S=x.useCallback(c=>{(!d||o.length<d)&&(t([...o,c]),g(""));},[d,t,o]),O=x.useCallback(c=>{t(o.filter(k=>k!==c)),g("");},[t,o]),ge=x.useCallback(c=>{E(k=>({...k,[c]:!k[c]}));},[]);return x__namespace.default.useEffect(()=>{if(A){let c=e.reduce((k,Q)=>({...k,[Q.label]:!0}),{});E(c);}},[A,e]),x__namespace.default.createElement("div",{className:"py-2"},x__namespace.default.createElement(ne__namespace.Root,{open:M&&!n,onOpenChange:c=>{n||(T(c),c||g(""));}},x__namespace.default.createElement("div",{className:`relative w-full font-sans text-text-secondary ${i}`},s&&x__namespace.default.createElement("div",{className:"flex justify-between items-center mb-1"},x__namespace.default.createElement(m,{variant:"label-default",className:a},s),d&&x__namespace.default.createElement(m,{variant:"body-xxs-medium",color:"secondary"},x__namespace.default.createElement(m,{as:"span",variant:"body-xxs-medium"},o.length),"/",d)),x__namespace.default.createElement(ne__namespace.Trigger,{asChild:!0},x__namespace.default.createElement("div",{className:"relative flex-1"},x__namespace.default.createElement(we,{id:l,placeholder:d&&o.length>=d?`Maximum ${d} items selected`:r,value:C,onChange:c=>g(c.target.value),className:"flex-1 bg-background-0",disabled:n||!!d&&o.length>=d,end:b?x__namespace.default.createElement(He,{size:"sm"}):x__namespace.default.createElement(u,{name:"search-normal",size:["lg:24",18]}),forceShowFocusRing:M},v.length>0?x__namespace.default.createElement("div",{className:"flex flex-wrap gap-2"},v.map(c=>x__namespace.default.createElement(ue,{key:c.value,onClose:()=>O(c.value)},c.label))):null))),x__namespace.default.createElement(ne__namespace.Portal,{container:P},x__namespace.default.createElement(ne__namespace.Content,{className:"w-[--radix-popover-trigger-width] p-1 bg-white rounded-md shadow-lg border z-[9999] data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out",sideOffset:5,side:"bottom",align:"start"},x__namespace.default.createElement("div",{className:"max-h-60 overflow-auto flex flex-col items-start"},K.length>0?K.map((c,k)=>x__namespace.default.createElement(be__namespace.Root,{key:c.label||k,className:"w-full",open:L[c.label]??!0,onOpenChange:()=>c.label&&ge(c.label)},c.label&&x__namespace.default.createElement(be__namespace.Trigger,{asChild:!0},x__namespace.default.createElement("button",{className:"w-full flex items-center justify-between px-2 py-1.5 hover:bg-gray-50"},x__namespace.default.createElement(m,{variant:"body-default-bold",color:"secondary"},c.label),x__namespace.default.createElement(u,{name:"arrow-down",className:p("transition-transform",L[c.label]&&"rotate-180"),size:16}))),x__namespace.default.createElement(be__namespace.Content,{className:"data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up"},c.options.map((Q,B)=>x__namespace.default.createElement(fe,{key:`${k}-${B}`,label:Q.label,value:Q.value,onChange:S,className:"pl-4"}))))):x__namespace.default.createElement(m,{variant:"label-default",className:"text-text-secondary"},f||"No results found")))))),h&&x__namespace.default.createElement(m,{variant:"label-default",color:"danger",className:"mt-2"},h))};var Qt={black:"bg-text-text text-white",accent:"bg-primary-100 text-white",secondary:"bg-secondary-100 text-secondary"},st={black:"border border-text text-text",accent:"border border-primary-100 text-primary-100",secondary:"border border-text-secondary text-secondary"},Y=x__namespace.forwardRef(({className:e,variant:o="filled",color:t="black",isLoading:r=!1,children:i,disabled:s,...a},l)=>x__namespace.createElement("button",{ref:l,className:p(`
           sm:px-7 px-4
           py-2
           inline-flex items-center justify-center
@@ -6,7 +6,114 @@
           transition-colors duration-200
           disabled:opacity-50 disabled:pointer-events-none
           hover:opacity-80 active:scale-95 
-          truncate`,k,o==="filled"?ut[t]:Te[t],e),disabled:s||i,type:"button",...n},typeof r=="string"?l__namespace.createElement(p,{variant:["sm:body-default-bold","body-xxs-semibold"],color:"inherit"},r):r));ie.displayName="Button";var K=({className:e,onClick:o})=>l__namespace.default.createElement(y,{className:c("absolute lg:top-10 md:top-8 top-4 lg:right-10 md:right-8 right-4 lg:px-2 lg:py-2 px-1 py-1 rounded-lg",Te.black,e),onClick:o},l__namespace.default.createElement(u,{color:"primary",name:"edit-2"}));K.displayName="EditButton";var xt=({className:e,src:o=bt})=>l__namespace.default.createElement("div",{className:c("lg:w-[150px] lg:h-[150px] md:w-[100px] md:h-[100px] w-[150px] h-[150px]",e)},o),bt=`
+          truncate`,D,o==="filled"?Qt[t]:st[t],e),disabled:s||r,type:"button",...a},typeof i=="string"?x__namespace.createElement(m,{variant:["sm:body-default-bold","body-xxs-semibold"],color:"inherit"},i):i));Y.displayName="Button";var vt=x__namespace.default.forwardRef(({items:e,defaultValue:o,className:t="",onChange:r,variant:i="default"},s)=>{let[a,l]=x__namespace.default.useState(o||e[0]?.value),d=x.useCallback(n=>{r?.(n),l(n);},[r]);return x__namespace.default.createElement(te__namespace.Root,{defaultValue:o||e[0]?.value,onValueChange:d,className:t},x__namespace.default.createElement(te__namespace.List,{ref:s,className:p("flex",i==="default"?"gap-8 border-b border-stroke mb-4":"gap-4 justify-center flex")},e.map(n=>i==="default"?x__namespace.default.createElement(te__namespace.Trigger,{key:n.value,value:n.value,className:"group relative flex-1 pb-4"},x__namespace.default.createElement(m,{variant:["sm:body-md","body-default-semibold"],color:"secondary",className:"group-data-[state=active]:text-text transition-colors sm:text-inherit"},n.label),x__namespace.default.createElement("div",{className:"absolute bottom-0 left-0 right-0 h-1 bg-primary-100 scale-x-0 group-data-[state=active]:scale-x-100 transition-transform"})):x__namespace.default.createElement(te__namespace.Trigger,{key:n.value,value:n.value,asChild:!0},x__namespace.default.createElement(Y,{variant:"filled",color:n.value===a?"black":"secondary",className:"py-3"},n.label)))),e.map(n=>x__namespace.default.createElement(te__namespace.Content,{key:n.value,value:n.value},n.content)))});vt.displayName="Tabs";var xe=({icon:e,size:o=40,className:t})=>{let r=x.useMemo(()=>{let a=new DOMParser().parseFromString(e,"image/svg+xml").querySelector("svg");if(!a)return null;a.setAttribute("width","100%"),a.setAttribute("height","100%"),a.setAttribute("preserveAspectRatio","xMidYMid meet");let l=a.getAttribute("viewBox")||"0 0 40 40";return a.setAttribute("viewBox",l),a.outerHTML},[e]);return r?x__namespace.default.createElement("div",{style:{width:o,height:o,display:"flex",alignItems:"center",justifyContent:"center"},className:t,dangerouslySetInnerHTML:{__html:r}}):null};xe.displayName="IconRenderer";var Jt=({onClick:e,backgroundImage:o=eo})=>x__namespace.default.createElement("div",{className:"bg-secondary-500 relative flex flex-col gap-2 items-center justify-center sm:w-[227px] sm:h-[371px] w-[148px] h-[234px] rounded-2xl overflow-hidden ",style:{backgroundImage:` url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg' shape-rendering='crispEdges'%3e%3crect width='100%25' height='100%25' fill='none' rx='14' ry='14' stroke='%23089CCB' stroke-width='6' stroke-dasharray='48%2c 48' stroke-dashoffset='32' stroke-linecap='square'/%3e%3c/svg%3e")`}},x__namespace.default.createElement(m,{variant:"body-lg-semibold",className:"text-center"},"Add Work"),x__namespace.default.createElement(Y,{color:"accent",variant:"filled",className:"!px-3 !py-3",onClick:e},x__namespace.default.createElement(u,{name:"add",color:"white"})),x__namespace.default.createElement(xe,{icon:o,size:140,className:"absolute bottom-5 right-5"})),eo=`
+  <svg
+    width="142"
+    height="125"
+    viewBox="0 0 142 125"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M71.5547 102.032C79.4023 93.5129 89.9353 89.6444 98.7438 92.479C100.796 93.1396 103.961 94.5522 107.135 97.8417C116.801 92.7348 126.513 93.1456 131.303 98.177C135.066 102.129 136.181 109.339 133.485 113.093C129.692 118.375 116.094 119.974 71.5547 102.032Z"
+      stroke="#666666"
+      stroke-width="0.133287"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M6.55596 119.585C6.55596 119.585 115.773 130.642 132.466 119.59C149.158 108.539 95.3777 95.2427 74.0623 97.4889C52.747 99.7351 43.7256 109.377 28.8999 106.428C14.0743 103.478 -9.92027 116.734 6.55596 119.585Z"
+      fill="white"
+      stroke="#666666"
+      stroke-width="0.133287"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M139.779 6.88037L141 1.7254C141 1.7254 137.087 -1.03175 136.46 1.7254L135.914 4.12255C136.913 4.86995 137.925 5.55389 139.02 6.33001C139.269 6.52704 139.522 6.70938 139.779 6.88037Z"
+      fill="#080808"
+      stroke="#666666"
+      stroke-width="0.0666433"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M136.899 9.35082C137.687 9.62333 138.432 9.67075 139.145 9.56188L139.78 6.8802C139.521 6.70778 139.268 6.52441 139.022 6.3305C137.926 5.55372 136.914 4.87044 135.916 4.12305L135.02 8.06041C135.523 8.66287 136.186 9.10636 136.899 9.35082Z"
+      fill="white"
+      stroke="#666666"
+      stroke-width="0.133287"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M136.897 9.35096C136.184 9.1065 135.521 8.66301 135.017 8.06055L116.969 87.3661L120.065 90.1139L139.142 9.56269C138.43 9.67022 137.686 9.62347 136.897 9.35096Z"
+      fill="white"
+      stroke="#666666"
+      stroke-width="0.133287"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M116.087 88.6451C116.087 88.6451 111.491 93.6852 112.668 101.034C113.846 108.382 111.281 109.928 111.449 110.63C111.617 111.332 117.413 108.826 118.824 104.017C120.235 99.2082 121.706 92.9826 120.235 88.9103C117.628 88.1141 116.087 88.6451 116.087 88.6451Z"
+      fill="#080808"
+      stroke="#666666"
+      stroke-width="0.0666433"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M116.976 86.4168C115.891 86.2111 115.454 88.5969 115.751 89.2695C116.047 89.9421 120.478 91.1463 121.127 89.8539C121.774 88.5615 121.493 88.6958 121.214 88.0619C120.935 87.4281 118.061 86.6225 116.976 86.4168Z"
+      fill="white"
+      stroke="#666666"
+      stroke-width="0.133287"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M97.9297 64.584H107.884V74.3202H97.9297V64.584Z"
+      fill="#080808"
+      stroke="#666666"
+      stroke-width="0.0666433"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M101.461 58.9668H112.104V69.4517H101.461V58.9668Z"
+      fill="white"
+      stroke="#666666"
+      stroke-width="0.133287"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M135.629 91.1991C137.878 91.1991 139.7 89.1695 139.7 86.666C139.7 84.1624 137.878 82.1328 135.629 82.1328C133.381 82.1328 131.559 84.1624 131.559 86.666C131.559 89.1695 133.381 91.1991 135.629 91.1991Z"
+      fill="#089CCB"
+      stroke="#080808"
+      stroke-width="0.133287"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M105.77 50.6441C107.46 50.6441 108.83 49.1188 108.83 47.2371C108.83 45.3555 107.46 43.8301 105.77 43.8301C104.081 43.8301 102.711 45.3555 102.711 47.2371C102.711 49.1188 104.081 50.6441 105.77 50.6441Z"
+      fill="#080808"
+      stroke="#666666"
+      stroke-width="0.0666433"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+`;var to=({socialIconName:e,tags:o,caption:t,playCount:r,backgroundImage:i,onClick:s})=>x__namespace.default.createElement(N,{onClick:s},x__namespace.default.createElement("div",{className:"flex flex-col justify-between p-4 sm:w-[227px] sm:h-[371px] w-[148px] h-[234px] rounded-2xl relative overflow-hidden",style:{backgroundColor:"#e7e7e7",backgroundImage:`url(${i})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}},x__namespace.default.createElement("div",{className:"flex justify-between items-center"},x__namespace.default.createElement("div",{className:"flex items-center justify-center bg-overlay h-10 w-10 rounded-full"},x__namespace.default.createElement(u,{name:e,size:20,color:"white"})),o&&x__namespace.default.createElement("div",{className:"flex gap-2 items-center"},o.map((a,l)=>x__namespace.default.createElement(ue,{key:l,color:"text"},a)))),x__namespace.default.createElement("div",{className:"flex flex-col gap-1 p-2 rounded-lg bg-overlay max-h-[60px] overflow-hidden"},x__namespace.default.createElement(m,{variant:"body-default-medium",className:"text-white truncate"},t),r&&x__namespace.default.createElement("div",{className:"flex gap-2"},x__namespace.default.createElement(u,{name:"play",size:16,color:"white"}),x__namespace.default.createElement(m,{variant:"body-xs-medium",className:"text-white"},r)))));var yt=({className:e,onClick:o})=>x__namespace.default.createElement(N,{className:p("absolute lg:top-10 md:top-8 top-4 lg:right-10 md:right-8 right-4 lg:px-2 lg:py-2 px-1 py-1 rounded-lg",st.black,e),onClick:o},x__namespace.default.createElement(u,{color:"primary",name:"edit-2"}));yt.displayName="EditButton";var ro=({className:e,src:o=io})=>x__namespace.default.createElement("div",{className:p("lg:w-[150px] lg:h-[150px] md:w-[100px] md:h-[100px] w-[150px] h-[150px]",e)},o),io=`
 <svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150" fill="none">
   <path d="M13.5135 116.732C13.994 107.975 20.208 100.58 28.605 98.665C36.5925 96.8435 44.9885 100.338 49.436 107.38C50.9125 102.507 53.3995 99.942 54.9625 98.665C62.411 92.579 75.7885 93.725 87.6965 102.279C88.5765 101.658 93.658 98.202 100.45 99.5155C107.749 100.928 111.217 106.726 111.715 107.592C118.282 105.741 124.23 107.743 126.169 111.631C126.534 112.362 127.288 114.224 126.594 117.157C88.901 117.015 51.2075 116.873 13.5135 116.732Z" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
   <path d="M25.417 114.963C25.417 114.963 9.04999 111.569 12.026 88.432C27.6845 94.2725 29.456 114.963 29.456 114.963" fill="white"/>
@@ -54,5 +161,6 @@
   <path d="M107.805 45.6205H126.669V50.2815H107.805V45.6205Z" fill="white" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
   <path d="M107.805 55.134H126.669V59.795H107.805V55.134Z" fill="#089CCB" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
   <path d="M64.5945 73.0401C64.5945 73.0401 70.7295 72.3605 71.199 71.5656L65.0595 72.335L64.5945 73.0401ZM77.6825 38.1845L75.5815 37.9355C75.5815 37.9355 77.278 38.923 77.6825 38.878V38.1845Z" fill="#080808" stroke="#080808" stroke-width="0.05" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>`;var yt=()=>l__namespace.default.createElement(p,{variant:["sm:body-lg","body-xs"],color:"text-primary"},"/"),Oe=l__namespace.default.forwardRef(({items:e,className:o,SeparatorComponent:t=yt,onHomeClick:i},r)=>{let s=()=>typeof t=="function"?l__namespace.default.createElement(t,null):l__namespace.default.cloneElement(t);return l__namespace.default.createElement("nav",{ref:r,"aria-label":"Breadcrumb",className:c("sm:relative sticky top-0 sm:border-none border-secondary-50 border-b-[1px] pb-2",o)},l__namespace.default.createElement("ol",{className:"flex flex-wrap items-center gap-2"},l__namespace.default.createElement(u,{onClick:i,name:"home",size:["sm:20",16],color:"secondary",className:"pb-0.5"}),s(),e.map((n,d)=>{let m=d===e.length-1;return m||!n.href?l__namespace.default.createElement(p,{variant:m?["body-xs-medium","md:body-default-semibold"]:["body-xs","md:body-default"],color:m?"text-primary":"text-secondary","aria-current":m?"page":void 0,key:n.label},n.label):l__namespace.default.createElement(l__namespace.default.Fragment,null,l__namespace.default.createElement(Q,{href:n.href,key:n.label},n.label),s())})))});Oe.displayName="Breadcrumbs";var F=({content:e,children:o,side:t="bottom",align:i="center",className:r,delayDuration:s=200})=>l__namespace.createElement(T__namespace.Provider,{delayDuration:s},l__namespace.createElement(T__namespace.Root,null,l__namespace.createElement(T__namespace.Trigger,{asChild:!0},l__namespace.createElement("span",{tabIndex:0},o)),l__namespace.createElement(T__namespace.Portal,null,l__namespace.createElement(T__namespace.Content,{side:t,align:i,sideOffset:4,className:c("z-50 overflow-hidden rounded-lg","bg-text-primary px-3 py-1.5","text-xs text-white","animate-in fade-in-0 zoom-in-95","data-[state=closed]:animate-out data-[state=closed]:fade-out-0","data-[side=bottom]:slide-in-from-top-2","data-[side=top]:slide-in-from-bottom-2","select-none","max-w-60",r)},e,l__namespace.createElement(T__namespace.Arrow,{className:"fill-text-primary",width:10,height:5})))));var ht=({icon:e,followers:o,engagement:t,...i})=>l__namespace.default.createElement(y,{className:"sm:w-max w-full hover:bg-secondary-400",...i},l__namespace.default.createElement("div",{className:"flex sm:flex-row flex-col items-center sm:gap-4 gap-1 sm:px-6 sm:py-4 p-2 border border-secondary rounded-lg"},l__namespace.default.createElement(u,{name:e,size:["lg:40",32],color:"primaryBlue"}),l__namespace.default.createElement("div",{className:"flex items-center sm:pt-0 pt-3"},l__namespace.default.createElement(u,{name:"profile",size:["sm:20",16]}),l__namespace.default.createElement(p,{variant:["body-default-medium","md:body-xs-medium"]},o)),l__namespace.default.createElement("div",{className:"flex items-center"},l__namespace.default.createElement(u,{name:"like-1",size:["sm:20",16]}),l__namespace.default.createElement(p,{variant:["body-default-medium","md:body-xs-medium"]},t))));var se=({icon:e,size:o=40,className:t})=>{let i=l.useMemo(()=>{let n=new DOMParser().parseFromString(e,"image/svg+xml").querySelector("svg");if(!n)return null;n.setAttribute("width","100%"),n.setAttribute("height","100%"),n.setAttribute("preserveAspectRatio","xMidYMid meet");let d=n.getAttribute("viewBox")||"0 0 40 40";return n.setAttribute("viewBox",d),n.outerHTML},[e]);return i?l__namespace.default.createElement("div",{style:{width:o,height:o,display:"flex",alignItems:"center",justifyContent:"center"},className:t,dangerouslySetInnerHTML:{__html:i}}):null};se.displayName="IconRenderer";var J=l__namespace.forwardRef(({className:e,label:o,description:t,...i},r)=>l__namespace.createElement("div",{className:"flex items-center gap-2"},l__namespace.createElement(ne__namespace.Root,{className:c("peer inline-flex h-6 w-11 shrink-0 cursor-pointer","items-center rounded-full border-2 border-transparent","transition-colors focus-visible:outline-none",k,"disabled:cursor-not-allowed disabled:opacity-50","data-[state=checked]:bg-primary-50 data-[state=unchecked]:bg-secondary-50",e),...i,ref:r},l__namespace.createElement(ne__namespace.Thumb,{className:c("pointer-events-none block h-5 w-5","rounded-full bg-white shadow-lg ring-0","transition-transform","data-[state=checked]:translate-x-5","data-[state=unchecked]:translate-x-0")})),(o||t)&&l__namespace.createElement("div",{className:"flex flex-col"},o&&l__namespace.createElement("label",{className:"text-sm font-medium text-text-primary",htmlFor:i.id},o),t&&l__namespace.createElement("span",{className:"text-xs text-text-secondary"},t))));J.displayName="Switch";var Ve={pink:"bg-tertiary-5",orange:"bg-tertiary-15",green:"bg-tertiary-25",purple:"bg-secondary-300"},kt=e=>{let o=Object.keys(Ve),t=e.split("").reduce((s,n)=>n.charCodeAt(0)+((s<<5)-s),0),i=Math.abs(t)%o.length,r=o[i];return console.log({input:e,hash:t,variantKeys:o,index:i,selectedVariant:r}),r},ae=l__namespace.forwardRef(({className:e,variant:o,iconName:t,children:i,...r},s)=>{let n=o||(typeof i=="string"?kt(i):"pink");return l__namespace.createElement("span",{ref:s,className:c("inline-flex items-center gap-2","rounded-lg px-2 py-1","text-sm font-medium",Ve[n],e),...r},t&&l__namespace.createElement(u,{size:16,name:t}),l__namespace.createElement(p,{variant:"body-xxs-medium"},i))});ae.displayName="Badge";var le=4,pe=3,Pt=({profileImage:e,name:o,location:t,memberSince:i,interests:r,badges:s,isEditMode:n=!1,onEditClick:d})=>{let m=l.useId(),a=l.useMemo(()=>r?.slice(0,le)||[],[r]),f=l.useMemo(()=>s?.slice(0,pe)||[],[s]),g=r&&r.length>le,x=s&&s.length>pe,N=r?r.length-le:0,M=s?s.length-pe:0;return l__namespace.default.createElement("div",{className:"lg:p-10 md:p-8 p-4 rounded-xl border border-stroke relative flex gap-6 md:flex-row flex-col"},n&&l__namespace.default.createElement(K,{onClick:d}),l__namespace.default.createElement("div",{className:"flex md:flex-row flex-col gap-6"},l__namespace.default.createElement("div",{className:"flex flex-col gap-4 md:items-start items-center"},l__namespace.default.createElement("div",{className:"flex items-center justify-center xl:w-[206px] lg:w-[164px] w-[147px]"},l__namespace.default.createElement("img",{src:e,alt:`Profile for ${o}`,className:"object-cover rounded-lg w-full h-full"})),n&&l__namespace.default.createElement(ie,{variant:"filled"},"Preview Profile"),n&&l__namespace.default.createElement("div",{className:"hidden sm:flex sm:flex-col gap-1 w-full"},l__namespace.default.createElement("div",{className:"flex flex-row justify-between"},l__namespace.default.createElement("div",null,l__namespace.default.createElement(p,{as:"label",htmlFor:m,variant:"body-default-semibold"},"Private Mode"),l__namespace.default.createElement("div",{className:"flex items-center gap-1"},l__namespace.default.createElement(p,{variant:"body-default",color:"text-secondary"},"What is this?"),l__namespace.default.createElement(F,{content:"Turning this on makes you not appear in searches. People who follow you will still be able to view your profile. Go to your settings to make changes to Private Mode."},l__namespace.default.createElement(u,{name:"message-question",color:"secondary",size:16})))),l__namespace.default.createElement(J,{id:m})))),l__namespace.default.createElement("div",{className:"flex flex-col gap-2"},l__namespace.default.createElement(p,{as:"h1",variant:["lg:heading-lg","md:heading-md","heading-sm"],className:"text-wrap text-center md:text-left"},o),l__namespace.default.createElement("div",{className:"flex gap-2 items-center sm:justify-start justify-center"},l__namespace.default.createElement(u,{name:"location",color:"secondary"}),l__namespace.default.createElement(F,{content:t},l__namespace.default.createElement(p,{variant:["lg:body-lg","md:body-default","body-xs"],color:"text-secondary",className:"sm:text-left text-center truncate max-w-[300px]"},t))),l__namespace.default.createElement("div",{className:"flex gap-2 items-center sm:justify-start justify-center"},l__namespace.default.createElement(u,{name:"profile",color:"secondary"}),l__namespace.default.createElement(F,{content:`Member Since ${i}`},l__namespace.default.createElement(p,{variant:["lg:body-lg","md:body-default","body-xs"],color:"text-secondary",className:"sm:text-left text-center truncate max-w-[300px]"},"Member Since"," ",l__namespace.default.createElement(p,{as:"span",variant:["lg:body-lg-semibold","md:body-default-bold","body-xs-bold"]},i)))),r&&l__namespace.default.createElement("div",{className:"flex flex-col gap-2 pt-4"},l__namespace.default.createElement(p,{variant:["sm:heading-xs","body-default-bold"],className:"sm:text-left text-center"},"Interests"),l__namespace.default.createElement("div",{className:"flex flex-wrap gap-2 sm:justify-start justify-center items-center"},a.map((h,b)=>l__namespace.default.createElement(D,{key:b},h)),g&&l__namespace.default.createElement(F,{content:r.slice(le).join(", ")},l__namespace.default.createElement(p,{variant:"label-default"},"+",N," more")))),s&&l__namespace.default.createElement("div",{className:"flex gap-2 flex-wrap py-4 sm:justify-start justify-center items-center"},f.map((h,b)=>l__namespace.default.createElement(ae,{key:b,...h})),x&&l__namespace.default.createElement(F,{content:s.slice(pe).map(h=>h.children).join(", ")},l__namespace.default.createElement(p,{variant:"label-default"},"+",M," more"))),n&&l__namespace.default.createElement("div",{className:"sm:hidden flex justify-between border-t-[1px] border-secondary-50 pt-4"},l__namespace.default.createElement("div",null,l__namespace.default.createElement(p,{as:"label",htmlFor:m,variant:"body-default-semibold"},"Private Mode"),l__namespace.default.createElement("div",{className:"flex items-center gap-1"},l__namespace.default.createElement(p,{variant:"body-default",color:"text-secondary"},"What is this?"),l__namespace.default.createElement(F,{content:"Turning this on makes you not appear in searches. People who follow you will still be able to view your profile. Go to your settings to make changes to Private Mode."},l__namespace.default.createElement(u,{name:"message-question",color:"secondary",size:16})))),l__namespace.default.createElement(J,{id:m})))))};var Pe=({icon:e,children:o,href:t,...i})=>l__namespace.default.createElement("div",{className:"row gap-2 flex items-center"},l__namespace.default.createElement("div",{className:"bg-secondary-400 rounded-full p-2.5 items-center justify-center"},l__namespace.default.createElement(se,{icon:e,size:24,className:"text-primary"})),l__namespace.default.createElement(Q,{className:"hover:underline",href:t,...i,variant:["body-default-semibold","md:body-default-medium"]},o));var ce=({children:e,maxHeight:o=100})=>{let[t,i]=l__namespace.default.useState(!1),r=l.useRef(null),[s,n]=l.useState(o);l.useLayoutEffect(()=>{if(!r.current)return;let m=new ResizeObserver(a=>{for(let f of a)n(f.target.scrollHeight);});return m.observe(r.current),()=>m.disconnect()},[]);let d=s>o;return l__namespace.default.createElement(de__namespace.Root,{open:t,onOpenChange:i},l__namespace.default.createElement("div",{className:"relative"},l__namespace.default.createElement("div",{className:"overflow-hidden transition-[height] duration-300 ease-in-out",style:{height:t?`${s}px`:`${o}px`}},l__namespace.default.createElement("div",{ref:r,className:"w-full"},e)),d&&l__namespace.default.createElement(de__namespace.Trigger,{asChild:!0},l__namespace.default.createElement(y,{className:c("absolute -bottom-8 left-0 right-0","flex items-end justify-center","h-16 pt-8 pb-2",!t&&"bg-gradient-to-b from-transparent via-white to-white","hover:opacity-100 transition-opacity")},l__namespace.default.createElement(p,{variant:"label-default",color:"text-secondary"},t?"See less":"See more")))))};ce.displayName="Collapsible";var Lt=({interests:e,contactItems:o,description:t,isEditMode:i=!1,onEditClick:r,...s})=>l__namespace.default.createElement("div",{className:"border border-secondary rounded-2xl sm:p-10 p-4 relative flex sm:flex-row flex-col pt-8 sm:pt-4",...s},i&&l__namespace.default.createElement(K,{onClick:r}),l__namespace.default.createElement("div",{className:"flex sm:basis-1/2 basis-full flex-col gap-2 sm:pr-10 pb-6 sm:pb-0"},l__namespace.default.createElement(ce,{maxHeight:120},l__namespace.default.createElement(p,{variant:"body-default"},t))),l__namespace.default.createElement("span",{className:"hidden sm:block absolute bg-secondary-50 w-[1px] inset-x-1/2 inset-y-10"}),l__namespace.default.createElement("span",{className:"block sm:hidden bg-secondary-50 w-full h-[1px] inset-x-10"}),l__namespace.default.createElement("div",{className:"flex flex-col gap-4 sm:pl-10 pt-6 sm:pt-8"},o.map(n=>l__namespace.default.createElement(Pe,{key:n.title,...n}))));var Et=typeof window<"u"?l.useEffect:()=>{},We=e=>{let[o,t]=l.useState(null),i=l.useCallback(r=>typeof window<"u"?window.matchMedia(r).matches:!1,[]);return Et(()=>{t(i(e));},[e,i]),l.useEffect(()=>{if(typeof window<"u"){let r=window.matchMedia(e),s=()=>{t(i(e));};return r.addEventListener("change",s),()=>{r.removeEventListener("change",s);}}},[e,i]),o??!1};var jt=({children:e,open:o,onClose:t,width:i=480,className:r,title:s,footer:n,position:d="left"})=>{let m=We("(max-width: 834px)"),a=l.useCallback(g=>{g.key==="Escape"&&t();},[t]);l.useEffect(()=>(o?(document.addEventListener("keydown",a),document.body.style.overflow="hidden"):(document.removeEventListener("keydown",a),document.body.style.overflow="unset"),()=>{document.removeEventListener("keydown",a),document.body.style.overflow="unset";}),[o,a]);let f=l.useMemo(()=>d==="right"?{position:"right-0",enter:"data-[state=open]:animate-slide-in-from-right",exit:"data-[state=closed]:animate-slide-out-to-right",transform:"translate-x-full"}:{position:"left-0",enter:"data-[state=open]:animate-slide-in-from-left",exit:"data-[state=closed]:animate-slide-out-to-left",transform:"-translate-x-full"},[d]);return l__namespace.default.createElement(P__namespace.Root,{open:o,onOpenChange:t},l__namespace.default.createElement(P__namespace.Portal,null,l__namespace.default.createElement(P__namespace.Overlay,{className:c("fixed inset-0 z-50 bg-sidebarOverlay backdrop-blur-[2px]","data-[state=open]:animate-overlay-show","data-[state=closed]:animate-overlay-hide")}),l__namespace.default.createElement(P__namespace.Content,{className:c("fixed top-0 z-50 flex h-full flex-col bg-white",f.position,f.enter,f.exit,typeof window>"u"||!m?d==="right"?"border-l":"border-r":"w-full","border-stroke",r),style:{width:typeof window>"u"||!m?i:"100%"}},l__namespace.default.createElement("div",{className:"flex items-center justify-between border-b border-secondary-50 px-8 py-6"},l__namespace.default.createElement(P__namespace.Title,{className:"text-heading-xs text-center w-full"},s),l__namespace.default.createElement(P__namespace.Close,{asChild:!0},l__namespace.default.createElement(y,{className:"inline-flex items-center justify-center text-text-secondary hover:bg-secondary-100 rounded-lg","aria-label":"Close"},l__namespace.default.createElement(u,{name:"close",size:12})))),l__namespace.default.createElement("div",{className:"flex-1 overflow-y-auto p-6"},e),n&&l__namespace.default.createElement("div",{className:"px-6 pb-6"},n))))};var $t=({className:e,label:o,labelClassName:t,helperText:i,showCharacterCount:r,maxLength:s,id:n,value:d="",defaultValue:m,...a})=>{let[f,g]=l__namespace.useState(d?.toString()||m?.toString()||""),x=h=>{let b=h.target.value;g(b),a.onChange?.(h);},N=f.length,M=r||!!s;return l__namespace.createElement(l__namespace.Fragment,null,o&&l__namespace.createElement(p,{variant:"label-default",htmlFor:n,as:"label",className:c(t)},o),l__namespace.createElement("div",{className:"relative"},l__namespace.createElement("textarea",{id:n,value:d,defaultValue:m,maxLength:s,onChange:x,className:c(`min-h-[80px] w-full resize-y rounded-lg border border-secondary-50 bg-background-0 px-3 py-2 font-sans text-text-primary placeholder:text-secondary ${k} disabled:cursor-not-allowed disabled:opacity-50`,e),...a}),l__namespace.createElement("div",{className:"flex justify-between gap-2"},i&&l__namespace.createElement(p,{variant:"label-default",color:"tertiary-10"},i),M&&l__namespace.createElement(p,{variant:"label-default",color:"text-secondary",className:"text-right self-end"},N,s&&`/${s}`," characters"))))};var De={background:{0:"#FFFFFF",50:"#F6F6F6",100:"#F7F7F5"},primary:{50:"#5B3DE3",100:"#089CCB"},secondary:{50:"#D9D9D9",100:"#F6F5FF",200:"#EBE8FC",300:"#BDAEFF",400:"#E7F7FC",500:"#DAF6FF",600:"#B3EDFF"},tertiary:{5:"#E33D6550",10:"#E33D65",15:"#F59E0B50",20:"#F59E0B",25:"#10B98150",30:"#10B981"},stroke:"#ECECEC",text:{primary:"#080808",secondary:"#666666",white:"#FFFFFF","primary-blue":"#F7F7F5"},overlay:"rgba(26, 26, 28, 0.8)",sidebarOverlay:"rgba(0, 0, 0, 0.60)"},Re={heading:{xl:{fontSize:"56px",letterSpacing:"-1.12px",fontWeight:"700"},lg:{fontSize:"40px",letterSpacing:"-0.8px",fontWeight:"700"},md:{fontSize:"32px",letterSpacing:"-0.64px",fontWeight:"700"},sm:{fontSize:"24px",letterSpacing:"-0.48px",fontWeight:"700"},xs:{fontSize:"20px",letterSpacing:"0.4px",fontWeight:"700"}},body:{lg:{fontSize:"20px",letterSpacing:"-0.4px",fontWeight:"500",lineHeight:"150%"},"lg-semibold":{fontSize:"20px",letterSpacing:"-0.4px",fontWeight:"600",lineHeight:"150%"},md:{fontSize:"18px",letterSpacing:"0.36px",fontWeight:"600"},default:{fontSize:"16px",letterSpacing:"0%",fontWeight:"400",lineHeight:"150%"},"default-medium":{fontSize:"16px",letterSpacing:"0%",fontWeight:"500"},"default-semibold":{fontSize:"16px",letterSpacing:"0%",fontWeight:"600"},"default-bold":{fontSize:"16px",letterSpacing:"0%",fontWeight:"700"},xs:{fontSize:"14px",letterSpacing:"0%",fontWeight:"400"},"xs-medium":{fontSize:"14px",letterSpacing:"0%",fontWeight:"500"},"xs-bold":{fontSize:"14px",letterSpacing:"0%",fontWeight:"700"},xxs:{fontSize:"13px",letterSpacing:"0%",fontWeight:"400"},"xxs-medium":{fontSize:"13px",letterSpacing:"0%",fontWeight:"500"},"xxs-semibold":{fontSize:"13px",letterSpacing:"0%",fontWeight:"600"}},label:{default:{fontSize:"13px",lineHeight:"24px",letterSpacing:"0%",fontWeight:"400",textTransform:"uppercase"}}},Ot={content:["./src/**/*.{ts,tsx}"],theme:{extend:{colors:De,fontSize:{...Object.entries(Re).reduce((e,[o,t])=>(Object.entries(t).forEach(([i,r])=>{e[`${o}-${i}`]=[r.fontSize,{lineHeight:r.lineHeight||"normal",letterSpacing:r.letterSpacing||"normal",fontWeight:r.fontWeight}];}),e),{})},fontFamily:{sans:["Gilroy","sans-serif"]},fontWeight:{light:"400",regular:"500",normal:"500",semibold:"600",bold:"700"},keyframes:{spin:{"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}},"slide-in-from-right":{"0%":{transform:"translateX(100%)"},"100%":{transform:"translateX(0)"}},"slide-out-to-right":{"0%":{transform:"translateX(0)"},"100%":{transform:"translateX(100%)"}},"slide-in-from-left":{"0%":{transform:"translateX(-100%)"},"100%":{transform:"translateX(0)"}},"slide-out-to-left":{"0%":{transform:"translateX(0)"},"100%":{transform:"translateX(-100%)"}},"fade-in":{from:{opacity:"0"},to:{opacity:"1"}},"fade-out":{from:{opacity:"1"},to:{opacity:"0"}},"overlay-show":{from:{opacity:"0"},to:{opacity:"1"}},"overlay-hide":{from:{opacity:"1"},to:{opacity:"0"}}},animation:{spin:"spin 1s linear infinite","slide-in-from-right":"slide-in-from-right 0.3s cubic-bezier(0.16, 1, 0.3, 1)","slide-out-to-right":"slide-out-to-right 0.2s ease-out","slide-in-from-left":"slide-in-from-left 0.3s cubic-bezier(0.16, 1, 0.3, 1)","slide-out-to-left":"slide-out-to-left 0.2s ease-out","fade-in":"fade-in 200ms ease-out","fade-out":"fade-out 150ms ease-in","overlay-show":"overlay-show 200ms cubic-bezier(0.16, 1, 0.3, 1)","overlay-hide":"overlay-hide 200ms cubic-bezier(0.16, 1, 0.3, 1)"},borderWidth:{3:"3px"}}},plugins:[zt__default.default],safelist:[...we(De,Re)]},Vt=Ot;if (exports.default) module.exports = exports.default;exports.AboutCard=Lt;exports.Avatar=ge;exports.Badge=ae;exports.Breadcrumbs=Oe;exports.Button=ie;exports.Collapsible=ce;exports.Combobox=be;exports.ContactItem=Pe;exports.EditButton=K;exports.Icon=u;exports.IconRenderer=se;exports.Illustration=xt;exports.Input=_;exports.Link=Q;exports.Logo=he;exports.MultiSelectCombobox=ct;exports.Navbar=it;exports.NavbarItem=ve;exports.Option=X;exports.Pressable=y;exports.ProfileCard=Pt;exports.Sidebar=jt;exports.SocialCard=ht;exports.Spinner=re;exports.Switch=J;exports.Tabs=$e;exports.Tag=D;exports.Text=p;exports.TextArea=$t;exports.Tooltip=F;exports.WorkCard=ft;exports.tailwindConfig=Vt;//# sourceMappingURL=index.cjs.map
+</svg>`;var so=()=>x__namespace.default.createElement(m,{variant:["sm:body-lg","body-xs"]},"/"),Ct=x__namespace.default.forwardRef(({items:e,className:o,SeparatorComponent:t=so,onHomeClick:r},i)=>{let s=()=>typeof t=="function"?x__namespace.default.createElement(t,null):x__namespace.default.cloneElement(t);return x__namespace.default.createElement("nav",{ref:i,"aria-label":"Breadcrumb",className:p("sm:relative sticky top-0 sm:border-none !border-solid border-secondary-50 border-b-[1px] pb-6 flex justify-between gap-2 md:flex-row flex-col",o)},x__namespace.default.createElement("ol",{className:"flex flex-wrap items-center gap-2"},x__namespace.default.createElement(u,{onClick:r,name:"home",size:["sm:20",16],color:"secondary",className:"pb-0.5"}),s(),e.map((a,l)=>{let d=l===e.length-1;return d||!a.href?x__namespace.default.createElement(m,{variant:d?["body-default-semibold"]:["body-xs","md:body-default"],color:d?"inherit":"secondary","aria-current":d?"page":void 0,key:a.label},a.label):x__namespace.default.createElement(x__namespace.default.Fragment,null,x__namespace.default.createElement(he,{href:a.href,key:a.label},a.label),s())})),x__namespace.default.createElement("div",{className:"flex justify-between items-center py-3 px-4 rounded-lg bg-background-100 border border-secondary-50 lg:gap-6 gap-4 md:max-w-[70%] self-end"},x__namespace.default.createElement(m,{variant:["lg:body-default-medium","body-xxs-semibold"]},"This is your Creator profile. To purchase services, switch to your Buyer profile."),x__namespace.default.createElement(he,{variant:["lg:body-default-bold","body-xxs-bold"],href:""},"Buyer Profile")))});Ct.displayName="Breadcrumbs";var ao=({children:e})=>x__namespace.createElement(ee__namespace.Provider,null,e,x__namespace.createElement(ee__namespace.Viewport,{className:"fixed bottom-0 right-0 z-[100] m-6 flex max-h-screen w-full flex-col-reverse gap-2 sm:max-w-[420px]"}));var kt=x__namespace.forwardRef(({items:e,type:o="single",defaultValue:t,value:r,onValueChange:i,className:s,...a},l)=>x__namespace.createElement(J__namespace.Root,{ref:l,type:o,defaultValue:t,value:r,onValueChange:i,className:p("w-full",s),...a},e.map(d=>x__namespace.createElement(J__namespace.Item,{key:d.value,value:d.value,disabled:d.disabled,className:"w-full"},x__namespace.createElement(J__namespace.Header,null,x__namespace.createElement(J__namespace.Trigger,{className:p("flex w-full items-center gap-2 justify-between px-3 py-2 rounded bg-background-50 hover:bg-background-100 mt-4","disabled:cursor-not-allowed","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-100")},x__namespace.createElement("div",{className:"flex items-center gap-3"},x__namespace.createElement(m,{variant:"body-default-semibold",className:d.disabled?"text-text-disabled":""},d.title)),x__namespace.createElement(u,{name:"arrow-down",size:18,"aria-hidden":!0,color:d.disabled?"disabled":"primary",className:"transition-transform duration-200 data-[state=open]:rotate-180"}))),x__namespace.createElement(J__namespace.Content,{className:p("overflow-hidden will-change-[height] data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up")},x__namespace.createElement("div",{className:"py-2 px-3"},d.content))))));kt.displayName="Accordion";var no={primary:"bg-primary-100",success:"bg-green-600",warning:"bg-yellow-500",error:"bg-tertiary-10"},lo={sm:"h-1",md:"h-2",lg:"h-3"},wt=x__namespace.forwardRef(({value:e,max:o=100,showLabel:t=!0,label:r,size:i="md",variant:s="primary",className:a,...l},d)=>{let n=Math.min(100,Math.max(0,e/o*100));return x__namespace.createElement("div",{className:t?"py-1.5":void 0},t&&x__namespace.createElement("div",{className:"flex justify-between"},x__namespace.createElement(m,{variant:"body-default",color:"secondary"},r||`${n.toFixed(0)}%`),o!==100&&x__namespace.createElement(m,{variant:"body-default",color:"secondary"},e," / ",o)),x__namespace.createElement(Re__namespace.Root,{ref:d,value:n,className:p("relative overflow-hidden rounded-full bg-gray-100",lo[i],a),...l},x__namespace.createElement(Re__namespace.Indicator,{className:p("h-full w-full transition-all",no[s]),style:{transform:`translateX(-${100-n}%)`}})))});wt.displayName="ProgressBar";var Le=({content:e,children:o,side:t="bottom",align:r="center",className:i,delayDuration:s=200,defaultOpen:a,open:l,onOpenChange:d})=>x__namespace.createElement($__namespace.Provider,{delayDuration:s},x__namespace.createElement($__namespace.Root,{defaultOpen:a,open:l,onOpenChange:d},x__namespace.createElement($__namespace.Trigger,{asChild:!0},x__namespace.createElement("span",{tabIndex:0},o)),x__namespace.createElement($__namespace.Portal,null,x__namespace.createElement($__namespace.Content,{side:t,align:r,sideOffset:4,className:p("z-50 overflow-hidden rounded-lg","bg-black px-3 py-1.5","text-xs text-white","animate-in fade-in-0 zoom-in-95","data-[state=closed]:animate-out data-[state=closed]:fade-out-0","data-[side=bottom]:slide-in-from-top-2","data-[side=top]:slide-in-from-bottom-2","select-none","max-w-60",i)},e,x__namespace.createElement($__namespace.Arrow,{className:"fill-text-primary",width:10,height:5})))));var Pt=x__namespace.forwardRef(({tabs:e,defaultValue:o,value:t,onChange:r,className:i},s)=>{let a=x__namespace.useCallback(l=>{r?.(l);},[r]);return x__namespace.createElement(te__namespace.Root,{ref:s,defaultValue:o||e[0]?.value,value:t,onValueChange:a,className:p("inline-flex items-center p-1 bg-gray-100 rounded-lg gap-1",i)},x__namespace.createElement(te__namespace.List,{"aria-label":"Select platform"},e.map(l=>x__namespace.createElement(te__namespace.Trigger,{key:l.value,value:l.value,asChild:!0},x__namespace.createElement(Y,{variant:"filled",color:"black",className:p("min-w-[100px]","data-[state=inactive]:bg-transparent","data-[state=inactive]:text-gray-600","data-[state=active]:bg-white","data-[state=active]:text-black","data-[state=active]:shadow-sm")},l.label)))))});Pt.displayName="SegmentedTabs";var po=({icon:e,followers:o,engagement:t,...r})=>x__namespace.default.createElement(N,{className:"sm:w-max w-full hover:bg-secondary-400",...r},x__namespace.default.createElement("div",{className:"flex sm:flex-row flex-col items-center sm:gap-4 gap-1 sm:px-6 sm:py-4 p-2 border border-secondary rounded-lg"},x__namespace.default.createElement(u,{name:e,size:["lg:40",32],color:"primaryBlue"}),x__namespace.default.createElement("div",{className:"flex items-center sm:pt-0 pt-3"},x__namespace.default.createElement(u,{name:"profile",size:["sm:20",16]}),x__namespace.default.createElement(m,{variant:["body-default-medium","md:body-xs-medium"]},o)),x__namespace.default.createElement("div",{className:"flex items-center"},x__namespace.default.createElement(u,{name:"like-1",size:["sm:20",16]}),x__namespace.default.createElement(m,{variant:["body-default-medium","md:body-xs-medium"]},t))));var Oe=x__namespace.forwardRef(({className:e,label:o,description:t,...r},i)=>x__namespace.createElement("div",{className:"flex items-center gap-2"},x__namespace.createElement(je__namespace.Root,{className:p("peer inline-flex h-6 w-11 shrink-0 cursor-pointer","items-center rounded-full border-2 border-transparent","transition-colors focus-visible:outline-none",D,"disabled:cursor-not-allowed disabled:opacity-50","data-[state=checked]:bg-primary-50 data-[state=unchecked]:bg-secondary-50",e),...r,ref:i},x__namespace.createElement(je__namespace.Thumb,{className:p("pointer-events-none block h-5 w-5","rounded-full bg-white shadow-lg ring-0","transition-transform","data-[state=checked]:translate-x-5","data-[state=unchecked]:translate-x-0")})),(o||t)&&x__namespace.createElement("div",{className:"flex flex-col"},o&&x__namespace.createElement("label",{className:"text-sm font-medium text-text",htmlFor:r.id},o),t&&x__namespace.createElement("span",{className:"text-xs text-text-secondary"},t))));Oe.displayName="Switch";var Tt={pink:"bg-tertiary-5",orange:"bg-tertiary-15",green:"bg-tertiary-25",purple:"bg-secondary-300"},mo=e=>{let o=Object.keys(Tt),t=e.split("").reduce((s,a)=>a.charCodeAt(0)+((s<<5)-s),0),r=Math.abs(t)%o.length,i=o[r];return console.log({input:e,hash:t,variantKeys:o,index:r,selectedVariant:i}),i},De=x__namespace.forwardRef(({className:e,variant:o,iconName:t,children:r,...i},s)=>{let a=o||(typeof r=="string"?mo(r):"pink");return x__namespace.createElement("span",{ref:s,className:p("inline-flex items-center gap-2","rounded px-2 py-1.5","text-sm font-medium",Tt[a],e),...i},t&&x__namespace.createElement(u,{size:16,name:t}),x__namespace.createElement(m,{variant:"body-xxs-semibold",className:"mt-0.5"},r))});De.displayName="Badge";var ze=4,Ve=3,fo=({profileImage:e,name:o,location:t,memberSince:r,interests:i,badges:s,isEditMode:a=!1,onEditClick:l})=>{let d=x.useId(),n=x.useMemo(()=>i?.slice(0,ze)||[],[i]),f=x.useMemo(()=>s?.slice(0,Ve)||[],[s]),b=i&&i.length>ze,h=s&&s.length>Ve,P=i?i.length-ze:0,M=s?s.length-Ve:0;return x__namespace.default.createElement("div",{className:"lg:p-10 md:p-8 p-4 rounded-xl border border-stroke relative flex gap-6 md:flex-row flex-col"},x__namespace.default.createElement("div",{className:"flex md:flex-row flex-col gap-6"},x__namespace.default.createElement("div",{className:"flex flex-col gap-4 md:items-start items-center"},x__namespace.default.createElement("div",{className:"flex items-center justify-center w-[164px] h-[164px]"},x__namespace.default.createElement("img",{src:e,alt:`Profile for ${o}`,className:"object-cover rounded-full w-full h-full"}))),x__namespace.default.createElement("div",{className:"flex flex-col gap-2"},x__namespace.default.createElement(m,{as:"h1",variant:["lg:heading-lg","md:heading-md","heading-sm"],className:"text-wrap text-center md:text-left"},o),s&&x__namespace.default.createElement("div",{className:"flex gap-2 flex-wrap py-2 sm:justify-start justify-center items-center"},f.map((T,C)=>x__namespace.default.createElement(De,{key:C,...T})),h&&x__namespace.default.createElement(Le,{content:s.slice(Ve).map(T=>T.children).join(", ")},x__namespace.default.createElement(m,{variant:"label-default"},"+",M," more"))),x__namespace.default.createElement("div",{className:"flex gap-2 items-center sm:justify-start justify-center pt-1"},x__namespace.default.createElement(u,{name:"location",color:"secondary"}),x__namespace.default.createElement(m,{variant:["lg:body-lg","md:body-default","body-xs"],color:"secondary",className:"sm:text-left text-center truncate max-w-[300px]"},t)),x__namespace.default.createElement("div",{className:"flex gap-2 items-center sm:justify-start justify-center"},x__namespace.default.createElement(u,{name:"profile",color:"secondary"}),x__namespace.default.createElement(m,{variant:["lg:body-lg","md:body-default","body-xs"],color:"secondary",className:"sm:text-left text-center truncate max-w-[300px]"},"Member Since"," ",x__namespace.default.createElement(m,{as:"span",variant:["lg:body-lg-semibold","md:body-default-bold","body-xs-bold"]},r))),i&&x__namespace.default.createElement("div",{className:"flex flex-col gap-2 pt-4"},x__namespace.default.createElement(m,{variant:["sm:heading-xs","body-default-bold"],className:"sm:text-left text-center"},"Interests"),x__namespace.default.createElement("div",{className:"flex flex-wrap gap-2 sm:justify-start justify-center items-center"},n.map((T,C)=>x__namespace.default.createElement(ue,{key:C},T)),b&&x__namespace.default.createElement(Le,{content:i.slice(ze).join(", ")},x__namespace.default.createElement(m,{variant:"label-default"},"+",P," more")))),a&&x__namespace.default.createElement("div",{className:"sm:hidden flex justify-between border-t-[1px] border-secondary-50 pt-4"},x__namespace.default.createElement("div",null,x__namespace.default.createElement(m,{as:"label",htmlFor:d,variant:"body-default-semibold"},"Private Mode"),x__namespace.default.createElement("div",{className:"flex items-center gap-1"},x__namespace.default.createElement(m,{variant:"body-default",color:"secondary"},"What is this?"),x__namespace.default.createElement(Le,{content:"Turning this on makes you not appear in searches. People who follow you will still be able to view your profile. Go to your settings to make changes to Private Mode."},x__namespace.default.createElement(u,{name:"message-question",color:"secondary",size:16})))),x__namespace.default.createElement(Oe,{id:d})))))};var nt=({icon:e,children:o,href:t,...r})=>x__namespace.default.createElement("div",{className:"row gap-2 flex items-center"},x__namespace.default.createElement("div",{className:"bg-secondary-400 rounded-full p-2.5 items-center justify-center"},x__namespace.default.createElement(xe,{icon:e,size:18,className:"text-text"})),x__namespace.default.createElement(he,{className:"hover:underline",href:t,...r,variant:["body-default-semibold","md:body-default-semibold"]},o));var Ze=({children:e,maxHeight:o=100})=>{let[t,r]=x__namespace.default.useState(!1),i=x.useRef(null),[s,a]=x.useState(o);x.useLayoutEffect(()=>{if(!i.current)return;let d=new ResizeObserver(n=>{for(let f of n)a(f.target.scrollHeight);});return d.observe(i.current),()=>d.disconnect()},[]);let l=s>o;return x__namespace.default.createElement(be__namespace.Root,{open:t,onOpenChange:r},x__namespace.default.createElement("div",{className:"relative"},x__namespace.default.createElement("div",{className:"overflow-hidden transition-[height] duration-300 ease-in-out",style:{height:t?`${s}px`:`${o}px`}},x__namespace.default.createElement("div",{ref:i,className:"w-full"},e)),l&&x__namespace.default.createElement(be__namespace.Trigger,{asChild:!0},x__namespace.default.createElement(N,{className:p("absolute -bottom-8 left-0 right-0","flex items-end justify-center","h-16 pt-8 pb-2",!t&&"bg-gradient-to-b from-transparent via-white to-white","hover:opacity-100 transition-opacity")},x__namespace.default.createElement(m,{variant:"label-default",color:"secondary"},t?"See less":"See more")))))};Ze.displayName="Collapsible";var ho=({interests:e,contactItems:o,description:t,isEditMode:r=!1,onEditClick:i,...s})=>x__namespace.default.createElement("div",{className:"border border-secondary rounded-2xl sm:p-10 p-4 relative flex sm:flex-row flex-col pt-8 sm:pt-4",...s},x__namespace.default.createElement("div",{className:"flex sm:basis-1/2 basis-full flex-col gap-2 sm:pr-10 pb-6 sm:pb-0 justify-center"},x__namespace.default.createElement(Ze,{maxHeight:120},x__namespace.default.createElement(m,{variant:"body-default"},t))),x__namespace.default.createElement("span",{className:"hidden sm:block absolute bg-secondary-50 w-[1px] inset-x-1/2 inset-y-10"}),x__namespace.default.createElement("span",{className:"block sm:hidden bg-secondary-50 w-full h-[1px] inset-x-10"}),x__namespace.default.createElement("div",{className:"flex flex-col gap-4 sm:pl-10 pt-6 sm:pt-8"},o.map(a=>x__namespace.default.createElement(nt,{key:a.title,...a}))));var yo=typeof window<"u"?x.useEffect:()=>{},Lt=e=>{let[o,t]=x.useState(null),r=x.useCallback(i=>typeof window<"u"?window.matchMedia(i).matches:!1,[]);return yo(()=>{t(r(e));},[e,r]),x.useEffect(()=>{if(typeof window<"u"){let i=window.matchMedia(e),s=()=>{t(r(e));};return i.addEventListener("change",s),()=>{i.removeEventListener("change",s);}}},[e,r]),o??!1};var Po=({children:e,open:o,onClose:t,width:r=480,className:i,title:s,footer:a,position:l="left"})=>{let d=Lt("(max-width: 834px)"),n=x.useCallback(b=>{b.key==="Escape"&&t();},[t]);x.useEffect(()=>(o?(document.addEventListener("keydown",n),document.body.style.overflow="hidden"):(document.removeEventListener("keydown",n),document.body.style.overflow="unset"),()=>{document.removeEventListener("keydown",n),document.body.style.overflow="unset";}),[o,n]);let f=x.useMemo(()=>l==="right"?{position:"right-0",enter:"data-[state=open]:animate-slide-in-from-right",exit:"data-[state=closed]:animate-slide-out-to-right",transform:"translate-x-full"}:{position:"left-0",enter:"data-[state=open]:animate-slide-in-from-left",exit:"data-[state=closed]:animate-slide-out-to-left",transform:"-translate-x-full"},[l]);return x__namespace.default.createElement(W__namespace.Root,{open:o,onOpenChange:t},x__namespace.default.createElement(W__namespace.Portal,null,x__namespace.default.createElement(W__namespace.Overlay,{className:p("fixed inset-0 z-50 bg-sidebarOverlay backdrop-blur-[2px]","data-[state=open]:animate-overlay-show","data-[state=closed]:animate-overlay-hide")}),x__namespace.default.createElement(W__namespace.Content,{className:p("fixed top-0 z-50 flex h-full flex-col bg-white",f.position,f.enter,f.exit,typeof window>"u"||!d?l==="right"?"border-l":"border-r":"w-full","border-stroke",i),style:{width:typeof window>"u"||!d?r:"100%"}},x__namespace.default.createElement("div",{className:"flex items-center justify-between border-b border-secondary-50 px-8 py-6"},x__namespace.default.createElement(W__namespace.Title,{className:"text-heading-xs text-center w-full"},s),x__namespace.default.createElement(W__namespace.Close,{asChild:!0},x__namespace.default.createElement(N,{className:"inline-flex items-center justify-center text-text-secondary hover:bg-secondary-100 rounded-lg","aria-label":"Close"},x__namespace.default.createElement(u,{name:"close",size:12})))),x__namespace.default.createElement("div",{className:"flex-1 overflow-y-auto p-6"},e),a&&x__namespace.default.createElement("div",{className:"px-6 pb-6 bg-background"},a))))};var To={default:{icon:"information",className:"bg-gray-900 text-white"},success:{icon:"check",className:"bg-green-600 text-white"},error:{icon:"danger",className:"bg-tertiary-10 text-white"},warning:{icon:"warning-2",className:"bg-tertiary-20 text-white"}},Fe=x__namespace.forwardRef(({title:e,message:o,action:t,variant:r="default",duration:i=5e3,className:s,onOpenChange:a,...l},d)=>{let n=To[r],f=x__namespace.useCallback(b=>{a?.(b);},[a]);return x__namespace.createElement(ee__namespace.Root,{ref:d,onOpenChange:f,duration:i,className:p("group pointer-events-auto relative flex w-full gap-4 rounded-lg p-4","shadow-lg","data-[state=open]:animate-in data-[state=closed]:animate-out","data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0","data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-right-full",n.className,s),...l},x__namespace.createElement(u,{name:n.icon,className:"h-5 w-5 shrink-0",color:"white"}),x__namespace.createElement("div",{className:"flex-1 gap-2"},e&&x__namespace.createElement(ee__namespace.Title,{asChild:!0},x__namespace.createElement(m,{variant:"body-default-bold",color:"inherit"},e)),x__namespace.createElement(ee__namespace.Description,{asChild:!0},x__namespace.createElement(m,{variant:"body-xs-medium",color:"inherit"},o))),x__namespace.createElement("div",{className:"flex gap-2"},t&&x__namespace.createElement(ee__namespace.Action,{asChild:!0,altText:t.label},x__namespace.createElement("div",null,x__namespace.createElement(Y,{variant:"outlined",color:"black",className:"border-white text-white hover:bg-white/10 ml-auto",onClick:t.onClick},t.label))),x__namespace.createElement(ee__namespace.Close,{className:"p-2 hover:bg-white/10","aria-label":"Close"},x__namespace.createElement(u,{name:"close",size:16,color:"white"}))))});Fe.displayName="Toast";var No=({className:e,label:o,labelClassName:t,helperText:r,showCharacterCount:i,maxLength:s,id:a,value:l="",defaultValue:d,...n})=>{let[f,b]=x__namespace.useState(l?.toString()||d?.toString()||""),h=T=>{let C=T.target.value;b(C),n.onChange?.(T);},P=f.length,M=i||!!s;return x__namespace.createElement(x__namespace.Fragment,null,o&&x__namespace.createElement(m,{variant:"label-default",htmlFor:a,as:"label",className:p(t)},o),x__namespace.createElement("div",{className:"relative"},x__namespace.createElement("textarea",{id:a,value:l,defaultValue:d,maxLength:s,onChange:h,className:p(`min-h-[80px] w-full resize-y rounded-lg border border-secondary-50 bg-background-0 px-3 py-2 font-sans text-text placeholder:text-secondary ${D} disabled:cursor-not-allowed disabled:opacity-50`,e),...n}),x__namespace.createElement("div",{className:"flex justify-between gap-2"},r&&x__namespace.createElement(m,{variant:"label-default",color:"danger"},r),M&&x__namespace.createElement(m,{variant:"label-default",color:"secondary",className:"text-right self-end"},P,s&&`/${s}`," characters"))))};var Lo=({children:e,className:o="",gap:t=20})=>{let r=x.useRef(null),[i,s]=x.useState(!1),[a,l]=x.useState(!1),[d,n]=x.useState(!1),[f,b]=x.useState(!1),h=x.useCallback(()=>{let g=r.current;if(!g)return;let{scrollLeft:L,scrollWidth:E,clientWidth:A}=g;s(L>0),l(Math.ceil(L+A)<E);},[]),P=x.useCallback(g=>{let E=g.currentTarget.getBoundingClientRect(),A=g.clientX-E.left,G=300;n(A<G),b(A>E.width-G);},[]);x.useEffect(()=>{let g=r.current;if(!g)return;let L=new ResizeObserver(h);return L.observe(g),g.addEventListener("scroll",h),()=>{L.disconnect(),g.removeEventListener("scroll",h);}},[h]);let M=x.useCallback(g=>{let L=r.current;if(!L)return;let E=L.clientWidth*.8,A=L.scrollLeft+(g==="left"?-E:E);L.scrollTo({left:A,behavior:"smooth"});},[]),T=x.useCallback(g=>{g.key==="ArrowLeft"?M("left"):g.key==="ArrowRight"&&M("right");},[M]),C=x.useCallback(g=>{let L=r.current;if(!L)return;let E=Math.abs(g.deltaX)>Math.abs(g.deltaY);if(!E&&!g.shiftKey)return;g.preventDefault();let K=E?g.deltaX*.5:g.deltaY*1.2;L.scrollBy({left:K,behavior:"smooth"});},[]);return x.useEffect(()=>{let g=r.current;if(g)return g.addEventListener("wheel",C,{passive:!1}),()=>{g.removeEventListener("wheel",C);}},[C]),x__namespace.default.createElement("div",{className:`relative group ${o}`,onKeyDown:T,onMouseMove:P,onMouseLeave:()=>{n(!1),b(!1);},role:"region","aria-label":"Carousel"},x__namespace.default.createElement(Ke__namespace.Root,{className:"overflow-hidden",type:"hover"},x__namespace.default.createElement(Ke__namespace.Viewport,{ref:r,className:"w-full overflow-x-auto snap-x snap-mandatory",style:{scrollbarWidth:"none",msOverflowStyle:"none",WebkitOverflowScrolling:"touch"}},x__namespace.default.createElement("div",{className:"inline-flex",style:{gap:`${t}px`}},x__namespace.default.Children.map(e,g=>x__namespace.default.createElement("div",{className:"snap-start"},g))))),i&&d&&x__namespace.default.createElement(N,{onClick:()=>M("left"),className:"absolute left-4 top-1/2 -translate-y-1/2 z-20 transition-opacity duration-200","aria-label":"Scroll left"},x__namespace.default.createElement("div",{className:"flex items-center justify-center w-10 h-10 rounded-full bg-overlay backdrop-blur-sm"},x__namespace.default.createElement(u,{name:"arrow-left",size:24,color:"white"}))),a&&f&&x__namespace.default.createElement(N,{onClick:()=>M("right"),className:"absolute right-4 top-1/2 -translate-y-1/2 z-20 transition-opacity duration-200","aria-label":"Scroll right"},x__namespace.default.createElement("div",{className:"flex items-center justify-center w-10 h-10 rounded-full bg-overlay backdrop-blur-sm"},x__namespace.default.createElement(u,{name:"arrow-right",size:24,color:"white"}))))};var Et=x__namespace.forwardRef(({text:e,confirmText:o="Confirmed!",onConfirm:t,variant:r="primary",className:i,disabled:s=!1,"aria-label":a,...l},d)=>{let[n,f]=x__namespace.useState(!1),[b,h]=x__namespace.useState(0),[P,M]=x__namespace.useState(!1),T=x__namespace.useRef(null),C=x__namespace.useRef(null),[g,L]=x__namespace.useState(!1),E={primary:{track:"bg-primary-100/10 hover:bg-primary-100/20",thumb:"bg-primary-100",text:"text-primary-100"},danger:{track:"bg-tertiary-5 hover:bg-tertiary-5",thumb:"bg-tertiary-10",text:"text-tertiary-10"}},A=x__namespace.useCallback(c=>{if(s||P)return;let k=C.current,Q=T.current;if(!k||!Q)return;let B=Q.clientWidth-k.clientWidth;switch(c.key){case"ArrowRight":case"ArrowUp":c.preventDefault();let ke=Math.min(B,b+B*.1);h(ke),ke>=B*.9&&(M(!0),h(B),t());break;case"ArrowLeft":case"ArrowDown":c.preventDefault(),h(Math.max(0,b-B*.1));break;case"Home":c.preventDefault(),h(0);break;case"End":c.preventDefault(),h(B),M(!0),t();break;case"Enter":case" ":c.preventDefault(),b>=B*.9&&(M(!0),h(B),t());break}},[s,P,t,b]),G=x__namespace.useCallback(c=>{s||P||(f(!0),c.preventDefault());},[s,P]),K=x__namespace.useCallback(c=>{if(!n||!T.current||!C.current)return;let k=T.current.getBoundingClientRect(),Q=C.current.getBoundingClientRect(),B=k.width-Q.width,ke=Math.max(0,Math.min(B,c-k.left-Q.width/2));h(ke),ke>=B*.9&&(f(!1),M(!0),h(B),t());},[n,t]),v=x__namespace.useCallback(c=>{K(c.clientX);},[K]),S=x__namespace.useCallback(c=>{K(c.touches[0].clientX);},[K]),O=x__namespace.useCallback(()=>{P||h(0),f(!1);},[P]);x__namespace.useEffect(()=>(n&&(document.addEventListener("mousemove",v),document.addEventListener("mouseup",O),document.addEventListener("touchmove",S),document.addEventListener("touchend",O)),()=>{document.removeEventListener("mousemove",v),document.removeEventListener("mouseup",O),document.removeEventListener("touchmove",S),document.removeEventListener("touchend",O);}),[n,v,S,O]),x__namespace.useEffect(()=>{s&&(h(0),M(!1),f(!1));},[s]);let ge=x__namespace.useMemo(()=>{if(!T.current||!C.current)return 0;let c=T.current.clientWidth-C.current.clientWidth;return Math.round(b/c*100)},[b]);return x__namespace.createElement("div",{ref:d,className:p("relative h-12 rounded-full transition-colors",E[r].track,s&&"opacity-50 cursor-not-allowed",i),...l},x__namespace.createElement("div",{ref:T,role:"slider","aria-label":a||e,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":ge,"aria-valuetext":P?o:`${ge}% complete`,"aria-disabled":s,tabIndex:s?-1:0,className:"relative w-full h-full overflow-hidden rounded-full outline-none focus-visible:ring-2 focus-visible:ring-primary-100 focus-visible:ring-offset-2",onKeyDown:A,onFocus:()=>L(!0),onBlur:()=>L(!1)},x__namespace.createElement("div",{className:"absolute inset-0 flex items-center justify-center","aria-hidden":"true"},x__namespace.createElement(m,{variant:"body-default-semibold",className:p(E[r].text,"transition-opacity select-none",(n||P)&&"opacity-0")},e),x__namespace.createElement(m,{variant:"body-default-semibold",className:p(E[r].text,"transition-opacity select-none",!P&&"opacity-0")},o)),x__namespace.createElement("div",{ref:C,className:p("absolute top-1 bottom-1 left-1 w-10 rounded-full cursor-grab active:cursor-grabbing transition-transform",E[r].thumb,s&&"cursor-not-allowed",g&&"ring-2 ring-white"),style:{transform:`translateX(${b}px)`},onMouseDown:G,onTouchStart:G,"aria-hidden":"true"},x__namespace.createElement("div",{className:"absolute inset-0 flex items-center justify-center"},x__namespace.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},x__namespace.createElement("path",{d:"M13.5 10L8.5 15L7.5 14L11.5 10L7.5 6L8.5 5L13.5 10Z",fill:"white"}))))))});Et.displayName="SlideButton";var At={background:{0:"#FFFFFF",50:"#F6F6F6",100:"#F7F7F5"},primary:{50:"#5B3DE3",100:"#089CCB"},secondary:{50:"#D9D9D9",100:"#F6F5FF",200:"#EBE8FC",300:"#BDAEFF",400:"#E7F7FC",500:"#DAF6FF",600:"#B3EDFF"},tertiary:{5:"#E33D6550",10:"#E33D65",15:"#F59E0B50",20:"#F59E0B",25:"#10B98150",30:"#10B981"},stroke:"#ECECEC",text:{text:"#080808",secondary:"#666666",white:"#FFFFFF","primary-blue":"#F7F7F5",disabled:"#888888",danger:"#E33D65"},overlay:"rgba(26, 26, 28, 0.8)",sidebarOverlay:"rgba(0, 0, 0, 0.60)"},Ht={heading:{xl:{fontSize:"56px",letterSpacing:"-1.12px",fontWeight:"700"},lg:{fontSize:"32px",letterSpacing:"-0.64px",fontWeight:"700"},md:{fontSize:"32px",letterSpacing:"-0.64px",fontWeight:"700"},sm:{fontSize:"24px",letterSpacing:"-0.48px",fontWeight:"700"},xs:{fontSize:"20px",letterSpacing:"0.4px",fontWeight:"700"}},body:{lg:{fontSize:"20px",letterSpacing:"-0.4px",fontWeight:"500",lineHeight:"150%"},"lg-semibold":{fontSize:"20px",letterSpacing:"-0.4px",fontWeight:"600",lineHeight:"150%"},md:{fontSize:"18px",letterSpacing:"0.36px",fontWeight:"600"},default:{fontSize:"16px",letterSpacing:"0%",fontWeight:"400",lineHeight:"150%"},"default-medium":{fontSize:"16px",letterSpacing:"0%",fontWeight:"500"},"default-semibold":{fontSize:"16px",letterSpacing:"0%",fontWeight:"600"},"default-bold":{fontSize:"16px",letterSpacing:"0%",fontWeight:"700"},xs:{fontSize:"14px",letterSpacing:"0%",fontWeight:"400"},"xs-medium":{fontSize:"14px",letterSpacing:"0%",fontWeight:"500"},"xs-bold":{fontSize:"14px",letterSpacing:"0%",fontWeight:"700"},xxs:{fontSize:"13px",letterSpacing:"0%",fontWeight:"400"},"xxs-medium":{fontSize:"13px",letterSpacing:"0%",fontWeight:"500"},"xxs-semibold":{fontSize:"13px",letterSpacing:"0%",fontWeight:"600"},"xxs-bold":{fontSize:"13px",letterSpacing:"0%",fontWeight:"700"}},label:{default:{fontSize:"13px",lineHeight:"24px",letterSpacing:"0%",fontWeight:"400",textTransform:"uppercase"}}},Eo={content:["./src/**/*.{ts,tsx}"],theme:{extend:{colors:At,fontSize:{...Object.entries(Ht).reduce((e,[o,t])=>(Object.entries(t).forEach(([r,i])=>{e[`${o}-${r}`]=[i.fontSize,{lineHeight:i.lineHeight||"normal",letterSpacing:i.letterSpacing||"normal",fontWeight:i.fontWeight}];}),e),{})},fontFamily:{sans:["Gilroy","sans-serif"]},fontWeight:{light:"400",regular:"500",normal:"500",semibold:"600",bold:"700"},keyframes:{spin:{"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}},"slide-in-from-right":{"0%":{transform:"translateX(100%)"},"100%":{transform:"translateX(0)"}},"slide-out-to-right":{"0%":{transform:"translateX(0)"},"100%":{transform:"translateX(100%)"}},"slide-in-from-left":{"0%":{transform:"translateX(-100%)"},"100%":{transform:"translateX(0)"}},"slide-out-to-left":{"0%":{transform:"translateX(0)"},"100%":{transform:"translateX(-100%)"}},"fade-in":{from:{opacity:"0"},to:{opacity:"1"}},"fade-out":{from:{opacity:"1"},to:{opacity:"0"}},"overlay-show":{from:{opacity:"0"},to:{opacity:"1"}},"overlay-hide":{from:{opacity:"1"},to:{opacity:"0"}},"accordion-down":{from:{height:"0px"},to:{height:"var(--radix-accordion-content-height)"}},"accordion-up":{from:{height:"var(--radix-accordion-content-height)"},to:{height:"0px"}}},animation:{spin:"spin 1s linear infinite","slide-in-from-right":"slide-in-from-right 0.3s cubic-bezier(0.16, 1, 0.3, 1)","slide-out-to-right":"slide-out-to-right 0.2s ease-out","slide-in-from-left":"slide-in-from-left 0.3s cubic-bezier(0.16, 1, 0.3, 1)","slide-out-to-left":"slide-out-to-left 0.2s ease-out","fade-in":"fade-in 200ms ease-out","fade-out":"fade-out 150ms ease-in","overlay-show":"overlay-show 200ms cubic-bezier(0.16, 1, 0.3, 1)","overlay-hide":"overlay-hide 200ms cubic-bezier(0.16, 1, 0.3, 1)","accordion-down":"accordion-down 0.2s ease-out","accordion-up":"accordion-up 0.2s ease-out"},borderWidth:{3:"3px"}}},plugins:[So__default.default],safelist:[...lt(At,Ht)]},Ao=Eo;var ka=()=>{let[e,o]=x__namespace.useState([]),t=x__namespace.useCallback(a=>{let l=Math.random().toString(36).slice(2);return o(d=>[...d,{...a,id:l,open:!0}]),l},[]),r=x__namespace.useCallback(a=>{o(l=>l.map(d=>d.id===a?{...d,open:!1}:d));},[]),i=x__namespace.useCallback((a,l)=>{l||(r(a),setTimeout(()=>{o(d=>d.filter(n=>n.id!==a));},300));},[r]),s=e.map(a=>x__namespace.createElement(Fe,{key:a.id,...a,onOpenChange:l=>i(a.id,l)}));return {show:t,dismiss:r,toasts:s}};if (exports.default) module.exports = exports.default;
+exports.AboutCard=ho;exports.Accordion=kt;exports.AddWorkCard=Jt;exports.Avatar=_e;exports.Badge=De;exports.Breadcrumbs=Ct;exports.Button=Y;exports.Carousel=Lo;exports.Collapsible=Ze;exports.Combobox=qe;exports.ContactItem=nt;exports.Dropdown=Ae;exports.EditButton=yt;exports.Icon=u;exports.IconRenderer=xe;exports.Illustration=ro;exports.Input=we;exports.Link=he;exports.Logo=et;exports.MultiSelectCombobox=_t;exports.Navbar=Ft;exports.NavbarItem=ot;exports.Option=fe;exports.Pressable=N;exports.ProfileCard=fo;exports.ProgressBar=wt;exports.SegmentedTabs=Pt;exports.Sidebar=Po;exports.SlideButton=Et;exports.SocialCard=po;exports.Spinner=He;exports.Switch=Oe;exports.Tabs=vt;exports.Tag=ue;exports.Text=m;exports.TextArea=No;exports.Toast=Fe;exports.ToastProvider=ao;exports.Tooltip=Le;exports.WorkCard=to;exports.tailwindConfig=Ao;exports.useMediaQuery=Lt;exports.useToast=ka;//# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map