@deckai/deck-ui 0.0.22 → 0.0.23

package/dist/components/Collapsible.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/index.ts","../../src/components/Text.tsx","../../src/utils/tailwind.ts","../../src/components/Button.tsx","../../src/utils/responsive.ts","../../src/components/Icon.tsx","../../src/components/Toast.tsx","../../src/hooks/useIsomorphicLayoutEffect.tsx","../../src/components/Pressable.tsx","../../src/components/Collapsible.tsx"],"names":["cn","inputs","twMerge","clsx","HEADING_ELEMENT_MAP","getElementFromVariant","variant","category","size","fontWeight","processVariants","variants","breakpoint","typographyClass","Text","React","color","as","className","children","weight","props","ref","typographyClasses","colorClasses","suggestedElement","baseVariant","focusRingStyles","filled","outlined","Button","g","isLoading","disabled","end","BASE_SIZES","RESPONSIVE_SIZES","getSizeKey","getResponsiveSize","baseSize","classes","styles","key","baseKey","responsiveClasses","s","valueStr","value","valueKey","COLOR_MAP","Icon","name","title","style","IconComponent","IconMap","responsiveSizeClasses","responsiveSizeStyles","Toast","a","message","action","secondaryAction","duration","onOpenChange","allowOutsideClick","onClose","variantConfig","handleOpenChange","open","x","useIsomorphicLayoutEffect","useLayoutEffect","useEffect","Pressable","type","Collapsible","maxHeight","setOpen","contentRef","useRef","contentHeight","setContentHeight","useState","resizeObserver","entries","entry","shouldShowTrigger","v"],"mappings":"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","file":"Collapsible.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 from \"react\";\nimport { Typography } from \"../types/tailwind\";\nimport { Breakpoint } from \"../utils/responsive\";\n\ntype TextElement =\n  | \"p\"\n  | \"span\"\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\"\n  | \"strong\"\n  | \"em\"\n  | \"blockquote\"\n  | \"pre\"\n  | \"code\"\n  | \"small\"\n  | \"label\"\n  | \"a\";\n\n// HTML element mapping type\ntype HTMLElementByTag = {\n  p: HTMLParagraphElement;\n  span: HTMLSpanElement;\n  h1: HTMLHeadingElement;\n  h2: HTMLHeadingElement;\n  h3: HTMLHeadingElement;\n  h4: HTMLHeadingElement;\n  h5: HTMLHeadingElement;\n  h6: HTMLHeadingElement;\n  strong: HTMLElement;\n  em: HTMLElement;\n  blockquote: HTMLQuoteElement;\n  pre: HTMLPreElement;\n  code: HTMLElement;\n  small: HTMLElement;\n  label: HTMLLabelElement;\n  a: HTMLAnchorElement;\n};\n\n// HTML props mapping type\ntype HTMLPropsMap = {\n  p: React.HTMLAttributes<HTMLParagraphElement>;\n  span: React.HTMLAttributes<HTMLSpanElement>;\n  h1: React.HTMLAttributes<HTMLHeadingElement>;\n  h2: React.HTMLAttributes<HTMLHeadingElement>;\n  h3: React.HTMLAttributes<HTMLHeadingElement>;\n  h4: React.HTMLAttributes<HTMLHeadingElement>;\n  h5: React.HTMLAttributes<HTMLHeadingElement>;\n  h6: React.HTMLAttributes<HTMLHeadingElement>;\n  strong: React.HTMLAttributes<HTMLElement>;\n  em: React.HTMLAttributes<HTMLElement>;\n  blockquote: React.HTMLAttributes<HTMLQuoteElement>;\n  pre: React.HTMLAttributes<HTMLPreElement>;\n  code: React.HTMLAttributes<HTMLElement>;\n  small: React.HTMLAttributes<HTMLElement>;\n  label: React.LabelHTMLAttributes<HTMLLabelElement>;\n  a: Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, \"color\">;\n};\n\ntype TextColor =\n  | \"primary\"\n  | \"secondary\"\n  | \"white\"\n  | \"primary-blue\"\n  | \"disabled\"\n  | \"danger\"\n  | \"inherit\"\n  | \"primary-100\";\n\nconst HEADING_ELEMENT_MAP: Record<string, TextElement> = {\n  xl: \"h1\",\n  lg: \"h1\",\n  md: \"h2\",\n  sm: \"h3\",\n  xs: \"h4\"\n};\n\nconst getElementFromVariant = (variant: TypographyKey): TextElement => {\n  const [category, size] = variant.split(\"-\");\n\n  if (category === \"heading\") {\n    return HEADING_ELEMENT_MAP[size] || \"p\";\n  }\n\n  if (category === \"label\") {\n    return \"label\";\n  }\n\n  return \"p\";\n};\n\ntype Weight = \"light\" | \"regular\" | \"semibold\" | \"bold\";\n\nconst fontWeight: Record<Weight, string> = {\n  light: \"font-light\",\n  regular: \"font-regular\",\n  semibold: \"font-semibold\",\n  bold: \"font-bold\"\n};\n\ntype ResponsiveVariant = TypographyKey | `${Breakpoint}:${TypographyKey}`;\n\ntype TypographyCategory = keyof Typography;\ntype TypographyValue<T extends TypographyCategory> = Extract<\n  keyof Typography[T],\n  string | number | bigint | boolean | null | undefined\n>;\ntype TypographyKey = {\n  [T in TypographyCategory]: `${T}-${TypographyValue<T>}`;\n}[TypographyCategory];\n\n// Update TextProps to use ResponsiveVariant\nexport type TextProps<T extends TextElement = \"p\"> = {\n  variant?: ResponsiveVariant | ResponsiveVariant[];\n  color?: TextColor;\n  as?: T;\n  className?: string;\n  children: React.ReactNode;\n  weight?: Weight;\n} & HTMLPropsMap[T];\n\n// Add helper function to process variants\nconst processVariants = (\n  variants: ResponsiveVariant | ResponsiveVariant[] | undefined\n): string => {\n  if (!variants) return \"text-body-default\";\n\n  const variantArray = Array.isArray(variants) ? variants : [variants];\n\n  return variantArray\n    .map((variant) => {\n      if (variant.includes(\":\")) {\n        const [breakpoint, typographyClass] = variant.split(\":\");\n        return `${breakpoint}:text-${typographyClass}`;\n      }\n      return `text-${variant}`;\n    })\n    .join(\" \");\n};\n\nexport const Text = React.forwardRef(\n  <T extends TextElement = \"p\">(\n    {\n      variant = \"body-default\",\n      color = \"primary\",\n      as,\n      className,\n      children,\n      weight,\n      ...props\n    }: TextProps<T>,\n    ref: React.ForwardedRef<HTMLElementByTag[T]>\n  ) => {\n    // Process typography classes with breakpoints\n    const typographyClasses = processVariants(variant);\n\n    // Get color styles using Tailwind classes that reference CSS variables\n    const colorClasses = color === \"inherit\" ? \"text-inherit\" : `text-${color}`;\n\n    const suggestedElement = React.useMemo(() => {\n      const baseVariant =\n        typeof variant === \"string\"\n          ? variant.split(\":\").pop()!\n          : Array.isArray(variant)\n            ? variant[0].split(\":\").pop()!\n            : \"body-default\";\n      return getElementFromVariant(baseVariant as TypographyKey);\n    }, [variant]);\n\n    const Component = (as || suggestedElement) as T;\n\n    return (\n      // @ts-expect-error TODO: figure this out\n      <Component\n        ref={ref}\n        className={`\n          font-sans antialiased\n          ${typographyClasses}\n          ${colorClasses}\n          ${weight && `!${fontWeight[weight]}`}\n          ${className}\n        `}\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\n\nText.displayName = \"Text\";\n","import { 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  const breakpoints = [\"sm\", \"md\", \"lg\", \"xl\", \"2xl\"];\n  const sizes = [\"24\", \"42\", \"48\", \"64\", \"72\"]; // Add all the sizes you need\n\n  const safelist: (string | { pattern: RegExp; variants: 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 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  // Generate size classes with responsive variants\n  const sizeClasses = sizes.flatMap((size) => [\n    `h-[${size}px]`,\n    `w-[${size}px]`,\n    ...breakpoints.flatMap((bp) => [\n      `${bp}:h-[${size}px]`,\n      `${bp}:w-[${size}px]`\n    ])\n  ]);\n\n  return [...typographyClasses, ...responsiveTypographyClasses, ...sizeClasses];\n};\n\nexport const focusRingStyles =\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-100\";\nexport const focusRingWithinStyles =\n  \"focus-within:outline-none focus-within:ring-2 focus-within:ring-primary-100\";\nexport const focusRingStylesCoerced = \"ring-2 ring-primary-100\";\n","import * 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\" | \"transparent\";\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-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 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      end,\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\"\n          ? filled[color]\n          : variant === \"transparent\"\n            ? \"bg-transparent text-text\"\n            : 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      {end}\n    </button>\n  )\n);\n\nButton.displayName = \"Button\";\n","export type Breakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\nexport type ResponsiveSize = number | `${Breakpoint}:${number}`;\n\ntype SizeKey =\n  | \"12\"\n  | \"16\"\n  | \"18\"\n  | \"20\"\n  | \"24\"\n  | \"32\"\n  | \"36\"\n  | \"40\"\n  | \"42\"\n  | \"48\"\n  | \"64\"\n  | \"72\";\n\n// These constants help Tailwind identify the classes during compilation\nconst BASE_SIZES: Record<SizeKey, string> = {\n  \"12\": \"h-[12px] w-[12px]\",\n  \"16\": \"h-[16px] w-[16px]\",\n  \"18\": \"h-[18px] w-[18px]\",\n  \"20\": \"h-[20px] w-[20px]\",\n  \"24\": \"h-[24px] w-[24px]\",\n  \"32\": \"h-[32px] w-[32px]\",\n  \"36\": \"h-[36px] w-[36px]\",\n  \"40\": \"h-[40px] w-[40px]\",\n  \"42\": \"h-[42px] w-[42px]\",\n  \"48\": \"h-[48px] w-[48px]\",\n  \"64\": \"h-[64px] w-[64px]\",\n  \"72\": \"h-[72px] w-[72px]\"\n};\n\nconst RESPONSIVE_SIZES: Record<Breakpoint, Record<SizeKey, string>> = {\n  sm: {\n    \"12\": \"sm:h-[12px] sm:w-[12px]\",\n    \"16\": \"sm:h-[16px] sm:w-[16px]\",\n    \"18\": \"sm:h-[18px] sm:w-[18px]\",\n    \"20\": \"sm:h-[20px] sm:w-[20px]\",\n    \"24\": \"sm:h-[24px] sm:w-[24px]\",\n    \"32\": \"sm:h-[32px] sm:w-[32px]\",\n    \"36\": \"sm:h-[36px] sm:w-[36px]\",\n    \"40\": \"sm:h-[40px] sm:w-[40px]\",\n    \"42\": \"sm:h-[42px] sm:w-[42px]\",\n    \"48\": \"sm:h-[48px] sm:w-[48px]\",\n    \"64\": \"sm:h-[64px] sm:w-[64px]\",\n    \"72\": \"sm:h-[72px] sm:w-[72px]\"\n  },\n  md: {\n    \"12\": \"md:h-[12px] md:w-[12px]\",\n    \"16\": \"md:h-[16px] md:w-[16px]\",\n    \"18\": \"md:h-[18px] md:w-[18px]\",\n    \"20\": \"md:h-[20px] md:w-[20px]\",\n    \"24\": \"md:h-[24px] md:w-[24px]\",\n    \"32\": \"md:h-[32px] md:w-[32px]\",\n    \"36\": \"md:h-[36px] md:w-[36px]\",\n    \"40\": \"md:h-[40px] md:w-[40px]\",\n    \"42\": \"md:h-[42px] md:w-[42px]\",\n    \"48\": \"md:h-[48px] md:w-[48px]\",\n    \"64\": \"md:h-[64px] md:w-[64px]\",\n    \"72\": \"md:h-[72px] md:w-[72px]\"\n  },\n  lg: {\n    \"12\": \"lg:h-[12px] lg:w-[12px]\",\n    \"16\": \"lg:h-[16px] lg:w-[16px]\",\n    \"18\": \"lg:h-[18px] lg:w-[18px]\",\n    \"20\": \"lg:h-[20px] lg:w-[20px]\",\n    \"24\": \"lg:h-[24px] lg:w-[24px]\",\n    \"32\": \"lg:h-[32px] lg:w-[32px]\",\n    \"36\": \"lg:h-[36px] lg:w-[36px]\",\n    \"40\": \"lg:h-[40px] lg:w-[40px]\",\n    \"42\": \"lg:h-[42px] lg:w-[42px]\",\n    \"48\": \"lg:h-[48px] lg:w-[48px]\",\n    \"64\": \"lg:h-[64px] lg:w-[64px]\",\n    \"72\": \"lg:h-[72px] lg:w-[72px]\"\n  },\n  xl: {\n    \"12\": \"xl:h-[12px] xl:w-[12px]\",\n    \"16\": \"xl:h-[16px] xl:w-[16px]\",\n    \"18\": \"xl:h-[18px] xl:w-[18px]\",\n    \"20\": \"xl:h-[20px] xl:w-[20px]\",\n    \"24\": \"xl:h-[24px] xl:w-[24px]\",\n    \"32\": \"xl:h-[32px] xl:w-[32px]\",\n    \"36\": \"xl:h-[36px] xl:w-[36px]\",\n    \"40\": \"xl:h-[40px] xl:w-[40px]\",\n    \"42\": \"xl:h-[42px] xl:w-[42px]\",\n    \"48\": \"xl:h-[48px] xl:w-[48px]\",\n    \"64\": \"xl:h-[64px] xl:w-[64px]\",\n    \"72\": \"xl:h-[72px] xl:w-[72px]\"\n  },\n  \"2xl\": {\n    \"12\": \"2xl:h-[12px] 2xl:w-[12px]\",\n    \"16\": \"2xl:h-[16px] 2xl:w-[16px]\",\n    \"18\": \"2xl:h-[18px] 2xl:w-[18px]\",\n    \"20\": \"2xl:h-[20px] 2xl:w-[20px]\",\n    \"24\": \"2xl:h-[24px] 2xl:w-[24px]\",\n    \"32\": \"2xl:h-[32px] 2xl:w-[32px]\",\n    \"36\": \"2xl:h-[36px] 2xl:w-[36px]\",\n    \"40\": \"2xl:h-[40px] 2xl:w-[40px]\",\n    \"42\": \"2xl:h-[42px] 2xl:w-[42px]\",\n    \"48\": \"2xl:h-[48px] 2xl:w-[48px]\",\n    \"64\": \"2xl:h-[64px] 2xl:w-[64px]\",\n    \"72\": \"2xl:h-[72px] 2xl:w-[72px]\"\n  }\n};\n\nconst getSizeKey = (size: number): SizeKey | undefined => {\n  return String(size) as SizeKey;\n};\n\nexport const getResponsiveSize = (\n  size: ResponsiveSize | ResponsiveSize[] | undefined,\n  baseSize: number = 24\n): {\n  responsiveSizeClasses: string;\n  responsiveSizeStyles: Record<string, string>;\n} => {\n  const classes: string[] = [];\n  const styles: Record<string, string> = {};\n\n  // If no size provided, use baseSize\n  if (size === undefined) {\n    const key = getSizeKey(baseSize);\n    if (key) {\n      classes.push(BASE_SIZES[key]);\n    } else {\n      styles.height = `${baseSize}px`;\n      styles.width = `${baseSize}px`;\n    }\n  }\n\n  // If size is a number, use that directly\n  if (typeof size === \"number\") {\n    const key = getSizeKey(size);\n    if (key) {\n      classes.push(BASE_SIZES[key]);\n    } else {\n      styles.height = `${size}px`;\n      styles.width = `${size}px`;\n    }\n  }\n\n  // If array of responsive sizes, generate responsive classes\n  if (Array.isArray(size)) {\n    const baseKey = getSizeKey(baseSize);\n    const responsiveClasses = [\n      (baseKey && BASE_SIZES[baseKey]) || `h-[${baseSize}px] w-[${baseSize}px]`\n    ];\n\n    size.forEach((s) => {\n      if (typeof s === \"string\") {\n        const [breakpoint, valueStr] = s.split(\":\") as [Breakpoint, string];\n        const value = parseInt(valueStr, 10);\n        const key = getSizeKey(value);\n        classes.push(\n          (key && RESPONSIVE_SIZES[breakpoint]?.[key]) ||\n            `${breakpoint}:h-[${value}px] ${breakpoint}:w-[${value}px]`\n        );\n      }\n    });\n\n    classes.push(...responsiveClasses);\n  }\n\n  if (typeof size === \"string\") {\n    const [breakpoint, valueStr] = size.split(\":\") as [Breakpoint, string];\n    const value = parseInt(valueStr, 10);\n    const valueKey = getSizeKey(value);\n    classes.push(\n      (valueKey && RESPONSIVE_SIZES[breakpoint]?.[valueKey]) ||\n        `${breakpoint}:h-[${value}px] ${breakpoint}:w-[${value}px]`\n    );\n  }\n\n  return {\n    responsiveSizeClasses: classes.join(\" \"),\n    responsiveSizeStyles: styles\n  };\n};\n","import { IconMap, IconName } from \"@deckai/icons\";\nimport React, { SVGProps } from \"react\";\nimport { IconColors } from \"../types/tailwind\";\nimport { cn } from \"../utils\";\nimport { ResponsiveSize, getResponsiveSize } from \"../utils/responsive\";\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\n// Using CSS variables to support dark mode\nconst COLOR_MAP: Record<IconColors, string> = {\n  primary: \"var(--color-primary)\",\n  secondary: \"var(--color-secondary)\",\n  white: \"var(--color-white)\",\n  primaryBlue: \"var(--color-primary-100)\",\n  disabled: \"var(--color-disabled)\",\n  danger: \"var(--color-danger)\"\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 { responsiveSizeClasses, responsiveSizeStyles } = getResponsiveSize(\n      size,\n      24\n    );\n\n    return (\n      <div\n        className={cn(\n          \"flex justify-center items-center\",\n          responsiveSizeClasses,\n          className\n        )}\n        style={{\n          [\"--icon-stroke\" as string]: COLOR_MAP[color],\n          ...responsiveSizeStyles,\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 { IconName } from \"@deckai/icons\";\nimport * as ToastPrimitive from \"@radix-ui/react-toast\";\nimport * as React from \"react\";\nimport { cn } from \"../utils\";\nimport { Button, ButtonProps } from \"./Button\";\nimport { Icon } from \"./Icon\";\nimport { Text } from \"./Text\";\n\ntype ToastAction = {\n  label: string;\n  onClick?: () => void;\n  variant?: ButtonProps[\"variant\"];\n};\n\nexport type ToastProps = Omit<ToastPrimitive.ToastProps, \"action\"> & {\n  /** Optional title for the toast */\n  title?: string;\n  /** Main message content */\n  message: string;\n  /** Primary action button configuration */\n  action?: ToastAction;\n  /** Secondary action button configuration */\n  secondaryAction?: ToastAction;\n  /** Optional variant to change the visual style */\n  variant?: \"default\" | \"success\" | \"error\" | \"warning\";\n  /** Whether to allow dismissing by clicking outside */\n  allowOutsideClick?: boolean;\n  /** Optional className for custom styling */\n  className?: string;\n  /** Optional callback when toast is closed */\n  onClose?: () => void;\n};\n\nconst variants: Record<\n  NonNullable<ToastProps[\"variant\"]>,\n  {\n    icon: IconName;\n    className: string;\n  }\n> = {\n  default: {\n    icon: \"information\",\n    className: \"bg-gray-900 text-white\"\n  },\n  success: {\n    icon: \"check\",\n    className: \"bg-green-600 text-white\"\n  },\n  error: {\n    icon: \"danger\",\n    className: \"bg-tertiary-10 text-white\"\n  },\n  warning: {\n    icon: \"warning-2\",\n    className: \"bg-tertiary-20 text-white\"\n  }\n} as const;\n\nexport const Toast = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitive.Root>,\n  ToastProps\n>(\n  (\n    {\n      title,\n      message,\n      action,\n      secondaryAction,\n      variant = \"default\",\n      duration = 5000,\n      className,\n      onOpenChange,\n      allowOutsideClick = true,\n      onClose,\n      ...props\n    },\n    ref\n  ) => {\n    const variantConfig = variants[variant];\n\n    const handleOpenChange = React.useCallback(\n      (open: boolean) => {\n        // Only allow programmatic close or close button click if outside click is disabled\n        if (!allowOutsideClick && open === false) {\n          return;\n        }\n        onOpenChange?.(open);\n        if (!open) {\n          onClose?.();\n        }\n      },\n      [onOpenChange, allowOutsideClick, onClose]\n    );\n\n    return (\n      <ToastPrimitive.Root\n        ref={ref}\n        onOpenChange={handleOpenChange}\n        duration={duration}\n        className={cn(\n          \"group pointer-events-auto relative flex w-full flex-col gap-4 rounded-lg p-4 items-center\",\n          \"shadow-lg\",\n          \"data-[state=open]:animate-in data-[state=closed]:animate-out\",\n          \"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n          \"data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-right-full\",\n          variantConfig.className,\n          className\n        )}\n        {...props}\n      >\n        <ToastPrimitive.Close\n          className=\"absolute right-1 top-1 h-[40px] w-[40px] p-1 hover:bg-background-0/10 flex items-center justify-center rounded-lg\"\n          aria-label=\"Close\"\n          onClick={onClose}\n        >\n          <Icon name=\"close\" size={16} color=\"white\" />\n        </ToastPrimitive.Close>\n\n        <div className=\"flex gap-4\">\n          <Icon\n            name={variantConfig.icon}\n            className=\"h-5 w-5 shrink-0\"\n            color=\"white\"\n          />\n\n          <div className=\"flex flex-col flex-1 gap-2\">\n            {title && (\n              <ToastPrimitive.Title asChild>\n                <Text variant=\"body-default-bold\" color=\"inherit\">\n                  {title}\n                </Text>\n              </ToastPrimitive.Title>\n            )}\n            <ToastPrimitive.Description asChild>\n              <Text variant=\"body-xs-medium\" color=\"inherit\">\n                {message}\n              </Text>\n            </ToastPrimitive.Description>\n          </div>\n        </div>\n\n        {(action || secondaryAction) && (\n          <div className=\"flex gap-2 justify-end mt-2\">\n            {secondaryAction && (\n              <ToastPrimitive.Action asChild altText={secondaryAction.label}>\n                <div className=\"min-h-[40px] flex items-center\">\n                  <Button\n                    variant={secondaryAction.variant || \"outlined\"}\n                    color=\"black\"\n                    className=\"border-white text-white hover:bg-background-0/10\"\n                    onClick={secondaryAction.onClick}\n                  >\n                    {secondaryAction.label}\n                  </Button>\n                </div>\n              </ToastPrimitive.Action>\n            )}\n            {action && (\n              <ToastPrimitive.Action asChild altText={action.label}>\n                <div className=\"flex items-center\">\n                  <Button\n                    variant={action.variant || \"outlined\"}\n                    color=\"black\"\n                    className=\"border-white text-white hover:bg-background-0/10\"\n                    onClick={action.onClick}\n                  >\n                    {action.label}\n                  </Button>\n                </div>\n              </ToastPrimitive.Action>\n            )}\n          </div>\n        )}\n      </ToastPrimitive.Root>\n    );\n  }\n);\n\nToast.displayName = \"Toast\";\n","import { useEffect, useLayoutEffect } from \"react\";\n\nexport const useIsomorphicLayoutEffect =\n  typeof window !== \"undefined\" ? useLayoutEffect : useEffect;\n","import React, { ButtonHTMLAttributes } from \"react\";\nimport { focusRingStyles } from \"../utils/tailwind\";\nimport { cn } from \"../utils\";\n\nexport type PressableProps = ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const Pressable = React.forwardRef<HTMLButtonElement, PressableProps>(\n  ({ children, type = \"button\", className, disabled, ...props }, ref) => (\n    <button\n      ref={ref}\n      type={type}\n      disabled={disabled}\n      className={cn(\n        \"appearance-none hover:opacity-80 transition-all active:scale-95\",\n        focusRingStyles,\n        disabled && \"opacity-50 cursor-not-allowed\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  )\n);\n\nPressable.displayName = \"Pressable\";\n","import * as RadixCollapsible from \"@radix-ui/react-collapsible\";\nimport React, { useRef, useState } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"../hooks\";\nimport { cn } from \"../utils\";\nimport { Pressable } from \"./Pressable\";\nimport { Text } from \"./Text\";\n\nexport type CollapsibleProps = {\n  children: React.ReactNode;\n  maxHeight?: number;\n};\n\nexport const Collapsible = ({\n  children,\n  maxHeight = 100\n}: CollapsibleProps) => {\n  const [open, setOpen] = React.useState(false);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const [contentHeight, setContentHeight] = useState<number>(maxHeight);\n\n  // Measure content height on mount and resize\n  useIsomorphicLayoutEffect(() => {\n    if (!contentRef.current) return;\n\n    const resizeObserver = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        setContentHeight(entry.target.scrollHeight);\n      }\n    });\n\n    resizeObserver.observe(contentRef.current);\n    return () => resizeObserver.disconnect();\n  }, []);\n\n  const shouldShowTrigger = contentHeight > maxHeight;\n\n  return (\n    <RadixCollapsible.Root open={open} onOpenChange={setOpen}>\n      <div className=\"relative\">\n        <div\n          className=\"overflow-hidden transition-[height] duration-300 ease-in-out\"\n          style={{\n            height: open ? `${contentHeight}px` : `${maxHeight}px`\n          }}\n        >\n          <div ref={contentRef} className=\"w-full\">\n            {children}\n          </div>\n        </div>\n\n        {shouldShowTrigger && (\n          <RadixCollapsible.Trigger asChild>\n            <Pressable\n              className={cn(\n                \"absolute -bottom-8 left-0 right-0\",\n                \"flex items-end justify-center\",\n                \"h-16 pt-8 pb-2\",\n                !open &&\n                  \"bg-gradient-to-b from-transparent via-background-0 to-background-0\",\n                \"hover:opacity-100 transition-opacity\"\n              )}\n            >\n              <Text variant=\"label-default\" color=\"secondary\">\n                {open ? \"See less\" : \"See more\"}\n              </Text>\n            </Pressable>\n          </RadixCollapsible.Trigger>\n        )}\n      </div>\n    </RadixCollapsible.Root>\n  );\n};\n\nCollapsible.displayName = \"Collapsible\";\n"]}
+{"version":3,"sources":["../../src/utils/index.ts","../../src/components/Text.tsx","../../src/utils/tailwind.ts","../../src/components/Button.tsx","../../src/utils/responsive.ts","../../src/components/Icon.tsx","../../src/components/Toast.tsx","../../src/hooks/useMediaQuery.ts","../../src/hooks/useIsomorphicLayoutEffect.tsx","../../src/components/Pressable.tsx","../../src/components/Collapsible.tsx"],"names":["cn","inputs","twMerge","clsx","HEADING_ELEMENT_MAP","getElementFromVariant","variant","category","size","fontWeight","processVariants","variants","breakpoint","typographyClass","Text","React","color","as","className","children","weight","props","ref","typographyClasses","colorClasses","suggestedElement","baseVariant","focusRingStyles","filled","outlined","Button","f","isLoading","disabled","end","BASE_SIZES","RESPONSIVE_SIZES","getSizeKey","getResponsiveSize","baseSize","classes","styles","key","baseKey","responsiveClasses","s","valueStr","value","valueKey","COLOR_MAP","Icon","name","title","style","IconComponent","IconMap","responsiveSizeClasses","responsiveSizeStyles","Toast","a","message","action","secondaryAction","duration","onOpenChange","allowOutsideClick","onClose","variantConfig","handleOpenChange","open","m","useIsomorphicLayoutEffect","useLayoutEffect","useEffect","Pressable","type","Collapsible","maxHeight","setOpen","contentRef","useRef","contentHeight","setContentHeight","useState","resizeObserver","entries","entry","shouldShowTrigger","v"],"mappings":"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","file":"Collapsible.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 from \"react\";\n\nimport type { Typography } from \"../types/tailwind\";\nimport type { Breakpoint } from \"../utils/responsive\";\n\ntype TextElement =\n  | \"p\"\n  | \"span\"\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\"\n  | \"strong\"\n  | \"em\"\n  | \"blockquote\"\n  | \"pre\"\n  | \"code\"\n  | \"small\"\n  | \"label\"\n  | \"a\";\n\n// HTML element mapping type\ntype HTMLElementByTag = {\n  p: HTMLParagraphElement;\n  span: HTMLSpanElement;\n  h1: HTMLHeadingElement;\n  h2: HTMLHeadingElement;\n  h3: HTMLHeadingElement;\n  h4: HTMLHeadingElement;\n  h5: HTMLHeadingElement;\n  h6: HTMLHeadingElement;\n  strong: HTMLElement;\n  em: HTMLElement;\n  blockquote: HTMLQuoteElement;\n  pre: HTMLPreElement;\n  code: HTMLElement;\n  small: HTMLElement;\n  label: HTMLLabelElement;\n  a: HTMLAnchorElement;\n};\n\n// HTML props mapping type\ntype HTMLPropsMap = {\n  p: React.HTMLAttributes<HTMLParagraphElement>;\n  span: React.HTMLAttributes<HTMLSpanElement>;\n  h1: React.HTMLAttributes<HTMLHeadingElement>;\n  h2: React.HTMLAttributes<HTMLHeadingElement>;\n  h3: React.HTMLAttributes<HTMLHeadingElement>;\n  h4: React.HTMLAttributes<HTMLHeadingElement>;\n  h5: React.HTMLAttributes<HTMLHeadingElement>;\n  h6: React.HTMLAttributes<HTMLHeadingElement>;\n  strong: React.HTMLAttributes<HTMLElement>;\n  em: React.HTMLAttributes<HTMLElement>;\n  blockquote: React.HTMLAttributes<HTMLQuoteElement>;\n  pre: React.HTMLAttributes<HTMLPreElement>;\n  code: React.HTMLAttributes<HTMLElement>;\n  small: React.HTMLAttributes<HTMLElement>;\n  label: React.LabelHTMLAttributes<HTMLLabelElement>;\n  a: Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, \"color\">;\n};\n\ntype TextColor =\n  | \"primary\"\n  | \"secondary\"\n  | \"white\"\n  | \"primary-blue\"\n  | \"disabled\"\n  | \"danger\"\n  | \"inherit\"\n  | \"primary-100\";\n\nconst HEADING_ELEMENT_MAP: Record<string, TextElement> = {\n  xl: \"h1\",\n  lg: \"h1\",\n  md: \"h2\",\n  sm: \"h3\",\n  xs: \"h4\"\n};\n\nconst getElementFromVariant = (variant: TypographyKey): TextElement => {\n  const [category, size] = variant.split(\"-\");\n\n  if (category === \"heading\") {\n    return HEADING_ELEMENT_MAP[size] || \"p\";\n  }\n\n  if (category === \"label\") {\n    return \"label\";\n  }\n\n  return \"p\";\n};\n\ntype Weight = \"light\" | \"regular\" | \"semibold\" | \"bold\";\n\nconst fontWeight: Record<Weight, string> = {\n  light: \"font-light\",\n  regular: \"font-regular\",\n  semibold: \"font-semibold\",\n  bold: \"font-bold\"\n};\n\ntype ResponsiveVariant = TypographyKey | `${Breakpoint}:${TypographyKey}`;\n\ntype TypographyCategory = keyof Typography;\ntype TypographyValue<T extends TypographyCategory> = Extract<\n  keyof Typography[T],\n  string | number | bigint | boolean | null | undefined\n>;\ntype TypographyKey = {\n  [T in TypographyCategory]: `${T}-${TypographyValue<T>}`;\n}[TypographyCategory];\n\n// Update TextProps to use ResponsiveVariant\nexport type TextProps<T extends TextElement = \"p\"> = {\n  variant?: ResponsiveVariant | ResponsiveVariant[];\n  color?: TextColor;\n  as?: T;\n  className?: string;\n  children: React.ReactNode;\n  weight?: Weight;\n} & HTMLPropsMap[T];\n\n// Add helper function to process variants\nconst processVariants = (\n  variants: ResponsiveVariant | ResponsiveVariant[] | undefined\n): string => {\n  if (!variants) return \"text-body-default\";\n\n  const variantArray = Array.isArray(variants) ? variants : [variants];\n\n  return variantArray\n    .map((variant) => {\n      if (variant.includes(\":\")) {\n        const [breakpoint, typographyClass] = variant.split(\":\");\n        return `${breakpoint}:text-${typographyClass}`;\n      }\n      return `text-${variant}`;\n    })\n    .join(\" \");\n};\n\nexport const Text = React.forwardRef(\n  <T extends TextElement = \"p\">(\n    {\n      variant = \"body-default\",\n      color = \"primary\",\n      as,\n      className,\n      children,\n      weight,\n      ...props\n    }: TextProps<T>,\n    ref: React.ForwardedRef<HTMLElementByTag[T]>\n  ) => {\n    // Process typography classes with breakpoints\n    const typographyClasses = processVariants(variant);\n\n    // Get color styles using Tailwind classes that reference CSS variables\n    const colorClasses = color === \"inherit\" ? \"text-inherit\" : `text-${color}`;\n\n    const suggestedElement = React.useMemo(() => {\n      const baseVariant =\n        typeof variant === \"string\"\n          ? variant.split(\":\").pop()!\n          : Array.isArray(variant)\n            ? variant[0].split(\":\").pop()!\n            : \"body-default\";\n      return getElementFromVariant(baseVariant as TypographyKey);\n    }, [variant]);\n\n    const Component = (as || suggestedElement) as T;\n\n    return (\n      // @ts-expect-error TODO: figure this out\n      <Component\n        ref={ref}\n        className={`\n          font-sans antialiased\n          ${typographyClasses}\n          ${colorClasses}\n          ${weight && `!${fontWeight[weight]}`}\n          ${className}\n        `}\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\n\nText.displayName = \"Text\";\n","import type { 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  const breakpoints = [\"sm\", \"md\", \"lg\", \"xl\", \"2xl\"];\n  const sizes = [\"24\", \"42\", \"48\", \"64\", \"72\"]; // Add all the sizes you need\n\n  const safelist: (string | { pattern: RegExp; variants: 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 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  // Generate size classes with responsive variants\n  const sizeClasses = sizes.flatMap((size) => [\n    `h-[${size}px]`,\n    `w-[${size}px]`,\n    ...breakpoints.flatMap((bp) => [\n      `${bp}:h-[${size}px]`,\n      `${bp}:w-[${size}px]`\n    ])\n  ]);\n\n  return [...typographyClasses, ...responsiveTypographyClasses, ...sizeClasses];\n};\n\nexport const focusRingStyles =\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-100\";\nexport const focusRingWithinStyles =\n  \"focus-within:outline-none focus-within:ring-2 focus-within:ring-primary-100\";\nexport const focusRingStylesCoerced = \"ring-2 ring-primary-100\";\n","import * as React from \"react\";\n\nimport { Text } from \"./Text\";\nimport { cn } from \"../utils\";\nimport { focusRingStyles } from \"../utils/tailwind\";\n\nexport type ButtonProps = {\n  /** @default filled */\n  variant?: \"filled\" | \"outlined\" | \"transparent\";\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-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 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      end,\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\"\n          ? filled[color]\n          : variant === \"transparent\"\n            ? \"bg-transparent text-text\"\n            : 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      {end}\n    </button>\n  )\n);\n\nButton.displayName = \"Button\";\n","export type Breakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\nexport type ResponsiveSize = number | `${Breakpoint}:${number}`;\n\ntype SizeKey =\n  | \"12\"\n  | \"16\"\n  | \"18\"\n  | \"20\"\n  | \"24\"\n  | \"32\"\n  | \"36\"\n  | \"40\"\n  | \"42\"\n  | \"48\"\n  | \"64\"\n  | \"72\";\n\n// These constants help Tailwind identify the classes during compilation\nconst BASE_SIZES: Record<SizeKey, string> = {\n  \"12\": \"h-[12px] w-[12px]\",\n  \"16\": \"h-[16px] w-[16px]\",\n  \"18\": \"h-[18px] w-[18px]\",\n  \"20\": \"h-[20px] w-[20px]\",\n  \"24\": \"h-[24px] w-[24px]\",\n  \"32\": \"h-[32px] w-[32px]\",\n  \"36\": \"h-[36px] w-[36px]\",\n  \"40\": \"h-[40px] w-[40px]\",\n  \"42\": \"h-[42px] w-[42px]\",\n  \"48\": \"h-[48px] w-[48px]\",\n  \"64\": \"h-[64px] w-[64px]\",\n  \"72\": \"h-[72px] w-[72px]\"\n};\n\nconst RESPONSIVE_SIZES: Record<Breakpoint, Record<SizeKey, string>> = {\n  sm: {\n    \"12\": \"sm:h-[12px] sm:w-[12px]\",\n    \"16\": \"sm:h-[16px] sm:w-[16px]\",\n    \"18\": \"sm:h-[18px] sm:w-[18px]\",\n    \"20\": \"sm:h-[20px] sm:w-[20px]\",\n    \"24\": \"sm:h-[24px] sm:w-[24px]\",\n    \"32\": \"sm:h-[32px] sm:w-[32px]\",\n    \"36\": \"sm:h-[36px] sm:w-[36px]\",\n    \"40\": \"sm:h-[40px] sm:w-[40px]\",\n    \"42\": \"sm:h-[42px] sm:w-[42px]\",\n    \"48\": \"sm:h-[48px] sm:w-[48px]\",\n    \"64\": \"sm:h-[64px] sm:w-[64px]\",\n    \"72\": \"sm:h-[72px] sm:w-[72px]\"\n  },\n  md: {\n    \"12\": \"md:h-[12px] md:w-[12px]\",\n    \"16\": \"md:h-[16px] md:w-[16px]\",\n    \"18\": \"md:h-[18px] md:w-[18px]\",\n    \"20\": \"md:h-[20px] md:w-[20px]\",\n    \"24\": \"md:h-[24px] md:w-[24px]\",\n    \"32\": \"md:h-[32px] md:w-[32px]\",\n    \"36\": \"md:h-[36px] md:w-[36px]\",\n    \"40\": \"md:h-[40px] md:w-[40px]\",\n    \"42\": \"md:h-[42px] md:w-[42px]\",\n    \"48\": \"md:h-[48px] md:w-[48px]\",\n    \"64\": \"md:h-[64px] md:w-[64px]\",\n    \"72\": \"md:h-[72px] md:w-[72px]\"\n  },\n  lg: {\n    \"12\": \"lg:h-[12px] lg:w-[12px]\",\n    \"16\": \"lg:h-[16px] lg:w-[16px]\",\n    \"18\": \"lg:h-[18px] lg:w-[18px]\",\n    \"20\": \"lg:h-[20px] lg:w-[20px]\",\n    \"24\": \"lg:h-[24px] lg:w-[24px]\",\n    \"32\": \"lg:h-[32px] lg:w-[32px]\",\n    \"36\": \"lg:h-[36px] lg:w-[36px]\",\n    \"40\": \"lg:h-[40px] lg:w-[40px]\",\n    \"42\": \"lg:h-[42px] lg:w-[42px]\",\n    \"48\": \"lg:h-[48px] lg:w-[48px]\",\n    \"64\": \"lg:h-[64px] lg:w-[64px]\",\n    \"72\": \"lg:h-[72px] lg:w-[72px]\"\n  },\n  xl: {\n    \"12\": \"xl:h-[12px] xl:w-[12px]\",\n    \"16\": \"xl:h-[16px] xl:w-[16px]\",\n    \"18\": \"xl:h-[18px] xl:w-[18px]\",\n    \"20\": \"xl:h-[20px] xl:w-[20px]\",\n    \"24\": \"xl:h-[24px] xl:w-[24px]\",\n    \"32\": \"xl:h-[32px] xl:w-[32px]\",\n    \"36\": \"xl:h-[36px] xl:w-[36px]\",\n    \"40\": \"xl:h-[40px] xl:w-[40px]\",\n    \"42\": \"xl:h-[42px] xl:w-[42px]\",\n    \"48\": \"xl:h-[48px] xl:w-[48px]\",\n    \"64\": \"xl:h-[64px] xl:w-[64px]\",\n    \"72\": \"xl:h-[72px] xl:w-[72px]\"\n  },\n  \"2xl\": {\n    \"12\": \"2xl:h-[12px] 2xl:w-[12px]\",\n    \"16\": \"2xl:h-[16px] 2xl:w-[16px]\",\n    \"18\": \"2xl:h-[18px] 2xl:w-[18px]\",\n    \"20\": \"2xl:h-[20px] 2xl:w-[20px]\",\n    \"24\": \"2xl:h-[24px] 2xl:w-[24px]\",\n    \"32\": \"2xl:h-[32px] 2xl:w-[32px]\",\n    \"36\": \"2xl:h-[36px] 2xl:w-[36px]\",\n    \"40\": \"2xl:h-[40px] 2xl:w-[40px]\",\n    \"42\": \"2xl:h-[42px] 2xl:w-[42px]\",\n    \"48\": \"2xl:h-[48px] 2xl:w-[48px]\",\n    \"64\": \"2xl:h-[64px] 2xl:w-[64px]\",\n    \"72\": \"2xl:h-[72px] 2xl:w-[72px]\"\n  }\n};\n\nconst getSizeKey = (size: number): SizeKey | undefined => {\n  return String(size) as SizeKey;\n};\n\nexport const getResponsiveSize = (\n  size: ResponsiveSize | ResponsiveSize[] | undefined,\n  baseSize: number = 24\n): {\n  responsiveSizeClasses: string;\n  responsiveSizeStyles: Record<string, string>;\n} => {\n  const classes: string[] = [];\n  const styles: Record<string, string> = {};\n\n  // If no size provided, use baseSize\n  if (size === undefined) {\n    const key = getSizeKey(baseSize);\n    if (key) {\n      classes.push(BASE_SIZES[key]);\n    } else {\n      styles.height = `${baseSize}px`;\n      styles.width = `${baseSize}px`;\n    }\n  }\n\n  // If size is a number, use that directly\n  if (typeof size === \"number\") {\n    const key = getSizeKey(size);\n    if (key) {\n      classes.push(BASE_SIZES[key]);\n    } else {\n      styles.height = `${size}px`;\n      styles.width = `${size}px`;\n    }\n  }\n\n  // If array of responsive sizes, generate responsive classes\n  if (Array.isArray(size)) {\n    const baseKey = getSizeKey(baseSize);\n    const responsiveClasses = [\n      (baseKey && BASE_SIZES[baseKey]) || `h-[${baseSize}px] w-[${baseSize}px]`\n    ];\n\n    size.forEach((s) => {\n      if (typeof s === \"string\") {\n        const [breakpoint, valueStr] = s.split(\":\") as [Breakpoint, string];\n        const value = parseInt(valueStr, 10);\n        const key = getSizeKey(value);\n        classes.push(\n          (key && RESPONSIVE_SIZES[breakpoint]?.[key]) ||\n            `${breakpoint}:h-[${value}px] ${breakpoint}:w-[${value}px]`\n        );\n      }\n    });\n\n    classes.push(...responsiveClasses);\n  }\n\n  if (typeof size === \"string\") {\n    const [breakpoint, valueStr] = size.split(\":\") as [Breakpoint, string];\n    const value = parseInt(valueStr, 10);\n    const valueKey = getSizeKey(value);\n    classes.push(\n      (valueKey && RESPONSIVE_SIZES[breakpoint]?.[valueKey]) ||\n        `${breakpoint}:h-[${value}px] ${breakpoint}:w-[${value}px]`\n    );\n  }\n\n  return {\n    responsiveSizeClasses: classes.join(\" \"),\n    responsiveSizeStyles: styles\n  };\n};\n","import type { IconName } from \"@deckai/icons\";\nimport { IconMap } from \"@deckai/icons\";\nimport type { SVGProps } from \"react\";\nimport React from \"react\";\n\nimport type { IconColors } from \"../types/tailwind\";\nimport { cn } from \"../utils\";\nimport type { ResponsiveSize } from \"../utils/responsive\";\nimport { getResponsiveSize } from \"../utils/responsive\";\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\n// Using CSS variables to support dark mode\nconst COLOR_MAP: Record<IconColors, string> = {\n  primary: \"var(--color-primary)\",\n  secondary: \"var(--color-secondary)\",\n  white: \"var(--color-white)\",\n  primaryBlue: \"var(--color-primary-100)\",\n  disabled: \"var(--color-disabled)\",\n  danger: \"var(--color-danger)\"\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 { responsiveSizeClasses, responsiveSizeStyles } = getResponsiveSize(\n      size,\n      24\n    );\n\n    return (\n      <div\n        className={cn(\n          \"flex justify-center items-center\",\n          responsiveSizeClasses,\n          className\n        )}\n        style={{\n          [\"--icon-stroke\" as string]: COLOR_MAP[color],\n          ...responsiveSizeStyles,\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 type { IconName } from \"@deckai/icons\";\nimport * as ToastPrimitive from \"@radix-ui/react-toast\";\nimport * as React from \"react\";\n\nimport { cn } from \"../utils\";\nimport type { ButtonProps } from \"./Button\";\nimport { Button } from \"./Button\";\nimport { Icon } from \"./Icon\";\nimport { Text } from \"./Text\";\n\ntype ToastAction = {\n  label: string;\n  onClick?: () => void;\n  variant?: ButtonProps[\"variant\"];\n};\n\nexport type ToastProps = Omit<ToastPrimitive.ToastProps, \"action\"> & {\n  /** Optional title for the toast */\n  title?: string;\n  /** Main message content */\n  message: string;\n  /** Primary action button configuration */\n  action?: ToastAction;\n  /** Secondary action button configuration */\n  secondaryAction?: ToastAction;\n  /** Optional variant to change the visual style */\n  variant?: \"default\" | \"success\" | \"error\" | \"warning\";\n  /** Whether to allow dismissing by clicking outside */\n  allowOutsideClick?: boolean;\n  /** Optional className for custom styling */\n  className?: string;\n  /** Optional callback when toast is closed */\n  onClose?: () => void;\n};\n\nconst variants: Record<\n  NonNullable<ToastProps[\"variant\"]>,\n  {\n    icon: IconName;\n    className: string;\n  }\n> = {\n  default: {\n    icon: \"information\",\n    className: \"bg-gray-900 text-white\"\n  },\n  success: {\n    icon: \"check\",\n    className: \"bg-green-600 text-white\"\n  },\n  error: {\n    icon: \"danger\",\n    className: \"bg-tertiary-10 text-white\"\n  },\n  warning: {\n    icon: \"warning-2\",\n    className: \"bg-tertiary-20 text-white\"\n  }\n} as const;\n\nexport const Toast = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitive.Root>,\n  ToastProps\n>(\n  (\n    {\n      title,\n      message,\n      action,\n      secondaryAction,\n      variant = \"default\",\n      duration = 5000,\n      className,\n      onOpenChange,\n      allowOutsideClick = true,\n      onClose,\n      ...props\n    },\n    ref\n  ) => {\n    const variantConfig = variants[variant];\n\n    const handleOpenChange = React.useCallback(\n      (open: boolean) => {\n        // Only allow programmatic close or close button click if outside click is disabled\n        if (!allowOutsideClick && open === false) {\n          return;\n        }\n        onOpenChange?.(open);\n        if (!open) {\n          onClose?.();\n        }\n      },\n      [onOpenChange, allowOutsideClick, onClose]\n    );\n\n    return (\n      <ToastPrimitive.Root\n        ref={ref}\n        onOpenChange={handleOpenChange}\n        duration={duration}\n        className={cn(\n          \"group pointer-events-auto relative flex w-full flex-col gap-4 rounded-lg p-4 items-center\",\n          \"shadow-lg\",\n          \"data-[state=open]:animate-in data-[state=closed]:animate-out\",\n          \"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n          \"data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-right-full\",\n          variantConfig.className,\n          className\n        )}\n        {...props}\n      >\n        <ToastPrimitive.Close\n          className=\"absolute right-1 top-1 h-[40px] w-[40px] p-1 hover:bg-background-0/10 flex items-center justify-center rounded-lg\"\n          aria-label=\"Close\"\n          onClick={onClose}\n        >\n          <Icon name=\"close\" size={16} color=\"white\" />\n        </ToastPrimitive.Close>\n\n        <div className=\"flex gap-4\">\n          <Icon\n            name={variantConfig.icon}\n            className=\"h-5 w-5 shrink-0\"\n            color=\"white\"\n          />\n\n          <div className=\"flex flex-col flex-1 gap-2\">\n            {title && (\n              <ToastPrimitive.Title asChild>\n                <Text variant=\"body-default-bold\" color=\"inherit\">\n                  {title}\n                </Text>\n              </ToastPrimitive.Title>\n            )}\n            <ToastPrimitive.Description asChild>\n              <Text variant=\"body-xs-medium\" color=\"inherit\">\n                {message}\n              </Text>\n            </ToastPrimitive.Description>\n          </div>\n        </div>\n\n        {(action || secondaryAction) && (\n          <div className=\"flex gap-2 justify-end mt-2\">\n            {secondaryAction && (\n              <ToastPrimitive.Action asChild altText={secondaryAction.label}>\n                <div className=\"min-h-[40px] flex items-center\">\n                  <Button\n                    variant={secondaryAction.variant || \"outlined\"}\n                    color=\"black\"\n                    className=\"border-white text-white hover:bg-background-0/10\"\n                    onClick={secondaryAction.onClick}\n                  >\n                    {secondaryAction.label}\n                  </Button>\n                </div>\n              </ToastPrimitive.Action>\n            )}\n            {action && (\n              <ToastPrimitive.Action asChild altText={action.label}>\n                <div className=\"flex items-center\">\n                  <Button\n                    variant={action.variant || \"outlined\"}\n                    color=\"black\"\n                    className=\"border-white text-white hover:bg-background-0/10\"\n                    onClick={action.onClick}\n                  >\n                    {action.label}\n                  </Button>\n                </div>\n              </ToastPrimitive.Action>\n            )}\n          </div>\n        )}\n      </ToastPrimitive.Root>\n    );\n  }\n);\n\nToast.displayName = \"Toast\";\n","import { useCallback, useEffect, useState } from \"react\";\n\nconst useIsomorphicLayoutEffect =\n  typeof window !== \"undefined\" ? useEffect : () => {};\n\nexport const useMediaQuery = (query: string): boolean => {\n  // Initialize with null to prevent hydration mismatch\n  const [matches, setMatches] = useState<boolean | null>(null);\n\n  const getMatches = useCallback((query: string): boolean => {\n    if (typeof window !== \"undefined\") {\n      return window.matchMedia(query).matches;\n    }\n    return false;\n  }, []);\n\n  // Update matches after mount to prevent hydration mismatch\n  useIsomorphicLayoutEffect(() => {\n    setMatches(getMatches(query));\n  }, [query, getMatches]);\n\n  useEffect(() => {\n    if (typeof window !== \"undefined\") {\n      const mediaQuery = window.matchMedia(query);\n\n      const handleChange = () => {\n        setMatches(getMatches(query));\n      };\n\n      mediaQuery.addEventListener(\"change\", handleChange);\n\n      return () => {\n        mediaQuery.removeEventListener(\"change\", handleChange);\n      };\n    }\n  }, [query, getMatches]);\n\n  // Return false during SSR, actual value after hydration\n  return matches ?? false;\n};\n","import { useEffect, useLayoutEffect } from \"react\";\n\nexport const useIsomorphicLayoutEffect =\n  typeof window !== \"undefined\" ? useLayoutEffect : useEffect;\n","import type { ButtonHTMLAttributes } from \"react\";\nimport React from \"react\";\n\nimport { cn } from \"../utils\";\nimport { focusRingStyles } from \"../utils/tailwind\";\n\nexport type PressableProps = ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const Pressable = React.forwardRef<HTMLButtonElement, PressableProps>(\n  ({ children, type = \"button\", className, disabled, ...props }, ref) => (\n    <button\n      ref={ref}\n      type={type}\n      disabled={disabled}\n      className={cn(\n        \"appearance-none hover:opacity-80 transition-all active:scale-95\",\n        focusRingStyles,\n        disabled && \"opacity-50 cursor-not-allowed\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  )\n);\n\nPressable.displayName = \"Pressable\";\n","import * as RadixCollapsible from \"@radix-ui/react-collapsible\";\nimport React, { useRef, useState } from \"react\";\n\nimport { useIsomorphicLayoutEffect } from \"../hooks\";\nimport { cn } from \"../utils\";\nimport { Pressable } from \"./Pressable\";\nimport { Text } from \"./Text\";\n\nexport type CollapsibleProps = {\n  children: React.ReactNode;\n  maxHeight?: number;\n};\n\nexport function Collapsible({ children, maxHeight = 100 }: CollapsibleProps) {\n  const [open, setOpen] = React.useState(false);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const [contentHeight, setContentHeight] = useState<number>(maxHeight);\n\n  // Measure content height on mount and resize\n  useIsomorphicLayoutEffect(() => {\n    if (!contentRef.current) return;\n\n    const resizeObserver = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        setContentHeight(entry.target.scrollHeight);\n      }\n    });\n\n    resizeObserver.observe(contentRef.current);\n    return () => resizeObserver.disconnect();\n  }, []);\n\n  const shouldShowTrigger = contentHeight > maxHeight;\n\n  return (\n    <RadixCollapsible.Root open={open} onOpenChange={setOpen}>\n      <div className=\"relative\">\n        <div\n          className=\"overflow-hidden transition-[height] duration-300 ease-in-out\"\n          style={{\n            height: open ? `${contentHeight}px` : `${maxHeight}px`\n          }}\n        >\n          <div ref={contentRef} className=\"w-full\">\n            {children}\n          </div>\n        </div>\n\n        {shouldShowTrigger && (\n          <RadixCollapsible.Trigger asChild>\n            <Pressable\n              className={cn(\n                \"absolute -bottom-8 left-0 right-0\",\n                \"flex items-end justify-center\",\n                \"h-16 pt-8 pb-2\",\n                !open &&\n                  \"bg-gradient-to-b from-transparent via-background-0 to-background-0\",\n                \"hover:opacity-100 transition-opacity\"\n              )}\n            >\n              <Text variant=\"label-default\" color=\"secondary\">\n                {open ? \"See less\" : \"See more\"}\n              </Text>\n            </Pressable>\n          </RadixCollapsible.Trigger>\n        )}\n      </div>\n    </RadixCollapsible.Root>\n  );\n}\n\nCollapsible.displayName = \"Collapsible\";\n"]}

