@deckai/deck-ui 0.0.18 → 0.0.19

package/dist/components/Pressable.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/tailwind.ts","../../src/utils/index.ts","../../src/components/Pressable.tsx"],"names":["focusRingStyles","cn","inputs","twMerge","clsx","Pressable","React","children","type","className","disabled","props","ref"],"mappings":"iNAmEO,IAAMA,CAAAA,CACX,oFCpEF,CAGO,SAASC,CAAAA,CAAAA,GAAMC,CAAsB,CAAA,CAC1C,OAAOC,qBAAAA,CAAQC,SAAKF,CAAAA,CAAM,CAAC,CAC7B,CCCaG,IAAAA,CAAAA,CAAYC,kBAAM,CAAA,UAAA,CAC7B,CAAC,CAAE,SAAAC,CAAU,CAAA,IAAA,CAAAC,CAAO,CAAA,QAAA,CAAU,SAAAC,CAAAA,CAAAA,CAAW,QAAAC,CAAAA,CAAAA,CAAU,GAAGC,CAAM,CAAGC,CAAAA,CAAAA,GAC7DN,kBAAA,CAAA,aAAA,CAAC,QACC,CAAA,CAAA,GAAA,CAAKM,EACL,IAAMJ,CAAAA,CAAAA,CACN,QAAUE,CAAAA,CAAAA,CACV,SAAWT,CAAAA,CAAAA,CACT,iEACAD,CAAAA,CAAAA,CACAU,GAAY,+BACZD,CAAAA,CACF,CACC,CAAA,GAAGE,CAEHJ,CAAAA,CAAAA,CACH,CAEJ,EAEAF,EAAU,WAAc,CAAA,WAAA","file":"Pressable.cjs","sourcesContent":["import { Colors, Typography } from \"../types/tailwind\";\n\n// Generate safelist patterns for all color utilities so you can use any theme color variable in your code\nexport const generateSafelist = (colors: Colors, typography: Typography) => {\n  const colorNames = Object.keys(colors) as (keyof Colors)[];\n  const utilities = [\"bg\", \"text\", \"border\", \"ring\", \"divide\", \"outline\"];\n  const variants = [\"hover:\", \"focus:\", \"active:\", \"disabled:\"];\n\n  const safelist: string[] = [];\n\n  colorNames.forEach((colorName) => {\n    if (typeof colors[colorName] === \"object\") {\n      // Handle nested color objects (with number keys)\n      Object.keys(colors[colorName]).forEach((shade) => {\n        utilities.forEach((utility) => {\n          // Base utility\n          safelist.push(`${utility}-${colorName}-${shade}`);\n\n          // Variant utilities\n          variants.forEach((variant) => {\n            safelist.push(`${variant}${utility}-${colorName}-${shade}`);\n          });\n        });\n      });\n    } else {\n      // Handle direct color values\n      utilities.forEach((utility) => {\n        safelist.push(`${utility}-${colorName}`);\n\n        variants.forEach((variant) => {\n          safelist.push(`${variant}${utility}-${colorName}`);\n        });\n      });\n    }\n  });\n\n  // Generate typography classes\n  Object.entries(typography).forEach(([family, sizes]) => {\n    Object.keys(sizes).forEach((size) => {\n      // Base typography classes\n      safelist.push(`text-${family}-${size}`);\n\n      // Add variants\n      variants.forEach((variant) => {\n        safelist.push(`${variant}text-${family}-${size}`);\n      });\n    });\n  });\n\n  const breakpoints = [\"sm\", \"md\", \"lg\", \"xl\", \"2xl\"];\n  const typographyClasses = Object.entries(typography).flatMap(\n    ([category, sizes]) =>\n      Object.keys(sizes).map((size) => `text-${category}-${size}`)\n  );\n\n  // Generate responsive variants\n  const responsiveTypographyClasses = typographyClasses.flatMap((className) =>\n    breakpoints.map((breakpoint) => `${breakpoint}:${className}`)\n  );\n\n  return [\n    ...typographyClasses,\n    ...responsiveTypographyClasses\n    // ... rest of your safelist\n  ];\n};\n\nexport const focusRingStyles =\n  \"focus-visible:outline-none focus-visible:border-2 focus-visible:border-primary-100\";\n\nexport const focusRingStylesCoerced = \"border-2 border-primary-100\";\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, { ButtonHTMLAttributes } from \"react\";\nimport { focusRingStyles } from \"../utils/tailwind\";\nimport { cn } from \"../utils\";\n\nexport type PressableProps = ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const Pressable = React.forwardRef<HTMLButtonElement, PressableProps>(\n  ({ children, type = \"button\", className, disabled, ...props }, ref) => (\n    <button\n      ref={ref}\n      type={type}\n      disabled={disabled}\n      className={cn(\n        \"appearance-none hover:opacity-80 transition-all active:scale-95\",\n        focusRingStyles,\n        disabled && \"opacity-50 cursor-not-allowed\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  )\n);\n\nPressable.displayName = \"Pressable\";\n"]}
+{"version":3,"sources":["../../src/utils/tailwind.ts","../../src/utils/index.ts","../../src/components/Pressable.tsx"],"names":["focusRingStyles","cn","inputs","twMerge","clsx","Pressable","React","children","type","className","disabled","props","ref"],"mappings":"iNAmEO,IAAMA,CAAAA,CACX,gFCpEF,CAGO,SAASC,CAAAA,CAAAA,GAAMC,CAAsB,CAAA,CAC1C,OAAOC,qBAAAA,CAAQC,SAAKF,CAAAA,CAAM,CAAC,CAC7B,CCCaG,IAAAA,CAAAA,CAAYC,kBAAM,CAAA,UAAA,CAC7B,CAAC,CAAE,SAAAC,CAAU,CAAA,IAAA,CAAAC,CAAO,CAAA,QAAA,CAAU,SAAAC,CAAAA,CAAAA,CAAW,QAAAC,CAAAA,CAAAA,CAAU,GAAGC,CAAM,CAAGC,CAAAA,CAAAA,GAC7DN,kBAAA,CAAA,aAAA,CAAC,QACC,CAAA,CAAA,GAAA,CAAKM,EACL,IAAMJ,CAAAA,CAAAA,CACN,QAAUE,CAAAA,CAAAA,CACV,SAAWT,CAAAA,CAAAA,CACT,iEACAD,CAAAA,CAAAA,CACAU,GAAY,+BACZD,CAAAA,CACF,CACC,CAAA,GAAGE,CAEHJ,CAAAA,CAAAA,CACH,CAEJ,EAEAF,EAAU,WAAc,CAAA,WAAA","file":"Pressable.cjs","sourcesContent":["import { Colors, Typography } from \"../types/tailwind\";\n\n// Generate safelist patterns for all color utilities so you can use any theme color variable in your code\nexport const generateSafelist = (colors: Colors, typography: Typography) => {\n  const colorNames = Object.keys(colors) as (keyof Colors)[];\n  const utilities = [\"bg\", \"text\", \"border\", \"ring\", \"divide\", \"outline\"];\n  const variants = [\"hover:\", \"focus:\", \"active:\", \"disabled:\"];\n\n  const safelist: string[] = [];\n\n  colorNames.forEach((colorName) => {\n    if (typeof colors[colorName] === \"object\") {\n      // Handle nested color objects (with number keys)\n      Object.keys(colors[colorName]).forEach((shade) => {\n        utilities.forEach((utility) => {\n          // Base utility\n          safelist.push(`${utility}-${colorName}-${shade}`);\n\n          // Variant utilities\n          variants.forEach((variant) => {\n            safelist.push(`${variant}${utility}-${colorName}-${shade}`);\n          });\n        });\n      });\n    } else {\n      // Handle direct color values\n      utilities.forEach((utility) => {\n        safelist.push(`${utility}-${colorName}`);\n\n        variants.forEach((variant) => {\n          safelist.push(`${variant}${utility}-${colorName}`);\n        });\n      });\n    }\n  });\n\n  // Generate typography classes\n  Object.entries(typography).forEach(([family, sizes]) => {\n    Object.keys(sizes).forEach((size) => {\n      // Base typography classes\n      safelist.push(`text-${family}-${size}`);\n\n      // Add variants\n      variants.forEach((variant) => {\n        safelist.push(`${variant}text-${family}-${size}`);\n      });\n    });\n  });\n\n  const breakpoints = [\"sm\", \"md\", \"lg\", \"xl\", \"2xl\"];\n  const typographyClasses = Object.entries(typography).flatMap(\n    ([category, sizes]) =>\n      Object.keys(sizes).map((size) => `text-${category}-${size}`)\n  );\n\n  // Generate responsive variants\n  const responsiveTypographyClasses = typographyClasses.flatMap((className) =>\n    breakpoints.map((breakpoint) => `${breakpoint}:${className}`)\n  );\n\n  return [\n    ...typographyClasses,\n    ...responsiveTypographyClasses\n    // ... rest of your safelist\n  ];\n};\n\nexport const focusRingStyles =\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-100\";\nexport const focusRingWithinStyles =\n  \"focus-within:outline-none focus-within:ring-2 focus-within:ring-primary-100\";\nexport const focusRingStylesCoerced = \"ring-2 ring-primary-100\";\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, { ButtonHTMLAttributes } from \"react\";\nimport { focusRingStyles } from \"../utils/tailwind\";\nimport { cn } from \"../utils\";\n\nexport type PressableProps = ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const Pressable = React.forwardRef<HTMLButtonElement, PressableProps>(\n  ({ children, type = \"button\", className, disabled, ...props }, ref) => (\n    <button\n      ref={ref}\n      type={type}\n      disabled={disabled}\n      className={cn(\n        \"appearance-none hover:opacity-80 transition-all active:scale-95\",\n        focusRingStyles,\n        disabled && \"opacity-50 cursor-not-allowed\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  )\n);\n\nPressable.displayName = \"Pressable\";\n"]}

package/dist/components/Pressable.js

@@ -1,2 +1,2 @@
-import r from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';var o="focus-visible:outline-none focus-visible:border-2 focus-visible:border-primary-100";function s(...t){return twMerge(clsx(t))}var l=r.forwardRef(({children:t,type:n="button",className:a,disabled:e,...p},c)=>r.createElement("button",{ref:c,type:n,disabled:e,className:s("appearance-none hover:opacity-80 transition-all active:scale-95",o,e&&"opacity-50 cursor-not-allowed",a),...p},t));l.displayName="Pressable";export{l as Pressable};//# sourceMappingURL=Pressable.js.map
+import r from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';var s="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-100";function o(...t){return twMerge(clsx(t))}var l=r.forwardRef(({children:t,type:n="button",className:i,disabled:e,...a},c)=>r.createElement("button",{ref:c,type:n,disabled:e,className:o("appearance-none hover:opacity-80 transition-all active:scale-95",s,e&&"opacity-50 cursor-not-allowed",i),...a},t));l.displayName="Pressable";export{l as Pressable};//# sourceMappingURL=Pressable.js.map
 //# sourceMappingURL=Pressable.js.map

package/dist/components/Pressable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/tailwind.ts","../../src/utils/index.ts","../../src/components/Pressable.tsx"],"names":["focusRingStyles","cn","inputs","twMerge","clsx","Pressable","React","children","type","className","disabled","props","ref"],"mappings":"kFAmEO,IAAMA,CAAAA,CACX,oFCpEF,CAGO,SAASC,CAAAA,CAAAA,GAAMC,CAAsB,CAAA,CAC1C,OAAOC,OAAAA,CAAQC,IAAKF,CAAAA,CAAM,CAAC,CAC7B,CCCaG,IAAAA,CAAAA,CAAYC,CAAM,CAAA,UAAA,CAC7B,CAAC,CAAE,SAAAC,CAAU,CAAA,IAAA,CAAAC,CAAO,CAAA,QAAA,CAAU,SAAAC,CAAAA,CAAAA,CAAW,QAAAC,CAAAA,CAAAA,CAAU,GAAGC,CAAM,CAAGC,CAAAA,CAAAA,GAC7DN,CAAA,CAAA,aAAA,CAAC,QACC,CAAA,CAAA,GAAA,CAAKM,EACL,IAAMJ,CAAAA,CAAAA,CACN,QAAUE,CAAAA,CAAAA,CACV,SAAWT,CAAAA,CAAAA,CACT,iEACAD,CAAAA,CAAAA,CACAU,GAAY,+BACZD,CAAAA,CACF,CACC,CAAA,GAAGE,CAEHJ,CAAAA,CAAAA,CACH,CAEJ,EAEAF,EAAU,WAAc,CAAA,WAAA","file":"Pressable.js","sourcesContent":["import { Colors, Typography } from \"../types/tailwind\";\n\n// Generate safelist patterns for all color utilities so you can use any theme color variable in your code\nexport const generateSafelist = (colors: Colors, typography: Typography) => {\n  const colorNames = Object.keys(colors) as (keyof Colors)[];\n  const utilities = [\"bg\", \"text\", \"border\", \"ring\", \"divide\", \"outline\"];\n  const variants = [\"hover:\", \"focus:\", \"active:\", \"disabled:\"];\n\n  const safelist: string[] = [];\n\n  colorNames.forEach((colorName) => {\n    if (typeof colors[colorName] === \"object\") {\n      // Handle nested color objects (with number keys)\n      Object.keys(colors[colorName]).forEach((shade) => {\n        utilities.forEach((utility) => {\n          // Base utility\n          safelist.push(`${utility}-${colorName}-${shade}`);\n\n          // Variant utilities\n          variants.forEach((variant) => {\n            safelist.push(`${variant}${utility}-${colorName}-${shade}`);\n          });\n        });\n      });\n    } else {\n      // Handle direct color values\n      utilities.forEach((utility) => {\n        safelist.push(`${utility}-${colorName}`);\n\n        variants.forEach((variant) => {\n          safelist.push(`${variant}${utility}-${colorName}`);\n        });\n      });\n    }\n  });\n\n  // Generate typography classes\n  Object.entries(typography).forEach(([family, sizes]) => {\n    Object.keys(sizes).forEach((size) => {\n      // Base typography classes\n      safelist.push(`text-${family}-${size}`);\n\n      // Add variants\n      variants.forEach((variant) => {\n        safelist.push(`${variant}text-${family}-${size}`);\n      });\n    });\n  });\n\n  const breakpoints = [\"sm\", \"md\", \"lg\", \"xl\", \"2xl\"];\n  const typographyClasses = Object.entries(typography).flatMap(\n    ([category, sizes]) =>\n      Object.keys(sizes).map((size) => `text-${category}-${size}`)\n  );\n\n  // Generate responsive variants\n  const responsiveTypographyClasses = typographyClasses.flatMap((className) =>\n    breakpoints.map((breakpoint) => `${breakpoint}:${className}`)\n  );\n\n  return [\n    ...typographyClasses,\n    ...responsiveTypographyClasses\n    // ... rest of your safelist\n  ];\n};\n\nexport const focusRingStyles =\n  \"focus-visible:outline-none focus-visible:border-2 focus-visible:border-primary-100\";\n\nexport const focusRingStylesCoerced = \"border-2 border-primary-100\";\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, { ButtonHTMLAttributes } from \"react\";\nimport { focusRingStyles } from \"../utils/tailwind\";\nimport { cn } from \"../utils\";\n\nexport type PressableProps = ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const Pressable = React.forwardRef<HTMLButtonElement, PressableProps>(\n  ({ children, type = \"button\", className, disabled, ...props }, ref) => (\n    <button\n      ref={ref}\n      type={type}\n      disabled={disabled}\n      className={cn(\n        \"appearance-none hover:opacity-80 transition-all active:scale-95\",\n        focusRingStyles,\n        disabled && \"opacity-50 cursor-not-allowed\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  )\n);\n\nPressable.displayName = \"Pressable\";\n"]}
+{"version":3,"sources":["../../src/utils/tailwind.ts","../../src/utils/index.ts","../../src/components/Pressable.tsx"],"names":["focusRingStyles","cn","inputs","twMerge","clsx","Pressable","React","children","type","className","disabled","props","ref"],"mappings":"kFAmEO,IAAMA,CAAAA,CACX,gFCpEF,CAGO,SAASC,CAAAA,CAAAA,GAAMC,CAAsB,CAAA,CAC1C,OAAOC,OAAAA,CAAQC,IAAKF,CAAAA,CAAM,CAAC,CAC7B,CCCaG,IAAAA,CAAAA,CAAYC,CAAM,CAAA,UAAA,CAC7B,CAAC,CAAE,SAAAC,CAAU,CAAA,IAAA,CAAAC,CAAO,CAAA,QAAA,CAAU,SAAAC,CAAAA,CAAAA,CAAW,QAAAC,CAAAA,CAAAA,CAAU,GAAGC,CAAM,CAAGC,CAAAA,CAAAA,GAC7DN,CAAA,CAAA,aAAA,CAAC,QACC,CAAA,CAAA,GAAA,CAAKM,EACL,IAAMJ,CAAAA,CAAAA,CACN,QAAUE,CAAAA,CAAAA,CACV,SAAWT,CAAAA,CAAAA,CACT,iEACAD,CAAAA,CAAAA,CACAU,GAAY,+BACZD,CAAAA,CACF,CACC,CAAA,GAAGE,CAEHJ,CAAAA,CAAAA,CACH,CAEJ,EAEAF,EAAU,WAAc,CAAA,WAAA","file":"Pressable.js","sourcesContent":["import { Colors, Typography } from \"../types/tailwind\";\n\n// Generate safelist patterns for all color utilities so you can use any theme color variable in your code\nexport const generateSafelist = (colors: Colors, typography: Typography) => {\n  const colorNames = Object.keys(colors) as (keyof Colors)[];\n  const utilities = [\"bg\", \"text\", \"border\", \"ring\", \"divide\", \"outline\"];\n  const variants = [\"hover:\", \"focus:\", \"active:\", \"disabled:\"];\n\n  const safelist: string[] = [];\n\n  colorNames.forEach((colorName) => {\n    if (typeof colors[colorName] === \"object\") {\n      // Handle nested color objects (with number keys)\n      Object.keys(colors[colorName]).forEach((shade) => {\n        utilities.forEach((utility) => {\n          // Base utility\n          safelist.push(`${utility}-${colorName}-${shade}`);\n\n          // Variant utilities\n          variants.forEach((variant) => {\n            safelist.push(`${variant}${utility}-${colorName}-${shade}`);\n          });\n        });\n      });\n    } else {\n      // Handle direct color values\n      utilities.forEach((utility) => {\n        safelist.push(`${utility}-${colorName}`);\n\n        variants.forEach((variant) => {\n          safelist.push(`${variant}${utility}-${colorName}`);\n        });\n      });\n    }\n  });\n\n  // Generate typography classes\n  Object.entries(typography).forEach(([family, sizes]) => {\n    Object.keys(sizes).forEach((size) => {\n      // Base typography classes\n      safelist.push(`text-${family}-${size}`);\n\n      // Add variants\n      variants.forEach((variant) => {\n        safelist.push(`${variant}text-${family}-${size}`);\n      });\n    });\n  });\n\n  const breakpoints = [\"sm\", \"md\", \"lg\", \"xl\", \"2xl\"];\n  const typographyClasses = Object.entries(typography).flatMap(\n    ([category, sizes]) =>\n      Object.keys(sizes).map((size) => `text-${category}-${size}`)\n  );\n\n  // Generate responsive variants\n  const responsiveTypographyClasses = typographyClasses.flatMap((className) =>\n    breakpoints.map((breakpoint) => `${breakpoint}:${className}`)\n  );\n\n  return [\n    ...typographyClasses,\n    ...responsiveTypographyClasses\n    // ... rest of your safelist\n  ];\n};\n\nexport const focusRingStyles =\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-100\";\nexport const focusRingWithinStyles =\n  \"focus-within:outline-none focus-within:ring-2 focus-within:ring-primary-100\";\nexport const focusRingStylesCoerced = \"ring-2 ring-primary-100\";\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, { ButtonHTMLAttributes } from \"react\";\nimport { focusRingStyles } from \"../utils/tailwind\";\nimport { cn } from \"../utils\";\n\nexport type PressableProps = ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const Pressable = React.forwardRef<HTMLButtonElement, PressableProps>(\n  ({ children, type = \"button\", className, disabled, ...props }, ref) => (\n    <button\n      ref={ref}\n      type={type}\n      disabled={disabled}\n      className={cn(\n        \"appearance-none hover:opacity-80 transition-all active:scale-95\",\n        focusRingStyles,\n        disabled && \"opacity-50 cursor-not-allowed\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  )\n);\n\nPressable.displayName = \"Pressable\";\n"]}

