@lukeashford/aurelius 1.0.0

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Button.tsx","../src/components/Input.tsx","../src/components/Card.tsx","../src/components/Avatar.tsx","../src/components/Badge.tsx","../src/components/Tooltip.tsx","../src/components/Label.tsx","../src/components/HelperText.tsx","../src/components/Textarea.tsx","../src/components/Select.tsx","../src/components/Checkbox.tsx","../src/components/Radio.tsx","../src/components/Switch.tsx","../src/components/Alert.tsx","../src/components/Spinner.tsx","../src/components/Skeleton.tsx","../src/components/Modal.tsx","../src/index.ts"],"sourcesContent":["import React from 'react'\r\n\r\nexport type ButtonVariant =\r\n    | 'primary'\r\n    | 'important'\r\n    | 'elevated'\r\n    | 'outlined'\r\n    | 'featured'\r\n    | 'ghost'\r\n    | 'danger'\r\n\r\nexport type ButtonSize = 'sm' | 'md' | 'lg' | 'xl'\r\n\r\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n  variant?: ButtonVariant\r\n  size?: ButtonSize\r\n  loading?: boolean\r\n}\r\n\r\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\r\n  return classes.filter(Boolean).join(' ')\r\n}\r\n\r\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\r\n    ({variant = 'primary', size = 'md', loading = false, className, disabled, children, ...rest},\r\n        ref) => {\r\n      const isDisabled = disabled || loading\r\n      const variantClass =\r\n          variant === 'primary'\r\n              ? 'btn-primary'\r\n              : variant === 'important'\r\n                  ? 'btn-important'\r\n                  : variant === 'elevated'\r\n                      ? 'btn-elevated'\r\n                      : variant === 'outlined'\r\n                          ? 'btn-outlined'\r\n                          : variant === 'featured'\r\n                              ? 'btn-featured'\r\n                              : variant === 'ghost'\r\n                                  ? 'btn-ghost'\r\n                                  : 'btn-danger'\r\n\r\n      const sizeClass = `btn-${size}`\r\n\r\n      return (\r\n          <button\r\n              ref={ref}\r\n              className={cx('btn', variantClass, sizeClass, loading && 'opacity-80', className)}\r\n              disabled={isDisabled}\r\n              {...rest}\r\n          >\r\n            {loading && (\r\n                <span className=\"mr-2 inline-block h-4 w-4 animate-pulse rounded-full bg-gold\"\r\n                      aria-hidden/>\r\n            )}\r\n            {children}\r\n          </button>\r\n      )\r\n    }\r\n)\r\n\r\nButton.displayName = 'Button'\r\n\r\nexport default Button\r\n","import React from 'react'\r\n\r\nexport interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {\r\n  error?: boolean\r\n  leadingIcon?: React.ReactNode\r\n  trailingIcon?: React.ReactNode\r\n}\r\n\r\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\r\n  return classes.filter(Boolean).join(' ')\r\n}\r\n\r\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\r\n  ({ error = false, className, leadingIcon, trailingIcon, disabled, ...rest }, ref) => {\r\n    const base = 'input'\r\n    const errorCls = error ? 'input-error' : ''\r\n\r\n    return (\r\n      <div className={cx('relative', disabled && 'opacity-90')}> \r\n        {leadingIcon && (\r\n          <span className=\"pointer-events-none absolute inset-y-0 left-3 flex items-center text-silver\">\r\n            {leadingIcon}\r\n          </span>\r\n        )}\r\n        <input\r\n          ref={ref}\r\n          className={cx(\r\n            base,\r\n            errorCls,\r\n            (leadingIcon || trailingIcon) && 'pl-9 pr-9',\r\n            className\r\n          )}\r\n          disabled={disabled}\r\n          {...rest}\r\n        />\r\n        {trailingIcon && (\r\n          <span className=\"pointer-events-none absolute inset-y-0 right-3 flex items-center text-silver\">\r\n            {trailingIcon}\r\n          </span>\r\n        )}\r\n      </div>\r\n    )\r\n  }\r\n)\r\n\r\nInput.displayName = 'Input'\r\n\r\nexport default Input\r\n","import React from 'react'\r\n\r\nexport type CardVariant = 'default' | 'elevated' | 'outlined' | 'ghost' | 'featured'\r\n\r\nexport interface CardProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  variant?: CardVariant\r\n  interactive?: boolean\r\n}\r\n\r\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\r\n  return classes.filter(Boolean).join(' ')\r\n}\r\n\r\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(\r\n    ({variant = 'default', interactive = false, className, ...rest}, ref) => {\r\n      const base = 'card'\r\n      const variantClass =\r\n          variant === 'elevated'\r\n              ? 'card-elevated'\r\n              : variant === 'outlined'\r\n                  ? 'card-outlined'\r\n                  : variant === 'ghost'\r\n                      ? 'bg-transparent shadow-none border-0'\r\n                      : variant === 'featured'\r\n                          ? 'card-featured'\r\n                          : ''\r\n\r\n      // Use the design system's interactive class so hover styles match CSS\r\n      const interactiveClass = interactive ? 'card-interactive' : ''\r\n\r\n      return <div ref={ref}\r\n                  className={cx(base, variantClass, interactiveClass, className)} {...rest} />\r\n    }\r\n)\r\n\r\nCard.displayName = 'Card'\r\n\r\nexport default Card\r\n","import React from 'react'\r\n\r\nexport type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'\r\n\r\nexport interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  src?: string\r\n  alt?: string\r\n  name?: string\r\n  size?: AvatarSize\r\n  status?: 'online' | 'offline' | 'busy'\r\n}\r\n\r\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\r\n  return classes.filter(Boolean).join(' ')\r\n}\r\n\r\nconst sizeMap: Record<AvatarSize, string> = {\r\n  xs: 'h-6 w-6 text-[10px]',\r\n  sm: 'h-8 w-8 text-[11px]',\r\n  md: 'h-10 w-10 text-xs',\r\n  lg: 'h-12 w-12 text-sm',\r\n  xl: 'h-16 w-16 text-base',\r\n  '2xl': 'h-24 w-24 text-lg',\r\n}\r\n\r\nfunction initials(name?: string) {\r\n  if (!name) return ''\r\n  const parts = name.trim().split(/\\s+/)\r\n  return parts.slice(0, 2).map(p => p[0]!.toUpperCase()).join('')\r\n}\r\n\r\nexport const Avatar = React.forwardRef<HTMLDivElement, AvatarProps>(\r\n  ({ src, alt = '', name, size = 'md', status, className, ...rest }, ref) => {\r\n    const statusColor =\r\n      status === 'online' ? 'bg-success' : status === 'busy' ? 'bg-warning' : 'bg-zinc'\r\n\r\n    return (\r\n      <div\r\n        ref={ref}\r\n        className={cx(\r\n          'relative inline-flex items-center justify-center rounded-full border-2 border-ash bg-slate text-silver font-semibold select-none overflow-hidden',\r\n          sizeMap[size],\r\n          className\r\n        )}\r\n        {...rest}\r\n      >\r\n        {src ? (\r\n          // eslint-disable-next-line @next/next/no-img-element\r\n          <img src={src} alt={alt || name || 'Avatar'} className=\"h-full w-full object-cover\" />\r\n        ) : (\r\n          <span aria-hidden>{initials(name) || '·'}</span>\r\n        )}\r\n        {status && (\r\n          <span\r\n            className={cx(\r\n              'absolute bottom-0 right-0 rounded-full ring-2 ring-charcoal',\r\n              // 25% of avatar size\r\n              size === 'xs' ? 'h-1.5 w-1.5' :\r\n              size === 'sm' ? 'h-2 w-2' :\r\n              size === 'md' ? 'h-2.5 w-2.5' :\r\n              size === 'lg' ? 'h-3 w-3' :\r\n              size === 'xl' ? 'h-4 w-4' : 'h-5 w-5',\r\n              statusColor\r\n            )}\r\n          />\r\n        )}\r\n      </div>\r\n    )\r\n  }\r\n)\r\n\r\nAvatar.displayName = 'Avatar'\r\n\r\nexport default Avatar\r\n","import React from 'react'\r\n\r\nexport type BadgeVariant = 'default' | 'gold' | 'success' | 'error' | 'warning' | 'info'\r\n\r\nexport interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {\r\n  variant?: BadgeVariant\r\n}\r\n\r\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\r\n  return classes.filter(Boolean).join(' ')\r\n}\r\n\r\nexport const Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\r\n  ({ variant = 'default', className, ...rest }, ref) => {\r\n    const variantClass =\r\n      variant === 'gold'\r\n        ? 'badge-gold'\r\n        : variant === 'success'\r\n        ? 'badge-success'\r\n        : variant === 'error'\r\n        ? 'badge-error'\r\n        : variant === 'warning'\r\n        ? 'bg-warning/20 text-warning border-warning/30'\r\n        : variant === 'info'\r\n        ? 'bg-info/20 text-info border-info/30'\r\n        : 'badge-default'\r\n\r\n    return <span ref={ref} className={cx('badge', variantClass, className)} {...rest} />\r\n  }\r\n)\r\n\r\nBadge.displayName = 'Badge'\r\n\r\nexport default Badge\r\n","import React from 'react'\r\n\r\nexport interface TooltipProps {\r\n  content: React.ReactNode\r\n  children: React.ReactElement\r\n  open?: boolean\r\n  side?: 'top' | 'right' | 'bottom' | 'left'\r\n}\r\n\r\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\r\n  return classes.filter(Boolean).join(' ')\r\n}\r\n\r\n// Simple, controlled tooltip. Consumer handles open state.\r\nexport const Tooltip: React.FC<TooltipProps> = ({ content, children, open = false, side = 'top' }) => {\r\n  return (\r\n    <span className=\"relative inline-block\">\r\n      {children}\r\n      <span\r\n        role=\"tooltip\"\r\n        className={cx(\r\n          'pointer-events-none absolute z-50 whitespace-nowrap rounded-md border border-ash bg-graphite px-3 py-1.5 text-sm text-white shadow-lg transition-opacity duration-fast ease-out',\r\n          open ? 'opacity-100' : 'opacity-0',\r\n          side === 'top' && 'left-1/2 -translate-x-1/2 -top-2 translate-y-[-100%]',\r\n          side === 'bottom' && 'left-1/2 -translate-x-1/2 -bottom-2 translate-y-[100%]',\r\n          side === 'left' && 'top-1/2 -translate-y-1/2 -left-2 -translate-x-[100%]',\r\n          side === 'right' && 'top-1/2 -translate-y-1/2 -right-2 translate-x-[100%]'\r\n        )}\r\n      >\r\n        {content}\r\n      </span>\r\n    </span>\r\n  )\r\n}\r\n\r\nexport default Tooltip\r\n","import React from 'react'\r\n\r\nexport interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {\r\n  required?: boolean\r\n}\r\n\r\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\r\n  return classes.filter(Boolean).join(' ')\r\n}\r\n\r\nexport const Label = React.forwardRef<HTMLLabelElement, LabelProps>(\r\n  ({ className, required, children, ...rest }, ref) => {\r\n    return (\r\n      <label\r\n        ref={ref}\r\n        className={cx('label', required && 'label-required', className)}\r\n        {...rest}\r\n      >\r\n        {children}\r\n      </label>\r\n    )\r\n  }\r\n)\r\n\r\nLabel.displayName = 'Label'\r\n\r\nexport default Label\r\n","import React from 'react'\r\n\r\nexport interface HelperTextProps extends React.HTMLAttributes<HTMLParagraphElement> {\r\n  error?: boolean\r\n}\r\n\r\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\r\n  return classes.filter(Boolean).join(' ')\r\n}\r\n\r\nexport const HelperText = React.forwardRef<HTMLParagraphElement, HelperTextProps>(\r\n  ({ className, error, children, ...rest }, ref) => {\r\n    return (\r\n      <p\r\n        ref={ref}\r\n        className={cx('mt-1.5 text-xs', error ? 'text-error' : 'text-silver', className)}\r\n        {...rest}\r\n      >\r\n        {children}\r\n      </p>\r\n    )\r\n  }\r\n)\r\n\r\nHelperText.displayName = 'HelperText'\r\n\r\nexport default HelperText\r\n","import React from 'react'\r\n\r\nexport interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {\r\n  error?: boolean\r\n}\r\n\r\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\r\n  return classes.filter(Boolean).join(' ')\r\n}\r\n\r\nexport const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\r\n  ({ error = false, className, disabled, ...rest }, ref) => {\r\n    const base = 'textarea'\r\n    const errorCls = error ? 'border-error focus:border-error focus:ring-error' : ''\r\n\r\n    return (\r\n      <textarea\r\n        ref={ref}\r\n        className={cx(base, errorCls, disabled && 'opacity-90', className)}\r\n        disabled={disabled}\r\n        {...rest}\r\n      />\r\n    )\r\n  }\r\n)\r\n\r\nTextarea.displayName = 'Textarea'\r\n\r\nexport default Textarea\r\n","import React from 'react'\r\n\r\nexport interface SelectOption {\r\n  label: string\r\n  value: string | number\r\n}\r\n\r\nexport interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {\r\n  error?: boolean\r\n  options?: SelectOption[]\r\n}\r\n\r\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\r\n  return classes.filter(Boolean).join(' ')\r\n}\r\n\r\nexport const Select = React.forwardRef<HTMLSelectElement, SelectProps>(\r\n  ({ error = false, className, disabled, options, children, ...rest }, ref) => {\r\n    const base = 'select'\r\n    const errorCls = error ? 'border-error focus:border-error focus:ring-error' : ''\r\n\r\n    return (\r\n      <select\r\n        ref={ref}\r\n        className={cx(base, errorCls, disabled && 'opacity-90', className)}\r\n        disabled={disabled}\r\n        {...rest}\r\n      >\r\n        {options\r\n          ? options.map((opt) => (\r\n              <option key={opt.value} value={opt.value}>\r\n                {opt.label}\r\n              </option>\r\n            ))\r\n          : children}\r\n      </select>\r\n    )\r\n  }\r\n)\r\n\r\nSelect.displayName = 'Select'\r\n\r\nexport default Select\r\n","import React from 'react'\r\n\r\nexport interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {\r\n  label?: string\r\n}\r\n\r\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\r\n  return classes.filter(Boolean).join(' ')\r\n}\r\n\r\nexport const Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\r\n  ({ className, label, id, ...rest }, ref) => {\r\n    const inputId = id || rest.name || Math.random().toString(36).substr(2, 9)\r\n\r\n    return (\r\n      <div className=\"flex items-center\">\r\n        <input\r\n          type=\"checkbox\"\r\n          id={inputId}\r\n          ref={ref}\r\n          className={cx('checkbox', className)}\r\n          {...rest}\r\n        />\r\n        {label && (\r\n          <label htmlFor={inputId} className=\"ml-2 text-sm text-silver cursor-pointer select-none\">\r\n            {label}\r\n          </label>\r\n        )}\r\n      </div>\r\n    )\r\n  }\r\n)\r\n\r\nCheckbox.displayName = 'Checkbox'\r\n\r\nexport default Checkbox\r\n","import React from 'react'\r\n\r\nexport interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement> {\r\n  label?: string\r\n}\r\n\r\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\r\n  return classes.filter(Boolean).join(' ')\r\n}\r\n\r\nexport const Radio = React.forwardRef<HTMLInputElement, RadioProps>(\r\n  ({ className, label, id, ...rest }, ref) => {\r\n    const inputId = id || rest.name || Math.random().toString(36).substr(2, 9)\r\n\r\n    return (\r\n      <div className=\"flex items-center\">\r\n        <input\r\n          type=\"radio\"\r\n          id={inputId}\r\n          ref={ref}\r\n          className={cx('radio', className)}\r\n          {...rest}\r\n        />\r\n        {label && (\r\n          <label htmlFor={inputId} className=\"ml-2 text-sm text-silver cursor-pointer select-none\">\r\n            {label}\r\n          </label>\r\n        )}\r\n      </div>\r\n    )\r\n  }\r\n)\r\n\r\nRadio.displayName = 'Radio'\r\n\r\nexport default Radio\r\n","import React, { useState } from 'react'\r\n\r\nexport interface SwitchProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {\r\n  checked?: boolean\r\n  defaultChecked?: boolean\r\n  onCheckedChange?: (checked: boolean) => void\r\n  label?: string\r\n}\r\n\r\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\r\n  return classes.filter(Boolean).join(' ')\r\n}\r\n\r\nexport const Switch = React.forwardRef<HTMLButtonElement, SwitchProps>(\r\n  ({ checked: controlledChecked, defaultChecked = false, onCheckedChange, disabled, className, label, ...rest }, ref) => {\r\n    const [internalChecked, setInternalChecked] = useState(defaultChecked)\r\n    const isControlled = controlledChecked !== undefined\r\n    const checked = isControlled ? controlledChecked : internalChecked\r\n\r\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\r\n      if (disabled) return\r\n      const newChecked = !checked\r\n      if (!isControlled) {\r\n        setInternalChecked(newChecked)\r\n      }\r\n      onCheckedChange?.(newChecked)\r\n      rest.onClick?.(e)\r\n    }\r\n\r\n    return (\r\n      <div className=\"flex items-center gap-2\">\r\n        <button\r\n          type=\"button\"\r\n          role=\"switch\"\r\n          aria-checked={checked}\r\n          data-state={checked ? 'checked' : 'unchecked'}\r\n          disabled={disabled}\r\n          ref={ref}\r\n          onClick={handleClick}\r\n          className={cx('switch', className)}\r\n          {...rest}\r\n        >\r\n          <span className=\"switch-thumb\" />\r\n        </button>\r\n        {label && (\r\n          <span className=\"text-sm text-silver cursor-pointer\" onClick={() => !disabled && handleClick({} as any)}>\r\n            {label}\r\n          </span>\r\n        )}\r\n      </div>\r\n    )\r\n  }\r\n)\r\n\r\nSwitch.displayName = 'Switch'\r\n\r\nexport default Switch\r\n","import React from 'react'\r\nimport { Info, CheckCircle, AlertTriangle, XCircle } from 'lucide-react'\r\n\r\nexport type AlertVariant = 'info' | 'success' | 'warning' | 'error'\r\n\r\nexport interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  variant?: AlertVariant\r\n  title?: string\r\n}\r\n\r\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\r\n  return classes.filter(Boolean).join(' ')\r\n}\r\n\r\nconst icons = {\r\n  info: Info,\r\n  success: CheckCircle,\r\n  warning: AlertTriangle,\r\n  error: XCircle,\r\n}\r\n\r\nexport const Alert = React.forwardRef<HTMLDivElement, AlertProps>(\r\n  ({ variant = 'info', title, children, className, ...rest }, ref) => {\r\n    const Icon = icons[variant]\r\n    const variantClass = `alert-${variant}`\r\n\r\n    return (\r\n      <div\r\n        ref={ref}\r\n        role=\"alert\"\r\n        className={cx('alert', variantClass, 'flex gap-3', className)}\r\n        {...rest}\r\n      >\r\n        <Icon className=\"h-5 w-5 shrink-0\" />\r\n        <div className=\"flex-1\">\r\n          {title && <h5 className=\"mb-1 font-medium leading-none tracking-tight text-current\">{title}</h5>}\r\n          <div className=\"text-sm opacity-90\">{children}</div>\r\n        </div>\r\n      </div>\r\n    )\r\n  }\r\n)\r\n\r\nAlert.displayName = 'Alert'\r\n\r\nexport default Alert\r\n","import React from 'react'\r\n\r\nexport interface SpinnerProps extends React.SVGAttributes<SVGElement> {\r\n  size?: 'sm' | 'md' | 'lg'\r\n}\r\n\r\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\r\n  return classes.filter(Boolean).join(' ')\r\n}\r\n\r\nexport const Spinner = ({ className, size = 'md', ...rest }: SpinnerProps) => {\r\n  const sizeClass =\r\n    size === 'sm' ? 'h-4 w-4' : size === 'lg' ? 'h-8 w-8' : 'h-6 w-6'\r\n\r\n  return (\r\n    <svg\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      viewBox=\"0 0 24 24\"\r\n      fill=\"none\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"2\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n      className={cx('animate-spin text-gold', sizeClass, className)}\r\n      {...rest}\r\n    >\r\n      <path d=\"M21 12a9 9 0 1 1-6.219-8.56\" />\r\n    </svg>\r\n  )\r\n}\r\n\r\nSpinner.displayName = 'Spinner'\r\n\r\nexport default Spinner\r\n","import React from 'react'\r\n\r\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {}\r\n\r\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\r\n  return classes.filter(Boolean).join(' ')\r\n}\r\n\r\nexport const Skeleton = React.forwardRef<HTMLDivElement, SkeletonProps>(\r\n  ({ className, ...rest }, ref) => {\r\n    return (\r\n      <div\r\n        ref={ref}\r\n        className={cx('animate-pulse bg-ash rounded-sm', className)}\r\n        {...rest}\r\n      />\r\n    )\r\n  }\r\n)\r\n\r\nSkeleton.displayName = 'Skeleton'\r\n\r\nexport default Skeleton\r\n","import React, { useEffect, useState } from 'react'\r\nimport { createPortal } from 'react-dom'\r\nimport { X } from 'lucide-react'\r\n\r\nexport interface ModalProps {\r\n  isOpen: boolean\r\n  onClose: () => void\r\n  title?: string\r\n  children: React.ReactNode\r\n  className?: string\r\n}\r\n\r\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\r\n  return classes.filter(Boolean).join(' ')\r\n}\r\n\r\nexport const Modal = ({ isOpen, onClose, title, children, className }: ModalProps) => {\r\n  const [mounted, setMounted] = useState(false)\r\n\r\n  useEffect(() => {\r\n    setMounted(true)\r\n  }, [])\r\n\r\n  useEffect(() => {\r\n    if (isOpen) {\r\n      const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth\r\n      document.body.style.overflow = 'hidden'\r\n      document.body.style.paddingRight = `${scrollbarWidth}px`\r\n    } else {\r\n      document.body.style.overflow = 'unset'\r\n      document.body.style.paddingRight = '0px'\r\n    }\r\n    return () => {\r\n      document.body.style.overflow = 'unset'\r\n      document.body.style.paddingRight = '0px'\r\n    }\r\n  }, [isOpen])\r\n\r\n  useEffect(() => {\r\n      const handleEsc = (e: KeyboardEvent) => {\r\n          if (e.key === 'Escape') onClose()\r\n      }\r\n      window.addEventListener('keydown', handleEsc)\r\n      return () => window.removeEventListener('keydown', handleEsc)\r\n  }, [onClose])\r\n\r\n  if (!mounted) return null\r\n\r\n  // Don't render anything if closed, unless we want exit animations. \r\n  // My CSS relies on data-state, but if I unmount immediately, exit animation won't play.\r\n  // To support exit animations, I'd need a transition manager (like framer-motion or headlessui).\r\n  // For this simple implementation, I'll render conditionally. \r\n  // If I want animation, I need to keep it mounted until animation ends.\r\n  // Given the prompt \"add all suggestions\" and \"premium\", a simple unmount is acceptable for v1 without heavy deps.\r\n  // However, the CSS I wrote has `data-state=closed`. \r\n  // Without a transition library, handling exit animation is tricky. \r\n  // I'll just conditional render for now. The entry animation `animate-fade-in` will play.\r\n  \r\n  if (!isOpen) return null;\r\n\r\n  const content = (\r\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center p-4 sm:p-6\" onClick={onClose}>\r\n      <div className=\"modal-backdrop\" aria-hidden=\"true\" />\r\n      <div\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        className={cx('modal-content relative', className)}\r\n        data-state=\"open\"\r\n        onClick={(e) => e.stopPropagation()}\r\n      >\r\n         <div className=\"flex items-center justify-between mb-2\">\r\n             {title ? <h3 className=\"text-xl font-semibold text-white m-0\">{title}</h3> : <div />}\r\n             <button onClick={onClose} className=\"text-silver hover:text-white transition-colors ml-auto\">\r\n                <X className=\"h-5 w-5\" />\r\n                <span className=\"sr-only\">Close</span>\r\n             </button>\r\n         </div>\r\n        <div>{children}</div>\r\n      </div>\r\n    </div>\r\n  )\r\n\r\n  return createPortal(content, document.body)\r\n}\r\n\r\nModal.displayName = 'Modal'\r\n\r\nexport default Modal\r\n","/**\n * Aurelius Design System\n *\n * A cohesive visual language for creative technologists.\n * Combines technical sophistication with artistic sensibility.\n */\n\n// Export Tailwind preset\nexport { default as tailwindPreset } from './tailwind.preset'\n\n// Export design tokens\nexport * from './tokens'\n\n// Re-export individual token modules for convenience\nexport { colors, type ColorToken } from './tokens/colors'\nexport { typography, type TypographyToken } from './tokens/typography'\nexport { spacing, type SpacingToken } from './tokens/spacing'\n\n// React components\nexport * from './components'\n\n// Version\nexport const version = '1.0.0'\n"],"mappings":"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","names":["React","cx","React","cx","React","cx","React","cx","React","cx","React","cx","React","cx","React","cx","React","cx","React","cx","React","cx","React","cx","React","cx","React","cx","React","cx","React","useState","cx"]}

package/dist/llms.md

@@ -0,0 +1,325 @@
+# Aurelius Design System Philosophy
+
+## Core Principles
+Aurelius is a design system for creative technologists, blending technical sophistication with an artistic, cinematic aesthetic. The visual language relies on deep blacks, rich golds, and refined typography to convey stability, trust, and quiet luxury.
+
+## Implementation Strategy
+**Hierarchy:** React Components > Component Classes > Utility Classes > Design Tokens.
+
+1.  **React Components:** Use exported components (e.g., `<Button />`) whenever possible.
+2.  **Component Classes:** Fallback to semantic CSS classes (e.g., `.btn`) if no React component fits.
+3.  **Utility Classes:** Build custom elements using Tailwind utilities with semantic tokens (e.g., `bg-obsidian`).
+4.  **Design Tokens:** Use raw tokens only as a last resort.
+
+## Visual Guidelines
+*   **Theme:** Strictly dark mode. Avoid white backgrounds for containers; use `obsidian` (#0a0a0a) or `charcoal` (#141414).
+*   **Typography:** Use the system font stack via our utility classes. Do not introduce external fonts unless specified.
+*   **Borders:** Prefer subtle 1px borders (`border-ash`) over heavy drop shadows.
+*   **Primary Color:** Gold (#c9a227) is reserved for primary actions and key highlights.
+
+**Instruction for AI Agents:**
+Before generating code, verify if an existing component in this package meets the requirement. Hallucinating new styles for standard elements is strictly prohibited. Check the Manifest below for available tools.
+
+
+## React Components API
+
+### <Alert />
+**Props:**
+- `variant?: AlertVariant`
+- `title?: string`
+
+### <Avatar />
+**Props:**
+- `src?: string`
+- `alt?: string`
+- `name?: string`
+- `size?: AvatarSize`
+- `status?: 'online' | 'offline' | 'busy'`
+
+### <Badge />
+**Props:**
+- `variant?: BadgeVariant`
+
+### <Button />
+**Props:**
+- `variant?: ButtonVariant`
+- `size?: ButtonSize`
+- `loading?: boolean`
+
+### <Card />
+**Props:**
+- `variant?: CardVariant`
+- `interactive?: boolean`
+
+### <Checkbox />
+**Props:**
+- `label?: string`
+
+### <HelperText />
+**Props:**
+- `error?: boolean`
+
+### <Input />
+**Props:**
+- `error?: boolean`
+- `leadingIcon?: React.ReactNode`
+- `trailingIcon?: React.ReactNode`
+
+### <Label />
+**Props:**
+- `required?: boolean`
+
+### <Modal />
+**Props:**
+- `isOpen: boolean`
+- `onClose: () => void`
+- `title?: string`
+- `children: React.ReactNode`
+- `className?: string`
+
+### <Radio />
+**Props:**
+- `label?: string`
+
+### <Select />
+**Props:**
+- `error?: boolean`
+- `options?: SelectOption[]`
+
+### <Skeleton />
+
+### <Spinner />
+**Props:**
+- `size?: 'sm' | 'md' | 'lg'`
+
+### <Switch />
+**Props:**
+- `checked?: boolean`
+- `defaultChecked?: boolean`
+- `onCheckedChange?: (checked: boolean) => void`
+- `label?: string`
+
+### <Textarea />
+**Props:**
+- `error?: boolean`
+
+### <Tooltip />
+**Props:**
+- `content: React.ReactNode`
+- `children: React.ReactElement`
+- `open?: boolean`
+- `side?: 'top' | 'right' | 'bottom' | 'left'`
+
+## CSS Classes & Tailwind Utilities
+
+### Component Classes
+
+| Class | Description |
+|---|---|
+| `.alert` | |
+| `.alert-error` | |
+| `.alert-info` | |
+| `.alert-success` | |
+| `.alert-warning` | |
+| `.avatar` | |
+| `.avatar-2xl` | |
+| `.avatar-lg` | |
+| `.avatar-md` | |
+| `.avatar-sm` | |
+| `.avatar-xl` | |
+| `.avatar-xs` | |
+| `.badge` | |
+| `.badge-default` | |
+| `.badge-error` | |
+| `.badge-gold` | |
+| `.badge-info` | |
+| `.badge-success` | |
+| `.badge-warning` | |
+| `.btn` | |
+| `.btn-danger` | |
+| `.btn-elevated` | |
+| `.btn-featured` | |
+| `.btn-ghost` | |
+| `.btn-important` | |
+| `.btn-lg` | |
+| `.btn-md` | |
+| `.btn-outlined` | |
+| `.btn-primary` | |
+| `.btn-sm` | |
+| `.btn-xl` | |
+| `.card` | |
+| `.card-elevated` | |
+| `.card-featured` | |
+| `.card-interactive` | |
+| `.card-outlined` | |
+| `.checkbox` | |
+| `.divider` | |
+| `.divider-vertical` | |
+| `.input` | |
+| `.input-error` | |
+| `.label` | |
+| `.label-required` | |
+| `.modal-backdrop` | |
+| `.modal-content` | |
+| `.radio` | |
+| `.select` | |
+| `.switch` | |
+| `.switch-thumb` | |
+| `.textarea` | |
+| `.textarea-error` | |
+| `.tooltip` | |
+
+### Utility Classes
+
+| Class | Description |
+|---|---|
+| `.backdrop-glass` | |
+| `.center-absolute` | |
+| `.focus-ring` | |
+| `.glow` | |
+| `.glow-lg` | |
+| `.glow-sm` | |
+| `.line-clamp-2` | |
+| `.line-clamp-3` | |
+| `.scroll-smooth` | |
+| `.scrollbar-hide` | |
+| `.text-gradient-gold` | |
+| `.truncate` | |
+
+## Design Tokens
+
+### Colors
+
+| Token | Value |
+|---|---|
+| `colors.void` | #000000 |
+| `colors.obsidian` | #0a0a0a |
+| `colors.charcoal` | #141414 |
+| `colors.graphite` | #1f1f1f |
+| `colors.slate` | #2a2a2a |
+| `colors.ash` | #3d3d3d |
+| `colors.gold` | #c9a227 |
+| `colors.goldLight` | #d4b84a |
+| `colors.goldBright` | #e5c84d |
+| `colors.goldMuted` | #8b7355 |
+| `colors.goldPale` | #d4c4a8 |
+| `colors.goldGlow` | rgba(201, 162, 39, 0.15) |
+| `colors.white` | #ffffff |
+| `colors.silver` | #a3a3a3 |
+| `colors.zinc` | #71717a |
+| `colors.dim` | #52525b |
+| `colors.success` | #22c55e |
+| `colors.successMuted` | #166534 |
+| `colors.error` | #dc2626 |
+| `colors.errorMuted` | #991b1b |
+| `colors.warning` | #d97706 |
+| `colors.warningMuted` | #92400e |
+| `colors.info` | #0ea5e9 |
+| `colors.infoMuted` | #0369a1 |
+
+### Duration
+
+| Token | Value |
+|---|---|
+| `duration.instant` | 75ms |
+| `duration.fast` | 150ms |
+| `duration.normal` | 200ms |
+| `duration.slow` | 300ms |
+| `duration.slower` | 500ms |
+
+### Easing
+
+| Token | Value |
+|---|---|
+| `easing.smooth` | cubic-bezier(0.16, 1, 0.3, 1) |
+| `easing.snap` | cubic-bezier(0.5, 0, 0.1, 1) |
+
+### Radii
+
+| Token | Value |
+|---|---|
+| `radii.sm` | 0.125rem |
+| `radii.md` | 0.25rem |
+| `radii.lg` | 0.375rem |
+| `radii.xl` | 0.5rem |
+| `radii.2xl` | 0.75rem |
+| `radii.3xl` | 1rem |
+| `radii.full` | 9999px |
+
+### Shadows
+
+| Token | Value |
+|---|---|
+| `shadows.sm` | 0 1px 2px 0 rgba(0, 0, 0, 0.4) |
+| `shadows.md` | 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -2px rgba(0, 0, 0, 0.3) |
+| `shadows.lg` | 0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -4px rgba(0, 0, 0, 0.3) |
+| `shadows.xl` | 0 20px 25px -5px rgba(0, 0, 0, 0.4), 0 8px 10px -6px rgba(0, 0, 0, 0.3) |
+| `shadows.2xl` | 0 25px 50px -12px rgba(0, 0, 0, 0.5) |
+| `shadows.glow` | 0 0 20px rgba(201, 162, 39, 0.3) |
+| `shadows.glow-sm` | 0 0 10px rgba(201, 162, 39, 0.2) |
+| `shadows.glow-lg` | 0 0 40px rgba(201, 162, 39, 0.4) |
+| `shadows.inner` | inset 0 2px 4px 0 rgba(0, 0, 0, 0.3) |
+
+### Spacing
+
+| Token | Value |
+|---|---|
+| `spacing.0` | 0 |
+| `spacing.1` | 0.25rem |
+| `spacing.2` | 0.5rem |
+| `spacing.3` | 0.75rem |
+| `spacing.4` | 1rem |
+| `spacing.5` | 1.25rem |
+| `spacing.6` | 1.5rem |
+| `spacing.7` | 1.75rem |
+| `spacing.8` | 2rem |
+| `spacing.9` | 2.25rem |
+| `spacing.10` | 2.5rem |
+| `spacing.11` | 2.75rem |
+| `spacing.12` | 3rem |
+| `spacing.14` | 3.5rem |
+| `spacing.16` | 4rem |
+| `spacing.20` | 5rem |
+| `spacing.24` | 6rem |
+| `spacing.28` | 7rem |
+| `spacing.32` | 8rem |
+| `spacing.px` | 1px |
+| `spacing.0.5` | 0.125rem |
+| `spacing.1.5` | 0.375rem |
+| `spacing.2.5` | 0.625rem |
+| `spacing.3.5` | 0.875rem |
+
+### Typography
+
+| Token | Value |
+|---|---|
+| `typography.fontHeading` | [Marcellus, serif] |
+| `typography.fontBody` | [Raleway, system-ui, sans-serif] |
+| `typography.fontMono` | [JetBrains Mono, Fira Code, SF Mono, monospace] |
+| `typography.fontSize.xs` | [0.75rem, {"lineHeight":"1rem"}] |
+| `typography.fontSize.sm` | [0.875rem, {"lineHeight":"1.25rem"}] |
+| `typography.fontSize.base` | [1rem, {"lineHeight":"1.5rem"}] |
+| `typography.fontSize.lg` | [1.125rem, {"lineHeight":"1.75rem"}] |
+| `typography.fontSize.xl` | [1.25rem, {"lineHeight":"1.75rem"}] |
+| `typography.fontSize.2xl` | [1.5rem, {"lineHeight":"2rem"}] |
+| `typography.fontSize.3xl` | [1.875rem, {"lineHeight":"2.25rem"}] |
+| `typography.fontSize.4xl` | [2.25rem, {"lineHeight":"2.5rem"}] |
+| `typography.fontSize.5xl` | [3rem, {"lineHeight":"1"}] |
+| `typography.fontSize.6xl` | [3.75rem, {"lineHeight":"1"}] |
+| `typography.fontWeight.normal` | 400 |
+| `typography.fontWeight.medium` | 500 |
+| `typography.fontWeight.semibold` | 600 |
+| `typography.fontWeight.bold` | 700 |
+| `typography.lineHeight.none` | 1 |
+| `typography.lineHeight.tight` | 1.25 |
+| `typography.lineHeight.snug` | 1.375 |
+| `typography.lineHeight.normal` | 1.5 |
+| `typography.lineHeight.relaxed` | 1.625 |
+| `typography.lineHeight.loose` | 2 |
+| `typography.letterSpacing.tighter` | -0.05em |
+| `typography.letterSpacing.tight` | -0.025em |
+| `typography.letterSpacing.normal` | 0 |
+| `typography.letterSpacing.wide` | 0.025em |
+| `typography.letterSpacing.wider` | 0.05em |
+| `typography.letterSpacing.widest` | 0.1em |
+