@deckai/deck-ui 0.0.12 → 0.0.13

package/dist/components/Navbar.js

@@ -1,3 +1,3 @@
-import*as p from'react';import p__default,{useState,useMemo,useCallback}from'react';import*as f from'@radix-ui/react-popover';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {IconMap}from'@deckai/icons';var v="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",S="ring-2 ring-ring ring-offset-2";var g=({children:e,type:s="button",className:r,disabled:o,...t})=>p__default.createElement("button",{type:s,disabled:o,className:`appearance-none hover:opacity-80 transition-all active:scale-95 ${v} ${r} ${o?"opacity-50 cursor-not-allowed":""}`,...t},e);var T={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},j=e=>{if(!e)return {width:"48px",height:"48px"};let s=Array.isArray(e)?e:[e],r={},o;return s.forEach(t=>{if(typeof t=="number")o=`${t}px`;else {let[n,i]=t.split(":"),a=parseInt(i,10);r[`@media (minWidth: ${T[n]})`]=`${a}px`;}}),{width:o||"48px",height:o||"48px",...Object.entries(r).reduce((t,[n,i])=>({...t,[n]:{width:i,height:i}}),{})}},$=({src:e,size:s=48,onClick:r,...o})=>{let t=j(s),n=e?p__default.createElement("img",{src:e,alt:"avatar",className:"rounded-full",style:t,...o}):p__default.createElement("div",{style:t,className:"rounded-full bg-gray-200"});return r?p__default.createElement(g,{onClick:r},n):n};function d(...e){return twMerge(clsx(e))}var k={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB"},_={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},F=e=>{if(!e)return {width:"24px",height:"24px"};let s=Array.isArray(e)?e:[e],r={},o;return s.forEach(t=>{if(typeof t=="number")o=`${t}px`;else {let[n,i]=t.split(":"),a=parseInt(i,10);r[`@media (min-width: ${_[n]})`]=`${a}px`;}}),{width:o||"24px",height:o||"24px",...Object.entries(r).reduce((t,[n,i])=>({...t,[n]:{width:i,height:i}}),{})}},C=p__default.forwardRef(({name:e,size:s=24,color:r="primary",title:o,className:t,style:n={},...i},a)=>{let m=IconMap[e],x=F(s);return p__default.createElement("div",{className:d("flex justify-center items-center",t),style:{...x,"--icon-stroke":k[r],...n}},p__default.createElement(m,{ref:a,"aria-hidden":!o,"aria-label":o,stroke:e.includes("filled")?void 0:k[r],...i}))});C.displayName="Icon";var w=({className:e,end:s,iconName:r,color:o,size:t,title:n,...i})=>p.createElement("div",{className:"relative"},p.createElement("input",{className:d(`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 ${v} disabled:cursor-not-allowed disabled:opacity-50 md:text-md`,s&&"pr-10",e),...i}),s&&p.createElement("div",{className:"absolute inset-y-0 right-0 flex items-center pr-3"},r?p.createElement(C,{name:r,color:o,size:t,title:n}):s));var O=({value:e,label:s,onChange:r,selected:o})=>p__default.createElement("button",{type:"button",className:d("relative w-full h-full text-left px-2 py-1.5 text-sm cursor-pointer hover:bg-gray-100 rounded",o&&"bg-gray-100"),onClick:()=>{r?.(e);}},s);var A=({options:e,placeholder:s="Select an item...",value:r,onChange:o,end:t,className:n})=>{let[i,a]=useState(!1),[m,x]=useState(r),N=useMemo(()=>e.find(c=>c.value===m),[m,e]),I=e.filter(c=>m?c.label.toLowerCase().includes(m.toLowerCase()):e),V=useCallback(c=>{o(c),a(!1),x(N?.label);},[o,N?.label]);return p__default.createElement(f.Root,{open:i,onOpenChange:a},p__default.createElement("div",{className:`relative w-full font-sans text-text-secondary ${n}`},p__default.createElement(f.Trigger,{asChild:!0},p__default.createElement("div",{className:"flex"},p__default.createElement("div",{className:"relative flex-1"},p__default.createElement(w,{placeholder:s,value:m,onChange:c=>x(c.target.value),end:t,className:`flex-1 ${i&&S}`})))),p__default.createElement(f.Portal,null,p__default.createElement(f.Content,{className:"w-[--radix-popover-trigger-width] p-1 bg-white rounded-md shadow-lg border mt-1 z-20",sideOffset:5},p__default.createElement("div",{className:"max-h-60 overflow-auto flex flex-col items-start"},I.length>0?I.map(({label:c,value:B},z)=>p__default.createElement(O,{onChange:V,value:B,key:z,label:c})):p__default.createElement("div",{className:"px-2 py-1.5 text-sm text-gray-500"},"No results found"))))))};var M=({className:e})=>p__default.createElement("div",{className:d("lg:w-[76px] lg:h-[25px] w-[58px] h-[19px]",e)},p__default.createElement("svg",{width:"100%",height:"100%",viewBox:"0 0 76 25",fill:"none",xmlns:"http://www.w3.org/2000/svg"},p__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 E=({iconName:e,hasNotification:s,color:r,title:o,...t})=>(console.log({hasNotification:s}),p__default.createElement(g,{className:"relative lg:px-7 md:px-5 py-3",...t},p__default.createElement(C,{name:e,color:r,title:o}),s&&p__default.createElement("div",{className:"w-3 h-3 bg-red-500 rounded-full absolute top-3 right-5"})));var Ze=({searchOptions:e,onSearchChange:s,navbarItems:r,onLogoClick:o,onProfileClick:t,avatarImage:n})=>p__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"},p__default.createElement("div",{className:"flex flex-1 md:gap-6 gap-3 items-center"},p__default.createElement(g,{onClick:o,title:"Deck AI"},p__default.createElement(M,null)),p__default.createElement(A,{options:e,placeholder:"Search for a creator, type of content, or platform...",end:p__default.createElement(C,{name:"search-normal",size:["lg:24",18]}),onChange:s,className:"flex-1 max-w-lg"})),p__default.createElement("div",{className:"flex gap-4"},p__default.createElement("div",{className:"md:flex hidden gap-2 border-b-2 border-stroke items-center"},r.map(({iconName:i,title:a,onClick:m})=>p__default.createElement(E,{key:a,iconName:i,title:a,onClick:m}))),p__default.createElement("div",{className:"flex"},p__default.createElement($,{onClick:t,src:n,size:["sm:48",40]}))));if (exports.default) module.exports = exports.default;
-export{Ze as Navbar};//# sourceMappingURL=Navbar.js.map
+import*as p from'react';import p__default,{useState,useMemo,useCallback}from'react';import*as f from'@radix-ui/react-popover';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {IconMap}from'@deckai/icons';var b="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",w="ring-2 ring-ring ring-offset-2";var x=({children:e,type:s="button",className:r,disabled:o,...t})=>p__default.createElement("button",{type:s,disabled:o,className:`appearance-none hover:opacity-80 transition-all active:scale-95 ${b} ${r} ${o?"opacity-50 cursor-not-allowed":""}`,...t},e);var G={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},Z=e=>{if(!e)return {width:"48px",height:"48px"};let s=Array.isArray(e)?e:[e],r={},o;return s.forEach(t=>{if(typeof t=="number")o=`${t}px`;else {let[i,n]=t.split(":"),a=parseInt(n,10);r[`@media (minWidth: ${G[i]})`]=`${a}px`;}}),{width:o||"48px",height:o||"48px",...Object.entries(r).reduce((t,[i,n])=>({...t,[i]:{width:n,height:n}}),{})}},O=({src:e,size:s=48,onClick:r,...o})=>{let t=Z(s),i=e?p__default.createElement("img",{src:e,alt:"avatar",className:"rounded-full",style:t,...o}):p__default.createElement("div",{style:t,className:"rounded-full bg-gray-200"});return r?p__default.createElement(x,{onClick:r},i):i};function c(...e){return twMerge(clsx(e))}var L={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB"},Q={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},D=e=>{if(!e)return {width:"24px",height:"24px"};let s=Array.isArray(e)?e:[e],r={},o;return s.forEach(t=>{if(typeof t=="number")o=`${t}px`;else {let[i,n]=t.split(":"),a=parseInt(n,10);r[`@media (min-width: ${Q[i]})`]=`${a}px`;}}),{width:o||"24px",height:o||"24px",...Object.entries(r).reduce((t,[i,n])=>({...t,[i]:{width:n,height:n}}),{})}},C=p__default.forwardRef(({name:e,size:s=24,color:r="primary",title:o,className:t,style:i={},...n},a)=>{let d=IconMap[e],u=D(s);return p__default.createElement("div",{className:c("flex justify-center items-center",t),style:{...u,"--icon-stroke":L[r],...i}},p__default.createElement(d,{ref:a,"aria-hidden":!o,"aria-label":o,stroke:e.includes("filled")?void 0:L[r],...n}))});C.displayName="Icon";var A=({className:e,end:s,iconName:r,color:o,size:t,title:i,label:n,labelClassName:a,id:d,...u})=>p.createElement("div",{className:"space-y-2"},n&&p.createElement("label",{htmlFor:d,className:c("block text-sm font-medium text-text-primary",a)},n),p.createElement("div",{className:"relative"},p.createElement("input",{id:d,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 ${b} disabled:cursor-not-allowed disabled:opacity-50 md:text-md`,s&&"pr-10",e),...u}),s&&p.createElement("div",{className:"absolute inset-y-0 right-0 flex items-center pr-3"},r?p.createElement(C,{name:r,color:o,size:t,title:i}):s)));var M=({value:e,label:s,onChange:r,selected:o})=>p__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",o&&"bg-gray-100"),onClick:()=>{r?.(e);}},s);var V=({options:e,placeholder:s="Select an item...",value:r,onChange:o,end:t,className:i,label:n,labelClassName:a,id:d})=>{let[u,I]=useState(!1),[v,S]=useState(r),k=useMemo(()=>e.find(m=>m.value===v),[v,e]),$=e.filter(m=>v?m.label.toLowerCase().includes(v.toLowerCase()):e),H=useCallback(m=>{o(m),I(!1),S(k?.label);},[o,k?.label]);return p__default.createElement(f.Root,{open:u,onOpenChange:I},p__default.createElement("div",{className:`relative w-full font-sans text-text-secondary ${i}`},p__default.createElement(f.Trigger,{asChild:!0},p__default.createElement("div",{className:"flex"},p__default.createElement("div",{className:"relative flex-1"},p__default.createElement(A,{id:d,label:n,labelClassName:a,placeholder:s,value:v,onChange:m=>S(m.target.value),end:t,className:`flex-1 ${u&&w}`})))),p__default.createElement(f.Portal,null,p__default.createElement(f.Content,{className:"w-[--radix-popover-trigger-width] p-1 bg-white rounded-md shadow-lg border mt-1 z-20",sideOffset:5},p__default.createElement("div",{className:"max-h-60 overflow-auto flex flex-col items-start"},$.length>0?$.map(({label:m,value:T},j)=>p__default.createElement(M,{onChange:H,value:T,key:j,label:m})):p__default.createElement("div",{className:"px-2 py-1.5 text-sm text-gray-500"},"No results found"))))))};var B=({className:e})=>p__default.createElement("div",{className:c("lg:w-[76px] lg:h-[25px] w-[58px] h-[19px]",e)},p__default.createElement("svg",{width:"100%",height:"100%",viewBox:"0 0 76 25",fill:"none",xmlns:"http://www.w3.org/2000/svg"},p__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 z=({iconName:e,hasNotification:s,color:r,title:o,...t})=>(console.log({hasNotification:s}),p__default.createElement(x,{className:"relative lg:px-7 md:px-5 py-3",...t},p__default.createElement(C,{name:e,color:r,title:o}),s&&p__default.createElement("div",{className:"w-3 h-3 bg-red-500 rounded-full absolute top-3 right-5"})));var Ke=({searchOptions:e,onSearchChange:s,navbarItems:r,onLogoClick:o,onProfileClick:t,avatarImage:i})=>p__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"},p__default.createElement("div",{className:"flex flex-1 md:gap-6 gap-3 items-center"},p__default.createElement(x,{onClick:o,title:"Deck AI"},p__default.createElement(B,null)),p__default.createElement(V,{options:e,placeholder:"Search for a creator, type of content, or platform...",end:p__default.createElement(C,{name:"search-normal",size:["lg:24",18]}),onChange:s,className:"flex-1 max-w-lg"})),p__default.createElement("div",{className:"flex gap-4"},p__default.createElement("div",{className:"md:flex hidden gap-2 border-b-2 border-stroke items-center"},r.map(({iconName:n,title:a,onClick:d})=>p__default.createElement(z,{key:a,iconName:n,title:a,onClick:d}))),p__default.createElement("div",{className:"flex"},p__default.createElement(O,{onClick:t,src:i,size:["sm:48",40]}))));if (exports.default) module.exports = exports.default;
+export{Ke as Navbar};//# sourceMappingURL=Navbar.js.map
 //# sourceMappingURL=Navbar.js.map

package/dist/components/Navbar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/tailwind.ts","../../src/components/Pressable.tsx","../../src/components/Avatar.tsx","../../src/utils/index.ts","../../src/components/Icon.tsx","../../src/components/Input.tsx","../../src/components/Option.tsx","../../src/components/Combobox.tsx","../../src/components/Logo.tsx","../../src/components/NavbarItem.tsx","../../src/components/Navbar.tsx"],"names":["focusRingStyles","focusRingStylesCoerced","Pressable","children","type","className","disabled","props","React","BREAKPOINT_MAP","processSizes","sizes","sizeArray","mediaQueries","baseSize","size","breakpoint","valueStr","value","acc","query","Avatar","src","onClick","sizeStyles","content","cn","inputs","twMerge","clsx","COLOR_MAP","Icon","name","color","title","style","ref","IconComponent","IconMap","Input","end","iconName","u","Option","label","onChange","selected","Combobox","options","placeholder","open","setOpen","useState","inputValue","setInputValue","selectedOption","useMemo","option","filteredItems","handleOptionChange","useCallback","e","optionValue","index","Logo","NavbarItem","hasNotification","Navbar","searchOptions","onSearchChange","navbarItems","onLogoClick","onProfileClick","avatarImage"],"mappings":"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","file":"Navbar.js","sourcesContent":["import { Colors, Typography } from \"../types/tailwind\";\n\n// Generate safelist patterns for all color utilities so you can use any theme color variable in your code\nexport const generateSafelist = (colors: Colors, typography: Typography) => {\n  const colorNames = Object.keys(colors) as (keyof Colors)[];\n  const utilities = [\"bg\", \"text\", \"border\", \"ring\", \"divide\", \"outline\"];\n  const variants = [\"hover:\", \"focus:\", \"active:\", \"disabled:\"];\n\n  const safelist: string[] = [];\n\n  colorNames.forEach((colorName) => {\n    if (typeof colors[colorName] === \"object\") {\n      // Handle nested color objects (with number keys)\n      Object.keys(colors[colorName]).forEach((shade) => {\n        utilities.forEach((utility) => {\n          // Base utility\n          safelist.push(`${utility}-${colorName}-${shade}`);\n\n          // Variant utilities\n          variants.forEach((variant) => {\n            safelist.push(`${variant}${utility}-${colorName}-${shade}`);\n          });\n        });\n      });\n    } else {\n      // Handle direct color values\n      utilities.forEach((utility) => {\n        safelist.push(`${utility}-${colorName}`);\n\n        variants.forEach((variant) => {\n          safelist.push(`${variant}${utility}-${colorName}`);\n        });\n      });\n    }\n  });\n\n  // Generate typography classes\n  Object.entries(typography).forEach(([family, sizes]) => {\n    Object.keys(sizes).forEach((size) => {\n      // Base typography classes\n      safelist.push(`text-${family}-${size}`);\n\n      // Add variants\n      variants.forEach((variant) => {\n        safelist.push(`${variant}text-${family}-${size}`);\n      });\n    });\n  });\n\n  const breakpoints = [\"sm\", \"md\", \"lg\", \"xl\", \"2xl\"];\n  const typographyClasses = Object.entries(typography).flatMap(\n    ([category, sizes]) =>\n      Object.keys(sizes).map((size) => `text-${category}-${size}`)\n  );\n\n  // Generate responsive variants\n  const responsiveTypographyClasses = typographyClasses.flatMap((className) =>\n    breakpoints.map((breakpoint) => `${breakpoint}:${className}`)\n  );\n\n  return [\n    ...typographyClasses,\n    ...responsiveTypographyClasses\n    // ... rest of your safelist\n  ];\n};\n\nexport const focusRingStyles =\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\";\n\nexport const focusRingStylesCoerced = \"ring-2 ring-ring ring-offset-2\";\n","import React, { ButtonHTMLAttributes } from \"react\";\nimport { focusRingStyles } from \"../utils/tailwind\";\n\nexport type PressableProps = ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const Pressable: React.FC<PressableProps> = ({\n  children,\n  type = \"button\",\n  className,\n  disabled,\n  ...props\n}) => (\n  <button\n    // eslint-disable-next-line react/butt on-has-type\n    type={type}\n    disabled={disabled}\n    className={`appearance-none hover:opacity-80 transition-all active:scale-95 ${focusRingStyles} ${className} ${disabled ? \"opacity-50 cursor-not-allowed\" : \"\"}`}\n    {...props}\n  >\n    {children}\n  </button>\n);\n","import React from \"react\";\nimport { Pressable } from \"./Pressable\";\n\ntype Breakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\ntype ResponsiveSize = number | `${Breakpoint}:${number}`;\n\nconst BREAKPOINT_MAP: Record<Breakpoint, string> = {\n  sm: \"640px\",\n  md: \"768px\",\n  lg: \"1024px\",\n  xl: \"1280px\",\n  \"2xl\": \"1536px\"\n};\n\nexport type AvatarProps = {\n  src?: string;\n  size?: ResponsiveSize | ResponsiveSize[];\n} & Pick<React.ComponentProps<typeof Pressable>, \"onClick\">;\n\nconst processSizes = (\n  sizes: ResponsiveSize | ResponsiveSize[] | undefined\n): React.CSSProperties => {\n  if (!sizes) return { width: \"48px\", height: \"48px\" };\n\n  const sizeArray = Array.isArray(sizes) ? sizes : [sizes];\n  const mediaQueries: Record<string, string> = {};\n  let baseSize: string | undefined;\n\n  // Process each size\n  sizeArray.forEach((size) => {\n    if (typeof size === \"number\") {\n      baseSize = `${size}px`;\n    } else {\n      const [breakpoint, valueStr] = size.split(\":\") as [Breakpoint, string];\n      const value = parseInt(valueStr, 10);\n      mediaQueries[`@media (minWidth: ${BREAKPOINT_MAP[breakpoint]})`] =\n        `${value}px`;\n    }\n  });\n\n  // Create the style object with the correct structure\n  return {\n    width: baseSize || \"48px\",\n    height: baseSize || \"48px\",\n    ...Object.entries(mediaQueries).reduce(\n      (acc, [query, size]) => ({\n        ...acc,\n        [query]: {\n          width: size,\n          height: size\n        }\n      }),\n      {}\n    )\n  };\n};\n\nexport const Avatar = ({ src, size = 48, onClick, ...props }: AvatarProps) => {\n  const sizeStyles = processSizes(size);\n\n  const content = src ? (\n    <img\n      src={src}\n      alt=\"avatar\"\n      className=\"rounded-full\"\n      style={sizeStyles}\n      {...props}\n    />\n  ) : (\n    <div style={sizeStyles} className=\"rounded-full bg-gray-200\" />\n  );\n\n  return onClick ? <Pressable onClick={onClick}>{content}</Pressable> : content;\n};\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\nexport const noopFn = () => {};\n","import React, { SVGProps } from \"react\";\nimport { IconName, IconMap } from \"@deckai/icons\";\nimport { IconColors } from \"../types/tailwind\";\nimport { cn } from \"../utils\";\n\ntype Breakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\ntype ResponsiveSize = number | `${Breakpoint}:${number}`;\n\nexport type IconProps = {\n  name: IconName;\n  /** @default 24 */\n  size?: ResponsiveSize | ResponsiveSize[];\n  /** @default primary */\n  color?: IconColors;\n  title?: string;\n  className?: string;\n  style?: React.CSSProperties;\n} & Omit<SVGProps<SVGSVGElement>, \"aria-hidden\" | \"aria-label\">;\n\nconst COLOR_MAP: Record<IconColors, string> = {\n  primary: \"#080808\",\n  secondary: \"#666666\",\n  white: \"#ffffff\",\n  primaryBlue: \"#089CCB\"\n};\n\nconst BREAKPOINT_MAP: Record<Breakpoint, string> = {\n  sm: \"640px\",\n  md: \"768px\",\n  lg: \"1024px\",\n  xl: \"1280px\",\n  \"2xl\": \"1536px\"\n};\n\nconst processSizes = (\n  sizes: ResponsiveSize | ResponsiveSize[] | undefined\n): React.CSSProperties => {\n  if (!sizes) return { width: \"24px\", height: \"24px\" };\n\n  const sizeArray = Array.isArray(sizes) ? sizes : [sizes];\n  const mediaQueries: Record<string, string> = {};\n  let baseSize: string | undefined;\n\n  // Process each size\n  sizeArray.forEach((size) => {\n    if (typeof size === \"number\") {\n      baseSize = `${size}px`;\n    } else {\n      const [breakpoint, valueStr] = size.split(\":\") as [Breakpoint, string];\n      const value = parseInt(valueStr, 10);\n      mediaQueries[`@media (min-width: ${BREAKPOINT_MAP[breakpoint]})`] =\n        `${value}px`;\n    }\n  });\n\n  // Create the style object with the correct structure\n  return {\n    width: baseSize || \"24px\",\n    height: baseSize || \"24px\",\n    ...Object.entries(mediaQueries).reduce(\n      (acc, [query, size]) => ({\n        ...acc,\n        [query]: {\n          width: size,\n          height: size\n        }\n      }),\n      {}\n    )\n  };\n};\n\nexport const Icon = React.forwardRef<SVGSVGElement, IconProps>(\n  (\n    {\n      name,\n      size = 24,\n      color = \"primary\",\n      title,\n      className,\n      style = {},\n      ...props\n    },\n    ref\n  ) => {\n    const IconComponent = IconMap[name];\n    const sizeStyles = processSizes(size);\n\n    return (\n      <div\n        className={cn(\"flex justify-center items-center\", className)}\n        style={{\n          ...sizeStyles,\n          [\"--icon-stroke\" as string]: COLOR_MAP[color],\n          ...style\n        }}\n      >\n        <IconComponent\n          ref={ref}\n          aria-hidden={!title}\n          aria-label={title}\n          stroke={name.includes(\"filled\") ? undefined : COLOR_MAP[color]}\n          {...props}\n        />\n      </div>\n    );\n  }\n);\n\nIcon.displayName = \"Icon\";\n","import * as React from \"react\";\nimport { cn } from \"../utils\";\nimport { focusRingStyles } from \"../utils/tailwind\";\nimport { IconName } from \"@deckai/icons\";\nimport { Icon, IconProps } from \"./Icon\";\n\nexport type InputProps = {\n  className?: string;\n  end?: React.ReactNode;\n  /** renders an icon in the end slot */\n  iconName?: IconName;\n} & React.InputHTMLAttributes<HTMLInputElement> &\n  Pick<IconProps, \"color\" | \"size\" | \"title\">;\n\nexport const Input = ({\n  className,\n  end,\n  iconName,\n  color,\n  size,\n  title,\n  ...props\n}: InputProps) => (\n  <div className=\"relative\">\n    <input\n      className={cn(\n        `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 ${focusRingStyles} disabled:cursor-not-allowed disabled:opacity-50 md:text-md`,\n        end && \"pr-10\",\n        className\n      )}\n      {...props}\n    />\n    {end && (\n      <div className=\"absolute inset-y-0 right-0 flex items-center pr-3\">\n        {iconName ? (\n          <Icon name={iconName} color={color} size={size} title={title} />\n        ) : (\n          end\n        )}\n      </div>\n    )}\n  </div>\n);\n","import React from \"react\";\nimport { cn } from \"../utils\";\nimport { Icon } from \"./Icon\";\n\nexport type OptionProps = {\n  label: string;\n  value: string;\n  onChange?: (value: string) => void;\n  selected?: boolean;\n};\n\nexport const Option = ({ value, label, onChange, selected }: OptionProps) => (\n  <button\n    type=\"button\"\n    className={cn(\n      \"relative w-full h-full text-left px-2 py-1.5 text-sm cursor-pointer hover:bg-gray-100 rounded\",\n      selected && \"bg-gray-100\"\n    )}\n    onClick={() => {\n      onChange?.(value);\n    }}\n  >\n    {label}\n  </button>\n);\n","import React, { useCallback, useMemo, useState } from \"react\";\nimport * as Popover from \"@radix-ui/react-popover\";\nimport { Input } from \"./Input\";\nimport { OptionProps, Option } from \"./Option\";\nimport { focusRingStylesCoerced } from \"../utils/tailwind\";\n\nexport type ComboboxProps = {\n  options: OptionProps[];\n  placeholder?: string;\n  value?: string;\n  onChange: (value: string) => void;\n  end?: React.ReactNode;\n  className?: string;\n};\n\nexport const Combobox = ({\n  options,\n  placeholder = \"Select an item...\",\n  value,\n  onChange,\n  end,\n  className\n}: ComboboxProps) => {\n  const [open, setOpen] = useState(false);\n  const [inputValue, setInputValue] = useState<string | undefined>(value);\n\n  const selectedOption: OptionProps | undefined = useMemo(\n    () => options.find((option) => option.value === inputValue),\n    [inputValue, options]\n  );\n\n  const filteredItems = options.filter((option) =>\n    inputValue\n      ? option.label.toLowerCase().includes(inputValue.toLowerCase())\n      : options\n  );\n\n  const handleOptionChange = useCallback(\n    (option: string) => {\n      onChange(option);\n      setOpen(false);\n      setInputValue(selectedOption?.label);\n    },\n    [onChange, selectedOption?.label]\n  );\n\n  return (\n    <Popover.Root open={open} onOpenChange={setOpen}>\n      <div\n        className={`relative w-full font-sans text-text-secondary ${className}`}\n      >\n        <Popover.Trigger asChild>\n          <div className=\"flex\">\n            <div className=\"relative flex-1\">\n              <Input\n                placeholder={placeholder}\n                value={inputValue}\n                onChange={(e) => setInputValue(e.target.value)}\n                end={end}\n                className={`flex-1 ${open && focusRingStylesCoerced}`}\n              />\n            </div>\n          </div>\n        </Popover.Trigger>\n\n        <Popover.Portal>\n          <Popover.Content\n            className=\"w-[--radix-popover-trigger-width] p-1 bg-white rounded-md shadow-lg border mt-1 z-20\"\n            sideOffset={5}\n          >\n            <div className=\"max-h-60 overflow-auto flex flex-col items-start\">\n              {filteredItems.length > 0 ? (\n                filteredItems.map(({ label, value: optionValue }, index) => (\n                  <Option\n                    onChange={handleOptionChange}\n                    value={optionValue}\n                    key={index}\n                    label={label}\n                  />\n                ))\n              ) : (\n                <div className=\"px-2 py-1.5 text-sm text-gray-500\">\n                  No results found\n                </div>\n              )}\n            </div>\n          </Popover.Content>\n        </Popover.Portal>\n      </div>\n    </Popover.Root>\n  );\n};\n","import React from \"react\";\nimport { cn } from \"../utils\";\n\nexport type LogoProps = {\n  className?: string;\n};\n\nexport const Logo = ({ className }: LogoProps) => (\n  <div className={cn(\"lg:w-[76px] lg:h-[25px] w-[58px] h-[19px]\", className)}>\n    <svg\n      width=\"100%\"\n      height=\"100%\"\n      viewBox=\"0 0 76 25\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        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\"\n        fill=\"#080808\"\n      />\n    </svg>\n  </div>\n);\n","import React from \"react\";\nimport { IconName } from \"@deckai/icons\";\nimport { Icon, IconProps } from \"./Icon\";\nimport { Pressable, PressableProps } from \"./Pressable\";\n\nexport type NavbarItemProps = {\n  iconName: IconName;\n  hasNotification?: boolean;\n} & Pick<IconProps, \"color\" | \"title\"> &\n  PressableProps;\n\nexport const NavbarItem = ({\n  iconName,\n  hasNotification,\n  color,\n  title,\n  ...props\n}: NavbarItemProps) => {\n  console.log({ hasNotification });\n  return (\n    <Pressable className=\"relative lg:px-7 md:px-5 py-3\" {...props}>\n      <Icon name={iconName} color={color} title={title} />\n      {hasNotification && (\n        <div className=\"w-3 h-3 bg-red-500 rounded-full absolute top-3 right-5\" />\n      )}\n    </Pressable>\n  );\n};\n","import React from \"react\";\nimport { Avatar } from \"./Avatar\";\nimport { Combobox } from \"./Combobox\";\nimport { Icon } from \"./Icon\";\nimport { Logo } from \"./Logo\";\nimport { Pressable } from \"./Pressable\";\nimport { OptionProps } from \"./Option\";\nimport { NavbarItem, NavbarItemProps } from \"./NavbarItem\";\n\nexport type NavbarProps = {\n  searchOptions: OptionProps[];\n  onSearchChange: (value: string) => void;\n  navbarItems: NavbarItemProps[];\n  onLogoClick?: () => void;\n  onProfileClick?: () => void;\n  avatarImage: string;\n};\n\nexport const Navbar = ({\n  searchOptions,\n  onSearchChange,\n  navbarItems,\n  onLogoClick,\n  onProfileClick,\n  avatarImage\n}: NavbarProps) => (\n  <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\">\n    <div className=\"flex flex-1 md:gap-6 gap-3 items-center\">\n      <Pressable onClick={onLogoClick} title=\"Deck AI\">\n        <Logo />\n      </Pressable>\n      <Combobox\n        options={searchOptions}\n        placeholder=\"Search for a creator, type of content, or platform...\"\n        end={<Icon name=\"search-normal\" size={[\"lg:24\", 18]} />}\n        onChange={onSearchChange}\n        className=\"flex-1 max-w-lg\"\n      />\n    </div>\n    <div className=\"flex gap-4\">\n      <div className=\"md:flex hidden gap-2 border-b-2 border-stroke items-center\">\n        {navbarItems.map(({ iconName, title, onClick }) => (\n          <NavbarItem\n            key={title}\n            iconName={iconName}\n            title={title}\n            onClick={onClick}\n          />\n        ))}\n      </div>\n      <div className=\"flex\">\n        <Avatar\n          onClick={onProfileClick}\n          src={avatarImage}\n          size={[\"sm:48\", 40]}\n        />\n      </div>\n    </div>\n  </div>\n);\n"]}
+{"version":3,"sources":["../../src/utils/tailwind.ts","../../src/components/Pressable.tsx","../../src/components/Avatar.tsx","../../src/components/Combobox.tsx","../../src/utils/index.ts","../../src/components/Icon.tsx","../../src/components/Input.tsx","../../src/components/Option.tsx","../../src/components/Logo.tsx","../../src/components/NavbarItem.tsx","../../src/components/Navbar.tsx"],"names":["focusRingStyles","focusRingStylesCoerced","Pressable","children","type","className","disabled","props","React","BREAKPOINT_MAP","processSizes","sizes","sizeArray","mediaQueries","baseSize","size","breakpoint","valueStr","value","acc","query","Avatar","src","onClick","sizeStyles","content","cn","inputs","twMerge","clsx","COLOR_MAP","Icon","name","color","title","style","ref","IconComponent","IconMap","Input","end","iconName","label","labelClassName","id","g","Option","onChange","selected","Combobox","options","placeholder","open","setOpen","useState","inputValue","setInputValue","selectedOption","useMemo","option","filteredItems","handleOptionChange","useCallback","e","optionLabel","optionValue","index","Logo","NavbarItem","hasNotification","Navbar","searchOptions","onSearchChange","navbarItems","onLogoClick","onProfileClick","avatarImage"],"mappings":"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","file":"Navbar.js","sourcesContent":["import { Colors, Typography } from \"../types/tailwind\";\n\n// Generate safelist patterns for all color utilities so you can use any theme color variable in your code\nexport const generateSafelist = (colors: Colors, typography: Typography) => {\n  const colorNames = Object.keys(colors) as (keyof Colors)[];\n  const utilities = [\"bg\", \"text\", \"border\", \"ring\", \"divide\", \"outline\"];\n  const variants = [\"hover:\", \"focus:\", \"active:\", \"disabled:\"];\n\n  const safelist: string[] = [];\n\n  colorNames.forEach((colorName) => {\n    if (typeof colors[colorName] === \"object\") {\n      // Handle nested color objects (with number keys)\n      Object.keys(colors[colorName]).forEach((shade) => {\n        utilities.forEach((utility) => {\n          // Base utility\n          safelist.push(`${utility}-${colorName}-${shade}`);\n\n          // Variant utilities\n          variants.forEach((variant) => {\n            safelist.push(`${variant}${utility}-${colorName}-${shade}`);\n          });\n        });\n      });\n    } else {\n      // Handle direct color values\n      utilities.forEach((utility) => {\n        safelist.push(`${utility}-${colorName}`);\n\n        variants.forEach((variant) => {\n          safelist.push(`${variant}${utility}-${colorName}`);\n        });\n      });\n    }\n  });\n\n  // Generate typography classes\n  Object.entries(typography).forEach(([family, sizes]) => {\n    Object.keys(sizes).forEach((size) => {\n      // Base typography classes\n      safelist.push(`text-${family}-${size}`);\n\n      // Add variants\n      variants.forEach((variant) => {\n        safelist.push(`${variant}text-${family}-${size}`);\n      });\n    });\n  });\n\n  const breakpoints = [\"sm\", \"md\", \"lg\", \"xl\", \"2xl\"];\n  const typographyClasses = Object.entries(typography).flatMap(\n    ([category, sizes]) =>\n      Object.keys(sizes).map((size) => `text-${category}-${size}`)\n  );\n\n  // Generate responsive variants\n  const responsiveTypographyClasses = typographyClasses.flatMap((className) =>\n    breakpoints.map((breakpoint) => `${breakpoint}:${className}`)\n  );\n\n  return [\n    ...typographyClasses,\n    ...responsiveTypographyClasses\n    // ... rest of your safelist\n  ];\n};\n\nexport const focusRingStyles =\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\";\n\nexport const focusRingStylesCoerced = \"ring-2 ring-ring ring-offset-2\";\n","import React, { ButtonHTMLAttributes } from \"react\";\nimport { focusRingStyles } from \"../utils/tailwind\";\n\nexport type PressableProps = ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const Pressable: React.FC<PressableProps> = ({\n  children,\n  type = \"button\",\n  className,\n  disabled,\n  ...props\n}) => (\n  <button\n    // eslint-disable-next-line react/butt on-has-type\n    type={type}\n    disabled={disabled}\n    className={`appearance-none hover:opacity-80 transition-all active:scale-95 ${focusRingStyles} ${className} ${disabled ? \"opacity-50 cursor-not-allowed\" : \"\"}`}\n    {...props}\n  >\n    {children}\n  </button>\n);\n","import React from \"react\";\nimport { Pressable } from \"./Pressable\";\n\ntype Breakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\ntype ResponsiveSize = number | `${Breakpoint}:${number}`;\n\nconst BREAKPOINT_MAP: Record<Breakpoint, string> = {\n  sm: \"640px\",\n  md: \"768px\",\n  lg: \"1024px\",\n  xl: \"1280px\",\n  \"2xl\": \"1536px\"\n};\n\nexport type AvatarProps = {\n  src?: string;\n  size?: ResponsiveSize | ResponsiveSize[];\n} & Pick<React.ComponentProps<typeof Pressable>, \"onClick\">;\n\nconst processSizes = (\n  sizes: ResponsiveSize | ResponsiveSize[] | undefined\n): React.CSSProperties => {\n  if (!sizes) return { width: \"48px\", height: \"48px\" };\n\n  const sizeArray = Array.isArray(sizes) ? sizes : [sizes];\n  const mediaQueries: Record<string, string> = {};\n  let baseSize: string | undefined;\n\n  // Process each size\n  sizeArray.forEach((size) => {\n    if (typeof size === \"number\") {\n      baseSize = `${size}px`;\n    } else {\n      const [breakpoint, valueStr] = size.split(\":\") as [Breakpoint, string];\n      const value = parseInt(valueStr, 10);\n      mediaQueries[`@media (minWidth: ${BREAKPOINT_MAP[breakpoint]})`] =\n        `${value}px`;\n    }\n  });\n\n  // Create the style object with the correct structure\n  return {\n    width: baseSize || \"48px\",\n    height: baseSize || \"48px\",\n    ...Object.entries(mediaQueries).reduce(\n      (acc, [query, size]) => ({\n        ...acc,\n        [query]: {\n          width: size,\n          height: size\n        }\n      }),\n      {}\n    )\n  };\n};\n\nexport const Avatar = ({ src, size = 48, onClick, ...props }: AvatarProps) => {\n  const sizeStyles = processSizes(size);\n\n  const content = src ? (\n    <img\n      src={src}\n      alt=\"avatar\"\n      className=\"rounded-full\"\n      style={sizeStyles}\n      {...props}\n    />\n  ) : (\n    <div style={sizeStyles} className=\"rounded-full bg-gray-200\" />\n  );\n\n  return onClick ? <Pressable onClick={onClick}>{content}</Pressable> : content;\n};\n","import React, { useCallback, useMemo, useState } from \"react\";\nimport * as Popover from \"@radix-ui/react-popover\";\nimport { Input } from \"./Input\";\nimport { OptionProps, Option } from \"./Option\";\nimport { focusRingStylesCoerced } from \"../utils/tailwind\";\n\nexport type ComboboxProps = {\n  options: OptionProps[];\n  placeholder?: string;\n  value?: string;\n  onChange: (value: string) => void;\n  end?: React.ReactNode;\n  className?: string;\n  /** Label text for the combobox */\n  label?: string;\n  /** Additional classes for the label */\n  labelClassName?: string;\n  /** ID for accessibility */\n  id?: string;\n};\n\nexport const Combobox = ({\n  options,\n  placeholder = \"Select an item...\",\n  value,\n  onChange,\n  end,\n  className,\n  label,\n  labelClassName,\n  id\n}: ComboboxProps) => {\n  const [open, setOpen] = useState(false);\n  const [inputValue, setInputValue] = useState<string | undefined>(value);\n\n  const selectedOption: OptionProps | undefined = useMemo(\n    () => options.find((option) => option.value === inputValue),\n    [inputValue, options]\n  );\n\n  const filteredItems = options.filter((option) =>\n    inputValue\n      ? option.label.toLowerCase().includes(inputValue.toLowerCase())\n      : options\n  );\n\n  const handleOptionChange = useCallback(\n    (option: string) => {\n      onChange(option);\n      setOpen(false);\n      setInputValue(selectedOption?.label);\n    },\n    [onChange, selectedOption?.label]\n  );\n\n  return (\n    <Popover.Root open={open} onOpenChange={setOpen}>\n      <div\n        className={`relative w-full font-sans text-text-secondary ${className}`}\n      >\n        <Popover.Trigger asChild>\n          <div className=\"flex\">\n            <div className=\"relative flex-1\">\n              <Input\n                id={id}\n                label={label}\n                labelClassName={labelClassName}\n                placeholder={placeholder}\n                value={inputValue}\n                onChange={(e) => setInputValue(e.target.value)}\n                end={end}\n                className={`flex-1 ${open && focusRingStylesCoerced}`}\n              />\n            </div>\n          </div>\n        </Popover.Trigger>\n\n        <Popover.Portal>\n          <Popover.Content\n            className=\"w-[--radix-popover-trigger-width] p-1 bg-white rounded-md shadow-lg border mt-1 z-20\"\n            sideOffset={5}\n          >\n            <div className=\"max-h-60 overflow-auto flex flex-col items-start\">\n              {filteredItems.length > 0 ? (\n                filteredItems.map(\n                  ({ label: optionLabel, value: optionValue }, index) => (\n                    <Option\n                      onChange={handleOptionChange}\n                      value={optionValue}\n                      key={index}\n                      label={optionLabel}\n                    />\n                  )\n                )\n              ) : (\n                <div className=\"px-2 py-1.5 text-sm text-gray-500\">\n                  No results found\n                </div>\n              )}\n            </div>\n          </Popover.Content>\n        </Popover.Portal>\n      </div>\n    </Popover.Root>\n  );\n};\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\nexport const noopFn = () => {};\n","import React, { SVGProps } from \"react\";\nimport { IconName, IconMap } from \"@deckai/icons\";\nimport { IconColors } from \"../types/tailwind\";\nimport { cn } from \"../utils\";\n\ntype Breakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\ntype ResponsiveSize = number | `${Breakpoint}:${number}`;\n\nexport type IconProps = {\n  name: IconName;\n  /** @default 24 */\n  size?: ResponsiveSize | ResponsiveSize[];\n  /** @default primary */\n  color?: IconColors;\n  title?: string;\n  className?: string;\n  style?: React.CSSProperties;\n} & Omit<SVGProps<SVGSVGElement>, \"aria-hidden\" | \"aria-label\">;\n\nconst COLOR_MAP: Record<IconColors, string> = {\n  primary: \"#080808\",\n  secondary: \"#666666\",\n  white: \"#ffffff\",\n  primaryBlue: \"#089CCB\"\n};\n\nconst BREAKPOINT_MAP: Record<Breakpoint, string> = {\n  sm: \"640px\",\n  md: \"768px\",\n  lg: \"1024px\",\n  xl: \"1280px\",\n  \"2xl\": \"1536px\"\n};\n\nconst processSizes = (\n  sizes: ResponsiveSize | ResponsiveSize[] | undefined\n): React.CSSProperties => {\n  if (!sizes) return { width: \"24px\", height: \"24px\" };\n\n  const sizeArray = Array.isArray(sizes) ? sizes : [sizes];\n  const mediaQueries: Record<string, string> = {};\n  let baseSize: string | undefined;\n\n  // Process each size\n  sizeArray.forEach((size) => {\n    if (typeof size === \"number\") {\n      baseSize = `${size}px`;\n    } else {\n      const [breakpoint, valueStr] = size.split(\":\") as [Breakpoint, string];\n      const value = parseInt(valueStr, 10);\n      mediaQueries[`@media (min-width: ${BREAKPOINT_MAP[breakpoint]})`] =\n        `${value}px`;\n    }\n  });\n\n  // Create the style object with the correct structure\n  return {\n    width: baseSize || \"24px\",\n    height: baseSize || \"24px\",\n    ...Object.entries(mediaQueries).reduce(\n      (acc, [query, size]) => ({\n        ...acc,\n        [query]: {\n          width: size,\n          height: size\n        }\n      }),\n      {}\n    )\n  };\n};\n\nexport const Icon = React.forwardRef<SVGSVGElement, IconProps>(\n  (\n    {\n      name,\n      size = 24,\n      color = \"primary\",\n      title,\n      className,\n      style = {},\n      ...props\n    },\n    ref\n  ) => {\n    const IconComponent = IconMap[name];\n    const sizeStyles = processSizes(size);\n\n    return (\n      <div\n        className={cn(\"flex justify-center items-center\", className)}\n        style={{\n          ...sizeStyles,\n          [\"--icon-stroke\" as string]: COLOR_MAP[color],\n          ...style\n        }}\n      >\n        <IconComponent\n          ref={ref}\n          aria-hidden={!title}\n          aria-label={title}\n          stroke={name.includes(\"filled\") ? undefined : COLOR_MAP[color]}\n          {...props}\n        />\n      </div>\n    );\n  }\n);\n\nIcon.displayName = \"Icon\";\n","import * as React from \"react\";\nimport { cn } from \"../utils\";\nimport { focusRingStyles } from \"../utils/tailwind\";\nimport { IconName } from \"@deckai/icons\";\nimport { Icon, IconProps } from \"./Icon\";\n\nexport type InputProps = {\n  className?: string;\n  end?: React.ReactNode;\n  /** renders an icon in the end slot */\n  iconName?: IconName;\n  /** Label text for the input */\n  label?: string;\n  /** Additional classes for the label */\n  labelClassName?: string;\n} & React.InputHTMLAttributes<HTMLInputElement> &\n  Pick<IconProps, \"color\" | \"size\" | \"title\">;\n\nexport const Input = ({\n  className,\n  end,\n  iconName,\n  color,\n  size,\n  title,\n  label,\n  labelClassName,\n  id,\n  ...props\n}: InputProps) => (\n  <div className=\"space-y-2\">\n    {label && (\n      <label\n        htmlFor={id}\n        className={cn(\n          \"block text-sm font-medium text-text-primary\",\n          labelClassName\n        )}\n      >\n        {label}\n      </label>\n    )}\n    <div className=\"relative\">\n      <input\n        id={id}\n        className={cn(\n          `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 ${focusRingStyles} disabled:cursor-not-allowed disabled:opacity-50 md:text-md`,\n          end && \"pr-10\",\n          className\n        )}\n        {...props}\n      />\n      {end && (\n        <div className=\"absolute inset-y-0 right-0 flex items-center pr-3\">\n          {iconName ? (\n            <Icon name={iconName} color={color} size={size} title={title} />\n          ) : (\n            end\n          )}\n        </div>\n      )}\n    </div>\n  </div>\n);\n","import React from \"react\";\nimport { cn } from \"../utils\";\nimport { Icon } from \"./Icon\";\n\nexport type OptionProps = {\n  label: string;\n  value: string;\n  onChange?: (value: string) => void;\n  selected?: boolean;\n};\n\nexport const Option = ({ value, label, onChange, selected }: OptionProps) => (\n  <button\n    type=\"button\"\n    className={cn(\n      \"relative w-full h-full text-left px-2 py-1.5 text-sm cursor-pointer hover:bg-gray-100 rounded\",\n      selected && \"bg-gray-100\"\n    )}\n    onClick={() => {\n      onChange?.(value);\n    }}\n  >\n    {label}\n  </button>\n);\n","import React from \"react\";\nimport { cn } from \"../utils\";\n\nexport type LogoProps = {\n  className?: string;\n};\n\nexport const Logo = ({ className }: LogoProps) => (\n  <div className={cn(\"lg:w-[76px] lg:h-[25px] w-[58px] h-[19px]\", className)}>\n    <svg\n      width=\"100%\"\n      height=\"100%\"\n      viewBox=\"0 0 76 25\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        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\"\n        fill=\"#080808\"\n      />\n    </svg>\n  </div>\n);\n","import React from \"react\";\nimport { IconName } from \"@deckai/icons\";\nimport { Icon, IconProps } from \"./Icon\";\nimport { Pressable, PressableProps } from \"./Pressable\";\n\nexport type NavbarItemProps = {\n  iconName: IconName;\n  hasNotification?: boolean;\n} & Pick<IconProps, \"color\" | \"title\"> &\n  PressableProps;\n\nexport const NavbarItem = ({\n  iconName,\n  hasNotification,\n  color,\n  title,\n  ...props\n}: NavbarItemProps) => {\n  console.log({ hasNotification });\n  return (\n    <Pressable className=\"relative lg:px-7 md:px-5 py-3\" {...props}>\n      <Icon name={iconName} color={color} title={title} />\n      {hasNotification && (\n        <div className=\"w-3 h-3 bg-red-500 rounded-full absolute top-3 right-5\" />\n      )}\n    </Pressable>\n  );\n};\n","import React from \"react\";\nimport { Avatar } from \"./Avatar\";\nimport { Combobox } from \"./Combobox\";\nimport { Icon } from \"./Icon\";\nimport { Logo } from \"./Logo\";\nimport { Pressable } from \"./Pressable\";\nimport { OptionProps } from \"./Option\";\nimport { NavbarItem, NavbarItemProps } from \"./NavbarItem\";\n\nexport type NavbarProps = {\n  searchOptions: OptionProps[];\n  onSearchChange: (value: string) => void;\n  navbarItems: NavbarItemProps[];\n  onLogoClick?: () => void;\n  onProfileClick?: () => void;\n  avatarImage: string;\n};\n\nexport const Navbar = ({\n  searchOptions,\n  onSearchChange,\n  navbarItems,\n  onLogoClick,\n  onProfileClick,\n  avatarImage\n}: NavbarProps) => (\n  <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\">\n    <div className=\"flex flex-1 md:gap-6 gap-3 items-center\">\n      <Pressable onClick={onLogoClick} title=\"Deck AI\">\n        <Logo />\n      </Pressable>\n      <Combobox\n        options={searchOptions}\n        placeholder=\"Search for a creator, type of content, or platform...\"\n        end={<Icon name=\"search-normal\" size={[\"lg:24\", 18]} />}\n        onChange={onSearchChange}\n        className=\"flex-1 max-w-lg\"\n      />\n    </div>\n    <div className=\"flex gap-4\">\n      <div className=\"md:flex hidden gap-2 border-b-2 border-stroke items-center\">\n        {navbarItems.map(({ iconName, title, onClick }) => (\n          <NavbarItem\n            key={title}\n            iconName={iconName}\n            title={title}\n            onClick={onClick}\n          />\n        ))}\n      </div>\n      <div className=\"flex\">\n        <Avatar\n          onClick={onProfileClick}\n          src={avatarImage}\n          size={[\"sm:48\", 40]}\n        />\n      </div>\n    </div>\n  </div>\n);\n"]}