package/dist/components/ProfileCard.cjs

@@ -1,8 +1,8 @@
-'use strict';var a=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),icons=require('@deckai/icons'),m=require('@radix-ui/react-tooltip');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 a__namespace=/*#__PURE__*/_interopNamespace(a);var m__namespace=/*#__PURE__*/_interopNamespace(m);function y(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var I={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB",disabled:"#888888",danger:"#FF0000"},D={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},F=e=>{if(!e)return {width:"24px",height:"24px"};let s=Array.isArray(e)?e:[e],n={},o;return s.forEach(t=>{if(typeof t=="number")o=`${t}px`;else {let[r,i]=t.split(":"),p=parseInt(i,10);n[`@media (min-width: ${D[r]})`]=`${p}px`;}}),{width:o||"24px",height:o||"24px",...Object.entries(n).reduce((t,[r,i])=>({...t,[r]:{width:i,height:i}}),{})}},g=a__namespace.default.forwardRef(({name:e,size:s=24,color:n="primary",title:o,className:t,style:r={},...i},p)=>{let f=icons.IconMap[e],c=F(s);return a__namespace.default.createElement("div",{className:y("flex justify-center items-center",t),style:{...c,"--icon-stroke":I[n],...r}},a__namespace.default.createElement(f,{ref:p,"aria-hidden":!o,"aria-label":o,stroke:e.includes("filled")?void 0:I[n],...i}))});g.displayName="Icon";var W={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},q=e=>{let[s,n]=e.split("-");return s==="heading"?W[n]||"p":s==="label"?"label":"p"},Q={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},X=e=>e?(Array.isArray(e)?e:[e]).map(n=>{if(n.includes(":")){let[o,t]=n.split(":");return `${o}:text-${t}`}return `text-${n}`}).join(" "):"text-body-default",l=a__namespace.default.forwardRef(({variant:e="body-default",color:s="primary",as:n,className:o,children:t,weight:r,...i},p)=>{let f=X(e),c=s==="inherit"?"text-inherit":`text-${s}`,b=a__namespace.default.useMemo(()=>{let u=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return q(u)},[e]);return a__namespace.default.createElement(n||b,{ref:p,className:`
+'use strict';var i=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),icons=require('@deckai/icons'),m=require('@radix-ui/react-tooltip');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__namespace=/*#__PURE__*/_interopNamespace(i);var m__namespace=/*#__PURE__*/_interopNamespace(m);function y(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var R={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB",disabled:"#888888",danger:"#FF0000"},D={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},F=e=>{if(!e)return {width:"24px",height:"24px"};let s=Array.isArray(e)?e:[e],n={},o;return s.forEach(t=>{if(typeof t=="number")o=`${t}px`;else {let[r,a]=t.split(":"),p=parseInt(a,10);n[`@media (min-width: ${D[r]})`]=`${p}px`;}}),{width:o||"24px",height:o||"24px",...Object.entries(n).reduce((t,[r,a])=>({...t,[r]:{width:a,height:a}}),{})}},u=i__namespace.default.forwardRef(({name:e,size:s=24,color:n="primary",title:o,className:t,style:r={},...a},p)=>{let f=icons.IconMap[e],c=F(s);return i__namespace.default.createElement("div",{className:y("flex justify-center items-center",t),style:{...c,"--icon-stroke":R[n],...r}},i__namespace.default.createElement(f,{ref:p,"aria-hidden":!o,"aria-label":o,stroke:e.includes("filled")?void 0:R[n],...a}))});u.displayName="Icon";var W={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},q=e=>{let[s,n]=e.split("-");return s==="heading"?W[n]||"p":s==="label"?"label":"p"},Q={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},X=e=>e?(Array.isArray(e)?e:[e]).map(n=>{if(n.includes(":")){let[o,t]=n.split(":");return `${o}:text-${t}`}return `text-${n}`}).join(" "):"text-body-default",l=i__namespace.default.forwardRef(({variant:e="body-default",color:s="primary",as:n,className:o,children:t,weight:r,...a},p)=>{let f=X(e),c=s==="inherit"?"text-inherit":`text-${s}`,h=i__namespace.default.useMemo(()=>{let g=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return q(g)},[e]);return i__namespace.default.createElement(n||h,{ref:p,className:`
           font-sans antialiased
           ${f}
           ${c}
           ${r&&`!${Q[r]}`}
           ${o}
-        `,...i},t)});l.displayName="Text";var w={pink:"bg-tertiary-5",orange:"bg-tertiary-15",green:"bg-tertiary-25",purple:"bg-secondary-300"},J=e=>{let s=Object.keys(w),n=e.split("").reduce((r,i)=>i.charCodeAt(0)+((r<<5)-r),0),o=Math.abs(n)%s.length,t=s[o];return console.log({input:e,hash:n,variantKeys:s,index:o,selectedVariant:t}),t},$=a__namespace.forwardRef(({className:e,variant:s,iconName:n,children:o,...t},r)=>{let i=s||(typeof o=="string"?J(o):"pink");return a__namespace.createElement("span",{ref:r,className:y("inline-flex items-center gap-2","rounded px-2 py-1.5","text-sm font-medium",w[i],e),...t},n&&a__namespace.createElement(g,{size:16,name:n}),a__namespace.createElement(l,{variant:"body-xxs-semibold",className:"mt-0.5"},o))});$.displayName="Badge";var k=({content:e,children:s,side:n="bottom",align:o="center",className:t,delayDuration:r=200,defaultOpen:i,open:p,onOpenChange:f,longPressDuration:c=500})=>{let[b,v]=a.useState(i||!1),u=null,P=p??b,d=a.useCallback(A=>{p||v(A),f?.(A);},[p,f]),h=a.useCallback(()=>{u=setTimeout(()=>{d(!0);},c);},[d,c]),R=a.useCallback(()=>{u&&(clearTimeout(u),u=null),setTimeout(()=>d(!1),1500);},[u,d]);return a__namespace.createElement(m__namespace.Provider,{delayDuration:r},a__namespace.createElement(m__namespace.Root,{open:P,onOpenChange:d},a__namespace.createElement(m__namespace.Trigger,{asChild:!0},a__namespace.createElement("span",{tabIndex:0,onTouchStart:h,onTouchEnd:R,onTouchCancel:R},s)),a__namespace.createElement(m__namespace.Portal,null,a__namespace.createElement(m__namespace.Content,{side:n,align:o,sideOffset:4,className:y("z-50 overflow-hidden rounded-lg","bg-black px-3 py-1.5","text-xs text-white","animate-in fade-in-0 zoom-in-95","data-[state=closed]:animate-out data-[state=closed]:fade-out-0","data-[side=bottom]:slide-in-from-top-2","data-[side=top]:slide-in-from-bottom-2","select-none","max-w-60","touch-none",t)},e,a__namespace.createElement(m__namespace.Arrow,{className:"fill-text-primary",width:10,height:5})))))};var B="focus-visible:outline-none focus-visible:border-2 focus-visible:border-primary-100";var H=a__namespace.default.forwardRef(({children:e,type:s="button",className:n,disabled:o,...t},r)=>a__namespace.default.createElement("button",{ref:r,type:s,disabled:o,className:y("appearance-none hover:opacity-80 transition-all active:scale-95",B,o&&"opacity-50 cursor-not-allowed",n),...t},e));H.displayName="Pressable";var O=({children:e,color:s="primary",className:n,onClose:o,...t})=>{let[r,i]=a.useState(!1),p=a.useCallback(()=>{i(!0);},[]),f=a.useCallback(()=>{i(!1);},[]),c=a__namespace.default.createElement("div",{className:y("flex gap-2",o?"justify-between items-center":"items-center justify-center","hover:bg-primary-100 rounded bg-secondary-400 px-2 py-1 sm:px-3 sm:py-1.5 h-min hover:text-white",s==="primary"?"text-primary-100":"text-primary",n),onMouseEnter:p,onMouseLeave:f},typeof e=="string"?a__namespace.default.createElement(l,{color:"inherit",variant:["md:body-default-medium","body-xxs-medium"],className:"truncate pt-0.5"},e):e,o&&a__namespace.default.createElement(H,{...t,onClick:o,className:"flex items-center justify-center"},a__namespace.default.createElement(g,{name:"close",size:10,color:r?"white":"primaryBlue"})));return o?c:a__namespace.default.createElement(H,{...t},c)};var E=4,L=3,Oe=({profileImage:e,name:s,location:n,memberSince:o,interests:t,badges:r,isEditMode:i=!1})=>{a.useId();let f=a.useMemo(()=>t?.slice(0,E)||[],[t]),c=a.useMemo(()=>r?.slice(0,L)||[],[r]),b=t&&t.length>E,v=r&&r.length>L,u=t?t.length-E:0,P=r?r.length-L:0;return a__namespace.default.createElement("div",{className:"lg:p-10 md:p-8 p-4 rounded-xl border border-stroke relative flex gap-6 md:flex-row flex-col"},a__namespace.default.createElement("div",{className:"flex md:flex-row flex-col gap-6"},a__namespace.default.createElement("div",{className:"flex flex-col gap-4 md:items-start items-center"},a__namespace.default.createElement("div",{className:"flex items-center justify-center w-[164px] h-[164px]"},a__namespace.default.createElement("img",{src:e,alt:`Profile for ${s}`,className:"object-cover rounded-full w-full h-full"}))),a__namespace.default.createElement("div",{className:"flex flex-col gap-2"},a__namespace.default.createElement(l,{as:"h1",variant:["lg:heading-lg","md:heading-md","heading-sm"],className:"text-wrap text-center md:text-left"},s),r&&a__namespace.default.createElement("div",{className:"flex gap-2 flex-wrap py-2 sm:justify-start justify-center items-center"},c.map((d,h)=>a__namespace.default.createElement($,{key:h,...d})),v&&a__namespace.default.createElement(k,{content:r.slice(L).map(d=>d.children).join(", ")},a__namespace.default.createElement(l,{variant:"label-default"},"+",P," more"))),a__namespace.default.createElement("div",{className:"flex gap-2 items-center sm:justify-start justify-center pt-1"},a__namespace.default.createElement(g,{name:"location",color:"secondary"}),a__namespace.default.createElement(l,{variant:["lg:body-lg","md:body-default","body-xs"],color:"secondary",className:"sm:text-left text-center truncate max-w-[300px]"},n)),a__namespace.default.createElement("div",{className:"flex gap-2 items-center sm:justify-start justify-center"},a__namespace.default.createElement(g,{name:"profile",color:"secondary"}),a__namespace.default.createElement(l,{variant:["lg:body-lg","md:body-default","body-xs"],color:"secondary",className:"sm:text-left text-center truncate max-w-[300px]"},"Member Since"," ",a__namespace.default.createElement(l,{as:"span",variant:["lg:body-lg-semibold","md:body-default-bold","body-xs-bold"]},o))),t&&a__namespace.default.createElement("div",{className:"flex flex-col gap-2 pt-4"},a__namespace.default.createElement(l,{variant:["sm:heading-xs","body-default-bold"],className:"sm:text-left text-center"},"Interests"),a__namespace.default.createElement("div",{className:"flex flex-wrap gap-2 sm:justify-start justify-center items-center"},f.map((d,h)=>a__namespace.default.createElement(O,{key:h},d)),b&&a__namespace.default.createElement(k,{content:t.slice(E).join(", ")},a__namespace.default.createElement(l,{variant:"label-default"},"+",u," more")))))))};exports.ProfileCard=Oe;//# sourceMappingURL=ProfileCard.cjs.map
+        `,...a},t)});l.displayName="Text";var I={pink:"bg-tertiary-5",orange:"bg-tertiary-15",green:"bg-tertiary-25",purple:"bg-secondary-300"},J=e=>{let s=Object.keys(I),n=e.split("").reduce((r,a)=>a.charCodeAt(0)+((r<<5)-r),0),o=Math.abs(n)%s.length,t=s[o];return console.log({input:e,hash:n,variantKeys:s,index:o,selectedVariant:t}),t},$=i__namespace.forwardRef(({className:e,variant:s,iconName:n,children:o,...t},r)=>{let a=s||(typeof o=="string"?J(o):"pink");return i__namespace.createElement("span",{ref:r,className:y("inline-flex items-center gap-2","rounded px-2 py-1.5","text-sm font-medium",I[a],e),...t},n&&i__namespace.createElement(u,{size:16,name:n}),i__namespace.createElement(l,{variant:"body-xxs-semibold",className:"mt-0.5"},o))});$.displayName="Badge";var k=({content:e,children:s,side:n="bottom",align:o="center",className:t,delayDuration:r=200,defaultOpen:a,open:p,onOpenChange:f,longPressDuration:c=500})=>{let[h,v]=i.useState(a||!1),g=null,P=p??h,d=i.useCallback(A=>{p||v(A),f?.(A);},[p,f]),b=i.useCallback(()=>{g=setTimeout(()=>{d(!0);},c);},[d,c]),w=i.useCallback(()=>{g&&(clearTimeout(g),g=null),setTimeout(()=>d(!1),1500);},[g,d]);return i__namespace.createElement(m__namespace.Provider,{delayDuration:r},i__namespace.createElement(m__namespace.Root,{open:P,onOpenChange:d},i__namespace.createElement(m__namespace.Trigger,{asChild:!0},i__namespace.createElement("span",{tabIndex:0,onTouchStart:b,onTouchEnd:w,onTouchCancel:w},s)),i__namespace.createElement(m__namespace.Portal,null,i__namespace.createElement(m__namespace.Content,{side:n,align:o,sideOffset:4,className:y("z-50 overflow-hidden rounded-lg","bg-black px-3 py-1.5","text-xs text-white","animate-in fade-in-0 zoom-in-95","data-[state=closed]:animate-out data-[state=closed]:fade-out-0","data-[side=bottom]:slide-in-from-top-2","data-[side=top]:slide-in-from-bottom-2","select-none","max-w-60","touch-none",t)},e,i__namespace.createElement(m__namespace.Arrow,{className:"fill-text-primary",width:10,height:5})))))};var B="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-100";var H=i__namespace.default.forwardRef(({children:e,type:s="button",className:n,disabled:o,...t},r)=>i__namespace.default.createElement("button",{ref:r,type:s,disabled:o,className:y("appearance-none hover:opacity-80 transition-all active:scale-95",B,o&&"opacity-50 cursor-not-allowed",n),...t},e));H.displayName="Pressable";var O=({children:e,color:s="primary",className:n,onClose:o,...t})=>{let[r,a]=i.useState(!1),p=i.useCallback(()=>{a(!0);},[]),f=i.useCallback(()=>{a(!1);},[]),c=i__namespace.default.createElement("div",{className:y("flex gap-2",o?"justify-between items-center":"items-center justify-center","hover:bg-primary-100 rounded bg-secondary-400 px-2 py-1 sm:px-3 sm:py-1.5 h-min hover:text-white",s==="primary"?"text-primary-100":"text-primary",n),onMouseEnter:p,onMouseLeave:f},typeof e=="string"?i__namespace.default.createElement(l,{color:"inherit",variant:["md:body-default-medium","body-xxs-medium"],className:"truncate pt-0.5"},e):e,o&&i__namespace.default.createElement(H,{...t,onClick:o,className:"flex items-center justify-center"},i__namespace.default.createElement(u,{name:"close",size:10,color:r?"white":"primaryBlue"})));return o?c:i__namespace.default.createElement(H,{...t},c)};var E=4,L=3,Oe=({profileImage:e,name:s,location:n,memberSince:o,interests:t,badges:r,isEditMode:a=!1})=>{i.useId();let f=i.useMemo(()=>t?.slice(0,E)||[],[t]),c=i.useMemo(()=>r?.slice(0,L)||[],[r]),h=t&&t.length>E,v=r&&r.length>L,g=t?t.length-E:0,P=r?r.length-L:0;return i__namespace.default.createElement("div",{className:"lg:p-10 md:p-8 p-4 rounded-xl border border-stroke relative flex gap-6 md:flex-row flex-col"},i__namespace.default.createElement("div",{className:"flex md:flex-row flex-col gap-6"},i__namespace.default.createElement("div",{className:"flex flex-col gap-4 md:items-start items-center"},i__namespace.default.createElement("div",{className:"flex items-center justify-center w-[164px] h-[164px]"},i__namespace.default.createElement("img",{src:e,alt:`Profile for ${s}`,className:"object-cover rounded-full w-full h-full"}))),i__namespace.default.createElement("div",{className:"flex flex-col gap-2"},i__namespace.default.createElement(l,{as:"h1",variant:["lg:heading-lg","md:heading-md","heading-sm"],className:"text-wrap text-center md:text-left"},s),r&&i__namespace.default.createElement("div",{className:"flex gap-2 flex-wrap py-2 sm:justify-start justify-center items-center"},c.map((d,b)=>i__namespace.default.createElement($,{key:b,...d})),v&&i__namespace.default.createElement(k,{content:r.slice(L).map(d=>d.children).join(", ")},i__namespace.default.createElement(l,{variant:"label-default"},"+",P," more"))),i__namespace.default.createElement("div",{className:"flex gap-2 items-center sm:justify-start justify-center pt-1"},i__namespace.default.createElement(u,{name:"location",color:"secondary"}),i__namespace.default.createElement(l,{variant:["lg:body-lg","md:body-default","body-xs"],color:"secondary",className:"sm:text-left text-center truncate max-w-[300px]"},n)),i__namespace.default.createElement("div",{className:"flex gap-2 items-center sm:justify-start justify-center"},i__namespace.default.createElement(u,{name:"profile",color:"secondary"}),i__namespace.default.createElement(l,{variant:["lg:body-lg","md:body-default","body-xs"],color:"secondary",className:"sm:text-left text-center truncate max-w-[300px]"},"Member Since"," ",i__namespace.default.createElement(l,{as:"span",variant:["lg:body-lg-semibold","md:body-default-bold","body-xs-bold"]},o))),t&&i__namespace.default.createElement("div",{className:"flex flex-col gap-2 pt-4"},i__namespace.default.createElement(l,{variant:["sm:heading-xs","body-default-bold"],className:"sm:text-left text-center"},"Interests"),i__namespace.default.createElement("div",{className:"flex flex-wrap gap-2 sm:justify-start justify-center items-center"},f.map((d,b)=>i__namespace.default.createElement(O,{key:b},d)),h&&i__namespace.default.createElement(k,{content:t.slice(E).join(", ")},i__namespace.default.createElement(l,{variant:"label-default"},"+",g," more")))))))};exports.ProfileCard=Oe;//# sourceMappingURL=ProfileCard.cjs.map
 //# sourceMappingURL=ProfileCard.cjs.map