package/dist/components/Collapsible.d.cts

@@ -4,9 +4,9 @@ type CollapsibleProps = {
     children: React__default.ReactNode;
     maxHeight?: number;
 };
-declare const Collapsible: {
-    ({ children, maxHeight }: CollapsibleProps): React__default.JSX.Element;
-    displayName: string;
-};
+declare function Collapsible({ children, maxHeight }: CollapsibleProps): React__default.JSX.Element;
+declare namespace Collapsible {
+    var displayName: string;
+}
 
 export { Collapsible, type CollapsibleProps };

package/dist/components/Collapsible.d.ts

@@ -4,9 +4,9 @@ type CollapsibleProps = {
     children: React__default.ReactNode;
     maxHeight?: number;
 };
-declare const Collapsible: {
-    ({ children, maxHeight }: CollapsibleProps): React__default.JSX.Element;
-    displayName: string;
-};
+declare function Collapsible({ children, maxHeight }: CollapsibleProps): React__default.JSX.Element;
+declare namespace Collapsible {
+    var displayName: string;
+}
 
 export { Collapsible, type CollapsibleProps };

package/dist/components/Collapsible.js

@@ -1,4 +1,4 @@
-import*as v from'@radix-ui/react-collapsible';import*as a from'react';import a__default,{useRef,useState,useLayoutEffect,useEffect}from'react';import*as x from'@radix-ui/react-toast';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {IconMap}from'@deckai/icons';function d(...e){return twMerge(clsx(e))}var j={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},K=e=>{let[r,t]=e.split("-");return r==="heading"?j[t]||"p":r==="label"?"label":"p"},z={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},G=e=>e?(Array.isArray(e)?e:[e]).map(t=>{if(t.includes(":")){let[s,o]=t.split(":");return `${s}:text-${o}`}return `text-${t}`}).join(" "):"text-body-default",h=a__default.forwardRef(({variant:e="body-default",color:r="primary",as:t,className:s,children:o,weight:n,...p},i)=>{let l=G(e),c=r==="inherit"?"text-inherit":`text-${r}`,m=a__default.useMemo(()=>{let y=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return K(y)},[e]);return a__default.createElement(t||m,{ref:i,className:`
+import*as v from'@radix-ui/react-collapsible';import*as a from'react';import a__default,{useRef,useState,useLayoutEffect,useEffect}from'react';import*as m from'@radix-ui/react-toast';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {IconMap}from'@deckai/icons';function d(...e){return twMerge(clsx(e))}var j={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},K=e=>{let[r,t]=e.split("-");return r==="heading"?j[t]||"p":r==="label"?"label":"p"},z={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},G=e=>e?(Array.isArray(e)?e:[e]).map(t=>{if(t.includes(":")){let[s,o]=t.split(":");return `${s}:text-${o}`}return `text-${t}`}).join(" "):"text-body-default",h=a__default.forwardRef(({variant:e="body-default",color:r="primary",as:t,className:s,children:o,weight:n,...p},i)=>{let l=G(e),c=r==="inherit"?"text-inherit":`text-${r}`,x=a__default.useMemo(()=>{let y=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return K(y)},[e]);return a__default.createElement(t||x,{ref:i,className:`
           font-sans antialiased
           ${l}
           ${c}
@@ -12,5 +12,5 @@ import*as v from'@radix-ui/react-collapsible';import*as a from'react';import a__
           transition-colors duration-200
           disabled:opacity-50 disabled:pointer-events-none
           hover:opacity-80 active:scale-95 
-          truncate`,b,r==="filled"?W[t]:r==="transparent"?"bg-transparent text-text":_[t],e),disabled:n||s,type:"button",...i},typeof o=="string"?a.createElement(h,{variant:["sm:body-default-bold","body-xxs-semibold"],color:"inherit"},o):o,p));T.displayName="Button";var M={12:"h-[12px] w-[12px]",16:"h-[16px] w-[16px]",18:"h-[18px] w-[18px]",20:"h-[20px] w-[20px]",24:"h-[24px] w-[24px]",32:"h-[32px] w-[32px]",36:"h-[36px] w-[36px]",40:"h-[40px] w-[40px]",42:"h-[42px] w-[42px]",48:"h-[48px] w-[48px]",64:"h-[64px] w-[64px]",72:"h-[72px] w-[72px]"},P={sm:{12:"sm:h-[12px] sm:w-[12px]",16:"sm:h-[16px] sm:w-[16px]",18:"sm:h-[18px] sm:w-[18px]",20:"sm:h-[20px] sm:w-[20px]",24:"sm:h-[24px] sm:w-[24px]",32:"sm:h-[32px] sm:w-[32px]",36:"sm:h-[36px] sm:w-[36px]",40:"sm:h-[40px] sm:w-[40px]",42:"sm:h-[42px] sm:w-[42px]",48:"sm:h-[48px] sm:w-[48px]",64:"sm:h-[64px] sm:w-[64px]",72:"sm:h-[72px] sm:w-[72px]"},md:{12:"md:h-[12px] md:w-[12px]",16:"md:h-[16px] md:w-[16px]",18:"md:h-[18px] md:w-[18px]",20:"md:h-[20px] md:w-[20px]",24:"md:h-[24px] md:w-[24px]",32:"md:h-[32px] md:w-[32px]",36:"md:h-[36px] md:w-[36px]",40:"md:h-[40px] md:w-[40px]",42:"md:h-[42px] md:w-[42px]",48:"md:h-[48px] md:w-[48px]",64:"md:h-[64px] md:w-[64px]",72:"md:h-[72px] md:w-[72px]"},lg:{12:"lg:h-[12px] lg:w-[12px]",16:"lg:h-[16px] lg:w-[16px]",18:"lg:h-[18px] lg:w-[18px]",20:"lg:h-[20px] lg:w-[20px]",24:"lg:h-[24px] lg:w-[24px]",32:"lg:h-[32px] lg:w-[32px]",36:"lg:h-[36px] lg:w-[36px]",40:"lg:h-[40px] lg:w-[40px]",42:"lg:h-[42px] lg:w-[42px]",48:"lg:h-[48px] lg:w-[48px]",64:"lg:h-[64px] lg:w-[64px]",72:"lg:h-[72px] lg:w-[72px]"},xl:{12:"xl:h-[12px] xl:w-[12px]",16:"xl:h-[16px] xl:w-[16px]",18:"xl:h-[18px] xl:w-[18px]",20:"xl:h-[20px] xl:w-[20px]",24:"xl:h-[24px] xl:w-[24px]",32:"xl:h-[32px] xl:w-[32px]",36:"xl:h-[36px] xl:w-[36px]",40:"xl:h-[40px] xl:w-[40px]",42:"xl:h-[42px] xl:w-[42px]",48:"xl:h-[48px] xl:w-[48px]",64:"xl:h-[64px] xl:w-[64px]",72:"xl:h-[72px] xl:w-[72px]"},"2xl":{12:"2xl:h-[12px] 2xl:w-[12px]",16:"2xl:h-[16px] 2xl:w-[16px]",18:"2xl:h-[18px] 2xl:w-[18px]",20:"2xl:h-[20px] 2xl:w-[20px]",24:"2xl:h-[24px] 2xl:w-[24px]",32:"2xl:h-[32px] 2xl:w-[32px]",36:"2xl:h-[36px] 2xl:w-[36px]",40:"2xl:h-[40px] 2xl:w-[40px]",42:"2xl:h-[42px] 2xl:w-[42px]",48:"2xl:h-[48px] 2xl:w-[48px]",64:"2xl:h-[64px] 2xl:w-[64px]",72:"2xl:h-[72px] 2xl:w-[72px]"}},f=e=>String(e),k=(e,r=24)=>{let t=[],s={};if(e===undefined){let o=f(r);o?t.push(M[o]):(s.height=`${r}px`,s.width=`${r}px`);}if(typeof e=="number"){let o=f(e);o?t.push(M[o]):(s.height=`${e}px`,s.width=`${e}px`);}if(Array.isArray(e)){let o=f(r),n=[o&&M[o]||`h-[${r}px] w-[${r}px]`];e.forEach(p=>{if(typeof p=="string"){let[i,l]=p.split(":"),c=parseInt(l,10),m=f(c);t.push(m&&P[i]?.[m]||`${i}:h-[${c}px] ${i}:w-[${c}px]`);}}),t.push(...n);}if(typeof e=="string"){let[o,n]=e.split(":"),p=parseInt(n,10),i=f(p);t.push(i&&P[o]?.[i]||`${o}:h-[${p}px] ${o}:w-[${p}px]`);}return {responsiveSizeClasses:t.join(" "),responsiveSizeStyles:s}};var S={primary:"var(--color-primary)",secondary:"var(--color-secondary)",white:"var(--color-white)",primaryBlue:"var(--color-primary-100)",disabled:"var(--color-disabled)",danger:"var(--color-danger)"},w=a__default.forwardRef(({name:e,size:r=24,color:t="primary",title:s,className:o,style:n={},...p},i)=>{let l=IconMap[e],{responsiveSizeClasses:c,responsiveSizeStyles:m}=k(r,24);return a__default.createElement("div",{className:d("flex justify-center items-center",c,o),style:{"--icon-stroke":S[t],...m,...n}},a__default.createElement(l,{ref:i,"aria-hidden":!s,"aria-label":s,stroke:e.includes("filled")?undefined:S[t],...p}))});w.displayName="Icon";var Q={default:{icon:"information",className:"bg-gray-900 text-white"},success:{icon:"check",className:"bg-green-600 text-white"},error:{icon:"danger",className:"bg-tertiary-10 text-white"},warning:{icon:"warning-2",className:"bg-tertiary-20 text-white"}},N=a.forwardRef(({title:e,message:r,action:t,secondaryAction:s,variant:o="default",duration:n=5e3,className:p,onOpenChange:i,allowOutsideClick:l=true,onClose:c,...m},$)=>{let y=Q[o],I=a.useCallback(R=>{!l&&R===false||(i?.(R),R||c?.());},[i,l,c]);return a.createElement(x.Root,{ref:$,onOpenChange:I,duration:n,className:d("group pointer-events-auto relative flex w-full flex-col gap-4 rounded-lg p-4 items-center","shadow-lg","data-[state=open]:animate-in data-[state=closed]:animate-out","data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0","data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-right-full",y.className,p),...m},a.createElement(x.Close,{className:"absolute right-1 top-1 h-[40px] w-[40px] p-1 hover:bg-background-0/10 flex items-center justify-center rounded-lg","aria-label":"Close",onClick:c},a.createElement(w,{name:"close",size:16,color:"white"})),a.createElement("div",{className:"flex gap-4"},a.createElement(w,{name:y.icon,className:"h-5 w-5 shrink-0",color:"white"}),a.createElement("div",{className:"flex flex-col flex-1 gap-2"},e&&a.createElement(x.Title,{asChild:true},a.createElement(h,{variant:"body-default-bold",color:"inherit"},e)),a.createElement(x.Description,{asChild:true},a.createElement(h,{variant:"body-xs-medium",color:"inherit"},r)))),(t||s)&&a.createElement("div",{className:"flex gap-2 justify-end mt-2"},s&&a.createElement(x.Action,{asChild:true,altText:s.label},a.createElement("div",{className:"min-h-[40px] flex items-center"},a.createElement(T,{variant:s.variant||"outlined",color:"black",className:"border-white text-white hover:bg-background-0/10",onClick:s.onClick},s.label))),t&&a.createElement(x.Action,{asChild:true,altText:t.label},a.createElement("div",{className:"flex items-center"},a.createElement(T,{variant:t.variant||"outlined",color:"black",className:"border-white text-white hover:bg-background-0/10",onClick:t.onClick},t.label)))))});N.displayName="Toast";var A=typeof window<"u"?useLayoutEffect:useEffect;var C=a__default.forwardRef(({children:e,type:r="button",className:t,disabled:s,...o},n)=>a__default.createElement("button",{ref:n,type:r,disabled:s,className:d("appearance-none hover:opacity-80 transition-all active:scale-95",b,s&&"opacity-50 cursor-not-allowed",t),...o},e));C.displayName="Pressable";var X=({children:e,maxHeight:r=100})=>{let[t,s]=a__default.useState(false),o=useRef(null),[n,p]=useState(r);A(()=>{if(!o.current)return;let l=new ResizeObserver(c=>{for(let m of c)p(m.target.scrollHeight);});return l.observe(o.current),()=>l.disconnect()},[]);let i=n>r;return a__default.createElement(v.Root,{open:t,onOpenChange:s},a__default.createElement("div",{className:"relative"},a__default.createElement("div",{className:"overflow-hidden transition-[height] duration-300 ease-in-out",style:{height:t?`${n}px`:`${r}px`}},a__default.createElement("div",{ref:o,className:"w-full"},e)),i&&a__default.createElement(v.Trigger,{asChild:true},a__default.createElement(C,{className:d("absolute -bottom-8 left-0 right-0","flex items-end justify-center","h-16 pt-8 pb-2",!t&&"bg-gradient-to-b from-transparent via-background-0 to-background-0","hover:opacity-100 transition-opacity")},a__default.createElement(h,{variant:"label-default",color:"secondary"},t?"See less":"See more")))))};X.displayName="Collapsible";export{X as Collapsible};//# sourceMappingURL=Collapsible.js.map
+          truncate`,b,r==="filled"?W[t]:r==="transparent"?"bg-transparent text-text":_[t],e),disabled:n||s,type:"button",...i},typeof o=="string"?a.createElement(h,{variant:["sm:body-default-bold","body-xxs-semibold"],color:"inherit"},o):o,p));T.displayName="Button";var M={12:"h-[12px] w-[12px]",16:"h-[16px] w-[16px]",18:"h-[18px] w-[18px]",20:"h-[20px] w-[20px]",24:"h-[24px] w-[24px]",32:"h-[32px] w-[32px]",36:"h-[36px] w-[36px]",40:"h-[40px] w-[40px]",42:"h-[42px] w-[42px]",48:"h-[48px] w-[48px]",64:"h-[64px] w-[64px]",72:"h-[72px] w-[72px]"},k={sm:{12:"sm:h-[12px] sm:w-[12px]",16:"sm:h-[16px] sm:w-[16px]",18:"sm:h-[18px] sm:w-[18px]",20:"sm:h-[20px] sm:w-[20px]",24:"sm:h-[24px] sm:w-[24px]",32:"sm:h-[32px] sm:w-[32px]",36:"sm:h-[36px] sm:w-[36px]",40:"sm:h-[40px] sm:w-[40px]",42:"sm:h-[42px] sm:w-[42px]",48:"sm:h-[48px] sm:w-[48px]",64:"sm:h-[64px] sm:w-[64px]",72:"sm:h-[72px] sm:w-[72px]"},md:{12:"md:h-[12px] md:w-[12px]",16:"md:h-[16px] md:w-[16px]",18:"md:h-[18px] md:w-[18px]",20:"md:h-[20px] md:w-[20px]",24:"md:h-[24px] md:w-[24px]",32:"md:h-[32px] md:w-[32px]",36:"md:h-[36px] md:w-[36px]",40:"md:h-[40px] md:w-[40px]",42:"md:h-[42px] md:w-[42px]",48:"md:h-[48px] md:w-[48px]",64:"md:h-[64px] md:w-[64px]",72:"md:h-[72px] md:w-[72px]"},lg:{12:"lg:h-[12px] lg:w-[12px]",16:"lg:h-[16px] lg:w-[16px]",18:"lg:h-[18px] lg:w-[18px]",20:"lg:h-[20px] lg:w-[20px]",24:"lg:h-[24px] lg:w-[24px]",32:"lg:h-[32px] lg:w-[32px]",36:"lg:h-[36px] lg:w-[36px]",40:"lg:h-[40px] lg:w-[40px]",42:"lg:h-[42px] lg:w-[42px]",48:"lg:h-[48px] lg:w-[48px]",64:"lg:h-[64px] lg:w-[64px]",72:"lg:h-[72px] lg:w-[72px]"},xl:{12:"xl:h-[12px] xl:w-[12px]",16:"xl:h-[16px] xl:w-[16px]",18:"xl:h-[18px] xl:w-[18px]",20:"xl:h-[20px] xl:w-[20px]",24:"xl:h-[24px] xl:w-[24px]",32:"xl:h-[32px] xl:w-[32px]",36:"xl:h-[36px] xl:w-[36px]",40:"xl:h-[40px] xl:w-[40px]",42:"xl:h-[42px] xl:w-[42px]",48:"xl:h-[48px] xl:w-[48px]",64:"xl:h-[64px] xl:w-[64px]",72:"xl:h-[72px] xl:w-[72px]"},"2xl":{12:"2xl:h-[12px] 2xl:w-[12px]",16:"2xl:h-[16px] 2xl:w-[16px]",18:"2xl:h-[18px] 2xl:w-[18px]",20:"2xl:h-[20px] 2xl:w-[20px]",24:"2xl:h-[24px] 2xl:w-[24px]",32:"2xl:h-[32px] 2xl:w-[32px]",36:"2xl:h-[36px] 2xl:w-[36px]",40:"2xl:h-[40px] 2xl:w-[40px]",42:"2xl:h-[42px] 2xl:w-[42px]",48:"2xl:h-[48px] 2xl:w-[48px]",64:"2xl:h-[64px] 2xl:w-[64px]",72:"2xl:h-[72px] 2xl:w-[72px]"}},g=e=>String(e),P=(e,r=24)=>{let t=[],s={};if(e===void 0){let o=g(r);o?t.push(M[o]):(s.height=`${r}px`,s.width=`${r}px`);}if(typeof e=="number"){let o=g(e);o?t.push(M[o]):(s.height=`${e}px`,s.width=`${e}px`);}if(Array.isArray(e)){let o=g(r),n=[o&&M[o]||`h-[${r}px] w-[${r}px]`];e.forEach(p=>{if(typeof p=="string"){let[i,l]=p.split(":"),c=parseInt(l,10),x=g(c);t.push(x&&k[i]?.[x]||`${i}:h-[${c}px] ${i}:w-[${c}px]`);}}),t.push(...n);}if(typeof e=="string"){let[o,n]=e.split(":"),p=parseInt(n,10),i=g(p);t.push(i&&k[o]?.[i]||`${o}:h-[${p}px] ${o}:w-[${p}px]`);}return {responsiveSizeClasses:t.join(" "),responsiveSizeStyles:s}};var S={primary:"var(--color-primary)",secondary:"var(--color-secondary)",white:"var(--color-white)",primaryBlue:"var(--color-primary-100)",disabled:"var(--color-disabled)",danger:"var(--color-danger)"},w=a__default.forwardRef(({name:e,size:r=24,color:t="primary",title:s,className:o,style:n={},...p},i)=>{let l=IconMap[e],{responsiveSizeClasses:c,responsiveSizeStyles:x}=P(r,24);return a__default.createElement("div",{className:d("flex justify-center items-center",c,o),style:{"--icon-stroke":S[t],...x,...n}},a__default.createElement(l,{ref:i,"aria-hidden":!s,"aria-label":s,stroke:e.includes("filled")?void 0:S[t],...p}))});w.displayName="Icon";var Q={default:{icon:"information",className:"bg-gray-900 text-white"},success:{icon:"check",className:"bg-green-600 text-white"},error:{icon:"danger",className:"bg-tertiary-10 text-white"},warning:{icon:"warning-2",className:"bg-tertiary-20 text-white"}},N=a.forwardRef(({title:e,message:r,action:t,secondaryAction:s,variant:o="default",duration:n=5e3,className:p,onOpenChange:i,allowOutsideClick:l=true,onClose:c,...x},$)=>{let y=Q[o],I=a.useCallback(R=>{!l&&R===false||(i?.(R),R||c?.());},[i,l,c]);return a.createElement(m.Root,{ref:$,onOpenChange:I,duration:n,className:d("group pointer-events-auto relative flex w-full flex-col gap-4 rounded-lg p-4 items-center","shadow-lg","data-[state=open]:animate-in data-[state=closed]:animate-out","data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0","data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-right-full",y.className,p),...x},a.createElement(m.Close,{className:"absolute right-1 top-1 h-[40px] w-[40px] p-1 hover:bg-background-0/10 flex items-center justify-center rounded-lg","aria-label":"Close",onClick:c},a.createElement(w,{name:"close",size:16,color:"white"})),a.createElement("div",{className:"flex gap-4"},a.createElement(w,{name:y.icon,className:"h-5 w-5 shrink-0",color:"white"}),a.createElement("div",{className:"flex flex-col flex-1 gap-2"},e&&a.createElement(m.Title,{asChild:true},a.createElement(h,{variant:"body-default-bold",color:"inherit"},e)),a.createElement(m.Description,{asChild:true},a.createElement(h,{variant:"body-xs-medium",color:"inherit"},r)))),(t||s)&&a.createElement("div",{className:"flex gap-2 justify-end mt-2"},s&&a.createElement(m.Action,{asChild:true,altText:s.label},a.createElement("div",{className:"min-h-[40px] flex items-center"},a.createElement(T,{variant:s.variant||"outlined",color:"black",className:"border-white text-white hover:bg-background-0/10",onClick:s.onClick},s.label))),t&&a.createElement(m.Action,{asChild:true,altText:t.label},a.createElement("div",{className:"flex items-center"},a.createElement(T,{variant:t.variant||"outlined",color:"black",className:"border-white text-white hover:bg-background-0/10",onClick:t.onClick},t.label)))))});N.displayName="Toast";var A=typeof window<"u"?useLayoutEffect:useEffect;var C=a__default.forwardRef(({children:e,type:r="button",className:t,disabled:s,...o},n)=>a__default.createElement("button",{ref:n,type:r,disabled:s,className:d("appearance-none hover:opacity-80 transition-all active:scale-95",b,s&&"opacity-50 cursor-not-allowed",t),...o},e));C.displayName="Pressable";function X({children:e,maxHeight:r=100}){let[t,s]=a__default.useState(false),o=useRef(null),[n,p]=useState(r);A(()=>{if(!o.current)return;let l=new ResizeObserver(c=>{for(let x of c)p(x.target.scrollHeight);});return l.observe(o.current),()=>l.disconnect()},[]);let i=n>r;return a__default.createElement(v.Root,{open:t,onOpenChange:s},a__default.createElement("div",{className:"relative"},a__default.createElement("div",{className:"overflow-hidden transition-[height] duration-300 ease-in-out",style:{height:t?`${n}px`:`${r}px`}},a__default.createElement("div",{ref:o,className:"w-full"},e)),i&&a__default.createElement(v.Trigger,{asChild:true},a__default.createElement(C,{className:d("absolute -bottom-8 left-0 right-0","flex items-end justify-center","h-16 pt-8 pb-2",!t&&"bg-gradient-to-b from-transparent via-background-0 to-background-0","hover:opacity-100 transition-opacity")},a__default.createElement(h,{variant:"label-default",color:"secondary"},t?"See less":"See more")))))}X.displayName="Collapsible";export{X as Collapsible};//# sourceMappingURL=Collapsible.js.map
 //# sourceMappingURL=Collapsible.js.map

