@deckai/deck-ui 0.0.13 → 0.0.14

package/dist/components/ProfileCard.cjs

@@ -1,10 +1,2 @@
-'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
-          rounded-lg 
-          transition-colors duration-200
-          disabled:opacity-50 disabled:pointer-events-none
-          hover:opacity-80 active:scale-95 
-          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
+'use strict';var r=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 r__namespace=/*#__PURE__*/_interopNamespace(r);var m__namespace=/*#__PURE__*/_interopNamespace(m);var M__namespace=/*#__PURE__*/_interopNamespace(M);function p(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var R={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB",disabled:"#888888"},D={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],i={},o;return s.forEach(t=>{if(typeof t=="number")o=`${t}px`;else {let[n,a]=t.split(":"),c=parseInt(a,10);i[`@media (min-width: ${D[n]})`]=`${c}px`;}}),{width:o||"24px",height:o||"24px",...Object.entries(i).reduce((t,[n,a])=>({...t,[n]:{width:a,height:a}}),{})}},f=r__namespace.default.forwardRef(({name:e,size:s=24,color:i="primary",title:o,className:t,style:n={},...a},c)=>{let d=icons.IconMap[e],g=F(s);return r__namespace.default.createElement("div",{className:p("flex justify-center items-center",t),style:{...g,"--icon-stroke":R[i],...n}},r__namespace.default.createElement(d,{ref:c,"aria-hidden":!o,"aria-label":o,stroke:e.includes("filled")?void 0:R[i],...a}))});f.displayName="Icon";var q={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},Q=e=>{let[s,i]=e.split("-");return s==="heading"?q[i]||"p":s==="label"?"label":"p"},X={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},J=e=>e?(Array.isArray(e)?e:[e]).map(i=>{if(i.includes(":")){let[o,t]=i.split(":");return `${o}:text-${t}`}return `text-${i}`}).join(" "):"text-body-default",l=r__namespace.default.forwardRef(({variant:e="body-default",color:s="primary",as:i,className:o,children:t,weight:n,...a},c)=>{let d=J(e),g=s==="inherit"?"text-inherit":`text-text-${s}`,L=r__namespace.default.useMemo(()=>{let w=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return Q(w)},[e]);return r__namespace.default.createElement(i||L,{ref:c,className:`font-sans antialiased ${d} ${g} ${n?`!${X[n]}`:""} ${o??""}`,...a},t)});l.displayName="Text";var I={pink:"bg-tertiary-5",orange:"bg-tertiary-15",green:"bg-tertiary-25",purple:"bg-secondary-300"},U=e=>{let s=Object.keys(I),i=e.split("").reduce((n,a)=>a.charCodeAt(0)+((n<<5)-n),0),o=Math.abs(i)%s.length,t=s[o];return console.log({input:e,hash:i,variantKeys:s,index:o,selectedVariant:t}),t},k=r__namespace.forwardRef(({className:e,variant:s,iconName:i,children:o,...t},n)=>{let a=s||(typeof o=="string"?U(o):"pink");return r__namespace.createElement("span",{ref:n,className:p("inline-flex items-center gap-2","rounded px-2 py-1.5","text-sm font-medium",I[a],e),...t},i&&r__namespace.createElement(f,{size:16,name:i}),r__namespace.createElement(l,{variant:"body-xxs-semibold",className:"mt-0.5"},o))});k.displayName="Badge";var b=({content:e,children:s,side:i="bottom",align:o="center",className:t,delayDuration:n=200,defaultOpen:a,open:c,onOpenChange:d})=>r__namespace.createElement(m__namespace.Provider,{delayDuration:n},r__namespace.createElement(m__namespace.Root,{defaultOpen:a,open:c,onOpenChange:d},r__namespace.createElement(m__namespace.Trigger,{asChild:!0},r__namespace.createElement("span",{tabIndex:0},s)),r__namespace.createElement(m__namespace.Portal,null,r__namespace.createElement(m__namespace.Content,{side:i,align:o,sideOffset:4,className:p("z-50 overflow-hidden rounded-lg","bg-black px-3 py-1.5","text-xs text-white","animate-in fade-in-0 zoom-in-95","data-[state=closed]:animate-out data-[state=closed]:fade-out-0","data-[side=bottom]:slide-in-from-top-2","data-[side=top]:slide-in-from-bottom-2","select-none","max-w-60",t)},e,r__namespace.createElement(m__namespace.Arrow,{className:"fill-text-primary",width:10,height:5})))));var v="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var C=r__namespace.forwardRef(({className:e,label:s,description:i,...o},t)=>r__namespace.createElement("div",{className:"flex items-center gap-2"},r__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",v,"disabled:cursor-not-allowed disabled:opacity-50","data-[state=checked]:bg-primary-50 data-[state=unchecked]:bg-secondary-50",e),...o,ref:t},r__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")})),(s||i)&&r__namespace.createElement("div",{className:"flex flex-col"},s&&r__namespace.createElement("label",{className:"text-sm font-medium text-text",htmlFor:o.id},s),i&&r__namespace.createElement("span",{className:"text-xs text-text-secondary"},i))));C.displayName="Switch";var H=r__namespace.default.forwardRef(({children:e,type:s="button",className:i,disabled:o,...t},n)=>r__namespace.default.createElement("button",{ref:n,type:s,disabled:o,className:p("appearance-none hover:opacity-80 transition-all active:scale-95",v,o&&"opacity-50 cursor-not-allowed",i),...t},e));H.displayName="Pressable";var V=({children:e,color:s="primary",className:i,onClose:o,...t})=>{let[n,a]=r.useState(!1),c=r.useCallback(()=>{a(!0);},[]),d=r.useCallback(()=>{a(!1);},[]),g=r__namespace.default.createElement("div",{className:p("flex gap-2",o?"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",s==="primary"?"text-primary-100":"text-text",i),onMouseEnter:c,onMouseLeave:d},typeof e=="string"?r__namespace.default.createElement(l,{color:"inherit",variant:["md:body-default-medium","body-xxs-medium"],className:"truncate pt-0.5"},e):e,o&&r__namespace.default.createElement(H,{...t,onClick:o,className:"flex items-center justify-center"},r__namespace.default.createElement(f,{name:"close",size:10,color:n?"white":"primaryBlue"})));return o?g:r__namespace.default.createElement(H,{...t},g)};var E=4,P=3,Ke=({profileImage:e,name:s,location:i,memberSince:o,interests:t,badges:n,isEditMode:a=!1,onEditClick:c})=>{let d=r.useId(),g=r.useMemo(()=>t?.slice(0,E)||[],[t]),L=r.useMemo(()=>n?.slice(0,P)||[],[n]),$=t&&t.length>E,w=n&&n.length>P,z=t?t.length-E:0,G=n?n.length-P:0;return r__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"},r__namespace.default.createElement("div",{className:"flex md:flex-row flex-col gap-6"},r__namespace.default.createElement("div",{className:"flex flex-col gap-4 md:items-start items-center"},r__namespace.default.createElement("div",{className:"flex items-center justify-center w-[164px] h-[164px]"},r__namespace.default.createElement("img",{src:e,alt:`Profile for ${s}`,className:"object-cover rounded-full w-full h-full"}))),r__namespace.default.createElement("div",{className:"flex flex-col gap-2"},r__namespace.default.createElement(l,{as:"h1",variant:["lg:heading-lg","md:heading-md","heading-sm"],className:"text-wrap text-center md:text-left"},s),n&&r__namespace.default.createElement("div",{className:"flex gap-2 flex-wrap py-2 sm:justify-start justify-center items-center"},L.map((h,N)=>r__namespace.default.createElement(k,{key:N,...h})),w&&r__namespace.default.createElement(b,{content:n.slice(P).map(h=>h.children).join(", ")},r__namespace.default.createElement(l,{variant:"label-default"},"+",G," more"))),r__namespace.default.createElement("div",{className:"flex gap-2 items-center sm:justify-start justify-center pt-1"},r__namespace.default.createElement(f,{name:"location",color:"secondary"}),r__namespace.default.createElement(l,{variant:["lg:body-lg","md:body-default","body-xs"],color:"secondary",className:"sm:text-left text-center truncate max-w-[300px]"},i)),r__namespace.default.createElement("div",{className:"flex gap-2 items-center sm:justify-start justify-center"},r__namespace.default.createElement(f,{name:"profile",color:"secondary"}),r__namespace.default.createElement(l,{variant:["lg:body-lg","md:body-default","body-xs"],color:"secondary",className:"sm:text-left text-center truncate max-w-[300px]"},"Member Since"," ",r__namespace.default.createElement(l,{as:"span",variant:["lg:body-lg-semibold","md:body-default-bold","body-xs-bold"]},o))),t&&r__namespace.default.createElement("div",{className:"flex flex-col gap-2 pt-4"},r__namespace.default.createElement(l,{variant:["sm:heading-xs","body-default-bold"],className:"sm:text-left text-center"},"Interests"),r__namespace.default.createElement("div",{className:"flex flex-wrap gap-2 sm:justify-start justify-center items-center"},g.map((h,N)=>r__namespace.default.createElement(V,{key:N},h)),$&&r__namespace.default.createElement(b,{content:t.slice(E).join(", ")},r__namespace.default.createElement(l,{variant:"label-default"},"+",z," more")))),a&&r__namespace.default.createElement("div",{className:"sm:hidden flex justify-between border-t-[1px] border-secondary-50 pt-4"},r__namespace.default.createElement("div",null,r__namespace.default.createElement(l,{as:"label",htmlFor:d,variant:"body-default-semibold"},"Private Mode"),r__namespace.default.createElement("div",{className:"flex items-center gap-1"},r__namespace.default.createElement(l,{variant:"body-default",color:"secondary"},"What is this?"),r__namespace.default.createElement(b,{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."},r__namespace.default.createElement(f,{name:"message-question",color:"secondary",size:16})))),r__namespace.default.createElement(C,{id:d})))))};if (exports.default) module.exports = exports.default;exports.ProfileCard=Ke;//# 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","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"]}
+{"version":3,"sources":["../../src/utils/index.ts","../../src/components/Icon.tsx","../../src/components/Text.tsx","../../src/components/Badge.tsx","../../src/components/Tooltip.tsx","../../src/utils/tailwind.ts","../../src/components/Switch.tsx","../../src/components/Pressable.tsx","../../src/components/Tag.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","Tooltip","content","side","align","delayDuration","defaultOpen","open","onOpenChange","u","m","focusRingStyles","Switch","y","label","description","M","Pressable","type","disabled","Tag","onClose","pressableProps","isHovered","setIsHovered","useState","handleMouseEnter","useCallback","handleMouseLeave","MAX_INTERESTS","MAX_BADGES","ProfileCard","profileImage","location","memberSince","interests","badges","isEditMode","onEditClick","randomId","useId","visibleInterests","useMemo","visibleBadges","hasMoreInterests","hasMoreBadges","remainingInterests","remainingBadges","badge","idx","b","interest"],"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  disabled: \"#888888\"\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 { Typography } 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 TextColor =\n  | \"primary\"\n  | \"secondary\"\n  | \"white\"\n  | \"primary-blue\"\n  | \"disabled\"\n  | \"danger\"\n  | \"inherit\";\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\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\n// Update TextProps to use ResponsiveVariant\nexport type TextProps<T extends TextElement = \"p\"> = {\n  variant?: ResponsiveVariant | ResponsiveVariant[];\n  color?: TextColor;\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 = \"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 === \"inherit\" ? \"text-inherit\" : `text-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 px-2 py-1.5\",\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-semibold\" className=\"mt-0.5\">\n          {children}\n        </Text>\n      </span>\n    );\n  }\n);\n\nBadge.displayName = \"Badge\";\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  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\nexport const Tooltip = ({\n  content,\n  children,\n  side = \"bottom\",\n  align = \"center\",\n  className,\n  delayDuration = 200,\n  defaultOpen,\n  open,\n  onOpenChange\n}: TooltipProps) => (\n  <TooltipPrimitive.Provider delayDuration={delayDuration}>\n    <TooltipPrimitive.Root\n      defaultOpen={defaultOpen}\n      open={open}\n      onOpenChange={onOpenChange}\n    >\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-black 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 { 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 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 className=\"text-sm font-medium text-text\" htmlFor={props.id}>\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\";\nimport { cn } from \"../utils\";\n\nexport type PressableProps = ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const Pressable = React.forwardRef<HTMLButtonElement, PressableProps>(\n  ({ children, type = \"button\", className, disabled, ...props }, ref) => (\n    <button\n      ref={ref}\n      type={type}\n      disabled={disabled}\n      className={cn(\n        \"appearance-none hover:opacity-80 transition-all active:scale-95\",\n        focusRingStyles,\n        disabled && \"opacity-50 cursor-not-allowed\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  )\n);\n\nPressable.displayName = \"Pressable\";\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-text\",\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, { useId, useMemo } from \"react\";\nimport { Badge, BadgeProps } from \"./Badge\";\nimport { Icon } from \"./Icon\";\nimport { Text } from \"./Text\";\nimport { Tooltip } from \"./Tooltip\";\nimport { Switch } from \"./Switch\";\nimport { Tag } from \"./Tag\";\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      <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 w-[164px] h-[164px]\">\n            <img\n              src={profileImage}\n              alt={`Profile for ${name}`}\n              className=\"object-cover rounded-full w-full h-full\"\n            />\n          </div>\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          {badges && (\n            <div className=\"flex gap-2 flex-wrap py-2 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          <div className=\"flex gap-2 items-center sm:justify-start justify-center pt-1\">\n            <Icon name=\"location\" color=\"secondary\" />\n            <Text\n              variant={[\"lg:body-lg\", \"md:body-default\", \"body-xs\"]}\n              color=\"secondary\"\n              className=\"sm:text-left text-center truncate max-w-[300px]\"\n            >\n              {location}\n            </Text>\n          </div>\n          <div className=\"flex gap-2 items-center sm:justify-start justify-center\">\n            <Icon name=\"profile\" color=\"secondary\" />\n            <Text\n              variant={[\"lg:body-lg\", \"md:body-default\", \"body-xs\"]}\n              color=\"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          </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\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=\"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"]}

package/dist/components/ProfileCard.js

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