package/dist/components/ProfileCard.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/index.ts","../../src/components/Icon.tsx","../../src/components/Text.tsx","../../src/components/Badge.tsx","../../src/components/Tooltip.tsx","../../src/utils/tailwind.ts","../../src/components/Pressable.tsx","../../src/components/Tag.tsx","../../src/components/ProfileCard.tsx"],"names":["cn","inputs","twMerge","clsx","COLOR_MAP","BREAKPOINT_MAP","processSizes","sizes","sizeArray","mediaQueries","baseSize","size","breakpoint","valueStr","value","acc","query","Icon","React","name","color","title","className","style","props","ref","IconComponent","IconMap","sizeStyles","HEADING_ELEMENT_MAP","getElementFromVariant","variant","category","fontWeight","processVariants","variants","typographyClass","Text","as","children","weight","typographyClasses","colorClasses","suggestedElement","baseVariant","stringToVariant","str","variantKeys","hash","char","index","selectedVariant","Badge","x","iconName","finalVariant","Tooltip","content","side","align","delayDuration","defaultOpen","controlledOpen","onOpenChange","longPressDuration","isOpen","setIsOpen","useState","longPressTimer","open","handleOpenChange","useCallback","newOpen","handleTouchStart","handleTouchEnd","T","m","focusRingStyles","Pressable","type","disabled","Tag","onClose","pressableProps","isHovered","setIsHovered","handleMouseEnter","handleMouseLeave","MAX_INTERESTS","MAX_BADGES","ProfileCard","profileImage","location","memberSince","interests","badges","isEditMode","useId","visibleInterests","useMemo","visibleBadges","hasMoreInterests","hasMoreBadges","remainingInterests","remainingBadges","badge","idx","b","interest"],"mappings":"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","file":"ProfileCard.cjs","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\nexport const noopFn = () => {};\n","import React, { SVGProps } from \"react\";\nimport { IconName, IconMap } from \"@deckai/icons\";\nimport { IconColors } from \"../types/tailwind\";\nimport { cn } from \"../utils\";\n\ntype Breakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\ntype ResponsiveSize = number | `${Breakpoint}:${number}`;\n\nexport type IconProps = {\n  name: IconName;\n  /** @default 24 */\n  size?: ResponsiveSize | ResponsiveSize[];\n  /** @default primary */\n  color?: IconColors;\n  title?: string;\n  className?: string;\n  style?: React.CSSProperties;\n} & Omit<SVGProps<SVGSVGElement>, \"aria-hidden\" | \"aria-label\">;\n\nconst COLOR_MAP: Record<IconColors, string> = {\n  primary: \"#080808\",\n  secondary: \"#666666\",\n  white: \"#ffffff\",\n  primaryBlue: \"#089CCB\",\n  disabled: \"#888888\",\n  danger: \"#FF0000\"\n};\n\nconst BREAKPOINT_MAP: Record<Breakpoint, string> = {\n  sm: \"640px\",\n  md: \"768px\",\n  lg: \"1024px\",\n  xl: \"1280px\",\n  \"2xl\": \"1536px\"\n};\n\nconst processSizes = (\n  sizes: ResponsiveSize | ResponsiveSize[] | undefined\n): React.CSSProperties => {\n  if (!sizes) return { width: \"24px\", height: \"24px\" };\n\n  const sizeArray = Array.isArray(sizes) ? sizes : [sizes];\n  const mediaQueries: Record<string, string> = {};\n  let baseSize: string | undefined;\n\n  // Process each size\n  sizeArray.forEach((size) => {\n    if (typeof size === \"number\") {\n      baseSize = `${size}px`;\n    } else {\n      const [breakpoint, valueStr] = size.split(\":\") as [Breakpoint, string];\n      const value = parseInt(valueStr, 10);\n      mediaQueries[`@media (min-width: ${BREAKPOINT_MAP[breakpoint]})`] =\n        `${value}px`;\n    }\n  });\n\n  // Create the style object with the correct structure\n  return {\n    width: baseSize || \"24px\",\n    height: baseSize || \"24px\",\n    ...Object.entries(mediaQueries).reduce(\n      (acc, [query, size]) => ({\n        ...acc,\n        [query]: {\n          width: size,\n          height: size\n        }\n      }),\n      {}\n    )\n  };\n};\n\nexport const Icon = React.forwardRef<SVGSVGElement, IconProps>(\n  (\n    {\n      name,\n      size = 24,\n      color = \"primary\",\n      title,\n      className,\n      style = {},\n      ...props\n    },\n    ref\n  ) => {\n    const IconComponent = IconMap[name];\n    const sizeStyles = processSizes(size);\n\n    return (\n      <div\n        className={cn(\"flex justify-center items-center\", className)}\n        style={{\n          ...sizeStyles,\n          [\"--icon-stroke\" as string]: COLOR_MAP[color],\n          ...style\n        }}\n      >\n        <IconComponent\n          ref={ref}\n          aria-hidden={!title}\n          aria-label={title}\n          stroke={name.includes(\"filled\") ? undefined : COLOR_MAP[color]}\n          {...props}\n        />\n      </div>\n    );\n  }\n);\n\nIcon.displayName = \"Icon\";\n","import React from \"react\";\nimport { Typography } from \"../types/tailwind\";\n\ntype TextElement =\n  | \"p\"\n  | \"span\"\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\"\n  | \"strong\"\n  | \"em\"\n  | \"blockquote\"\n  | \"pre\"\n  | \"code\"\n  | \"small\"\n  | \"label\"\n  | \"a\";\n\n// HTML element mapping type\ntype HTMLElementByTag = {\n  p: HTMLParagraphElement;\n  span: HTMLSpanElement;\n  h1: HTMLHeadingElement;\n  h2: HTMLHeadingElement;\n  h3: HTMLHeadingElement;\n  h4: HTMLHeadingElement;\n  h5: HTMLHeadingElement;\n  h6: HTMLHeadingElement;\n  strong: HTMLElement;\n  em: HTMLElement;\n  blockquote: HTMLQuoteElement;\n  pre: HTMLPreElement;\n  code: HTMLElement;\n  small: HTMLElement;\n  label: HTMLLabelElement;\n  a: HTMLAnchorElement;\n};\n\n// HTML props mapping type\ntype HTMLPropsMap = {\n  p: React.HTMLAttributes<HTMLParagraphElement>;\n  span: React.HTMLAttributes<HTMLSpanElement>;\n  h1: React.HTMLAttributes<HTMLHeadingElement>;\n  h2: React.HTMLAttributes<HTMLHeadingElement>;\n  h3: React.HTMLAttributes<HTMLHeadingElement>;\n  h4: React.HTMLAttributes<HTMLHeadingElement>;\n  h5: React.HTMLAttributes<HTMLHeadingElement>;\n  h6: React.HTMLAttributes<HTMLHeadingElement>;\n  strong: React.HTMLAttributes<HTMLElement>;\n  em: React.HTMLAttributes<HTMLElement>;\n  blockquote: React.HTMLAttributes<HTMLQuoteElement>;\n  pre: React.HTMLAttributes<HTMLPreElement>;\n  code: React.HTMLAttributes<HTMLElement>;\n  small: React.HTMLAttributes<HTMLElement>;\n  label: React.LabelHTMLAttributes<HTMLLabelElement>;\n  a: Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, \"color\">;\n};\n\ntype TextColor =\n  | \"primary\"\n  | \"secondary\"\n  | \"white\"\n  | \"primary-blue\"\n  | \"disabled\"\n  | \"danger\"\n  | \"inherit\"\n  | \"primary-100\";\n\nconst HEADING_ELEMENT_MAP: Record<string, TextElement> = {\n  xl: \"h1\",\n  lg: \"h1\",\n  md: \"h2\",\n  sm: \"h3\",\n  xs: \"h4\"\n};\n\nconst getElementFromVariant = (variant: TypographyKey): TextElement => {\n  const [category, size] = variant.split(\"-\");\n\n  if (category === \"heading\") {\n    return HEADING_ELEMENT_MAP[size] || \"p\";\n  }\n\n  if (category === \"label\") {\n    return \"label\";\n  }\n\n  return \"p\";\n};\n\ntype Weight = \"light\" | \"regular\" | \"semibold\" | \"bold\";\n\nconst fontWeight: Record<Weight, string> = {\n  light: \"font-light\",\n  regular: \"font-regular\",\n  semibold: \"font-semibold\",\n  bold: \"font-bold\"\n};\n\n// Add breakpoint types\ntype Breakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\ntype ResponsiveVariant = TypographyKey | `${Breakpoint}:${TypographyKey}`;\n\ntype TypographyCategory = keyof Typography;\ntype TypographyValue<T extends TypographyCategory> = Extract<\n  keyof Typography[T],\n  string | number | bigint | boolean | null | undefined\n>;\ntype TypographyKey = {\n  [T in TypographyCategory]: `${T}-${TypographyValue<T>}`;\n}[TypographyCategory];\n\n// Update TextProps to use ResponsiveVariant\nexport type TextProps<T extends TextElement = \"p\"> = {\n  variant?: ResponsiveVariant | ResponsiveVariant[];\n  color?: TextColor;\n  as?: T;\n  className?: string;\n  children: React.ReactNode;\n  weight?: Weight;\n} & HTMLPropsMap[T];\n\n// Add helper function to process variants\nconst processVariants = (\n  variants: ResponsiveVariant | ResponsiveVariant[] | undefined\n): string => {\n  if (!variants) return \"text-body-default\";\n\n  const variantArray = Array.isArray(variants) ? variants : [variants];\n\n  return variantArray\n    .map((variant) => {\n      if (variant.includes(\":\")) {\n        const [breakpoint, typographyClass] = variant.split(\":\");\n        return `${breakpoint}:text-${typographyClass}`;\n      }\n      return `text-${variant}`;\n    })\n    .join(\" \");\n};\n\nexport const Text = React.forwardRef(\n  <T extends TextElement = \"p\">(\n    {\n      variant = \"body-default\",\n      color = \"primary\",\n      as,\n      className,\n      children,\n      weight,\n      ...props\n    }: TextProps<T>,\n    ref: React.ForwardedRef<HTMLElementByTag[T]>\n  ) => {\n    // Process typography classes with breakpoints\n    const typographyClasses = processVariants(variant);\n\n    // Get color styles\n    const colorClasses = color === \"inherit\" ? \"text-inherit\" : `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={`\n          font-sans antialiased\n          ${typographyClasses}\n          ${colorClasses}\n          ${weight && `!${fontWeight[weight]}`}\n          ${className}\n        `}\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\n\nText.displayName = \"Text\";\n","import * as React from \"react\";\nimport { IconName } from \"@deckai/icons\";\nimport { cn } from \"../utils\";\nimport { Icon } from \"./Icon\";\nimport { Text } from \"./Text\";\n\nexport type BadgeProps = {\n  variant?: \"pink\" | \"orange\" | \"green\" | \"purple\";\n  iconName?: IconName;\n} & React.HTMLAttributes<HTMLSpanElement>;\n\nconst variants = {\n  pink: \"bg-tertiary-5\",\n  orange: \"bg-tertiary-15\",\n  green: \"bg-tertiary-25\",\n  purple: \"bg-secondary-300\"\n};\n\nconst stringToVariant = (str: string): keyof typeof variants => {\n  const variantKeys = Object.keys(variants) as Array<keyof typeof variants>;\n  // Let's log some values to understand what's happening\n  const hash = str\n    .split(\"\")\n    .reduce((acc, char) => char.charCodeAt(0) + ((acc << 5) - acc), 0);\n\n  const index = Math.abs(hash) % variantKeys.length;\n  const selectedVariant = variantKeys[index];\n\n  console.log({\n    input: str,\n    hash,\n    variantKeys,\n    index,\n    selectedVariant\n  });\n\n  return selectedVariant;\n};\n\nexport const Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  ({ className, variant, iconName, children, ...props }, ref) => {\n    const finalVariant =\n      variant ||\n      (typeof children === \"string\" ? stringToVariant(children) : \"pink\");\n    return (\n      <span\n        ref={ref}\n        className={cn(\n          \"inline-flex items-center gap-2\",\n          \"rounded px-2 py-1.5\",\n          \"text-sm font-medium\",\n          variants[finalVariant],\n          className\n        )}\n        {...props}\n      >\n        {iconName && <Icon size={16} name={iconName} />}\n        <Text variant=\"body-xxs-semibold\" className=\"mt-0.5\">\n          {children}\n        </Text>\n      </span>\n    );\n  }\n);\n\nBadge.displayName = \"Badge\";\n","import * as React from \"react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { cn } from \"../utils\";\nimport { useCallback, useState } from \"react\";\n\nexport interface TooltipProps {\n  content: React.ReactNode;\n  children: React.ReactNode;\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  align?: \"start\" | \"center\" | \"end\";\n  className?: string;\n  delayDuration?: number;\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /** Duration in ms for long press on mobile devices */\n  longPressDuration?: number;\n}\n\nexport const Tooltip = ({\n  content,\n  children,\n  side = \"bottom\",\n  align = \"center\",\n  className,\n  delayDuration = 200,\n  defaultOpen,\n  open: controlledOpen,\n  onOpenChange,\n  longPressDuration = 500\n}: TooltipProps) => {\n  const [isOpen, setIsOpen] = useState(defaultOpen || false);\n  let longPressTimer: Timer | null = null;\n\n  const open = controlledOpen ?? isOpen;\n  const handleOpenChange = useCallback(\n    (newOpen: boolean) => {\n      if (!controlledOpen) {\n        setIsOpen(newOpen);\n      }\n      onOpenChange?.(newOpen);\n    },\n    [controlledOpen, onOpenChange]\n  );\n\n  const handleTouchStart = useCallback(() => {\n    const timer = setTimeout(() => {\n      handleOpenChange(true);\n    }, longPressDuration);\n    longPressTimer = timer;\n  }, [handleOpenChange, longPressDuration]);\n\n  const handleTouchEnd = useCallback(() => {\n    if (longPressTimer) {\n      clearTimeout(longPressTimer);\n      longPressTimer = null;\n    }\n    // Keep tooltip open for a brief moment after touch\n    setTimeout(() => handleOpenChange(false), 1500);\n  }, [longPressTimer, handleOpenChange]);\n\n  return (\n    <TooltipPrimitive.Provider delayDuration={delayDuration}>\n      <TooltipPrimitive.Root open={open} onOpenChange={handleOpenChange}>\n        <TooltipPrimitive.Trigger asChild>\n          <span\n            tabIndex={0}\n            onTouchStart={handleTouchStart}\n            onTouchEnd={handleTouchEnd}\n            onTouchCancel={handleTouchEnd}\n          >\n            {children}\n          </span>\n        </TooltipPrimitive.Trigger>\n        <TooltipPrimitive.Portal>\n          <TooltipPrimitive.Content\n            side={side}\n            align={align}\n            sideOffset={4}\n            className={cn(\n              \"z-50 overflow-hidden rounded-lg\",\n              \"bg-black px-3 py-1.5\",\n              \"text-xs text-white\",\n              \"animate-in fade-in-0 zoom-in-95\",\n              \"data-[state=closed]:animate-out data-[state=closed]:fade-out-0\",\n              \"data-[side=bottom]:slide-in-from-top-2\",\n              \"data-[side=top]:slide-in-from-bottom-2\",\n              \"select-none\",\n              \"max-w-60\",\n              \"touch-none\", // Prevent touch events from interfering with scrolling\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};\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:border-2 focus-visible:border-primary-100\";\n\nexport const focusRingStylesCoerced = \"border-2 border-primary-100\";\n","import React, { ButtonHTMLAttributes } from \"react\";\nimport { focusRingStyles } from \"../utils/tailwind\";\nimport { cn } from \"../utils\";\n\nexport type PressableProps = ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const Pressable = React.forwardRef<HTMLButtonElement, PressableProps>(\n  ({ children, type = \"button\", className, disabled, ...props }, ref) => (\n    <button\n      ref={ref}\n      type={type}\n      disabled={disabled}\n      className={cn(\n        \"appearance-none hover:opacity-80 transition-all active:scale-95\",\n        focusRingStyles,\n        disabled && \"opacity-50 cursor-not-allowed\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  )\n);\n\nPressable.displayName = \"Pressable\";\n","import React, { useState, useCallback, HTMLAttributes } from \"react\";\nimport { Text } from \"./Text\";\nimport { Pressable, PressableProps } from \"./Pressable\";\nimport { cn } from \"../utils\";\nimport { Icon } from \"./Icon\";\n\nexport type TagProps = {\n  children: React.ReactNode;\n  padded?: boolean;\n  color?: \"primary\" | \"text\";\n  onClose?: () => void;\n} & HTMLAttributes<HTMLDivElement> &\n  PressableProps;\n\nexport const Tag = ({\n  children,\n  color = \"primary\",\n  className,\n  onClose,\n  ...pressableProps\n}: TagProps) => {\n  const [isHovered, setIsHovered] = useState(false);\n\n  const handleMouseEnter = useCallback(() => {\n    setIsHovered(true);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setIsHovered(false);\n  }, []);\n\n  const content = (\n    <div\n      className={cn(\n        \"flex gap-2\",\n        onClose\n          ? \"justify-between items-center\"\n          : \"items-center justify-center\",\n        \"hover:bg-primary-100 rounded bg-secondary-400 px-2 py-1 sm:px-3 sm:py-1.5 h-min hover:text-white\",\n        color === \"primary\" ? \"text-primary-100\" : \"text-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, { useId, useMemo } from \"react\";\nimport { Badge, BadgeProps } from \"./Badge\";\nimport { Icon } from \"./Icon\";\nimport { Text } from \"./Text\";\nimport { Tooltip } from \"./Tooltip\";\nimport { Tag } from \"./Tag\";\n\nexport type ProfileCardProps = {\n  profileImage: string;\n  name: string;\n  location: string;\n  memberSince?: string;\n  interests?: string[];\n  badges?: BadgeProps[];\n  isEditMode?: boolean;\n  onEditClick?: () => void;\n};\n\nconst MAX_INTERESTS = 4;\nconst MAX_BADGES = 3;\n\nexport const ProfileCard = ({\n  profileImage,\n  name,\n  location,\n  memberSince,\n  interests,\n  badges,\n  isEditMode = false\n}: ProfileCardProps) => {\n  const randomId = useId();\n\n  const visibleInterests = useMemo(\n    () => interests?.slice(0, MAX_INTERESTS) || [],\n    [interests]\n  );\n\n  const visibleBadges = useMemo(\n    () => badges?.slice(0, MAX_BADGES) || [],\n    [badges]\n  );\n\n  const hasMoreInterests = interests && interests.length > MAX_INTERESTS;\n  const hasMoreBadges = badges && badges.length > MAX_BADGES;\n  const remainingInterests = interests ? interests.length - MAX_INTERESTS : 0;\n  const remainingBadges = badges ? badges.length - MAX_BADGES : 0;\n\n  return (\n    <div className=\"lg:p-10 md:p-8 p-4 rounded-xl border border-stroke relative flex gap-6 md:flex-row flex-col\">\n      <div className=\"flex md:flex-row flex-col gap-6\">\n        <div className=\"flex flex-col gap-4 md:items-start items-center\">\n          <div className=\"flex items-center justify-center w-[164px] h-[164px]\">\n            <img\n              src={profileImage}\n              alt={`Profile for ${name}`}\n              className=\"object-cover rounded-full w-full h-full\"\n            />\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-2\">\n          <Text\n            as=\"h1\"\n            variant={[\"lg:heading-lg\", \"md:heading-md\", \"heading-sm\"]}\n            className=\"text-wrap text-center md:text-left\"\n          >\n            {name}\n          </Text>\n          {badges && (\n            <div className=\"flex gap-2 flex-wrap py-2 sm:justify-start justify-center items-center\">\n              {visibleBadges.map((badge, idx) => (\n                <Badge key={idx} {...badge} />\n              ))}\n              {hasMoreBadges && (\n                <Tooltip\n                  content={badges\n                    .slice(MAX_BADGES)\n                    .map((b) => b.children)\n                    .join(\", \")}\n                >\n                  <Text variant=\"label-default\">+{remainingBadges} more</Text>\n                </Tooltip>\n              )}\n            </div>\n          )}\n          <div className=\"flex gap-2 items-center sm:justify-start justify-center pt-1\">\n            <Icon name=\"location\" color=\"secondary\" />\n            <Text\n              variant={[\"lg:body-lg\", \"md:body-default\", \"body-xs\"]}\n              color=\"secondary\"\n              className=\"sm:text-left text-center truncate max-w-[300px]\"\n            >\n              {location}\n            </Text>\n          </div>\n          <div className=\"flex gap-2 items-center sm:justify-start justify-center\">\n            <Icon name=\"profile\" color=\"secondary\" />\n            <Text\n              variant={[\"lg:body-lg\", \"md:body-default\", \"body-xs\"]}\n              color=\"secondary\"\n              className=\"sm:text-left text-center truncate max-w-[300px]\"\n            >\n              Member Since{\" \"}\n              <Text\n                as=\"span\"\n                variant={[\n                  \"lg:body-lg-semibold\",\n                  \"md:body-default-bold\",\n                  \"body-xs-bold\"\n                ]}\n              >\n                {memberSince}\n              </Text>\n            </Text>\n          </div>\n          {interests && (\n            <div className=\"flex flex-col gap-2 pt-4\">\n              <Text\n                variant={[\"sm:heading-xs\", \"body-default-bold\"]}\n                className=\"sm:text-left text-center\"\n              >\n                Interests\n              </Text>\n              <div className=\"flex flex-wrap gap-2 sm:justify-start justify-center items-center\">\n                {visibleInterests.map((interest, idx) => (\n                  <Tag key={idx}>{interest}</Tag>\n                ))}\n                {hasMoreInterests && (\n                  <Tooltip content={interests.slice(MAX_INTERESTS).join(\", \")}>\n                    <Text variant=\"label-default\">\n                      +{remainingInterests} more\n                    </Text>\n                  </Tooltip>\n                )}\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n"]}
+{"version":3,"sources":["../../src/utils/index.ts","../../src/components/Icon.tsx","../../src/components/Text.tsx","../../src/components/Badge.tsx","../../src/components/Tooltip.tsx","../../src/utils/tailwind.ts","../../src/components/Pressable.tsx","../../src/components/Tag.tsx","../../src/components/ProfileCard.tsx"],"names":["cn","inputs","twMerge","clsx","COLOR_MAP","BREAKPOINT_MAP","processSizes","sizes","sizeArray","mediaQueries","baseSize","size","breakpoint","valueStr","value","acc","query","Icon","React","name","color","title","className","style","props","ref","IconComponent","IconMap","sizeStyles","HEADING_ELEMENT_MAP","getElementFromVariant","variant","category","fontWeight","processVariants","variants","typographyClass","Text","as","children","weight","typographyClasses","colorClasses","suggestedElement","baseVariant","stringToVariant","str","variantKeys","hash","char","index","selectedVariant","Badge","x","iconName","finalVariant","Tooltip","content","side","align","delayDuration","defaultOpen","controlledOpen","onOpenChange","longPressDuration","isOpen","setIsOpen","useState","longPressTimer","open","handleOpenChange","useCallback","newOpen","handleTouchStart","handleTouchEnd","T","m","focusRingStyles","Pressable","type","disabled","Tag","onClose","pressableProps","isHovered","setIsHovered","handleMouseEnter","handleMouseLeave","MAX_INTERESTS","MAX_BADGES","ProfileCard","profileImage","location","memberSince","interests","badges","isEditMode","useId","visibleInterests","useMemo","visibleBadges","hasMoreInterests","hasMoreBadges","remainingInterests","remainingBadges","badge","idx","b","interest"],"mappings":"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","file":"ProfileCard.cjs","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\nexport const noopFn = () => {};\n","import React, { SVGProps } from \"react\";\nimport { IconName, IconMap } from \"@deckai/icons\";\nimport { IconColors } from \"../types/tailwind\";\nimport { cn } from \"../utils\";\n\ntype Breakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\ntype ResponsiveSize = number | `${Breakpoint}:${number}`;\n\nexport type IconProps = {\n  name: IconName;\n  /** @default 24 */\n  size?: ResponsiveSize | ResponsiveSize[];\n  /** @default primary */\n  color?: IconColors;\n  title?: string;\n  className?: string;\n  style?: React.CSSProperties;\n} & Omit<SVGProps<SVGSVGElement>, \"aria-hidden\" | \"aria-label\">;\n\nconst COLOR_MAP: Record<IconColors, string> = {\n  primary: \"#080808\",\n  secondary: \"#666666\",\n  white: \"#ffffff\",\n  primaryBlue: \"#089CCB\",\n  disabled: \"#888888\",\n  danger: \"#FF0000\"\n};\n\nconst BREAKPOINT_MAP: Record<Breakpoint, string> = {\n  sm: \"640px\",\n  md: \"768px\",\n  lg: \"1024px\",\n  xl: \"1280px\",\n  \"2xl\": \"1536px\"\n};\n\nconst processSizes = (\n  sizes: ResponsiveSize | ResponsiveSize[] | undefined\n): React.CSSProperties => {\n  if (!sizes) return { width: \"24px\", height: \"24px\" };\n\n  const sizeArray = Array.isArray(sizes) ? sizes : [sizes];\n  const mediaQueries: Record<string, string> = {};\n  let baseSize: string | undefined;\n\n  // Process each size\n  sizeArray.forEach((size) => {\n    if (typeof size === \"number\") {\n      baseSize = `${size}px`;\n    } else {\n      const [breakpoint, valueStr] = size.split(\":\") as [Breakpoint, string];\n      const value = parseInt(valueStr, 10);\n      mediaQueries[`@media (min-width: ${BREAKPOINT_MAP[breakpoint]})`] =\n        `${value}px`;\n    }\n  });\n\n  // Create the style object with the correct structure\n  return {\n    width: baseSize || \"24px\",\n    height: baseSize || \"24px\",\n    ...Object.entries(mediaQueries).reduce(\n      (acc, [query, size]) => ({\n        ...acc,\n        [query]: {\n          width: size,\n          height: size\n        }\n      }),\n      {}\n    )\n  };\n};\n\nexport const Icon = React.forwardRef<SVGSVGElement, IconProps>(\n  (\n    {\n      name,\n      size = 24,\n      color = \"primary\",\n      title,\n      className,\n      style = {},\n      ...props\n    },\n    ref\n  ) => {\n    const IconComponent = IconMap[name];\n    const sizeStyles = processSizes(size);\n\n    return (\n      <div\n        className={cn(\"flex justify-center items-center\", className)}\n        style={{\n          ...sizeStyles,\n          [\"--icon-stroke\" as string]: COLOR_MAP[color],\n          ...style\n        }}\n      >\n        <IconComponent\n          ref={ref}\n          aria-hidden={!title}\n          aria-label={title}\n          stroke={name.includes(\"filled\") ? undefined : COLOR_MAP[color]}\n          {...props}\n        />\n      </div>\n    );\n  }\n);\n\nIcon.displayName = \"Icon\";\n","import React from \"react\";\nimport { Typography } from \"../types/tailwind\";\n\ntype TextElement =\n  | \"p\"\n  | \"span\"\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\"\n  | \"strong\"\n  | \"em\"\n  | \"blockquote\"\n  | \"pre\"\n  | \"code\"\n  | \"small\"\n  | \"label\"\n  | \"a\";\n\n// HTML element mapping type\ntype HTMLElementByTag = {\n  p: HTMLParagraphElement;\n  span: HTMLSpanElement;\n  h1: HTMLHeadingElement;\n  h2: HTMLHeadingElement;\n  h3: HTMLHeadingElement;\n  h4: HTMLHeadingElement;\n  h5: HTMLHeadingElement;\n  h6: HTMLHeadingElement;\n  strong: HTMLElement;\n  em: HTMLElement;\n  blockquote: HTMLQuoteElement;\n  pre: HTMLPreElement;\n  code: HTMLElement;\n  small: HTMLElement;\n  label: HTMLLabelElement;\n  a: HTMLAnchorElement;\n};\n\n// HTML props mapping type\ntype HTMLPropsMap = {\n  p: React.HTMLAttributes<HTMLParagraphElement>;\n  span: React.HTMLAttributes<HTMLSpanElement>;\n  h1: React.HTMLAttributes<HTMLHeadingElement>;\n  h2: React.HTMLAttributes<HTMLHeadingElement>;\n  h3: React.HTMLAttributes<HTMLHeadingElement>;\n  h4: React.HTMLAttributes<HTMLHeadingElement>;\n  h5: React.HTMLAttributes<HTMLHeadingElement>;\n  h6: React.HTMLAttributes<HTMLHeadingElement>;\n  strong: React.HTMLAttributes<HTMLElement>;\n  em: React.HTMLAttributes<HTMLElement>;\n  blockquote: React.HTMLAttributes<HTMLQuoteElement>;\n  pre: React.HTMLAttributes<HTMLPreElement>;\n  code: React.HTMLAttributes<HTMLElement>;\n  small: React.HTMLAttributes<HTMLElement>;\n  label: React.LabelHTMLAttributes<HTMLLabelElement>;\n  a: Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, \"color\">;\n};\n\ntype TextColor =\n  | \"primary\"\n  | \"secondary\"\n  | \"white\"\n  | \"primary-blue\"\n  | \"disabled\"\n  | \"danger\"\n  | \"inherit\"\n  | \"primary-100\";\n\nconst HEADING_ELEMENT_MAP: Record<string, TextElement> = {\n  xl: \"h1\",\n  lg: \"h1\",\n  md: \"h2\",\n  sm: \"h3\",\n  xs: \"h4\"\n};\n\nconst getElementFromVariant = (variant: TypographyKey): TextElement => {\n  const [category, size] = variant.split(\"-\");\n\n  if (category === \"heading\") {\n    return HEADING_ELEMENT_MAP[size] || \"p\";\n  }\n\n  if (category === \"label\") {\n    return \"label\";\n  }\n\n  return \"p\";\n};\n\ntype Weight = \"light\" | \"regular\" | \"semibold\" | \"bold\";\n\nconst fontWeight: Record<Weight, string> = {\n  light: \"font-light\",\n  regular: \"font-regular\",\n  semibold: \"font-semibold\",\n  bold: \"font-bold\"\n};\n\n// Add breakpoint types\ntype Breakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\ntype ResponsiveVariant = TypographyKey | `${Breakpoint}:${TypographyKey}`;\n\ntype TypographyCategory = keyof Typography;\ntype TypographyValue<T extends TypographyCategory> = Extract<\n  keyof Typography[T],\n  string | number | bigint | boolean | null | undefined\n>;\ntype TypographyKey = {\n  [T in TypographyCategory]: `${T}-${TypographyValue<T>}`;\n}[TypographyCategory];\n\n// Update TextProps to use ResponsiveVariant\nexport type TextProps<T extends TextElement = \"p\"> = {\n  variant?: ResponsiveVariant | ResponsiveVariant[];\n  color?: TextColor;\n  as?: T;\n  className?: string;\n  children: React.ReactNode;\n  weight?: Weight;\n} & HTMLPropsMap[T];\n\n// Add helper function to process variants\nconst processVariants = (\n  variants: ResponsiveVariant | ResponsiveVariant[] | undefined\n): string => {\n  if (!variants) return \"text-body-default\";\n\n  const variantArray = Array.isArray(variants) ? variants : [variants];\n\n  return variantArray\n    .map((variant) => {\n      if (variant.includes(\":\")) {\n        const [breakpoint, typographyClass] = variant.split(\":\");\n        return `${breakpoint}:text-${typographyClass}`;\n      }\n      return `text-${variant}`;\n    })\n    .join(\" \");\n};\n\nexport const Text = React.forwardRef(\n  <T extends TextElement = \"p\">(\n    {\n      variant = \"body-default\",\n      color = \"primary\",\n      as,\n      className,\n      children,\n      weight,\n      ...props\n    }: TextProps<T>,\n    ref: React.ForwardedRef<HTMLElementByTag[T]>\n  ) => {\n    // Process typography classes with breakpoints\n    const typographyClasses = processVariants(variant);\n\n    // Get color styles\n    const colorClasses = color === \"inherit\" ? \"text-inherit\" : `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={`\n          font-sans antialiased\n          ${typographyClasses}\n          ${colorClasses}\n          ${weight && `!${fontWeight[weight]}`}\n          ${className}\n        `}\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\n\nText.displayName = \"Text\";\n","import * as React from \"react\";\nimport { IconName } from \"@deckai/icons\";\nimport { cn } from \"../utils\";\nimport { Icon } from \"./Icon\";\nimport { Text } from \"./Text\";\n\nexport type BadgeProps = {\n  variant?: \"pink\" | \"orange\" | \"green\" | \"purple\";\n  iconName?: IconName;\n} & React.HTMLAttributes<HTMLSpanElement>;\n\nconst variants = {\n  pink: \"bg-tertiary-5\",\n  orange: \"bg-tertiary-15\",\n  green: \"bg-tertiary-25\",\n  purple: \"bg-secondary-300\"\n};\n\nconst stringToVariant = (str: string): keyof typeof variants => {\n  const variantKeys = Object.keys(variants) as Array<keyof typeof variants>;\n  // Let's log some values to understand what's happening\n  const hash = str\n    .split(\"\")\n    .reduce((acc, char) => char.charCodeAt(0) + ((acc << 5) - acc), 0);\n\n  const index = Math.abs(hash) % variantKeys.length;\n  const selectedVariant = variantKeys[index];\n\n  console.log({\n    input: str,\n    hash,\n    variantKeys,\n    index,\n    selectedVariant\n  });\n\n  return selectedVariant;\n};\n\nexport const Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  ({ className, variant, iconName, children, ...props }, ref) => {\n    const finalVariant =\n      variant ||\n      (typeof children === \"string\" ? stringToVariant(children) : \"pink\");\n    return (\n      <span\n        ref={ref}\n        className={cn(\n          \"inline-flex items-center gap-2\",\n          \"rounded px-2 py-1.5\",\n          \"text-sm font-medium\",\n          variants[finalVariant],\n          className\n        )}\n        {...props}\n      >\n        {iconName && <Icon size={16} name={iconName} />}\n        <Text variant=\"body-xxs-semibold\" className=\"mt-0.5\">\n          {children}\n        </Text>\n      </span>\n    );\n  }\n);\n\nBadge.displayName = \"Badge\";\n","import * as React from \"react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { cn } from \"../utils\";\nimport { useCallback, useState } from \"react\";\n\nexport interface TooltipProps {\n  content: React.ReactNode;\n  children: React.ReactNode;\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  align?: \"start\" | \"center\" | \"end\";\n  className?: string;\n  delayDuration?: number;\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /** Duration in ms for long press on mobile devices */\n  longPressDuration?: number;\n}\n\nexport const Tooltip = ({\n  content,\n  children,\n  side = \"bottom\",\n  align = \"center\",\n  className,\n  delayDuration = 200,\n  defaultOpen,\n  open: controlledOpen,\n  onOpenChange,\n  longPressDuration = 500\n}: TooltipProps) => {\n  const [isOpen, setIsOpen] = useState(defaultOpen || false);\n  let longPressTimer: Timer | null = null;\n\n  const open = controlledOpen ?? isOpen;\n  const handleOpenChange = useCallback(\n    (newOpen: boolean) => {\n      if (!controlledOpen) {\n        setIsOpen(newOpen);\n      }\n      onOpenChange?.(newOpen);\n    },\n    [controlledOpen, onOpenChange]\n  );\n\n  const handleTouchStart = useCallback(() => {\n    const timer = setTimeout(() => {\n      handleOpenChange(true);\n    }, longPressDuration);\n    longPressTimer = timer;\n  }, [handleOpenChange, longPressDuration]);\n\n  const handleTouchEnd = useCallback(() => {\n    if (longPressTimer) {\n      clearTimeout(longPressTimer);\n      longPressTimer = null;\n    }\n    // Keep tooltip open for a brief moment after touch\n    setTimeout(() => handleOpenChange(false), 1500);\n  }, [longPressTimer, handleOpenChange]);\n\n  return (\n    <TooltipPrimitive.Provider delayDuration={delayDuration}>\n      <TooltipPrimitive.Root open={open} onOpenChange={handleOpenChange}>\n        <TooltipPrimitive.Trigger asChild>\n          <span\n            tabIndex={0}\n            onTouchStart={handleTouchStart}\n            onTouchEnd={handleTouchEnd}\n            onTouchCancel={handleTouchEnd}\n          >\n            {children}\n          </span>\n        </TooltipPrimitive.Trigger>\n        <TooltipPrimitive.Portal>\n          <TooltipPrimitive.Content\n            side={side}\n            align={align}\n            sideOffset={4}\n            className={cn(\n              \"z-50 overflow-hidden rounded-lg\",\n              \"bg-black px-3 py-1.5\",\n              \"text-xs text-white\",\n              \"animate-in fade-in-0 zoom-in-95\",\n              \"data-[state=closed]:animate-out data-[state=closed]:fade-out-0\",\n              \"data-[side=bottom]:slide-in-from-top-2\",\n              \"data-[side=top]:slide-in-from-bottom-2\",\n              \"select-none\",\n              \"max-w-60\",\n              \"touch-none\", // Prevent touch events from interfering with scrolling\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};\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-primary-100\";\nexport const focusRingWithinStyles =\n  \"focus-within:outline-none focus-within:ring-2 focus-within:ring-primary-100\";\nexport const focusRingStylesCoerced = \"ring-2 ring-primary-100\";\n","import React, { ButtonHTMLAttributes } from \"react\";\nimport { focusRingStyles } from \"../utils/tailwind\";\nimport { cn } from \"../utils\";\n\nexport type PressableProps = ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const Pressable = React.forwardRef<HTMLButtonElement, PressableProps>(\n  ({ children, type = \"button\", className, disabled, ...props }, ref) => (\n    <button\n      ref={ref}\n      type={type}\n      disabled={disabled}\n      className={cn(\n        \"appearance-none hover:opacity-80 transition-all active:scale-95\",\n        focusRingStyles,\n        disabled && \"opacity-50 cursor-not-allowed\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  )\n);\n\nPressable.displayName = \"Pressable\";\n","import React, { useState, useCallback, HTMLAttributes } from \"react\";\nimport { Text } from \"./Text\";\nimport { Pressable, PressableProps } from \"./Pressable\";\nimport { cn } from \"../utils\";\nimport { Icon } from \"./Icon\";\n\nexport type TagProps = {\n  children: React.ReactNode;\n  padded?: boolean;\n  color?: \"primary\" | \"text\";\n  onClose?: () => void;\n} & HTMLAttributes<HTMLDivElement> &\n  PressableProps;\n\nexport const Tag = ({\n  children,\n  color = \"primary\",\n  className,\n  onClose,\n  ...pressableProps\n}: TagProps) => {\n  const [isHovered, setIsHovered] = useState(false);\n\n  const handleMouseEnter = useCallback(() => {\n    setIsHovered(true);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setIsHovered(false);\n  }, []);\n\n  const content = (\n    <div\n      className={cn(\n        \"flex gap-2\",\n        onClose\n          ? \"justify-between items-center\"\n          : \"items-center justify-center\",\n        \"hover:bg-primary-100 rounded bg-secondary-400 px-2 py-1 sm:px-3 sm:py-1.5 h-min hover:text-white\",\n        color === \"primary\" ? \"text-primary-100\" : \"text-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, { useId, useMemo } from \"react\";\nimport { Badge, BadgeProps } from \"./Badge\";\nimport { Icon } from \"./Icon\";\nimport { Text } from \"./Text\";\nimport { Tooltip } from \"./Tooltip\";\nimport { Tag } from \"./Tag\";\n\nexport type ProfileCardProps = {\n  profileImage: string;\n  name: string;\n  location: string;\n  memberSince?: string;\n  interests?: string[];\n  badges?: BadgeProps[];\n  isEditMode?: boolean;\n  onEditClick?: () => void;\n};\n\nconst MAX_INTERESTS = 4;\nconst MAX_BADGES = 3;\n\nexport const ProfileCard = ({\n  profileImage,\n  name,\n  location,\n  memberSince,\n  interests,\n  badges,\n  isEditMode = false\n}: ProfileCardProps) => {\n  const randomId = useId();\n\n  const visibleInterests = useMemo(\n    () => interests?.slice(0, MAX_INTERESTS) || [],\n    [interests]\n  );\n\n  const visibleBadges = useMemo(\n    () => badges?.slice(0, MAX_BADGES) || [],\n    [badges]\n  );\n\n  const hasMoreInterests = interests && interests.length > MAX_INTERESTS;\n  const hasMoreBadges = badges && badges.length > MAX_BADGES;\n  const remainingInterests = interests ? interests.length - MAX_INTERESTS : 0;\n  const remainingBadges = badges ? badges.length - MAX_BADGES : 0;\n\n  return (\n    <div className=\"lg:p-10 md:p-8 p-4 rounded-xl border border-stroke relative flex gap-6 md:flex-row flex-col\">\n      <div className=\"flex md:flex-row flex-col gap-6\">\n        <div className=\"flex flex-col gap-4 md:items-start items-center\">\n          <div className=\"flex items-center justify-center w-[164px] h-[164px]\">\n            <img\n              src={profileImage}\n              alt={`Profile for ${name}`}\n              className=\"object-cover rounded-full w-full h-full\"\n            />\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-2\">\n          <Text\n            as=\"h1\"\n            variant={[\"lg:heading-lg\", \"md:heading-md\", \"heading-sm\"]}\n            className=\"text-wrap text-center md:text-left\"\n          >\n            {name}\n          </Text>\n          {badges && (\n            <div className=\"flex gap-2 flex-wrap py-2 sm:justify-start justify-center items-center\">\n              {visibleBadges.map((badge, idx) => (\n                <Badge key={idx} {...badge} />\n              ))}\n              {hasMoreBadges && (\n                <Tooltip\n                  content={badges\n                    .slice(MAX_BADGES)\n                    .map((b) => b.children)\n                    .join(\", \")}\n                >\n                  <Text variant=\"label-default\">+{remainingBadges} more</Text>\n                </Tooltip>\n              )}\n            </div>\n          )}\n          <div className=\"flex gap-2 items-center sm:justify-start justify-center pt-1\">\n            <Icon name=\"location\" color=\"secondary\" />\n            <Text\n              variant={[\"lg:body-lg\", \"md:body-default\", \"body-xs\"]}\n              color=\"secondary\"\n              className=\"sm:text-left text-center truncate max-w-[300px]\"\n            >\n              {location}\n            </Text>\n          </div>\n          <div className=\"flex gap-2 items-center sm:justify-start justify-center\">\n            <Icon name=\"profile\" color=\"secondary\" />\n            <Text\n              variant={[\"lg:body-lg\", \"md:body-default\", \"body-xs\"]}\n              color=\"secondary\"\n              className=\"sm:text-left text-center truncate max-w-[300px]\"\n            >\n              Member Since{\" \"}\n              <Text\n                as=\"span\"\n                variant={[\n                  \"lg:body-lg-semibold\",\n                  \"md:body-default-bold\",\n                  \"body-xs-bold\"\n                ]}\n              >\n                {memberSince}\n              </Text>\n            </Text>\n          </div>\n          {interests && (\n            <div className=\"flex flex-col gap-2 pt-4\">\n              <Text\n                variant={[\"sm:heading-xs\", \"body-default-bold\"]}\n                className=\"sm:text-left text-center\"\n              >\n                Interests\n              </Text>\n              <div className=\"flex flex-wrap gap-2 sm:justify-start justify-center items-center\">\n                {visibleInterests.map((interest, idx) => (\n                  <Tag key={idx}>{interest}</Tag>\n                ))}\n                {hasMoreInterests && (\n                  <Tooltip content={interests.slice(MAX_INTERESTS).join(\", \")}>\n                    <Text variant=\"label-default\">\n                      +{remainingInterests} more\n                    </Text>\n                  </Tooltip>\n                )}\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n"]}

