@deckai/deck-ui 0.0.12 → 0.0.13

package/dist/components/ProfileCard.js

@@ -1,4 +1,4 @@
-import*as e from'react';import e__default,{useId,useMemo}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(...t){return twMerge(clsx(t))}var j={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB"},Q={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},X=t=>{if(!t)return {width:"24px",height:"24px"};let o=Array.isArray(t)?t:[t],r={},a;return o.forEach(i=>{if(typeof i=="number")a=`${i}px`;else {let[s,n]=i.split(":"),c=parseInt(n,10);r[`@media (min-width: ${Q[s]})`]=`${c}px`;}}),{width:a||"24px",height:a||"24px",...Object.entries(r).reduce((i,[s,n])=>({...i,[s]:{width:n,height:n}}),{})}},d=e__default.forwardRef(({name:t,size:o=24,color:r="primary",title:a,className:i,style:s={},...n},c)=>{let f=IconMap[t],T=X(o);return e__default.createElement("div",{className:p("flex justify-center items-center",i),style:{...T,"--icon-stroke":j[r],...s}},e__default.createElement(f,{ref:c,"aria-hidden":!a,"aria-label":a,stroke:t.includes("filled")?void 0:j[r],...n}))});d.displayName="Icon";var J={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},U=t=>{let[o,r]=t.split("-");return o==="heading"?J[r]||"p":o==="label"?"label":"p"},Y={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},Z=t=>t?(Array.isArray(t)?t:[t]).map(r=>{if(r.includes(":")){let[a,i]=r.split(":");return `${a}:text-${i}`}return `text-${r}`}).join(" "):"text-body-default",l=e__default.forwardRef(({variant:t="body-default",color:o="text-primary",as:r,className:a,children:i,weight:s,...n},c)=>{let f=Z(t),T=o&&o==="inherit"?"inherit":o?`text-${o}`:"",w=e__default.useMemo(()=>{let N=typeof t=="string"?t.split(":").pop():Array.isArray(t)?t[0].split(":").pop():"body-default";return U(N)},[t]);return e__default.createElement(r||w,{ref:c,className:`font-sans antialiased ${f} ${T} ${s?`!${Y[s]}`:""} ${a??""}`,...n},i)});l.displayName="Text";var V={pink:"bg-tertiary-5",orange:"bg-tertiary-15",green:"bg-tertiary-25",purple:"bg-secondary-300"},ee=t=>{let o=Object.keys(V),r=t.split("").reduce((s,n)=>n.charCodeAt(0)+((s<<5)-s),0),a=Math.abs(r)%o.length,i=o[a];return console.log({input:t,hash:r,variantKeys:o,index:a,selectedVariant:i}),i},$=e.forwardRef(({className:t,variant:o,iconName:r,children:a,...i},s)=>{let n=o||(typeof a=="string"?ee(a):"pink");return e.createElement("span",{ref:s,className:p("inline-flex items-center gap-2","rounded-lg px-2 py-1","text-sm font-medium",V[n],t),...i},r&&e.createElement(d,{size:16,name:r}),e.createElement(l,{variant:"body-xxs-medium"},a))});$.displayName="Badge";var b="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var te={black:"bg-text-primary text-white",accent:"bg-primary-100 text-white",secondary:"bg-secondary-100 text-secondary"},A={black:"border border-text-primary text-text-primary",accent:"border border-primary-100 text-primary-100",secondary:"border border-text-secondary text-secondary"},B=e.forwardRef(({className:t,variant:o="filled",color:r="black",isLoading:a=!1,children:i,disabled:s,...n},c)=>e.createElement("button",{ref:c,className:p(`
+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
@@ -6,5 +6,5 @@ import*as e from'react';import e__default,{useId,useMemo}from'react';import {cls
           transition-colors duration-200
           disabled:opacity-50 disabled:pointer-events-none
           hover:opacity-80 active:scale-95 
-          truncate`,b,o==="filled"?te[r]:A[r],t),disabled:s||a,type:"button",...n},typeof i=="string"?e.createElement(l,{variant:["sm:body-default-bold","body-xxs-semibold"],color:"inherit"},i):i));B.displayName="Button";var u=({content:t,children:o,side:r="bottom",align:a="center",className:i,delayDuration:s=200})=>e.createElement(m.Provider,{delayDuration:s},e.createElement(m.Root,null,e.createElement(m.Trigger,{asChild:!0},e.createElement("span",{tabIndex:0},o)),e.createElement(m.Portal,null,e.createElement(m.Content,{side:r,align:a,sideOffset:4,className:p("z-50 overflow-hidden rounded-lg","bg-text-primary px-3 py-1.5","text-xs text-white","animate-in fade-in-0 zoom-in-95","data-[state=closed]:animate-out data-[state=closed]:fade-out-0","data-[side=bottom]:slide-in-from-top-2","data-[side=top]:slide-in-from-bottom-2","select-none","max-w-60",i)},t,e.createElement(m.Arrow,{className:"fill-text-primary",width:10,height:5})))));var P=e.forwardRef(({className:t,label:o,description:r,...a},i)=>e.createElement("div",{className:"flex items-center gap-2"},e.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",b,"disabled:cursor-not-allowed disabled:opacity-50","data-[state=checked]:bg-primary-50 data-[state=unchecked]:bg-secondary-50",t),...a,ref:i},e.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")})),(o||r)&&e.createElement("div",{className:"flex flex-col"},o&&e.createElement("label",{className:"text-sm font-medium text-text-primary",htmlFor:a.id},o),r&&e.createElement("span",{className:"text-xs text-text-secondary"},r))));P.displayName="Switch";var H=({children:t,type:o="button",className:r,disabled:a,...i})=>e__default.createElement("button",{type:o,disabled:a,className:`appearance-none hover:opacity-80 transition-all active:scale-95 ${b} ${r} ${a?"opacity-50 cursor-not-allowed":""}`,...i},t);var G=({children:t,color:o="primary",className:r,...a})=>e__default.createElement(H,{className:p("hover:bg-primary-100 rounded bg-secondary-400 px-2 py-1 sm:px-3 sm:py-1.5 h-min hover:text-white",o==="primary"?"text-primary-100":"text-primary",r),...a},typeof t=="string"?e__default.createElement(l,{color:"inherit",variant:["md:body-default-medium","body-xxs-medium"],className:"truncate"},t):t);var R=({className:t,onClick:o})=>e__default.createElement(H,{className:p("absolute lg:top-10 md:top-8 top-4 lg:right-10 md:right-8 right-4 lg:px-2 lg:py-2 px-1 py-1 rounded-lg",A.black,t),onClick:o},e__default.createElement(d,{color:"primary",name:"edit-2"}));R.displayName="EditButton";var E=4,L=3,ot=({profileImage:t,name:o,location:r,memberSince:a,interests:i,badges:s,isEditMode:n=!1,onEditClick:c})=>{let f=useId(),T=useMemo(()=>i?.slice(0,E)||[],[i]),w=useMemo(()=>s?.slice(0,L)||[],[s]),I=i&&i.length>E,N=s&&s.length>L,F=i?i.length-E:0,W=s?s.length-L:0;return e__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(R,{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 ${o}`,className:"object-cover rounded-lg w-full h-full"})),n&&e__default.createElement(B,{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(u,{content:"Turning this on makes you not appear in searches. People who follow you will still be able to view your profile. Go to your settings to make changes to Private Mode."},e__default.createElement(d,{name:"message-question",color:"secondary",size:16})))),e__default.createElement(P,{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"},o),e__default.createElement("div",{className:"flex gap-2 items-center sm:justify-start justify-center"},e__default.createElement(d,{name:"location",color:"secondary"}),e__default.createElement(u,{content:r},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]"},r))),e__default.createElement("div",{className:"flex gap-2 items-center sm:justify-start justify-center"},e__default.createElement(d,{name:"profile",color:"secondary"}),e__default.createElement(u,{content:`Member Since ${a}`},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"]},a)))),i&&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"},T.map((h,C)=>e__default.createElement(G,{key:C},h)),I&&e__default.createElement(u,{content:i.slice(E).join(", ")},e__default.createElement(l,{variant:"label-default"},"+",F," more")))),s&&e__default.createElement("div",{className:"flex gap-2 flex-wrap py-4 sm:justify-start justify-center items-center"},w.map((h,C)=>e__default.createElement($,{key:C,...h})),N&&e__default.createElement(u,{content:s.slice(L).map(h=>h.children).join(", ")},e__default.createElement(l,{variant:"label-default"},"+",W," 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(u,{content:"Turning this on makes you not appear in searches. People who follow you will still be able to view your profile. Go to your settings to make changes to Private Mode."},e__default.createElement(d,{name:"message-question",color:"secondary",size:16})))),e__default.createElement(P,{id:f})))))};if (exports.default) module.exports = exports.default;export{ot as ProfileCard};//# sourceMappingURL=ProfileCard.js.map
+          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
 //# sourceMappingURL=ProfileCard.js.map

package/dist/components/ProfileCard.js.map

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

package/dist/components/Sidebar.cjs

@@ -0,0 +1,2 @@
+'use strict';var i=require('react'),r=require('@radix-ui/react-dialog'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),icons=require('@deckai/icons');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var i__default=/*#__PURE__*/_interopDefault(i);var r__namespace=/*#__PURE__*/_interopNamespace(r);var S=typeof window<"u"?i.useEffect:()=>{},h=e=>{let[n,s]=i.useState(null),t=i.useCallback(o=>typeof window<"u"?window.matchMedia(o).matches:!1,[]);return S(()=>{s(t(e));},[e,t]),i.useEffect(()=>{if(typeof window<"u"){let o=window.matchMedia(e),a=()=>{s(t(e));};return o.addEventListener("change",a),()=>{o.removeEventListener("change",a);}}},[e,t]),n??!1};function p(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var y={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB"},M={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},I=e=>{if(!e)return {width:"24px",height:"24px"};let n=Array.isArray(e)?e:[e],s={},t;return n.forEach(o=>{if(typeof o=="number")t=`${o}px`;else {let[a,l]=o.split(":"),c=parseInt(l,10);s[`@media (min-width: ${M[a]})`]=`${c}px`;}}),{width:t||"24px",height:t||"24px",...Object.entries(s).reduce((o,[a,l])=>({...o,[a]:{width:l,height:l}}),{})}},g=i__default.default.forwardRef(({name:e,size:n=24,color:s="primary",title:t,className:o,style:a={},...l},c)=>{let f=icons.IconMap[e],d=I(n);return i__default.default.createElement("div",{className:p("flex justify-center items-center",o),style:{...d,"--icon-stroke":y[s],...a}},i__default.default.createElement(f,{ref:c,"aria-hidden":!t,"aria-label":t,stroke:e.includes("filled")?void 0:y[s],...l}))});g.displayName="Icon";var x="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var v=({children:e,type:n="button",className:s,disabled:t,...o})=>i__default.default.createElement("button",{type:n,disabled:t,className:`appearance-none hover:opacity-80 transition-all active:scale-95 ${x} ${s} ${t?"opacity-50 cursor-not-allowed":""}`,...o},e);var te=({children:e,open:n,onClose:s,width:t=480,className:o,title:a,footer:l,position:c="left"})=>{let f=h("(max-width: 834px)"),d=i.useCallback(w=>{w.key==="Escape"&&s();},[s]);i.useEffect(()=>(n?(document.addEventListener("keydown",d),document.body.style.overflow="hidden"):(document.removeEventListener("keydown",d),document.body.style.overflow="unset"),()=>{document.removeEventListener("keydown",d),document.body.style.overflow="unset";}),[n,d]);let m=i.useMemo(()=>c==="right"?{position:"right-0",enter:"data-[state=open]:animate-slide-in-from-right",exit:"data-[state=closed]:animate-slide-out-to-right",transform:"translate-x-full"}:{position:"left-0",enter:"data-[state=open]:animate-slide-in-from-left",exit:"data-[state=closed]:animate-slide-out-to-left",transform:"-translate-x-full"},[c]);return i__default.default.createElement(r__namespace.Root,{open:n,onOpenChange:s},i__default.default.createElement(r__namespace.Portal,null,i__default.default.createElement(r__namespace.Overlay,{className:p("fixed inset-0 z-50 bg-sidebarOverlay backdrop-blur-[2px]","data-[state=open]:animate-overlay-show","data-[state=closed]:animate-overlay-hide")}),i__default.default.createElement(r__namespace.Content,{className:p("fixed top-0 z-50 flex h-full flex-col bg-white",m.position,m.enter,m.exit,typeof window>"u"||!f?c==="right"?"border-l":"border-r":"w-full","border-stroke",o),style:{width:typeof window>"u"||!f?t:"100%"}},i__default.default.createElement("div",{className:"flex items-center justify-between border-b border-secondary-50 px-8 py-6"},i__default.default.createElement(r__namespace.Title,{className:"text-heading-xs text-center w-full"},a),i__default.default.createElement(r__namespace.Close,{asChild:!0},i__default.default.createElement(v,{className:"inline-flex items-center justify-center text-text-secondary hover:bg-secondary-100 rounded-lg","aria-label":"Close"},i__default.default.createElement(g,{name:"close",size:12})))),i__default.default.createElement("div",{className:"flex-1 overflow-y-auto p-6"},e),l&&i__default.default.createElement("div",{className:"px-6 pb-6"},l))))};if (exports.default) module.exports = exports.default;exports.Sidebar=te;//# sourceMappingURL=Sidebar.cjs.map
+//# sourceMappingURL=Sidebar.cjs.map

package/dist/components/Sidebar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useMediaQuery.ts","../../src/utils/index.ts","../../src/components/Icon.tsx","../../src/utils/tailwind.ts","../../src/components/Pressable.tsx","../../src/components/Sidebar.tsx"],"names":["useIsomorphicLayoutEffect","useEffect","useMediaQuery","query","matches","setMatches","useState","getMatches","useCallback","mediaQuery","handleChange","cn","inputs","twMerge","clsx","COLOR_MAP","BREAKPOINT_MAP","processSizes","sizes","sizeArray","mediaQueries","baseSize","size","breakpoint","valueStr","value","acc","Icon","React","name","color","title","className","style","props","ref","IconComponent","IconMap","sizeStyles","focusRingStyles","Pressable","children","type","disabled","Sidebar","open","onClose","width","footer","position","isMobile","handleEscapeKey","event","positionClasses","useMemo","r"],"mappings":"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","file":"Sidebar.cjs","sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\n\nconst useIsomorphicLayoutEffect =\n  typeof window !== \"undefined\" ? useEffect : () => {};\n\nexport const useMediaQuery = (query: string): boolean => {\n  // Initialize with null to prevent hydration mismatch\n  const [matches, setMatches] = useState<boolean | null>(null);\n\n  const getMatches = useCallback((query: string): boolean => {\n    if (typeof window !== \"undefined\") {\n      return window.matchMedia(query).matches;\n    }\n    return false;\n  }, []);\n\n  // Update matches after mount to prevent hydration mismatch\n  useIsomorphicLayoutEffect(() => {\n    setMatches(getMatches(query));\n  }, [query, getMatches]);\n\n  useEffect(() => {\n    if (typeof window !== \"undefined\") {\n      const mediaQuery = window.matchMedia(query);\n\n      const handleChange = () => {\n        setMatches(getMatches(query));\n      };\n\n      mediaQuery.addEventListener(\"change\", handleChange);\n\n      return () => {\n        mediaQuery.removeEventListener(\"change\", handleChange);\n      };\n    }\n  }, [query, getMatches]);\n\n  // Return false during SSR, actual value after hydration\n  return matches ?? false;\n};\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\nexport const noopFn = () => {};\n","import React, { SVGProps } from \"react\";\nimport { IconName, IconMap } from \"@deckai/icons\";\nimport { IconColors } from \"../types/tailwind\";\nimport { cn } from \"../utils\";\n\ntype Breakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\ntype ResponsiveSize = number | `${Breakpoint}:${number}`;\n\nexport type IconProps = {\n  name: IconName;\n  /** @default 24 */\n  size?: ResponsiveSize | ResponsiveSize[];\n  /** @default primary */\n  color?: IconColors;\n  title?: string;\n  className?: string;\n  style?: React.CSSProperties;\n} & Omit<SVGProps<SVGSVGElement>, \"aria-hidden\" | \"aria-label\">;\n\nconst COLOR_MAP: Record<IconColors, string> = {\n  primary: \"#080808\",\n  secondary: \"#666666\",\n  white: \"#ffffff\",\n  primaryBlue: \"#089CCB\"\n};\n\nconst BREAKPOINT_MAP: Record<Breakpoint, string> = {\n  sm: \"640px\",\n  md: \"768px\",\n  lg: \"1024px\",\n  xl: \"1280px\",\n  \"2xl\": \"1536px\"\n};\n\nconst processSizes = (\n  sizes: ResponsiveSize | ResponsiveSize[] | undefined\n): React.CSSProperties => {\n  if (!sizes) return { width: \"24px\", height: \"24px\" };\n\n  const sizeArray = Array.isArray(sizes) ? sizes : [sizes];\n  const mediaQueries: Record<string, string> = {};\n  let baseSize: string | undefined;\n\n  // Process each size\n  sizeArray.forEach((size) => {\n    if (typeof size === \"number\") {\n      baseSize = `${size}px`;\n    } else {\n      const [breakpoint, valueStr] = size.split(\":\") as [Breakpoint, string];\n      const value = parseInt(valueStr, 10);\n      mediaQueries[`@media (min-width: ${BREAKPOINT_MAP[breakpoint]})`] =\n        `${value}px`;\n    }\n  });\n\n  // Create the style object with the correct structure\n  return {\n    width: baseSize || \"24px\",\n    height: baseSize || \"24px\",\n    ...Object.entries(mediaQueries).reduce(\n      (acc, [query, size]) => ({\n        ...acc,\n        [query]: {\n          width: size,\n          height: size\n        }\n      }),\n      {}\n    )\n  };\n};\n\nexport const Icon = React.forwardRef<SVGSVGElement, IconProps>(\n  (\n    {\n      name,\n      size = 24,\n      color = \"primary\",\n      title,\n      className,\n      style = {},\n      ...props\n    },\n    ref\n  ) => {\n    const IconComponent = IconMap[name];\n    const sizeStyles = processSizes(size);\n\n    return (\n      <div\n        className={cn(\"flex justify-center items-center\", className)}\n        style={{\n          ...sizeStyles,\n          [\"--icon-stroke\" as string]: COLOR_MAP[color],\n          ...style\n        }}\n      >\n        <IconComponent\n          ref={ref}\n          aria-hidden={!title}\n          aria-label={title}\n          stroke={name.includes(\"filled\") ? undefined : COLOR_MAP[color]}\n          {...props}\n        />\n      </div>\n    );\n  }\n);\n\nIcon.displayName = \"Icon\";\n","import { Colors, Typography } from \"../types/tailwind\";\n\n// Generate safelist patterns for all color utilities so you can use any theme color variable in your code\nexport const generateSafelist = (colors: Colors, typography: Typography) => {\n  const colorNames = Object.keys(colors) as (keyof Colors)[];\n  const utilities = [\"bg\", \"text\", \"border\", \"ring\", \"divide\", \"outline\"];\n  const variants = [\"hover:\", \"focus:\", \"active:\", \"disabled:\"];\n\n  const safelist: string[] = [];\n\n  colorNames.forEach((colorName) => {\n    if (typeof colors[colorName] === \"object\") {\n      // Handle nested color objects (with number keys)\n      Object.keys(colors[colorName]).forEach((shade) => {\n        utilities.forEach((utility) => {\n          // Base utility\n          safelist.push(`${utility}-${colorName}-${shade}`);\n\n          // Variant utilities\n          variants.forEach((variant) => {\n            safelist.push(`${variant}${utility}-${colorName}-${shade}`);\n          });\n        });\n      });\n    } else {\n      // Handle direct color values\n      utilities.forEach((utility) => {\n        safelist.push(`${utility}-${colorName}`);\n\n        variants.forEach((variant) => {\n          safelist.push(`${variant}${utility}-${colorName}`);\n        });\n      });\n    }\n  });\n\n  // Generate typography classes\n  Object.entries(typography).forEach(([family, sizes]) => {\n    Object.keys(sizes).forEach((size) => {\n      // Base typography classes\n      safelist.push(`text-${family}-${size}`);\n\n      // Add variants\n      variants.forEach((variant) => {\n        safelist.push(`${variant}text-${family}-${size}`);\n      });\n    });\n  });\n\n  const breakpoints = [\"sm\", \"md\", \"lg\", \"xl\", \"2xl\"];\n  const typographyClasses = Object.entries(typography).flatMap(\n    ([category, sizes]) =>\n      Object.keys(sizes).map((size) => `text-${category}-${size}`)\n  );\n\n  // Generate responsive variants\n  const responsiveTypographyClasses = typographyClasses.flatMap((className) =>\n    breakpoints.map((breakpoint) => `${breakpoint}:${className}`)\n  );\n\n  return [\n    ...typographyClasses,\n    ...responsiveTypographyClasses\n    // ... rest of your safelist\n  ];\n};\n\nexport const focusRingStyles =\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\";\n\nexport const focusRingStylesCoerced = \"ring-2 ring-ring ring-offset-2\";\n","import React, { ButtonHTMLAttributes } from \"react\";\nimport { focusRingStyles } from \"../utils/tailwind\";\n\nexport type PressableProps = ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const Pressable: React.FC<PressableProps> = ({\n  children,\n  type = \"button\",\n  className,\n  disabled,\n  ...props\n}) => (\n  <button\n    // eslint-disable-next-line react/butt on-has-type\n    type={type}\n    disabled={disabled}\n    className={`appearance-none hover:opacity-80 transition-all active:scale-95 ${focusRingStyles} ${className} ${disabled ? \"opacity-50 cursor-not-allowed\" : \"\"}`}\n    {...props}\n  >\n    {children}\n  </button>\n);\n","import React, { useCallback, useEffect, useMemo, type ReactNode } from \"react\";\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { useMediaQuery } from \"../hooks/useMediaQuery\";\nimport { cn } from \"../utils\";\nimport { Icon } from \"./Icon\";\nimport { Pressable } from \"./Pressable\";\n\nexport type SidebarProps = {\n  /**\n   * The content to be rendered inside the sidebar\n   */\n  children: ReactNode;\n  /**\n   * Whether the sidebar is open\n   */\n  open: boolean;\n  /**\n   * Callback fired when the sidebar is closed\n   */\n  onClose: () => void;\n  /** @default left */\n  position?: \"left\" | \"right\";\n  /**\n   * The width of the sidebar on desktop. Defaults to 480px.\n   */\n  width?: number;\n  /**\n   * Additional class names to be applied to the sidebar\n   */\n  className?: string;\n  /**\n   * The title to display in the header\n   */\n  title?: string;\n  /**\n   * Optional footer content\n   */\n  footer?: ReactNode;\n};\n\nexport const Sidebar = ({\n  children,\n  open,\n  onClose,\n  width = 480,\n  className,\n  title,\n  footer,\n  position = \"left\"\n}: SidebarProps) => {\n  const isMobile = useMediaQuery(\"(max-width: 834px)\");\n\n  // Handle escape key press\n  const handleEscapeKey = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        onClose();\n      }\n    },\n    [onClose]\n  );\n\n  useEffect(() => {\n    if (open) {\n      document.addEventListener(\"keydown\", handleEscapeKey);\n      // Prevent body scroll when sidebar is open\n      document.body.style.overflow = \"hidden\";\n    } else {\n      // Ensure we clean up when sidebar is closed\n      document.removeEventListener(\"keydown\", handleEscapeKey);\n      document.body.style.overflow = \"unset\";\n    }\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleEscapeKey);\n      document.body.style.overflow = \"unset\";\n    };\n  }, [open, handleEscapeKey]);\n\n  const positionClasses = useMemo(\n    () =>\n      position === \"right\"\n        ? {\n            position: \"right-0\",\n            enter: \"data-[state=open]:animate-slide-in-from-right\",\n            exit: \"data-[state=closed]:animate-slide-out-to-right\",\n            transform: \"translate-x-full\"\n          }\n        : {\n            position: \"left-0\",\n            enter: \"data-[state=open]:animate-slide-in-from-left\",\n            exit: \"data-[state=closed]:animate-slide-out-to-left\",\n            transform: \"-translate-x-full\"\n          },\n    [position]\n  );\n\n  return (\n    <Dialog.Root open={open} onOpenChange={onClose}>\n      <Dialog.Portal>\n        <Dialog.Overlay\n          className={cn(\n            \"fixed inset-0 z-50 bg-sidebarOverlay backdrop-blur-[2px]\",\n            \"data-[state=open]:animate-overlay-show\",\n            \"data-[state=closed]:animate-overlay-hide\"\n          )}\n        />\n        <Dialog.Content\n          className={cn(\n            \"fixed top-0 z-50 flex h-full flex-col bg-white\",\n            positionClasses.position,\n            positionClasses.enter,\n            positionClasses.exit,\n            // During SSR, default to desktop layout\n            typeof window === \"undefined\" || !isMobile\n              ? position === \"right\"\n                ? \"border-l\"\n                : \"border-r\"\n              : \"w-full\",\n            \"border-stroke\",\n            className\n          )}\n          style={{\n            width: typeof window === \"undefined\" || !isMobile ? width : \"100%\"\n          }}\n        >\n          {/* Header */}\n          <div className=\"flex items-center justify-between border-b border-secondary-50 px-8 py-6\">\n            <Dialog.Title className=\"text-heading-xs text-center w-full\">\n              {title}\n            </Dialog.Title>\n            <Dialog.Close asChild>\n              <Pressable\n                className=\"inline-flex items-center justify-center text-text-secondary hover:bg-secondary-100 rounded-lg\"\n                aria-label=\"Close\"\n              >\n                <Icon name=\"close\" size={12} />\n              </Pressable>\n            </Dialog.Close>\n          </div>\n\n          {/* Content */}\n          <div className=\"flex-1 overflow-y-auto p-6\">{children}</div>\n\n          {/* Footer */}\n          {footer && <div className=\"px-6 pb-6\">{footer}</div>}\n        </Dialog.Content>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n};\n"]}

package/dist/components/Sidebar.d.cts

@@ -0,0 +1,37 @@
+import React__default, { ReactNode } from 'react';
+
+type SidebarProps = {
+    /**
+     * The content to be rendered inside the sidebar
+     */
+    children: ReactNode;
+    /**
+     * Whether the sidebar is open
+     */
+    open: boolean;
+    /**
+     * Callback fired when the sidebar is closed
+     */
+    onClose: () => void;
+    /** @default left */
+    position?: "left" | "right";
+    /**
+     * The width of the sidebar on desktop. Defaults to 480px.
+     */
+    width?: number;
+    /**
+     * Additional class names to be applied to the sidebar
+     */
+    className?: string;
+    /**
+     * The title to display in the header
+     */
+    title?: string;
+    /**
+     * Optional footer content
+     */
+    footer?: ReactNode;
+};
+declare const Sidebar: ({ children, open, onClose, width, className, title, footer, position }: SidebarProps) => React__default.JSX.Element;
+
+export { Sidebar, type SidebarProps };

package/dist/components/Sidebar.d.ts

@@ -0,0 +1,37 @@
+import React__default, { ReactNode } from 'react';
+
+type SidebarProps = {
+    /**
+     * The content to be rendered inside the sidebar
+     */
+    children: ReactNode;
+    /**
+     * Whether the sidebar is open
+     */
+    open: boolean;
+    /**
+     * Callback fired when the sidebar is closed
+     */
+    onClose: () => void;
+    /** @default left */
+    position?: "left" | "right";
+    /**
+     * The width of the sidebar on desktop. Defaults to 480px.
+     */
+    width?: number;
+    /**
+     * Additional class names to be applied to the sidebar
+     */
+    className?: string;
+    /**
+     * The title to display in the header
+     */
+    title?: string;
+    /**
+     * Optional footer content
+     */
+    footer?: ReactNode;
+};
+declare const Sidebar: ({ children, open, onClose, width, className, title, footer, position }: SidebarProps) => React__default.JSX.Element;
+
+export { Sidebar, type SidebarProps };

package/dist/components/Sidebar.js

@@ -0,0 +1,2 @@
+import i,{useCallback,useEffect,useMemo,useState}from'react';import*as r from'@radix-ui/react-dialog';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {IconMap}from'@deckai/icons';var S=typeof window<"u"?useEffect:()=>{},h=e=>{let[n,s]=useState(null),t=useCallback(o=>typeof window<"u"?window.matchMedia(o).matches:!1,[]);return S(()=>{s(t(e));},[e,t]),useEffect(()=>{if(typeof window<"u"){let o=window.matchMedia(e),a=()=>{s(t(e));};return o.addEventListener("change",a),()=>{o.removeEventListener("change",a);}}},[e,t]),n??!1};function p(...e){return twMerge(clsx(e))}var y={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB"},M={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},I=e=>{if(!e)return {width:"24px",height:"24px"};let n=Array.isArray(e)?e:[e],s={},t;return n.forEach(o=>{if(typeof o=="number")t=`${o}px`;else {let[a,l]=o.split(":"),c=parseInt(l,10);s[`@media (min-width: ${M[a]})`]=`${c}px`;}}),{width:t||"24px",height:t||"24px",...Object.entries(s).reduce((o,[a,l])=>({...o,[a]:{width:l,height:l}}),{})}},g=i.forwardRef(({name:e,size:n=24,color:s="primary",title:t,className:o,style:a={},...l},c)=>{let f=IconMap[e],d=I(n);return i.createElement("div",{className:p("flex justify-center items-center",o),style:{...d,"--icon-stroke":y[s],...a}},i.createElement(f,{ref:c,"aria-hidden":!t,"aria-label":t,stroke:e.includes("filled")?void 0:y[s],...l}))});g.displayName="Icon";var x="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var v=({children:e,type:n="button",className:s,disabled:t,...o})=>i.createElement("button",{type:n,disabled:t,className:`appearance-none hover:opacity-80 transition-all active:scale-95 ${x} ${s} ${t?"opacity-50 cursor-not-allowed":""}`,...o},e);var te=({children:e,open:n,onClose:s,width:t=480,className:o,title:a,footer:l,position:c="left"})=>{let f=h("(max-width: 834px)"),d=useCallback(w=>{w.key==="Escape"&&s();},[s]);useEffect(()=>(n?(document.addEventListener("keydown",d),document.body.style.overflow="hidden"):(document.removeEventListener("keydown",d),document.body.style.overflow="unset"),()=>{document.removeEventListener("keydown",d),document.body.style.overflow="unset";}),[n,d]);let m=useMemo(()=>c==="right"?{position:"right-0",enter:"data-[state=open]:animate-slide-in-from-right",exit:"data-[state=closed]:animate-slide-out-to-right",transform:"translate-x-full"}:{position:"left-0",enter:"data-[state=open]:animate-slide-in-from-left",exit:"data-[state=closed]:animate-slide-out-to-left",transform:"-translate-x-full"},[c]);return i.createElement(r.Root,{open:n,onOpenChange:s},i.createElement(r.Portal,null,i.createElement(r.Overlay,{className:p("fixed inset-0 z-50 bg-sidebarOverlay backdrop-blur-[2px]","data-[state=open]:animate-overlay-show","data-[state=closed]:animate-overlay-hide")}),i.createElement(r.Content,{className:p("fixed top-0 z-50 flex h-full flex-col bg-white",m.position,m.enter,m.exit,typeof window>"u"||!f?c==="right"?"border-l":"border-r":"w-full","border-stroke",o),style:{width:typeof window>"u"||!f?t:"100%"}},i.createElement("div",{className:"flex items-center justify-between border-b border-secondary-50 px-8 py-6"},i.createElement(r.Title,{className:"text-heading-xs text-center w-full"},a),i.createElement(r.Close,{asChild:!0},i.createElement(v,{className:"inline-flex items-center justify-center text-text-secondary hover:bg-secondary-100 rounded-lg","aria-label":"Close"},i.createElement(g,{name:"close",size:12})))),i.createElement("div",{className:"flex-1 overflow-y-auto p-6"},e),l&&i.createElement("div",{className:"px-6 pb-6"},l))))};if (exports.default) module.exports = exports.default;export{te as Sidebar};//# sourceMappingURL=Sidebar.js.map
+//# sourceMappingURL=Sidebar.js.map

package/dist/components/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useMediaQuery.ts","../../src/utils/index.ts","../../src/components/Icon.tsx","../../src/utils/tailwind.ts","../../src/components/Pressable.tsx","../../src/components/Sidebar.tsx"],"names":["useIsomorphicLayoutEffect","useEffect","useMediaQuery","query","matches","setMatches","useState","getMatches","useCallback","mediaQuery","handleChange","cn","inputs","twMerge","clsx","COLOR_MAP","BREAKPOINT_MAP","processSizes","sizes","sizeArray","mediaQueries","baseSize","size","breakpoint","valueStr","value","acc","Icon","React","name","color","title","className","style","props","ref","IconComponent","IconMap","sizeStyles","focusRingStyles","Pressable","children","type","disabled","Sidebar","open","onClose","width","footer","position","isMobile","handleEscapeKey","event","positionClasses","useMemo"],"mappings":"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","file":"Sidebar.js","sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\n\nconst useIsomorphicLayoutEffect =\n  typeof window !== \"undefined\" ? useEffect : () => {};\n\nexport const useMediaQuery = (query: string): boolean => {\n  // Initialize with null to prevent hydration mismatch\n  const [matches, setMatches] = useState<boolean | null>(null);\n\n  const getMatches = useCallback((query: string): boolean => {\n    if (typeof window !== \"undefined\") {\n      return window.matchMedia(query).matches;\n    }\n    return false;\n  }, []);\n\n  // Update matches after mount to prevent hydration mismatch\n  useIsomorphicLayoutEffect(() => {\n    setMatches(getMatches(query));\n  }, [query, getMatches]);\n\n  useEffect(() => {\n    if (typeof window !== \"undefined\") {\n      const mediaQuery = window.matchMedia(query);\n\n      const handleChange = () => {\n        setMatches(getMatches(query));\n      };\n\n      mediaQuery.addEventListener(\"change\", handleChange);\n\n      return () => {\n        mediaQuery.removeEventListener(\"change\", handleChange);\n      };\n    }\n  }, [query, getMatches]);\n\n  // Return false during SSR, actual value after hydration\n  return matches ?? false;\n};\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\nexport const noopFn = () => {};\n","import React, { SVGProps } from \"react\";\nimport { IconName, IconMap } from \"@deckai/icons\";\nimport { IconColors } from \"../types/tailwind\";\nimport { cn } from \"../utils\";\n\ntype Breakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\ntype ResponsiveSize = number | `${Breakpoint}:${number}`;\n\nexport type IconProps = {\n  name: IconName;\n  /** @default 24 */\n  size?: ResponsiveSize | ResponsiveSize[];\n  /** @default primary */\n  color?: IconColors;\n  title?: string;\n  className?: string;\n  style?: React.CSSProperties;\n} & Omit<SVGProps<SVGSVGElement>, \"aria-hidden\" | \"aria-label\">;\n\nconst COLOR_MAP: Record<IconColors, string> = {\n  primary: \"#080808\",\n  secondary: \"#666666\",\n  white: \"#ffffff\",\n  primaryBlue: \"#089CCB\"\n};\n\nconst BREAKPOINT_MAP: Record<Breakpoint, string> = {\n  sm: \"640px\",\n  md: \"768px\",\n  lg: \"1024px\",\n  xl: \"1280px\",\n  \"2xl\": \"1536px\"\n};\n\nconst processSizes = (\n  sizes: ResponsiveSize | ResponsiveSize[] | undefined\n): React.CSSProperties => {\n  if (!sizes) return { width: \"24px\", height: \"24px\" };\n\n  const sizeArray = Array.isArray(sizes) ? sizes : [sizes];\n  const mediaQueries: Record<string, string> = {};\n  let baseSize: string | undefined;\n\n  // Process each size\n  sizeArray.forEach((size) => {\n    if (typeof size === \"number\") {\n      baseSize = `${size}px`;\n    } else {\n      const [breakpoint, valueStr] = size.split(\":\") as [Breakpoint, string];\n      const value = parseInt(valueStr, 10);\n      mediaQueries[`@media (min-width: ${BREAKPOINT_MAP[breakpoint]})`] =\n        `${value}px`;\n    }\n  });\n\n  // Create the style object with the correct structure\n  return {\n    width: baseSize || \"24px\",\n    height: baseSize || \"24px\",\n    ...Object.entries(mediaQueries).reduce(\n      (acc, [query, size]) => ({\n        ...acc,\n        [query]: {\n          width: size,\n          height: size\n        }\n      }),\n      {}\n    )\n  };\n};\n\nexport const Icon = React.forwardRef<SVGSVGElement, IconProps>(\n  (\n    {\n      name,\n      size = 24,\n      color = \"primary\",\n      title,\n      className,\n      style = {},\n      ...props\n    },\n    ref\n  ) => {\n    const IconComponent = IconMap[name];\n    const sizeStyles = processSizes(size);\n\n    return (\n      <div\n        className={cn(\"flex justify-center items-center\", className)}\n        style={{\n          ...sizeStyles,\n          [\"--icon-stroke\" as string]: COLOR_MAP[color],\n          ...style\n        }}\n      >\n        <IconComponent\n          ref={ref}\n          aria-hidden={!title}\n          aria-label={title}\n          stroke={name.includes(\"filled\") ? undefined : COLOR_MAP[color]}\n          {...props}\n        />\n      </div>\n    );\n  }\n);\n\nIcon.displayName = \"Icon\";\n","import { Colors, Typography } from \"../types/tailwind\";\n\n// Generate safelist patterns for all color utilities so you can use any theme color variable in your code\nexport const generateSafelist = (colors: Colors, typography: Typography) => {\n  const colorNames = Object.keys(colors) as (keyof Colors)[];\n  const utilities = [\"bg\", \"text\", \"border\", \"ring\", \"divide\", \"outline\"];\n  const variants = [\"hover:\", \"focus:\", \"active:\", \"disabled:\"];\n\n  const safelist: string[] = [];\n\n  colorNames.forEach((colorName) => {\n    if (typeof colors[colorName] === \"object\") {\n      // Handle nested color objects (with number keys)\n      Object.keys(colors[colorName]).forEach((shade) => {\n        utilities.forEach((utility) => {\n          // Base utility\n          safelist.push(`${utility}-${colorName}-${shade}`);\n\n          // Variant utilities\n          variants.forEach((variant) => {\n            safelist.push(`${variant}${utility}-${colorName}-${shade}`);\n          });\n        });\n      });\n    } else {\n      // Handle direct color values\n      utilities.forEach((utility) => {\n        safelist.push(`${utility}-${colorName}`);\n\n        variants.forEach((variant) => {\n          safelist.push(`${variant}${utility}-${colorName}`);\n        });\n      });\n    }\n  });\n\n  // Generate typography classes\n  Object.entries(typography).forEach(([family, sizes]) => {\n    Object.keys(sizes).forEach((size) => {\n      // Base typography classes\n      safelist.push(`text-${family}-${size}`);\n\n      // Add variants\n      variants.forEach((variant) => {\n        safelist.push(`${variant}text-${family}-${size}`);\n      });\n    });\n  });\n\n  const breakpoints = [\"sm\", \"md\", \"lg\", \"xl\", \"2xl\"];\n  const typographyClasses = Object.entries(typography).flatMap(\n    ([category, sizes]) =>\n      Object.keys(sizes).map((size) => `text-${category}-${size}`)\n  );\n\n  // Generate responsive variants\n  const responsiveTypographyClasses = typographyClasses.flatMap((className) =>\n    breakpoints.map((breakpoint) => `${breakpoint}:${className}`)\n  );\n\n  return [\n    ...typographyClasses,\n    ...responsiveTypographyClasses\n    // ... rest of your safelist\n  ];\n};\n\nexport const focusRingStyles =\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\";\n\nexport const focusRingStylesCoerced = \"ring-2 ring-ring ring-offset-2\";\n","import React, { ButtonHTMLAttributes } from \"react\";\nimport { focusRingStyles } from \"../utils/tailwind\";\n\nexport type PressableProps = ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const Pressable: React.FC<PressableProps> = ({\n  children,\n  type = \"button\",\n  className,\n  disabled,\n  ...props\n}) => (\n  <button\n    // eslint-disable-next-line react/butt on-has-type\n    type={type}\n    disabled={disabled}\n    className={`appearance-none hover:opacity-80 transition-all active:scale-95 ${focusRingStyles} ${className} ${disabled ? \"opacity-50 cursor-not-allowed\" : \"\"}`}\n    {...props}\n  >\n    {children}\n  </button>\n);\n","import React, { useCallback, useEffect, useMemo, type ReactNode } from \"react\";\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { useMediaQuery } from \"../hooks/useMediaQuery\";\nimport { cn } from \"../utils\";\nimport { Icon } from \"./Icon\";\nimport { Pressable } from \"./Pressable\";\n\nexport type SidebarProps = {\n  /**\n   * The content to be rendered inside the sidebar\n   */\n  children: ReactNode;\n  /**\n   * Whether the sidebar is open\n   */\n  open: boolean;\n  /**\n   * Callback fired when the sidebar is closed\n   */\n  onClose: () => void;\n  /** @default left */\n  position?: \"left\" | \"right\";\n  /**\n   * The width of the sidebar on desktop. Defaults to 480px.\n   */\n  width?: number;\n  /**\n   * Additional class names to be applied to the sidebar\n   */\n  className?: string;\n  /**\n   * The title to display in the header\n   */\n  title?: string;\n  /**\n   * Optional footer content\n   */\n  footer?: ReactNode;\n};\n\nexport const Sidebar = ({\n  children,\n  open,\n  onClose,\n  width = 480,\n  className,\n  title,\n  footer,\n  position = \"left\"\n}: SidebarProps) => {\n  const isMobile = useMediaQuery(\"(max-width: 834px)\");\n\n  // Handle escape key press\n  const handleEscapeKey = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        onClose();\n      }\n    },\n    [onClose]\n  );\n\n  useEffect(() => {\n    if (open) {\n      document.addEventListener(\"keydown\", handleEscapeKey);\n      // Prevent body scroll when sidebar is open\n      document.body.style.overflow = \"hidden\";\n    } else {\n      // Ensure we clean up when sidebar is closed\n      document.removeEventListener(\"keydown\", handleEscapeKey);\n      document.body.style.overflow = \"unset\";\n    }\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleEscapeKey);\n      document.body.style.overflow = \"unset\";\n    };\n  }, [open, handleEscapeKey]);\n\n  const positionClasses = useMemo(\n    () =>\n      position === \"right\"\n        ? {\n            position: \"right-0\",\n            enter: \"data-[state=open]:animate-slide-in-from-right\",\n            exit: \"data-[state=closed]:animate-slide-out-to-right\",\n            transform: \"translate-x-full\"\n          }\n        : {\n            position: \"left-0\",\n            enter: \"data-[state=open]:animate-slide-in-from-left\",\n            exit: \"data-[state=closed]:animate-slide-out-to-left\",\n            transform: \"-translate-x-full\"\n          },\n    [position]\n  );\n\n  return (\n    <Dialog.Root open={open} onOpenChange={onClose}>\n      <Dialog.Portal>\n        <Dialog.Overlay\n          className={cn(\n            \"fixed inset-0 z-50 bg-sidebarOverlay backdrop-blur-[2px]\",\n            \"data-[state=open]:animate-overlay-show\",\n            \"data-[state=closed]:animate-overlay-hide\"\n          )}\n        />\n        <Dialog.Content\n          className={cn(\n            \"fixed top-0 z-50 flex h-full flex-col bg-white\",\n            positionClasses.position,\n            positionClasses.enter,\n            positionClasses.exit,\n            // During SSR, default to desktop layout\n            typeof window === \"undefined\" || !isMobile\n              ? position === \"right\"\n                ? \"border-l\"\n                : \"border-r\"\n              : \"w-full\",\n            \"border-stroke\",\n            className\n          )}\n          style={{\n            width: typeof window === \"undefined\" || !isMobile ? width : \"100%\"\n          }}\n        >\n          {/* Header */}\n          <div className=\"flex items-center justify-between border-b border-secondary-50 px-8 py-6\">\n            <Dialog.Title className=\"text-heading-xs text-center w-full\">\n              {title}\n            </Dialog.Title>\n            <Dialog.Close asChild>\n              <Pressable\n                className=\"inline-flex items-center justify-center text-text-secondary hover:bg-secondary-100 rounded-lg\"\n                aria-label=\"Close\"\n              >\n                <Icon name=\"close\" size={12} />\n              </Pressable>\n            </Dialog.Close>\n          </div>\n\n          {/* Content */}\n          <div className=\"flex-1 overflow-y-auto p-6\">{children}</div>\n\n          {/* Footer */}\n          {footer && <div className=\"px-6 pb-6\">{footer}</div>}\n        </Dialog.Content>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n};\n"]}

package/dist/components/Tag.cjs

@@ -1,2 +1,2 @@
-'use strict';var s=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var s__default=/*#__PURE__*/_interopDefault(s);var b={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},H=e=>{let[t,r]=e.split("-");return t==="heading"?b[r]||"p":t==="label"?"label":"p"},f={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},M=e=>e?(Array.isArray(e)?e:[e]).map(r=>{if(r.includes(":")){let[o,a]=r.split(":");return `${o}:text-${a}`}return `text-${r}`}).join(" "):"text-body-default",n=s__default.default.forwardRef(({variant:e="body-default",color:t="text-primary",as:r,className:o,children:a,weight:i,...m},c)=>{let g=M(e),h=t&&t==="inherit"?"inherit":t?`text-${t}`:"",u=s__default.default.useMemo(()=>{let d=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return H(d)},[e]);return s__default.default.createElement(r||u,{ref:c,className:`font-sans antialiased ${g} ${h} ${i?`!${f[i]}`:""} ${o??""}`,...m},a)});n.displayName="Text";var p="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var l=({children:e,type:t="button",className:r,disabled:o,...a})=>s__default.default.createElement("button",{type:t,disabled:o,className:`appearance-none hover:opacity-80 transition-all active:scale-95 ${p} ${r} ${o?"opacity-50 cursor-not-allowed":""}`,...a},e);function y(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var q=({children:e,color:t="primary",className:r,...o})=>s__default.default.createElement(l,{className:y("hover:bg-primary-100 rounded bg-secondary-400 px-2 py-1 sm:px-3 sm:py-1.5 h-min hover:text-white",t==="primary"?"text-primary-100":"text-primary",r),...o},typeof e=="string"?s__default.default.createElement(n,{color:"inherit",variant:["md:body-default-medium","body-xxs-medium"],className:"truncate"},e):e);if (exports.default) module.exports = exports.default;exports.Tag=q;//# sourceMappingURL=Tag.cjs.map
+'use strict';var c=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),icons=require('@deckai/icons');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var c__default=/*#__PURE__*/_interopDefault(c);var M={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},L=e=>{let[o,r]=e.split("-");return o==="heading"?M[r]||"p":o==="label"?"label":"p"},E={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},C=e=>e?(Array.isArray(e)?e:[e]).map(r=>{if(r.includes(":")){let[t,n]=r.split(":");return `${t}:text-${n}`}return `text-${r}`}).join(" "):"text-body-default",d=c__default.default.forwardRef(({variant:e="body-default",color:o="text-primary",as:r,className:t,children:n,weight:a,...s},i)=>{let l=C(e),p=o&&o==="inherit"?"inherit":o?`text-${o}`:"",x=c__default.default.useMemo(()=>{let H=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return L(H)},[e]);return c__default.default.createElement(r||x,{ref:i,className:`font-sans antialiased ${l} ${p} ${a?`!${E[a]}`:""} ${t??""}`,...s},n)});d.displayName="Text";var h="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var T=({children:e,type:o="button",className:r,disabled:t,...n})=>c__default.default.createElement("button",{type:o,disabled:t,className:`appearance-none hover:opacity-80 transition-all active:scale-95 ${h} ${r} ${t?"opacity-50 cursor-not-allowed":""}`,...n},e);function m(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var f={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB"},P={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},v=e=>{if(!e)return {width:"24px",height:"24px"};let o=Array.isArray(e)?e:[e],r={},t;return o.forEach(n=>{if(typeof n=="number")t=`${n}px`;else {let[a,s]=n.split(":"),i=parseInt(s,10);r[`@media (min-width: ${P[a]})`]=`${i}px`;}}),{width:t||"24px",height:t||"24px",...Object.entries(r).reduce((n,[a,s])=>({...n,[a]:{width:s,height:s}}),{})}},g=c__default.default.forwardRef(({name:e,size:o=24,color:r="primary",title:t,className:n,style:a={},...s},i)=>{let l=icons.IconMap[e],p=v(o);return c__default.default.createElement("div",{className:m("flex justify-center items-center",n),style:{...p,"--icon-stroke":f[r],...a}},c__default.default.createElement(l,{ref:i,"aria-hidden":!t,"aria-label":t,stroke:e.includes("filled")?void 0:f[r],...s}))});g.displayName="Icon";var oe=({children:e,color:o="primary",className:r,onClose:t,...n})=>{let[a,s]=c.useState(!1),i=c.useCallback(()=>{s(!0);},[]),l=c.useCallback(()=>{s(!1);},[]),p=c__default.default.createElement("div",{className:m("flex gap-2",t?"justify-between items-center":"items-center justify-center","hover:bg-primary-100 rounded bg-secondary-400 px-2 py-1 sm:px-3 sm:py-1.5 h-min hover:text-white",o==="primary"?"text-primary-100":"text-primary",r),onMouseEnter:i,onMouseLeave:l},typeof e=="string"?c__default.default.createElement(d,{color:"inherit",variant:["md:body-default-medium","body-xxs-medium"],className:"truncate pt-0.5"},e):e,t&&c__default.default.createElement(T,{...n,onClick:t,className:"flex items-center justify-center"},c__default.default.createElement(g,{name:"close",size:10,color:a?"white":"primaryBlue"})));return t?p:c__default.default.createElement(T,{...n},p)};if (exports.default) module.exports = exports.default;exports.Tag=oe;//# sourceMappingURL=Tag.cjs.map
 //# sourceMappingURL=Tag.cjs.map