@lukeashford/aurelius 2.0.0 → 2.1.0

package/README.md

@@ -56,7 +56,7 @@ while staying within design system constraints.
 
 ```bash
 npm install @lukeashford/aurelius
-npm install -D eslint eslint-plugin-tailwindcss
+npm install -D eslint @typescript-eslint/parser eslint-plugin-better-tailwindcss @poupe/eslint-plugin-tailwindcss @eslint/css tailwind-csstree
 ```
 
 ### 2. Import the design system
@@ -78,40 +78,33 @@ Then import it in your entry file:
 import './index.css'
 ```
 
-### 3. Configure ESLint
+### 3. Configure ESLint (simplest form)
 
-This enforces the design system — agents and developers get errors when using arbitrary values or
-non-Aurelius classes.
+Aurelius ships with a default ESLint config you can re-export in one line. It enforces design system
+constraints — if ESLint complains, you're leaving the rails.
 
 ```javascript
-// eslint.config.js
-import tailwindcss from 'eslint-plugin-tailwindcss';
-
-export default [
-  {
-    plugins: {tailwindcss},
-    rules: {
-      'tailwindcss/no-arbitrary-value': 'error',
-      'tailwindcss/no-custom-classname': 'error',
-    },
-  },
-];
+// eslint.config.mjs
+export {default} from '@lukeashford/aurelius/eslint';
 ```
 
-<details>
-<summary>Legacy .eslintrc.js format</summary>
+**Need a different CSS entry point?**
 
 ```javascript
-module.exports = {
-  plugins: ['tailwindcss'],
-  rules: {
-    'tailwindcss/no-arbitrary-value': 'error',
-    'tailwindcss/no-custom-classname': 'error',
-  },
-}
+// eslint.config.mjs
+import {createAureliusESLintConfig} from '@lukeashford/aurelius/eslint';
+
+export default createAureliusESLintConfig({
+  entryPoint: './app/styles.css'
+});
 ```
 
-</details>
+**What this enforces:**
+
+- **JS/TS/JSX/TSX files:** No custom/non-Aurelius class names, no arbitrary value utilities like
+  `bg-[#123456]` or `text-[15px]`
+- **CSS files:** Tailwind v4 CSS best practices, valid `@apply` directives, no arbitrary value
+  overuse, and proper theme token usage
 
 ### 4. Update package.json scripts
 

package/dist/index.js

@@ -186,10 +186,7 @@ var Avatar = import_react4.default.forwardRef(
         ),
         ...rest
       },