package/dist/components/ProfileCard.js

@@ -1,8 +1,8 @@
-import*as a from'react';import a__default,{useId,useMemo,useState,useCallback}from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {IconMap}from'@deckai/icons';import*as m from'@radix-ui/react-tooltip';function y(...e){return twMerge(clsx(e))}var I={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB",disabled:"#888888",danger:"#FF0000"},D={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},F=e=>{if(!e)return {width:"24px",height:"24px"};let s=Array.isArray(e)?e:[e],n={},o;return s.forEach(t=>{if(typeof t=="number")o=`${t}px`;else {let[r,i]=t.split(":"),p=parseInt(i,10);n[`@media (min-width: ${D[r]})`]=`${p}px`;}}),{width:o||"24px",height:o||"24px",...Object.entries(n).reduce((t,[r,i])=>({...t,[r]:{width:i,height:i}}),{})}},g=a__default.forwardRef(({name:e,size:s=24,color:n="primary",title:o,className:t,style:r={},...i},p)=>{let f=IconMap[e],c=F(s);return a__default.createElement("div",{className:y("flex justify-center items-center",t),style:{...c,"--icon-stroke":I[n],...r}},a__default.createElement(f,{ref:p,"aria-hidden":!o,"aria-label":o,stroke:e.includes("filled")?void 0:I[n],...i}))});g.displayName="Icon";var W={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},q=e=>{let[s,n]=e.split("-");return s==="heading"?W[n]||"p":s==="label"?"label":"p"},Q={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},X=e=>e?(Array.isArray(e)?e:[e]).map(n=>{if(n.includes(":")){let[o,t]=n.split(":");return `${o}:text-${t}`}return `text-${n}`}).join(" "):"text-body-default",l=a__default.forwardRef(({variant:e="body-default",color:s="primary",as:n,className:o,children:t,weight:r,...i},p)=>{let f=X(e),c=s==="inherit"?"text-inherit":`text-${s}`,b=a__default.useMemo(()=>{let u=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return q(u)},[e]);return a__default.createElement(n||b,{ref:p,className:`
+import*as i from'react';import i__default,{useId,useMemo,useState,useCallback}from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {IconMap}from'@deckai/icons';import*as m from'@radix-ui/react-tooltip';function y(...e){return twMerge(clsx(e))}var R={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB",disabled:"#888888",danger:"#FF0000"},D={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},F=e=>{if(!e)return {width:"24px",height:"24px"};let s=Array.isArray(e)?e:[e],n={},o;return s.forEach(t=>{if(typeof t=="number")o=`${t}px`;else {let[r,a]=t.split(":"),p=parseInt(a,10);n[`@media (min-width: ${D[r]})`]=`${p}px`;}}),{width:o||"24px",height:o||"24px",...Object.entries(n).reduce((t,[r,a])=>({...t,[r]:{width:a,height:a}}),{})}},u=i__default.forwardRef(({name:e,size:s=24,color:n="primary",title:o,className:t,style:r={},...a},p)=>{let f=IconMap[e],c=F(s);return i__default.createElement("div",{className:y("flex justify-center items-center",t),style:{...c,"--icon-stroke":R[n],...r}},i__default.createElement(f,{ref:p,"aria-hidden":!o,"aria-label":o,stroke:e.includes("filled")?void 0:R[n],...a}))});u.displayName="Icon";var W={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},q=e=>{let[s,n]=e.split("-");return s==="heading"?W[n]||"p":s==="label"?"label":"p"},Q={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},X=e=>e?(Array.isArray(e)?e:[e]).map(n=>{if(n.includes(":")){let[o,t]=n.split(":");return `${o}:text-${t}`}return `text-${n}`}).join(" "):"text-body-default",l=i__default.forwardRef(({variant:e="body-default",color:s="primary",as:n,className:o,children:t,weight:r,...a},p)=>{let f=X(e),c=s==="inherit"?"text-inherit":`text-${s}`,h=i__default.useMemo(()=>{let g=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return q(g)},[e]);return i__default.createElement(n||h,{ref:p,className:`
           font-sans antialiased
           ${f}
           ${c}
           ${r&&`!${Q[r]}`}
           ${o}
-        `,...i},t)});l.displayName="Text";var w={pink:"bg-tertiary-5",orange:"bg-tertiary-15",green:"bg-tertiary-25",purple:"bg-secondary-300"},J=e=>{let s=Object.keys(w),n=e.split("").reduce((r,i)=>i.charCodeAt(0)+((r<<5)-r),0),o=Math.abs(n)%s.length,t=s[o];return console.log({input:e,hash:n,variantKeys:s,index:o,selectedVariant:t}),t},$=a.forwardRef(({className:e,variant:s,iconName:n,children:o,...t},r)=>{let i=s||(typeof o=="string"?J(o):"pink");return a.createElement("span",{ref:r,className:y("inline-flex items-center gap-2","rounded px-2 py-1.5","text-sm font-medium",w[i],e),...t},n&&a.createElement(g,{size:16,name:n}),a.createElement(l,{variant:"body-xxs-semibold",className:"mt-0.5"},o))});$.displayName="Badge";var k=({content:e,children:s,side:n="bottom",align:o="center",className:t,delayDuration:r=200,defaultOpen:i,open:p,onOpenChange:f,longPressDuration:c=500})=>{let[b,v]=useState(i||!1),u=null,P=p??b,d=useCallback(A=>{p||v(A),f?.(A);},[p,f]),h=useCallback(()=>{u=setTimeout(()=>{d(!0);},c);},[d,c]),R=useCallback(()=>{u&&(clearTimeout(u),u=null),setTimeout(()=>d(!1),1500);},[u,d]);return a.createElement(m.Provider,{delayDuration:r},a.createElement(m.Root,{open:P,onOpenChange:d},a.createElement(m.Trigger,{asChild:!0},a.createElement("span",{tabIndex:0,onTouchStart:h,onTouchEnd:R,onTouchCancel:R},s)),a.createElement(m.Portal,null,a.createElement(m.Content,{side:n,align:o,sideOffset:4,className:y("z-50 overflow-hidden rounded-lg","bg-black px-3 py-1.5","text-xs text-white","animate-in fade-in-0 zoom-in-95","data-[state=closed]:animate-out data-[state=closed]:fade-out-0","data-[side=bottom]:slide-in-from-top-2","data-[side=top]:slide-in-from-bottom-2","select-none","max-w-60","touch-none",t)},e,a.createElement(m.Arrow,{className:"fill-text-primary",width:10,height:5})))))};var B="focus-visible:outline-none focus-visible:border-2 focus-visible:border-primary-100";var H=a__default.forwardRef(({children:e,type:s="button",className:n,disabled:o,...t},r)=>a__default.createElement("button",{ref:r,type:s,disabled:o,className:y("appearance-none hover:opacity-80 transition-all active:scale-95",B,o&&"opacity-50 cursor-not-allowed",n),...t},e));H.displayName="Pressable";var O=({children:e,color:s="primary",className:n,onClose:o,...t})=>{let[r,i]=useState(!1),p=useCallback(()=>{i(!0);},[]),f=useCallback(()=>{i(!1);},[]),c=a__default.createElement("div",{className:y("flex gap-2",o?"justify-between items-center":"items-center justify-center","hover:bg-primary-100 rounded bg-secondary-400 px-2 py-1 sm:px-3 sm:py-1.5 h-min hover:text-white",s==="primary"?"text-primary-100":"text-primary",n),onMouseEnter:p,onMouseLeave:f},typeof e=="string"?a__default.createElement(l,{color:"inherit",variant:["md:body-default-medium","body-xxs-medium"],className:"truncate pt-0.5"},e):e,o&&a__default.createElement(H,{...t,onClick:o,className:"flex items-center justify-center"},a__default.createElement(g,{name:"close",size:10,color:r?"white":"primaryBlue"})));return o?c:a__default.createElement(H,{...t},c)};var E=4,L=3,Oe=({profileImage:e,name:s,location:n,memberSince:o,interests:t,badges:r,isEditMode:i=!1})=>{useId();let f=useMemo(()=>t?.slice(0,E)||[],[t]),c=useMemo(()=>r?.slice(0,L)||[],[r]),b=t&&t.length>E,v=r&&r.length>L,u=t?t.length-E:0,P=r?r.length-L:0;return a__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"},a__default.createElement("div",{className:"flex md:flex-row flex-col gap-6"},a__default.createElement("div",{className:"flex flex-col gap-4 md:items-start items-center"},a__default.createElement("div",{className:"flex items-center justify-center w-[164px] h-[164px]"},a__default.createElement("img",{src:e,alt:`Profile for ${s}`,className:"object-cover rounded-full w-full h-full"}))),a__default.createElement("div",{className:"flex flex-col gap-2"},a__default.createElement(l,{as:"h1",variant:["lg:heading-lg","md:heading-md","heading-sm"],className:"text-wrap text-center md:text-left"},s),r&&a__default.createElement("div",{className:"flex gap-2 flex-wrap py-2 sm:justify-start justify-center items-center"},c.map((d,h)=>a__default.createElement($,{key:h,...d})),v&&a__default.createElement(k,{content:r.slice(L).map(d=>d.children).join(", ")},a__default.createElement(l,{variant:"label-default"},"+",P," more"))),a__default.createElement("div",{className:"flex gap-2 items-center sm:justify-start justify-center pt-1"},a__default.createElement(g,{name:"location",color:"secondary"}),a__default.createElement(l,{variant:["lg:body-lg","md:body-default","body-xs"],color:"secondary",className:"sm:text-left text-center truncate max-w-[300px]"},n)),a__default.createElement("div",{className:"flex gap-2 items-center sm:justify-start justify-center"},a__default.createElement(g,{name:"profile",color:"secondary"}),a__default.createElement(l,{variant:["lg:body-lg","md:body-default","body-xs"],color:"secondary",className:"sm:text-left text-center truncate max-w-[300px]"},"Member Since"," ",a__default.createElement(l,{as:"span",variant:["lg:body-lg-semibold","md:body-default-bold","body-xs-bold"]},o))),t&&a__default.createElement("div",{className:"flex flex-col gap-2 pt-4"},a__default.createElement(l,{variant:["sm:heading-xs","body-default-bold"],className:"sm:text-left text-center"},"Interests"),a__default.createElement("div",{className:"flex flex-wrap gap-2 sm:justify-start justify-center items-center"},f.map((d,h)=>a__default.createElement(O,{key:h},d)),b&&a__default.createElement(k,{content:t.slice(E).join(", ")},a__default.createElement(l,{variant:"label-default"},"+",u," more")))))))};export{Oe as ProfileCard};//# sourceMappingURL=ProfileCard.js.map
+        `,...a},t)});l.displayName="Text";var I={pink:"bg-tertiary-5",orange:"bg-tertiary-15",green:"bg-tertiary-25",purple:"bg-secondary-300"},J=e=>{let s=Object.keys(I),n=e.split("").reduce((r,a)=>a.charCodeAt(0)+((r<<5)-r),0),o=Math.abs(n)%s.length,t=s[o];return console.log({input:e,hash:n,variantKeys:s,index:o,selectedVariant:t}),t},$=i.forwardRef(({className:e,variant:s,iconName:n,children:o,...t},r)=>{let a=s||(typeof o=="string"?J(o):"pink");return i.createElement("span",{ref:r,className:y("inline-flex items-center gap-2","rounded px-2 py-1.5","text-sm font-medium",I[a],e),...t},n&&i.createElement(u,{size:16,name:n}),i.createElement(l,{variant:"body-xxs-semibold",className:"mt-0.5"},o))});$.displayName="Badge";var k=({content:e,children:s,side:n="bottom",align:o="center",className:t,delayDuration:r=200,defaultOpen:a,open:p,onOpenChange:f,longPressDuration:c=500})=>{let[h,v]=useState(a||!1),g=null,P=p??h,d=useCallback(A=>{p||v(A),f?.(A);},[p,f]),b=useCallback(()=>{g=setTimeout(()=>{d(!0);},c);},[d,c]),w=useCallback(()=>{g&&(clearTimeout(g),g=null),setTimeout(()=>d(!1),1500);},[g,d]);return i.createElement(m.Provider,{delayDuration:r},i.createElement(m.Root,{open:P,onOpenChange:d},i.createElement(m.Trigger,{asChild:!0},i.createElement("span",{tabIndex:0,onTouchStart:b,onTouchEnd:w,onTouchCancel:w},s)),i.createElement(m.Portal,null,i.createElement(m.Content,{side:n,align:o,sideOffset:4,className:y("z-50 overflow-hidden rounded-lg","bg-black px-3 py-1.5","text-xs text-white","animate-in fade-in-0 zoom-in-95","data-[state=closed]:animate-out data-[state=closed]:fade-out-0","data-[side=bottom]:slide-in-from-top-2","data-[side=top]:slide-in-from-bottom-2","select-none","max-w-60","touch-none",t)},e,i.createElement(m.Arrow,{className:"fill-text-primary",width:10,height:5})))))};var B="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-100";var H=i__default.forwardRef(({children:e,type:s="button",className:n,disabled:o,...t},r)=>i__default.createElement("button",{ref:r,type:s,disabled:o,className:y("appearance-none hover:opacity-80 transition-all active:scale-95",B,o&&"opacity-50 cursor-not-allowed",n),...t},e));H.displayName="Pressable";var O=({children:e,color:s="primary",className:n,onClose:o,...t})=>{let[r,a]=useState(!1),p=useCallback(()=>{a(!0);},[]),f=useCallback(()=>{a(!1);},[]),c=i__default.createElement("div",{className:y("flex gap-2",o?"justify-between items-center":"items-center justify-center","hover:bg-primary-100 rounded bg-secondary-400 px-2 py-1 sm:px-3 sm:py-1.5 h-min hover:text-white",s==="primary"?"text-primary-100":"text-primary",n),onMouseEnter:p,onMouseLeave:f},typeof e=="string"?i__default.createElement(l,{color:"inherit",variant:["md:body-default-medium","body-xxs-medium"],className:"truncate pt-0.5"},e):e,o&&i__default.createElement(H,{...t,onClick:o,className:"flex items-center justify-center"},i__default.createElement(u,{name:"close",size:10,color:r?"white":"primaryBlue"})));return o?c:i__default.createElement(H,{...t},c)};var E=4,L=3,Oe=({profileImage:e,name:s,location:n,memberSince:o,interests:t,badges:r,isEditMode:a=!1})=>{useId();let f=useMemo(()=>t?.slice(0,E)||[],[t]),c=useMemo(()=>r?.slice(0,L)||[],[r]),h=t&&t.length>E,v=r&&r.length>L,g=t?t.length-E:0,P=r?r.length-L:0;return i__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"},i__default.createElement("div",{className:"flex md:flex-row flex-col gap-6"},i__default.createElement("div",{className:"flex flex-col gap-4 md:items-start items-center"},i__default.createElement("div",{className:"flex items-center justify-center w-[164px] h-[164px]"},i__default.createElement("img",{src:e,alt:`Profile for ${s}`,className:"object-cover rounded-full w-full h-full"}))),i__default.createElement("div",{className:"flex flex-col gap-2"},i__default.createElement(l,{as:"h1",variant:["lg:heading-lg","md:heading-md","heading-sm"],className:"text-wrap text-center md:text-left"},s),r&&i__default.createElement("div",{className:"flex gap-2 flex-wrap py-2 sm:justify-start justify-center items-center"},c.map((d,b)=>i__default.createElement($,{key:b,...d})),v&&i__default.createElement(k,{content:r.slice(L).map(d=>d.children).join(", ")},i__default.createElement(l,{variant:"label-default"},"+",P," more"))),i__default.createElement("div",{className:"flex gap-2 items-center sm:justify-start justify-center pt-1"},i__default.createElement(u,{name:"location",color:"secondary"}),i__default.createElement(l,{variant:["lg:body-lg","md:body-default","body-xs"],color:"secondary",className:"sm:text-left text-center truncate max-w-[300px]"},n)),i__default.createElement("div",{className:"flex gap-2 items-center sm:justify-start justify-center"},i__default.createElement(u,{name:"profile",color:"secondary"}),i__default.createElement(l,{variant:["lg:body-lg","md:body-default","body-xs"],color:"secondary",className:"sm:text-left text-center truncate max-w-[300px]"},"Member Since"," ",i__default.createElement(l,{as:"span",variant:["lg:body-lg-semibold","md:body-default-bold","body-xs-bold"]},o))),t&&i__default.createElement("div",{className:"flex flex-col gap-2 pt-4"},i__default.createElement(l,{variant:["sm:heading-xs","body-default-bold"],className:"sm:text-left text-center"},"Interests"),i__default.createElement("div",{className:"flex flex-wrap gap-2 sm:justify-start justify-center items-center"},f.map((d,b)=>i__default.createElement(O,{key:b},d)),h&&i__default.createElement(k,{content:t.slice(E).join(", ")},i__default.createElement(l,{variant:"label-default"},"+",g," more")))))))};export{Oe 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/Tooltip.tsx","../../src/utils/tailwind.ts","../../src/components/Pressable.tsx","../../src/components/Tag.tsx","../../src/components/ProfileCard.tsx"],"names":["cn","inputs","twMerge","clsx","COLOR_MAP","BREAKPOINT_MAP","processSizes","sizes","sizeArray","mediaQueries","baseSize","size","breakpoint","valueStr","value","acc","query","Icon","React","name","color","title","className","style","props","ref","IconComponent","IconMap","sizeStyles","HEADING_ELEMENT_MAP","getElementFromVariant","variant","category","fontWeight","processVariants","variants","typographyClass","Text","as","children","weight","typographyClasses","colorClasses","suggestedElement","baseVariant","stringToVariant","str","variantKeys","hash","char","index","selectedVariant","Badge","x","iconName","finalVariant","Tooltip","content","side","align","delayDuration","defaultOpen","controlledOpen","onOpenChange","longPressDuration","isOpen","setIsOpen","useState","longPressTimer","open","handleOpenChange","useCallback","newOpen","handleTouchStart","handleTouchEnd","T","focusRingStyles","Pressable","type","disabled","Tag","onClose","pressableProps","isHovered","setIsHovered","handleMouseEnter","handleMouseLeave","MAX_INTERESTS","MAX_BADGES","ProfileCard","profileImage","location","memberSince","interests","badges","isEditMode","useId","visibleInterests","useMemo","visibleBadges","hasMoreInterests","hasMoreBadges","remainingInterests","remainingBadges","badge","idx","b","interest"],"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  disabled: \"#888888\",\n  danger: \"#FF0000\"\n};\n\nconst BREAKPOINT_MAP: Record<Breakpoint, string> = {\n  sm: \"640px\",\n  md: \"768px\",\n  lg: \"1024px\",\n  xl: \"1280px\",\n  \"2xl\": \"1536px\"\n};\n\nconst processSizes = (\n  sizes: ResponsiveSize | ResponsiveSize[] | undefined\n): React.CSSProperties => {\n  if (!sizes) return { width: \"24px\", height: \"24px\" };\n\n  const sizeArray = Array.isArray(sizes) ? sizes : [sizes];\n  const mediaQueries: Record<string, string> = {};\n  let baseSize: string | undefined;\n\n  // Process each size\n  sizeArray.forEach((size) => {\n    if (typeof size === \"number\") {\n      baseSize = `${size}px`;\n    } else {\n      const [breakpoint, valueStr] = size.split(\":\") as [Breakpoint, string];\n      const value = parseInt(valueStr, 10);\n      mediaQueries[`@media (min-width: ${BREAKPOINT_MAP[breakpoint]})`] =\n        `${value}px`;\n    }\n  });\n\n  // Create the style object with the correct structure\n  return {\n    width: baseSize || \"24px\",\n    height: baseSize || \"24px\",\n    ...Object.entries(mediaQueries).reduce(\n      (acc, [query, size]) => ({\n        ...acc,\n        [query]: {\n          width: size,\n          height: size\n        }\n      }),\n      {}\n    )\n  };\n};\n\nexport const Icon = React.forwardRef<SVGSVGElement, IconProps>(\n  (\n    {\n      name,\n      size = 24,\n      color = \"primary\",\n      title,\n      className,\n      style = {},\n      ...props\n    },\n    ref\n  ) => {\n    const IconComponent = IconMap[name];\n    const sizeStyles = processSizes(size);\n\n    return (\n      <div\n        className={cn(\"flex justify-center items-center\", className)}\n        style={{\n          ...sizeStyles,\n          [\"--icon-stroke\" as string]: COLOR_MAP[color],\n          ...style\n        }}\n      >\n        <IconComponent\n          ref={ref}\n          aria-hidden={!title}\n          aria-label={title}\n          stroke={name.includes(\"filled\") ? undefined : COLOR_MAP[color]}\n          {...props}\n        />\n      </div>\n    );\n  }\n);\n\nIcon.displayName = \"Icon\";\n","import React from \"react\";\nimport { Typography } from \"../types/tailwind\";\n\ntype TextElement =\n  | \"p\"\n  | \"span\"\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\"\n  | \"strong\"\n  | \"em\"\n  | \"blockquote\"\n  | \"pre\"\n  | \"code\"\n  | \"small\"\n  | \"label\"\n  | \"a\";\n\n// HTML element mapping type\ntype HTMLElementByTag = {\n  p: HTMLParagraphElement;\n  span: HTMLSpanElement;\n  h1: HTMLHeadingElement;\n  h2: HTMLHeadingElement;\n  h3: HTMLHeadingElement;\n  h4: HTMLHeadingElement;\n  h5: HTMLHeadingElement;\n  h6: HTMLHeadingElement;\n  strong: HTMLElement;\n  em: HTMLElement;\n  blockquote: HTMLQuoteElement;\n  pre: HTMLPreElement;\n  code: HTMLElement;\n  small: HTMLElement;\n  label: HTMLLabelElement;\n  a: HTMLAnchorElement;\n};\n\n// HTML props mapping type\ntype HTMLPropsMap = {\n  p: React.HTMLAttributes<HTMLParagraphElement>;\n  span: React.HTMLAttributes<HTMLSpanElement>;\n  h1: React.HTMLAttributes<HTMLHeadingElement>;\n  h2: React.HTMLAttributes<HTMLHeadingElement>;\n  h3: React.HTMLAttributes<HTMLHeadingElement>;\n  h4: React.HTMLAttributes<HTMLHeadingElement>;\n  h5: React.HTMLAttributes<HTMLHeadingElement>;\n  h6: React.HTMLAttributes<HTMLHeadingElement>;\n  strong: React.HTMLAttributes<HTMLElement>;\n  em: React.HTMLAttributes<HTMLElement>;\n  blockquote: React.HTMLAttributes<HTMLQuoteElement>;\n  pre: React.HTMLAttributes<HTMLPreElement>;\n  code: React.HTMLAttributes<HTMLElement>;\n  small: React.HTMLAttributes<HTMLElement>;\n  label: React.LabelHTMLAttributes<HTMLLabelElement>;\n  a: Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, \"color\">;\n};\n\ntype TextColor =\n  | \"primary\"\n  | \"secondary\"\n  | \"white\"\n  | \"primary-blue\"\n  | \"disabled\"\n  | \"danger\"\n  | \"inherit\"\n  | \"primary-100\";\n\nconst HEADING_ELEMENT_MAP: Record<string, TextElement> = {\n  xl: \"h1\",\n  lg: \"h1\",\n  md: \"h2\",\n  sm: \"h3\",\n  xs: \"h4\"\n};\n\nconst getElementFromVariant = (variant: TypographyKey): TextElement => {\n  const [category, size] = variant.split(\"-\");\n\n  if (category === \"heading\") {\n    return HEADING_ELEMENT_MAP[size] || \"p\";\n  }\n\n  if (category === \"label\") {\n    return \"label\";\n  }\n\n  return \"p\";\n};\n\ntype Weight = \"light\" | \"regular\" | \"semibold\" | \"bold\";\n\nconst fontWeight: Record<Weight, string> = {\n  light: \"font-light\",\n  regular: \"font-regular\",\n  semibold: \"font-semibold\",\n  bold: \"font-bold\"\n};\n\n// Add breakpoint types\ntype Breakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\ntype ResponsiveVariant = TypographyKey | `${Breakpoint}:${TypographyKey}`;\n\ntype TypographyCategory = keyof Typography;\ntype TypographyValue<T extends TypographyCategory> = Extract<\n  keyof Typography[T],\n  string | number | bigint | boolean | null | undefined\n>;\ntype TypographyKey = {\n  [T in TypographyCategory]: `${T}-${TypographyValue<T>}`;\n}[TypographyCategory];\n\n// Update TextProps to use ResponsiveVariant\nexport type TextProps<T extends TextElement = \"p\"> = {\n  variant?: ResponsiveVariant | ResponsiveVariant[];\n  color?: TextColor;\n  as?: T;\n  className?: string;\n  children: React.ReactNode;\n  weight?: Weight;\n} & HTMLPropsMap[T];\n\n// Add helper function to process variants\nconst processVariants = (\n  variants: ResponsiveVariant | ResponsiveVariant[] | undefined\n): string => {\n  if (!variants) return \"text-body-default\";\n\n  const variantArray = Array.isArray(variants) ? variants : [variants];\n\n  return variantArray\n    .map((variant) => {\n      if (variant.includes(\":\")) {\n        const [breakpoint, typographyClass] = variant.split(\":\");\n        return `${breakpoint}:text-${typographyClass}`;\n      }\n      return `text-${variant}`;\n    })\n    .join(\" \");\n};\n\nexport const Text = React.forwardRef(\n  <T extends TextElement = \"p\">(\n    {\n      variant = \"body-default\",\n      color = \"primary\",\n      as,\n      className,\n      children,\n      weight,\n      ...props\n    }: TextProps<T>,\n    ref: React.ForwardedRef<HTMLElementByTag[T]>\n  ) => {\n    // Process typography classes with breakpoints\n    const typographyClasses = processVariants(variant);\n\n    // Get color styles\n    const colorClasses = color === \"inherit\" ? \"text-inherit\" : `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={`\n          font-sans antialiased\n          ${typographyClasses}\n          ${colorClasses}\n          ${weight && `!${fontWeight[weight]}`}\n          ${className}\n        `}\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\n\nText.displayName = \"Text\";\n","import * as React from \"react\";\nimport { IconName } from \"@deckai/icons\";\nimport { cn } from \"../utils\";\nimport { Icon } from \"./Icon\";\nimport { Text } from \"./Text\";\n\nexport type BadgeProps = {\n  variant?: \"pink\" | \"orange\" | \"green\" | \"purple\";\n  iconName?: IconName;\n} & React.HTMLAttributes<HTMLSpanElement>;\n\nconst variants = {\n  pink: \"bg-tertiary-5\",\n  orange: \"bg-tertiary-15\",\n  green: \"bg-tertiary-25\",\n  purple: \"bg-secondary-300\"\n};\n\nconst stringToVariant = (str: string): keyof typeof variants => {\n  const variantKeys = Object.keys(variants) as Array<keyof typeof variants>;\n  // Let's log some values to understand what's happening\n  const hash = str\n    .split(\"\")\n    .reduce((acc, char) => char.charCodeAt(0) + ((acc << 5) - acc), 0);\n\n  const index = Math.abs(hash) % variantKeys.length;\n  const selectedVariant = variantKeys[index];\n\n  console.log({\n    input: str,\n    hash,\n    variantKeys,\n    index,\n    selectedVariant\n  });\n\n  return selectedVariant;\n};\n\nexport const Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  ({ className, variant, iconName, children, ...props }, ref) => {\n    const finalVariant =\n      variant ||\n      (typeof children === \"string\" ? stringToVariant(children) : \"pink\");\n    return (\n      <span\n        ref={ref}\n        className={cn(\n          \"inline-flex items-center gap-2\",\n          \"rounded px-2 py-1.5\",\n          \"text-sm font-medium\",\n          variants[finalVariant],\n          className\n        )}\n        {...props}\n      >\n        {iconName && <Icon size={16} name={iconName} />}\n        <Text variant=\"body-xxs-semibold\" className=\"mt-0.5\">\n          {children}\n        </Text>\n      </span>\n    );\n  }\n);\n\nBadge.displayName = \"Badge\";\n","import * as React from \"react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { cn } from \"../utils\";\nimport { useCallback, useState } from \"react\";\n\nexport interface TooltipProps {\n  content: React.ReactNode;\n  children: React.ReactNode;\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  align?: \"start\" | \"center\" | \"end\";\n  className?: string;\n  delayDuration?: number;\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /** Duration in ms for long press on mobile devices */\n  longPressDuration?: number;\n}\n\nexport const Tooltip = ({\n  content,\n  children,\n  side = \"bottom\",\n  align = \"center\",\n  className,\n  delayDuration = 200,\n  defaultOpen,\n  open: controlledOpen,\n  onOpenChange,\n  longPressDuration = 500\n}: TooltipProps) => {\n  const [isOpen, setIsOpen] = useState(defaultOpen || false);\n  let longPressTimer: Timer | null = null;\n\n  const open = controlledOpen ?? isOpen;\n  const handleOpenChange = useCallback(\n    (newOpen: boolean) => {\n      if (!controlledOpen) {\n        setIsOpen(newOpen);\n      }\n      onOpenChange?.(newOpen);\n    },\n    [controlledOpen, onOpenChange]\n  );\n\n  const handleTouchStart = useCallback(() => {\n    const timer = setTimeout(() => {\n      handleOpenChange(true);\n    }, longPressDuration);\n    longPressTimer = timer;\n  }, [handleOpenChange, longPressDuration]);\n\n  const handleTouchEnd = useCallback(() => {\n    if (longPressTimer) {\n      clearTimeout(longPressTimer);\n      longPressTimer = null;\n    }\n    // Keep tooltip open for a brief moment after touch\n    setTimeout(() => handleOpenChange(false), 1500);\n  }, [longPressTimer, handleOpenChange]);\n\n  return (\n    <TooltipPrimitive.Provider delayDuration={delayDuration}>\n      <TooltipPrimitive.Root open={open} onOpenChange={handleOpenChange}>\n        <TooltipPrimitive.Trigger asChild>\n          <span\n            tabIndex={0}\n            onTouchStart={handleTouchStart}\n            onTouchEnd={handleTouchEnd}\n            onTouchCancel={handleTouchEnd}\n          >\n            {children}\n          </span>\n        </TooltipPrimitive.Trigger>\n        <TooltipPrimitive.Portal>\n          <TooltipPrimitive.Content\n            side={side}\n            align={align}\n            sideOffset={4}\n            className={cn(\n              \"z-50 overflow-hidden rounded-lg\",\n              \"bg-black px-3 py-1.5\",\n              \"text-xs text-white\",\n              \"animate-in fade-in-0 zoom-in-95\",\n              \"data-[state=closed]:animate-out data-[state=closed]:fade-out-0\",\n              \"data-[side=bottom]:slide-in-from-top-2\",\n              \"data-[side=top]:slide-in-from-bottom-2\",\n              \"select-none\",\n              \"max-w-60\",\n              \"touch-none\", // Prevent touch events from interfering with scrolling\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};\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:border-2 focus-visible:border-primary-100\";\n\nexport const focusRingStylesCoerced = \"border-2 border-primary-100\";\n","import React, { ButtonHTMLAttributes } from \"react\";\nimport { focusRingStyles } from \"../utils/tailwind\";\nimport { cn } from \"../utils\";\n\nexport type PressableProps = ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const Pressable = React.forwardRef<HTMLButtonElement, PressableProps>(\n  ({ children, type = \"button\", className, disabled, ...props }, ref) => (\n    <button\n      ref={ref}\n      type={type}\n      disabled={disabled}\n      className={cn(\n        \"appearance-none hover:opacity-80 transition-all active:scale-95\",\n        focusRingStyles,\n        disabled && \"opacity-50 cursor-not-allowed\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  )\n);\n\nPressable.displayName = \"Pressable\";\n","import React, { useState, useCallback, HTMLAttributes } from \"react\";\nimport { Text } from \"./Text\";\nimport { Pressable, PressableProps } from \"./Pressable\";\nimport { cn } from \"../utils\";\nimport { Icon } from \"./Icon\";\n\nexport type TagProps = {\n  children: React.ReactNode;\n  padded?: boolean;\n  color?: \"primary\" | \"text\";\n  onClose?: () => void;\n} & HTMLAttributes<HTMLDivElement> &\n  PressableProps;\n\nexport const Tag = ({\n  children,\n  color = \"primary\",\n  className,\n  onClose,\n  ...pressableProps\n}: TagProps) => {\n  const [isHovered, setIsHovered] = useState(false);\n\n  const handleMouseEnter = useCallback(() => {\n    setIsHovered(true);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setIsHovered(false);\n  }, []);\n\n  const content = (\n    <div\n      className={cn(\n        \"flex gap-2\",\n        onClose\n          ? \"justify-between items-center\"\n          : \"items-center justify-center\",\n        \"hover:bg-primary-100 rounded bg-secondary-400 px-2 py-1 sm:px-3 sm:py-1.5 h-min hover:text-white\",\n        color === \"primary\" ? \"text-primary-100\" : \"text-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, { useId, useMemo } from \"react\";\nimport { Badge, BadgeProps } from \"./Badge\";\nimport { Icon } from \"./Icon\";\nimport { Text } from \"./Text\";\nimport { Tooltip } from \"./Tooltip\";\nimport { Tag } from \"./Tag\";\n\nexport type ProfileCardProps = {\n  profileImage: string;\n  name: string;\n  location: string;\n  memberSince?: string;\n  interests?: string[];\n  badges?: BadgeProps[];\n  isEditMode?: boolean;\n  onEditClick?: () => void;\n};\n\nconst MAX_INTERESTS = 4;\nconst MAX_BADGES = 3;\n\nexport const ProfileCard = ({\n  profileImage,\n  name,\n  location,\n  memberSince,\n  interests,\n  badges,\n  isEditMode = false\n}: ProfileCardProps) => {\n  const randomId = useId();\n\n  const visibleInterests = useMemo(\n    () => interests?.slice(0, MAX_INTERESTS) || [],\n    [interests]\n  );\n\n  const visibleBadges = useMemo(\n    () => badges?.slice(0, MAX_BADGES) || [],\n    [badges]\n  );\n\n  const hasMoreInterests = interests && interests.length > MAX_INTERESTS;\n  const hasMoreBadges = badges && badges.length > MAX_BADGES;\n  const remainingInterests = interests ? interests.length - MAX_INTERESTS : 0;\n  const remainingBadges = badges ? badges.length - MAX_BADGES : 0;\n\n  return (\n    <div className=\"lg:p-10 md:p-8 p-4 rounded-xl border border-stroke relative flex gap-6 md:flex-row flex-col\">\n      <div className=\"flex md:flex-row flex-col gap-6\">\n        <div className=\"flex flex-col gap-4 md:items-start items-center\">\n          <div className=\"flex items-center justify-center w-[164px] h-[164px]\">\n            <img\n              src={profileImage}\n              alt={`Profile for ${name}`}\n              className=\"object-cover rounded-full w-full h-full\"\n            />\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-2\">\n          <Text\n            as=\"h1\"\n            variant={[\"lg:heading-lg\", \"md:heading-md\", \"heading-sm\"]}\n            className=\"text-wrap text-center md:text-left\"\n          >\n            {name}\n          </Text>\n          {badges && (\n            <div className=\"flex gap-2 flex-wrap py-2 sm:justify-start justify-center items-center\">\n              {visibleBadges.map((badge, idx) => (\n                <Badge key={idx} {...badge} />\n              ))}\n              {hasMoreBadges && (\n                <Tooltip\n                  content={badges\n                    .slice(MAX_BADGES)\n                    .map((b) => b.children)\n                    .join(\", \")}\n                >\n                  <Text variant=\"label-default\">+{remainingBadges} more</Text>\n                </Tooltip>\n              )}\n            </div>\n          )}\n          <div className=\"flex gap-2 items-center sm:justify-start justify-center pt-1\">\n            <Icon name=\"location\" color=\"secondary\" />\n            <Text\n              variant={[\"lg:body-lg\", \"md:body-default\", \"body-xs\"]}\n              color=\"secondary\"\n              className=\"sm:text-left text-center truncate max-w-[300px]\"\n            >\n              {location}\n            </Text>\n          </div>\n          <div className=\"flex gap-2 items-center sm:justify-start justify-center\">\n            <Icon name=\"profile\" color=\"secondary\" />\n            <Text\n              variant={[\"lg:body-lg\", \"md:body-default\", \"body-xs\"]}\n              color=\"secondary\"\n              className=\"sm:text-left text-center truncate max-w-[300px]\"\n            >\n              Member Since{\" \"}\n              <Text\n                as=\"span\"\n                variant={[\n                  \"lg:body-lg-semibold\",\n                  \"md:body-default-bold\",\n                  \"body-xs-bold\"\n                ]}\n              >\n                {memberSince}\n              </Text>\n            </Text>\n          </div>\n          {interests && (\n            <div className=\"flex flex-col gap-2 pt-4\">\n              <Text\n                variant={[\"sm:heading-xs\", \"body-default-bold\"]}\n                className=\"sm:text-left text-center\"\n              >\n                Interests\n              </Text>\n              <div className=\"flex flex-wrap gap-2 sm:justify-start justify-center items-center\">\n                {visibleInterests.map((interest, idx) => (\n                  <Tag key={idx}>{interest}</Tag>\n                ))}\n                {hasMoreInterests && (\n                  <Tooltip content={interests.slice(MAX_INTERESTS).join(\", \")}>\n                    <Text variant=\"label-default\">\n                      +{remainingInterests} more\n                    </Text>\n                  </Tooltip>\n                )}\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n"]}
+{"version":3,"sources":["../../src/utils/index.ts","../../src/components/Icon.tsx","../../src/components/Text.tsx","../../src/components/Badge.tsx","../../src/components/Tooltip.tsx","../../src/utils/tailwind.ts","../../src/components/Pressable.tsx","../../src/components/Tag.tsx","../../src/components/ProfileCard.tsx"],"names":["cn","inputs","twMerge","clsx","COLOR_MAP","BREAKPOINT_MAP","processSizes","sizes","sizeArray","mediaQueries","baseSize","size","breakpoint","valueStr","value","acc","query","Icon","React","name","color","title","className","style","props","ref","IconComponent","IconMap","sizeStyles","HEADING_ELEMENT_MAP","getElementFromVariant","variant","category","fontWeight","processVariants","variants","typographyClass","Text","as","children","weight","typographyClasses","colorClasses","suggestedElement","baseVariant","stringToVariant","str","variantKeys","hash","char","index","selectedVariant","Badge","x","iconName","finalVariant","Tooltip","content","side","align","delayDuration","defaultOpen","controlledOpen","onOpenChange","longPressDuration","isOpen","setIsOpen","useState","longPressTimer","open","handleOpenChange","useCallback","newOpen","handleTouchStart","handleTouchEnd","T","focusRingStyles","Pressable","type","disabled","Tag","onClose","pressableProps","isHovered","setIsHovered","handleMouseEnter","handleMouseLeave","MAX_INTERESTS","MAX_BADGES","ProfileCard","profileImage","location","memberSince","interests","badges","isEditMode","useId","visibleInterests","useMemo","visibleBadges","hasMoreInterests","hasMoreBadges","remainingInterests","remainingBadges","badge","idx","b","interest"],"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  disabled: \"#888888\",\n  danger: \"#FF0000\"\n};\n\nconst BREAKPOINT_MAP: Record<Breakpoint, string> = {\n  sm: \"640px\",\n  md: \"768px\",\n  lg: \"1024px\",\n  xl: \"1280px\",\n  \"2xl\": \"1536px\"\n};\n\nconst processSizes = (\n  sizes: ResponsiveSize | ResponsiveSize[] | undefined\n): React.CSSProperties => {\n  if (!sizes) return { width: \"24px\", height: \"24px\" };\n\n  const sizeArray = Array.isArray(sizes) ? sizes : [sizes];\n  const mediaQueries: Record<string, string> = {};\n  let baseSize: string | undefined;\n\n  // Process each size\n  sizeArray.forEach((size) => {\n    if (typeof size === \"number\") {\n      baseSize = `${size}px`;\n    } else {\n      const [breakpoint, valueStr] = size.split(\":\") as [Breakpoint, string];\n      const value = parseInt(valueStr, 10);\n      mediaQueries[`@media (min-width: ${BREAKPOINT_MAP[breakpoint]})`] =\n        `${value}px`;\n    }\n  });\n\n  // Create the style object with the correct structure\n  return {\n    width: baseSize || \"24px\",\n    height: baseSize || \"24px\",\n    ...Object.entries(mediaQueries).reduce(\n      (acc, [query, size]) => ({\n        ...acc,\n        [query]: {\n          width: size,\n          height: size\n        }\n      }),\n      {}\n    )\n  };\n};\n\nexport const Icon = React.forwardRef<SVGSVGElement, IconProps>(\n  (\n    {\n      name,\n      size = 24,\n      color = \"primary\",\n      title,\n      className,\n      style = {},\n      ...props\n    },\n    ref\n  ) => {\n    const IconComponent = IconMap[name];\n    const sizeStyles = processSizes(size);\n\n    return (\n      <div\n        className={cn(\"flex justify-center items-center\", className)}\n        style={{\n          ...sizeStyles,\n          [\"--icon-stroke\" as string]: COLOR_MAP[color],\n          ...style\n        }}\n      >\n        <IconComponent\n          ref={ref}\n          aria-hidden={!title}\n          aria-label={title}\n          stroke={name.includes(\"filled\") ? undefined : COLOR_MAP[color]}\n          {...props}\n        />\n      </div>\n    );\n  }\n);\n\nIcon.displayName = \"Icon\";\n","import React from \"react\";\nimport { Typography } from \"../types/tailwind\";\n\ntype TextElement =\n  | \"p\"\n  | \"span\"\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\"\n  | \"strong\"\n  | \"em\"\n  | \"blockquote\"\n  | \"pre\"\n  | \"code\"\n  | \"small\"\n  | \"label\"\n  | \"a\";\n\n// HTML element mapping type\ntype HTMLElementByTag = {\n  p: HTMLParagraphElement;\n  span: HTMLSpanElement;\n  h1: HTMLHeadingElement;\n  h2: HTMLHeadingElement;\n  h3: HTMLHeadingElement;\n  h4: HTMLHeadingElement;\n  h5: HTMLHeadingElement;\n  h6: HTMLHeadingElement;\n  strong: HTMLElement;\n  em: HTMLElement;\n  blockquote: HTMLQuoteElement;\n  pre: HTMLPreElement;\n  code: HTMLElement;\n  small: HTMLElement;\n  label: HTMLLabelElement;\n  a: HTMLAnchorElement;\n};\n\n// HTML props mapping type\ntype HTMLPropsMap = {\n  p: React.HTMLAttributes<HTMLParagraphElement>;\n  span: React.HTMLAttributes<HTMLSpanElement>;\n  h1: React.HTMLAttributes<HTMLHeadingElement>;\n  h2: React.HTMLAttributes<HTMLHeadingElement>;\n  h3: React.HTMLAttributes<HTMLHeadingElement>;\n  h4: React.HTMLAttributes<HTMLHeadingElement>;\n  h5: React.HTMLAttributes<HTMLHeadingElement>;\n  h6: React.HTMLAttributes<HTMLHeadingElement>;\n  strong: React.HTMLAttributes<HTMLElement>;\n  em: React.HTMLAttributes<HTMLElement>;\n  blockquote: React.HTMLAttributes<HTMLQuoteElement>;\n  pre: React.HTMLAttributes<HTMLPreElement>;\n  code: React.HTMLAttributes<HTMLElement>;\n  small: React.HTMLAttributes<HTMLElement>;\n  label: React.LabelHTMLAttributes<HTMLLabelElement>;\n  a: Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, \"color\">;\n};\n\ntype TextColor =\n  | \"primary\"\n  | \"secondary\"\n  | \"white\"\n  | \"primary-blue\"\n  | \"disabled\"\n  | \"danger\"\n  | \"inherit\"\n  | \"primary-100\";\n\nconst HEADING_ELEMENT_MAP: Record<string, TextElement> = {\n  xl: \"h1\",\n  lg: \"h1\",\n  md: \"h2\",\n  sm: \"h3\",\n  xs: \"h4\"\n};\n\nconst getElementFromVariant = (variant: TypographyKey): TextElement => {\n  const [category, size] = variant.split(\"-\");\n\n  if (category === \"heading\") {\n    return HEADING_ELEMENT_MAP[size] || \"p\";\n  }\n\n  if (category === \"label\") {\n    return \"label\";\n  }\n\n  return \"p\";\n};\n\ntype Weight = \"light\" | \"regular\" | \"semibold\" | \"bold\";\n\nconst fontWeight: Record<Weight, string> = {\n  light: \"font-light\",\n  regular: \"font-regular\",\n  semibold: \"font-semibold\",\n  bold: \"font-bold\"\n};\n\n// Add breakpoint types\ntype Breakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\ntype ResponsiveVariant = TypographyKey | `${Breakpoint}:${TypographyKey}`;\n\ntype TypographyCategory = keyof Typography;\ntype TypographyValue<T extends TypographyCategory> = Extract<\n  keyof Typography[T],\n  string | number | bigint | boolean | null | undefined\n>;\ntype TypographyKey = {\n  [T in TypographyCategory]: `${T}-${TypographyValue<T>}`;\n}[TypographyCategory];\n\n// Update TextProps to use ResponsiveVariant\nexport type TextProps<T extends TextElement = \"p\"> = {\n  variant?: ResponsiveVariant | ResponsiveVariant[];\n  color?: TextColor;\n  as?: T;\n  className?: string;\n  children: React.ReactNode;\n  weight?: Weight;\n} & HTMLPropsMap[T];\n\n// Add helper function to process variants\nconst processVariants = (\n  variants: ResponsiveVariant | ResponsiveVariant[] | undefined\n): string => {\n  if (!variants) return \"text-body-default\";\n\n  const variantArray = Array.isArray(variants) ? variants : [variants];\n\n  return variantArray\n    .map((variant) => {\n      if (variant.includes(\":\")) {\n        const [breakpoint, typographyClass] = variant.split(\":\");\n        return `${breakpoint}:text-${typographyClass}`;\n      }\n      return `text-${variant}`;\n    })\n    .join(\" \");\n};\n\nexport const Text = React.forwardRef(\n  <T extends TextElement = \"p\">(\n    {\n      variant = \"body-default\",\n      color = \"primary\",\n      as,\n      className,\n      children,\n      weight,\n      ...props\n    }: TextProps<T>,\n    ref: React.ForwardedRef<HTMLElementByTag[T]>\n  ) => {\n    // Process typography classes with breakpoints\n    const typographyClasses = processVariants(variant);\n\n    // Get color styles\n    const colorClasses = color === \"inherit\" ? \"text-inherit\" : `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={`\n          font-sans antialiased\n          ${typographyClasses}\n          ${colorClasses}\n          ${weight && `!${fontWeight[weight]}`}\n          ${className}\n        `}\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\n\nText.displayName = \"Text\";\n","import * as React from \"react\";\nimport { IconName } from \"@deckai/icons\";\nimport { cn } from \"../utils\";\nimport { Icon } from \"./Icon\";\nimport { Text } from \"./Text\";\n\nexport type BadgeProps = {\n  variant?: \"pink\" | \"orange\" | \"green\" | \"purple\";\n  iconName?: IconName;\n} & React.HTMLAttributes<HTMLSpanElement>;\n\nconst variants = {\n  pink: \"bg-tertiary-5\",\n  orange: \"bg-tertiary-15\",\n  green: \"bg-tertiary-25\",\n  purple: \"bg-secondary-300\"\n};\n\nconst stringToVariant = (str: string): keyof typeof variants => {\n  const variantKeys = Object.keys(variants) as Array<keyof typeof variants>;\n  // Let's log some values to understand what's happening\n  const hash = str\n    .split(\"\")\n    .reduce((acc, char) => char.charCodeAt(0) + ((acc << 5) - acc), 0);\n\n  const index = Math.abs(hash) % variantKeys.length;\n  const selectedVariant = variantKeys[index];\n\n  console.log({\n    input: str,\n    hash,\n    variantKeys,\n    index,\n    selectedVariant\n  });\n\n  return selectedVariant;\n};\n\nexport const Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  ({ className, variant, iconName, children, ...props }, ref) => {\n    const finalVariant =\n      variant ||\n      (typeof children === \"string\" ? stringToVariant(children) : \"pink\");\n    return (\n      <span\n        ref={ref}\n        className={cn(\n          \"inline-flex items-center gap-2\",\n          \"rounded px-2 py-1.5\",\n          \"text-sm font-medium\",\n          variants[finalVariant],\n          className\n        )}\n        {...props}\n      >\n        {iconName && <Icon size={16} name={iconName} />}\n        <Text variant=\"body-xxs-semibold\" className=\"mt-0.5\">\n          {children}\n        </Text>\n      </span>\n    );\n  }\n);\n\nBadge.displayName = \"Badge\";\n","import * as React from \"react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { cn } from \"../utils\";\nimport { useCallback, useState } from \"react\";\n\nexport interface TooltipProps {\n  content: React.ReactNode;\n  children: React.ReactNode;\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  align?: \"start\" | \"center\" | \"end\";\n  className?: string;\n  delayDuration?: number;\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /** Duration in ms for long press on mobile devices */\n  longPressDuration?: number;\n}\n\nexport const Tooltip = ({\n  content,\n  children,\n  side = \"bottom\",\n  align = \"center\",\n  className,\n  delayDuration = 200,\n  defaultOpen,\n  open: controlledOpen,\n  onOpenChange,\n  longPressDuration = 500\n}: TooltipProps) => {\n  const [isOpen, setIsOpen] = useState(defaultOpen || false);\n  let longPressTimer: Timer | null = null;\n\n  const open = controlledOpen ?? isOpen;\n  const handleOpenChange = useCallback(\n    (newOpen: boolean) => {\n      if (!controlledOpen) {\n        setIsOpen(newOpen);\n      }\n      onOpenChange?.(newOpen);\n    },\n    [controlledOpen, onOpenChange]\n  );\n\n  const handleTouchStart = useCallback(() => {\n    const timer = setTimeout(() => {\n      handleOpenChange(true);\n    }, longPressDuration);\n    longPressTimer = timer;\n  }, [handleOpenChange, longPressDuration]);\n\n  const handleTouchEnd = useCallback(() => {\n    if (longPressTimer) {\n      clearTimeout(longPressTimer);\n      longPressTimer = null;\n    }\n    // Keep tooltip open for a brief moment after touch\n    setTimeout(() => handleOpenChange(false), 1500);\n  }, [longPressTimer, handleOpenChange]);\n\n  return (\n    <TooltipPrimitive.Provider delayDuration={delayDuration}>\n      <TooltipPrimitive.Root open={open} onOpenChange={handleOpenChange}>\n        <TooltipPrimitive.Trigger asChild>\n          <span\n            tabIndex={0}\n            onTouchStart={handleTouchStart}\n            onTouchEnd={handleTouchEnd}\n            onTouchCancel={handleTouchEnd}\n          >\n            {children}\n          </span>\n        </TooltipPrimitive.Trigger>\n        <TooltipPrimitive.Portal>\n          <TooltipPrimitive.Content\n            side={side}\n            align={align}\n            sideOffset={4}\n            className={cn(\n              \"z-50 overflow-hidden rounded-lg\",\n              \"bg-black px-3 py-1.5\",\n              \"text-xs text-white\",\n              \"animate-in fade-in-0 zoom-in-95\",\n              \"data-[state=closed]:animate-out data-[state=closed]:fade-out-0\",\n              \"data-[side=bottom]:slide-in-from-top-2\",\n              \"data-[side=top]:slide-in-from-bottom-2\",\n              \"select-none\",\n              \"max-w-60\",\n              \"touch-none\", // Prevent touch events from interfering with scrolling\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};\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-primary-100\";\nexport const focusRingWithinStyles =\n  \"focus-within:outline-none focus-within:ring-2 focus-within:ring-primary-100\";\nexport const focusRingStylesCoerced = \"ring-2 ring-primary-100\";\n","import React, { ButtonHTMLAttributes } from \"react\";\nimport { focusRingStyles } from \"../utils/tailwind\";\nimport { cn } from \"../utils\";\n\nexport type PressableProps = ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const Pressable = React.forwardRef<HTMLButtonElement, PressableProps>(\n  ({ children, type = \"button\", className, disabled, ...props }, ref) => (\n    <button\n      ref={ref}\n      type={type}\n      disabled={disabled}\n      className={cn(\n        \"appearance-none hover:opacity-80 transition-all active:scale-95\",\n        focusRingStyles,\n        disabled && \"opacity-50 cursor-not-allowed\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  )\n);\n\nPressable.displayName = \"Pressable\";\n","import React, { useState, useCallback, HTMLAttributes } from \"react\";\nimport { Text } from \"./Text\";\nimport { Pressable, PressableProps } from \"./Pressable\";\nimport { cn } from \"../utils\";\nimport { Icon } from \"./Icon\";\n\nexport type TagProps = {\n  children: React.ReactNode;\n  padded?: boolean;\n  color?: \"primary\" | \"text\";\n  onClose?: () => void;\n} & HTMLAttributes<HTMLDivElement> &\n  PressableProps;\n\nexport const Tag = ({\n  children,\n  color = \"primary\",\n  className,\n  onClose,\n  ...pressableProps\n}: TagProps) => {\n  const [isHovered, setIsHovered] = useState(false);\n\n  const handleMouseEnter = useCallback(() => {\n    setIsHovered(true);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setIsHovered(false);\n  }, []);\n\n  const content = (\n    <div\n      className={cn(\n        \"flex gap-2\",\n        onClose\n          ? \"justify-between items-center\"\n          : \"items-center justify-center\",\n        \"hover:bg-primary-100 rounded bg-secondary-400 px-2 py-1 sm:px-3 sm:py-1.5 h-min hover:text-white\",\n        color === \"primary\" ? \"text-primary-100\" : \"text-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, { useId, useMemo } from \"react\";\nimport { Badge, BadgeProps } from \"./Badge\";\nimport { Icon } from \"./Icon\";\nimport { Text } from \"./Text\";\nimport { Tooltip } from \"./Tooltip\";\nimport { Tag } from \"./Tag\";\n\nexport type ProfileCardProps = {\n  profileImage: string;\n  name: string;\n  location: string;\n  memberSince?: string;\n  interests?: string[];\n  badges?: BadgeProps[];\n  isEditMode?: boolean;\n  onEditClick?: () => void;\n};\n\nconst MAX_INTERESTS = 4;\nconst MAX_BADGES = 3;\n\nexport const ProfileCard = ({\n  profileImage,\n  name,\n  location,\n  memberSince,\n  interests,\n  badges,\n  isEditMode = false\n}: ProfileCardProps) => {\n  const randomId = useId();\n\n  const visibleInterests = useMemo(\n    () => interests?.slice(0, MAX_INTERESTS) || [],\n    [interests]\n  );\n\n  const visibleBadges = useMemo(\n    () => badges?.slice(0, MAX_BADGES) || [],\n    [badges]\n  );\n\n  const hasMoreInterests = interests && interests.length > MAX_INTERESTS;\n  const hasMoreBadges = badges && badges.length > MAX_BADGES;\n  const remainingInterests = interests ? interests.length - MAX_INTERESTS : 0;\n  const remainingBadges = badges ? badges.length - MAX_BADGES : 0;\n\n  return (\n    <div className=\"lg:p-10 md:p-8 p-4 rounded-xl border border-stroke relative flex gap-6 md:flex-row flex-col\">\n      <div className=\"flex md:flex-row flex-col gap-6\">\n        <div className=\"flex flex-col gap-4 md:items-start items-center\">\n          <div className=\"flex items-center justify-center w-[164px] h-[164px]\">\n            <img\n              src={profileImage}\n              alt={`Profile for ${name}`}\n              className=\"object-cover rounded-full w-full h-full\"\n            />\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-2\">\n          <Text\n            as=\"h1\"\n            variant={[\"lg:heading-lg\", \"md:heading-md\", \"heading-sm\"]}\n            className=\"text-wrap text-center md:text-left\"\n          >\n            {name}\n          </Text>\n          {badges && (\n            <div className=\"flex gap-2 flex-wrap py-2 sm:justify-start justify-center items-center\">\n              {visibleBadges.map((badge, idx) => (\n                <Badge key={idx} {...badge} />\n              ))}\n              {hasMoreBadges && (\n                <Tooltip\n                  content={badges\n                    .slice(MAX_BADGES)\n                    .map((b) => b.children)\n                    .join(\", \")}\n                >\n                  <Text variant=\"label-default\">+{remainingBadges} more</Text>\n                </Tooltip>\n              )}\n            </div>\n          )}\n          <div className=\"flex gap-2 items-center sm:justify-start justify-center pt-1\">\n            <Icon name=\"location\" color=\"secondary\" />\n            <Text\n              variant={[\"lg:body-lg\", \"md:body-default\", \"body-xs\"]}\n              color=\"secondary\"\n              className=\"sm:text-left text-center truncate max-w-[300px]\"\n            >\n              {location}\n            </Text>\n          </div>\n          <div className=\"flex gap-2 items-center sm:justify-start justify-center\">\n            <Icon name=\"profile\" color=\"secondary\" />\n            <Text\n              variant={[\"lg:body-lg\", \"md:body-default\", \"body-xs\"]}\n              color=\"secondary\"\n              className=\"sm:text-left text-center truncate max-w-[300px]\"\n            >\n              Member Since{\" \"}\n              <Text\n                as=\"span\"\n                variant={[\n                  \"lg:body-lg-semibold\",\n                  \"md:body-default-bold\",\n                  \"body-xs-bold\"\n                ]}\n              >\n                {memberSince}\n              </Text>\n            </Text>\n          </div>\n          {interests && (\n            <div className=\"flex flex-col gap-2 pt-4\">\n              <Text\n                variant={[\"sm:heading-xs\", \"body-default-bold\"]}\n                className=\"sm:text-left text-center\"\n              >\n                Interests\n              </Text>\n              <div className=\"flex flex-wrap gap-2 sm:justify-start justify-center items-center\">\n                {visibleInterests.map((interest, idx) => (\n                  <Tag key={idx}>{interest}</Tag>\n                ))}\n                {hasMoreInterests && (\n                  <Tooltip content={interests.slice(MAX_INTERESTS).join(\", \")}>\n                    <Text variant=\"label-default\">\n                      +{remainingInterests} more\n                    </Text>\n                  </Tooltip>\n                )}\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n"]}