package/dist/components/Collapsible.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/index.ts","../../src/components/Text.tsx","../../src/utils/tailwind.ts","../../src/components/Button.tsx","../../src/utils/responsive.ts","../../src/components/Icon.tsx","../../src/components/Toast.tsx","../../src/hooks/useIsomorphicLayoutEffect.tsx","../../src/components/Pressable.tsx","../../src/components/Collapsible.tsx"],"names":["cn","inputs","twMerge","clsx","HEADING_ELEMENT_MAP","getElementFromVariant","variant","category","size","fontWeight","processVariants","variants","breakpoint","typographyClass","Text","React","color","as","className","children","weight","props","ref","typographyClasses","colorClasses","suggestedElement","baseVariant","focusRingStyles","filled","outlined","Button","g","isLoading","disabled","end","BASE_SIZES","RESPONSIVE_SIZES","getSizeKey","getResponsiveSize","baseSize","classes","styles","key","baseKey","responsiveClasses","s","valueStr","value","valueKey","COLOR_MAP","Icon","name","title","style","IconComponent","IconMap","responsiveSizeClasses","responsiveSizeStyles","Toast","message","action","secondaryAction","duration","onOpenChange","allowOutsideClick","onClose","variantConfig","handleOpenChange","open","useIsomorphicLayoutEffect","useLayoutEffect","useEffect","Pressable","type","Collapsible","maxHeight","setOpen","contentRef","useRef","contentHeight","setContentHeight","useState","resizeObserver","entries","entry","shouldShowTrigger"],"mappings":"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","file":"Collapsible.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 from \"react\";\nimport { Typography } from \"../types/tailwind\";\nimport { Breakpoint } from \"../utils/responsive\";\n\ntype TextElement =\n  | \"p\"\n  | \"span\"\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\"\n  | \"strong\"\n  | \"em\"\n  | \"blockquote\"\n  | \"pre\"\n  | \"code\"\n  | \"small\"\n  | \"label\"\n  | \"a\";\n\n// HTML element mapping type\ntype HTMLElementByTag = {\n  p: HTMLParagraphElement;\n  span: HTMLSpanElement;\n  h1: HTMLHeadingElement;\n  h2: HTMLHeadingElement;\n  h3: HTMLHeadingElement;\n  h4: HTMLHeadingElement;\n  h5: HTMLHeadingElement;\n  h6: HTMLHeadingElement;\n  strong: HTMLElement;\n  em: HTMLElement;\n  blockquote: HTMLQuoteElement;\n  pre: HTMLPreElement;\n  code: HTMLElement;\n  small: HTMLElement;\n  label: HTMLLabelElement;\n  a: HTMLAnchorElement;\n};\n\n// HTML props mapping type\ntype HTMLPropsMap = {\n  p: React.HTMLAttributes<HTMLParagraphElement>;\n  span: React.HTMLAttributes<HTMLSpanElement>;\n  h1: React.HTMLAttributes<HTMLHeadingElement>;\n  h2: React.HTMLAttributes<HTMLHeadingElement>;\n  h3: React.HTMLAttributes<HTMLHeadingElement>;\n  h4: React.HTMLAttributes<HTMLHeadingElement>;\n  h5: React.HTMLAttributes<HTMLHeadingElement>;\n  h6: React.HTMLAttributes<HTMLHeadingElement>;\n  strong: React.HTMLAttributes<HTMLElement>;\n  em: React.HTMLAttributes<HTMLElement>;\n  blockquote: React.HTMLAttributes<HTMLQuoteElement>;\n  pre: React.HTMLAttributes<HTMLPreElement>;\n  code: React.HTMLAttributes<HTMLElement>;\n  small: React.HTMLAttributes<HTMLElement>;\n  label: React.LabelHTMLAttributes<HTMLLabelElement>;\n  a: Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, \"color\">;\n};\n\ntype TextColor =\n  | \"primary\"\n  | \"secondary\"\n  | \"white\"\n  | \"primary-blue\"\n  | \"disabled\"\n  | \"danger\"\n  | \"inherit\"\n  | \"primary-100\";\n\nconst HEADING_ELEMENT_MAP: Record<string, TextElement> = {\n  xl: \"h1\",\n  lg: \"h1\",\n  md: \"h2\",\n  sm: \"h3\",\n  xs: \"h4\"\n};\n\nconst getElementFromVariant = (variant: TypographyKey): TextElement => {\n  const [category, size] = variant.split(\"-\");\n\n  if (category === \"heading\") {\n    return HEADING_ELEMENT_MAP[size] || \"p\";\n  }\n\n  if (category === \"label\") {\n    return \"label\";\n  }\n\n  return \"p\";\n};\n\ntype Weight = \"light\" | \"regular\" | \"semibold\" | \"bold\";\n\nconst fontWeight: Record<Weight, string> = {\n  light: \"font-light\",\n  regular: \"font-regular\",\n  semibold: \"font-semibold\",\n  bold: \"font-bold\"\n};\n\ntype ResponsiveVariant = TypographyKey | `${Breakpoint}:${TypographyKey}`;\n\ntype TypographyCategory = keyof Typography;\ntype TypographyValue<T extends TypographyCategory> = Extract<\n  keyof Typography[T],\n  string | number | bigint | boolean | null | undefined\n>;\ntype TypographyKey = {\n  [T in TypographyCategory]: `${T}-${TypographyValue<T>}`;\n}[TypographyCategory];\n\n// Update TextProps to use ResponsiveVariant\nexport type TextProps<T extends TextElement = \"p\"> = {\n  variant?: ResponsiveVariant | ResponsiveVariant[];\n  color?: TextColor;\n  as?: T;\n  className?: string;\n  children: React.ReactNode;\n  weight?: Weight;\n} & HTMLPropsMap[T];\n\n// Add helper function to process variants\nconst processVariants = (\n  variants: ResponsiveVariant | ResponsiveVariant[] | undefined\n): string => {\n  if (!variants) return \"text-body-default\";\n\n  const variantArray = Array.isArray(variants) ? variants : [variants];\n\n  return variantArray\n    .map((variant) => {\n      if (variant.includes(\":\")) {\n        const [breakpoint, typographyClass] = variant.split(\":\");\n        return `${breakpoint}:text-${typographyClass}`;\n      }\n      return `text-${variant}`;\n    })\n    .join(\" \");\n};\n\nexport const Text = React.forwardRef(\n  <T extends TextElement = \"p\">(\n    {\n      variant = \"body-default\",\n      color = \"primary\",\n      as,\n      className,\n      children,\n      weight,\n      ...props\n    }: TextProps<T>,\n    ref: React.ForwardedRef<HTMLElementByTag[T]>\n  ) => {\n    // Process typography classes with breakpoints\n    const typographyClasses = processVariants(variant);\n\n    // Get color styles using Tailwind classes that reference CSS variables\n    const colorClasses = color === \"inherit\" ? \"text-inherit\" : `text-${color}`;\n\n    const suggestedElement = React.useMemo(() => {\n      const baseVariant =\n        typeof variant === \"string\"\n          ? variant.split(\":\").pop()!\n          : Array.isArray(variant)\n            ? variant[0].split(\":\").pop()!\n            : \"body-default\";\n      return getElementFromVariant(baseVariant as TypographyKey);\n    }, [variant]);\n\n    const Component = (as || suggestedElement) as T;\n\n    return (\n      // @ts-expect-error TODO: figure this out\n      <Component\n        ref={ref}\n        className={`\n          font-sans antialiased\n          ${typographyClasses}\n          ${colorClasses}\n          ${weight && `!${fontWeight[weight]}`}\n          ${className}\n        `}\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\n\nText.displayName = \"Text\";\n","import { 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  const breakpoints = [\"sm\", \"md\", \"lg\", \"xl\", \"2xl\"];\n  const sizes = [\"24\", \"42\", \"48\", \"64\", \"72\"]; // Add all the sizes you need\n\n  const safelist: (string | { pattern: RegExp; variants: 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 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  // Generate size classes with responsive variants\n  const sizeClasses = sizes.flatMap((size) => [\n    `h-[${size}px]`,\n    `w-[${size}px]`,\n    ...breakpoints.flatMap((bp) => [\n      `${bp}:h-[${size}px]`,\n      `${bp}:w-[${size}px]`\n    ])\n  ]);\n\n  return [...typographyClasses, ...responsiveTypographyClasses, ...sizeClasses];\n};\n\nexport const focusRingStyles =\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-100\";\nexport const focusRingWithinStyles =\n  \"focus-within:outline-none focus-within:ring-2 focus-within:ring-primary-100\";\nexport const focusRingStylesCoerced = \"ring-2 ring-primary-100\";\n","import * 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\" | \"transparent\";\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-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 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      end,\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\"\n          ? filled[color]\n          : variant === \"transparent\"\n            ? \"bg-transparent text-text\"\n            : 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      {end}\n    </button>\n  )\n);\n\nButton.displayName = \"Button\";\n","export type Breakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\nexport type ResponsiveSize = number | `${Breakpoint}:${number}`;\n\ntype SizeKey =\n  | \"12\"\n  | \"16\"\n  | \"18\"\n  | \"20\"\n  | \"24\"\n  | \"32\"\n  | \"36\"\n  | \"40\"\n  | \"42\"\n  | \"48\"\n  | \"64\"\n  | \"72\";\n\n// These constants help Tailwind identify the classes during compilation\nconst BASE_SIZES: Record<SizeKey, string> = {\n  \"12\": \"h-[12px] w-[12px]\",\n  \"16\": \"h-[16px] w-[16px]\",\n  \"18\": \"h-[18px] w-[18px]\",\n  \"20\": \"h-[20px] w-[20px]\",\n  \"24\": \"h-[24px] w-[24px]\",\n  \"32\": \"h-[32px] w-[32px]\",\n  \"36\": \"h-[36px] w-[36px]\",\n  \"40\": \"h-[40px] w-[40px]\",\n  \"42\": \"h-[42px] w-[42px]\",\n  \"48\": \"h-[48px] w-[48px]\",\n  \"64\": \"h-[64px] w-[64px]\",\n  \"72\": \"h-[72px] w-[72px]\"\n};\n\nconst RESPONSIVE_SIZES: Record<Breakpoint, Record<SizeKey, string>> = {\n  sm: {\n    \"12\": \"sm:h-[12px] sm:w-[12px]\",\n    \"16\": \"sm:h-[16px] sm:w-[16px]\",\n    \"18\": \"sm:h-[18px] sm:w-[18px]\",\n    \"20\": \"sm:h-[20px] sm:w-[20px]\",\n    \"24\": \"sm:h-[24px] sm:w-[24px]\",\n    \"32\": \"sm:h-[32px] sm:w-[32px]\",\n    \"36\": \"sm:h-[36px] sm:w-[36px]\",\n    \"40\": \"sm:h-[40px] sm:w-[40px]\",\n    \"42\": \"sm:h-[42px] sm:w-[42px]\",\n    \"48\": \"sm:h-[48px] sm:w-[48px]\",\n    \"64\": \"sm:h-[64px] sm:w-[64px]\",\n    \"72\": \"sm:h-[72px] sm:w-[72px]\"\n  },\n  md: {\n    \"12\": \"md:h-[12px] md:w-[12px]\",\n    \"16\": \"md:h-[16px] md:w-[16px]\",\n    \"18\": \"md:h-[18px] md:w-[18px]\",\n    \"20\": \"md:h-[20px] md:w-[20px]\",\n    \"24\": \"md:h-[24px] md:w-[24px]\",\n    \"32\": \"md:h-[32px] md:w-[32px]\",\n    \"36\": \"md:h-[36px] md:w-[36px]\",\n    \"40\": \"md:h-[40px] md:w-[40px]\",\n    \"42\": \"md:h-[42px] md:w-[42px]\",\n    \"48\": \"md:h-[48px] md:w-[48px]\",\n    \"64\": \"md:h-[64px] md:w-[64px]\",\n    \"72\": \"md:h-[72px] md:w-[72px]\"\n  },\n  lg: {\n    \"12\": \"lg:h-[12px] lg:w-[12px]\",\n    \"16\": \"lg:h-[16px] lg:w-[16px]\",\n    \"18\": \"lg:h-[18px] lg:w-[18px]\",\n    \"20\": \"lg:h-[20px] lg:w-[20px]\",\n    \"24\": \"lg:h-[24px] lg:w-[24px]\",\n    \"32\": \"lg:h-[32px] lg:w-[32px]\",\n    \"36\": \"lg:h-[36px] lg:w-[36px]\",\n    \"40\": \"lg:h-[40px] lg:w-[40px]\",\n    \"42\": \"lg:h-[42px] lg:w-[42px]\",\n    \"48\": \"lg:h-[48px] lg:w-[48px]\",\n    \"64\": \"lg:h-[64px] lg:w-[64px]\",\n    \"72\": \"lg:h-[72px] lg:w-[72px]\"\n  },\n  xl: {\n    \"12\": \"xl:h-[12px] xl:w-[12px]\",\n    \"16\": \"xl:h-[16px] xl:w-[16px]\",\n    \"18\": \"xl:h-[18px] xl:w-[18px]\",\n    \"20\": \"xl:h-[20px] xl:w-[20px]\",\n    \"24\": \"xl:h-[24px] xl:w-[24px]\",\n    \"32\": \"xl:h-[32px] xl:w-[32px]\",\n    \"36\": \"xl:h-[36px] xl:w-[36px]\",\n    \"40\": \"xl:h-[40px] xl:w-[40px]\",\n    \"42\": \"xl:h-[42px] xl:w-[42px]\",\n    \"48\": \"xl:h-[48px] xl:w-[48px]\",\n    \"64\": \"xl:h-[64px] xl:w-[64px]\",\n    \"72\": \"xl:h-[72px] xl:w-[72px]\"\n  },\n  \"2xl\": {\n    \"12\": \"2xl:h-[12px] 2xl:w-[12px]\",\n    \"16\": \"2xl:h-[16px] 2xl:w-[16px]\",\n    \"18\": \"2xl:h-[18px] 2xl:w-[18px]\",\n    \"20\": \"2xl:h-[20px] 2xl:w-[20px]\",\n    \"24\": \"2xl:h-[24px] 2xl:w-[24px]\",\n    \"32\": \"2xl:h-[32px] 2xl:w-[32px]\",\n    \"36\": \"2xl:h-[36px] 2xl:w-[36px]\",\n    \"40\": \"2xl:h-[40px] 2xl:w-[40px]\",\n    \"42\": \"2xl:h-[42px] 2xl:w-[42px]\",\n    \"48\": \"2xl:h-[48px] 2xl:w-[48px]\",\n    \"64\": \"2xl:h-[64px] 2xl:w-[64px]\",\n    \"72\": \"2xl:h-[72px] 2xl:w-[72px]\"\n  }\n};\n\nconst getSizeKey = (size: number): SizeKey | undefined => {\n  return String(size) as SizeKey;\n};\n\nexport const getResponsiveSize = (\n  size: ResponsiveSize | ResponsiveSize[] | undefined,\n  baseSize: number = 24\n): {\n  responsiveSizeClasses: string;\n  responsiveSizeStyles: Record<string, string>;\n} => {\n  const classes: string[] = [];\n  const styles: Record<string, string> = {};\n\n  // If no size provided, use baseSize\n  if (size === undefined) {\n    const key = getSizeKey(baseSize);\n    if (key) {\n      classes.push(BASE_SIZES[key]);\n    } else {\n      styles.height = `${baseSize}px`;\n      styles.width = `${baseSize}px`;\n    }\n  }\n\n  // If size is a number, use that directly\n  if (typeof size === \"number\") {\n    const key = getSizeKey(size);\n    if (key) {\n      classes.push(BASE_SIZES[key]);\n    } else {\n      styles.height = `${size}px`;\n      styles.width = `${size}px`;\n    }\n  }\n\n  // If array of responsive sizes, generate responsive classes\n  if (Array.isArray(size)) {\n    const baseKey = getSizeKey(baseSize);\n    const responsiveClasses = [\n      (baseKey && BASE_SIZES[baseKey]) || `h-[${baseSize}px] w-[${baseSize}px]`\n    ];\n\n    size.forEach((s) => {\n      if (typeof s === \"string\") {\n        const [breakpoint, valueStr] = s.split(\":\") as [Breakpoint, string];\n        const value = parseInt(valueStr, 10);\n        const key = getSizeKey(value);\n        classes.push(\n          (key && RESPONSIVE_SIZES[breakpoint]?.[key]) ||\n            `${breakpoint}:h-[${value}px] ${breakpoint}:w-[${value}px]`\n        );\n      }\n    });\n\n    classes.push(...responsiveClasses);\n  }\n\n  if (typeof size === \"string\") {\n    const [breakpoint, valueStr] = size.split(\":\") as [Breakpoint, string];\n    const value = parseInt(valueStr, 10);\n    const valueKey = getSizeKey(value);\n    classes.push(\n      (valueKey && RESPONSIVE_SIZES[breakpoint]?.[valueKey]) ||\n        `${breakpoint}:h-[${value}px] ${breakpoint}:w-[${value}px]`\n    );\n  }\n\n  return {\n    responsiveSizeClasses: classes.join(\" \"),\n    responsiveSizeStyles: styles\n  };\n};\n","import { IconMap, IconName } from \"@deckai/icons\";\nimport React, { SVGProps } from \"react\";\nimport { IconColors } from \"../types/tailwind\";\nimport { cn } from \"../utils\";\nimport { ResponsiveSize, getResponsiveSize } from \"../utils/responsive\";\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\n// Using CSS variables to support dark mode\nconst COLOR_MAP: Record<IconColors, string> = {\n  primary: \"var(--color-primary)\",\n  secondary: \"var(--color-secondary)\",\n  white: \"var(--color-white)\",\n  primaryBlue: \"var(--color-primary-100)\",\n  disabled: \"var(--color-disabled)\",\n  danger: \"var(--color-danger)\"\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 { responsiveSizeClasses, responsiveSizeStyles } = getResponsiveSize(\n      size,\n      24\n    );\n\n    return (\n      <div\n        className={cn(\n          \"flex justify-center items-center\",\n          responsiveSizeClasses,\n          className\n        )}\n        style={{\n          [\"--icon-stroke\" as string]: COLOR_MAP[color],\n          ...responsiveSizeStyles,\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 { IconName } from \"@deckai/icons\";\nimport * as ToastPrimitive from \"@radix-ui/react-toast\";\nimport * as React from \"react\";\nimport { cn } from \"../utils\";\nimport { Button, ButtonProps } from \"./Button\";\nimport { Icon } from \"./Icon\";\nimport { Text } from \"./Text\";\n\ntype ToastAction = {\n  label: string;\n  onClick?: () => void;\n  variant?: ButtonProps[\"variant\"];\n};\n\nexport type ToastProps = Omit<ToastPrimitive.ToastProps, \"action\"> & {\n  /** Optional title for the toast */\n  title?: string;\n  /** Main message content */\n  message: string;\n  /** Primary action button configuration */\n  action?: ToastAction;\n  /** Secondary action button configuration */\n  secondaryAction?: ToastAction;\n  /** Optional variant to change the visual style */\n  variant?: \"default\" | \"success\" | \"error\" | \"warning\";\n  /** Whether to allow dismissing by clicking outside */\n  allowOutsideClick?: boolean;\n  /** Optional className for custom styling */\n  className?: string;\n  /** Optional callback when toast is closed */\n  onClose?: () => void;\n};\n\nconst variants: Record<\n  NonNullable<ToastProps[\"variant\"]>,\n  {\n    icon: IconName;\n    className: string;\n  }\n> = {\n  default: {\n    icon: \"information\",\n    className: \"bg-gray-900 text-white\"\n  },\n  success: {\n    icon: \"check\",\n    className: \"bg-green-600 text-white\"\n  },\n  error: {\n    icon: \"danger\",\n    className: \"bg-tertiary-10 text-white\"\n  },\n  warning: {\n    icon: \"warning-2\",\n    className: \"bg-tertiary-20 text-white\"\n  }\n} as const;\n\nexport const Toast = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitive.Root>,\n  ToastProps\n>(\n  (\n    {\n      title,\n      message,\n      action,\n      secondaryAction,\n      variant = \"default\",\n      duration = 5000,\n      className,\n      onOpenChange,\n      allowOutsideClick = true,\n      onClose,\n      ...props\n    },\n    ref\n  ) => {\n    const variantConfig = variants[variant];\n\n    const handleOpenChange = React.useCallback(\n      (open: boolean) => {\n        // Only allow programmatic close or close button click if outside click is disabled\n        if (!allowOutsideClick && open === false) {\n          return;\n        }\n        onOpenChange?.(open);\n        if (!open) {\n          onClose?.();\n        }\n      },\n      [onOpenChange, allowOutsideClick, onClose]\n    );\n\n    return (\n      <ToastPrimitive.Root\n        ref={ref}\n        onOpenChange={handleOpenChange}\n        duration={duration}\n        className={cn(\n          \"group pointer-events-auto relative flex w-full flex-col gap-4 rounded-lg p-4 items-center\",\n          \"shadow-lg\",\n          \"data-[state=open]:animate-in data-[state=closed]:animate-out\",\n          \"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n          \"data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-right-full\",\n          variantConfig.className,\n          className\n        )}\n        {...props}\n      >\n        <ToastPrimitive.Close\n          className=\"absolute right-1 top-1 h-[40px] w-[40px] p-1 hover:bg-background-0/10 flex items-center justify-center rounded-lg\"\n          aria-label=\"Close\"\n          onClick={onClose}\n        >\n          <Icon name=\"close\" size={16} color=\"white\" />\n        </ToastPrimitive.Close>\n\n        <div className=\"flex gap-4\">\n          <Icon\n            name={variantConfig.icon}\n            className=\"h-5 w-5 shrink-0\"\n            color=\"white\"\n          />\n\n          <div className=\"flex flex-col flex-1 gap-2\">\n            {title && (\n              <ToastPrimitive.Title asChild>\n                <Text variant=\"body-default-bold\" color=\"inherit\">\n                  {title}\n                </Text>\n              </ToastPrimitive.Title>\n            )}\n            <ToastPrimitive.Description asChild>\n              <Text variant=\"body-xs-medium\" color=\"inherit\">\n                {message}\n              </Text>\n            </ToastPrimitive.Description>\n          </div>\n        </div>\n\n        {(action || secondaryAction) && (\n          <div className=\"flex gap-2 justify-end mt-2\">\n            {secondaryAction && (\n              <ToastPrimitive.Action asChild altText={secondaryAction.label}>\n                <div className=\"min-h-[40px] flex items-center\">\n                  <Button\n                    variant={secondaryAction.variant || \"outlined\"}\n                    color=\"black\"\n                    className=\"border-white text-white hover:bg-background-0/10\"\n                    onClick={secondaryAction.onClick}\n                  >\n                    {secondaryAction.label}\n                  </Button>\n                </div>\n              </ToastPrimitive.Action>\n            )}\n            {action && (\n              <ToastPrimitive.Action asChild altText={action.label}>\n                <div className=\"flex items-center\">\n                  <Button\n                    variant={action.variant || \"outlined\"}\n                    color=\"black\"\n                    className=\"border-white text-white hover:bg-background-0/10\"\n                    onClick={action.onClick}\n                  >\n                    {action.label}\n                  </Button>\n                </div>\n              </ToastPrimitive.Action>\n            )}\n          </div>\n        )}\n      </ToastPrimitive.Root>\n    );\n  }\n);\n\nToast.displayName = \"Toast\";\n","import { useEffect, useLayoutEffect } from \"react\";\n\nexport const useIsomorphicLayoutEffect =\n  typeof window !== \"undefined\" ? useLayoutEffect : useEffect;\n","import React, { ButtonHTMLAttributes } from \"react\";\nimport { focusRingStyles } from \"../utils/tailwind\";\nimport { cn } from \"../utils\";\n\nexport type PressableProps = ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const Pressable = React.forwardRef<HTMLButtonElement, PressableProps>(\n  ({ children, type = \"button\", className, disabled, ...props }, ref) => (\n    <button\n      ref={ref}\n      type={type}\n      disabled={disabled}\n      className={cn(\n        \"appearance-none hover:opacity-80 transition-all active:scale-95\",\n        focusRingStyles,\n        disabled && \"opacity-50 cursor-not-allowed\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  )\n);\n\nPressable.displayName = \"Pressable\";\n","import * as RadixCollapsible from \"@radix-ui/react-collapsible\";\nimport React, { useRef, useState } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"../hooks\";\nimport { cn } from \"../utils\";\nimport { Pressable } from \"./Pressable\";\nimport { Text } from \"./Text\";\n\nexport type CollapsibleProps = {\n  children: React.ReactNode;\n  maxHeight?: number;\n};\n\nexport const Collapsible = ({\n  children,\n  maxHeight = 100\n}: CollapsibleProps) => {\n  const [open, setOpen] = React.useState(false);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const [contentHeight, setContentHeight] = useState<number>(maxHeight);\n\n  // Measure content height on mount and resize\n  useIsomorphicLayoutEffect(() => {\n    if (!contentRef.current) return;\n\n    const resizeObserver = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        setContentHeight(entry.target.scrollHeight);\n      }\n    });\n\n    resizeObserver.observe(contentRef.current);\n    return () => resizeObserver.disconnect();\n  }, []);\n\n  const shouldShowTrigger = contentHeight > maxHeight;\n\n  return (\n    <RadixCollapsible.Root open={open} onOpenChange={setOpen}>\n      <div className=\"relative\">\n        <div\n          className=\"overflow-hidden transition-[height] duration-300 ease-in-out\"\n          style={{\n            height: open ? `${contentHeight}px` : `${maxHeight}px`\n          }}\n        >\n          <div ref={contentRef} className=\"w-full\">\n            {children}\n          </div>\n        </div>\n\n        {shouldShowTrigger && (\n          <RadixCollapsible.Trigger asChild>\n            <Pressable\n              className={cn(\n                \"absolute -bottom-8 left-0 right-0\",\n                \"flex items-end justify-center\",\n                \"h-16 pt-8 pb-2\",\n                !open &&\n                  \"bg-gradient-to-b from-transparent via-background-0 to-background-0\",\n                \"hover:opacity-100 transition-opacity\"\n              )}\n            >\n              <Text variant=\"label-default\" color=\"secondary\">\n                {open ? \"See less\" : \"See more\"}\n              </Text>\n            </Pressable>\n          </RadixCollapsible.Trigger>\n        )}\n      </div>\n    </RadixCollapsible.Root>\n  );\n};\n\nCollapsible.displayName = \"Collapsible\";\n"]}
+{"version":3,"sources":["../../src/utils/index.ts","../../src/components/Text.tsx","../../src/utils/tailwind.ts","../../src/components/Button.tsx","../../src/utils/responsive.ts","../../src/components/Icon.tsx","../../src/components/Toast.tsx","../../src/hooks/useMediaQuery.ts","../../src/hooks/useIsomorphicLayoutEffect.tsx","../../src/components/Pressable.tsx","../../src/components/Collapsible.tsx"],"names":["cn","inputs","twMerge","clsx","HEADING_ELEMENT_MAP","getElementFromVariant","variant","category","size","fontWeight","processVariants","variants","breakpoint","typographyClass","Text","React","color","as","className","children","weight","props","ref","typographyClasses","colorClasses","suggestedElement","baseVariant","focusRingStyles","filled","outlined","Button","f","isLoading","disabled","end","BASE_SIZES","RESPONSIVE_SIZES","getSizeKey","getResponsiveSize","baseSize","classes","styles","key","baseKey","responsiveClasses","s","valueStr","value","valueKey","COLOR_MAP","Icon","name","title","style","IconComponent","IconMap","responsiveSizeClasses","responsiveSizeStyles","Toast","message","action","secondaryAction","duration","onOpenChange","allowOutsideClick","onClose","variantConfig","handleOpenChange","open","useIsomorphicLayoutEffect","useLayoutEffect","useEffect","Pressable","type","Collapsible","maxHeight","setOpen","contentRef","useRef","contentHeight","setContentHeight","useState","resizeObserver","entries","entry","shouldShowTrigger"],"mappings":"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","file":"Collapsible.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 from \"react\";\n\nimport type { Typography } from \"../types/tailwind\";\nimport type { Breakpoint } from \"../utils/responsive\";\n\ntype TextElement =\n  | \"p\"\n  | \"span\"\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\"\n  | \"strong\"\n  | \"em\"\n  | \"blockquote\"\n  | \"pre\"\n  | \"code\"\n  | \"small\"\n  | \"label\"\n  | \"a\";\n\n// HTML element mapping type\ntype HTMLElementByTag = {\n  p: HTMLParagraphElement;\n  span: HTMLSpanElement;\n  h1: HTMLHeadingElement;\n  h2: HTMLHeadingElement;\n  h3: HTMLHeadingElement;\n  h4: HTMLHeadingElement;\n  h5: HTMLHeadingElement;\n  h6: HTMLHeadingElement;\n  strong: HTMLElement;\n  em: HTMLElement;\n  blockquote: HTMLQuoteElement;\n  pre: HTMLPreElement;\n  code: HTMLElement;\n  small: HTMLElement;\n  label: HTMLLabelElement;\n  a: HTMLAnchorElement;\n};\n\n// HTML props mapping type\ntype HTMLPropsMap = {\n  p: React.HTMLAttributes<HTMLParagraphElement>;\n  span: React.HTMLAttributes<HTMLSpanElement>;\n  h1: React.HTMLAttributes<HTMLHeadingElement>;\n  h2: React.HTMLAttributes<HTMLHeadingElement>;\n  h3: React.HTMLAttributes<HTMLHeadingElement>;\n  h4: React.HTMLAttributes<HTMLHeadingElement>;\n  h5: React.HTMLAttributes<HTMLHeadingElement>;\n  h6: React.HTMLAttributes<HTMLHeadingElement>;\n  strong: React.HTMLAttributes<HTMLElement>;\n  em: React.HTMLAttributes<HTMLElement>;\n  blockquote: React.HTMLAttributes<HTMLQuoteElement>;\n  pre: React.HTMLAttributes<HTMLPreElement>;\n  code: React.HTMLAttributes<HTMLElement>;\n  small: React.HTMLAttributes<HTMLElement>;\n  label: React.LabelHTMLAttributes<HTMLLabelElement>;\n  a: Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, \"color\">;\n};\n\ntype TextColor =\n  | \"primary\"\n  | \"secondary\"\n  | \"white\"\n  | \"primary-blue\"\n  | \"disabled\"\n  | \"danger\"\n  | \"inherit\"\n  | \"primary-100\";\n\nconst HEADING_ELEMENT_MAP: Record<string, TextElement> = {\n  xl: \"h1\",\n  lg: \"h1\",\n  md: \"h2\",\n  sm: \"h3\",\n  xs: \"h4\"\n};\n\nconst getElementFromVariant = (variant: TypographyKey): TextElement => {\n  const [category, size] = variant.split(\"-\");\n\n  if (category === \"heading\") {\n    return HEADING_ELEMENT_MAP[size] || \"p\";\n  }\n\n  if (category === \"label\") {\n    return \"label\";\n  }\n\n  return \"p\";\n};\n\ntype Weight = \"light\" | \"regular\" | \"semibold\" | \"bold\";\n\nconst fontWeight: Record<Weight, string> = {\n  light: \"font-light\",\n  regular: \"font-regular\",\n  semibold: \"font-semibold\",\n  bold: \"font-bold\"\n};\n\ntype ResponsiveVariant = TypographyKey | `${Breakpoint}:${TypographyKey}`;\n\ntype TypographyCategory = keyof Typography;\ntype TypographyValue<T extends TypographyCategory> = Extract<\n  keyof Typography[T],\n  string | number | bigint | boolean | null | undefined\n>;\ntype TypographyKey = {\n  [T in TypographyCategory]: `${T}-${TypographyValue<T>}`;\n}[TypographyCategory];\n\n// Update TextProps to use ResponsiveVariant\nexport type TextProps<T extends TextElement = \"p\"> = {\n  variant?: ResponsiveVariant | ResponsiveVariant[];\n  color?: TextColor;\n  as?: T;\n  className?: string;\n  children: React.ReactNode;\n  weight?: Weight;\n} & HTMLPropsMap[T];\n\n// Add helper function to process variants\nconst processVariants = (\n  variants: ResponsiveVariant | ResponsiveVariant[] | undefined\n): string => {\n  if (!variants) return \"text-body-default\";\n\n  const variantArray = Array.isArray(variants) ? variants : [variants];\n\n  return variantArray\n    .map((variant) => {\n      if (variant.includes(\":\")) {\n        const [breakpoint, typographyClass] = variant.split(\":\");\n        return `${breakpoint}:text-${typographyClass}`;\n      }\n      return `text-${variant}`;\n    })\n    .join(\" \");\n};\n\nexport const Text = React.forwardRef(\n  <T extends TextElement = \"p\">(\n    {\n      variant = \"body-default\",\n      color = \"primary\",\n      as,\n      className,\n      children,\n      weight,\n      ...props\n    }: TextProps<T>,\n    ref: React.ForwardedRef<HTMLElementByTag[T]>\n  ) => {\n    // Process typography classes with breakpoints\n    const typographyClasses = processVariants(variant);\n\n    // Get color styles using Tailwind classes that reference CSS variables\n    const colorClasses = color === \"inherit\" ? \"text-inherit\" : `text-${color}`;\n\n    const suggestedElement = React.useMemo(() => {\n      const baseVariant =\n        typeof variant === \"string\"\n          ? variant.split(\":\").pop()!\n          : Array.isArray(variant)\n            ? variant[0].split(\":\").pop()!\n            : \"body-default\";\n      return getElementFromVariant(baseVariant as TypographyKey);\n    }, [variant]);\n\n    const Component = (as || suggestedElement) as T;\n\n    return (\n      // @ts-expect-error TODO: figure this out\n      <Component\n        ref={ref}\n        className={`\n          font-sans antialiased\n          ${typographyClasses}\n          ${colorClasses}\n          ${weight && `!${fontWeight[weight]}`}\n          ${className}\n        `}\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\n\nText.displayName = \"Text\";\n","import type { 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  const breakpoints = [\"sm\", \"md\", \"lg\", \"xl\", \"2xl\"];\n  const sizes = [\"24\", \"42\", \"48\", \"64\", \"72\"]; // Add all the sizes you need\n\n  const safelist: (string | { pattern: RegExp; variants: 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 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  // Generate size classes with responsive variants\n  const sizeClasses = sizes.flatMap((size) => [\n    `h-[${size}px]`,\n    `w-[${size}px]`,\n    ...breakpoints.flatMap((bp) => [\n      `${bp}:h-[${size}px]`,\n      `${bp}:w-[${size}px]`\n    ])\n  ]);\n\n  return [...typographyClasses, ...responsiveTypographyClasses, ...sizeClasses];\n};\n\nexport const focusRingStyles =\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-100\";\nexport const focusRingWithinStyles =\n  \"focus-within:outline-none focus-within:ring-2 focus-within:ring-primary-100\";\nexport const focusRingStylesCoerced = \"ring-2 ring-primary-100\";\n","import * as React from \"react\";\n\nimport { Text } from \"./Text\";\nimport { cn } from \"../utils\";\nimport { focusRingStyles } from \"../utils/tailwind\";\n\nexport type ButtonProps = {\n  /** @default filled */\n  variant?: \"filled\" | \"outlined\" | \"transparent\";\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-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 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      end,\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\"\n          ? filled[color]\n          : variant === \"transparent\"\n            ? \"bg-transparent text-text\"\n            : 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      {end}\n    </button>\n  )\n);\n\nButton.displayName = \"Button\";\n","export type Breakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\nexport type ResponsiveSize = number | `${Breakpoint}:${number}`;\n\ntype SizeKey =\n  | \"12\"\n  | \"16\"\n  | \"18\"\n  | \"20\"\n  | \"24\"\n  | \"32\"\n  | \"36\"\n  | \"40\"\n  | \"42\"\n  | \"48\"\n  | \"64\"\n  | \"72\";\n\n// These constants help Tailwind identify the classes during compilation\nconst BASE_SIZES: Record<SizeKey, string> = {\n  \"12\": \"h-[12px] w-[12px]\",\n  \"16\": \"h-[16px] w-[16px]\",\n  \"18\": \"h-[18px] w-[18px]\",\n  \"20\": \"h-[20px] w-[20px]\",\n  \"24\": \"h-[24px] w-[24px]\",\n  \"32\": \"h-[32px] w-[32px]\",\n  \"36\": \"h-[36px] w-[36px]\",\n  \"40\": \"h-[40px] w-[40px]\",\n  \"42\": \"h-[42px] w-[42px]\",\n  \"48\": \"h-[48px] w-[48px]\",\n  \"64\": \"h-[64px] w-[64px]\",\n  \"72\": \"h-[72px] w-[72px]\"\n};\n\nconst RESPONSIVE_SIZES: Record<Breakpoint, Record<SizeKey, string>> = {\n  sm: {\n    \"12\": \"sm:h-[12px] sm:w-[12px]\",\n    \"16\": \"sm:h-[16px] sm:w-[16px]\",\n    \"18\": \"sm:h-[18px] sm:w-[18px]\",\n    \"20\": \"sm:h-[20px] sm:w-[20px]\",\n    \"24\": \"sm:h-[24px] sm:w-[24px]\",\n    \"32\": \"sm:h-[32px] sm:w-[32px]\",\n    \"36\": \"sm:h-[36px] sm:w-[36px]\",\n    \"40\": \"sm:h-[40px] sm:w-[40px]\",\n    \"42\": \"sm:h-[42px] sm:w-[42px]\",\n    \"48\": \"sm:h-[48px] sm:w-[48px]\",\n    \"64\": \"sm:h-[64px] sm:w-[64px]\",\n    \"72\": \"sm:h-[72px] sm:w-[72px]\"\n  },\n  md: {\n    \"12\": \"md:h-[12px] md:w-[12px]\",\n    \"16\": \"md:h-[16px] md:w-[16px]\",\n    \"18\": \"md:h-[18px] md:w-[18px]\",\n    \"20\": \"md:h-[20px] md:w-[20px]\",\n    \"24\": \"md:h-[24px] md:w-[24px]\",\n    \"32\": \"md:h-[32px] md:w-[32px]\",\n    \"36\": \"md:h-[36px] md:w-[36px]\",\n    \"40\": \"md:h-[40px] md:w-[40px]\",\n    \"42\": \"md:h-[42px] md:w-[42px]\",\n    \"48\": \"md:h-[48px] md:w-[48px]\",\n    \"64\": \"md:h-[64px] md:w-[64px]\",\n    \"72\": \"md:h-[72px] md:w-[72px]\"\n  },\n  lg: {\n    \"12\": \"lg:h-[12px] lg:w-[12px]\",\n    \"16\": \"lg:h-[16px] lg:w-[16px]\",\n    \"18\": \"lg:h-[18px] lg:w-[18px]\",\n    \"20\": \"lg:h-[20px] lg:w-[20px]\",\n    \"24\": \"lg:h-[24px] lg:w-[24px]\",\n    \"32\": \"lg:h-[32px] lg:w-[32px]\",\n    \"36\": \"lg:h-[36px] lg:w-[36px]\",\n    \"40\": \"lg:h-[40px] lg:w-[40px]\",\n    \"42\": \"lg:h-[42px] lg:w-[42px]\",\n    \"48\": \"lg:h-[48px] lg:w-[48px]\",\n    \"64\": \"lg:h-[64px] lg:w-[64px]\",\n    \"72\": \"lg:h-[72px] lg:w-[72px]\"\n  },\n  xl: {\n    \"12\": \"xl:h-[12px] xl:w-[12px]\",\n    \"16\": \"xl:h-[16px] xl:w-[16px]\",\n    \"18\": \"xl:h-[18px] xl:w-[18px]\",\n    \"20\": \"xl:h-[20px] xl:w-[20px]\",\n    \"24\": \"xl:h-[24px] xl:w-[24px]\",\n    \"32\": \"xl:h-[32px] xl:w-[32px]\",\n    \"36\": \"xl:h-[36px] xl:w-[36px]\",\n    \"40\": \"xl:h-[40px] xl:w-[40px]\",\n    \"42\": \"xl:h-[42px] xl:w-[42px]\",\n    \"48\": \"xl:h-[48px] xl:w-[48px]\",\n    \"64\": \"xl:h-[64px] xl:w-[64px]\",\n    \"72\": \"xl:h-[72px] xl:w-[72px]\"\n  },\n  \"2xl\": {\n    \"12\": \"2xl:h-[12px] 2xl:w-[12px]\",\n    \"16\": \"2xl:h-[16px] 2xl:w-[16px]\",\n    \"18\": \"2xl:h-[18px] 2xl:w-[18px]\",\n    \"20\": \"2xl:h-[20px] 2xl:w-[20px]\",\n    \"24\": \"2xl:h-[24px] 2xl:w-[24px]\",\n    \"32\": \"2xl:h-[32px] 2xl:w-[32px]\",\n    \"36\": \"2xl:h-[36px] 2xl:w-[36px]\",\n    \"40\": \"2xl:h-[40px] 2xl:w-[40px]\",\n    \"42\": \"2xl:h-[42px] 2xl:w-[42px]\",\n    \"48\": \"2xl:h-[48px] 2xl:w-[48px]\",\n    \"64\": \"2xl:h-[64px] 2xl:w-[64px]\",\n    \"72\": \"2xl:h-[72px] 2xl:w-[72px]\"\n  }\n};\n\nconst getSizeKey = (size: number): SizeKey | undefined => {\n  return String(size) as SizeKey;\n};\n\nexport const getResponsiveSize = (\n  size: ResponsiveSize | ResponsiveSize[] | undefined,\n  baseSize: number = 24\n): {\n  responsiveSizeClasses: string;\n  responsiveSizeStyles: Record<string, string>;\n} => {\n  const classes: string[] = [];\n  const styles: Record<string, string> = {};\n\n  // If no size provided, use baseSize\n  if (size === undefined) {\n    const key = getSizeKey(baseSize);\n    if (key) {\n      classes.push(BASE_SIZES[key]);\n    } else {\n      styles.height = `${baseSize}px`;\n      styles.width = `${baseSize}px`;\n    }\n  }\n\n  // If size is a number, use that directly\n  if (typeof size === \"number\") {\n    const key = getSizeKey(size);\n    if (key) {\n      classes.push(BASE_SIZES[key]);\n    } else {\n      styles.height = `${size}px`;\n      styles.width = `${size}px`;\n    }\n  }\n\n  // If array of responsive sizes, generate responsive classes\n  if (Array.isArray(size)) {\n    const baseKey = getSizeKey(baseSize);\n    const responsiveClasses = [\n      (baseKey && BASE_SIZES[baseKey]) || `h-[${baseSize}px] w-[${baseSize}px]`\n    ];\n\n    size.forEach((s) => {\n      if (typeof s === \"string\") {\n        const [breakpoint, valueStr] = s.split(\":\") as [Breakpoint, string];\n        const value = parseInt(valueStr, 10);\n        const key = getSizeKey(value);\n        classes.push(\n          (key && RESPONSIVE_SIZES[breakpoint]?.[key]) ||\n            `${breakpoint}:h-[${value}px] ${breakpoint}:w-[${value}px]`\n        );\n      }\n    });\n\n    classes.push(...responsiveClasses);\n  }\n\n  if (typeof size === \"string\") {\n    const [breakpoint, valueStr] = size.split(\":\") as [Breakpoint, string];\n    const value = parseInt(valueStr, 10);\n    const valueKey = getSizeKey(value);\n    classes.push(\n      (valueKey && RESPONSIVE_SIZES[breakpoint]?.[valueKey]) ||\n        `${breakpoint}:h-[${value}px] ${breakpoint}:w-[${value}px]`\n    );\n  }\n\n  return {\n    responsiveSizeClasses: classes.join(\" \"),\n    responsiveSizeStyles: styles\n  };\n};\n","import type { IconName } from \"@deckai/icons\";\nimport { IconMap } from \"@deckai/icons\";\nimport type { SVGProps } from \"react\";\nimport React from \"react\";\n\nimport type { IconColors } from \"../types/tailwind\";\nimport { cn } from \"../utils\";\nimport type { ResponsiveSize } from \"../utils/responsive\";\nimport { getResponsiveSize } from \"../utils/responsive\";\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\n// Using CSS variables to support dark mode\nconst COLOR_MAP: Record<IconColors, string> = {\n  primary: \"var(--color-primary)\",\n  secondary: \"var(--color-secondary)\",\n  white: \"var(--color-white)\",\n  primaryBlue: \"var(--color-primary-100)\",\n  disabled: \"var(--color-disabled)\",\n  danger: \"var(--color-danger)\"\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 { responsiveSizeClasses, responsiveSizeStyles } = getResponsiveSize(\n      size,\n      24\n    );\n\n    return (\n      <div\n        className={cn(\n          \"flex justify-center items-center\",\n          responsiveSizeClasses,\n          className\n        )}\n        style={{\n          [\"--icon-stroke\" as string]: COLOR_MAP[color],\n          ...responsiveSizeStyles,\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 type { IconName } from \"@deckai/icons\";\nimport * as ToastPrimitive from \"@radix-ui/react-toast\";\nimport * as React from \"react\";\n\nimport { cn } from \"../utils\";\nimport type { ButtonProps } from \"./Button\";\nimport { Button } from \"./Button\";\nimport { Icon } from \"./Icon\";\nimport { Text } from \"./Text\";\n\ntype ToastAction = {\n  label: string;\n  onClick?: () => void;\n  variant?: ButtonProps[\"variant\"];\n};\n\nexport type ToastProps = Omit<ToastPrimitive.ToastProps, \"action\"> & {\n  /** Optional title for the toast */\n  title?: string;\n  /** Main message content */\n  message: string;\n  /** Primary action button configuration */\n  action?: ToastAction;\n  /** Secondary action button configuration */\n  secondaryAction?: ToastAction;\n  /** Optional variant to change the visual style */\n  variant?: \"default\" | \"success\" | \"error\" | \"warning\";\n  /** Whether to allow dismissing by clicking outside */\n  allowOutsideClick?: boolean;\n  /** Optional className for custom styling */\n  className?: string;\n  /** Optional callback when toast is closed */\n  onClose?: () => void;\n};\n\nconst variants: Record<\n  NonNullable<ToastProps[\"variant\"]>,\n  {\n    icon: IconName;\n    className: string;\n  }\n> = {\n  default: {\n    icon: \"information\",\n    className: \"bg-gray-900 text-white\"\n  },\n  success: {\n    icon: \"check\",\n    className: \"bg-green-600 text-white\"\n  },\n  error: {\n    icon: \"danger\",\n    className: \"bg-tertiary-10 text-white\"\n  },\n  warning: {\n    icon: \"warning-2\",\n    className: \"bg-tertiary-20 text-white\"\n  }\n} as const;\n\nexport const Toast = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitive.Root>,\n  ToastProps\n>(\n  (\n    {\n      title,\n      message,\n      action,\n      secondaryAction,\n      variant = \"default\",\n      duration = 5000,\n      className,\n      onOpenChange,\n      allowOutsideClick = true,\n      onClose,\n      ...props\n    },\n    ref\n  ) => {\n    const variantConfig = variants[variant];\n\n    const handleOpenChange = React.useCallback(\n      (open: boolean) => {\n        // Only allow programmatic close or close button click if outside click is disabled\n        if (!allowOutsideClick && open === false) {\n          return;\n        }\n        onOpenChange?.(open);\n        if (!open) {\n          onClose?.();\n        }\n      },\n      [onOpenChange, allowOutsideClick, onClose]\n    );\n\n    return (\n      <ToastPrimitive.Root\n        ref={ref}\n        onOpenChange={handleOpenChange}\n        duration={duration}\n        className={cn(\n          \"group pointer-events-auto relative flex w-full flex-col gap-4 rounded-lg p-4 items-center\",\n          \"shadow-lg\",\n          \"data-[state=open]:animate-in data-[state=closed]:animate-out\",\n          \"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n          \"data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-right-full\",\n          variantConfig.className,\n          className\n        )}\n        {...props}\n      >\n        <ToastPrimitive.Close\n          className=\"absolute right-1 top-1 h-[40px] w-[40px] p-1 hover:bg-background-0/10 flex items-center justify-center rounded-lg\"\n          aria-label=\"Close\"\n          onClick={onClose}\n        >\n          <Icon name=\"close\" size={16} color=\"white\" />\n        </ToastPrimitive.Close>\n\n        <div className=\"flex gap-4\">\n          <Icon\n            name={variantConfig.icon}\n            className=\"h-5 w-5 shrink-0\"\n            color=\"white\"\n          />\n\n          <div className=\"flex flex-col flex-1 gap-2\">\n            {title && (\n              <ToastPrimitive.Title asChild>\n                <Text variant=\"body-default-bold\" color=\"inherit\">\n                  {title}\n                </Text>\n              </ToastPrimitive.Title>\n            )}\n            <ToastPrimitive.Description asChild>\n              <Text variant=\"body-xs-medium\" color=\"inherit\">\n                {message}\n              </Text>\n            </ToastPrimitive.Description>\n          </div>\n        </div>\n\n        {(action || secondaryAction) && (\n          <div className=\"flex gap-2 justify-end mt-2\">\n            {secondaryAction && (\n              <ToastPrimitive.Action asChild altText={secondaryAction.label}>\n                <div className=\"min-h-[40px] flex items-center\">\n                  <Button\n                    variant={secondaryAction.variant || \"outlined\"}\n                    color=\"black\"\n                    className=\"border-white text-white hover:bg-background-0/10\"\n                    onClick={secondaryAction.onClick}\n                  >\n                    {secondaryAction.label}\n                  </Button>\n                </div>\n              </ToastPrimitive.Action>\n            )}\n            {action && (\n              <ToastPrimitive.Action asChild altText={action.label}>\n                <div className=\"flex items-center\">\n                  <Button\n                    variant={action.variant || \"outlined\"}\n                    color=\"black\"\n                    className=\"border-white text-white hover:bg-background-0/10\"\n                    onClick={action.onClick}\n                  >\n                    {action.label}\n                  </Button>\n                </div>\n              </ToastPrimitive.Action>\n            )}\n          </div>\n        )}\n      </ToastPrimitive.Root>\n    );\n  }\n);\n\nToast.displayName = \"Toast\";\n","import { useCallback, useEffect, useState } from \"react\";\n\nconst useIsomorphicLayoutEffect =\n  typeof window !== \"undefined\" ? useEffect : () => {};\n\nexport const useMediaQuery = (query: string): boolean => {\n  // Initialize with null to prevent hydration mismatch\n  const [matches, setMatches] = useState<boolean | null>(null);\n\n  const getMatches = useCallback((query: string): boolean => {\n    if (typeof window !== \"undefined\") {\n      return window.matchMedia(query).matches;\n    }\n    return false;\n  }, []);\n\n  // Update matches after mount to prevent hydration mismatch\n  useIsomorphicLayoutEffect(() => {\n    setMatches(getMatches(query));\n  }, [query, getMatches]);\n\n  useEffect(() => {\n    if (typeof window !== \"undefined\") {\n      const mediaQuery = window.matchMedia(query);\n\n      const handleChange = () => {\n        setMatches(getMatches(query));\n      };\n\n      mediaQuery.addEventListener(\"change\", handleChange);\n\n      return () => {\n        mediaQuery.removeEventListener(\"change\", handleChange);\n      };\n    }\n  }, [query, getMatches]);\n\n  // Return false during SSR, actual value after hydration\n  return matches ?? false;\n};\n","import { useEffect, useLayoutEffect } from \"react\";\n\nexport const useIsomorphicLayoutEffect =\n  typeof window !== \"undefined\" ? useLayoutEffect : useEffect;\n","import type { ButtonHTMLAttributes } from \"react\";\nimport React from \"react\";\n\nimport { cn } from \"../utils\";\nimport { focusRingStyles } from \"../utils/tailwind\";\n\nexport type PressableProps = ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const Pressable = React.forwardRef<HTMLButtonElement, PressableProps>(\n  ({ children, type = \"button\", className, disabled, ...props }, ref) => (\n    <button\n      ref={ref}\n      type={type}\n      disabled={disabled}\n      className={cn(\n        \"appearance-none hover:opacity-80 transition-all active:scale-95\",\n        focusRingStyles,\n        disabled && \"opacity-50 cursor-not-allowed\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  )\n);\n\nPressable.displayName = \"Pressable\";\n","import * as RadixCollapsible from \"@radix-ui/react-collapsible\";\nimport React, { useRef, useState } from \"react\";\n\nimport { useIsomorphicLayoutEffect } from \"../hooks\";\nimport { cn } from \"../utils\";\nimport { Pressable } from \"./Pressable\";\nimport { Text } from \"./Text\";\n\nexport type CollapsibleProps = {\n  children: React.ReactNode;\n  maxHeight?: number;\n};\n\nexport function Collapsible({ children, maxHeight = 100 }: CollapsibleProps) {\n  const [open, setOpen] = React.useState(false);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const [contentHeight, setContentHeight] = useState<number>(maxHeight);\n\n  // Measure content height on mount and resize\n  useIsomorphicLayoutEffect(() => {\n    if (!contentRef.current) return;\n\n    const resizeObserver = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        setContentHeight(entry.target.scrollHeight);\n      }\n    });\n\n    resizeObserver.observe(contentRef.current);\n    return () => resizeObserver.disconnect();\n  }, []);\n\n  const shouldShowTrigger = contentHeight > maxHeight;\n\n  return (\n    <RadixCollapsible.Root open={open} onOpenChange={setOpen}>\n      <div className=\"relative\">\n        <div\n          className=\"overflow-hidden transition-[height] duration-300 ease-in-out\"\n          style={{\n            height: open ? `${contentHeight}px` : `${maxHeight}px`\n          }}\n        >\n          <div ref={contentRef} className=\"w-full\">\n            {children}\n          </div>\n        </div>\n\n        {shouldShowTrigger && (\n          <RadixCollapsible.Trigger asChild>\n            <Pressable\n              className={cn(\n                \"absolute -bottom-8 left-0 right-0\",\n                \"flex items-end justify-center\",\n                \"h-16 pt-8 pb-2\",\n                !open &&\n                  \"bg-gradient-to-b from-transparent via-background-0 to-background-0\",\n                \"hover:opacity-100 transition-opacity\"\n              )}\n            >\n              <Text variant=\"label-default\" color=\"secondary\">\n                {open ? \"See less\" : \"See more\"}\n              </Text>\n            </Pressable>\n          </RadixCollapsible.Trigger>\n        )}\n      </div>\n    </RadixCollapsible.Root>\n  );\n}\n\nCollapsible.displayName = \"Collapsible\";\n"]}