@deckai/deck-ui 0.0.10 → 0.0.13

package/dist/components/ProfileCard.cjs.map

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

package/dist/components/ProfileCard.d.cts

@@ -9,7 +9,9 @@ type ProfileCardProps = {
     memberSince?: string;
     interests?: string[];
     badges?: BadgeProps[];
+    isEditMode?: boolean;
+    onEditClick?: () => void;
 };
-declare const ProfileCard: ({ profileImage, name, location, memberSince, interests, badges }: ProfileCardProps) => React__default.JSX.Element;
+declare const ProfileCard: ({ profileImage, name, location, memberSince, interests, badges, isEditMode, onEditClick }: ProfileCardProps) => React__default.JSX.Element;
 
 export { ProfileCard, type ProfileCardProps };

package/dist/components/ProfileCard.d.ts

@@ -9,7 +9,9 @@ type ProfileCardProps = {
     memberSince?: string;
     interests?: string[];
     badges?: BadgeProps[];
+    isEditMode?: boolean;
+    onEditClick?: () => void;
 };
-declare const ProfileCard: ({ profileImage, name, location, memberSince, interests, badges }: ProfileCardProps) => React__default.JSX.Element;
+declare const ProfileCard: ({ profileImage, name, location, memberSince, interests, badges, isEditMode, onEditClick }: ProfileCardProps) => React__default.JSX.Element;
 
 export { ProfileCard, type ProfileCardProps };

package/dist/components/ProfileCard.js

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

package/dist/components/ProfileCard.js.map

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

package/dist/components/Sidebar.cjs

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