-      src ? (
-        // eslint-disable-next-line @next/next/no-img-element
-        /* @__PURE__ */ import_react4.default.createElement("img", { src, alt: alt || name || "Avatar", className: "h-full w-full object-cover" })
-      ) : /* @__PURE__ */ import_react4.default.createElement("span", { "aria-hidden": true }, initials(name) || "\xB7"),
+      src ? /* @__PURE__ */ import_react4.default.createElement("img", { src, alt: alt || name || "Avatar", className: "h-full w-full object-cover" }) : /* @__PURE__ */ import_react4.default.createElement("span", { "aria-hidden": true }, initials(name) || "\xB7"),
       status && /* @__PURE__ */ import_react4.default.createElement(
         "span",
         {
@@ -239,12 +236,12 @@ var Tooltip = ({ content, children, open = false, side = "top" }) => {
     {
       role: "tooltip",
       className: cx6(
-        "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",
+        "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-200 ease-out",
         open ? "opacity-100" : "opacity-0",
-        side === "top" && "left-1/2 -translate-x-1/2 -top-2 translate-y-[-100%]",
-        side === "bottom" && "left-1/2 -translate-x-1/2 -bottom-2 translate-y-[100%]",
-        side === "left" && "top-1/2 -translate-y-1/2 -left-2 -translate-x-[100%]",
-        side === "right" && "top-1/2 -translate-y-1/2 -right-2 translate-x-[100%]"
+        side === "top" && "left-1/2 -translate-x-1/2 -top-2 -translate-y-full",
+        side === "bottom" && "left-1/2 -translate-x-1/2 -bottom-2 translate-y-full",
+        side === "left" && "top-1/2 -translate-y-1/2 -left-2 -translate-x-full",
+        side === "right" && "top-1/2 -translate-y-1/2 -right-2 translate-x-full"
       )
     },
     content

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../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"],"sourcesContent":["/**\n * Aurelius Design System\n *\n * A cohesive visual language for creative technologists.\n * Combines technical sophistication with artistic sensibility.\n *\n * CSS-first Tailwind v4 design system.\n * Import '@lukeashford/aurelius/styles/base.css' for complete styling.\n */\n\n// React components\nexport * from './components'\n\n// Version\nexport const version = '2.0.0'\n","import React from 'react'\n\nexport type ButtonVariant =\n    | 'primary'\n    | 'important'\n    | 'elevated'\n    | 'outlined'\n    | 'featured'\n    | 'ghost'\n    | 'danger'\n\nexport type ButtonSize = 'sm' | 'md' | 'lg' | 'xl'\n\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: ButtonVariant\n  size?: ButtonSize\n  loading?: boolean\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n    ({variant = 'primary', size = 'md', loading = false, className, disabled, children, ...rest},\n        ref) => {\n      const isDisabled = disabled || loading\n\n      // Base button styles - common to all variants\n      const base =\n          'inline-flex items-center justify-center font-semibold tracking-wide ' +\n          'transition-all duration-fast ' +\n          'rounded-none ' +\n          'disabled:opacity-50 disabled:cursor-not-allowed'\n\n      // Variant styles\n      const variantClasses = {\n        primary:\n            'bg-charcoal text-white border border-gold/30 ' +\n            'hover:border-gold hover:shadow-glow hover:text-gold-light ' +\n            'active:bg-white/5 ' +\n            'focus-visible:ring-2 focus-visible:ring-gold focus-visible:ring-offset-2 ' +\n            'focus-visible:ring-offset-obsidian',\n\n        important:\n            'bg-gold text-obsidian border border-gold ' +\n            'hover:bg-gold-light hover:text-obsidian ' +\n            'active:bg-gold-bright ' +\n            'focus-visible:ring-2 focus-visible:ring-gold focus-visible:ring-offset-2 ' +\n            'focus-visible:ring-offset-obsidian',\n\n        elevated:\n            'bg-charcoal text-white border-0 shadow-lg ' +\n            'hover:shadow-xl hover:text-gold-light ' +\n            'active:bg-white/5 ' +\n            'focus-visible:ring-2 focus-visible:ring-gold focus-visible:ring-offset-2 ' +\n            'focus-visible:ring-offset-obsidian',\n\n        outlined:\n            'bg-transparent text-white border border-ash ' +\n            'hover:border-white hover:text-white ' +\n            'active:bg-white/5 ' +\n            'focus-visible:ring-2 focus-visible:ring-gold focus-visible:ring-offset-2 ' +\n            'focus-visible:ring-offset-obsidian',\n\n        featured:\n            'bg-charcoal text-white border border-gold ' +\n            'shadow-[0_0_10px_rgba(201,162,39,0.2)] ' +\n            'hover:shadow-[0_0_15px_rgba(201,162,39,0.4)] hover:text-gold-light ' +\n            'active:bg-white/5 ' +\n            'focus-visible:ring-2 focus-visible:ring-gold focus-visible:ring-offset-2 ' +\n            'focus-visible:ring-offset-obsidian',\n\n        ghost:\n            'bg-transparent text-gold border-0 ' +\n            'hover:text-gold-light ' +\n            'active:text-gold-bright ' +\n            'focus-visible:ring-2 focus-visible:ring-gold focus-visible:ring-offset-2 ' +\n            'focus-visible:ring-offset-obsidian',\n\n        danger:\n            'bg-error text-white border-0 ' +\n            'hover:bg-error/90 ' +\n            'active:bg-error/80 ' +\n            'focus-visible:ring-2 focus-visible:ring-error focus-visible:ring-offset-2 ' +\n            'focus-visible:ring-offset-obsidian',\n      }\n\n      // Size styles\n      const sizeClasses = {\n        sm: 'h-8 px-3 text-sm',\n        md: 'h-10 px-4 text-sm',\n        lg: 'h-12 px-6 text-base',\n        xl: 'h-14 px-8 text-lg',\n      }\n\n      const variantClass = variantClasses[variant]\n      const sizeClass = sizeClasses[size]\n\n      return (\n          <button\n              ref={ref}\n              className={cx(base, variantClass, sizeClass, loading && 'opacity-80', className)}\n              disabled={isDisabled}\n              {...rest}\n          >\n            {loading && (\n                <span\n                    className=\"mr-2 inline-block h-4 w-4 animate-pulse rounded-full bg-gold\"\n                    aria-hidden\n                />\n            )}\n            {children}\n          </button>\n      )\n    }\n)\n\nButton.displayName = 'Button'\n\nexport default Button\n","import React from 'react'\n\nexport interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  error?: boolean\n  leadingIcon?: React.ReactNode\n  trailingIcon?: React.ReactNode\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ error = false, className, leadingIcon, trailingIcon, disabled, ...rest }, ref) => {\n    // Base input styles\n    const base =\n        'w-full h-10 px-3 bg-graphite border border-ash rounded-none ' +\n        'text-white placeholder:text-zinc ' +\n        'transition-all duration-fast ' +\n        'focus:border-gold focus:ring-1 focus:ring-gold focus:outline-none ' +\n        'disabled:bg-slate disabled:text-dim disabled:cursor-not-allowed'\n\n    // Error styles\n    const errorCls = error ? 'border-error focus:border-error focus:ring-error' : ''\n\n    return (\n      <div className={cx('relative', disabled && 'opacity-90')}>\n        {leadingIcon && (\n          <span className=\"pointer-events-none absolute inset-y-0 left-3 flex items-center text-silver\">\n            {leadingIcon}\n          </span>\n        )}\n        <input\n          ref={ref}\n          className={cx(\n            base,\n            errorCls,\n            (leadingIcon || trailingIcon) ? 'pl-9 pr-9' : false,\n            className\n          )}\n          disabled={disabled}\n          {...rest}\n        />\n        {trailingIcon && (\n          <span className=\"pointer-events-none absolute inset-y-0 right-3 flex items-center text-silver\">\n            {trailingIcon}\n          </span>\n        )}\n      </div>\n    )\n  }\n)\n\nInput.displayName = 'Input'\n\nexport default Input\n","import React from 'react'\n\nexport type CardVariant = 'default' | 'elevated' | 'outlined' | 'ghost' | 'featured'\n\nexport interface CardProps extends React.HTMLAttributes<HTMLDivElement> {\n  variant?: CardVariant\n  interactive?: boolean\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(\n    ({variant = 'default', interactive = false, className, ...rest}, ref) => {\n      // Base card styles\n      const base = 'rounded-none p-6'\n\n      // Variant styles\n      const variantClasses = {\n        default: 'bg-charcoal shadow-sm border border-gold/30',\n        elevated: 'bg-charcoal shadow-lg border-0',\n        outlined: 'bg-charcoal shadow-none border border-ash',\n        ghost: 'bg-transparent shadow-none border-0',\n        featured: 'bg-charcoal border border-gold shadow-[0_0_10px_rgba(201,162,39,0.2)]',\n      }\n\n      // Interactive styles\n      const interactiveClass = interactive\n          ? 'transition-all duration-200 hover:border-gold hover:shadow-glow cursor-pointer'\n          : ''\n\n      const variantClass = variantClasses[variant]\n\n      return (\n          <div\n              ref={ref}\n              className={cx(base, variantClass, interactiveClass, className)}\n              {...rest}\n          />\n      )\n    }\n)\n\nCard.displayName = 'Card'\n\nexport default Card\n","import React from 'react'\n\nexport type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'\nexport type AvatarStatus = 'online' | 'offline' | 'busy'\n\nexport interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {\n  src?: string\n  alt?: string\n  name?: string\n  size?: AvatarSize\n  status?: AvatarStatus\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nconst sizeMap: Record<AvatarSize, string> = {\n  xs: 'h-6 w-6 text-[10px]',\n  sm: 'h-8 w-8 text-[11px]',\n  md: 'h-10 w-10 text-xs',\n  lg: 'h-12 w-12 text-sm',\n  xl: 'h-16 w-16 text-base',\n  '2xl': 'h-24 w-24 text-lg',\n}\n\nfunction initials(name?: string) {\n  if (!name) return ''\n  const parts = name.trim().split(/\\s+/)\n  return parts.slice(0, 2).map(p => p[0]!.toUpperCase()).join('')\n}\n\nexport const Avatar = React.forwardRef<HTMLDivElement, AvatarProps>(\n  ({ src, alt = '', name, size = 'md', status, className, ...rest }, ref) => {\n    const statusColor =\n      status === 'online' ? 'bg-success' : status === 'busy' ? 'bg-warning' : 'bg-zinc'\n\n    return (\n      <div\n        ref={ref}\n        className={cx(\n          'relative inline-flex items-center justify-center rounded-full border-2 border-ash bg-slate text-silver font-semibold select-none overflow-hidden',\n          sizeMap[size],\n          className\n        )}\n        {...rest}\n      >\n        {src ? (\n          // eslint-disable-next-line @next/next/no-img-element\n          <img src={src} alt={alt || name || 'Avatar'} className=\"h-full w-full object-cover\" />\n        ) : (\n          <span aria-hidden>{initials(name) || '·'}</span>\n        )}\n        {status && (\n          <span\n            className={cx(\n              'absolute bottom-0 right-0 rounded-full ring-2 ring-charcoal',\n              // 25% of avatar size\n              size === 'xs' ? 'h-1.5 w-1.5' :\n              size === 'sm' ? 'h-2 w-2' :\n              size === 'md' ? 'h-2.5 w-2.5' :\n              size === 'lg' ? 'h-3 w-3' :\n              size === 'xl' ? 'h-4 w-4' : 'h-5 w-5',\n              statusColor\n            )}\n          />\n        )}\n      </div>\n    )\n  }\n)\n\nAvatar.displayName = 'Avatar'\n\nexport default Avatar\n","import React from 'react'\n\nexport type BadgeVariant = 'default' | 'gold' | 'success' | 'error' | 'warning' | 'info'\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {\n  variant?: BadgeVariant\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  ({ variant = 'default', className, ...rest }, ref) => {\n    // Base badge styles\n    const base = 'inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border'\n\n    // Variant styles\n    const variantClasses = {\n      default: 'bg-slate text-silver border-slate',\n      gold: 'bg-gold/20 text-gold border-gold/30',\n      success: 'bg-success/20 text-success border-success/30',\n      error: 'bg-error/20 text-error border-error/30',\n      warning: 'bg-warning/20 text-warning border-warning/30',\n      info: 'bg-info/20 text-info border-info/30',\n    }\n\n    const variantClass = variantClasses[variant]\n\n    return <span ref={ref} className={cx(base, variantClass, className)} {...rest} />\n  }\n)\n\nBadge.displayName = 'Badge'\n\nexport default Badge\n","import React from 'react'\n\nexport type TooltipSide = 'top' | 'right' | 'bottom' | 'left'\n\nexport interface TooltipProps {\n  content: React.ReactNode\n  children: React.ReactElement\n  open?: boolean\n  side?: TooltipSide\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\n// Simple, controlled tooltip. Consumer handles open state.\nexport const Tooltip: React.FC<TooltipProps> = ({ content, children, open = false, side = 'top' }) => {\n  return (\n    <span className=\"relative inline-block\">\n      {children}\n      <span\n        role=\"tooltip\"\n        className={cx(\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',\n          open ? 'opacity-100' : 'opacity-0',\n          side === 'top' && 'left-1/2 -translate-x-1/2 -top-2 translate-y-[-100%]',\n          side === 'bottom' && 'left-1/2 -translate-x-1/2 -bottom-2 translate-y-[100%]',\n          side === 'left' && 'top-1/2 -translate-y-1/2 -left-2 -translate-x-[100%]',\n          side === 'right' && 'top-1/2 -translate-y-1/2 -right-2 translate-x-[100%]'\n        )}\n      >\n        {content}\n      </span>\n    </span>\n  )\n}\n\nexport default Tooltip\n","import React from 'react'\n\nexport interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {\n  required?: boolean\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const Label = React.forwardRef<HTMLLabelElement, LabelProps>(\n  ({ className, required, children, ...rest }, ref) => {\n    return (\n      <label\n        ref={ref}\n        className={cx('block text-sm font-medium text-silver mb-1.5', className)}\n        {...rest}\n      >\n        {children}\n        {required && <span className=\"text-error ml-1\">*</span>}\n      </label>\n    )\n  }\n)\n\nLabel.displayName = 'Label'\n\nexport default Label\n","import React from 'react'\n\nexport interface HelperTextProps extends React.HTMLAttributes<HTMLParagraphElement> {\n  error?: boolean\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const HelperText = React.forwardRef<HTMLParagraphElement, HelperTextProps>(\n  ({ className, error, children, ...rest }, ref) => {\n    return (\n      <p\n        ref={ref}\n        className={cx('mt-1.5 text-xs', error ? 'text-error' : 'text-silver', className)}\n        {...rest}\n      >\n        {children}\n      </p>\n    )\n  }\n)\n\nHelperText.displayName = 'HelperText'\n\nexport default HelperText\n","import React from 'react'\n\nexport interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {\n  error?: boolean\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ error = false, className, disabled, ...rest }, ref) => {\n    // Base textarea styles\n    const base =\n        'w-full px-3 py-2 bg-graphite border border-ash rounded-none ' +\n        'text-white placeholder:text-zinc min-h-[80px] ' +\n        'transition-all duration-fast ' +\n        'focus:border-gold focus:ring-1 focus:ring-gold focus:outline-none ' +\n        'disabled:bg-slate disabled:text-dim disabled:cursor-not-allowed'\n\n    // Error styles\n    const errorCls = error ? 'border-error focus:border-error focus:ring-error' : ''\n\n    return (\n      <textarea\n        ref={ref}\n        className={cx(base, errorCls, disabled && 'opacity-90', className)}\n        disabled={disabled}\n        {...rest}\n      />\n    )\n  }\n)\n\nTextarea.displayName = 'Textarea'\n\nexport default Textarea\n","import React from 'react'\n\nexport interface SelectOption {\n  label: string\n  value: string | number\n}\n\nexport interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {\n  error?: boolean\n  options?: SelectOption[]\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nconst selectBgImage = \"url(\\\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23C9A227' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e\\\")\"\n\nexport const Select = React.forwardRef<HTMLSelectElement, SelectProps>(\n  ({ error = false, className, disabled, options, children, ...rest }, ref) => {\n    return (\n      <select\n        ref={ref}\n        className={cx(\n          'appearance-none bg-graphite border border-ash rounded-none text-white px-3 py-2 pr-8',\n          'focus:border-gold focus:ring-1 focus:ring-gold focus:outline-none',\n          'disabled:opacity-50 disabled:cursor-not-allowed',\n          error && 'border-error focus:border-error focus:ring-error',\n          className\n        )}\n        style={{\n          backgroundImage: selectBgImage,\n          backgroundPosition: 'right 0.5rem center',\n          backgroundRepeat: 'no-repeat',\n          backgroundSize: '1.5em 1.5em',\n        }}\n        disabled={disabled}\n        {...rest}\n      >\n        {options\n          ? options.map((opt) => (\n              <option key={opt.value} value={opt.value}>\n                {opt.label}\n              </option>\n            ))\n          : children}\n      </select>\n    )\n  }\n)\n\nSelect.displayName = 'Select'\n\nexport default Select\n","import React, { useCallback } from 'react'\n\nexport interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  label?: string\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nconst checkmarkSvg = \"url(\\\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%231A1A1A' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e\\\")\"\n\nexport const Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\n  ({ className, label, id, ...rest }, ref) => {\n    const inputId = id || rest.name || Math.random().toString(36).substr(2, 9)\n\n    const setRef = useCallback((node: HTMLInputElement | null) => {\n      if (node) {\n        // Set initial background image based on checked state\n        if (node.checked) {\n          node.style.backgroundImage = checkmarkSvg\n        }\n      }\n      // Forward ref\n      if (typeof ref === 'function') {\n        ref(node)\n      } else if (ref) {\n        ref.current = node\n      }\n    }, [ref])\n\n    return (\n      <div className=\"flex items-center\">\n        <input\n          type=\"checkbox\"\n          id={inputId}\n          ref={setRef}\n          className={cx(\n            'appearance-none h-4 w-4 border border-ash rounded-sm bg-graphite',\n            'checked:bg-gold checked:border-gold',\n            'focus:ring-1 focus:ring-gold focus:ring-offset-1 focus:ring-offset-obsidian',\n            'transition duration-200 ease-in-out cursor-pointer',\n            'disabled:opacity-50 disabled:cursor-not-allowed',\n            className\n          )}\n          style={{\n            backgroundPosition: 'center',\n            backgroundSize: 'contain',\n            backgroundRepeat: 'no-repeat',\n          }}\n          onChange={(e) => {\n            const input = e.currentTarget\n            if (input.checked) {\n              input.style.backgroundImage = checkmarkSvg\n            } else {\n              input.style.backgroundImage = 'none'\n            }\n            rest.onChange?.(e)\n          }}\n          {...rest}\n        />\n        {label && (\n          <label htmlFor={inputId} className=\"ml-2 text-sm text-silver cursor-pointer select-none\">\n            {label}\n          </label>\n        )}\n      </div>\n    )\n  }\n)\n\nCheckbox.displayName = 'Checkbox'\n\nexport default Checkbox\n","import React, { useCallback } from 'react'\n\nexport interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  label?: string\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nconst radioDotSvg = \"url(\\\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%231A1A1A' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e\\\")\"\n\nexport const Radio = React.forwardRef<HTMLInputElement, RadioProps>(\n  ({ className, label, id, ...rest }, ref) => {\n    const inputId = id || rest.name || Math.random().toString(36).substr(2, 9)\n\n    const setRef = useCallback((node: HTMLInputElement | null) => {\n      if (node) {\n        // Set initial background image based on checked state\n        if (node.checked) {\n          node.style.backgroundImage = radioDotSvg\n        }\n      }\n      // Forward ref\n      if (typeof ref === 'function') {\n        ref(node)\n      } else if (ref) {\n        ref.current = node\n      }\n    }, [ref])\n\n    return (\n      <div className=\"flex items-center\">\n        <input\n          type=\"radio\"\n          id={inputId}\n          ref={setRef}\n          className={cx(\n            'appearance-none h-4 w-4 border border-ash rounded-full bg-graphite',\n            'checked:bg-gold checked:border-gold',\n            'focus:ring-1 focus:ring-gold focus:ring-offset-1 focus:ring-offset-obsidian',\n            'transition duration-200 ease-in-out cursor-pointer',\n            'disabled:opacity-50 disabled:cursor-not-allowed',\n            className\n          )}\n          style={{\n            backgroundPosition: 'center',\n            backgroundSize: 'contain',\n            backgroundRepeat: 'no-repeat',\n          }}\n          onChange={(e) => {\n            const input = e.currentTarget\n            if (input.checked) {\n              input.style.backgroundImage = radioDotSvg\n              // Clear other radios in the same group\n              if (input.name) {\n                const radios = document.querySelectorAll<HTMLInputElement>(`input[type=\"radio\"][name=\"${input.name}\"]`)\n                radios.forEach((radio) => {\n                  if (radio !== input) {\n                    radio.style.backgroundImage = 'none'\n                  }\n                })\n              }\n            } else {\n              input.style.backgroundImage = 'none'\n            }\n            rest.onChange?.(e)\n          }}\n          {...rest}\n        />\n        {label && (\n          <label htmlFor={inputId} className=\"ml-2 text-sm text-silver cursor-pointer select-none\">\n            {label}\n          </label>\n        )}\n      </div>\n    )\n  }\n)\n\nRadio.displayName = 'Radio'\n\nexport default Radio\n","import React, { useCallback, useRef, useState } from 'react'\n\nexport interface SwitchProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {\n  checked?: boolean\n  defaultChecked?: boolean\n  onCheckedChange?: (checked: boolean) => void\n  label?: string\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const Switch = React.forwardRef<HTMLButtonElement, SwitchProps>(\n  ({ checked: controlledChecked, defaultChecked = false, onCheckedChange, disabled, className, label, ...rest }, ref) => {\n    const [internalChecked, setInternalChecked] = useState(defaultChecked)\n    const isControlled = controlledChecked !== undefined\n    const checked = isControlled ? controlledChecked : internalChecked\n    const buttonRef = useRef<HTMLButtonElement | null>(null)\n    const setRefs = useCallback(\n      (node: HTMLButtonElement | null) => {\n        buttonRef.current = node\n        if (typeof ref === 'function') {\n          ref(node)\n        } else if (ref) {\n          ref.current = node\n        }\n      },\n      [ref]\n    )\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      if (disabled) return\n      const newChecked = !checked\n      if (!isControlled) {\n        setInternalChecked(newChecked)\n      }\n      onCheckedChange?.(newChecked)\n      rest.onClick?.(e)\n    }\n\n    return (\n      <div className=\"flex items-center gap-2\">\n        <button\n          type=\"button\"\n          role=\"switch\"\n          aria-checked={checked}\n          data-state={checked ? 'checked' : 'unchecked'}\n          disabled={disabled}\n          ref={setRefs}\n          onClick={handleClick}\n          className={cx(\n            'relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent',\n            'transition-colors duration-200 ease-in-out',\n            'focus:outline-none focus-visible:ring-2 focus-visible:ring-gold focus-visible:ring-offset-2 focus-visible:ring-offset-obsidian',\n            'disabled:opacity-50 disabled:cursor-not-allowed',\n            checked ? 'bg-gold' : 'bg-charcoal',\n            className\n          )}\n          {...rest}\n        >\n          <span\n            className={cx(\n              'pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0',\n              'transition duration-200 ease-in-out',\n              checked ? 'translate-x-5' : 'translate-x-0'\n            )}\n          />\n        </button>\n        {label && (\n          <span\n            className=\"text-sm text-silver cursor-pointer\"\n            onClick={() => {\n              if (disabled) return\n              buttonRef.current?.click()\n            }}\n          >\n            {label}\n          </span>\n        )}\n      </div>\n    )\n  }\n)\n\nSwitch.displayName = 'Switch'\n\nexport default Switch\n","import React from 'react'\nimport { Info, CheckCircle, AlertTriangle, XCircle } from 'lucide-react'\n\nexport type AlertVariant = 'info' | 'success' | 'warning' | 'error'\n\nexport interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {\n  variant?: AlertVariant\n  title?: string\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nconst icons = {\n  info: Info,\n  success: CheckCircle,\n  warning: AlertTriangle,\n  error: XCircle,\n}\n\nconst variantStyles = {\n  info: 'bg-info/10 border-info text-info',\n  success: 'bg-success/10 border-success text-success',\n  warning: 'bg-warning/10 border-warning text-warning',\n  error: 'bg-error/10 border-error text-error',\n}\n\nexport const Alert = React.forwardRef<HTMLDivElement, AlertProps>(\n  ({ variant = 'info', title, children, className, ...rest }, ref) => {\n    const Icon = icons[variant]\n\n    return (\n      <div\n        ref={ref}\n        role=\"alert\"\n        className={cx(\n          'relative w-full p-4 rounded-none border border-l-4 flex gap-3',\n          variantStyles[variant],\n          className\n        )}\n        {...rest}\n      >\n        <Icon className=\"h-5 w-5 shrink-0\" />\n        <div className=\"flex-1\">\n          {title && <h5 className=\"mb-1 font-medium leading-none tracking-tight text-current\">{title}</h5>}\n          <div className=\"text-sm opacity-90\">{children}</div>\n        </div>\n      </div>\n    )\n  }\n)\n\nAlert.displayName = 'Alert'\n\nexport default Alert\n","import React from 'react'\n\nexport type SpinnerSize = 'sm' | 'md' | 'lg'\n\nexport interface SpinnerProps extends React.SVGAttributes<SVGElement> {\n  size?: SpinnerSize\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const Spinner = ({ className, size = 'md', ...rest }: SpinnerProps) => {\n  const sizeClass =\n    size === 'sm' ? 'h-4 w-4' : size === 'lg' ? 'h-8 w-8' : 'h-6 w-6'\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={cx('animate-spin text-gold', sizeClass, className)}\n      {...rest}\n    >\n      <path d=\"M21 12a9 9 0 1 1-6.219-8.56\" />\n    </svg>\n  )\n}\n\nSpinner.displayName = 'Spinner'\n\nexport default Spinner\n","import React from 'react'\n\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const Skeleton = React.forwardRef<HTMLDivElement, SkeletonProps>(\n  ({ className, ...rest }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cx('animate-pulse bg-ash rounded-sm', className)}\n        {...rest}\n      />\n    )\n  }\n)\n\nSkeleton.displayName = 'Skeleton'\n\nexport default Skeleton\n","import React, { useEffect, useState } from 'react'\nimport { createPortal } from 'react-dom'\nimport { X } from 'lucide-react'\n\nexport interface ModalProps {\n  isOpen: boolean\n  onClose: () => void\n  title?: string\n  children: React.ReactNode\n  className?: string\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const Modal = ({ isOpen, onClose, title, children, className }: ModalProps) => {\n  const [mounted, setMounted] = useState(false)\n\n  useEffect(() => {\n    setMounted(true)\n  }, [])\n\n  useEffect(() => {\n    if (isOpen) {\n      const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth\n      document.body.style.overflow = 'hidden'\n      document.body.style.paddingRight = `${scrollbarWidth}px`\n    } else {\n      document.body.style.overflow = 'unset'\n      document.body.style.paddingRight = '0px'\n    }\n    return () => {\n      document.body.style.overflow = 'unset'\n      document.body.style.paddingRight = '0px'\n    }\n  }, [isOpen])\n\n  useEffect(() => {\n      const handleEsc = (e: KeyboardEvent) => {\n          if (e.key === 'Escape') onClose()\n      }\n      window.addEventListener('keydown', handleEsc)\n      return () => window.removeEventListener('keydown', handleEsc)\n  }, [onClose])\n\n  if (!mounted) return null\n\n  // Don't render anything if closed, unless we want exit animations. \n  // My CSS relies on data-state, but if I unmount immediately, exit animation won't play.\n  // To support exit animations, I'd need a transition manager (like framer-motion or headlessui).\n  // For this simple implementation, I'll render conditionally. \n  // If I want animation, I need to keep it mounted until animation ends.\n  // Given the prompt \"add all suggestions\" and \"premium\", a simple unmount is acceptable for v1 without heavy deps.\n  // However, the CSS I wrote has `data-state=closed`. \n  // Without a transition library, handling exit animation is tricky. \n  // I'll just conditional render for now. The entry animation `animate-fade-in` will play.\n  \n  if (!isOpen) return null;\n\n  const content = (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center p-4 sm:p-6\" onClick={onClose}>\n      <div className=\"fixed inset-0 z-40 bg-obsidian/80 backdrop-blur-sm\" aria-hidden=\"true\" />\n      <div\n        role=\"dialog\"\n        aria-modal=\"true\"\n        className={cx(\n          'bg-charcoal border border-gold/30 shadow-2xl z-50 w-full max-w-lg p-6 rounded-none relative',\n          className\n        )}\n        data-state=\"open\"\n        onClick={(e) => e.stopPropagation()}\n      >\n         <div className=\"flex items-center justify-between mb-2\">\n             {title ? <h3 className=\"text-xl font-semibold text-white m-0\">{title}</h3> : <div />}\n             <button onClick={onClose} className=\"text-silver hover:text-white transition-colors ml-auto\">\n                <X className=\"h-5 w-5\" />\n                <span className=\"sr-only\">Close</span>\n             </button>\n         </div>\n        <div>{children}</div>\n      </div>\n    </div>\n  )\n\n  return createPortal(content, document.body)\n}\n\nModal.displayName = 'Modal'\n\nexport default Modal\n"],"mappings":"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","names":["React","import_react","cx","React","import_react","cx","React","import_react","cx","React","import_react","cx","React","import_react","cx","React","import_react","cx","React","import_react","cx","React","import_react","cx","React","import_react","cx","React","import_react","cx","React","import_react","cx","React","import_react","cx","React","import_react","cx","React","import_react","cx","React","import_react","cx","React","import_react","import_lucide_react","cx","React"]}
+{"version":3,"sources":["../src/index.ts","../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"],"sourcesContent":["/**\n * Aurelius Design System\n *\n * A cohesive visual language for creative technologists.\n * Combines technical sophistication with artistic sensibility.\n *\n * CSS-first Tailwind v4 design system.\n * Import '@lukeashford/aurelius/styles/base.css' for complete styling.\n */\n\n// React components\nexport * from './components'\n\n// Version\nexport const version = '2.0.0'\n","import React from 'react'\n\nexport type ButtonVariant =\n    | 'primary'\n    | 'important'\n    | 'elevated'\n    | 'outlined'\n    | 'featured'\n    | 'ghost'\n    | 'danger'\n\nexport type ButtonSize = 'sm' | 'md' | 'lg' | 'xl'\n\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: ButtonVariant\n  size?: ButtonSize\n  loading?: boolean\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n    ({variant = 'primary', size = 'md', loading = false, className, disabled, children, ...rest},\n        ref) => {\n      const isDisabled = disabled || loading\n\n      // Base button styles - common to all variants\n      const base =\n          'inline-flex items-center justify-center font-semibold tracking-wide ' +\n          'transition-all duration-fast ' +\n          'rounded-none ' +\n          'disabled:opacity-50 disabled:cursor-not-allowed'\n\n      // Variant styles\n      const variantClasses = {\n        primary:\n            'bg-charcoal text-white border border-gold/30 ' +\n            'hover:border-gold hover:shadow-glow hover:text-gold-light ' +\n            'active:bg-white/5 ' +\n            'focus-visible:ring-2 focus-visible:ring-gold focus-visible:ring-offset-2 ' +\n            'focus-visible:ring-offset-obsidian',\n\n        important:\n            'bg-gold text-obsidian border border-gold ' +\n            'hover:bg-gold-light hover:text-obsidian ' +\n            'active:bg-gold-bright ' +\n            'focus-visible:ring-2 focus-visible:ring-gold focus-visible:ring-offset-2 ' +\n            'focus-visible:ring-offset-obsidian',\n\n        elevated:\n            'bg-charcoal text-white border-0 shadow-lg ' +\n            'hover:shadow-xl hover:text-gold-light ' +\n            'active:bg-white/5 ' +\n            'focus-visible:ring-2 focus-visible:ring-gold focus-visible:ring-offset-2 ' +\n            'focus-visible:ring-offset-obsidian',\n\n        outlined:\n            'bg-transparent text-white border border-ash ' +\n            'hover:border-white hover:text-white ' +\n            'active:bg-white/5 ' +\n            'focus-visible:ring-2 focus-visible:ring-gold focus-visible:ring-offset-2 ' +\n            'focus-visible:ring-offset-obsidian',\n\n        featured:\n            'bg-charcoal text-white border border-gold ' +\n            'shadow-[0_0_10px_rgba(201,162,39,0.2)] ' +\n            'hover:shadow-[0_0_15px_rgba(201,162,39,0.4)] hover:text-gold-light ' +\n            'active:bg-white/5 ' +\n            'focus-visible:ring-2 focus-visible:ring-gold focus-visible:ring-offset-2 ' +\n            'focus-visible:ring-offset-obsidian',\n\n        ghost:\n            'bg-transparent text-gold border-0 ' +\n            'hover:text-gold-light ' +\n            'active:text-gold-bright ' +\n            'focus-visible:ring-2 focus-visible:ring-gold focus-visible:ring-offset-2 ' +\n            'focus-visible:ring-offset-obsidian',\n\n        danger:\n            'bg-error text-white border-0 ' +\n            'hover:bg-error/90 ' +\n            'active:bg-error/80 ' +\n            'focus-visible:ring-2 focus-visible:ring-error focus-visible:ring-offset-2 ' +\n            'focus-visible:ring-offset-obsidian',\n      }\n\n      // Size styles\n      const sizeClasses = {\n        sm: 'h-8 px-3 text-sm',\n        md: 'h-10 px-4 text-sm',\n        lg: 'h-12 px-6 text-base',\n        xl: 'h-14 px-8 text-lg',\n      }\n\n      const variantClass = variantClasses[variant]\n      const sizeClass = sizeClasses[size]\n\n      return (\n          <button\n              ref={ref}\n              className={cx(base, variantClass, sizeClass, loading && 'opacity-80', className)}\n              disabled={isDisabled}\n              {...rest}\n          >\n            {loading && (\n                <span\n                    className=\"mr-2 inline-block h-4 w-4 animate-pulse rounded-full bg-gold\"\n                    aria-hidden\n                />\n            )}\n            {children}\n          </button>\n      )\n    }\n)\n\nButton.displayName = 'Button'\n\nexport default Button\n","import React from 'react'\n\nexport interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  error?: boolean\n  leadingIcon?: React.ReactNode\n  trailingIcon?: React.ReactNode\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ error = false, className, leadingIcon, trailingIcon, disabled, ...rest }, ref) => {\n    // Base input styles\n    const base =\n        'w-full h-10 px-3 bg-graphite border border-ash rounded-none ' +\n        'text-white placeholder:text-zinc ' +\n        'transition-all duration-fast ' +\n        'focus:border-gold focus:ring-1 focus:ring-gold focus:outline-none ' +\n        'disabled:bg-slate disabled:text-dim disabled:cursor-not-allowed'\n\n    // Error styles\n    const errorCls = error ? 'border-error focus:border-error focus:ring-error' : ''\n\n    return (\n      <div className={cx('relative', disabled && 'opacity-90')}>\n        {leadingIcon && (\n          <span className=\"pointer-events-none absolute inset-y-0 left-3 flex items-center text-silver\">\n            {leadingIcon}\n          </span>\n        )}\n        <input\n          ref={ref}\n          className={cx(\n            base,\n            errorCls,\n            (leadingIcon || trailingIcon) ? 'pl-9 pr-9' : false,\n            className\n          )}\n          disabled={disabled}\n          {...rest}\n        />\n        {trailingIcon && (\n          <span className=\"pointer-events-none absolute inset-y-0 right-3 flex items-center text-silver\">\n            {trailingIcon}\n          </span>\n        )}\n      </div>\n    )\n  }\n)\n\nInput.displayName = 'Input'\n\nexport default Input\n","import React from 'react'\n\nexport type CardVariant = 'default' | 'elevated' | 'outlined' | 'ghost' | 'featured'\n\nexport interface CardProps extends React.HTMLAttributes<HTMLDivElement> {\n  variant?: CardVariant\n  interactive?: boolean\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(\n    ({variant = 'default', interactive = false, className, ...rest}, ref) => {\n      // Base card styles\n      const base = 'rounded-none p-6'\n\n      // Variant styles\n      const variantClasses = {\n        default: 'bg-charcoal shadow-sm border border-gold/30',\n        elevated: 'bg-charcoal shadow-lg border-0',\n        outlined: 'bg-charcoal shadow-none border border-ash',\n        ghost: 'bg-transparent shadow-none border-0',\n        featured: 'bg-charcoal border border-gold shadow-[0_0_10px_rgba(201,162,39,0.2)]',\n      }\n\n      // Interactive styles\n      const interactiveClass = interactive\n          ? 'transition-all duration-200 hover:border-gold hover:shadow-glow cursor-pointer'\n          : ''\n\n      const variantClass = variantClasses[variant]\n\n      return (\n          <div\n              ref={ref}\n              className={cx(base, variantClass, interactiveClass, className)}\n              {...rest}\n          />\n      )\n    }\n)\n\nCard.displayName = 'Card'\n\nexport default Card\n","import React from 'react'\n\nexport type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'\nexport type AvatarStatus = 'online' | 'offline' | 'busy'\n\nexport interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {\n  src?: string\n  alt?: string\n  name?: string\n  size?: AvatarSize\n  status?: AvatarStatus\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nconst sizeMap: Record<AvatarSize, string> = {\n  xs: 'h-6 w-6 text-[10px]',\n  sm: 'h-8 w-8 text-[11px]',\n  md: 'h-10 w-10 text-xs',\n  lg: 'h-12 w-12 text-sm',\n  xl: 'h-16 w-16 text-base',\n  '2xl': 'h-24 w-24 text-lg',\n}\n\nfunction initials(name?: string) {\n  if (!name) return ''\n  const parts = name.trim().split(/\\s+/)\n  return parts.slice(0, 2).map(p => p[0]!.toUpperCase()).join('')\n}\n\nexport const Avatar = React.forwardRef<HTMLDivElement, AvatarProps>(\n  ({ src, alt = '', name, size = 'md', status, className, ...rest }, ref) => {\n    const statusColor =\n      status === 'online' ? 'bg-success' : status === 'busy' ? 'bg-warning' : 'bg-zinc'\n\n    return (\n      <div\n        ref={ref}\n        className={cx(\n          'relative inline-flex items-center justify-center rounded-full border-2 border-ash bg-slate text-silver font-semibold select-none overflow-hidden',\n          sizeMap[size],\n          className\n        )}\n        {...rest}\n      >\n        {src ? (\n          <img src={src} alt={alt || name || 'Avatar'} className=\"h-full w-full object-cover\" />\n        ) : (\n          <span aria-hidden>{initials(name) || '·'}</span>\n        )}\n        {status && (\n          <span\n            className={cx(\n              'absolute bottom-0 right-0 rounded-full ring-2 ring-charcoal',\n              // 25% of avatar size\n              size === 'xs' ? 'h-1.5 w-1.5' :\n              size === 'sm' ? 'h-2 w-2' :\n              size === 'md' ? 'h-2.5 w-2.5' :\n              size === 'lg' ? 'h-3 w-3' :\n              size === 'xl' ? 'h-4 w-4' : 'h-5 w-5',\n              statusColor\n            )}\n          />\n        )}\n      </div>\n    )\n  }\n)\n\nAvatar.displayName = 'Avatar'\n\nexport default Avatar\n","import React from 'react'\n\nexport type BadgeVariant = 'default' | 'gold' | 'success' | 'error' | 'warning' | 'info'\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {\n  variant?: BadgeVariant\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  ({ variant = 'default', className, ...rest }, ref) => {\n    // Base badge styles\n    const base = 'inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border'\n\n    // Variant styles\n    const variantClasses = {\n      default: 'bg-slate text-silver border-slate',\n      gold: 'bg-gold/20 text-gold border-gold/30',\n      success: 'bg-success/20 text-success border-success/30',\n      error: 'bg-error/20 text-error border-error/30',\n      warning: 'bg-warning/20 text-warning border-warning/30',\n      info: 'bg-info/20 text-info border-info/30',\n    }\n\n    const variantClass = variantClasses[variant]\n\n    return <span ref={ref} className={cx(base, variantClass, className)} {...rest} />\n  }\n)\n\nBadge.displayName = 'Badge'\n\nexport default Badge\n","import React from 'react'\n\nexport type TooltipSide = 'top' | 'right' | 'bottom' | 'left'\n\nexport interface TooltipProps {\n  content: React.ReactNode\n  children: React.ReactElement\n  open?: boolean\n  side?: TooltipSide\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\n// Simple, controlled tooltip. Consumer handles open state.\nexport const Tooltip: React.FC<TooltipProps> = ({ content, children, open = false, side = 'top' }) => {\n  return (\n    <span className=\"relative inline-block\">\n      {children}\n      <span\n        role=\"tooltip\"\n        className={cx(\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-200 ease-out',\n          open ? 'opacity-100' : 'opacity-0',\n          side === 'top' && 'left-1/2 -translate-x-1/2 -top-2 -translate-y-full',\n          side === 'bottom' && 'left-1/2 -translate-x-1/2 -bottom-2 translate-y-full',\n          side === 'left' && 'top-1/2 -translate-y-1/2 -left-2 -translate-x-full',\n          side === 'right' && 'top-1/2 -translate-y-1/2 -right-2 translate-x-full'\n        )}\n      >\n        {content}\n      </span>\n    </span>\n  )\n}\n\nexport default Tooltip\n","import React from 'react'\n\nexport interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {\n  required?: boolean\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const Label = React.forwardRef<HTMLLabelElement, LabelProps>(\n  ({ className, required, children, ...rest }, ref) => {\n    return (\n      <label\n        ref={ref}\n        className={cx('block text-sm font-medium text-silver mb-1.5', className)}\n        {...rest}\n      >\n        {children}\n        {required && <span className=\"text-error ml-1\">*</span>}\n      </label>\n    )\n  }\n)\n\nLabel.displayName = 'Label'\n\nexport default Label\n","import React from 'react'\n\nexport interface HelperTextProps extends React.HTMLAttributes<HTMLParagraphElement> {\n  error?: boolean\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const HelperText = React.forwardRef<HTMLParagraphElement, HelperTextProps>(\n  ({ className, error, children, ...rest }, ref) => {\n    return (\n      <p\n        ref={ref}\n        className={cx('mt-1.5 text-xs', error ? 'text-error' : 'text-silver', className)}\n        {...rest}\n      >\n        {children}\n      </p>\n    )\n  }\n)\n\nHelperText.displayName = 'HelperText'\n\nexport default HelperText\n","import React from 'react'\n\nexport interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {\n  error?: boolean\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ error = false, className, disabled, ...rest }, ref) => {\n    // Base textarea styles\n    const base =\n        'w-full px-3 py-2 bg-graphite border border-ash rounded-none ' +\n        'text-white placeholder:text-zinc min-h-[80px] ' +\n        'transition-all duration-fast ' +\n        'focus:border-gold focus:ring-1 focus:ring-gold focus:outline-none ' +\n        'disabled:bg-slate disabled:text-dim disabled:cursor-not-allowed'\n\n    // Error styles\n    const errorCls = error ? 'border-error focus:border-error focus:ring-error' : ''\n\n    return (\n      <textarea\n        ref={ref}\n        className={cx(base, errorCls, disabled && 'opacity-90', className)}\n        disabled={disabled}\n        {...rest}\n      />\n    )\n  }\n)\n\nTextarea.displayName = 'Textarea'\n\nexport default Textarea\n","import React from 'react'\n\nexport interface SelectOption {\n  label: string\n  value: string | number\n}\n\nexport interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {\n  error?: boolean\n  options?: SelectOption[]\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nconst selectBgImage = \"url(\\\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23C9A227' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e\\\")\"\n\nexport const Select = React.forwardRef<HTMLSelectElement, SelectProps>(\n  ({ error = false, className, disabled, options, children, ...rest }, ref) => {\n    return (\n      <select\n        ref={ref}\n        className={cx(\n          'appearance-none bg-graphite border border-ash rounded-none text-white px-3 py-2 pr-8',\n          'focus:border-gold focus:ring-1 focus:ring-gold focus:outline-none',\n          'disabled:opacity-50 disabled:cursor-not-allowed',\n          error && 'border-error focus:border-error focus:ring-error',\n          className\n        )}\n        style={{\n          backgroundImage: selectBgImage,\n          backgroundPosition: 'right 0.5rem center',\n          backgroundRepeat: 'no-repeat',\n          backgroundSize: '1.5em 1.5em',\n        }}\n        disabled={disabled}\n        {...rest}\n      >\n        {options\n          ? options.map((opt) => (\n              <option key={opt.value} value={opt.value}>\n                {opt.label}\n              </option>\n            ))\n          : children}\n      </select>\n    )\n  }\n)\n\nSelect.displayName = 'Select'\n\nexport default Select\n","import React, { useCallback } from 'react'\n\nexport interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  label?: string\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nconst checkmarkSvg = \"url(\\\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%231A1A1A' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e\\\")\"\n\nexport const Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\n  ({ className, label, id, ...rest }, ref) => {\n    const inputId = id || rest.name || Math.random().toString(36).substr(2, 9)\n\n    const setRef = useCallback((node: HTMLInputElement | null) => {\n      if (node) {\n        // Set initial background image based on checked state\n        if (node.checked) {\n          node.style.backgroundImage = checkmarkSvg\n        }\n      }\n      // Forward ref\n      if (typeof ref === 'function') {\n        ref(node)\n      } else if (ref) {\n        ref.current = node\n      }\n    }, [ref])\n\n    return (\n      <div className=\"flex items-center\">\n        <input\n          type=\"checkbox\"\n          id={inputId}\n          ref={setRef}\n          className={cx(\n            'appearance-none h-4 w-4 border border-ash rounded-sm bg-graphite',\n            'checked:bg-gold checked:border-gold',\n            'focus:ring-1 focus:ring-gold focus:ring-offset-1 focus:ring-offset-obsidian',\n            'transition duration-200 ease-in-out cursor-pointer',\n            'disabled:opacity-50 disabled:cursor-not-allowed',\n            className\n          )}\n          style={{\n            backgroundPosition: 'center',\n            backgroundSize: 'contain',\n            backgroundRepeat: 'no-repeat',\n          }}\n          onChange={(e) => {\n            const input = e.currentTarget\n            if (input.checked) {\n              input.style.backgroundImage = checkmarkSvg\n            } else {\n              input.style.backgroundImage = 'none'\n            }\n            rest.onChange?.(e)\n          }}\n          {...rest}\n        />\n        {label && (\n          <label htmlFor={inputId} className=\"ml-2 text-sm text-silver cursor-pointer select-none\">\n            {label}\n          </label>\n        )}\n      </div>\n    )\n  }\n)\n\nCheckbox.displayName = 'Checkbox'\n\nexport default Checkbox\n","import React, { useCallback } from 'react'\n\nexport interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  label?: string\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nconst radioDotSvg = \"url(\\\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%231A1A1A' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e\\\")\"\n\nexport const Radio = React.forwardRef<HTMLInputElement, RadioProps>(\n  ({ className, label, id, ...rest }, ref) => {\n    const inputId = id || rest.name || Math.random().toString(36).substr(2, 9)\n\n    const setRef = useCallback((node: HTMLInputElement | null) => {\n      if (node) {\n        // Set initial background image based on checked state\n        if (node.checked) {\n          node.style.backgroundImage = radioDotSvg\n        }\n      }\n      // Forward ref\n      if (typeof ref === 'function') {\n        ref(node)\n      } else if (ref) {\n        ref.current = node\n      }\n    }, [ref])\n\n    return (\n      <div className=\"flex items-center\">\n        <input\n          type=\"radio\"\n          id={inputId}\n          ref={setRef}\n          className={cx(\n            'appearance-none h-4 w-4 border border-ash rounded-full bg-graphite',\n            'checked:bg-gold checked:border-gold',\n            'focus:ring-1 focus:ring-gold focus:ring-offset-1 focus:ring-offset-obsidian',\n            'transition duration-200 ease-in-out cursor-pointer',\n            'disabled:opacity-50 disabled:cursor-not-allowed',\n            className\n          )}\n          style={{\n            backgroundPosition: 'center',\n            backgroundSize: 'contain',\n            backgroundRepeat: 'no-repeat',\n          }}\n          onChange={(e) => {\n            const input = e.currentTarget\n            if (input.checked) {\n              input.style.backgroundImage = radioDotSvg\n              // Clear other radios in the same group\n              if (input.name) {\n                const radios = document.querySelectorAll<HTMLInputElement>(`input[type=\"radio\"][name=\"${input.name}\"]`)\n                radios.forEach((radio) => {\n                  if (radio !== input) {\n                    radio.style.backgroundImage = 'none'\n                  }\n                })\n              }\n            } else {\n              input.style.backgroundImage = 'none'\n            }\n            rest.onChange?.(e)\n          }}\n          {...rest}\n        />\n        {label && (\n          <label htmlFor={inputId} className=\"ml-2 text-sm text-silver cursor-pointer select-none\">\n            {label}\n          </label>\n        )}\n      </div>\n    )\n  }\n)\n\nRadio.displayName = 'Radio'\n\nexport default Radio\n","import React, { useCallback, useRef, useState } from 'react'\n\nexport interface SwitchProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {\n  checked?: boolean\n  defaultChecked?: boolean\n  onCheckedChange?: (checked: boolean) => void\n  label?: string\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const Switch = React.forwardRef<HTMLButtonElement, SwitchProps>(\n  ({ checked: controlledChecked, defaultChecked = false, onCheckedChange, disabled, className, label, ...rest }, ref) => {\n    const [internalChecked, setInternalChecked] = useState(defaultChecked)\n    const isControlled = controlledChecked !== undefined\n    const checked = isControlled ? controlledChecked : internalChecked\n    const buttonRef = useRef<HTMLButtonElement | null>(null)\n    const setRefs = useCallback(\n      (node: HTMLButtonElement | null) => {\n        buttonRef.current = node\n        if (typeof ref === 'function') {\n          ref(node)\n        } else if (ref) {\n          ref.current = node\n        }\n      },\n      [ref]\n    )\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      if (disabled) return\n      const newChecked = !checked\n      if (!isControlled) {\n        setInternalChecked(newChecked)\n      }\n      onCheckedChange?.(newChecked)\n      rest.onClick?.(e)\n    }\n\n    return (\n      <div className=\"flex items-center gap-2\">\n        <button\n          type=\"button\"\n          role=\"switch\"\n          aria-checked={checked}\n          data-state={checked ? 'checked' : 'unchecked'}\n          disabled={disabled}\n          ref={setRefs}\n          onClick={handleClick}\n          className={cx(\n            'relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent',\n            'transition-colors duration-200 ease-in-out',\n            'focus:outline-none focus-visible:ring-2 focus-visible:ring-gold focus-visible:ring-offset-2 focus-visible:ring-offset-obsidian',\n            'disabled:opacity-50 disabled:cursor-not-allowed',\n            checked ? 'bg-gold' : 'bg-charcoal',\n            className\n          )}\n          {...rest}\n        >\n          <span\n            className={cx(\n              'pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0',\n              'transition duration-200 ease-in-out',\n              checked ? 'translate-x-5' : 'translate-x-0'\n            )}\n          />\n        </button>\n        {label && (\n          <span\n            className=\"text-sm text-silver cursor-pointer\"\n            onClick={() => {\n              if (disabled) return\n              buttonRef.current?.click()\n            }}\n          >\n            {label}\n          </span>\n        )}\n      </div>\n    )\n  }\n)\n\nSwitch.displayName = 'Switch'\n\nexport default Switch\n","import React from 'react'\nimport { Info, CheckCircle, AlertTriangle, XCircle } from 'lucide-react'\n\nexport type AlertVariant = 'info' | 'success' | 'warning' | 'error'\n\nexport interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {\n  variant?: AlertVariant\n  title?: string\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nconst icons = {\n  info: Info,\n  success: CheckCircle,\n  warning: AlertTriangle,\n  error: XCircle,\n}\n\nconst variantStyles = {\n  info: 'bg-info/10 border-info text-info',\n  success: 'bg-success/10 border-success text-success',\n  warning: 'bg-warning/10 border-warning text-warning',\n  error: 'bg-error/10 border-error text-error',\n}\n\nexport const Alert = React.forwardRef<HTMLDivElement, AlertProps>(\n  ({ variant = 'info', title, children, className, ...rest }, ref) => {\n    const Icon = icons[variant]\n\n    return (\n      <div\n        ref={ref}\n        role=\"alert\"\n        className={cx(\n          'relative w-full p-4 rounded-none border border-l-4 flex gap-3',\n          variantStyles[variant],\n          className\n        )}\n        {...rest}\n      >\n        <Icon className=\"h-5 w-5 shrink-0\" />\n        <div className=\"flex-1\">\n          {title && <h5 className=\"mb-1 font-medium leading-none tracking-tight text-current\">{title}</h5>}\n          <div className=\"text-sm opacity-90\">{children}</div>\n        </div>\n      </div>\n    )\n  }\n)\n\nAlert.displayName = 'Alert'\n\nexport default Alert\n","import React from 'react'\n\nexport type SpinnerSize = 'sm' | 'md' | 'lg'\n\nexport interface SpinnerProps extends React.SVGAttributes<SVGElement> {\n  size?: SpinnerSize\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const Spinner = ({ className, size = 'md', ...rest }: SpinnerProps) => {\n  const sizeClass =\n    size === 'sm' ? 'h-4 w-4' : size === 'lg' ? 'h-8 w-8' : 'h-6 w-6'\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={cx('animate-spin text-gold', sizeClass, className)}\n      {...rest}\n    >\n      <path d=\"M21 12a9 9 0 1 1-6.219-8.56\" />\n    </svg>\n  )\n}\n\nSpinner.displayName = 'Spinner'\n\nexport default Spinner\n","import React from 'react'\n\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const Skeleton = React.forwardRef<HTMLDivElement, SkeletonProps>(\n  ({ className, ...rest }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cx('animate-pulse bg-ash rounded-sm', className)}\n        {...rest}\n      />\n    )\n  }\n)\n\nSkeleton.displayName = 'Skeleton'\n\nexport default Skeleton\n","import React, { useEffect, useState } from 'react'\nimport { createPortal } from 'react-dom'\nimport { X } from 'lucide-react'\n\nexport interface ModalProps {\n  isOpen: boolean\n  onClose: () => void\n  title?: string\n  children: React.ReactNode\n  className?: string\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const Modal = ({ isOpen, onClose, title, children, className }: ModalProps) => {\n  const [mounted, setMounted] = useState(false)\n\n  useEffect(() => {\n    setMounted(true)\n  }, [])\n\n  useEffect(() => {\n    if (isOpen) {\n      const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth\n      document.body.style.overflow = 'hidden'\n      document.body.style.paddingRight = `${scrollbarWidth}px`\n    } else {\n      document.body.style.overflow = 'unset'\n      document.body.style.paddingRight = '0px'\n    }\n    return () => {\n      document.body.style.overflow = 'unset'\n      document.body.style.paddingRight = '0px'\n    }\n  }, [isOpen])\n\n  useEffect(() => {\n      const handleEsc = (e: KeyboardEvent) => {\n          if (e.key === 'Escape') onClose()\n      }\n      window.addEventListener('keydown', handleEsc)\n      return () => window.removeEventListener('keydown', handleEsc)\n  }, [onClose])\n\n  if (!mounted) return null\n\n  // Don't render anything if closed, unless we want exit animations. \n  // My CSS relies on data-state, but if I unmount immediately, exit animation won't play.\n  // To support exit animations, I'd need a transition manager (like framer-motion or headlessui).\n  // For this simple implementation, I'll render conditionally. \n  // If I want animation, I need to keep it mounted until animation ends.\n  // Given the prompt \"add all suggestions\" and \"premium\", a simple unmount is acceptable for v1 without heavy deps.\n  // However, the CSS I wrote has `data-state=closed`. \n  // Without a transition library, handling exit animation is tricky. \n  // I'll just conditional render for now. The entry animation `animate-fade-in` will play.\n  \n  if (!isOpen) return null;\n\n  const content = (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center p-4 sm:p-6\" onClick={onClose}>\n      <div className=\"fixed inset-0 z-40 bg-obsidian/80 backdrop-blur-sm\" aria-hidden=\"true\" />\n      <div\n        role=\"dialog\"\n        aria-modal=\"true\"\n        className={cx(\n          'bg-charcoal border border-gold/30 shadow-2xl z-50 w-full max-w-lg p-6 rounded-none relative',\n          className\n        )}\n        data-state=\"open\"\n        onClick={(e) => e.stopPropagation()}\n      >\n         <div className=\"flex items-center justify-between mb-2\">\n             {title ? <h3 className=\"text-xl font-semibold text-white m-0\">{title}</h3> : <div />}\n             <button onClick={onClose} className=\"text-silver hover:text-white transition-colors ml-auto\">\n                <X className=\"h-5 w-5\" />\n                <span className=\"sr-only\">Close</span>\n             </button>\n         </div>\n        <div>{children}</div>\n      </div>\n    </div>\n  )\n\n  return createPortal(content, document.body)\n}\n\nModal.displayName = 'Modal'\n\nexport default Modal\n"],"mappings":"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","names":["React","import_react","cx","React","import_react","cx","React","import_react","cx","React","import_react","cx","React","import_react","cx","React","import_react","cx","React","import_react","cx","React","import_react","cx","React","import_react","cx","React","import_react","cx","React","import_react","cx","React","import_react","cx","React","import_react","cx","React","import_react","cx","React","import_react","cx","React","import_react","import_lucide_react","cx","React"]}

package/dist/index.mjs

@@ -133,10 +133,7 @@ var Avatar = React4.forwardRef(
         ),
         ...rest
       },
-      src ? (
-        // eslint-disable-next-line @next/next/no-img-element
-        /* @__PURE__ */ React4.createElement("img", { src, alt: alt || name || "Avatar", className: "h-full w-full object-cover" })
-      ) : /* @__PURE__ */ React4.createElement("span", { "aria-hidden": true }, initials(name) || "\xB7"),
+      src ? /* @__PURE__ */ React4.createElement("img", { src, alt: alt || name || "Avatar", className: "h-full w-full object-cover" }) : /* @__PURE__ */ React4.createElement("span", { "aria-hidden": true }, initials(name) || "\xB7"),
       status && /* @__PURE__ */ React4.createElement(
         "span",
         {
@@ -186,12 +183,12 @@ var Tooltip = ({ content, children, open = false, side = "top" }) => {
     {
       role: "tooltip",
       className: cx6(
-        "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",
+        "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-200 ease-out",
         open ? "opacity-100" : "opacity-0",
-        side === "top" && "left-1/2 -translate-x-1/2 -top-2 translate-y-[-100%]",
-        side === "bottom" && "left-1/2 -translate-x-1/2 -bottom-2 translate-y-[100%]",
-        side === "left" && "top-1/2 -translate-y-1/2 -left-2 -translate-x-[100%]",
-        side === "right" && "top-1/2 -translate-y-1/2 -right-2 translate-x-[100%]"
+        side === "top" && "left-1/2 -translate-x-1/2 -top-2 -translate-y-full",
+        side === "bottom" && "left-1/2 -translate-x-1/2 -bottom-2 translate-y-full",
+        side === "left" && "top-1/2 -translate-y-1/2 -left-2 -translate-x-full",
+        side === "right" && "top-1/2 -translate-y-1/2 -right-2 translate-x-full"
       )
     },
     content

package/dist/index.mjs.map

@@ -1 +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'\n\nexport type ButtonVariant =\n    | 'primary'\n    | 'important'\n    | 'elevated'\n    | 'outlined'\n    | 'featured'\n    | 'ghost'\n    | 'danger'\n\nexport type ButtonSize = 'sm' | 'md' | 'lg' | 'xl'\n\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: ButtonVariant\n  size?: ButtonSize\n  loading?: boolean\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n    ({variant = 'primary', size = 'md', loading = false, className, disabled, children, ...rest},\n        ref) => {\n      const isDisabled = disabled || loading\n\n      // Base button styles - common to all variants\n      const base =\n          'inline-flex items-center justify-center font-semibold tracking-wide ' +\n          'transition-all duration-fast ' +\n          'rounded-none ' +\n          'disabled:opacity-50 disabled:cursor-not-allowed'\n\n      // Variant styles\n      const variantClasses = {\n        primary:\n            'bg-charcoal text-white border border-gold/30 ' +\n            'hover:border-gold hover:shadow-glow hover:text-gold-light ' +\n            'active:bg-white/5 ' +\n            'focus-visible:ring-2 focus-visible:ring-gold focus-visible:ring-offset-2 ' +\n            'focus-visible:ring-offset-obsidian',\n\n        important:\n            'bg-gold text-obsidian border border-gold ' +\n            'hover:bg-gold-light hover:text-obsidian ' +\n            'active:bg-gold-bright ' +\n            'focus-visible:ring-2 focus-visible:ring-gold focus-visible:ring-offset-2 ' +\n            'focus-visible:ring-offset-obsidian',\n\n        elevated:\n            'bg-charcoal text-white border-0 shadow-lg ' +\n            'hover:shadow-xl hover:text-gold-light ' +\n            'active:bg-white/5 ' +\n            'focus-visible:ring-2 focus-visible:ring-gold focus-visible:ring-offset-2 ' +\n            'focus-visible:ring-offset-obsidian',\n\n        outlined:\n            'bg-transparent text-white border border-ash ' +\n            'hover:border-white hover:text-white ' +\n            'active:bg-white/5 ' +\n            'focus-visible:ring-2 focus-visible:ring-gold focus-visible:ring-offset-2 ' +\n            'focus-visible:ring-offset-obsidian',\n\n        featured:\n            'bg-charcoal text-white border border-gold ' +\n            'shadow-[0_0_10px_rgba(201,162,39,0.2)] ' +\n            'hover:shadow-[0_0_15px_rgba(201,162,39,0.4)] hover:text-gold-light ' +\n            'active:bg-white/5 ' +\n            'focus-visible:ring-2 focus-visible:ring-gold focus-visible:ring-offset-2 ' +\n            'focus-visible:ring-offset-obsidian',\n\n        ghost:\n            'bg-transparent text-gold border-0 ' +\n            'hover:text-gold-light ' +\n            'active:text-gold-bright ' +\n            'focus-visible:ring-2 focus-visible:ring-gold focus-visible:ring-offset-2 ' +\n            'focus-visible:ring-offset-obsidian',\n\n        danger:\n            'bg-error text-white border-0 ' +\n            'hover:bg-error/90 ' +\n            'active:bg-error/80 ' +\n            'focus-visible:ring-2 focus-visible:ring-error focus-visible:ring-offset-2 ' +\n            'focus-visible:ring-offset-obsidian',\n      }\n\n      // Size styles\n      const sizeClasses = {\n        sm: 'h-8 px-3 text-sm',\n        md: 'h-10 px-4 text-sm',\n        lg: 'h-12 px-6 text-base',\n        xl: 'h-14 px-8 text-lg',\n      }\n\n      const variantClass = variantClasses[variant]\n      const sizeClass = sizeClasses[size]\n\n      return (\n          <button\n              ref={ref}\n              className={cx(base, variantClass, sizeClass, loading && 'opacity-80', className)}\n              disabled={isDisabled}\n              {...rest}\n          >\n            {loading && (\n                <span\n                    className=\"mr-2 inline-block h-4 w-4 animate-pulse rounded-full bg-gold\"\n                    aria-hidden\n                />\n            )}\n            {children}\n          </button>\n      )\n    }\n)\n\nButton.displayName = 'Button'\n\nexport default Button\n","import React from 'react'\n\nexport interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  error?: boolean\n  leadingIcon?: React.ReactNode\n  trailingIcon?: React.ReactNode\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ error = false, className, leadingIcon, trailingIcon, disabled, ...rest }, ref) => {\n    // Base input styles\n    const base =\n        'w-full h-10 px-3 bg-graphite border border-ash rounded-none ' +\n        'text-white placeholder:text-zinc ' +\n        'transition-all duration-fast ' +\n        'focus:border-gold focus:ring-1 focus:ring-gold focus:outline-none ' +\n        'disabled:bg-slate disabled:text-dim disabled:cursor-not-allowed'\n\n    // Error styles\n    const errorCls = error ? 'border-error focus:border-error focus:ring-error' : ''\n\n    return (\n      <div className={cx('relative', disabled && 'opacity-90')}>\n        {leadingIcon && (\n          <span className=\"pointer-events-none absolute inset-y-0 left-3 flex items-center text-silver\">\n            {leadingIcon}\n          </span>\n        )}\n        <input\n          ref={ref}\n          className={cx(\n            base,\n            errorCls,\n            (leadingIcon || trailingIcon) ? 'pl-9 pr-9' : false,\n            className\n          )}\n          disabled={disabled}\n          {...rest}\n        />\n        {trailingIcon && (\n          <span className=\"pointer-events-none absolute inset-y-0 right-3 flex items-center text-silver\">\n            {trailingIcon}\n          </span>\n        )}\n      </div>\n    )\n  }\n)\n\nInput.displayName = 'Input'\n\nexport default Input\n","import React from 'react'\n\nexport type CardVariant = 'default' | 'elevated' | 'outlined' | 'ghost' | 'featured'\n\nexport interface CardProps extends React.HTMLAttributes<HTMLDivElement> {\n  variant?: CardVariant\n  interactive?: boolean\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(\n    ({variant = 'default', interactive = false, className, ...rest}, ref) => {\n      // Base card styles\n      const base = 'rounded-none p-6'\n\n      // Variant styles\n      const variantClasses = {\n        default: 'bg-charcoal shadow-sm border border-gold/30',\n        elevated: 'bg-charcoal shadow-lg border-0',\n        outlined: 'bg-charcoal shadow-none border border-ash',\n        ghost: 'bg-transparent shadow-none border-0',\n        featured: 'bg-charcoal border border-gold shadow-[0_0_10px_rgba(201,162,39,0.2)]',\n      }\n\n      // Interactive styles\n      const interactiveClass = interactive\n          ? 'transition-all duration-200 hover:border-gold hover:shadow-glow cursor-pointer'\n          : ''\n\n      const variantClass = variantClasses[variant]\n\n      return (\n          <div\n              ref={ref}\n              className={cx(base, variantClass, interactiveClass, className)}\n              {...rest}\n          />\n      )\n    }\n)\n\nCard.displayName = 'Card'\n\nexport default Card\n","import React from 'react'\n\nexport type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'\nexport type AvatarStatus = 'online' | 'offline' | 'busy'\n\nexport interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {\n  src?: string\n  alt?: string\n  name?: string\n  size?: AvatarSize\n  status?: AvatarStatus\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nconst sizeMap: Record<AvatarSize, string> = {\n  xs: 'h-6 w-6 text-[10px]',\n  sm: 'h-8 w-8 text-[11px]',\n  md: 'h-10 w-10 text-xs',\n  lg: 'h-12 w-12 text-sm',\n  xl: 'h-16 w-16 text-base',\n  '2xl': 'h-24 w-24 text-lg',\n}\n\nfunction initials(name?: string) {\n  if (!name) return ''\n  const parts = name.trim().split(/\\s+/)\n  return parts.slice(0, 2).map(p => p[0]!.toUpperCase()).join('')\n}\n\nexport const Avatar = React.forwardRef<HTMLDivElement, AvatarProps>(\n  ({ src, alt = '', name, size = 'md', status, className, ...rest }, ref) => {\n    const statusColor =\n      status === 'online' ? 'bg-success' : status === 'busy' ? 'bg-warning' : 'bg-zinc'\n\n    return (\n      <div\n        ref={ref}\n        className={cx(\n          'relative inline-flex items-center justify-center rounded-full border-2 border-ash bg-slate text-silver font-semibold select-none overflow-hidden',\n          sizeMap[size],\n          className\n        )}\n        {...rest}\n      >\n        {src ? (\n          // eslint-disable-next-line @next/next/no-img-element\n          <img src={src} alt={alt || name || 'Avatar'} className=\"h-full w-full object-cover\" />\n        ) : (\n          <span aria-hidden>{initials(name) || '·'}</span>\n        )}\n        {status && (\n          <span\n            className={cx(\n              'absolute bottom-0 right-0 rounded-full ring-2 ring-charcoal',\n              // 25% of avatar size\n              size === 'xs' ? 'h-1.5 w-1.5' :\n              size === 'sm' ? 'h-2 w-2' :\n              size === 'md' ? 'h-2.5 w-2.5' :\n              size === 'lg' ? 'h-3 w-3' :\n              size === 'xl' ? 'h-4 w-4' : 'h-5 w-5',\n              statusColor\n            )}\n          />\n        )}\n      </div>\n    )\n  }\n)\n\nAvatar.displayName = 'Avatar'\n\nexport default Avatar\n","import React from 'react'\n\nexport type BadgeVariant = 'default' | 'gold' | 'success' | 'error' | 'warning' | 'info'\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {\n  variant?: BadgeVariant\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  ({ variant = 'default', className, ...rest }, ref) => {\n    // Base badge styles\n    const base = 'inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border'\n\n    // Variant styles\n    const variantClasses = {\n      default: 'bg-slate text-silver border-slate',\n      gold: 'bg-gold/20 text-gold border-gold/30',\n      success: 'bg-success/20 text-success border-success/30',\n      error: 'bg-error/20 text-error border-error/30',\n      warning: 'bg-warning/20 text-warning border-warning/30',\n      info: 'bg-info/20 text-info border-info/30',\n    }\n\n    const variantClass = variantClasses[variant]\n\n    return <span ref={ref} className={cx(base, variantClass, className)} {...rest} />\n  }\n)\n\nBadge.displayName = 'Badge'\n\nexport default Badge\n","import React from 'react'\n\nexport type TooltipSide = 'top' | 'right' | 'bottom' | 'left'\n\nexport interface TooltipProps {\n  content: React.ReactNode\n  children: React.ReactElement\n  open?: boolean\n  side?: TooltipSide\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\n// Simple, controlled tooltip. Consumer handles open state.\nexport const Tooltip: React.FC<TooltipProps> = ({ content, children, open = false, side = 'top' }) => {\n  return (\n    <span className=\"relative inline-block\">\n      {children}\n      <span\n        role=\"tooltip\"\n        className={cx(\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',\n          open ? 'opacity-100' : 'opacity-0',\n          side === 'top' && 'left-1/2 -translate-x-1/2 -top-2 translate-y-[-100%]',\n          side === 'bottom' && 'left-1/2 -translate-x-1/2 -bottom-2 translate-y-[100%]',\n          side === 'left' && 'top-1/2 -translate-y-1/2 -left-2 -translate-x-[100%]',\n          side === 'right' && 'top-1/2 -translate-y-1/2 -right-2 translate-x-[100%]'\n        )}\n      >\n        {content}\n      </span>\n    </span>\n  )\n}\n\nexport default Tooltip\n","import React from 'react'\n\nexport interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {\n  required?: boolean\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const Label = React.forwardRef<HTMLLabelElement, LabelProps>(\n  ({ className, required, children, ...rest }, ref) => {\n    return (\n      <label\n        ref={ref}\n        className={cx('block text-sm font-medium text-silver mb-1.5', className)}\n        {...rest}\n      >\n        {children}\n        {required && <span className=\"text-error ml-1\">*</span>}\n      </label>\n    )\n  }\n)\n\nLabel.displayName = 'Label'\n\nexport default Label\n","import React from 'react'\n\nexport interface HelperTextProps extends React.HTMLAttributes<HTMLParagraphElement> {\n  error?: boolean\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const HelperText = React.forwardRef<HTMLParagraphElement, HelperTextProps>(\n  ({ className, error, children, ...rest }, ref) => {\n    return (\n      <p\n        ref={ref}\n        className={cx('mt-1.5 text-xs', error ? 'text-error' : 'text-silver', className)}\n        {...rest}\n      >\n        {children}\n      </p>\n    )\n  }\n)\n\nHelperText.displayName = 'HelperText'\n\nexport default HelperText\n","import React from 'react'\n\nexport interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {\n  error?: boolean\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ error = false, className, disabled, ...rest }, ref) => {\n    // Base textarea styles\n    const base =\n        'w-full px-3 py-2 bg-graphite border border-ash rounded-none ' +\n        'text-white placeholder:text-zinc min-h-[80px] ' +\n        'transition-all duration-fast ' +\n        'focus:border-gold focus:ring-1 focus:ring-gold focus:outline-none ' +\n        'disabled:bg-slate disabled:text-dim disabled:cursor-not-allowed'\n\n    // Error styles\n    const errorCls = error ? 'border-error focus:border-error focus:ring-error' : ''\n\n    return (\n      <textarea\n        ref={ref}\n        className={cx(base, errorCls, disabled && 'opacity-90', className)}\n        disabled={disabled}\n        {...rest}\n      />\n    )\n  }\n)\n\nTextarea.displayName = 'Textarea'\n\nexport default Textarea\n","import React from 'react'\n\nexport interface SelectOption {\n  label: string\n  value: string | number\n}\n\nexport interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {\n  error?: boolean\n  options?: SelectOption[]\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nconst selectBgImage = \"url(\\\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23C9A227' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e\\\")\"\n\nexport const Select = React.forwardRef<HTMLSelectElement, SelectProps>(\n  ({ error = false, className, disabled, options, children, ...rest }, ref) => {\n    return (\n      <select\n        ref={ref}\n        className={cx(\n          'appearance-none bg-graphite border border-ash rounded-none text-white px-3 py-2 pr-8',\n          'focus:border-gold focus:ring-1 focus:ring-gold focus:outline-none',\n          'disabled:opacity-50 disabled:cursor-not-allowed',\n          error && 'border-error focus:border-error focus:ring-error',\n          className\n        )}\n        style={{\n          backgroundImage: selectBgImage,\n          backgroundPosition: 'right 0.5rem center',\n          backgroundRepeat: 'no-repeat',\n          backgroundSize: '1.5em 1.5em',\n        }}\n        disabled={disabled}\n        {...rest}\n      >\n        {options\n          ? options.map((opt) => (\n              <option key={opt.value} value={opt.value}>\n                {opt.label}\n              </option>\n            ))\n          : children}\n      </select>\n    )\n  }\n)\n\nSelect.displayName = 'Select'\n\nexport default Select\n","import React, { useCallback } from 'react'\n\nexport interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  label?: string\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nconst checkmarkSvg = \"url(\\\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%231A1A1A' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e\\\")\"\n\nexport const Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\n  ({ className, label, id, ...rest }, ref) => {\n    const inputId = id || rest.name || Math.random().toString(36).substr(2, 9)\n\n    const setRef = useCallback((node: HTMLInputElement | null) => {\n      if (node) {\n        // Set initial background image based on checked state\n        if (node.checked) {\n          node.style.backgroundImage = checkmarkSvg\n        }\n      }\n      // Forward ref\n      if (typeof ref === 'function') {\n        ref(node)\n      } else if (ref) {\n        ref.current = node\n      }\n    }, [ref])\n\n    return (\n      <div className=\"flex items-center\">\n        <input\n          type=\"checkbox\"\n          id={inputId}\n          ref={setRef}\n          className={cx(\n            'appearance-none h-4 w-4 border border-ash rounded-sm bg-graphite',\n            'checked:bg-gold checked:border-gold',\n            'focus:ring-1 focus:ring-gold focus:ring-offset-1 focus:ring-offset-obsidian',\n            'transition duration-200 ease-in-out cursor-pointer',\n            'disabled:opacity-50 disabled:cursor-not-allowed',\n            className\n          )}\n          style={{\n            backgroundPosition: 'center',\n            backgroundSize: 'contain',\n            backgroundRepeat: 'no-repeat',\n          }}\n          onChange={(e) => {\n            const input = e.currentTarget\n            if (input.checked) {\n              input.style.backgroundImage = checkmarkSvg\n            } else {\n              input.style.backgroundImage = 'none'\n            }\n            rest.onChange?.(e)\n          }}\n          {...rest}\n        />\n        {label && (\n          <label htmlFor={inputId} className=\"ml-2 text-sm text-silver cursor-pointer select-none\">\n            {label}\n          </label>\n        )}\n      </div>\n    )\n  }\n)\n\nCheckbox.displayName = 'Checkbox'\n\nexport default Checkbox\n","import React, { useCallback } from 'react'\n\nexport interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  label?: string\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nconst radioDotSvg = \"url(\\\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%231A1A1A' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e\\\")\"\n\nexport const Radio = React.forwardRef<HTMLInputElement, RadioProps>(\n  ({ className, label, id, ...rest }, ref) => {\n    const inputId = id || rest.name || Math.random().toString(36).substr(2, 9)\n\n    const setRef = useCallback((node: HTMLInputElement | null) => {\n      if (node) {\n        // Set initial background image based on checked state\n        if (node.checked) {\n          node.style.backgroundImage = radioDotSvg\n        }\n      }\n      // Forward ref\n      if (typeof ref === 'function') {\n        ref(node)\n      } else if (ref) {\n        ref.current = node\n      }\n    }, [ref])\n\n    return (\n      <div className=\"flex items-center\">\n        <input\n          type=\"radio\"\n          id={inputId}\n          ref={setRef}\n          className={cx(\n            'appearance-none h-4 w-4 border border-ash rounded-full bg-graphite',\n            'checked:bg-gold checked:border-gold',\n            'focus:ring-1 focus:ring-gold focus:ring-offset-1 focus:ring-offset-obsidian',\n            'transition duration-200 ease-in-out cursor-pointer',\n            'disabled:opacity-50 disabled:cursor-not-allowed',\n            className\n          )}\n          style={{\n            backgroundPosition: 'center',\n            backgroundSize: 'contain',\n            backgroundRepeat: 'no-repeat',\n          }}\n          onChange={(e) => {\n            const input = e.currentTarget\n            if (input.checked) {\n              input.style.backgroundImage = radioDotSvg\n              // Clear other radios in the same group\n              if (input.name) {\n                const radios = document.querySelectorAll<HTMLInputElement>(`input[type=\"radio\"][name=\"${input.name}\"]`)\n                radios.forEach((radio) => {\n                  if (radio !== input) {\n                    radio.style.backgroundImage = 'none'\n                  }\n                })\n              }\n            } else {\n              input.style.backgroundImage = 'none'\n            }\n            rest.onChange?.(e)\n          }}\n          {...rest}\n        />\n        {label && (\n          <label htmlFor={inputId} className=\"ml-2 text-sm text-silver cursor-pointer select-none\">\n            {label}\n          </label>\n        )}\n      </div>\n    )\n  }\n)\n\nRadio.displayName = 'Radio'\n\nexport default Radio\n","import React, { useCallback, useRef, useState } from 'react'\n\nexport interface SwitchProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {\n  checked?: boolean\n  defaultChecked?: boolean\n  onCheckedChange?: (checked: boolean) => void\n  label?: string\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const Switch = React.forwardRef<HTMLButtonElement, SwitchProps>(\n  ({ checked: controlledChecked, defaultChecked = false, onCheckedChange, disabled, className, label, ...rest }, ref) => {\n    const [internalChecked, setInternalChecked] = useState(defaultChecked)\n    const isControlled = controlledChecked !== undefined\n    const checked = isControlled ? controlledChecked : internalChecked\n    const buttonRef = useRef<HTMLButtonElement | null>(null)\n    const setRefs = useCallback(\n      (node: HTMLButtonElement | null) => {\n        buttonRef.current = node\n        if (typeof ref === 'function') {\n          ref(node)\n        } else if (ref) {\n          ref.current = node\n        }\n      },\n      [ref]\n    )\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      if (disabled) return\n      const newChecked = !checked\n      if (!isControlled) {\n        setInternalChecked(newChecked)\n      }\n      onCheckedChange?.(newChecked)\n      rest.onClick?.(e)\n    }\n\n    return (\n      <div className=\"flex items-center gap-2\">\n        <button\n          type=\"button\"\n          role=\"switch\"\n          aria-checked={checked}\n          data-state={checked ? 'checked' : 'unchecked'}\n          disabled={disabled}\n          ref={setRefs}\n          onClick={handleClick}\n          className={cx(\n            'relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent',\n            'transition-colors duration-200 ease-in-out',\n            'focus:outline-none focus-visible:ring-2 focus-visible:ring-gold focus-visible:ring-offset-2 focus-visible:ring-offset-obsidian',\n            'disabled:opacity-50 disabled:cursor-not-allowed',\n            checked ? 'bg-gold' : 'bg-charcoal',\n            className\n          )}\n          {...rest}\n        >\n          <span\n            className={cx(\n              'pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0',\n              'transition duration-200 ease-in-out',\n              checked ? 'translate-x-5' : 'translate-x-0'\n            )}\n          />\n        </button>\n        {label && (\n          <span\n            className=\"text-sm text-silver cursor-pointer\"\n            onClick={() => {\n              if (disabled) return\n              buttonRef.current?.click()\n            }}\n          >\n            {label}\n          </span>\n        )}\n      </div>\n    )\n  }\n)\n\nSwitch.displayName = 'Switch'\n\nexport default Switch\n","import React from 'react'\nimport { Info, CheckCircle, AlertTriangle, XCircle } from 'lucide-react'\n\nexport type AlertVariant = 'info' | 'success' | 'warning' | 'error'\n\nexport interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {\n  variant?: AlertVariant\n  title?: string\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nconst icons = {\n  info: Info,\n  success: CheckCircle,\n  warning: AlertTriangle,\n  error: XCircle,\n}\n\nconst variantStyles = {\n  info: 'bg-info/10 border-info text-info',\n  success: 'bg-success/10 border-success text-success',\n  warning: 'bg-warning/10 border-warning text-warning',\n  error: 'bg-error/10 border-error text-error',\n}\n\nexport const Alert = React.forwardRef<HTMLDivElement, AlertProps>(\n  ({ variant = 'info', title, children, className, ...rest }, ref) => {\n    const Icon = icons[variant]\n\n    return (\n      <div\n        ref={ref}\n        role=\"alert\"\n        className={cx(\n          'relative w-full p-4 rounded-none border border-l-4 flex gap-3',\n          variantStyles[variant],\n          className\n        )}\n        {...rest}\n      >\n        <Icon className=\"h-5 w-5 shrink-0\" />\n        <div className=\"flex-1\">\n          {title && <h5 className=\"mb-1 font-medium leading-none tracking-tight text-current\">{title}</h5>}\n          <div className=\"text-sm opacity-90\">{children}</div>\n        </div>\n      </div>\n    )\n  }\n)\n\nAlert.displayName = 'Alert'\n\nexport default Alert\n","import React from 'react'\n\nexport type SpinnerSize = 'sm' | 'md' | 'lg'\n\nexport interface SpinnerProps extends React.SVGAttributes<SVGElement> {\n  size?: SpinnerSize\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const Spinner = ({ className, size = 'md', ...rest }: SpinnerProps) => {\n  const sizeClass =\n    size === 'sm' ? 'h-4 w-4' : size === 'lg' ? 'h-8 w-8' : 'h-6 w-6'\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={cx('animate-spin text-gold', sizeClass, className)}\n      {...rest}\n    >\n      <path d=\"M21 12a9 9 0 1 1-6.219-8.56\" />\n    </svg>\n  )\n}\n\nSpinner.displayName = 'Spinner'\n\nexport default Spinner\n","import React from 'react'\n\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const Skeleton = React.forwardRef<HTMLDivElement, SkeletonProps>(\n  ({ className, ...rest }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cx('animate-pulse bg-ash rounded-sm', className)}\n        {...rest}\n      />\n    )\n  }\n)\n\nSkeleton.displayName = 'Skeleton'\n\nexport default Skeleton\n","import React, { useEffect, useState } from 'react'\nimport { createPortal } from 'react-dom'\nimport { X } from 'lucide-react'\n\nexport interface ModalProps {\n  isOpen: boolean\n  onClose: () => void\n  title?: string\n  children: React.ReactNode\n  className?: string\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const Modal = ({ isOpen, onClose, title, children, className }: ModalProps) => {\n  const [mounted, setMounted] = useState(false)\n\n  useEffect(() => {\n    setMounted(true)\n  }, [])\n\n  useEffect(() => {\n    if (isOpen) {\n      const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth\n      document.body.style.overflow = 'hidden'\n      document.body.style.paddingRight = `${scrollbarWidth}px`\n    } else {\n      document.body.style.overflow = 'unset'\n      document.body.style.paddingRight = '0px'\n    }\n    return () => {\n      document.body.style.overflow = 'unset'\n      document.body.style.paddingRight = '0px'\n    }\n  }, [isOpen])\n\n  useEffect(() => {\n      const handleEsc = (e: KeyboardEvent) => {\n          if (e.key === 'Escape') onClose()\n      }\n      window.addEventListener('keydown', handleEsc)\n      return () => window.removeEventListener('keydown', handleEsc)\n  }, [onClose])\n\n  if (!mounted) return null\n\n  // Don't render anything if closed, unless we want exit animations. \n  // My CSS relies on data-state, but if I unmount immediately, exit animation won't play.\n  // To support exit animations, I'd need a transition manager (like framer-motion or headlessui).\n  // For this simple implementation, I'll render conditionally. \n  // If I want animation, I need to keep it mounted until animation ends.\n  // Given the prompt \"add all suggestions\" and \"premium\", a simple unmount is acceptable for v1 without heavy deps.\n  // However, the CSS I wrote has `data-state=closed`. \n  // Without a transition library, handling exit animation is tricky. \n  // I'll just conditional render for now. The entry animation `animate-fade-in` will play.\n  \n  if (!isOpen) return null;\n\n  const content = (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center p-4 sm:p-6\" onClick={onClose}>\n      <div className=\"fixed inset-0 z-40 bg-obsidian/80 backdrop-blur-sm\" aria-hidden=\"true\" />\n      <div\n        role=\"dialog\"\n        aria-modal=\"true\"\n        className={cx(\n          'bg-charcoal border border-gold/30 shadow-2xl z-50 w-full max-w-lg p-6 rounded-none relative',\n          className\n        )}\n        data-state=\"open\"\n        onClick={(e) => e.stopPropagation()}\n      >\n         <div className=\"flex items-center justify-between mb-2\">\n             {title ? <h3 className=\"text-xl font-semibold text-white m-0\">{title}</h3> : <div />}\n             <button onClick={onClose} className=\"text-silver hover:text-white transition-colors ml-auto\">\n                <X className=\"h-5 w-5\" />\n                <span className=\"sr-only\">Close</span>\n             </button>\n         </div>\n        <div>{children}</div>\n      </div>\n    </div>\n  )\n\n  return createPortal(content, document.body)\n}\n\nModal.displayName = 'Modal'\n\nexport default Modal\n","/**\n * Aurelius Design System\n *\n * A cohesive visual language for creative technologists.\n * Combines technical sophistication with artistic sensibility.\n *\n * CSS-first Tailwind v4 design system.\n * Import '@lukeashford/aurelius/styles/base.css' for complete styling.\n */\n\n// React components\nexport * from './components'\n\n// Version\nexport const version = '2.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","useCallback","cx","React","useCallback","cx","React","cx","React","cx","React","cx","React","useState","cx"]}
+{"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'\n\nexport type ButtonVariant =\n    | 'primary'\n    | 'important'\n    | 'elevated'\n    | 'outlined'\n    | 'featured'\n    | 'ghost'\n    | 'danger'\n\nexport type ButtonSize = 'sm' | 'md' | 'lg' | 'xl'\n\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: ButtonVariant\n  size?: ButtonSize\n  loading?: boolean\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n    ({variant = 'primary', size = 'md', loading = false, className, disabled, children, ...rest},\n        ref) => {\n      const isDisabled = disabled || loading\n\n      // Base button styles - common to all variants\n      const base =\n          'inline-flex items-center justify-center font-semibold tracking-wide ' +\n          'transition-all duration-fast ' +\n          'rounded-none ' +\n          'disabled:opacity-50 disabled:cursor-not-allowed'\n\n      // Variant styles\n      const variantClasses = {\n        primary:\n            'bg-charcoal text-white border border-gold/30 ' +\n            'hover:border-gold hover:shadow-glow hover:text-gold-light ' +\n            'active:bg-white/5 ' +\n            'focus-visible:ring-2 focus-visible:ring-gold focus-visible:ring-offset-2 ' +\n            'focus-visible:ring-offset-obsidian',\n\n        important:\n            'bg-gold text-obsidian border border-gold ' +\n            'hover:bg-gold-light hover:text-obsidian ' +\n            'active:bg-gold-bright ' +\n            'focus-visible:ring-2 focus-visible:ring-gold focus-visible:ring-offset-2 ' +\n            'focus-visible:ring-offset-obsidian',\n\n        elevated:\n            'bg-charcoal text-white border-0 shadow-lg ' +\n            'hover:shadow-xl hover:text-gold-light ' +\n            'active:bg-white/5 ' +\n            'focus-visible:ring-2 focus-visible:ring-gold focus-visible:ring-offset-2 ' +\n            'focus-visible:ring-offset-obsidian',\n\n        outlined:\n            'bg-transparent text-white border border-ash ' +\n            'hover:border-white hover:text-white ' +\n            'active:bg-white/5 ' +\n            'focus-visible:ring-2 focus-visible:ring-gold focus-visible:ring-offset-2 ' +\n            'focus-visible:ring-offset-obsidian',\n\n        featured:\n            'bg-charcoal text-white border border-gold ' +\n            'shadow-[0_0_10px_rgba(201,162,39,0.2)] ' +\n            'hover:shadow-[0_0_15px_rgba(201,162,39,0.4)] hover:text-gold-light ' +\n            'active:bg-white/5 ' +\n            'focus-visible:ring-2 focus-visible:ring-gold focus-visible:ring-offset-2 ' +\n            'focus-visible:ring-offset-obsidian',\n\n        ghost:\n            'bg-transparent text-gold border-0 ' +\n            'hover:text-gold-light ' +\n            'active:text-gold-bright ' +\n            'focus-visible:ring-2 focus-visible:ring-gold focus-visible:ring-offset-2 ' +\n            'focus-visible:ring-offset-obsidian',\n\n        danger:\n            'bg-error text-white border-0 ' +\n            'hover:bg-error/90 ' +\n            'active:bg-error/80 ' +\n            'focus-visible:ring-2 focus-visible:ring-error focus-visible:ring-offset-2 ' +\n            'focus-visible:ring-offset-obsidian',\n      }\n\n      // Size styles\n      const sizeClasses = {\n        sm: 'h-8 px-3 text-sm',\n        md: 'h-10 px-4 text-sm',\n        lg: 'h-12 px-6 text-base',\n        xl: 'h-14 px-8 text-lg',\n      }\n\n      const variantClass = variantClasses[variant]\n      const sizeClass = sizeClasses[size]\n\n      return (\n          <button\n              ref={ref}\n              className={cx(base, variantClass, sizeClass, loading && 'opacity-80', className)}\n              disabled={isDisabled}\n              {...rest}\n          >\n            {loading && (\n                <span\n                    className=\"mr-2 inline-block h-4 w-4 animate-pulse rounded-full bg-gold\"\n                    aria-hidden\n                />\n            )}\n            {children}\n          </button>\n      )\n    }\n)\n\nButton.displayName = 'Button'\n\nexport default Button\n","import React from 'react'\n\nexport interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  error?: boolean\n  leadingIcon?: React.ReactNode\n  trailingIcon?: React.ReactNode\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ error = false, className, leadingIcon, trailingIcon, disabled, ...rest }, ref) => {\n    // Base input styles\n    const base =\n        'w-full h-10 px-3 bg-graphite border border-ash rounded-none ' +\n        'text-white placeholder:text-zinc ' +\n        'transition-all duration-fast ' +\n        'focus:border-gold focus:ring-1 focus:ring-gold focus:outline-none ' +\n        'disabled:bg-slate disabled:text-dim disabled:cursor-not-allowed'\n\n    // Error styles\n    const errorCls = error ? 'border-error focus:border-error focus:ring-error' : ''\n\n    return (\n      <div className={cx('relative', disabled && 'opacity-90')}>\n        {leadingIcon && (\n          <span className=\"pointer-events-none absolute inset-y-0 left-3 flex items-center text-silver\">\n            {leadingIcon}\n          </span>\n        )}\n        <input\n          ref={ref}\n          className={cx(\n            base,\n            errorCls,\n            (leadingIcon || trailingIcon) ? 'pl-9 pr-9' : false,\n            className\n          )}\n          disabled={disabled}\n          {...rest}\n        />\n        {trailingIcon && (\n          <span className=\"pointer-events-none absolute inset-y-0 right-3 flex items-center text-silver\">\n            {trailingIcon}\n          </span>\n        )}\n      </div>\n    )\n  }\n)\n\nInput.displayName = 'Input'\n\nexport default Input\n","import React from 'react'\n\nexport type CardVariant = 'default' | 'elevated' | 'outlined' | 'ghost' | 'featured'\n\nexport interface CardProps extends React.HTMLAttributes<HTMLDivElement> {\n  variant?: CardVariant\n  interactive?: boolean\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(\n    ({variant = 'default', interactive = false, className, ...rest}, ref) => {\n      // Base card styles\n      const base = 'rounded-none p-6'\n\n      // Variant styles\n      const variantClasses = {\n        default: 'bg-charcoal shadow-sm border border-gold/30',\n        elevated: 'bg-charcoal shadow-lg border-0',\n        outlined: 'bg-charcoal shadow-none border border-ash',\n        ghost: 'bg-transparent shadow-none border-0',\n        featured: 'bg-charcoal border border-gold shadow-[0_0_10px_rgba(201,162,39,0.2)]',\n      }\n\n      // Interactive styles\n      const interactiveClass = interactive\n          ? 'transition-all duration-200 hover:border-gold hover:shadow-glow cursor-pointer'\n          : ''\n\n      const variantClass = variantClasses[variant]\n\n      return (\n          <div\n              ref={ref}\n              className={cx(base, variantClass, interactiveClass, className)}\n              {...rest}\n          />\n      )\n    }\n)\n\nCard.displayName = 'Card'\n\nexport default Card\n","import React from 'react'\n\nexport type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'\nexport type AvatarStatus = 'online' | 'offline' | 'busy'\n\nexport interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {\n  src?: string\n  alt?: string\n  name?: string\n  size?: AvatarSize\n  status?: AvatarStatus\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nconst sizeMap: Record<AvatarSize, string> = {\n  xs: 'h-6 w-6 text-[10px]',\n  sm: 'h-8 w-8 text-[11px]',\n  md: 'h-10 w-10 text-xs',\n  lg: 'h-12 w-12 text-sm',\n  xl: 'h-16 w-16 text-base',\n  '2xl': 'h-24 w-24 text-lg',\n}\n\nfunction initials(name?: string) {\n  if (!name) return ''\n  const parts = name.trim().split(/\\s+/)\n  return parts.slice(0, 2).map(p => p[0]!.toUpperCase()).join('')\n}\n\nexport const Avatar = React.forwardRef<HTMLDivElement, AvatarProps>(\n  ({ src, alt = '', name, size = 'md', status, className, ...rest }, ref) => {\n    const statusColor =\n      status === 'online' ? 'bg-success' : status === 'busy' ? 'bg-warning' : 'bg-zinc'\n\n    return (\n      <div\n        ref={ref}\n        className={cx(\n          'relative inline-flex items-center justify-center rounded-full border-2 border-ash bg-slate text-silver font-semibold select-none overflow-hidden',\n          sizeMap[size],\n          className\n        )}\n        {...rest}\n      >\n        {src ? (\n          <img src={src} alt={alt || name || 'Avatar'} className=\"h-full w-full object-cover\" />\n        ) : (\n          <span aria-hidden>{initials(name) || '·'}</span>\n        )}\n        {status && (\n          <span\n            className={cx(\n              'absolute bottom-0 right-0 rounded-full ring-2 ring-charcoal',\n              // 25% of avatar size\n              size === 'xs' ? 'h-1.5 w-1.5' :\n              size === 'sm' ? 'h-2 w-2' :\n              size === 'md' ? 'h-2.5 w-2.5' :\n              size === 'lg' ? 'h-3 w-3' :\n              size === 'xl' ? 'h-4 w-4' : 'h-5 w-5',\n              statusColor\n            )}\n          />\n        )}\n      </div>\n    )\n  }\n)\n\nAvatar.displayName = 'Avatar'\n\nexport default Avatar\n","import React from 'react'\n\nexport type BadgeVariant = 'default' | 'gold' | 'success' | 'error' | 'warning' | 'info'\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {\n  variant?: BadgeVariant\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  ({ variant = 'default', className, ...rest }, ref) => {\n    // Base badge styles\n    const base = 'inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border'\n\n    // Variant styles\n    const variantClasses = {\n      default: 'bg-slate text-silver border-slate',\n      gold: 'bg-gold/20 text-gold border-gold/30',\n      success: 'bg-success/20 text-success border-success/30',\n      error: 'bg-error/20 text-error border-error/30',\n      warning: 'bg-warning/20 text-warning border-warning/30',\n      info: 'bg-info/20 text-info border-info/30',\n    }\n\n    const variantClass = variantClasses[variant]\n\n    return <span ref={ref} className={cx(base, variantClass, className)} {...rest} />\n  }\n)\n\nBadge.displayName = 'Badge'\n\nexport default Badge\n","import React from 'react'\n\nexport type TooltipSide = 'top' | 'right' | 'bottom' | 'left'\n\nexport interface TooltipProps {\n  content: React.ReactNode\n  children: React.ReactElement\n  open?: boolean\n  side?: TooltipSide\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\n// Simple, controlled tooltip. Consumer handles open state.\nexport const Tooltip: React.FC<TooltipProps> = ({ content, children, open = false, side = 'top' }) => {\n  return (\n    <span className=\"relative inline-block\">\n      {children}\n      <span\n        role=\"tooltip\"\n        className={cx(\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-200 ease-out',\n          open ? 'opacity-100' : 'opacity-0',\n          side === 'top' && 'left-1/2 -translate-x-1/2 -top-2 -translate-y-full',\n          side === 'bottom' && 'left-1/2 -translate-x-1/2 -bottom-2 translate-y-full',\n          side === 'left' && 'top-1/2 -translate-y-1/2 -left-2 -translate-x-full',\n          side === 'right' && 'top-1/2 -translate-y-1/2 -right-2 translate-x-full'\n        )}\n      >\n        {content}\n      </span>\n    </span>\n  )\n}\n\nexport default Tooltip\n","import React from 'react'\n\nexport interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {\n  required?: boolean\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const Label = React.forwardRef<HTMLLabelElement, LabelProps>(\n  ({ className, required, children, ...rest }, ref) => {\n    return (\n      <label\n        ref={ref}\n        className={cx('block text-sm font-medium text-silver mb-1.5', className)}\n        {...rest}\n      >\n        {children}\n        {required && <span className=\"text-error ml-1\">*</span>}\n      </label>\n    )\n  }\n)\n\nLabel.displayName = 'Label'\n\nexport default Label\n","import React from 'react'\n\nexport interface HelperTextProps extends React.HTMLAttributes<HTMLParagraphElement> {\n  error?: boolean\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const HelperText = React.forwardRef<HTMLParagraphElement, HelperTextProps>(\n  ({ className, error, children, ...rest }, ref) => {\n    return (\n      <p\n        ref={ref}\n        className={cx('mt-1.5 text-xs', error ? 'text-error' : 'text-silver', className)}\n        {...rest}\n      >\n        {children}\n      </p>\n    )\n  }\n)\n\nHelperText.displayName = 'HelperText'\n\nexport default HelperText\n","import React from 'react'\n\nexport interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {\n  error?: boolean\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ error = false, className, disabled, ...rest }, ref) => {\n    // Base textarea styles\n    const base =\n        'w-full px-3 py-2 bg-graphite border border-ash rounded-none ' +\n        'text-white placeholder:text-zinc min-h-[80px] ' +\n        'transition-all duration-fast ' +\n        'focus:border-gold focus:ring-1 focus:ring-gold focus:outline-none ' +\n        'disabled:bg-slate disabled:text-dim disabled:cursor-not-allowed'\n\n    // Error styles\n    const errorCls = error ? 'border-error focus:border-error focus:ring-error' : ''\n\n    return (\n      <textarea\n        ref={ref}\n        className={cx(base, errorCls, disabled && 'opacity-90', className)}\n        disabled={disabled}\n        {...rest}\n      />\n    )\n  }\n)\n\nTextarea.displayName = 'Textarea'\n\nexport default Textarea\n","import React from 'react'\n\nexport interface SelectOption {\n  label: string\n  value: string | number\n}\n\nexport interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {\n  error?: boolean\n  options?: SelectOption[]\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nconst selectBgImage = \"url(\\\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23C9A227' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e\\\")\"\n\nexport const Select = React.forwardRef<HTMLSelectElement, SelectProps>(\n  ({ error = false, className, disabled, options, children, ...rest }, ref) => {\n    return (\n      <select\n        ref={ref}\n        className={cx(\n          'appearance-none bg-graphite border border-ash rounded-none text-white px-3 py-2 pr-8',\n          'focus:border-gold focus:ring-1 focus:ring-gold focus:outline-none',\n          'disabled:opacity-50 disabled:cursor-not-allowed',\n          error && 'border-error focus:border-error focus:ring-error',\n          className\n        )}\n        style={{\n          backgroundImage: selectBgImage,\n          backgroundPosition: 'right 0.5rem center',\n          backgroundRepeat: 'no-repeat',\n          backgroundSize: '1.5em 1.5em',\n        }}\n        disabled={disabled}\n        {...rest}\n      >\n        {options\n          ? options.map((opt) => (\n              <option key={opt.value} value={opt.value}>\n                {opt.label}\n              </option>\n            ))\n          : children}\n      </select>\n    )\n  }\n)\n\nSelect.displayName = 'Select'\n\nexport default Select\n","import React, { useCallback } from 'react'\n\nexport interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  label?: string\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nconst checkmarkSvg = \"url(\\\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%231A1A1A' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e\\\")\"\n\nexport const Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\n  ({ className, label, id, ...rest }, ref) => {\n    const inputId = id || rest.name || Math.random().toString(36).substr(2, 9)\n\n    const setRef = useCallback((node: HTMLInputElement | null) => {\n      if (node) {\n        // Set initial background image based on checked state\n        if (node.checked) {\n          node.style.backgroundImage = checkmarkSvg\n        }\n      }\n      // Forward ref\n      if (typeof ref === 'function') {\n        ref(node)\n      } else if (ref) {\n        ref.current = node\n      }\n    }, [ref])\n\n    return (\n      <div className=\"flex items-center\">\n        <input\n          type=\"checkbox\"\n          id={inputId}\n          ref={setRef}\n          className={cx(\n            'appearance-none h-4 w-4 border border-ash rounded-sm bg-graphite',\n            'checked:bg-gold checked:border-gold',\n            'focus:ring-1 focus:ring-gold focus:ring-offset-1 focus:ring-offset-obsidian',\n            'transition duration-200 ease-in-out cursor-pointer',\n            'disabled:opacity-50 disabled:cursor-not-allowed',\n            className\n          )}\n          style={{\n            backgroundPosition: 'center',\n            backgroundSize: 'contain',\n            backgroundRepeat: 'no-repeat',\n          }}\n          onChange={(e) => {\n            const input = e.currentTarget\n            if (input.checked) {\n              input.style.backgroundImage = checkmarkSvg\n            } else {\n              input.style.backgroundImage = 'none'\n            }\n            rest.onChange?.(e)\n          }}\n          {...rest}\n        />\n        {label && (\n          <label htmlFor={inputId} className=\"ml-2 text-sm text-silver cursor-pointer select-none\">\n            {label}\n          </label>\n        )}\n      </div>\n    )\n  }\n)\n\nCheckbox.displayName = 'Checkbox'\n\nexport default Checkbox\n","import React, { useCallback } from 'react'\n\nexport interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  label?: string\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nconst radioDotSvg = \"url(\\\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%231A1A1A' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e\\\")\"\n\nexport const Radio = React.forwardRef<HTMLInputElement, RadioProps>(\n  ({ className, label, id, ...rest }, ref) => {\n    const inputId = id || rest.name || Math.random().toString(36).substr(2, 9)\n\n    const setRef = useCallback((node: HTMLInputElement | null) => {\n      if (node) {\n        // Set initial background image based on checked state\n        if (node.checked) {\n          node.style.backgroundImage = radioDotSvg\n        }\n      }\n      // Forward ref\n      if (typeof ref === 'function') {\n        ref(node)\n      } else if (ref) {\n        ref.current = node\n      }\n    }, [ref])\n\n    return (\n      <div className=\"flex items-center\">\n        <input\n          type=\"radio\"\n          id={inputId}\n          ref={setRef}\n          className={cx(\n            'appearance-none h-4 w-4 border border-ash rounded-full bg-graphite',\n            'checked:bg-gold checked:border-gold',\n            'focus:ring-1 focus:ring-gold focus:ring-offset-1 focus:ring-offset-obsidian',\n            'transition duration-200 ease-in-out cursor-pointer',\n            'disabled:opacity-50 disabled:cursor-not-allowed',\n            className\n          )}\n          style={{\n            backgroundPosition: 'center',\n            backgroundSize: 'contain',\n            backgroundRepeat: 'no-repeat',\n          }}\n          onChange={(e) => {\n            const input = e.currentTarget\n            if (input.checked) {\n              input.style.backgroundImage = radioDotSvg\n              // Clear other radios in the same group\n              if (input.name) {\n                const radios = document.querySelectorAll<HTMLInputElement>(`input[type=\"radio\"][name=\"${input.name}\"]`)\n                radios.forEach((radio) => {\n                  if (radio !== input) {\n                    radio.style.backgroundImage = 'none'\n                  }\n                })\n              }\n            } else {\n              input.style.backgroundImage = 'none'\n            }\n            rest.onChange?.(e)\n          }}\n          {...rest}\n        />\n        {label && (\n          <label htmlFor={inputId} className=\"ml-2 text-sm text-silver cursor-pointer select-none\">\n            {label}\n          </label>\n        )}\n      </div>\n    )\n  }\n)\n\nRadio.displayName = 'Radio'\n\nexport default Radio\n","import React, { useCallback, useRef, useState } from 'react'\n\nexport interface SwitchProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {\n  checked?: boolean\n  defaultChecked?: boolean\n  onCheckedChange?: (checked: boolean) => void\n  label?: string\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const Switch = React.forwardRef<HTMLButtonElement, SwitchProps>(\n  ({ checked: controlledChecked, defaultChecked = false, onCheckedChange, disabled, className, label, ...rest }, ref) => {\n    const [internalChecked, setInternalChecked] = useState(defaultChecked)\n    const isControlled = controlledChecked !== undefined\n    const checked = isControlled ? controlledChecked : internalChecked\n    const buttonRef = useRef<HTMLButtonElement | null>(null)\n    const setRefs = useCallback(\n      (node: HTMLButtonElement | null) => {\n        buttonRef.current = node\n        if (typeof ref === 'function') {\n          ref(node)\n        } else if (ref) {\n          ref.current = node\n        }\n      },\n      [ref]\n    )\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      if (disabled) return\n      const newChecked = !checked\n      if (!isControlled) {\n        setInternalChecked(newChecked)\n      }\n      onCheckedChange?.(newChecked)\n      rest.onClick?.(e)\n    }\n\n    return (\n      <div className=\"flex items-center gap-2\">\n        <button\n          type=\"button\"\n          role=\"switch\"\n          aria-checked={checked}\n          data-state={checked ? 'checked' : 'unchecked'}\n          disabled={disabled}\n          ref={setRefs}\n          onClick={handleClick}\n          className={cx(\n            'relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent',\n            'transition-colors duration-200 ease-in-out',\n            'focus:outline-none focus-visible:ring-2 focus-visible:ring-gold focus-visible:ring-offset-2 focus-visible:ring-offset-obsidian',\n            'disabled:opacity-50 disabled:cursor-not-allowed',\n            checked ? 'bg-gold' : 'bg-charcoal',\n            className\n          )}\n          {...rest}\n        >\n          <span\n            className={cx(\n              'pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0',\n              'transition duration-200 ease-in-out',\n              checked ? 'translate-x-5' : 'translate-x-0'\n            )}\n          />\n        </button>\n        {label && (\n          <span\n            className=\"text-sm text-silver cursor-pointer\"\n            onClick={() => {\n              if (disabled) return\n              buttonRef.current?.click()\n            }}\n          >\n            {label}\n          </span>\n        )}\n      </div>\n    )\n  }\n)\n\nSwitch.displayName = 'Switch'\n\nexport default Switch\n","import React from 'react'\nimport { Info, CheckCircle, AlertTriangle, XCircle } from 'lucide-react'\n\nexport type AlertVariant = 'info' | 'success' | 'warning' | 'error'\n\nexport interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {\n  variant?: AlertVariant\n  title?: string\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nconst icons = {\n  info: Info,\n  success: CheckCircle,\n  warning: AlertTriangle,\n  error: XCircle,\n}\n\nconst variantStyles = {\n  info: 'bg-info/10 border-info text-info',\n  success: 'bg-success/10 border-success text-success',\n  warning: 'bg-warning/10 border-warning text-warning',\n  error: 'bg-error/10 border-error text-error',\n}\n\nexport const Alert = React.forwardRef<HTMLDivElement, AlertProps>(\n  ({ variant = 'info', title, children, className, ...rest }, ref) => {\n    const Icon = icons[variant]\n\n    return (\n      <div\n        ref={ref}\n        role=\"alert\"\n        className={cx(\n          'relative w-full p-4 rounded-none border border-l-4 flex gap-3',\n          variantStyles[variant],\n          className\n        )}\n        {...rest}\n      >\n        <Icon className=\"h-5 w-5 shrink-0\" />\n        <div className=\"flex-1\">\n          {title && <h5 className=\"mb-1 font-medium leading-none tracking-tight text-current\">{title}</h5>}\n          <div className=\"text-sm opacity-90\">{children}</div>\n        </div>\n      </div>\n    )\n  }\n)\n\nAlert.displayName = 'Alert'\n\nexport default Alert\n","import React from 'react'\n\nexport type SpinnerSize = 'sm' | 'md' | 'lg'\n\nexport interface SpinnerProps extends React.SVGAttributes<SVGElement> {\n  size?: SpinnerSize\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const Spinner = ({ className, size = 'md', ...rest }: SpinnerProps) => {\n  const sizeClass =\n    size === 'sm' ? 'h-4 w-4' : size === 'lg' ? 'h-8 w-8' : 'h-6 w-6'\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={cx('animate-spin text-gold', sizeClass, className)}\n      {...rest}\n    >\n      <path d=\"M21 12a9 9 0 1 1-6.219-8.56\" />\n    </svg>\n  )\n}\n\nSpinner.displayName = 'Spinner'\n\nexport default Spinner\n","import React from 'react'\n\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const Skeleton = React.forwardRef<HTMLDivElement, SkeletonProps>(\n  ({ className, ...rest }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cx('animate-pulse bg-ash rounded-sm', className)}\n        {...rest}\n      />\n    )\n  }\n)\n\nSkeleton.displayName = 'Skeleton'\n\nexport default Skeleton\n","import React, { useEffect, useState } from 'react'\nimport { createPortal } from 'react-dom'\nimport { X } from 'lucide-react'\n\nexport interface ModalProps {\n  isOpen: boolean\n  onClose: () => void\n  title?: string\n  children: React.ReactNode\n  className?: string\n}\n\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\n  return classes.filter(Boolean).join(' ')\n}\n\nexport const Modal = ({ isOpen, onClose, title, children, className }: ModalProps) => {\n  const [mounted, setMounted] = useState(false)\n\n  useEffect(() => {\n    setMounted(true)\n  }, [])\n\n  useEffect(() => {\n    if (isOpen) {\n      const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth\n      document.body.style.overflow = 'hidden'\n      document.body.style.paddingRight = `${scrollbarWidth}px`\n    } else {\n      document.body.style.overflow = 'unset'\n      document.body.style.paddingRight = '0px'\n    }\n    return () => {\n      document.body.style.overflow = 'unset'\n      document.body.style.paddingRight = '0px'\n    }\n  }, [isOpen])\n\n  useEffect(() => {\n      const handleEsc = (e: KeyboardEvent) => {\n          if (e.key === 'Escape') onClose()\n      }\n      window.addEventListener('keydown', handleEsc)\n      return () => window.removeEventListener('keydown', handleEsc)\n  }, [onClose])\n\n  if (!mounted) return null\n\n  // Don't render anything if closed, unless we want exit animations. \n  // My CSS relies on data-state, but if I unmount immediately, exit animation won't play.\n  // To support exit animations, I'd need a transition manager (like framer-motion or headlessui).\n  // For this simple implementation, I'll render conditionally. \n  // If I want animation, I need to keep it mounted until animation ends.\n  // Given the prompt \"add all suggestions\" and \"premium\", a simple unmount is acceptable for v1 without heavy deps.\n  // However, the CSS I wrote has `data-state=closed`. \n  // Without a transition library, handling exit animation is tricky. \n  // I'll just conditional render for now. The entry animation `animate-fade-in` will play.\n  \n  if (!isOpen) return null;\n\n  const content = (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center p-4 sm:p-6\" onClick={onClose}>\n      <div className=\"fixed inset-0 z-40 bg-obsidian/80 backdrop-blur-sm\" aria-hidden=\"true\" />\n      <div\n        role=\"dialog\"\n        aria-modal=\"true\"\n        className={cx(\n          'bg-charcoal border border-gold/30 shadow-2xl z-50 w-full max-w-lg p-6 rounded-none relative',\n          className\n        )}\n        data-state=\"open\"\n        onClick={(e) => e.stopPropagation()}\n      >\n         <div className=\"flex items-center justify-between mb-2\">\n             {title ? <h3 className=\"text-xl font-semibold text-white m-0\">{title}</h3> : <div />}\n             <button onClick={onClose} className=\"text-silver hover:text-white transition-colors ml-auto\">\n                <X className=\"h-5 w-5\" />\n                <span className=\"sr-only\">Close</span>\n             </button>\n         </div>\n        <div>{children}</div>\n      </div>\n    </div>\n  )\n\n  return createPortal(content, document.body)\n}\n\nModal.displayName = 'Modal'\n\nexport default Modal\n","/**\n * Aurelius Design System\n *\n * A cohesive visual language for creative technologists.\n * Combines technical sophistication with artistic sensibility.\n *\n * CSS-first Tailwind v4 design system.\n * Import '@lukeashford/aurelius/styles/base.css' for complete styling.\n */\n\n// React components\nexport * from './components'\n\n// Version\nexport const version = '2.0.0'\n"],"mappings":";AAAA,OAAO,WAAW;AAmBlB,SAAS,MAAM,SAA4D;AACzE,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAEO,IAAM,SAAS,MAAM;AAAA,EACxB,CAAC,EAAC,UAAU,WAAW,OAAO,MAAM,UAAU,OAAO,WAAW,UAAU,UAAU,GAAG,KAAI,GACvF,QAAQ;AACV,UAAM,aAAa,YAAY;AAG/B,UAAM,OACF;AAMJ,UAAM,iBAAiB;AAAA,MACrB,SACI;AAAA,MAMJ,WACI;AAAA,MAMJ,UACI;AAAA,MAMJ,UACI;AAAA,MAMJ,UACI;AAAA,MAOJ,OACI;AAAA,MAMJ,QACI;AAAA,IAKN;AAGA,UAAM,cAAc;AAAA,MAClB,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAEA,UAAM,eAAe,eAAe,OAAO;AAC3C,UAAM,YAAY,YAAY,IAAI;AAElC,WACI;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA,WAAW,GAAG,MAAM,cAAc,WAAW,WAAW,cAAc,SAAS;AAAA,QAC/E,UAAU;AAAA,QACT,GAAG;AAAA;AAAA,MAEL,WACG;AAAA,QAAC;AAAA;AAAA,UACG,WAAU;AAAA,UACV,eAAW;AAAA;AAAA,MACf;AAAA,MAEH;AAAA,IACH;AAAA,EAEN;AACJ;AAEA,OAAO,cAAc;;;ACtHrB,OAAOA,YAAW;AAQlB,SAASC,OAAM,SAA4D;AACzE,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAEO,IAAM,QAAQD,OAAM;AAAA,EACzB,CAAC,EAAE,QAAQ,OAAO,WAAW,aAAa,cAAc,UAAU,GAAG,KAAK,GAAG,QAAQ;AAEnF,UAAM,OACF;AAOJ,UAAM,WAAW,QAAQ,qDAAqD;AAE9E,WACE,gBAAAA,OAAA,cAAC,SAAI,WAAWC,IAAG,YAAY,YAAY,YAAY,KACpD,eACC,gBAAAD,OAAA,cAAC,UAAK,WAAU,iFACb,WACH,GAEF,gBAAAA,OAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAWC;AAAA,UACT;AAAA,UACA;AAAA,UACC,eAAe,eAAgB,cAAc;AAAA,UAC9C;AAAA,QACF;AAAA,QACA;AAAA,QACC,GAAG;AAAA;AAAA,IACN,GACC,gBACC,gBAAAD,OAAA,cAAC,UAAK,WAAU,kFACb,YACH,CAEJ;AAAA,EAEJ;AACF;AAEA,MAAM,cAAc;;;ACrDpB,OAAOE,YAAW;AASlB,SAASC,OAAM,SAA4D;AACzE,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAEO,IAAM,OAAOD,OAAM;AAAA,EACtB,CAAC,EAAC,UAAU,WAAW,cAAc,OAAO,WAAW,GAAG,KAAI,GAAG,QAAQ;AAEvE,UAAM,OAAO;AAGb,UAAM,iBAAiB;AAAA,MACrB,SAAS;AAAA,MACT,UAAU;AAAA,MACV,UAAU;AAAA,MACV,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAGA,UAAM,mBAAmB,cACnB,mFACA;AAEN,UAAM,eAAe,eAAe,OAAO;AAE3C,WACI,gBAAAA,OAAA;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA,WAAWC,IAAG,MAAM,cAAc,kBAAkB,SAAS;AAAA,QAC5D,GAAG;AAAA;AAAA,IACR;AAAA,EAEN;AACJ;AAEA,KAAK,cAAc;;;AC5CnB,OAAOC,YAAW;AAalB,SAASC,OAAM,SAA4D;AACzE,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAEA,IAAM,UAAsC;AAAA,EAC1C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AACT;AAEA,SAAS,SAAS,MAAe;AAC/B,MAAI,CAAC,KAAM,QAAO;AAClB,QAAM,QAAQ,KAAK,KAAK,EAAE,MAAM,KAAK;AACrC,SAAO,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,OAAK,EAAE,CAAC,EAAG,YAAY,CAAC,EAAE,KAAK,EAAE;AAChE;AAEO,IAAM,SAASD,OAAM;AAAA,EAC1B,CAAC,EAAE,KAAK,MAAM,IAAI,MAAM,OAAO,MAAM,QAAQ,WAAW,GAAG,KAAK,GAAG,QAAQ;AACzE,UAAM,cACJ,WAAW,WAAW,eAAe,WAAW,SAAS,eAAe;AAE1E,WACE,gBAAAA,OAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAWC;AAAA,UACT;AAAA,UACA,QAAQ,IAAI;AAAA,UACZ;AAAA,QACF;AAAA,QACC,GAAG;AAAA;AAAA,MAEH,MACC,gBAAAD,OAAA,cAAC,SAAI,KAAU,KAAK,OAAO,QAAQ,UAAU,WAAU,8BAA6B,IAEpF,gBAAAA,OAAA,cAAC,UAAK,eAAW,QAAE,SAAS,IAAI,KAAK,MAAI;AAAA,MAE1C,UACC,gBAAAA,OAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAWC;AAAA,YACT;AAAA;AAAA,YAEA,SAAS,OAAO,gBAChB,SAAS,OAAO,YAChB,SAAS,OAAO,gBAChB,SAAS,OAAO,YAChB,SAAS,OAAO,YAAY;AAAA,YAC5B;AAAA,UACF;AAAA;AAAA,MACF;AAAA,IAEJ;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;;;ACvErB,OAAOC,YAAW;AAQlB,SAASC,OAAM,SAA4D;AACzE,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAEO,IAAM,QAAQD,OAAM;AAAA,EACzB,CAAC,EAAE,UAAU,WAAW,WAAW,GAAG,KAAK,GAAG,QAAQ;AAEpD,UAAM,OAAO;AAGb,UAAM,iBAAiB;AAAA,MACrB,SAAS;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,OAAO;AAAA,MACP,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAEA,UAAM,eAAe,eAAe,OAAO;AAE3C,WAAO,gBAAAA,OAAA,cAAC,UAAK,KAAU,WAAWC,IAAG,MAAM,cAAc,SAAS,GAAI,GAAG,MAAM;AAAA,EACjF;AACF;AAEA,MAAM,cAAc;;;ACjCpB,OAAOC,YAAW;AAWlB,SAASC,OAAM,SAA4D;AACzE,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAGO,IAAM,UAAkC,CAAC,EAAE,SAAS,UAAU,OAAO,OAAO,OAAO,MAAM,MAAM;AACpG,SACE,gBAAAD,OAAA,cAAC,UAAK,WAAU,2BACb,UACD,gBAAAA,OAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAWC;AAAA,QACT;AAAA,QACA,OAAO,gBAAgB;AAAA,QACvB,SAAS,SAAS;AAAA,QAClB,SAAS,YAAY;AAAA,QACrB,SAAS,UAAU;AAAA,QACnB,SAAS,WAAW;AAAA,MACtB;AAAA;AAAA,IAEC;AAAA,EACH,CACF;AAEJ;;;ACnCA,OAAOC,YAAW;AAMlB,SAASC,OAAM,SAA4D;AACzE,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAEO,IAAM,QAAQD,OAAM;AAAA,EACzB,CAAC,EAAE,WAAW,UAAU,UAAU,GAAG,KAAK,GAAG,QAAQ;AACnD,WACE,gBAAAA,OAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAWC,IAAG,gDAAgD,SAAS;AAAA,QACtE,GAAG;AAAA;AAAA,MAEH;AAAA,MACA,YAAY,gBAAAD,OAAA,cAAC,UAAK,WAAU,qBAAkB,GAAC;AAAA,IAClD;AAAA,EAEJ;AACF;AAEA,MAAM,cAAc;;;ACzBpB,OAAOE,YAAW;AAMlB,SAASC,OAAM,SAA4D;AACzE,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAEO,IAAM,aAAaD,OAAM;AAAA,EAC9B,CAAC,EAAE,WAAW,OAAO,UAAU,GAAG,KAAK,GAAG,QAAQ;AAChD,WACE,gBAAAA,OAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAWC,IAAG,kBAAkB,QAAQ,eAAe,eAAe,SAAS;AAAA,QAC9E,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;;;ACxBzB,OAAOC,YAAW;AAMlB,SAASC,OAAM,SAA4D;AACzE,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAEO,IAAM,WAAWD,OAAM;AAAA,EAC5B,CAAC,EAAE,QAAQ,OAAO,WAAW,UAAU,GAAG,KAAK,GAAG,QAAQ;AAExD,UAAM,OACF;AAOJ,UAAM,WAAW,QAAQ,qDAAqD;AAE9E,WACE,gBAAAA,OAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAWC,IAAG,MAAM,UAAU,YAAY,cAAc,SAAS;AAAA,QACjE;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,SAAS,cAAc;;;AClCvB,OAAOC,aAAW;AAYlB,SAASC,QAAM,SAA4D;AACzE,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAEA,IAAM,gBAAgB;AAEf,IAAM,SAASD,QAAM;AAAA,EAC1B,CAAC,EAAE,QAAQ,OAAO,WAAW,UAAU,SAAS,UAAU,GAAG,KAAK,GAAG,QAAQ;AAC3E,WACE,gBAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAWC;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA,SAAS;AAAA,UACT;AAAA,QACF;AAAA,QACA,OAAO;AAAA,UACL,iBAAiB;AAAA,UACjB,oBAAoB;AAAA,UACpB,kBAAkB;AAAA,UAClB,gBAAgB;AAAA,QAClB;AAAA,QACA;AAAA,QACC,GAAG;AAAA;AAAA,MAEH,UACG,QAAQ,IAAI,CAAC,QACX,gBAAAD,QAAA,cAAC,YAAO,KAAK,IAAI,OAAO,OAAO,IAAI,SAChC,IAAI,KACP,CACD,IACD;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;;;ACnDrB,OAAOE,WAAS,mBAAmB;AAMnC,SAASC,QAAM,SAA4D;AACzE,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAEA,IAAM,eAAe;AAEd,IAAM,WAAWD,QAAM;AAAA,EAC5B,CAAC,EAAE,WAAW,OAAO,IAAI,GAAG,KAAK,GAAG,QAAQ;AAC1C,UAAM,UAAU,MAAM,KAAK,QAAQ,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,OAAO,GAAG,CAAC;AAEzE,UAAM,SAAS,YAAY,CAAC,SAAkC;AAC5D,UAAI,MAAM;AAER,YAAI,KAAK,SAAS;AAChB,eAAK,MAAM,kBAAkB;AAAA,QAC/B;AAAA,MACF;AAEA,UAAI,OAAO,QAAQ,YAAY;AAC7B,YAAI,IAAI;AAAA,MACV,WAAW,KAAK;AACd,YAAI,UAAU;AAAA,MAChB;AAAA,IACF,GAAG,CAAC,GAAG,CAAC;AAER,WACE,gBAAAA,QAAA,cAAC,SAAI,WAAU,uBACb,gBAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,IAAI;AAAA,QACJ,KAAK;AAAA,QACL,WAAWC;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,OAAO;AAAA,UACL,oBAAoB;AAAA,UACpB,gBAAgB;AAAA,UAChB,kBAAkB;AAAA,QACpB;AAAA,QACA,UAAU,CAAC,MAAM;AACf,gBAAM,QAAQ,EAAE;AAChB,cAAI,MAAM,SAAS;AACjB,kBAAM,MAAM,kBAAkB;AAAA,UAChC,OAAO;AACL,kBAAM,MAAM,kBAAkB;AAAA,UAChC;AACA,eAAK,WAAW,CAAC;AAAA,QACnB;AAAA,QACC,GAAG;AAAA;AAAA,IACN,GACC,SACC,gBAAAD,QAAA,cAAC,WAAM,SAAS,SAAS,WAAU,yDAChC,KACH,CAEJ;AAAA,EAEJ;AACF;AAEA,SAAS,cAAc;;;ACvEvB,OAAOE,WAAS,eAAAC,oBAAmB;AAMnC,SAASC,QAAM,SAA4D;AACzE,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAEA,IAAM,cAAc;AAEb,IAAM,QAAQF,QAAM;AAAA,EACzB,CAAC,EAAE,WAAW,OAAO,IAAI,GAAG,KAAK,GAAG,QAAQ;AAC1C,UAAM,UAAU,MAAM,KAAK,QAAQ,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,OAAO,GAAG,CAAC;AAEzE,UAAM,SAASC,aAAY,CAAC,SAAkC;AAC5D,UAAI,MAAM;AAER,YAAI,KAAK,SAAS;AAChB,eAAK,MAAM,kBAAkB;AAAA,QAC/B;AAAA,MACF;AAEA,UAAI,OAAO,QAAQ,YAAY;AAC7B,YAAI,IAAI;AAAA,MACV,WAAW,KAAK;AACd,YAAI,UAAU;AAAA,MAChB;AAAA,IACF,GAAG,CAAC,GAAG,CAAC;AAER,WACE,gBAAAD,QAAA,cAAC,SAAI,WAAU,uBACb,gBAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,IAAI;AAAA,QACJ,KAAK;AAAA,QACL,WAAWE;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,OAAO;AAAA,UACL,oBAAoB;AAAA,UACpB,gBAAgB;AAAA,UAChB,kBAAkB;AAAA,QACpB;AAAA,QACA,UAAU,CAAC,MAAM;AACf,gBAAM,QAAQ,EAAE;AAChB,cAAI,MAAM,SAAS;AACjB,kBAAM,MAAM,kBAAkB;AAE9B,gBAAI,MAAM,MAAM;AACd,oBAAM,SAAS,SAAS,iBAAmC,6BAA6B,MAAM,IAAI,IAAI;AACtG,qBAAO,QAAQ,CAAC,UAAU;AACxB,oBAAI,UAAU,OAAO;AACnB,wBAAM,MAAM,kBAAkB;AAAA,gBAChC;AAAA,cACF,CAAC;AAAA,YACH;AAAA,UACF,OAAO;AACL,kBAAM,MAAM,kBAAkB;AAAA,UAChC;AACA,eAAK,WAAW,CAAC;AAAA,QACnB;AAAA,QACC,GAAG;AAAA;AAAA,IACN,GACC,SACC,gBAAAF,QAAA,cAAC,WAAM,SAAS,SAAS,WAAU,yDAChC,KACH,CAEJ;AAAA,EAEJ;AACF;AAEA,MAAM,cAAc;;;AChFpB,OAAOG,WAAS,eAAAC,cAAa,QAAQ,gBAAgB;AASrD,SAASC,QAAM,SAA4D;AACzE,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAEO,IAAM,SAASF,QAAM;AAAA,EAC1B,CAAC,EAAE,SAAS,mBAAmB,iBAAiB,OAAO,iBAAiB,UAAU,WAAW,OAAO,GAAG,KAAK,GAAG,QAAQ;AACrH,UAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,cAAc;AACrE,UAAM,eAAe,sBAAsB;AAC3C,UAAM,UAAU,eAAe,oBAAoB;AACnD,UAAM,YAAY,OAAiC,IAAI;AACvD,UAAM,UAAUC;AAAA,MACd,CAAC,SAAmC;AAClC,kBAAU,UAAU;AACpB,YAAI,OAAO,QAAQ,YAAY;AAC7B,cAAI,IAAI;AAAA,QACV,WAAW,KAAK;AACd,cAAI,UAAU;AAAA,QAChB;AAAA,MACF;AAAA,MACA,CAAC,GAAG;AAAA,IACN;AAEA,UAAM,cAAc,CAAC,MAA2C;AAC9D,UAAI,SAAU;AACd,YAAM,aAAa,CAAC;AACpB,UAAI,CAAC,cAAc;AACjB,2BAAmB,UAAU;AAAA,MAC/B;AACA,wBAAkB,UAAU;AAC5B,WAAK,UAAU,CAAC;AAAA,IAClB;AAEA,WACE,gBAAAD,QAAA,cAAC,SAAI,WAAU,6BACb,gBAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,MAAK;AAAA,QACL,gBAAc;AAAA,QACd,cAAY,UAAU,YAAY;AAAA,QAClC;AAAA,QACA,KAAK;AAAA,QACL,SAAS;AAAA,QACT,WAAWE;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,UAAU,YAAY;AAAA,UACtB;AAAA,QACF;AAAA,QACC,GAAG;AAAA;AAAA,MAEJ,gBAAAF,QAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAWE;AAAA,YACT;AAAA,YACA;AAAA,YACA,UAAU,kBAAkB;AAAA,UAC9B;AAAA;AAAA,MACF;AAAA,IACF,GACC,SACC,gBAAAF,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,SAAS,MAAM;AACb,cAAI,SAAU;AACd,oBAAU,SAAS,MAAM;AAAA,QAC3B;AAAA;AAAA,MAEC;AAAA,IACH,CAEJ;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;;;ACrFrB,OAAOG,aAAW;AAClB,SAAS,MAAM,aAAa,eAAe,eAAe;AAS1D,SAASC,QAAM,SAA4D;AACzE,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAEA,IAAM,QAAQ;AAAA,EACZ,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACT;AAEA,IAAM,gBAAgB;AAAA,EACpB,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACT;AAEO,IAAM,QAAQD,QAAM;AAAA,EACzB,CAAC,EAAE,UAAU,QAAQ,OAAO,UAAU,WAAW,GAAG,KAAK,GAAG,QAAQ;AAClE,UAAM,OAAO,MAAM,OAAO;AAE1B,WACE,gBAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL,WAAWC;AAAA,UACT;AAAA,UACA,cAAc,OAAO;AAAA,UACrB;AAAA,QACF;AAAA,QACC,GAAG;AAAA;AAAA,MAEJ,gBAAAD,QAAA,cAAC,QAAK,WAAU,oBAAmB;AAAA,MACnC,gBAAAA,QAAA,cAAC,SAAI,WAAU,YACZ,SAAS,gBAAAA,QAAA,cAAC,QAAG,WAAU,+DAA6D,KAAM,GAC3F,gBAAAA,QAAA,cAAC,SAAI,WAAU,wBAAsB,QAAS,CAChD;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,MAAM,cAAc;;;ACrDpB,OAAOE,aAAW;AAQlB,SAASC,QAAM,SAA4D;AACzE,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAEO,IAAM,UAAU,CAAC,EAAE,WAAW,OAAO,MAAM,GAAG,KAAK,MAAoB;AAC5E,QAAM,YACJ,SAAS,OAAO,YAAY,SAAS,OAAO,YAAY;AAE1D,SACE,gBAAAD,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,WAAWC,KAAG,0BAA0B,WAAW,SAAS;AAAA,MAC3D,GAAG;AAAA;AAAA,IAEJ,gBAAAD,QAAA,cAAC,UAAK,GAAE,+BAA8B;AAAA,EACxC;AAEJ;AAEA,QAAQ,cAAc;;;ACjCtB,OAAOE,aAAW;AAIlB,SAASC,QAAM,SAA4D;AACzE,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAEO,IAAM,WAAWD,QAAM;AAAA,EAC5B,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,WACE,gBAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAWC,KAAG,mCAAmC,SAAS;AAAA,QACzD,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,SAAS,cAAc;;;ACpBvB,OAAOC,WAAS,WAAW,YAAAC,iBAAgB;AAC3C,SAAS,oBAAoB;AAC7B,SAAS,SAAS;AAUlB,SAASC,QAAM,SAA4D;AACzE,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAEO,IAAM,QAAQ,CAAC,EAAE,QAAQ,SAAS,OAAO,UAAU,UAAU,MAAkB;AACpF,QAAM,CAAC,SAAS,UAAU,IAAID,UAAS,KAAK;AAE5C,YAAU,MAAM;AACd,eAAW,IAAI;AAAA,EACjB,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,QAAI,QAAQ;AACV,YAAM,iBAAiB,OAAO,aAAa,SAAS,gBAAgB;AACpE,eAAS,KAAK,MAAM,WAAW;AAC/B,eAAS,KAAK,MAAM,eAAe,GAAG,cAAc;AAAA,IACtD,OAAO;AACL,eAAS,KAAK,MAAM,WAAW;AAC/B,eAAS,KAAK,MAAM,eAAe;AAAA,IACrC;AACA,WAAO,MAAM;AACX,eAAS,KAAK,MAAM,WAAW;AAC/B,eAAS,KAAK,MAAM,eAAe;AAAA,IACrC;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAEX,YAAU,MAAM;AACZ,UAAM,YAAY,CAAC,MAAqB;AACpC,UAAI,EAAE,QAAQ,SAAU,SAAQ;AAAA,IACpC;AACA,WAAO,iBAAiB,WAAW,SAAS;AAC5C,WAAO,MAAM,OAAO,oBAAoB,WAAW,SAAS;AAAA,EAChE,GAAG,CAAC,OAAO,CAAC;AAEZ,MAAI,CAAC,QAAS,QAAO;AAYrB,MAAI,CAAC,OAAQ,QAAO;AAEpB,QAAM,UACJ,gBAAAD,QAAA,cAAC,SAAI,WAAU,kEAAiE,SAAS,WACvF,gBAAAA,QAAA,cAAC,SAAI,WAAU,sDAAqD,eAAY,QAAO,GACvF,gBAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAWE;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACA,cAAW;AAAA,MACX,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA;AAAA,IAEjC,gBAAAF,QAAA,cAAC,SAAI,WAAU,4CACV,QAAQ,gBAAAA,QAAA,cAAC,QAAG,WAAU,0CAAwC,KAAM,IAAQ,gBAAAA,QAAA,cAAC,WAAI,GAClF,gBAAAA,QAAA,cAAC,YAAO,SAAS,SAAS,WAAU,4DACjC,gBAAAA,QAAA,cAAC,KAAE,WAAU,WAAU,GACvB,gBAAAA,QAAA,cAAC,UAAK,WAAU,aAAU,OAAK,CAClC,CACJ;AAAA,IACD,gBAAAA,QAAA,cAAC,aAAK,QAAS;AAAA,EACjB,CACF;AAGF,SAAO,aAAa,SAAS,SAAS,IAAI;AAC5C;AAEA,MAAM,cAAc;;;AC1Eb,IAAM,UAAU;","names":["React","cx","React","cx","React","cx","React","cx","React","cx","React","cx","React","cx","React","cx","React","cx","React","cx","React","useCallback","cx","React","useCallback","cx","React","cx","React","cx","React","cx","React","useState","cx"]}

package/llms.md

@@ -6,7 +6,7 @@
 
 ```bash
 npm install @lukeashford/aurelius
-npm install -D eslint eslint-plugin-tailwindcss
+npm install -D eslint @typescript-eslint/parser eslint-plugin-better-tailwindcss @poupe/eslint-plugin-tailwindcss @eslint/css tailwind-csstree
 ```
 
 ### 2. Import the design system
@@ -28,21 +28,14 @@ Then import it in your entry file:
 import './index.css'
 ```
 
-### 3. Configure ESLint (enforces design system)
+### 3. Configure ESLint
+
+Aurelius ships with a default ESLint config you can re-export in one line. It enforces design system
+constraints — if ESLint complains, you're leaving the rails.
 
 ```javascript
-// eslint.config.js
-import tailwindcss from 'eslint-plugin-tailwindcss';
-
-export default [
-  {
-    plugins: { tailwindcss },
-    rules: {
-      'tailwindcss/no-arbitrary-value': 'error',
-      'tailwindcss/no-custom-classname': 'error',
-    },
-  },
-];
+// eslint.config.mjs
+export { default } from '@lukeashford/aurelius/eslint';
 ```
 
 ---
@@ -53,7 +46,7 @@ export default [
 2. **Text colors.** Use `text-white` for headings and primary content. Use `text-silver` for secondary text, descriptions, and metadata.
 3. **Gold is for primary actions only.** Don't overuse `text-gold` or `bg-gold`.
 4. **Use components first.** Check the Components table below before building custom elements.
-5. **Use Tailwind classes from this manifest.** Never hardcode hex values or use arbitrary values like `bg-[#123]`.
+5. **Stay on-system.** No custom/non-Aurelius class names, no arbitrary value utilities (`bg-[...]`, `text-[...]`, etc.), and follow Tailwind v4 CSS best practices in `.css` files.
 6. **Subtle borders over shadows.** Prefer `border-ash` over heavy drop shadows.
 
 ---

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lukeashford/aurelius",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "Design system for Aurelius applications — A cohesive visual language for creative technologists",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -11,6 +11,7 @@
       "import": "./dist/index.mjs",
       "require": "./dist/index.js"
     },
+    "./eslint": "./scripts/eslint.mjs",
     "./styles/base.css": "./dist/styles/base.css",
     "./styles/theme.css": "./dist/styles/theme.css",
     "./styles/fonts.css": "./dist/styles/fonts.css",
@@ -20,27 +21,55 @@
   },
   "files": [
     "dist",
+    "scripts/eslint.mjs",
     "llms.md"
   ],
   "scripts": {
-    "build": "tsup && node scripts/generate-manifest.js",
+    "build": "npm run typecheck && npm run lint && tsup && node scripts/generate-manifest.js",
     "dev": "tsup --watch",
     "typecheck": "tsc --noEmit",
+    "lint": "eslint src --max-warnings 0",
     "prepublishOnly": "npm run build",
     "dev:demo": "npm --prefix demo run dev",
     "dev:all": "concurrently -k \"npm run dev\" \"npm run dev:demo\""
   },
   "peerDependencies": {
+    "@eslint/css": ">=0.9.0",
+    "@poupe/eslint-plugin-tailwindcss": ">=0.2.0",
+    "@typescript-eslint/parser": ">=8.0.0",
+    "eslint": ">=9.0.0",
+    "eslint-plugin-better-tailwindcss": ">=4.0.0-beta",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
+    "tailwind-csstree": ">=0.1.0",
     "tailwindcss": ">=4.0.0"
   },
   "peerDependenciesMeta": {
     "tailwindcss": {
       "optional": true
+    },
+    "eslint": {
+      "optional": true
+    },
+    "eslint-plugin-better-tailwindcss": {
+      "optional": true
+    },
+    "@poupe/eslint-plugin-tailwindcss": {
+      "optional": true
+    },
+    "@typescript-eslint/parser": {
+      "optional": true
+    },
+    "@eslint/css": {
+      "optional": true
+    },
+    "tailwind-csstree": {
+      "optional": true
     }
   },
   "devDependencies": {
+    "@eslint/css": "^0.9.0",
+    "@poupe/eslint-plugin-tailwindcss": "^0.2.4",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.1.0",
     "@testing-library/user-event": "^14.5.2",
@@ -48,8 +77,12 @@
     "@types/node": "^20.0.0",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
+    "@typescript-eslint/eslint-plugin": "^8.49.0",
+    "@typescript-eslint/parser": "^8.49.0",
     "@vitejs/plugin-react": "^4.3.4",
     "concurrently": "^8.2.2",
+    "eslint": "^9.0.0",
+    "eslint-plugin-better-tailwindcss": "^4.0.0-beta",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "react": "^19.2.1",

package/scripts/eslint.mjs

@@ -0,0 +1,117 @@
+// scripts/eslint.mjs
+import eslintPluginBetterTailwindcss from 'eslint-plugin-better-tailwindcss';
+import poupeTailwindcss from '@poupe/eslint-plugin-tailwindcss';
+import css from '@eslint/css';
+import { tailwind4 } from 'tailwind-csstree';
+import tsParser from '@typescript-eslint/parser';
+
+/**
+ * @typedef {Object} AureliusESLintOptions
+ * @property {string} [entryPoint] - Path to your CSS entry file that imports Aurelius. Defaults to
+ *     './src/index.css'
+ */
+
+/**
+ * Creates an ESLint configuration that enforces Aurelius design system constraints.
+ *
+ * This configuration:
+ * - Prevents arbitrary Tailwind values (e.g., bg-[#123])
+ * - Enforces only Aurelius-approved Tailwind classes
+ * - Validates Tailwind v4 CSS usage
+ *
+ * @param {AureliusESLintOptions} [options={}] - Configuration options
+ * @returns {any[]} ESLint configuration array
+ *
+ * @example
+ * // With default entry point (./src/index.css)
+ * import { createAureliusESLintConfig } from '@lukeashford/aurelius/eslint';
+ * export default createAureliusESLintConfig();
+ *
+ * @example
+ * // With custom entry point
+ * import { createAureliusESLintConfig } from '@lukeashford/aurelius/eslint';
+ * export default createAureliusESLintConfig({ entryPoint: './app/styles.css' });
+ */
+export function createAureliusESLintConfig(options = {}) {
+  const {entryPoint = './src/index.css'} = options;
+
+  return [
+    // Ignore generated files
+    {
+      ignores: ['**/generated/**'],
+    },
+
+    // JS/TS/React files: enforce allowed Tailwind classes only
+    {
+      files: ['**/*.{js,jsx,ts,tsx}'],
+      languageOptions: {
+        parser: tsParser,
+        parserOptions: {
+          ecmaVersion: 'latest',
+          sourceType: 'module',
+          ecmaFeatures: {
+            jsx: true,
+          },
+        },
+      },
+      plugins: {
+        'better-tailwindcss': eslintPluginBetterTailwindcss,
+      },
+      settings: {
+        'better-tailwindcss': {
+          entryPoint,
+        },
+      },
+      rules: {
+        // Only Tailwind-known classes (no custom classnames)
+        'better-tailwindcss/no-unknown-classes': [
+          'error',
+          {
+            // Allow custom classes when they are defined using Aurelius/Tailwind utilities
+            // (e.g., `@utility x { @apply bg-obsidian text-white; }`).
+            // This still blocks any class that isn't generated from the Aurelius-based
+            // Tailwind pipeline, so "a&b"-style composites are fine but "c" isn't if
+            // it doesn't come from Aurelius tokens.
+            detectComponentClasses: true,
+          },
+        ],
+
+        // Block arbitrary value utilities like bg-[...], text-[...], shadow-[...]
+        'better-tailwindcss/no-restricted-classes': [
+          'error',
+          {
+            restrict: ['\\[.*\\]'],
+          },
+        ],
+      },
+    },
+
+    // CSS files: enforce Tailwind v4 CSS usage and tokens (exclude fonts.css and theme.css)
+    {
+      files: ['**/*.css'],
+      ignores: ['**/fonts.css', '**/theme.css'],
+      language: 'css/css',
+      languageOptions: {
+        customSyntax: tailwind4,
+      },
+      plugins: {
+        css,
+        tailwindcss: poupeTailwindcss,
+      },
+      rules: {
+        // Start from the plugin's recommended preset
+        ...poupeTailwindcss.configs.recommended.rules,
+
+        // Make sure these are at least enabled (or stricter if you want):
+        'tailwindcss/no-conflicting-utilities': 'error',
+        'tailwindcss/valid-apply-directive': 'error',
+        'tailwindcss/valid-modifier-syntax': 'error',
+        'tailwindcss/prefer-theme-tokens': 'warn',
+        'tailwindcss/no-arbitrary-value-overuse': 'error',
+      },
+    },
+  ];
+}
+
+// Default export with default entry point for convenience
+export default createAureliusESLintConfig();