package/dist/components/NavbarItem.d.cts

@@ -2,7 +2,7 @@ import React__default from 'react';
 import { IconName } from '@deckai/icons';
 import { IconProps } from './Icon.cjs';
 import { PressableProps } from './Pressable.cjs';
-import '../tailwind-BKauZ5Yx.cjs';
+import '../tailwind-CIZ10fKA.cjs';
 
 type NavbarItemProps = {
     iconName: IconName;

package/dist/components/NavbarItem.d.ts

@@ -2,7 +2,7 @@ import React__default from 'react';
 import { IconName } from '@deckai/icons';
 import { IconProps } from './Icon.js';
 import { PressableProps } from './Pressable.js';
-import '../tailwind-BKauZ5Yx.js';
+import '../tailwind-CIZ10fKA.js';
 
 type NavbarItemProps = {
     iconName: IconName;

package/dist/components/ProfileCard.cjs

@@ -1,4 +1,4 @@
-'use strict';var e=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),icons=require('@deckai/icons'),m=require('@radix-ui/react-tooltip'),M=require('@radix-ui/react-switch');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 e__namespace=/*#__PURE__*/_interopNamespace(e);var m__namespace=/*#__PURE__*/_interopNamespace(m);var M__namespace=/*#__PURE__*/_interopNamespace(M);function p(...t){return tailwindMerge.twMerge(clsx.clsx(t))}var j={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB"},Q={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},X=t=>{if(!t)return {width:"24px",height:"24px"};let o=Array.isArray(t)?t:[t],r={},a;return o.forEach(i=>{if(typeof i=="number")a=`${i}px`;else {let[s,n]=i.split(":"),c=parseInt(n,10);r[`@media (min-width: ${Q[s]})`]=`${c}px`;}}),{width:a||"24px",height:a||"24px",...Object.entries(r).reduce((i,[s,n])=>({...i,[s]:{width:n,height:n}}),{})}},d=e__namespace.default.forwardRef(({name:t,size:o=24,color:r="primary",title:a,className:i,style:s={},...n},c)=>{let f=icons.IconMap[t],T=X(o);return e__namespace.default.createElement("div",{className:p("flex justify-center items-center",i),style:{...T,"--icon-stroke":j[r],...s}},e__namespace.default.createElement(f,{ref:c,"aria-hidden":!a,"aria-label":a,stroke:t.includes("filled")?void 0:j[r],...n}))});d.displayName="Icon";var J={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},U=t=>{let[o,r]=t.split("-");return o==="heading"?J[r]||"p":o==="label"?"label":"p"},Y={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},Z=t=>t?(Array.isArray(t)?t:[t]).map(r=>{if(r.includes(":")){let[a,i]=r.split(":");return `${a}:text-${i}`}return `text-${r}`}).join(" "):"text-body-default",l=e__namespace.default.forwardRef(({variant:t="body-default",color:o="text-primary",as:r,className:a,children:i,weight:s,...n},c)=>{let f=Z(t),T=o&&o==="inherit"?"inherit":o?`text-${o}`:"",w=e__namespace.default.useMemo(()=>{let N=typeof t=="string"?t.split(":").pop():Array.isArray(t)?t[0].split(":").pop():"body-default";return U(N)},[t]);return e__namespace.default.createElement(r||w,{ref:c,className:`font-sans antialiased ${f} ${T} ${s?`!${Y[s]}`:""} ${a??""}`,...n},i)});l.displayName="Text";var V={pink:"bg-tertiary-5",orange:"bg-tertiary-15",green:"bg-tertiary-25",purple:"bg-secondary-300"},ee=t=>{let o=Object.keys(V),r=t.split("").reduce((s,n)=>n.charCodeAt(0)+((s<<5)-s),0),a=Math.abs(r)%o.length,i=o[a];return console.log({input:t,hash:r,variantKeys:o,index:a,selectedVariant:i}),i},$=e__namespace.forwardRef(({className:t,variant:o,iconName:r,children:a,...i},s)=>{let n=o||(typeof a=="string"?ee(a):"pink");return e__namespace.createElement("span",{ref:s,className:p("inline-flex items-center gap-2","rounded-lg px-2 py-1","text-sm font-medium",V[n],t),...i},r&&e__namespace.createElement(d,{size:16,name:r}),e__namespace.createElement(l,{variant:"body-xxs-medium"},a))});$.displayName="Badge";var b="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var te={black:"bg-text-primary text-white",accent:"bg-primary-100 text-white",secondary:"bg-secondary-100 text-secondary"},A={black:"border border-text-primary text-text-primary",accent:"border border-primary-100 text-primary-100",secondary:"border border-text-secondary text-secondary"},B=e__namespace.forwardRef(({className:t,variant:o="filled",color:r="black",isLoading:a=!1,children:i,disabled:s,...n},c)=>e__namespace.createElement("button",{ref:c,className:p(`
+'use strict';var e=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),icons=require('@deckai/icons'),d=require('@radix-ui/react-tooltip'),H=require('@radix-ui/react-switch');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 e__namespace=/*#__PURE__*/_interopNamespace(e);var d__namespace=/*#__PURE__*/_interopNamespace(d);var H__namespace=/*#__PURE__*/_interopNamespace(H);function p(...t){return tailwindMerge.twMerge(clsx.clsx(t))}var V={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB"},X={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},J=t=>{if(!t)return {width:"24px",height:"24px"};let r=Array.isArray(t)?t:[t],i={},s;return r.forEach(o=>{if(typeof o=="number")s=`${o}px`;else {let[a,n]=o.split(":"),c=parseInt(n,10);i[`@media (min-width: ${X[a]})`]=`${c}px`;}}),{width:s||"24px",height:s||"24px",...Object.entries(i).reduce((o,[a,n])=>({...o,[a]:{width:n,height:n}}),{})}},m=e__namespace.default.forwardRef(({name:t,size:r=24,color:i="primary",title:s,className:o,style:a={},...n},c)=>{let f=icons.IconMap[t],u=J(r);return e__namespace.default.createElement("div",{className:p("flex justify-center items-center",o),style:{...u,"--icon-stroke":V[i],...a}},e__namespace.default.createElement(f,{ref:c,"aria-hidden":!s,"aria-label":s,stroke:t.includes("filled")?void 0:V[i],...n}))});m.displayName="Icon";var U={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},Y=t=>{let[r,i]=t.split("-");return r==="heading"?U[i]||"p":r==="label"?"label":"p"},Z={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},ee=t=>t?(Array.isArray(t)?t:[t]).map(i=>{if(i.includes(":")){let[s,o]=i.split(":");return `${s}:text-${o}`}return `text-${i}`}).join(" "):"text-body-default",l=e__namespace.default.forwardRef(({variant:t="body-default",color:r="text-primary",as:i,className:s,children:o,weight:a,...n},c)=>{let f=ee(t),u=r&&r==="inherit"?"inherit":r?`text-${r}`:"",N=e__namespace.default.useMemo(()=>{let k=typeof t=="string"?t.split(":").pop():Array.isArray(t)?t[0].split(":").pop():"body-default";return Y(k)},[t]);return e__namespace.default.createElement(i||N,{ref:c,className:`font-sans antialiased ${f} ${u} ${a?`!${Z[a]}`:""} ${s??""}`,...n},o)});l.displayName="Text";var O={pink:"bg-tertiary-5",orange:"bg-tertiary-15",green:"bg-tertiary-25",purple:"bg-secondary-300"},te=t=>{let r=Object.keys(O),i=t.split("").reduce((a,n)=>n.charCodeAt(0)+((a<<5)-a),0),s=Math.abs(i)%r.length,o=r[s];return console.log({input:t,hash:i,variantKeys:r,index:s,selectedVariant:o}),o},A=e__namespace.forwardRef(({className:t,variant:r,iconName:i,children:s,...o},a)=>{let n=r||(typeof s=="string"?te(s):"pink");return e__namespace.createElement("span",{ref:a,className:p("inline-flex items-center gap-2","rounded-lg px-2 py-1","text-sm font-medium",O[n],t),...o},i&&e__namespace.createElement(m,{size:16,name:i}),e__namespace.createElement(l,{variant:"body-xxs-medium"},s))});A.displayName="Badge";var h="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var oe={black:"bg-text-primary text-white",accent:"bg-primary-100 text-white",secondary:"bg-secondary-100 text-secondary"},B={black:"border border-text-primary text-text-primary",accent:"border border-primary-100 text-primary-100",secondary:"border border-text-secondary text-secondary"},R=e__namespace.forwardRef(({className:t,variant:r="filled",color:i="black",isLoading:s=!1,children:o,disabled:a,...n},c)=>e__namespace.createElement("button",{ref:c,className:p(`
           sm:px-7 px-4
           py-2
           inline-flex items-center justify-center
@@ -6,5 +6,5 @@
           transition-colors duration-200
           disabled:opacity-50 disabled:pointer-events-none
           hover:opacity-80 active:scale-95 
-          truncate`,b,o==="filled"?te[r]:A[r],t),disabled:s||a,type:"button",...n},typeof i=="string"?e__namespace.createElement(l,{variant:["sm:body-default-bold","body-xxs-semibold"],color:"inherit"},i):i));B.displayName="Button";var u=({content:t,children:o,side:r="bottom",align:a="center",className:i,delayDuration:s=200})=>e__namespace.createElement(m__namespace.Provider,{delayDuration:s},e__namespace.createElement(m__namespace.Root,null,e__namespace.createElement(m__namespace.Trigger,{asChild:!0},e__namespace.createElement("span",{tabIndex:0},o)),e__namespace.createElement(m__namespace.Portal,null,e__namespace.createElement(m__namespace.Content,{side:r,align:a,sideOffset:4,className:p("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",i)},t,e__namespace.createElement(m__namespace.Arrow,{className:"fill-text-primary",width:10,height:5})))));var P=e__namespace.forwardRef(({className:t,label:o,description:r,...a},i)=>e__namespace.createElement("div",{className:"flex items-center gap-2"},e__namespace.createElement(M__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",b,"disabled:cursor-not-allowed disabled:opacity-50","data-[state=checked]:bg-primary-50 data-[state=unchecked]:bg-secondary-50",t),...a,ref:i},e__namespace.createElement(M__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||r)&&e__namespace.createElement("div",{className:"flex flex-col"},o&&e__namespace.createElement("label",{className:"text-sm font-medium text-text-primary",htmlFor:a.id},o),r&&e__namespace.createElement("span",{className:"text-xs text-text-secondary"},r))));P.displayName="Switch";var H=({children:t,type:o="button",className:r,disabled:a,...i})=>e__namespace.default.createElement("button",{type:o,disabled:a,className:`appearance-none hover:opacity-80 transition-all active:scale-95 ${b} ${r} ${a?"opacity-50 cursor-not-allowed":""}`,...i},t);var G=({children:t,color:o="primary",className:r,...a})=>e__namespace.default.createElement(H,{className:p("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",r),...a},typeof t=="string"?e__namespace.default.createElement(l,{color:"inherit",variant:["md:body-default-medium","body-xxs-medium"],className:"truncate"},t):t);var R=({className:t,onClick:o})=>e__namespace.default.createElement(H,{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",A.black,t),onClick:o},e__namespace.default.createElement(d,{color:"primary",name:"edit-2"}));R.displayName="EditButton";var E=4,L=3,ot=({profileImage:t,name:o,location:r,memberSince:a,interests:i,badges:s,isEditMode:n=!1,onEditClick:c})=>{let f=e.useId(),T=e.useMemo(()=>i?.slice(0,E)||[],[i]),w=e.useMemo(()=>s?.slice(0,L)||[],[s]),I=i&&i.length>E,N=s&&s.length>L,F=i?i.length-E:0,W=s?s.length-L:0;return e__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&&e__namespace.default.createElement(R,{onClick:c}),e__namespace.default.createElement("div",{className:"flex md:flex-row flex-col gap-6"},e__namespace.default.createElement("div",{className:"flex flex-col gap-4 md:items-start items-center"},e__namespace.default.createElement("div",{className:"flex items-center justify-center xl:w-[206px] lg:w-[164px] w-[147px]"},e__namespace.default.createElement("img",{src:t,alt:`Profile for ${o}`,className:"object-cover rounded-lg w-full h-full"})),n&&e__namespace.default.createElement(B,{variant:"filled"},"Preview Profile"),n&&e__namespace.default.createElement("div",{className:"hidden sm:flex sm:flex-col gap-1 w-full"},e__namespace.default.createElement("div",{className:"flex flex-row justify-between"},e__namespace.default.createElement("div",null,e__namespace.default.createElement(l,{as:"label",htmlFor:f,variant:"body-default-semibold"},"Private Mode"),e__namespace.default.createElement("div",{className:"flex items-center gap-1"},e__namespace.default.createElement(l,{variant:"body-default",color:"text-secondary"},"What is this?"),e__namespace.default.createElement(u,{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."},e__namespace.default.createElement(d,{name:"message-question",color:"secondary",size:16})))),e__namespace.default.createElement(P,{id:f})))),e__namespace.default.createElement("div",{className:"flex flex-col gap-2"},e__namespace.default.createElement(l,{as:"h1",variant:["lg:heading-lg","md:heading-md","heading-sm"],className:"text-wrap text-center md:text-left"},o),e__namespace.default.createElement("div",{className:"flex gap-2 items-center sm:justify-start justify-center"},e__namespace.default.createElement(d,{name:"location",color:"secondary"}),e__namespace.default.createElement(u,{content:r},e__namespace.default.createElement(l,{variant:["lg:body-lg","md:body-default","body-xs"],color:"text-secondary",className:"sm:text-left text-center truncate max-w-[300px]"},r))),e__namespace.default.createElement("div",{className:"flex gap-2 items-center sm:justify-start justify-center"},e__namespace.default.createElement(d,{name:"profile",color:"secondary"}),e__namespace.default.createElement(u,{content:`Member Since ${a}`},e__namespace.default.createElement(l,{variant:["lg:body-lg","md:body-default","body-xs"],color:"text-secondary",className:"sm:text-left text-center truncate max-w-[300px]"},"Member Since"," ",e__namespace.default.createElement(l,{as:"span",variant:["lg:body-lg-semibold","md:body-default-bold","body-xs-bold"]},a)))),i&&e__namespace.default.createElement("div",{className:"flex flex-col gap-2 pt-4"},e__namespace.default.createElement(l,{variant:["sm:heading-xs","body-default-bold"],className:"sm:text-left text-center"},"Interests"),e__namespace.default.createElement("div",{className:"flex flex-wrap gap-2 sm:justify-start justify-center items-center"},T.map((h,C)=>e__namespace.default.createElement(G,{key:C},h)),I&&e__namespace.default.createElement(u,{content:i.slice(E).join(", ")},e__namespace.default.createElement(l,{variant:"label-default"},"+",F," more")))),s&&e__namespace.default.createElement("div",{className:"flex gap-2 flex-wrap py-4 sm:justify-start justify-center items-center"},w.map((h,C)=>e__namespace.default.createElement($,{key:C,...h})),N&&e__namespace.default.createElement(u,{content:s.slice(L).map(h=>h.children).join(", ")},e__namespace.default.createElement(l,{variant:"label-default"},"+",W," more"))),n&&e__namespace.default.createElement("div",{className:"sm:hidden flex justify-between border-t-[1px] border-secondary-50 pt-4"},e__namespace.default.createElement("div",null,e__namespace.default.createElement(l,{as:"label",htmlFor:f,variant:"body-default-semibold"},"Private Mode"),e__namespace.default.createElement("div",{className:"flex items-center gap-1"},e__namespace.default.createElement(l,{variant:"body-default",color:"text-secondary"},"What is this?"),e__namespace.default.createElement(u,{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."},e__namespace.default.createElement(d,{name:"message-question",color:"secondary",size:16})))),e__namespace.default.createElement(P,{id:f})))))};if (exports.default) module.exports = exports.default;exports.ProfileCard=ot;//# sourceMappingURL=ProfileCard.cjs.map
+          truncate`,h,r==="filled"?oe[i]:B[i],t),disabled:a||s,type:"button",...n},typeof o=="string"?e__namespace.createElement(l,{variant:["sm:body-default-bold","body-xxs-semibold"],color:"inherit"},o):o));R.displayName="Button";var x=({content:t,children:r,side:i="bottom",align:s="center",className:o,delayDuration:a=200})=>e__namespace.createElement(d__namespace.Provider,{delayDuration:a},e__namespace.createElement(d__namespace.Root,null,e__namespace.createElement(d__namespace.Trigger,{asChild:!0},e__namespace.createElement("span",{tabIndex:0},r)),e__namespace.createElement(d__namespace.Portal,null,e__namespace.createElement(d__namespace.Content,{side:i,align:s,sideOffset:4,className:p("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",o)},t,e__namespace.createElement(d__namespace.Arrow,{className:"fill-text-primary",width:10,height:5})))));var E=e__namespace.forwardRef(({className:t,label:r,description:i,...s},o)=>e__namespace.createElement("div",{className:"flex items-center gap-2"},e__namespace.createElement(H__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",h,"disabled:cursor-not-allowed disabled:opacity-50","data-[state=checked]:bg-primary-50 data-[state=unchecked]:bg-secondary-50",t),...s,ref:o},e__namespace.createElement(H__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")})),(r||i)&&e__namespace.createElement("div",{className:"flex flex-col"},r&&e__namespace.createElement("label",{className:"text-sm font-medium text-text-primary",htmlFor:s.id},r),i&&e__namespace.createElement("span",{className:"text-xs text-text-secondary"},i))));E.displayName="Switch";var M=({children:t,type:r="button",className:i,disabled:s,...o})=>e__namespace.default.createElement("button",{type:r,disabled:s,className:`appearance-none hover:opacity-80 transition-all active:scale-95 ${h} ${i} ${s?"opacity-50 cursor-not-allowed":""}`,...o},t);var G=({children:t,color:r="primary",className:i,onClose:s,...o})=>{let[a,n]=e.useState(!1),c=e.useCallback(()=>{n(!0);},[]),f=e.useCallback(()=>{n(!1);},[]),u=e__namespace.default.createElement("div",{className:p("flex gap-2",s?"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",r==="primary"?"text-primary-100":"text-primary",i),onMouseEnter:c,onMouseLeave:f},typeof t=="string"?e__namespace.default.createElement(l,{color:"inherit",variant:["md:body-default-medium","body-xxs-medium"],className:"truncate pt-0.5"},t):t,s&&e__namespace.default.createElement(M,{...o,onClick:s,className:"flex items-center justify-center"},e__namespace.default.createElement(m,{name:"close",size:10,color:a?"white":"primaryBlue"})));return s?u:e__namespace.default.createElement(M,{...o},u)};var I=({className:t,onClick:r})=>e__namespace.default.createElement(M,{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",B.black,t),onClick:r},e__namespace.default.createElement(m,{color:"primary",name:"edit-2"}));I.displayName="EditButton";var L=4,w=3,st=({profileImage:t,name:r,location:i,memberSince:s,interests:o,badges:a,isEditMode:n=!1,onEditClick:c})=>{let f=e.useId(),u=e.useMemo(()=>o?.slice(0,L)||[],[o]),N=e.useMemo(()=>a?.slice(0,w)||[],[a]),j=o&&o.length>L,k=a&&a.length>w,W=o?o.length-L:0,_=a?a.length-w:0;return e__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&&e__namespace.default.createElement(I,{onClick:c}),e__namespace.default.createElement("div",{className:"flex md:flex-row flex-col gap-6"},e__namespace.default.createElement("div",{className:"flex flex-col gap-4 md:items-start items-center"},e__namespace.default.createElement("div",{className:"flex items-center justify-center xl:w-[206px] lg:w-[164px] w-[147px]"},e__namespace.default.createElement("img",{src:t,alt:`Profile for ${r}`,className:"object-cover rounded-lg w-full h-full"})),n&&e__namespace.default.createElement(R,{variant:"filled"},"Preview Profile"),n&&e__namespace.default.createElement("div",{className:"hidden sm:flex sm:flex-col gap-1 w-full"},e__namespace.default.createElement("div",{className:"flex flex-row justify-between"},e__namespace.default.createElement("div",null,e__namespace.default.createElement(l,{as:"label",htmlFor:f,variant:"body-default-semibold"},"Private Mode"),e__namespace.default.createElement("div",{className:"flex items-center gap-1"},e__namespace.default.createElement(l,{variant:"body-default",color:"text-secondary"},"What is this?"),e__namespace.default.createElement(x,{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."},e__namespace.default.createElement(m,{name:"message-question",color:"secondary",size:16})))),e__namespace.default.createElement(E,{id:f})))),e__namespace.default.createElement("div",{className:"flex flex-col gap-2"},e__namespace.default.createElement(l,{as:"h1",variant:["lg:heading-lg","md:heading-md","heading-sm"],className:"text-wrap text-center md:text-left"},r),e__namespace.default.createElement("div",{className:"flex gap-2 items-center sm:justify-start justify-center"},e__namespace.default.createElement(m,{name:"location",color:"secondary"}),e__namespace.default.createElement(x,{content:i},e__namespace.default.createElement(l,{variant:["lg:body-lg","md:body-default","body-xs"],color:"text-secondary",className:"sm:text-left text-center truncate max-w-[300px]"},i))),e__namespace.default.createElement("div",{className:"flex gap-2 items-center sm:justify-start justify-center"},e__namespace.default.createElement(m,{name:"profile",color:"secondary"}),e__namespace.default.createElement(x,{content:`Member Since ${s}`},e__namespace.default.createElement(l,{variant:["lg:body-lg","md:body-default","body-xs"],color:"text-secondary",className:"sm:text-left text-center truncate max-w-[300px]"},"Member Since"," ",e__namespace.default.createElement(l,{as:"span",variant:["lg:body-lg-semibold","md:body-default-bold","body-xs-bold"]},s)))),o&&e__namespace.default.createElement("div",{className:"flex flex-col gap-2 pt-4"},e__namespace.default.createElement(l,{variant:["sm:heading-xs","body-default-bold"],className:"sm:text-left text-center"},"Interests"),e__namespace.default.createElement("div",{className:"flex flex-wrap gap-2 sm:justify-start justify-center items-center"},u.map((T,C)=>e__namespace.default.createElement(G,{key:C},T)),j&&e__namespace.default.createElement(x,{content:o.slice(L).join(", ")},e__namespace.default.createElement(l,{variant:"label-default"},"+",W," more")))),a&&e__namespace.default.createElement("div",{className:"flex gap-2 flex-wrap py-4 sm:justify-start justify-center items-center"},N.map((T,C)=>e__namespace.default.createElement(A,{key:C,...T})),k&&e__namespace.default.createElement(x,{content:a.slice(w).map(T=>T.children).join(", ")},e__namespace.default.createElement(l,{variant:"label-default"},"+",_," more"))),n&&e__namespace.default.createElement("div",{className:"sm:hidden flex justify-between border-t-[1px] border-secondary-50 pt-4"},e__namespace.default.createElement("div",null,e__namespace.default.createElement(l,{as:"label",htmlFor:f,variant:"body-default-semibold"},"Private Mode"),e__namespace.default.createElement("div",{className:"flex items-center gap-1"},e__namespace.default.createElement(l,{variant:"body-default",color:"text-secondary"},"What is this?"),e__namespace.default.createElement(x,{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."},e__namespace.default.createElement(m,{name:"message-question",color:"secondary",size:16})))),e__namespace.default.createElement(E,{id:f})))))};if (exports.default) module.exports = exports.default;exports.ProfileCard=st;//# sourceMappingURL=ProfileCard.cjs.map
 //# sourceMappingURL=ProfileCard.cjs.map

package/dist/components/ProfileCard.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/index.ts","../../src/components/Icon.tsx","../../src/components/Text.tsx","../../src/components/Badge.tsx","../../src/components/Button.tsx","../../src/utils/tailwind.ts","../../src/components/Tooltip.tsx","../../src/components/Switch.tsx","../../src/components/Pressable.tsx","../../src/components/Tag.tsx","../../src/components/EditButton.tsx","../../src/components/ProfileCard.tsx"],"names":["cn","inputs","twMerge","clsx","COLOR_MAP","BREAKPOINT_MAP","processSizes","sizes","sizeArray","mediaQueries","baseSize","size","breakpoint","valueStr","value","acc","query","Icon","React","name","color","title","className","style","props","ref","IconComponent","IconMap","sizeStyles","HEADING_ELEMENT_MAP","getElementFromVariant","variant","category","fontWeight","processVariants","variants","typographyClass","Text","as","children","weight","typographyClasses","colorClasses","suggestedElement","baseVariant","stringToVariant","str","variantKeys","hash","char","index","selectedVariant","Badge","x","iconName","finalVariant","focusRingStyles","filled","outlined","Button","v","isLoading","disabled","Tooltip","content","side","align","delayDuration","g","m","Switch","y","label","description","M","Pressable","type","Tag","pressableProps","EditButton","onClick","MAX_INTERESTS","MAX_BADGES","ProfileCard","profileImage","location","memberSince","interests","badges","isEditMode","onEditClick","randomId","useId","visibleInterests","useMemo","visibleBadges","hasMoreInterests","hasMoreBadges","remainingInterests","remainingBadges","interest","idx","badge","b"],"mappings":"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","file":"ProfileCard.cjs","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\nexport const noopFn = () => {};\n","import React, { SVGProps } from \"react\";\nimport { IconName, IconMap } from \"@deckai/icons\";\nimport { IconColors } from \"../types/tailwind\";\nimport { cn } from \"../utils\";\n\ntype Breakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\ntype ResponsiveSize = number | `${Breakpoint}:${number}`;\n\nexport type IconProps = {\n  name: IconName;\n  /** @default 24 */\n  size?: ResponsiveSize | ResponsiveSize[];\n  /** @default primary */\n  color?: IconColors;\n  title?: string;\n  className?: string;\n  style?: React.CSSProperties;\n} & Omit<SVGProps<SVGSVGElement>, \"aria-hidden\" | \"aria-label\">;\n\nconst COLOR_MAP: Record<IconColors, string> = {\n  primary: \"#080808\",\n  secondary: \"#666666\",\n  white: \"#ffffff\",\n  primaryBlue: \"#089CCB\"\n};\n\nconst BREAKPOINT_MAP: Record<Breakpoint, string> = {\n  sm: \"640px\",\n  md: \"768px\",\n  lg: \"1024px\",\n  xl: \"1280px\",\n  \"2xl\": \"1536px\"\n};\n\nconst processSizes = (\n  sizes: ResponsiveSize | ResponsiveSize[] | undefined\n): React.CSSProperties => {\n  if (!sizes) return { width: \"24px\", height: \"24px\" };\n\n  const sizeArray = Array.isArray(sizes) ? sizes : [sizes];\n  const mediaQueries: Record<string, string> = {};\n  let baseSize: string | undefined;\n\n  // Process each size\n  sizeArray.forEach((size) => {\n    if (typeof size === \"number\") {\n      baseSize = `${size}px`;\n    } else {\n      const [breakpoint, valueStr] = size.split(\":\") as [Breakpoint, string];\n      const value = parseInt(valueStr, 10);\n      mediaQueries[`@media (min-width: ${BREAKPOINT_MAP[breakpoint]})`] =\n        `${value}px`;\n    }\n  });\n\n  // Create the style object with the correct structure\n  return {\n    width: baseSize || \"24px\",\n    height: baseSize || \"24px\",\n    ...Object.entries(mediaQueries).reduce(\n      (acc, [query, size]) => ({\n        ...acc,\n        [query]: {\n          width: size,\n          height: size\n        }\n      }),\n      {}\n    )\n  };\n};\n\nexport const Icon = React.forwardRef<SVGSVGElement, IconProps>(\n  (\n    {\n      name,\n      size = 24,\n      color = \"primary\",\n      title,\n      className,\n      style = {},\n      ...props\n    },\n    ref\n  ) => {\n    const IconComponent = IconMap[name];\n    const sizeStyles = processSizes(size);\n\n    return (\n      <div\n        className={cn(\"flex justify-center items-center\", className)}\n        style={{\n          ...sizeStyles,\n          [\"--icon-stroke\" as string]: COLOR_MAP[color],\n          ...style\n        }}\n      >\n        <IconComponent\n          ref={ref}\n          aria-hidden={!title}\n          aria-label={title}\n          stroke={name.includes(\"filled\") ? undefined : COLOR_MAP[color]}\n          {...props}\n        />\n      </div>\n    );\n  }\n);\n\nIcon.displayName = \"Icon\";\n","import React from \"react\";\nimport {\n  Colors,\n  TextColorVariant,\n  PrimaryShades,\n  SecondaryShades,\n  TertiaryShades,\n  Typography\n} from \"../types/tailwind\";\n\ntype TextElement =\n  | \"p\"\n  | \"span\"\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\"\n  | \"strong\"\n  | \"em\"\n  | \"blockquote\"\n  | \"pre\"\n  | \"code\"\n  | \"small\"\n  | \"label\"\n  | \"a\";\n\n// HTML element mapping type\ntype HTMLElementByTag = {\n  p: HTMLParagraphElement;\n  span: HTMLSpanElement;\n  h1: HTMLHeadingElement;\n  h2: HTMLHeadingElement;\n  h3: HTMLHeadingElement;\n  h4: HTMLHeadingElement;\n  h5: HTMLHeadingElement;\n  h6: HTMLHeadingElement;\n  strong: HTMLElement;\n  em: HTMLElement;\n  blockquote: HTMLQuoteElement;\n  pre: HTMLPreElement;\n  code: HTMLElement;\n  small: HTMLElement;\n  label: HTMLLabelElement;\n  a: HTMLAnchorElement;\n};\n\n// HTML props mapping type\ntype HTMLPropsMap = {\n  p: React.HTMLAttributes<HTMLParagraphElement>;\n  span: React.HTMLAttributes<HTMLSpanElement>;\n  h1: React.HTMLAttributes<HTMLHeadingElement>;\n  h2: React.HTMLAttributes<HTMLHeadingElement>;\n  h3: React.HTMLAttributes<HTMLHeadingElement>;\n  h4: React.HTMLAttributes<HTMLHeadingElement>;\n  h5: React.HTMLAttributes<HTMLHeadingElement>;\n  h6: React.HTMLAttributes<HTMLHeadingElement>;\n  strong: React.HTMLAttributes<HTMLElement>;\n  em: React.HTMLAttributes<HTMLElement>;\n  blockquote: React.HTMLAttributes<HTMLQuoteElement>;\n  pre: React.HTMLAttributes<HTMLPreElement>;\n  code: React.HTMLAttributes<HTMLElement>;\n  small: React.HTMLAttributes<HTMLElement>;\n  label: React.LabelHTMLAttributes<HTMLLabelElement>;\n  a: Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, \"color\">;\n};\n\ntype ColorCategory = keyof Omit<Colors, \"stroke\" | \"background\">;\ntype ColorValue<T extends ColorCategory> = T extends \"text\"\n  ? TextColorVariant\n  : T extends \"primary\"\n    ? keyof PrimaryShades\n    : T extends \"secondary\"\n      ? keyof SecondaryShades\n      : T extends \"tertiary\"\n        ? keyof TertiaryShades\n        : never;\n\ntype ColorKey = {\n  [T in ColorCategory]: `${T}-${ColorValue<T>}`;\n}[ColorCategory];\n\ntype TypographyCategory = keyof Typography;\ntype TypographyValue<T extends TypographyCategory> = Extract<\n  keyof Typography[T],\n  string | number | bigint | boolean | null | undefined\n>;\ntype TypographyKey = {\n  [T in TypographyCategory]: `${T}-${TypographyValue<T>}`;\n}[TypographyCategory];\n\nconst HEADING_ELEMENT_MAP: Record<string, TextElement> = {\n  xl: \"h1\",\n  lg: \"h1\",\n  md: \"h2\",\n  sm: \"h3\",\n  xs: \"h4\"\n};\n\nconst getElementFromVariant = (variant: TypographyKey): TextElement => {\n  const [category, size] = variant.split(\"-\");\n\n  if (category === \"heading\") {\n    return HEADING_ELEMENT_MAP[size] || \"p\";\n  }\n\n  if (category === \"label\") {\n    return \"label\";\n  }\n\n  return \"p\";\n};\n\ntype Weight = \"light\" | \"regular\" | \"semibold\" | \"bold\";\n\nconst fontWeight: Record<Weight, string> = {\n  light: \"font-light\",\n  regular: \"font-regular\",\n  semibold: \"font-semibold\",\n  bold: \"font-bold\"\n};\n\n// Add breakpoint types\ntype Breakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\ntype ResponsiveVariant = TypographyKey | `${Breakpoint}:${TypographyKey}`;\n\n// Update TextProps to use ResponsiveVariant\nexport type TextProps<T extends TextElement = \"p\"> = {\n  variant?: ResponsiveVariant | ResponsiveVariant[];\n  color?: ColorKey | \"inherit\";\n  as?: T;\n  className?: string;\n  children: React.ReactNode;\n  weight?: Weight;\n} & HTMLPropsMap[T];\n\n// Add helper function to process variants\nconst processVariants = (\n  variants: ResponsiveVariant | ResponsiveVariant[] | undefined\n): string => {\n  if (!variants) return \"text-body-default\";\n\n  const variantArray = Array.isArray(variants) ? variants : [variants];\n\n  return variantArray\n    .map((variant) => {\n      if (variant.includes(\":\")) {\n        const [breakpoint, typographyClass] = variant.split(\":\");\n        return `${breakpoint}:text-${typographyClass}`;\n      }\n      return `text-${variant}`;\n    })\n    .join(\" \");\n};\n\nexport const Text = React.forwardRef(\n  <T extends TextElement = \"p\">(\n    {\n      variant = \"body-default\",\n      color = \"text-primary\",\n      as,\n      className,\n      children,\n      weight,\n      ...props\n    }: TextProps<T>,\n    ref: React.ForwardedRef<HTMLElementByTag[T]>\n  ) => {\n    // Process typography classes with breakpoints\n    const typographyClasses = processVariants(variant);\n\n    // Get color styles\n    const colorClasses =\n      color && color === \"inherit\" ? \"inherit\" : color ? `text-${color}` : \"\";\n\n    const suggestedElement = React.useMemo(() => {\n      const baseVariant =\n        typeof variant === \"string\"\n          ? variant.split(\":\").pop()!\n          : Array.isArray(variant)\n            ? variant[0].split(\":\").pop()!\n            : \"body-default\";\n      return getElementFromVariant(baseVariant as TypographyKey);\n    }, [variant]);\n\n    const Component = (as || suggestedElement) as T;\n\n    return (\n      // @ts-expect-error TODO: figure this out\n      <Component\n        ref={ref}\n        className={`font-sans antialiased ${typographyClasses} ${colorClasses} ${\n          weight ? `!${fontWeight[weight]}` : \"\"\n        } ${className ?? \"\"}`}\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\n\nText.displayName = \"Text\";\n","import * as React from \"react\";\nimport { IconName } from \"@deckai/icons\";\nimport { cn } from \"../utils\";\nimport { Icon } from \"./Icon\";\nimport { Text } from \"./Text\";\n\nexport type BadgeProps = {\n  variant?: \"pink\" | \"orange\" | \"green\" | \"purple\";\n  iconName?: IconName;\n} & React.HTMLAttributes<HTMLSpanElement>;\n\nconst variants = {\n  pink: \"bg-tertiary-5\",\n  orange: \"bg-tertiary-15\",\n  green: \"bg-tertiary-25\",\n  purple: \"bg-secondary-300\"\n};\n\nconst stringToVariant = (str: string): keyof typeof variants => {\n  const variantKeys = Object.keys(variants) as Array<keyof typeof variants>;\n  // Let's log some values to understand what's happening\n  const hash = str\n    .split(\"\")\n    .reduce((acc, char) => char.charCodeAt(0) + ((acc << 5) - acc), 0);\n\n  const index = Math.abs(hash) % variantKeys.length;\n  const selectedVariant = variantKeys[index];\n\n  console.log({\n    input: str,\n    hash,\n    variantKeys,\n    index,\n    selectedVariant\n  });\n\n  return selectedVariant;\n};\n\nexport const Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  ({ className, variant, iconName, children, ...props }, ref) => {\n    const finalVariant =\n      variant ||\n      (typeof children === \"string\" ? stringToVariant(children) : \"pink\");\n    return (\n      <span\n        ref={ref}\n        className={cn(\n          \"inline-flex items-center gap-2\",\n          \"rounded-lg px-2 py-1\",\n          \"text-sm font-medium\",\n          variants[finalVariant],\n          className\n        )}\n        {...props}\n      >\n        {iconName && <Icon size={16} name={iconName} />}\n        <Text variant=\"body-xxs-medium\">{children}</Text>\n      </span>\n    );\n  }\n);\n\nBadge.displayName = \"Badge\";\n","import * as React from \"react\";\nimport { Text } from \"./Text\";\nimport { focusRingStyles } from \"../utils/tailwind\";\nimport { cn } from \"../utils\";\n\nexport type ButtonProps = {\n  /** @default filled */\n  variant?: \"filled\" | \"outlined\";\n  /** @default primary */\n  color?: \"black\" | \"accent\" | \"secondary\";\n  isLoading?: boolean;\n  children: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  start?: React.ReactNode;\n  end?: React.ReactNode;\n} & React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const filled = {\n  black: \"bg-text-primary text-white\",\n  // fade it slightly\n  accent: \"bg-primary-100 text-white\",\n  secondary: \"bg-secondary-100 text-secondary\"\n};\n\nexport const outlined = {\n  black: \"border border-text-primary text-text-primary\",\n  accent: \"border border-primary-100 text-primary-100\",\n  secondary: \"border border-text-secondary text-secondary\"\n};\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      variant = \"filled\",\n      color = \"black\",\n      isLoading = false,\n      children,\n      disabled,\n      ...props\n    },\n    ref\n  ) => (\n    <button\n      ref={ref}\n      className={cn(\n        `\n          sm:px-7 px-4\n          py-2\n          inline-flex items-center justify-center\n          rounded-lg \n          transition-colors duration-200\n          disabled:opacity-50 disabled:pointer-events-none\n          hover:opacity-80 active:scale-95 \n          truncate`,\n        focusRingStyles,\n        variant === \"filled\" ? filled[color] : outlined[color],\n        className\n      )}\n      disabled={disabled || isLoading}\n      type=\"button\"\n      {...props}\n    >\n      {typeof children === \"string\" ? (\n        <Text\n          variant={[\"sm:body-default-bold\", \"body-xxs-semibold\"]}\n          color=\"inherit\"\n        >\n          {children}\n        </Text>\n      ) : (\n        children\n      )}\n    </button>\n  )\n);\n\nButton.displayName = \"Button\";\n","import { Colors, Typography } from \"../types/tailwind\";\n\n// Generate safelist patterns for all color utilities so you can use any theme color variable in your code\nexport const generateSafelist = (colors: Colors, typography: Typography) => {\n  const colorNames = Object.keys(colors) as (keyof Colors)[];\n  const utilities = [\"bg\", \"text\", \"border\", \"ring\", \"divide\", \"outline\"];\n  const variants = [\"hover:\", \"focus:\", \"active:\", \"disabled:\"];\n\n  const safelist: string[] = [];\n\n  colorNames.forEach((colorName) => {\n    if (typeof colors[colorName] === \"object\") {\n      // Handle nested color objects (with number keys)\n      Object.keys(colors[colorName]).forEach((shade) => {\n        utilities.forEach((utility) => {\n          // Base utility\n          safelist.push(`${utility}-${colorName}-${shade}`);\n\n          // Variant utilities\n          variants.forEach((variant) => {\n            safelist.push(`${variant}${utility}-${colorName}-${shade}`);\n          });\n        });\n      });\n    } else {\n      // Handle direct color values\n      utilities.forEach((utility) => {\n        safelist.push(`${utility}-${colorName}`);\n\n        variants.forEach((variant) => {\n          safelist.push(`${variant}${utility}-${colorName}`);\n        });\n      });\n    }\n  });\n\n  // Generate typography classes\n  Object.entries(typography).forEach(([family, sizes]) => {\n    Object.keys(sizes).forEach((size) => {\n      // Base typography classes\n      safelist.push(`text-${family}-${size}`);\n\n      // Add variants\n      variants.forEach((variant) => {\n        safelist.push(`${variant}text-${family}-${size}`);\n      });\n    });\n  });\n\n  const breakpoints = [\"sm\", \"md\", \"lg\", \"xl\", \"2xl\"];\n  const typographyClasses = Object.entries(typography).flatMap(\n    ([category, sizes]) =>\n      Object.keys(sizes).map((size) => `text-${category}-${size}`)\n  );\n\n  // Generate responsive variants\n  const responsiveTypographyClasses = typographyClasses.flatMap((className) =>\n    breakpoints.map((breakpoint) => `${breakpoint}:${className}`)\n  );\n\n  return [\n    ...typographyClasses,\n    ...responsiveTypographyClasses\n    // ... rest of your safelist\n  ];\n};\n\nexport const focusRingStyles =\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\";\n\nexport const focusRingStylesCoerced = \"ring-2 ring-ring ring-offset-2\";\n","import * as React from \"react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { cn } from \"../utils\";\n\nexport interface TooltipProps {\n  content: React.ReactNode;\n  children: React.ReactNode;\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  align?: \"start\" | \"center\" | \"end\";\n  className?: string;\n  delayDuration?: number;\n}\n\nexport const Tooltip = ({\n  content,\n  children,\n  side = \"bottom\",\n  align = \"center\",\n  className,\n  delayDuration = 200\n}: TooltipProps) => (\n  <TooltipPrimitive.Provider delayDuration={delayDuration}>\n    <TooltipPrimitive.Root>\n      <TooltipPrimitive.Trigger asChild>\n        {/* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */}\n        <span tabIndex={0}>{children}</span>\n      </TooltipPrimitive.Trigger>\n      <TooltipPrimitive.Portal>\n        <TooltipPrimitive.Content\n          side={side}\n          align={align}\n          sideOffset={4}\n          className={cn(\n            \"z-50 overflow-hidden rounded-lg\",\n            \"bg-text-primary px-3 py-1.5\",\n            \"text-xs text-white\",\n            \"animate-in fade-in-0 zoom-in-95\",\n            \"data-[state=closed]:animate-out data-[state=closed]:fade-out-0\",\n            \"data-[side=bottom]:slide-in-from-top-2\",\n            \"data-[side=top]:slide-in-from-bottom-2\",\n            \"select-none\",\n            \"max-w-60\",\n            className\n          )}\n        >\n          {content}\n          <TooltipPrimitive.Arrow\n            className=\"fill-text-primary\"\n            width={10}\n            height={5}\n          />\n        </TooltipPrimitive.Content>\n      </TooltipPrimitive.Portal>\n    </TooltipPrimitive.Root>\n  </TooltipPrimitive.Provider>\n);\n","import * as React from \"react\";\nimport * as SwitchPrimitive from \"@radix-ui/react-switch\";\nimport { cn } from \"../utils\";\nimport { focusRingStyles } from \"../utils/tailwind\";\n\nexport type SwitchProps = React.ComponentPropsWithoutRef<\n  typeof SwitchPrimitive.Root\n> & {\n  label?: string;\n  description?: string;\n};\n\nexport const Switch = React.forwardRef<\n  React.ElementRef<typeof SwitchPrimitive.Root>,\n  SwitchProps\n>(({ className, label, description, ...props }, ref) => (\n  <div className=\"flex items-center gap-2\">\n    <SwitchPrimitive.Root\n      className={cn(\n        \"peer inline-flex h-6 w-11 shrink-0 cursor-pointer\",\n        \"items-center rounded-full border-2 border-transparent\",\n        \"transition-colors focus-visible:outline-none\",\n        focusRingStyles,\n        \"disabled:cursor-not-allowed disabled:opacity-50\",\n        \"data-[state=checked]:bg-primary-50 data-[state=unchecked]:bg-secondary-50\",\n        className\n      )}\n      {...props}\n      ref={ref}\n    >\n      <SwitchPrimitive.Thumb\n        className={cn(\n          \"pointer-events-none block h-5 w-5\",\n          \"rounded-full bg-white shadow-lg ring-0\",\n          \"transition-transform\",\n          \"data-[state=checked]:translate-x-5\",\n          \"data-[state=unchecked]:translate-x-0\"\n        )}\n      />\n    </SwitchPrimitive.Root>\n    {(label || description) && (\n      <div className=\"flex flex-col\">\n        {label && (\n          <label\n            className=\"text-sm font-medium text-text-primary\"\n            htmlFor={props.id}\n          >\n            {label}\n          </label>\n        )}\n        {description && (\n          <span className=\"text-xs text-text-secondary\">{description}</span>\n        )}\n      </div>\n    )}\n  </div>\n));\n\nSwitch.displayName = \"Switch\";\n","import React, { ButtonHTMLAttributes } from \"react\";\nimport { focusRingStyles } from \"../utils/tailwind\";\n\nexport type PressableProps = ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const Pressable: React.FC<PressableProps> = ({\n  children,\n  type = \"button\",\n  className,\n  disabled,\n  ...props\n}) => (\n  <button\n    // eslint-disable-next-line react/butt on-has-type\n    type={type}\n    disabled={disabled}\n    className={`appearance-none hover:opacity-80 transition-all active:scale-95 ${focusRingStyles} ${className} ${disabled ? \"opacity-50 cursor-not-allowed\" : \"\"}`}\n    {...props}\n  >\n    {children}\n  </button>\n);\n","import React, { HTMLAttributes } from \"react\";\nimport { Text } from \"./Text\";\nimport { Pressable, PressableProps } from \"./Pressable\";\nimport { cn } from \"../utils\";\n\nexport type TagProps = {\n  children: React.ReactNode;\n  padded?: boolean;\n  color?: \"primary\" | \"text\";\n} & HTMLAttributes<HTMLDivElement> &\n  PressableProps;\n\nexport const Tag = ({\n  children,\n  color = \"primary\",\n  className,\n  ...pressableProps\n}: TagProps) => (\n  <Pressable\n    className={cn(\n      \"hover:bg-primary-100 rounded bg-secondary-400 px-2 py-1 sm:px-3 sm:py-1.5 h-min hover:text-white\",\n      color === \"primary\" ? \"text-primary-100\" : \"text-primary\",\n      className\n    )}\n    {...pressableProps}\n  >\n    {typeof children === \"string\" ? (\n      <Text\n        color=\"inherit\"\n        variant={[\"md:body-default-medium\", \"body-xxs-medium\"]}\n        className=\"truncate\"\n      >\n        {children}\n      </Text>\n    ) : (\n      children\n    )}\n  </Pressable>\n);\n","import React from \"react\";\nimport { cn } from \"../utils\";\nimport { outlined } from \"./Button\";\nimport { Icon } from \"./Icon\";\nimport { Pressable } from \"./Pressable\";\n\nexport type EditButtonProps = {\n  className?: string;\n  onClick?: () => void;\n};\n\nexport const EditButton = ({ className, onClick }: EditButtonProps) => {\n  return (\n    <Pressable\n      className={cn(\n        \"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\",\n        outlined.black,\n        className\n      )}\n      onClick={onClick}\n    >\n      <Icon color=\"primary\" name=\"edit-2\" />\n    </Pressable>\n  );\n};\n\nEditButton.displayName = \"EditButton\";\n","import React, { useId, useMemo } from \"react\";\nimport { Badge, BadgeProps } from \"./Badge\";\nimport { Button } from \"./Button\";\nimport { Icon } from \"./Icon\";\nimport { Text } from \"./Text\";\nimport { Tooltip } from \"./Tooltip\";\nimport { Switch } from \"./Switch\";\nimport { Tag } from \"./Tag\";\nimport { EditButton } from \"./EditButton\";\n\nexport type ProfileCardProps = {\n  profileImage: string;\n  name: string;\n  location: string;\n  memberSince?: string;\n  interests?: string[];\n  badges?: BadgeProps[];\n  isEditMode?: boolean;\n  onEditClick?: () => void;\n};\n\nconst MAX_INTERESTS = 4;\nconst MAX_BADGES = 3;\n\nexport const ProfileCard = ({\n  profileImage,\n  name,\n  location,\n  memberSince,\n  interests,\n  badges,\n  isEditMode = false,\n  onEditClick\n}: ProfileCardProps) => {\n  const randomId = useId();\n\n  const visibleInterests = useMemo(\n    () => interests?.slice(0, MAX_INTERESTS) || [],\n    [interests]\n  );\n\n  const visibleBadges = useMemo(\n    () => badges?.slice(0, MAX_BADGES) || [],\n    [badges]\n  );\n\n  const hasMoreInterests = interests && interests.length > MAX_INTERESTS;\n  const hasMoreBadges = badges && badges.length > MAX_BADGES;\n  const remainingInterests = interests ? interests.length - MAX_INTERESTS : 0;\n  const remainingBadges = badges ? badges.length - MAX_BADGES : 0;\n\n  return (\n    <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      {isEditMode && <EditButton onClick={onEditClick} />}\n      <div className=\"flex md:flex-row flex-col gap-6\">\n        <div className=\"flex flex-col gap-4 md:items-start items-center\">\n          <div className=\"flex items-center justify-center xl:w-[206px] lg:w-[164px] w-[147px]\">\n            <img\n              src={profileImage}\n              alt={`Profile for ${name}`}\n              className=\"object-cover rounded-lg w-full h-full\"\n            />\n          </div>\n          {isEditMode && <Button variant=\"filled\">Preview Profile</Button>}\n          {/* Desktop only */}\n          {isEditMode && (\n            <div className=\"hidden sm:flex sm:flex-col gap-1 w-full\">\n              <div className=\"flex flex-row justify-between\">\n                <div>\n                  <Text\n                    as=\"label\"\n                    htmlFor={randomId}\n                    variant=\"body-default-semibold\"\n                  >\n                    Private Mode\n                  </Text>\n                  <div className=\"flex items-center gap-1\">\n                    <Text variant=\"body-default\" color=\"text-secondary\">\n                      What is this?\n                    </Text>\n                    <Tooltip 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.\">\n                      <Icon\n                        name=\"message-question\"\n                        color=\"secondary\"\n                        size={16}\n                      />\n                    </Tooltip>\n                  </div>\n                </div>\n                <Switch id={randomId} />\n              </div>\n            </div>\n          )}\n        </div>\n        <div className=\"flex flex-col gap-2\">\n          <Text\n            as=\"h1\"\n            variant={[\"lg:heading-lg\", \"md:heading-md\", \"heading-sm\"]}\n            className=\"text-wrap text-center md:text-left\"\n          >\n            {name}\n          </Text>\n          <div className=\"flex gap-2 items-center sm:justify-start justify-center\">\n            <Icon name=\"location\" color=\"secondary\" />\n            <Tooltip content={location}>\n              <Text\n                variant={[\"lg:body-lg\", \"md:body-default\", \"body-xs\"]}\n                color=\"text-secondary\"\n                className=\"sm:text-left text-center truncate max-w-[300px]\"\n              >\n                {location}\n              </Text>\n            </Tooltip>\n          </div>\n          <div className=\"flex gap-2 items-center sm:justify-start justify-center\">\n            <Icon name=\"profile\" color=\"secondary\" />\n            <Tooltip content={`Member Since ${memberSince}`}>\n              <Text\n                variant={[\"lg:body-lg\", \"md:body-default\", \"body-xs\"]}\n                color=\"text-secondary\"\n                className=\"sm:text-left text-center truncate max-w-[300px]\"\n              >\n                Member Since{\" \"}\n                <Text\n                  as=\"span\"\n                  variant={[\n                    \"lg:body-lg-semibold\",\n                    \"md:body-default-bold\",\n                    \"body-xs-bold\"\n                  ]}\n                >\n                  {memberSince}\n                </Text>\n              </Text>\n            </Tooltip>\n          </div>\n          {interests && (\n            <div className=\"flex flex-col gap-2 pt-4\">\n              <Text\n                variant={[\"sm:heading-xs\", \"body-default-bold\"]}\n                className=\"sm:text-left text-center\"\n              >\n                Interests\n              </Text>\n              <div className=\"flex flex-wrap gap-2 sm:justify-start justify-center items-center\">\n                {visibleInterests.map((interest, idx) => (\n                  <Tag key={idx}>{interest}</Tag>\n                ))}\n                {hasMoreInterests && (\n                  <Tooltip content={interests.slice(MAX_INTERESTS).join(\", \")}>\n                    <Text variant=\"label-default\">\n                      +{remainingInterests} more\n                    </Text>\n                  </Tooltip>\n                )}\n              </div>\n            </div>\n          )}\n          {badges && (\n            <div className=\"flex gap-2 flex-wrap py-4 sm:justify-start justify-center items-center\">\n              {visibleBadges.map((badge, idx) => (\n                <Badge key={idx} {...badge} />\n              ))}\n              {hasMoreBadges && (\n                <Tooltip\n                  content={badges\n                    .slice(MAX_BADGES)\n                    .map((b) => b.children)\n                    .join(\", \")}\n                >\n                  <Text variant=\"label-default\">+{remainingBadges} more</Text>\n                </Tooltip>\n              )}\n            </div>\n          )}\n          {/* mobile only */}\n          {isEditMode && (\n            <div className=\"sm:hidden flex justify-between border-t-[1px] border-secondary-50 pt-4\">\n              <div>\n                <Text\n                  as=\"label\"\n                  htmlFor={randomId}\n                  variant=\"body-default-semibold\"\n                >\n                  Private Mode\n                </Text>\n                <div className=\"flex items-center gap-1\">\n                  <Text variant=\"body-default\" color=\"text-secondary\">\n                    What is this?\n                  </Text>\n                  <Tooltip 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.\">\n                    <Icon name=\"message-question\" color=\"secondary\" size={16} />\n                  </Tooltip>\n                </div>\n              </div>\n              <Switch id={randomId} />\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n"]}
+{"version":3,"sources":["../../src/utils/index.ts","../../src/components/Icon.tsx","../../src/components/Text.tsx","../../src/components/Badge.tsx","../../src/components/Button.tsx","../../src/utils/tailwind.ts","../../src/components/Tooltip.tsx","../../src/components/Switch.tsx","../../src/components/Pressable.tsx","../../src/components/Tag.tsx","../../src/components/EditButton.tsx","../../src/components/ProfileCard.tsx"],"names":["cn","inputs","twMerge","clsx","COLOR_MAP","BREAKPOINT_MAP","processSizes","sizes","sizeArray","mediaQueries","baseSize","size","breakpoint","valueStr","value","acc","query","Icon","React","name","color","title","className","style","props","ref","IconComponent","IconMap","sizeStyles","HEADING_ELEMENT_MAP","getElementFromVariant","variant","category","fontWeight","processVariants","variants","typographyClass","Text","as","children","weight","typographyClasses","colorClasses","suggestedElement","baseVariant","stringToVariant","str","variantKeys","hash","char","index","selectedVariant","Badge","b","iconName","finalVariant","focusRingStyles","filled","outlined","Button","v","isLoading","disabled","Tooltip","content","side","align","delayDuration","g","d","Switch","y","label","description","H","Pressable","type","Tag","onClose","pressableProps","isHovered","setIsHovered","useState","handleMouseEnter","useCallback","handleMouseLeave","EditButton","onClick","MAX_INTERESTS","MAX_BADGES","ProfileCard","profileImage","location","memberSince","interests","badges","isEditMode","onEditClick","randomId","useId","visibleInterests","useMemo","visibleBadges","hasMoreInterests","hasMoreBadges","remainingInterests","remainingBadges","interest","idx","badge"],"mappings":"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","file":"ProfileCard.cjs","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\nexport const noopFn = () => {};\n","import React, { SVGProps } from \"react\";\nimport { IconName, IconMap } from \"@deckai/icons\";\nimport { IconColors } from \"../types/tailwind\";\nimport { cn } from \"../utils\";\n\ntype Breakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\ntype ResponsiveSize = number | `${Breakpoint}:${number}`;\n\nexport type IconProps = {\n  name: IconName;\n  /** @default 24 */\n  size?: ResponsiveSize | ResponsiveSize[];\n  /** @default primary */\n  color?: IconColors;\n  title?: string;\n  className?: string;\n  style?: React.CSSProperties;\n} & Omit<SVGProps<SVGSVGElement>, \"aria-hidden\" | \"aria-label\">;\n\nconst COLOR_MAP: Record<IconColors, string> = {\n  primary: \"#080808\",\n  secondary: \"#666666\",\n  white: \"#ffffff\",\n  primaryBlue: \"#089CCB\"\n};\n\nconst BREAKPOINT_MAP: Record<Breakpoint, string> = {\n  sm: \"640px\",\n  md: \"768px\",\n  lg: \"1024px\",\n  xl: \"1280px\",\n  \"2xl\": \"1536px\"\n};\n\nconst processSizes = (\n  sizes: ResponsiveSize | ResponsiveSize[] | undefined\n): React.CSSProperties => {\n  if (!sizes) return { width: \"24px\", height: \"24px\" };\n\n  const sizeArray = Array.isArray(sizes) ? sizes : [sizes];\n  const mediaQueries: Record<string, string> = {};\n  let baseSize: string | undefined;\n\n  // Process each size\n  sizeArray.forEach((size) => {\n    if (typeof size === \"number\") {\n      baseSize = `${size}px`;\n    } else {\n      const [breakpoint, valueStr] = size.split(\":\") as [Breakpoint, string];\n      const value = parseInt(valueStr, 10);\n      mediaQueries[`@media (min-width: ${BREAKPOINT_MAP[breakpoint]})`] =\n        `${value}px`;\n    }\n  });\n\n  // Create the style object with the correct structure\n  return {\n    width: baseSize || \"24px\",\n    height: baseSize || \"24px\",\n    ...Object.entries(mediaQueries).reduce(\n      (acc, [query, size]) => ({\n        ...acc,\n        [query]: {\n          width: size,\n          height: size\n        }\n      }),\n      {}\n    )\n  };\n};\n\nexport const Icon = React.forwardRef<SVGSVGElement, IconProps>(\n  (\n    {\n      name,\n      size = 24,\n      color = \"primary\",\n      title,\n      className,\n      style = {},\n      ...props\n    },\n    ref\n  ) => {\n    const IconComponent = IconMap[name];\n    const sizeStyles = processSizes(size);\n\n    return (\n      <div\n        className={cn(\"flex justify-center items-center\", className)}\n        style={{\n          ...sizeStyles,\n          [\"--icon-stroke\" as string]: COLOR_MAP[color],\n          ...style\n        }}\n      >\n        <IconComponent\n          ref={ref}\n          aria-hidden={!title}\n          aria-label={title}\n          stroke={name.includes(\"filled\") ? undefined : COLOR_MAP[color]}\n          {...props}\n        />\n      </div>\n    );\n  }\n);\n\nIcon.displayName = \"Icon\";\n","import React from \"react\";\nimport {\n  Colors,\n  TextColorVariant,\n  PrimaryShades,\n  SecondaryShades,\n  TertiaryShades,\n  Typography\n} from \"../types/tailwind\";\n\ntype TextElement =\n  | \"p\"\n  | \"span\"\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\"\n  | \"strong\"\n  | \"em\"\n  | \"blockquote\"\n  | \"pre\"\n  | \"code\"\n  | \"small\"\n  | \"label\"\n  | \"a\";\n\n// HTML element mapping type\ntype HTMLElementByTag = {\n  p: HTMLParagraphElement;\n  span: HTMLSpanElement;\n  h1: HTMLHeadingElement;\n  h2: HTMLHeadingElement;\n  h3: HTMLHeadingElement;\n  h4: HTMLHeadingElement;\n  h5: HTMLHeadingElement;\n  h6: HTMLHeadingElement;\n  strong: HTMLElement;\n  em: HTMLElement;\n  blockquote: HTMLQuoteElement;\n  pre: HTMLPreElement;\n  code: HTMLElement;\n  small: HTMLElement;\n  label: HTMLLabelElement;\n  a: HTMLAnchorElement;\n};\n\n// HTML props mapping type\ntype HTMLPropsMap = {\n  p: React.HTMLAttributes<HTMLParagraphElement>;\n  span: React.HTMLAttributes<HTMLSpanElement>;\n  h1: React.HTMLAttributes<HTMLHeadingElement>;\n  h2: React.HTMLAttributes<HTMLHeadingElement>;\n  h3: React.HTMLAttributes<HTMLHeadingElement>;\n  h4: React.HTMLAttributes<HTMLHeadingElement>;\n  h5: React.HTMLAttributes<HTMLHeadingElement>;\n  h6: React.HTMLAttributes<HTMLHeadingElement>;\n  strong: React.HTMLAttributes<HTMLElement>;\n  em: React.HTMLAttributes<HTMLElement>;\n  blockquote: React.HTMLAttributes<HTMLQuoteElement>;\n  pre: React.HTMLAttributes<HTMLPreElement>;\n  code: React.HTMLAttributes<HTMLElement>;\n  small: React.HTMLAttributes<HTMLElement>;\n  label: React.LabelHTMLAttributes<HTMLLabelElement>;\n  a: Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, \"color\">;\n};\n\ntype ColorCategory = keyof Omit<Colors, \"stroke\" | \"background\">;\ntype ColorValue<T extends ColorCategory> = T extends \"text\"\n  ? TextColorVariant\n  : T extends \"primary\"\n    ? keyof PrimaryShades\n    : T extends \"secondary\"\n      ? keyof SecondaryShades\n      : T extends \"tertiary\"\n        ? keyof TertiaryShades\n        : never;\n\ntype ColorKey = {\n  [T in ColorCategory]: `${T}-${ColorValue<T>}`;\n}[ColorCategory];\n\ntype TypographyCategory = keyof Typography;\ntype TypographyValue<T extends TypographyCategory> = Extract<\n  keyof Typography[T],\n  string | number | bigint | boolean | null | undefined\n>;\ntype TypographyKey = {\n  [T in TypographyCategory]: `${T}-${TypographyValue<T>}`;\n}[TypographyCategory];\n\nconst HEADING_ELEMENT_MAP: Record<string, TextElement> = {\n  xl: \"h1\",\n  lg: \"h1\",\n  md: \"h2\",\n  sm: \"h3\",\n  xs: \"h4\"\n};\n\nconst getElementFromVariant = (variant: TypographyKey): TextElement => {\n  const [category, size] = variant.split(\"-\");\n\n  if (category === \"heading\") {\n    return HEADING_ELEMENT_MAP[size] || \"p\";\n  }\n\n  if (category === \"label\") {\n    return \"label\";\n  }\n\n  return \"p\";\n};\n\ntype Weight = \"light\" | \"regular\" | \"semibold\" | \"bold\";\n\nconst fontWeight: Record<Weight, string> = {\n  light: \"font-light\",\n  regular: \"font-regular\",\n  semibold: \"font-semibold\",\n  bold: \"font-bold\"\n};\n\n// Add breakpoint types\ntype Breakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\ntype ResponsiveVariant = TypographyKey | `${Breakpoint}:${TypographyKey}`;\n\n// Update TextProps to use ResponsiveVariant\nexport type TextProps<T extends TextElement = \"p\"> = {\n  variant?: ResponsiveVariant | ResponsiveVariant[];\n  color?: ColorKey | \"inherit\";\n  as?: T;\n  className?: string;\n  children: React.ReactNode;\n  weight?: Weight;\n} & HTMLPropsMap[T];\n\n// Add helper function to process variants\nconst processVariants = (\n  variants: ResponsiveVariant | ResponsiveVariant[] | undefined\n): string => {\n  if (!variants) return \"text-body-default\";\n\n  const variantArray = Array.isArray(variants) ? variants : [variants];\n\n  return variantArray\n    .map((variant) => {\n      if (variant.includes(\":\")) {\n        const [breakpoint, typographyClass] = variant.split(\":\");\n        return `${breakpoint}:text-${typographyClass}`;\n      }\n      return `text-${variant}`;\n    })\n    .join(\" \");\n};\n\nexport const Text = React.forwardRef(\n  <T extends TextElement = \"p\">(\n    {\n      variant = \"body-default\",\n      color = \"text-primary\",\n      as,\n      className,\n      children,\n      weight,\n      ...props\n    }: TextProps<T>,\n    ref: React.ForwardedRef<HTMLElementByTag[T]>\n  ) => {\n    // Process typography classes with breakpoints\n    const typographyClasses = processVariants(variant);\n\n    // Get color styles\n    const colorClasses =\n      color && color === \"inherit\" ? \"inherit\" : color ? `text-${color}` : \"\";\n\n    const suggestedElement = React.useMemo(() => {\n      const baseVariant =\n        typeof variant === \"string\"\n          ? variant.split(\":\").pop()!\n          : Array.isArray(variant)\n            ? variant[0].split(\":\").pop()!\n            : \"body-default\";\n      return getElementFromVariant(baseVariant as TypographyKey);\n    }, [variant]);\n\n    const Component = (as || suggestedElement) as T;\n\n    return (\n      // @ts-expect-error TODO: figure this out\n      <Component\n        ref={ref}\n        className={`font-sans antialiased ${typographyClasses} ${colorClasses} ${\n          weight ? `!${fontWeight[weight]}` : \"\"\n        } ${className ?? \"\"}`}\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\n\nText.displayName = \"Text\";\n","import * as React from \"react\";\nimport { IconName } from \"@deckai/icons\";\nimport { cn } from \"../utils\";\nimport { Icon } from \"./Icon\";\nimport { Text } from \"./Text\";\n\nexport type BadgeProps = {\n  variant?: \"pink\" | \"orange\" | \"green\" | \"purple\";\n  iconName?: IconName;\n} & React.HTMLAttributes<HTMLSpanElement>;\n\nconst variants = {\n  pink: \"bg-tertiary-5\",\n  orange: \"bg-tertiary-15\",\n  green: \"bg-tertiary-25\",\n  purple: \"bg-secondary-300\"\n};\n\nconst stringToVariant = (str: string): keyof typeof variants => {\n  const variantKeys = Object.keys(variants) as Array<keyof typeof variants>;\n  // Let's log some values to understand what's happening\n  const hash = str\n    .split(\"\")\n    .reduce((acc, char) => char.charCodeAt(0) + ((acc << 5) - acc), 0);\n\n  const index = Math.abs(hash) % variantKeys.length;\n  const selectedVariant = variantKeys[index];\n\n  console.log({\n    input: str,\n    hash,\n    variantKeys,\n    index,\n    selectedVariant\n  });\n\n  return selectedVariant;\n};\n\nexport const Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  ({ className, variant, iconName, children, ...props }, ref) => {\n    const finalVariant =\n      variant ||\n      (typeof children === \"string\" ? stringToVariant(children) : \"pink\");\n    return (\n      <span\n        ref={ref}\n        className={cn(\n          \"inline-flex items-center gap-2\",\n          \"rounded-lg px-2 py-1\",\n          \"text-sm font-medium\",\n          variants[finalVariant],\n          className\n        )}\n        {...props}\n      >\n        {iconName && <Icon size={16} name={iconName} />}\n        <Text variant=\"body-xxs-medium\">{children}</Text>\n      </span>\n    );\n  }\n);\n\nBadge.displayName = \"Badge\";\n","import * as React from \"react\";\nimport { Text } from \"./Text\";\nimport { focusRingStyles } from \"../utils/tailwind\";\nimport { cn } from \"../utils\";\n\nexport type ButtonProps = {\n  /** @default filled */\n  variant?: \"filled\" | \"outlined\";\n  /** @default primary */\n  color?: \"black\" | \"accent\" | \"secondary\";\n  isLoading?: boolean;\n  children: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  start?: React.ReactNode;\n  end?: React.ReactNode;\n} & React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const filled = {\n  black: \"bg-text-primary text-white\",\n  // fade it slightly\n  accent: \"bg-primary-100 text-white\",\n  secondary: \"bg-secondary-100 text-secondary\"\n};\n\nexport const outlined = {\n  black: \"border border-text-primary text-text-primary\",\n  accent: \"border border-primary-100 text-primary-100\",\n  secondary: \"border border-text-secondary text-secondary\"\n};\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      variant = \"filled\",\n      color = \"black\",\n      isLoading = false,\n      children,\n      disabled,\n      ...props\n    },\n    ref\n  ) => (\n    <button\n      ref={ref}\n      className={cn(\n        `\n          sm:px-7 px-4\n          py-2\n          inline-flex items-center justify-center\n          rounded-lg \n          transition-colors duration-200\n          disabled:opacity-50 disabled:pointer-events-none\n          hover:opacity-80 active:scale-95 \n          truncate`,\n        focusRingStyles,\n        variant === \"filled\" ? filled[color] : outlined[color],\n        className\n      )}\n      disabled={disabled || isLoading}\n      type=\"button\"\n      {...props}\n    >\n      {typeof children === \"string\" ? (\n        <Text\n          variant={[\"sm:body-default-bold\", \"body-xxs-semibold\"]}\n          color=\"inherit\"\n        >\n          {children}\n        </Text>\n      ) : (\n        children\n      )}\n    </button>\n  )\n);\n\nButton.displayName = \"Button\";\n","import { Colors, Typography } from \"../types/tailwind\";\n\n// Generate safelist patterns for all color utilities so you can use any theme color variable in your code\nexport const generateSafelist = (colors: Colors, typography: Typography) => {\n  const colorNames = Object.keys(colors) as (keyof Colors)[];\n  const utilities = [\"bg\", \"text\", \"border\", \"ring\", \"divide\", \"outline\"];\n  const variants = [\"hover:\", \"focus:\", \"active:\", \"disabled:\"];\n\n  const safelist: string[] = [];\n\n  colorNames.forEach((colorName) => {\n    if (typeof colors[colorName] === \"object\") {\n      // Handle nested color objects (with number keys)\n      Object.keys(colors[colorName]).forEach((shade) => {\n        utilities.forEach((utility) => {\n          // Base utility\n          safelist.push(`${utility}-${colorName}-${shade}`);\n\n          // Variant utilities\n          variants.forEach((variant) => {\n            safelist.push(`${variant}${utility}-${colorName}-${shade}`);\n          });\n        });\n      });\n    } else {\n      // Handle direct color values\n      utilities.forEach((utility) => {\n        safelist.push(`${utility}-${colorName}`);\n\n        variants.forEach((variant) => {\n          safelist.push(`${variant}${utility}-${colorName}`);\n        });\n      });\n    }\n  });\n\n  // Generate typography classes\n  Object.entries(typography).forEach(([family, sizes]) => {\n    Object.keys(sizes).forEach((size) => {\n      // Base typography classes\n      safelist.push(`text-${family}-${size}`);\n\n      // Add variants\n      variants.forEach((variant) => {\n        safelist.push(`${variant}text-${family}-${size}`);\n      });\n    });\n  });\n\n  const breakpoints = [\"sm\", \"md\", \"lg\", \"xl\", \"2xl\"];\n  const typographyClasses = Object.entries(typography).flatMap(\n    ([category, sizes]) =>\n      Object.keys(sizes).map((size) => `text-${category}-${size}`)\n  );\n\n  // Generate responsive variants\n  const responsiveTypographyClasses = typographyClasses.flatMap((className) =>\n    breakpoints.map((breakpoint) => `${breakpoint}:${className}`)\n  );\n\n  return [\n    ...typographyClasses,\n    ...responsiveTypographyClasses\n    // ... rest of your safelist\n  ];\n};\n\nexport const focusRingStyles =\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\";\n\nexport const focusRingStylesCoerced = \"ring-2 ring-ring ring-offset-2\";\n","import * as React from \"react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { cn } from \"../utils\";\n\nexport interface TooltipProps {\n  content: React.ReactNode;\n  children: React.ReactNode;\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  align?: \"start\" | \"center\" | \"end\";\n  className?: string;\n  delayDuration?: number;\n}\n\nexport const Tooltip = ({\n  content,\n  children,\n  side = \"bottom\",\n  align = \"center\",\n  className,\n  delayDuration = 200\n}: TooltipProps) => (\n  <TooltipPrimitive.Provider delayDuration={delayDuration}>\n    <TooltipPrimitive.Root>\n      <TooltipPrimitive.Trigger asChild>\n        {/* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */}\n        <span tabIndex={0}>{children}</span>\n      </TooltipPrimitive.Trigger>\n      <TooltipPrimitive.Portal>\n        <TooltipPrimitive.Content\n          side={side}\n          align={align}\n          sideOffset={4}\n          className={cn(\n            \"z-50 overflow-hidden rounded-lg\",\n            \"bg-text-primary px-3 py-1.5\",\n            \"text-xs text-white\",\n            \"animate-in fade-in-0 zoom-in-95\",\n            \"data-[state=closed]:animate-out data-[state=closed]:fade-out-0\",\n            \"data-[side=bottom]:slide-in-from-top-2\",\n            \"data-[side=top]:slide-in-from-bottom-2\",\n            \"select-none\",\n            \"max-w-60\",\n            className\n          )}\n        >\n          {content}\n          <TooltipPrimitive.Arrow\n            className=\"fill-text-primary\"\n            width={10}\n            height={5}\n          />\n        </TooltipPrimitive.Content>\n      </TooltipPrimitive.Portal>\n    </TooltipPrimitive.Root>\n  </TooltipPrimitive.Provider>\n);\n","import * as React from \"react\";\nimport * as SwitchPrimitive from \"@radix-ui/react-switch\";\nimport { cn } from \"../utils\";\nimport { focusRingStyles } from \"../utils/tailwind\";\n\nexport type SwitchProps = React.ComponentPropsWithoutRef<\n  typeof SwitchPrimitive.Root\n> & {\n  label?: string;\n  description?: string;\n};\n\nexport const Switch = React.forwardRef<\n  React.ElementRef<typeof SwitchPrimitive.Root>,\n  SwitchProps\n>(({ className, label, description, ...props }, ref) => (\n  <div className=\"flex items-center gap-2\">\n    <SwitchPrimitive.Root\n      className={cn(\n        \"peer inline-flex h-6 w-11 shrink-0 cursor-pointer\",\n        \"items-center rounded-full border-2 border-transparent\",\n        \"transition-colors focus-visible:outline-none\",\n        focusRingStyles,\n        \"disabled:cursor-not-allowed disabled:opacity-50\",\n        \"data-[state=checked]:bg-primary-50 data-[state=unchecked]:bg-secondary-50\",\n        className\n      )}\n      {...props}\n      ref={ref}\n    >\n      <SwitchPrimitive.Thumb\n        className={cn(\n          \"pointer-events-none block h-5 w-5\",\n          \"rounded-full bg-white shadow-lg ring-0\",\n          \"transition-transform\",\n          \"data-[state=checked]:translate-x-5\",\n          \"data-[state=unchecked]:translate-x-0\"\n        )}\n      />\n    </SwitchPrimitive.Root>\n    {(label || description) && (\n      <div className=\"flex flex-col\">\n        {label && (\n          <label\n            className=\"text-sm font-medium text-text-primary\"\n            htmlFor={props.id}\n          >\n            {label}\n          </label>\n        )}\n        {description && (\n          <span className=\"text-xs text-text-secondary\">{description}</span>\n        )}\n      </div>\n    )}\n  </div>\n));\n\nSwitch.displayName = \"Switch\";\n","import React, { ButtonHTMLAttributes } from \"react\";\nimport { focusRingStyles } from \"../utils/tailwind\";\n\nexport type PressableProps = ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const Pressable: React.FC<PressableProps> = ({\n  children,\n  type = \"button\",\n  className,\n  disabled,\n  ...props\n}) => (\n  <button\n    // eslint-disable-next-line react/butt on-has-type\n    type={type}\n    disabled={disabled}\n    className={`appearance-none hover:opacity-80 transition-all active:scale-95 ${focusRingStyles} ${className} ${disabled ? \"opacity-50 cursor-not-allowed\" : \"\"}`}\n    {...props}\n  >\n    {children}\n  </button>\n);\n","import React, { useState, useCallback, HTMLAttributes } from \"react\";\nimport { Text } from \"./Text\";\nimport { Pressable, PressableProps } from \"./Pressable\";\nimport { cn } from \"../utils\";\nimport { Icon } from \"./Icon\";\n\nexport type TagProps = {\n  children: React.ReactNode;\n  padded?: boolean;\n  color?: \"primary\" | \"text\";\n  onClose?: () => void;\n} & HTMLAttributes<HTMLDivElement> &\n  PressableProps;\n\nexport const Tag = ({\n  children,\n  color = \"primary\",\n  className,\n  onClose,\n  ...pressableProps\n}: TagProps) => {\n  const [isHovered, setIsHovered] = useState(false);\n\n  const handleMouseEnter = useCallback(() => {\n    setIsHovered(true);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setIsHovered(false);\n  }, []);\n\n  const content = (\n    <div\n      className={cn(\n        \"flex gap-2\",\n        onClose\n          ? \"justify-between items-center\"\n          : \"items-center justify-center\",\n        \"hover:bg-primary-100 rounded bg-secondary-400 px-2 py-1 sm:px-3 sm:py-1.5 h-min hover:text-white\",\n        color === \"primary\" ? \"text-primary-100\" : \"text-primary\",\n        className\n      )}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      {typeof children === \"string\" ? (\n        <Text\n          color=\"inherit\"\n          variant={[\"md:body-default-medium\", \"body-xxs-medium\"]}\n          className=\"truncate pt-0.5\"\n        >\n          {children}\n        </Text>\n      ) : (\n        children\n      )}\n      {onClose && (\n        <Pressable\n          {...pressableProps}\n          onClick={onClose}\n          className=\"flex items-center justify-center\"\n        >\n          <Icon\n            name=\"close\"\n            size={10}\n            color={isHovered ? \"white\" : \"primaryBlue\"}\n          />\n        </Pressable>\n      )}\n    </div>\n  );\n\n  return onClose ? (\n    content\n  ) : (\n    <Pressable {...pressableProps}>{content}</Pressable>\n  );\n};\n","import React from \"react\";\nimport { cn } from \"../utils\";\nimport { outlined } from \"./Button\";\nimport { Icon } from \"./Icon\";\nimport { Pressable } from \"./Pressable\";\n\nexport type EditButtonProps = {\n  className?: string;\n  onClick?: () => void;\n};\n\nexport const EditButton = ({ className, onClick }: EditButtonProps) => {\n  return (\n    <Pressable\n      className={cn(\n        \"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\",\n        outlined.black,\n        className\n      )}\n      onClick={onClick}\n    >\n      <Icon color=\"primary\" name=\"edit-2\" />\n    </Pressable>\n  );\n};\n\nEditButton.displayName = \"EditButton\";\n","import React, { useId, useMemo } from \"react\";\nimport { Badge, BadgeProps } from \"./Badge\";\nimport { Button } from \"./Button\";\nimport { Icon } from \"./Icon\";\nimport { Text } from \"./Text\";\nimport { Tooltip } from \"./Tooltip\";\nimport { Switch } from \"./Switch\";\nimport { Tag } from \"./Tag\";\nimport { EditButton } from \"./EditButton\";\n\nexport type ProfileCardProps = {\n  profileImage: string;\n  name: string;\n  location: string;\n  memberSince?: string;\n  interests?: string[];\n  badges?: BadgeProps[];\n  isEditMode?: boolean;\n  onEditClick?: () => void;\n};\n\nconst MAX_INTERESTS = 4;\nconst MAX_BADGES = 3;\n\nexport const ProfileCard = ({\n  profileImage,\n  name,\n  location,\n  memberSince,\n  interests,\n  badges,\n  isEditMode = false,\n  onEditClick\n}: ProfileCardProps) => {\n  const randomId = useId();\n\n  const visibleInterests = useMemo(\n    () => interests?.slice(0, MAX_INTERESTS) || [],\n    [interests]\n  );\n\n  const visibleBadges = useMemo(\n    () => badges?.slice(0, MAX_BADGES) || [],\n    [badges]\n  );\n\n  const hasMoreInterests = interests && interests.length > MAX_INTERESTS;\n  const hasMoreBadges = badges && badges.length > MAX_BADGES;\n  const remainingInterests = interests ? interests.length - MAX_INTERESTS : 0;\n  const remainingBadges = badges ? badges.length - MAX_BADGES : 0;\n\n  return (\n    <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      {isEditMode && <EditButton onClick={onEditClick} />}\n      <div className=\"flex md:flex-row flex-col gap-6\">\n        <div className=\"flex flex-col gap-4 md:items-start items-center\">\n          <div className=\"flex items-center justify-center xl:w-[206px] lg:w-[164px] w-[147px]\">\n            <img\n              src={profileImage}\n              alt={`Profile for ${name}`}\n              className=\"object-cover rounded-lg w-full h-full\"\n            />\n          </div>\n          {isEditMode && <Button variant=\"filled\">Preview Profile</Button>}\n          {/* Desktop only */}\n          {isEditMode && (\n            <div className=\"hidden sm:flex sm:flex-col gap-1 w-full\">\n              <div className=\"flex flex-row justify-between\">\n                <div>\n                  <Text\n                    as=\"label\"\n                    htmlFor={randomId}\n                    variant=\"body-default-semibold\"\n                  >\n                    Private Mode\n                  </Text>\n                  <div className=\"flex items-center gap-1\">\n                    <Text variant=\"body-default\" color=\"text-secondary\">\n                      What is this?\n                    </Text>\n                    <Tooltip 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.\">\n                      <Icon\n                        name=\"message-question\"\n                        color=\"secondary\"\n                        size={16}\n                      />\n                    </Tooltip>\n                  </div>\n                </div>\n                <Switch id={randomId} />\n              </div>\n            </div>\n          )}\n        </div>\n        <div className=\"flex flex-col gap-2\">\n          <Text\n            as=\"h1\"\n            variant={[\"lg:heading-lg\", \"md:heading-md\", \"heading-sm\"]}\n            className=\"text-wrap text-center md:text-left\"\n          >\n            {name}\n          </Text>\n          <div className=\"flex gap-2 items-center sm:justify-start justify-center\">\n            <Icon name=\"location\" color=\"secondary\" />\n            <Tooltip content={location}>\n              <Text\n                variant={[\"lg:body-lg\", \"md:body-default\", \"body-xs\"]}\n                color=\"text-secondary\"\n                className=\"sm:text-left text-center truncate max-w-[300px]\"\n              >\n                {location}\n              </Text>\n            </Tooltip>\n          </div>\n          <div className=\"flex gap-2 items-center sm:justify-start justify-center\">\n            <Icon name=\"profile\" color=\"secondary\" />\n            <Tooltip content={`Member Since ${memberSince}`}>\n              <Text\n                variant={[\"lg:body-lg\", \"md:body-default\", \"body-xs\"]}\n                color=\"text-secondary\"\n                className=\"sm:text-left text-center truncate max-w-[300px]\"\n              >\n                Member Since{\" \"}\n                <Text\n                  as=\"span\"\n                  variant={[\n                    \"lg:body-lg-semibold\",\n                    \"md:body-default-bold\",\n                    \"body-xs-bold\"\n                  ]}\n                >\n                  {memberSince}\n                </Text>\n              </Text>\n            </Tooltip>\n          </div>\n          {interests && (\n            <div className=\"flex flex-col gap-2 pt-4\">\n              <Text\n                variant={[\"sm:heading-xs\", \"body-default-bold\"]}\n                className=\"sm:text-left text-center\"\n              >\n                Interests\n              </Text>\n              <div className=\"flex flex-wrap gap-2 sm:justify-start justify-center items-center\">\n                {visibleInterests.map((interest, idx) => (\n                  <Tag key={idx}>{interest}</Tag>\n                ))}\n                {hasMoreInterests && (\n                  <Tooltip content={interests.slice(MAX_INTERESTS).join(\", \")}>\n                    <Text variant=\"label-default\">\n                      +{remainingInterests} more\n                    </Text>\n                  </Tooltip>\n                )}\n              </div>\n            </div>\n          )}\n          {badges && (\n            <div className=\"flex gap-2 flex-wrap py-4 sm:justify-start justify-center items-center\">\n              {visibleBadges.map((badge, idx) => (\n                <Badge key={idx} {...badge} />\n              ))}\n              {hasMoreBadges && (\n                <Tooltip\n                  content={badges\n                    .slice(MAX_BADGES)\n                    .map((b) => b.children)\n                    .join(\", \")}\n                >\n                  <Text variant=\"label-default\">+{remainingBadges} more</Text>\n                </Tooltip>\n              )}\n            </div>\n          )}\n          {/* mobile only */}\n          {isEditMode && (\n            <div className=\"sm:hidden flex justify-between border-t-[1px] border-secondary-50 pt-4\">\n              <div>\n                <Text\n                  as=\"label\"\n                  htmlFor={randomId}\n                  variant=\"body-default-semibold\"\n                >\n                  Private Mode\n                </Text>\n                <div className=\"flex items-center gap-1\">\n                  <Text variant=\"body-default\" color=\"text-secondary\">\n                    What is this?\n                  </Text>\n                  <Tooltip 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.\">\n                    <Icon name=\"message-question\" color=\"secondary\" size={16} />\n                  </Tooltip>\n                </div>\n              </div>\n              <Switch id={randomId} />\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n"]}