@lukeashford/aurelius 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +93 -0
- package/dist/chunk-7DDWFQNU.mjs +136 -0
- package/dist/chunk-7DDWFQNU.mjs.map +1 -0
- package/dist/chunk-OPJXDW4C.mjs +150 -0
- package/dist/chunk-OPJXDW4C.mjs.map +1 -0
- package/dist/index.d.mts +136 -0
- package/dist/index.d.ts +136 -0
- package/dist/index.js +816 -0
- package/dist/index.js.map +1 -0
- package/dist/index.mjs +505 -0
- package/dist/index.mjs.map +1 -0
- package/dist/llms.md +325 -0
- package/dist/styles/base.css +537 -0
- package/dist/styles/fonts/1Ptsg8zYS_SKggPNyCg4Q4FqL_KWxWMT.woff2 +0 -0
- package/dist/styles/fonts/1Ptsg8zYS_SKggPNyCg4QIFqL_KWxWMT.woff2 +0 -0
- package/dist/styles/fonts/1Ptsg8zYS_SKggPNyCg4QoFqL_KWxWMT.woff2 +0 -0
- package/dist/styles/fonts/1Ptsg8zYS_SKggPNyCg4SYFqL_KWxWMT.woff2 +0 -0
- package/dist/styles/fonts/1Ptsg8zYS_SKggPNyCg4TYFqL_KWxQ.woff2 +0 -0
- package/dist/styles/fonts/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2 +0 -0
- package/dist/styles/fonts/1Ptug8zYS_SKggPNyCAIT4ttDfCmxA.woff2 +0 -0
- package/dist/styles/fonts/1Ptug8zYS_SKggPNyCIIT4ttDfCmxA.woff2 +0 -0
- package/dist/styles/fonts/1Ptug8zYS_SKggPNyCMIT4ttDfCmxA.woff2 +0 -0
- package/dist/styles/fonts/1Ptug8zYS_SKggPNyCkIT4ttDfCmxA.woff2 +0 -0
- package/dist/styles/fonts/OFL_JetBrainsMono.txt +93 -0
- package/dist/styles/fonts/OFL_Marcellus.txt +93 -0
- package/dist/styles/fonts/OFL_Raleway.txt +93 -0
- package/dist/styles/fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx3cwgknk-6nFg.woff2 +0 -0
- package/dist/styles/fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx7cwgknk-6nFg.woff2 +0 -0
- package/dist/styles/fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxDcwgknk-4.woff2 +0 -0
- package/dist/styles/fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxPcwgknk-6nFg.woff2 +0 -0
- package/dist/styles/fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxTcwgknk-6nFg.woff2 +0 -0
- package/dist/styles/fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx_cwgknk-6nFg.woff2 +0 -0
- package/dist/styles/fonts/wEO_EBrOk8hQLDvIAF81VvoK_kgXiQ.woff2 +0 -0
- package/dist/styles/fonts/wEO_EBrOk8hQLDvIAF81WPoK_kgXiYvO.woff2 +0 -0
- package/dist/styles/fonts.css +317 -0
- package/dist/tailwind.preset.d.mts +5 -0
- package/dist/tailwind.preset.d.ts +5 -0
- package/dist/tailwind.preset.js +288 -0
- package/dist/tailwind.preset.js.map +1 -0
- package/dist/tailwind.preset.mjs +8 -0
- package/dist/tailwind.preset.mjs.map +1 -0
- package/dist/tokens/index.d.mts +156 -0
- package/dist/tokens/index.d.ts +156 -0
- package/dist/tokens/index.js +182 -0
- package/dist/tokens/index.js.map +1 -0
- package/dist/tokens/index.mjs +19 -0
- package/dist/tokens/index.mjs.map +1 -0
- package/package.json +65 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/index.ts","../src/tokens/colors.ts","../src/tokens/typography.ts","../src/tokens/spacing.ts","../src/tokens/shadows.ts","../src/tokens/transitions.ts","../src/tokens/radii.ts","../src/tailwind.preset.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\n// Export Tailwind preset\nexport { default as tailwindPreset } from './tailwind.preset'\n\n// Export design tokens\nexport * from './tokens'\n\n// Re-export individual token modules for convenience\nexport { colors, type ColorToken } from './tokens/colors'\nexport { typography, type TypographyToken } from './tokens/typography'\nexport { spacing, type SpacingToken } from './tokens/spacing'\n\n// React components\nexport * from './components'\n\n// Version\nexport const version = '1.0.0'\n","export const colors = {\n // Black spectrum\n void: '#000000',\n obsidian: '#0a0a0a',\n charcoal: '#141414',\n graphite: '#1f1f1f',\n slate: '#2a2a2a',\n ash: '#3d3d3d',\n\n // Gold spectrum\n gold: '#c9a227',\n goldLight: '#d4b84a',\n goldBright: '#e5c84d',\n goldMuted: '#8b7355',\n goldPale: '#d4c4a8',\n goldGlow: 'rgba(201, 162, 39, 0.15)',\n\n // Neutrals\n white: '#ffffff',\n silver: '#a3a3a3',\n zinc: '#71717a',\n dim: '#52525b',\n\n // Semantic\n success: '#22c55e',\n successMuted: '#166534',\n error: '#dc2626',\n errorMuted: '#991b1b',\n warning: '#d97706',\n warningMuted: '#92400e',\n info: '#0ea5e9',\n infoMuted: '#0369a1',\n} as const\n\nexport type ColorToken = keyof typeof colors\n","export const typography = {\n // Headings use Marcellus, a classic serif\n fontHeading: ['Marcellus', 'serif'],\n // Body and UI use Raleway\n fontBody: ['Raleway', 'system-ui', 'sans-serif'],\n fontMono: ['JetBrains Mono', 'Fira Code', 'SF Mono', 'monospace'],\n\n fontSize: {\n xs: ['0.75rem', {lineHeight: '1rem'}],\n sm: ['0.875rem', {lineHeight: '1.25rem'}],\n base: ['1rem', {lineHeight: '1.5rem'}],\n lg: ['1.125rem', {lineHeight: '1.75rem'}],\n xl: ['1.25rem', {lineHeight: '1.75rem'}],\n '2xl': ['1.5rem', {lineHeight: '2rem'}],\n '3xl': ['1.875rem', {lineHeight: '2.25rem'}],\n '4xl': ['2.25rem', {lineHeight: '2.5rem'}],\n '5xl': ['3rem', {lineHeight: '1'}],\n '6xl': ['3.75rem', {lineHeight: '1'}],\n },\n\n fontWeight: {\n normal: '400',\n medium: '500',\n semibold: '600',\n bold: '700',\n },\n\n lineHeight: {\n none: '1',\n tight: '1.25',\n snug: '1.375',\n normal: '1.5',\n relaxed: '1.625',\n loose: '2',\n },\n\n letterSpacing: {\n tighter: '-0.05em',\n tight: '-0.025em',\n normal: '0',\n wide: '0.025em',\n wider: '0.05em',\n widest: '0.1em',\n },\n} as const\n\nexport type TypographyToken = keyof typeof typography\n","export const spacing = {\n px: '1px',\n 0: '0',\n 0.5: '0.125rem',\n 1: '0.25rem',\n 1.5: '0.375rem',\n 2: '0.5rem',\n 2.5: '0.625rem',\n 3: '0.75rem',\n 3.5: '0.875rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n 11: '2.75rem',\n 12: '3rem',\n 14: '3.5rem',\n 16: '4rem',\n 20: '5rem',\n 24: '6rem',\n 28: '7rem',\n 32: '8rem',\n} as const\n\nexport type SpacingToken = keyof typeof spacing\n","export const shadows = {\r\n sm: '0 1px 2px 0 rgba(0, 0, 0, 0.4)',\r\n md: '0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -2px rgba(0, 0, 0, 0.3)',\r\n lg: '0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -4px rgba(0, 0, 0, 0.3)',\r\n xl: '0 20px 25px -5px rgba(0, 0, 0, 0.4), 0 8px 10px -6px rgba(0, 0, 0, 0.3)',\r\n '2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.5)',\r\n glow: '0 0 20px rgba(201, 162, 39, 0.3)',\r\n 'glow-sm': '0 0 10px rgba(201, 162, 39, 0.2)',\r\n 'glow-lg': '0 0 40px rgba(201, 162, 39, 0.4)',\r\n inner: 'inset 0 2px 4px 0 rgba(0, 0, 0, 0.3)',\r\n} as const\r\n\r\nexport type ShadowToken = keyof typeof shadows\r\n","export const duration = {\r\n instant: '75ms',\r\n fast: '150ms',\r\n normal: '200ms',\r\n slow: '300ms',\r\n slower: '500ms',\r\n} as const\r\n\r\nexport const easing = {\r\n smooth: 'cubic-bezier(0.16, 1, 0.3, 1)',\r\n snap: 'cubic-bezier(0.5, 0, 0.1, 1)',\r\n} as const\r\n\r\nexport type DurationToken = keyof typeof duration\r\nexport type EasingToken = keyof typeof easing\r\n","export const radii = {\r\n sm: '0.125rem',\r\n md: '0.25rem',\r\n lg: '0.375rem',\r\n xl: '0.5rem',\r\n '2xl': '0.75rem',\r\n '3xl': '1rem',\r\n full: '9999px',\r\n} as const\r\n\r\nexport type RadiusToken = keyof typeof radii\r\n","import type {Config} from 'tailwindcss'\nimport {colors, spacing, typography, shadows, duration, easing, radii} from './tokens'\n\nconst preset: Partial<Config> = {\n // Safelist color utilities used dynamically in the demo so Tailwind doesn't purge them\n safelist: [\n // Black spectrum\n 'bg-void',\n 'bg-obsidian',\n 'bg-charcoal',\n 'bg-graphite',\n 'bg-slate',\n 'bg-ash',\n\n // Gold spectrum\n 'bg-gold',\n 'bg-gold-light',\n 'bg-gold-bright',\n 'bg-gold-muted',\n 'bg-gold-pale',\n\n // Neutrals\n 'bg-white',\n 'bg-silver',\n 'bg-zinc',\n 'bg-dim',\n\n // Semantic\n 'bg-success',\n 'bg-success-muted',\n 'bg-error',\n 'bg-error-muted',\n 'bg-warning',\n 'bg-warning-muted',\n 'bg-info',\n 'bg-info-muted',\n ],\n theme: {\n extend: {\n colors: {\n // Black spectrum\n void: colors.void,\n obsidian: colors.obsidian,\n charcoal: colors.charcoal,\n graphite: colors.graphite,\n slate: colors.slate,\n ash: colors.ash,\n\n // Gold spectrum\n gold: {\n DEFAULT: colors.gold,\n light: colors.goldLight,\n bright: colors.goldBright,\n muted: colors.goldMuted,\n pale: colors.goldPale,\n glow: colors.goldGlow,\n },\n\n // Neutrals\n white: colors.white,\n silver: colors.silver,\n zinc: colors.zinc,\n dim: colors.dim,\n\n // Semantic\n success: {\n DEFAULT: colors.success,\n muted: colors.successMuted,\n },\n error: {\n DEFAULT: colors.error,\n muted: colors.errorMuted,\n },\n warning: {\n DEFAULT: colors.warning,\n muted: colors.warningMuted,\n },\n info: {\n DEFAULT: colors.info,\n muted: colors.infoMuted,\n },\n },\n\n fontFamily: {\n heading: typography.fontHeading as unknown as string[],\n body: typography.fontBody as unknown as string[],\n mono: typography.fontMono as unknown as string[],\n },\n\n fontSize: typography.fontSize as any,\n fontWeight: typography.fontWeight as any,\n lineHeight: typography.lineHeight as any,\n letterSpacing: typography.letterSpacing as any,\n\n spacing: spacing as any,\n\n borderRadius: radii as any,\n\n boxShadow: shadows as any,\n\n transitionDuration: duration as any,\n\n transitionTimingFunction: easing as any,\n\n animation: {\n 'fade-in': 'fade-in 200ms ease-out',\n 'fade-out': 'fade-out 150ms ease-in',\n 'slide-in-right': `slide-in-right 300ms ${easing.smooth}`,\n 'slide-out-right': 'slide-out-right 200ms ease-in',\n 'pulse-glow': 'pulse-glow 2s ease-in-out infinite',\n },\n\n keyframes: {\n 'fade-in': {\n '0%': {opacity: '0'},\n '100%': {opacity: '1'},\n },\n 'fade-out': {\n '0%': {opacity: '1'},\n '100%': {opacity: '0'},\n },\n 'slide-in-right': {\n '0%': {transform: 'translateX(100%)', opacity: '0'},\n '100%': {transform: 'translateX(0)', opacity: '1'},\n },\n 'slide-out-right': {\n '0%': {transform: 'translateX(0)', opacity: '1'},\n '100%': {transform: 'translateX(100%)', opacity: '0'},\n },\n 'pulse-glow': {\n '0%, 100%': {boxShadow: '0 0 20px rgba(201, 162, 39, 0.3)'},\n '50%': {boxShadow: '0 0 30px rgba(201, 162, 39, 0.5)'},\n },\n },\n },\n },\n}\n\nexport default preset\n","import React from 'react'\r\n\r\nexport type ButtonVariant =\r\n | 'primary'\r\n | 'important'\r\n | 'elevated'\r\n | 'outlined'\r\n | 'featured'\r\n | 'ghost'\r\n | 'danger'\r\n\r\nexport type ButtonSize = 'sm' | 'md' | 'lg' | 'xl'\r\n\r\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n variant?: ButtonVariant\r\n size?: ButtonSize\r\n loading?: boolean\r\n}\r\n\r\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\r\n return classes.filter(Boolean).join(' ')\r\n}\r\n\r\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\r\n ({variant = 'primary', size = 'md', loading = false, className, disabled, children, ...rest},\r\n ref) => {\r\n const isDisabled = disabled || loading\r\n const variantClass =\r\n variant === 'primary'\r\n ? 'btn-primary'\r\n : variant === 'important'\r\n ? 'btn-important'\r\n : variant === 'elevated'\r\n ? 'btn-elevated'\r\n : variant === 'outlined'\r\n ? 'btn-outlined'\r\n : variant === 'featured'\r\n ? 'btn-featured'\r\n : variant === 'ghost'\r\n ? 'btn-ghost'\r\n : 'btn-danger'\r\n\r\n const sizeClass = `btn-${size}`\r\n\r\n return (\r\n <button\r\n ref={ref}\r\n className={cx('btn', variantClass, sizeClass, loading && 'opacity-80', className)}\r\n disabled={isDisabled}\r\n {...rest}\r\n >\r\n {loading && (\r\n <span className=\"mr-2 inline-block h-4 w-4 animate-pulse rounded-full bg-gold\"\r\n aria-hidden/>\r\n )}\r\n {children}\r\n </button>\r\n )\r\n }\r\n)\r\n\r\nButton.displayName = 'Button'\r\n\r\nexport default Button\r\n","import React from 'react'\r\n\r\nexport interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {\r\n error?: boolean\r\n leadingIcon?: React.ReactNode\r\n trailingIcon?: React.ReactNode\r\n}\r\n\r\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\r\n return classes.filter(Boolean).join(' ')\r\n}\r\n\r\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\r\n ({ error = false, className, leadingIcon, trailingIcon, disabled, ...rest }, ref) => {\r\n const base = 'input'\r\n const errorCls = error ? 'input-error' : ''\r\n\r\n return (\r\n <div className={cx('relative', disabled && 'opacity-90')}> \r\n {leadingIcon && (\r\n <span className=\"pointer-events-none absolute inset-y-0 left-3 flex items-center text-silver\">\r\n {leadingIcon}\r\n </span>\r\n )}\r\n <input\r\n ref={ref}\r\n className={cx(\r\n base,\r\n errorCls,\r\n (leadingIcon || trailingIcon) && 'pl-9 pr-9',\r\n className\r\n )}\r\n disabled={disabled}\r\n {...rest}\r\n />\r\n {trailingIcon && (\r\n <span className=\"pointer-events-none absolute inset-y-0 right-3 flex items-center text-silver\">\r\n {trailingIcon}\r\n </span>\r\n )}\r\n </div>\r\n )\r\n }\r\n)\r\n\r\nInput.displayName = 'Input'\r\n\r\nexport default Input\r\n","import React from 'react'\r\n\r\nexport type CardVariant = 'default' | 'elevated' | 'outlined' | 'ghost' | 'featured'\r\n\r\nexport interface CardProps extends React.HTMLAttributes<HTMLDivElement> {\r\n variant?: CardVariant\r\n interactive?: boolean\r\n}\r\n\r\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\r\n return classes.filter(Boolean).join(' ')\r\n}\r\n\r\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(\r\n ({variant = 'default', interactive = false, className, ...rest}, ref) => {\r\n const base = 'card'\r\n const variantClass =\r\n variant === 'elevated'\r\n ? 'card-elevated'\r\n : variant === 'outlined'\r\n ? 'card-outlined'\r\n : variant === 'ghost'\r\n ? 'bg-transparent shadow-none border-0'\r\n : variant === 'featured'\r\n ? 'card-featured'\r\n : ''\r\n\r\n // Use the design system's interactive class so hover styles match CSS\r\n const interactiveClass = interactive ? 'card-interactive' : ''\r\n\r\n return <div ref={ref}\r\n className={cx(base, variantClass, interactiveClass, className)} {...rest} />\r\n }\r\n)\r\n\r\nCard.displayName = 'Card'\r\n\r\nexport default Card\r\n","import React from 'react'\r\n\r\nexport type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'\r\n\r\nexport interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {\r\n src?: string\r\n alt?: string\r\n name?: string\r\n size?: AvatarSize\r\n status?: 'online' | 'offline' | 'busy'\r\n}\r\n\r\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\r\n return classes.filter(Boolean).join(' ')\r\n}\r\n\r\nconst sizeMap: Record<AvatarSize, string> = {\r\n xs: 'h-6 w-6 text-[10px]',\r\n sm: 'h-8 w-8 text-[11px]',\r\n md: 'h-10 w-10 text-xs',\r\n lg: 'h-12 w-12 text-sm',\r\n xl: 'h-16 w-16 text-base',\r\n '2xl': 'h-24 w-24 text-lg',\r\n}\r\n\r\nfunction initials(name?: string) {\r\n if (!name) return ''\r\n const parts = name.trim().split(/\\s+/)\r\n return parts.slice(0, 2).map(p => p[0]!.toUpperCase()).join('')\r\n}\r\n\r\nexport const Avatar = React.forwardRef<HTMLDivElement, AvatarProps>(\r\n ({ src, alt = '', name, size = 'md', status, className, ...rest }, ref) => {\r\n const statusColor =\r\n status === 'online' ? 'bg-success' : status === 'busy' ? 'bg-warning' : 'bg-zinc'\r\n\r\n return (\r\n <div\r\n ref={ref}\r\n className={cx(\r\n 'relative inline-flex items-center justify-center rounded-full border-2 border-ash bg-slate text-silver font-semibold select-none overflow-hidden',\r\n sizeMap[size],\r\n className\r\n )}\r\n {...rest}\r\n >\r\n {src ? (\r\n // eslint-disable-next-line @next/next/no-img-element\r\n <img src={src} alt={alt || name || 'Avatar'} className=\"h-full w-full object-cover\" />\r\n ) : (\r\n <span aria-hidden>{initials(name) || '·'}</span>\r\n )}\r\n {status && (\r\n <span\r\n className={cx(\r\n 'absolute bottom-0 right-0 rounded-full ring-2 ring-charcoal',\r\n // 25% of avatar size\r\n size === 'xs' ? 'h-1.5 w-1.5' :\r\n size === 'sm' ? 'h-2 w-2' :\r\n size === 'md' ? 'h-2.5 w-2.5' :\r\n size === 'lg' ? 'h-3 w-3' :\r\n size === 'xl' ? 'h-4 w-4' : 'h-5 w-5',\r\n statusColor\r\n )}\r\n />\r\n )}\r\n </div>\r\n )\r\n }\r\n)\r\n\r\nAvatar.displayName = 'Avatar'\r\n\r\nexport default Avatar\r\n","import React from 'react'\r\n\r\nexport type BadgeVariant = 'default' | 'gold' | 'success' | 'error' | 'warning' | 'info'\r\n\r\nexport interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {\r\n variant?: BadgeVariant\r\n}\r\n\r\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\r\n return classes.filter(Boolean).join(' ')\r\n}\r\n\r\nexport const Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\r\n ({ variant = 'default', className, ...rest }, ref) => {\r\n const variantClass =\r\n variant === 'gold'\r\n ? 'badge-gold'\r\n : variant === 'success'\r\n ? 'badge-success'\r\n : variant === 'error'\r\n ? 'badge-error'\r\n : variant === 'warning'\r\n ? 'bg-warning/20 text-warning border-warning/30'\r\n : variant === 'info'\r\n ? 'bg-info/20 text-info border-info/30'\r\n : 'badge-default'\r\n\r\n return <span ref={ref} className={cx('badge', variantClass, className)} {...rest} />\r\n }\r\n)\r\n\r\nBadge.displayName = 'Badge'\r\n\r\nexport default Badge\r\n","import React from 'react'\r\n\r\nexport interface TooltipProps {\r\n content: React.ReactNode\r\n children: React.ReactElement\r\n open?: boolean\r\n side?: 'top' | 'right' | 'bottom' | 'left'\r\n}\r\n\r\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\r\n return classes.filter(Boolean).join(' ')\r\n}\r\n\r\n// Simple, controlled tooltip. Consumer handles open state.\r\nexport const Tooltip: React.FC<TooltipProps> = ({ content, children, open = false, side = 'top' }) => {\r\n return (\r\n <span className=\"relative inline-block\">\r\n {children}\r\n <span\r\n role=\"tooltip\"\r\n className={cx(\r\n 'pointer-events-none absolute z-50 whitespace-nowrap rounded-md border border-ash bg-graphite px-3 py-1.5 text-sm text-white shadow-lg transition-opacity duration-fast ease-out',\r\n open ? 'opacity-100' : 'opacity-0',\r\n side === 'top' && 'left-1/2 -translate-x-1/2 -top-2 translate-y-[-100%]',\r\n side === 'bottom' && 'left-1/2 -translate-x-1/2 -bottom-2 translate-y-[100%]',\r\n side === 'left' && 'top-1/2 -translate-y-1/2 -left-2 -translate-x-[100%]',\r\n side === 'right' && 'top-1/2 -translate-y-1/2 -right-2 translate-x-[100%]'\r\n )}\r\n >\r\n {content}\r\n </span>\r\n </span>\r\n )\r\n}\r\n\r\nexport default Tooltip\r\n","import React from 'react'\r\n\r\nexport interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {\r\n required?: boolean\r\n}\r\n\r\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\r\n return classes.filter(Boolean).join(' ')\r\n}\r\n\r\nexport const Label = React.forwardRef<HTMLLabelElement, LabelProps>(\r\n ({ className, required, children, ...rest }, ref) => {\r\n return (\r\n <label\r\n ref={ref}\r\n className={cx('label', required && 'label-required', className)}\r\n {...rest}\r\n >\r\n {children}\r\n </label>\r\n )\r\n }\r\n)\r\n\r\nLabel.displayName = 'Label'\r\n\r\nexport default Label\r\n","import React from 'react'\r\n\r\nexport interface HelperTextProps extends React.HTMLAttributes<HTMLParagraphElement> {\r\n error?: boolean\r\n}\r\n\r\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\r\n return classes.filter(Boolean).join(' ')\r\n}\r\n\r\nexport const HelperText = React.forwardRef<HTMLParagraphElement, HelperTextProps>(\r\n ({ className, error, children, ...rest }, ref) => {\r\n return (\r\n <p\r\n ref={ref}\r\n className={cx('mt-1.5 text-xs', error ? 'text-error' : 'text-silver', className)}\r\n {...rest}\r\n >\r\n {children}\r\n </p>\r\n )\r\n }\r\n)\r\n\r\nHelperText.displayName = 'HelperText'\r\n\r\nexport default HelperText\r\n","import React from 'react'\r\n\r\nexport interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {\r\n error?: boolean\r\n}\r\n\r\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\r\n return classes.filter(Boolean).join(' ')\r\n}\r\n\r\nexport const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\r\n ({ error = false, className, disabled, ...rest }, ref) => {\r\n const base = 'textarea'\r\n const errorCls = error ? 'border-error focus:border-error focus:ring-error' : ''\r\n\r\n return (\r\n <textarea\r\n ref={ref}\r\n className={cx(base, errorCls, disabled && 'opacity-90', className)}\r\n disabled={disabled}\r\n {...rest}\r\n />\r\n )\r\n }\r\n)\r\n\r\nTextarea.displayName = 'Textarea'\r\n\r\nexport default Textarea\r\n","import React from 'react'\r\n\r\nexport interface SelectOption {\r\n label: string\r\n value: string | number\r\n}\r\n\r\nexport interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {\r\n error?: boolean\r\n options?: SelectOption[]\r\n}\r\n\r\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\r\n return classes.filter(Boolean).join(' ')\r\n}\r\n\r\nexport const Select = React.forwardRef<HTMLSelectElement, SelectProps>(\r\n ({ error = false, className, disabled, options, children, ...rest }, ref) => {\r\n const base = 'select'\r\n const errorCls = error ? 'border-error focus:border-error focus:ring-error' : ''\r\n\r\n return (\r\n <select\r\n ref={ref}\r\n className={cx(base, errorCls, disabled && 'opacity-90', className)}\r\n disabled={disabled}\r\n {...rest}\r\n >\r\n {options\r\n ? options.map((opt) => (\r\n <option key={opt.value} value={opt.value}>\r\n {opt.label}\r\n </option>\r\n ))\r\n : children}\r\n </select>\r\n )\r\n }\r\n)\r\n\r\nSelect.displayName = 'Select'\r\n\r\nexport default Select\r\n","import React from 'react'\r\n\r\nexport interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {\r\n label?: string\r\n}\r\n\r\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\r\n return classes.filter(Boolean).join(' ')\r\n}\r\n\r\nexport const Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\r\n ({ className, label, id, ...rest }, ref) => {\r\n const inputId = id || rest.name || Math.random().toString(36).substr(2, 9)\r\n\r\n return (\r\n <div className=\"flex items-center\">\r\n <input\r\n type=\"checkbox\"\r\n id={inputId}\r\n ref={ref}\r\n className={cx('checkbox', className)}\r\n {...rest}\r\n />\r\n {label && (\r\n <label htmlFor={inputId} className=\"ml-2 text-sm text-silver cursor-pointer select-none\">\r\n {label}\r\n </label>\r\n )}\r\n </div>\r\n )\r\n }\r\n)\r\n\r\nCheckbox.displayName = 'Checkbox'\r\n\r\nexport default Checkbox\r\n","import React from 'react'\r\n\r\nexport interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement> {\r\n label?: string\r\n}\r\n\r\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\r\n return classes.filter(Boolean).join(' ')\r\n}\r\n\r\nexport const Radio = React.forwardRef<HTMLInputElement, RadioProps>(\r\n ({ className, label, id, ...rest }, ref) => {\r\n const inputId = id || rest.name || Math.random().toString(36).substr(2, 9)\r\n\r\n return (\r\n <div className=\"flex items-center\">\r\n <input\r\n type=\"radio\"\r\n id={inputId}\r\n ref={ref}\r\n className={cx('radio', className)}\r\n {...rest}\r\n />\r\n {label && (\r\n <label htmlFor={inputId} className=\"ml-2 text-sm text-silver cursor-pointer select-none\">\r\n {label}\r\n </label>\r\n )}\r\n </div>\r\n )\r\n }\r\n)\r\n\r\nRadio.displayName = 'Radio'\r\n\r\nexport default Radio\r\n","import React, { useState } from 'react'\r\n\r\nexport interface SwitchProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {\r\n checked?: boolean\r\n defaultChecked?: boolean\r\n onCheckedChange?: (checked: boolean) => void\r\n label?: string\r\n}\r\n\r\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\r\n return classes.filter(Boolean).join(' ')\r\n}\r\n\r\nexport const Switch = React.forwardRef<HTMLButtonElement, SwitchProps>(\r\n ({ checked: controlledChecked, defaultChecked = false, onCheckedChange, disabled, className, label, ...rest }, ref) => {\r\n const [internalChecked, setInternalChecked] = useState(defaultChecked)\r\n const isControlled = controlledChecked !== undefined\r\n const checked = isControlled ? controlledChecked : internalChecked\r\n\r\n const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\r\n if (disabled) return\r\n const newChecked = !checked\r\n if (!isControlled) {\r\n setInternalChecked(newChecked)\r\n }\r\n onCheckedChange?.(newChecked)\r\n rest.onClick?.(e)\r\n }\r\n\r\n return (\r\n <div className=\"flex items-center gap-2\">\r\n <button\r\n type=\"button\"\r\n role=\"switch\"\r\n aria-checked={checked}\r\n data-state={checked ? 'checked' : 'unchecked'}\r\n disabled={disabled}\r\n ref={ref}\r\n onClick={handleClick}\r\n className={cx('switch', className)}\r\n {...rest}\r\n >\r\n <span className=\"switch-thumb\" />\r\n </button>\r\n {label && (\r\n <span className=\"text-sm text-silver cursor-pointer\" onClick={() => !disabled && handleClick({} as any)}>\r\n {label}\r\n </span>\r\n )}\r\n </div>\r\n )\r\n }\r\n)\r\n\r\nSwitch.displayName = 'Switch'\r\n\r\nexport default Switch\r\n","import React from 'react'\r\nimport { Info, CheckCircle, AlertTriangle, XCircle } from 'lucide-react'\r\n\r\nexport type AlertVariant = 'info' | 'success' | 'warning' | 'error'\r\n\r\nexport interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {\r\n variant?: AlertVariant\r\n title?: string\r\n}\r\n\r\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\r\n return classes.filter(Boolean).join(' ')\r\n}\r\n\r\nconst icons = {\r\n info: Info,\r\n success: CheckCircle,\r\n warning: AlertTriangle,\r\n error: XCircle,\r\n}\r\n\r\nexport const Alert = React.forwardRef<HTMLDivElement, AlertProps>(\r\n ({ variant = 'info', title, children, className, ...rest }, ref) => {\r\n const Icon = icons[variant]\r\n const variantClass = `alert-${variant}`\r\n\r\n return (\r\n <div\r\n ref={ref}\r\n role=\"alert\"\r\n className={cx('alert', variantClass, 'flex gap-3', className)}\r\n {...rest}\r\n >\r\n <Icon className=\"h-5 w-5 shrink-0\" />\r\n <div className=\"flex-1\">\r\n {title && <h5 className=\"mb-1 font-medium leading-none tracking-tight text-current\">{title}</h5>}\r\n <div className=\"text-sm opacity-90\">{children}</div>\r\n </div>\r\n </div>\r\n )\r\n }\r\n)\r\n\r\nAlert.displayName = 'Alert'\r\n\r\nexport default Alert\r\n","import React from 'react'\r\n\r\nexport interface SpinnerProps extends React.SVGAttributes<SVGElement> {\r\n size?: 'sm' | 'md' | 'lg'\r\n}\r\n\r\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\r\n return classes.filter(Boolean).join(' ')\r\n}\r\n\r\nexport const Spinner = ({ className, size = 'md', ...rest }: SpinnerProps) => {\r\n const sizeClass =\r\n size === 'sm' ? 'h-4 w-4' : size === 'lg' ? 'h-8 w-8' : 'h-6 w-6'\r\n\r\n return (\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"2\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n className={cx('animate-spin text-gold', sizeClass, className)}\r\n {...rest}\r\n >\r\n <path d=\"M21 12a9 9 0 1 1-6.219-8.56\" />\r\n </svg>\r\n )\r\n}\r\n\r\nSpinner.displayName = 'Spinner'\r\n\r\nexport default Spinner\r\n","import React from 'react'\r\n\r\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {}\r\n\r\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\r\n return classes.filter(Boolean).join(' ')\r\n}\r\n\r\nexport const Skeleton = React.forwardRef<HTMLDivElement, SkeletonProps>(\r\n ({ className, ...rest }, ref) => {\r\n return (\r\n <div\r\n ref={ref}\r\n className={cx('animate-pulse bg-ash rounded-sm', className)}\r\n {...rest}\r\n />\r\n )\r\n }\r\n)\r\n\r\nSkeleton.displayName = 'Skeleton'\r\n\r\nexport default Skeleton\r\n","import React, { useEffect, useState } from 'react'\r\nimport { createPortal } from 'react-dom'\r\nimport { X } from 'lucide-react'\r\n\r\nexport interface ModalProps {\r\n isOpen: boolean\r\n onClose: () => void\r\n title?: string\r\n children: React.ReactNode\r\n className?: string\r\n}\r\n\r\nfunction cx(...classes: Array<string | number | false | null | undefined>) {\r\n return classes.filter(Boolean).join(' ')\r\n}\r\n\r\nexport const Modal = ({ isOpen, onClose, title, children, className }: ModalProps) => {\r\n const [mounted, setMounted] = useState(false)\r\n\r\n useEffect(() => {\r\n setMounted(true)\r\n }, [])\r\n\r\n useEffect(() => {\r\n if (isOpen) {\r\n const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth\r\n document.body.style.overflow = 'hidden'\r\n document.body.style.paddingRight = `${scrollbarWidth}px`\r\n } else {\r\n document.body.style.overflow = 'unset'\r\n document.body.style.paddingRight = '0px'\r\n }\r\n return () => {\r\n document.body.style.overflow = 'unset'\r\n document.body.style.paddingRight = '0px'\r\n }\r\n }, [isOpen])\r\n\r\n useEffect(() => {\r\n const handleEsc = (e: KeyboardEvent) => {\r\n if (e.key === 'Escape') onClose()\r\n }\r\n window.addEventListener('keydown', handleEsc)\r\n return () => window.removeEventListener('keydown', handleEsc)\r\n }, [onClose])\r\n\r\n if (!mounted) return null\r\n\r\n // Don't render anything if closed, unless we want exit animations. \r\n // My CSS relies on data-state, but if I unmount immediately, exit animation won't play.\r\n // To support exit animations, I'd need a transition manager (like framer-motion or headlessui).\r\n // For this simple implementation, I'll render conditionally. \r\n // If I want animation, I need to keep it mounted until animation ends.\r\n // Given the prompt \"add all suggestions\" and \"premium\", a simple unmount is acceptable for v1 without heavy deps.\r\n // However, the CSS I wrote has `data-state=closed`. \r\n // Without a transition library, handling exit animation is tricky. \r\n // I'll just conditional render for now. The entry animation `animate-fade-in` will play.\r\n \r\n if (!isOpen) return null;\r\n\r\n const content = (\r\n <div className=\"fixed inset-0 z-50 flex items-center justify-center p-4 sm:p-6\" onClick={onClose}>\r\n <div className=\"modal-backdrop\" aria-hidden=\"true\" />\r\n <div\r\n role=\"dialog\"\r\n aria-modal=\"true\"\r\n className={cx('modal-content relative', className)}\r\n data-state=\"open\"\r\n onClick={(e) => e.stopPropagation()}\r\n >\r\n <div className=\"flex items-center justify-between mb-2\">\r\n {title ? <h3 className=\"text-xl font-semibold text-white m-0\">{title}</h3> : <div />}\r\n <button onClick={onClose} className=\"text-silver hover:text-white transition-colors ml-auto\">\r\n <X className=\"h-5 w-5\" />\r\n <span className=\"sr-only\">Close</span>\r\n </button>\r\n </div>\r\n <div>{children}</div>\r\n </div>\r\n </div>\r\n )\r\n\r\n return createPortal(content, document.body)\r\n}\r\n\r\nModal.displayName = 'Modal'\r\n\r\nexport default Modal\r\n"],"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
ADDED
|
@@ -0,0 +1,505 @@
|
|
|
1
|
+
import {
|
|
2
|
+
tailwind_preset_default
|
|
3
|
+
} from "./chunk-7DDWFQNU.mjs";
|
|
4
|
+
import {
|
|
5
|
+
colors,
|
|
6
|
+
duration,
|
|
7
|
+
easing,
|
|
8
|
+
radii,
|
|
9
|
+
shadows,
|
|
10
|
+
spacing,
|
|
11
|
+
typography
|
|
12
|
+
} from "./chunk-OPJXDW4C.mjs";
|
|
13
|
+
|
|
14
|
+
// src/components/Button.tsx
|
|
15
|
+
import React from "react";
|
|
16
|
+
function cx(...classes) {
|
|
17
|
+
return classes.filter(Boolean).join(" ");
|
|
18
|
+
}
|
|
19
|
+
var Button = React.forwardRef(
|
|
20
|
+
({ variant = "primary", size = "md", loading = false, className, disabled, children, ...rest }, ref) => {
|
|
21
|
+
const isDisabled = disabled || loading;
|
|
22
|
+
const variantClass = variant === "primary" ? "btn-primary" : variant === "important" ? "btn-important" : variant === "elevated" ? "btn-elevated" : variant === "outlined" ? "btn-outlined" : variant === "featured" ? "btn-featured" : variant === "ghost" ? "btn-ghost" : "btn-danger";
|
|
23
|
+
const sizeClass = `btn-${size}`;
|
|
24
|
+
return /* @__PURE__ */ React.createElement(
|
|
25
|
+
"button",
|
|
26
|
+
{
|
|
27
|
+
ref,
|
|
28
|
+
className: cx("btn", variantClass, sizeClass, loading && "opacity-80", className),
|
|
29
|
+
disabled: isDisabled,
|
|
30
|
+
...rest
|
|
31
|
+
},
|
|
32
|
+
loading && /* @__PURE__ */ React.createElement(
|
|
33
|
+
"span",
|
|
34
|
+
{
|
|
35
|
+
className: "mr-2 inline-block h-4 w-4 animate-pulse rounded-full bg-gold",
|
|
36
|
+
"aria-hidden": true
|
|
37
|
+
}
|
|
38
|
+
),
|
|
39
|
+
children
|
|
40
|
+
);
|
|
41
|
+
}
|
|
42
|
+
);
|
|
43
|
+
Button.displayName = "Button";
|
|
44
|
+
|
|
45
|
+
// src/components/Input.tsx
|
|
46
|
+
import React2 from "react";
|
|
47
|
+
function cx2(...classes) {
|
|
48
|
+
return classes.filter(Boolean).join(" ");
|
|
49
|
+
}
|
|
50
|
+
var Input = React2.forwardRef(
|
|
51
|
+
({ error = false, className, leadingIcon, trailingIcon, disabled, ...rest }, ref) => {
|
|
52
|
+
const base = "input";
|
|
53
|
+
const errorCls = error ? "input-error" : "";
|
|
54
|
+
return /* @__PURE__ */ React2.createElement("div", { className: cx2("relative", disabled && "opacity-90") }, leadingIcon && /* @__PURE__ */ React2.createElement("span", { className: "pointer-events-none absolute inset-y-0 left-3 flex items-center text-silver" }, leadingIcon), /* @__PURE__ */ React2.createElement(
|
|
55
|
+
"input",
|
|
56
|
+
{
|
|
57
|
+
ref,
|
|
58
|
+
className: cx2(
|
|
59
|
+
base,
|
|
60
|
+
errorCls,
|
|
61
|
+
(leadingIcon || trailingIcon) && "pl-9 pr-9",
|
|
62
|
+
className
|
|
63
|
+
),
|
|
64
|
+
disabled,
|
|
65
|
+
...rest
|
|
66
|
+
}
|
|
67
|
+
), trailingIcon && /* @__PURE__ */ React2.createElement("span", { className: "pointer-events-none absolute inset-y-0 right-3 flex items-center text-silver" }, trailingIcon));
|
|
68
|
+
}
|
|
69
|
+
);
|
|
70
|
+
Input.displayName = "Input";
|
|
71
|
+
|
|
72
|
+
// src/components/Card.tsx
|
|
73
|
+
import React3 from "react";
|
|
74
|
+
function cx3(...classes) {
|
|
75
|
+
return classes.filter(Boolean).join(" ");
|
|
76
|
+
}
|
|
77
|
+
var Card = React3.forwardRef(
|
|
78
|
+
({ variant = "default", interactive = false, className, ...rest }, ref) => {
|
|
79
|
+
const base = "card";
|
|
80
|
+
const variantClass = variant === "elevated" ? "card-elevated" : variant === "outlined" ? "card-outlined" : variant === "ghost" ? "bg-transparent shadow-none border-0" : variant === "featured" ? "card-featured" : "";
|
|
81
|
+
const interactiveClass = interactive ? "card-interactive" : "";
|
|
82
|
+
return /* @__PURE__ */ React3.createElement(
|
|
83
|
+
"div",
|
|
84
|
+
{
|
|
85
|
+
ref,
|
|
86
|
+
className: cx3(base, variantClass, interactiveClass, className),
|
|
87
|
+
...rest
|
|
88
|
+
}
|
|
89
|
+
);
|
|
90
|
+
}
|
|
91
|
+
);
|
|
92
|
+
Card.displayName = "Card";
|
|
93
|
+
|
|
94
|
+
// src/components/Avatar.tsx
|
|
95
|
+
import React4 from "react";
|
|
96
|
+
function cx4(...classes) {
|
|
97
|
+
return classes.filter(Boolean).join(" ");
|
|
98
|
+
}
|
|
99
|
+
var sizeMap = {
|
|
100
|
+
xs: "h-6 w-6 text-[10px]",
|
|
101
|
+
sm: "h-8 w-8 text-[11px]",
|
|
102
|
+
md: "h-10 w-10 text-xs",
|
|
103
|
+
lg: "h-12 w-12 text-sm",
|
|
104
|
+
xl: "h-16 w-16 text-base",
|
|
105
|
+
"2xl": "h-24 w-24 text-lg"
|
|
106
|
+
};
|
|
107
|
+
function initials(name) {
|
|
108
|
+
if (!name) return "";
|
|
109
|
+
const parts = name.trim().split(/\s+/);
|
|
110
|
+
return parts.slice(0, 2).map((p) => p[0].toUpperCase()).join("");
|
|
111
|
+
}
|
|
112
|
+
var Avatar = React4.forwardRef(
|
|
113
|
+
({ src, alt = "", name, size = "md", status, className, ...rest }, ref) => {
|
|
114
|
+
const statusColor = status === "online" ? "bg-success" : status === "busy" ? "bg-warning" : "bg-zinc";
|
|
115
|
+
return /* @__PURE__ */ React4.createElement(
|
|
116
|
+
"div",
|
|
117
|
+
{
|
|
118
|
+
ref,
|
|
119
|
+
className: cx4(
|
|
120
|
+
"relative inline-flex items-center justify-center rounded-full border-2 border-ash bg-slate text-silver font-semibold select-none overflow-hidden",
|
|
121
|
+
sizeMap[size],
|
|
122
|
+
className
|
|
123
|
+
),
|
|
124
|
+
...rest
|
|
125
|
+
},
|
|
126
|
+
src ? (
|
|
127
|
+
// eslint-disable-next-line @next/next/no-img-element
|
|
128
|
+
/* @__PURE__ */ React4.createElement("img", { src, alt: alt || name || "Avatar", className: "h-full w-full object-cover" })
|
|
129
|
+
) : /* @__PURE__ */ React4.createElement("span", { "aria-hidden": true }, initials(name) || "\xB7"),
|
|
130
|
+
status && /* @__PURE__ */ React4.createElement(
|
|
131
|
+
"span",
|
|
132
|
+
{
|
|
133
|
+
className: cx4(
|
|
134
|
+
"absolute bottom-0 right-0 rounded-full ring-2 ring-charcoal",
|
|
135
|
+
// 25% of avatar size
|
|
136
|
+
size === "xs" ? "h-1.5 w-1.5" : size === "sm" ? "h-2 w-2" : size === "md" ? "h-2.5 w-2.5" : size === "lg" ? "h-3 w-3" : size === "xl" ? "h-4 w-4" : "h-5 w-5",
|
|
137
|
+
statusColor
|
|
138
|
+
)
|
|
139
|
+
}
|
|
140
|
+
)
|
|
141
|
+
);
|
|
142
|
+
}
|
|
143
|
+
);
|
|
144
|
+
Avatar.displayName = "Avatar";
|
|
145
|
+
|
|
146
|
+
// src/components/Badge.tsx
|
|
147
|
+
import React5 from "react";
|
|
148
|
+
function cx5(...classes) {
|
|
149
|
+
return classes.filter(Boolean).join(" ");
|
|
150
|
+
}
|
|
151
|
+
var Badge = React5.forwardRef(
|
|
152
|
+
({ variant = "default", className, ...rest }, ref) => {
|
|
153
|
+
const variantClass = variant === "gold" ? "badge-gold" : variant === "success" ? "badge-success" : variant === "error" ? "badge-error" : variant === "warning" ? "bg-warning/20 text-warning border-warning/30" : variant === "info" ? "bg-info/20 text-info border-info/30" : "badge-default";
|
|
154
|
+
return /* @__PURE__ */ React5.createElement("span", { ref, className: cx5("badge", variantClass, className), ...rest });
|
|
155
|
+
}
|
|
156
|
+
);
|
|
157
|
+
Badge.displayName = "Badge";
|
|
158
|
+
|
|
159
|
+
// src/components/Tooltip.tsx
|
|
160
|
+
import React6 from "react";
|
|
161
|
+
function cx6(...classes) {
|
|
162
|
+
return classes.filter(Boolean).join(" ");
|
|
163
|
+
}
|
|
164
|
+
var Tooltip = ({ content, children, open = false, side = "top" }) => {
|
|
165
|
+
return /* @__PURE__ */ React6.createElement("span", { className: "relative inline-block" }, children, /* @__PURE__ */ React6.createElement(
|
|
166
|
+
"span",
|
|
167
|
+
{
|
|
168
|
+
role: "tooltip",
|
|
169
|
+
className: cx6(
|
|
170
|
+
"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",
|
|
171
|
+
open ? "opacity-100" : "opacity-0",
|
|
172
|
+
side === "top" && "left-1/2 -translate-x-1/2 -top-2 translate-y-[-100%]",
|
|
173
|
+
side === "bottom" && "left-1/2 -translate-x-1/2 -bottom-2 translate-y-[100%]",
|
|
174
|
+
side === "left" && "top-1/2 -translate-y-1/2 -left-2 -translate-x-[100%]",
|
|
175
|
+
side === "right" && "top-1/2 -translate-y-1/2 -right-2 translate-x-[100%]"
|
|
176
|
+
)
|
|
177
|
+
},
|
|
178
|
+
content
|
|
179
|
+
));
|
|
180
|
+
};
|
|
181
|
+
|
|
182
|
+
// src/components/Label.tsx
|
|
183
|
+
import React7 from "react";
|
|
184
|
+
function cx7(...classes) {
|
|
185
|
+
return classes.filter(Boolean).join(" ");
|
|
186
|
+
}
|
|
187
|
+
var Label = React7.forwardRef(
|
|
188
|
+
({ className, required, children, ...rest }, ref) => {
|
|
189
|
+
return /* @__PURE__ */ React7.createElement(
|
|
190
|
+
"label",
|
|
191
|
+
{
|
|
192
|
+
ref,
|
|
193
|
+
className: cx7("label", required && "label-required", className),
|
|
194
|
+
...rest
|
|
195
|
+
},
|
|
196
|
+
children
|
|
197
|
+
);
|
|
198
|
+
}
|
|
199
|
+
);
|
|
200
|
+
Label.displayName = "Label";
|
|
201
|
+
|
|
202
|
+
// src/components/HelperText.tsx
|
|
203
|
+
import React8 from "react";
|
|
204
|
+
function cx8(...classes) {
|
|
205
|
+
return classes.filter(Boolean).join(" ");
|
|
206
|
+
}
|
|
207
|
+
var HelperText = React8.forwardRef(
|
|
208
|
+
({ className, error, children, ...rest }, ref) => {
|
|
209
|
+
return /* @__PURE__ */ React8.createElement(
|
|
210
|
+
"p",
|
|
211
|
+
{
|
|
212
|
+
ref,
|
|
213
|
+
className: cx8("mt-1.5 text-xs", error ? "text-error" : "text-silver", className),
|
|
214
|
+
...rest
|
|
215
|
+
},
|
|
216
|
+
children
|
|
217
|
+
);
|
|
218
|
+
}
|
|
219
|
+
);
|
|
220
|
+
HelperText.displayName = "HelperText";
|
|
221
|
+
|
|
222
|
+
// src/components/Textarea.tsx
|
|
223
|
+
import React9 from "react";
|
|
224
|
+
function cx9(...classes) {
|
|
225
|
+
return classes.filter(Boolean).join(" ");
|
|
226
|
+
}
|
|
227
|
+
var Textarea = React9.forwardRef(
|
|
228
|
+
({ error = false, className, disabled, ...rest }, ref) => {
|
|
229
|
+
const base = "textarea";
|
|
230
|
+
const errorCls = error ? "border-error focus:border-error focus:ring-error" : "";
|
|
231
|
+
return /* @__PURE__ */ React9.createElement(
|
|
232
|
+
"textarea",
|
|
233
|
+
{
|
|
234
|
+
ref,
|
|
235
|
+
className: cx9(base, errorCls, disabled && "opacity-90", className),
|
|
236
|
+
disabled,
|
|
237
|
+
...rest
|
|
238
|
+
}
|
|
239
|
+
);
|
|
240
|
+
}
|
|
241
|
+
);
|
|
242
|
+
Textarea.displayName = "Textarea";
|
|
243
|
+
|
|
244
|
+
// src/components/Select.tsx
|
|
245
|
+
import React10 from "react";
|
|
246
|
+
function cx10(...classes) {
|
|
247
|
+
return classes.filter(Boolean).join(" ");
|
|
248
|
+
}
|
|
249
|
+
var Select = React10.forwardRef(
|
|
250
|
+
({ error = false, className, disabled, options, children, ...rest }, ref) => {
|
|
251
|
+
const base = "select";
|
|
252
|
+
const errorCls = error ? "border-error focus:border-error focus:ring-error" : "";
|
|
253
|
+
return /* @__PURE__ */ React10.createElement(
|
|
254
|
+
"select",
|
|
255
|
+
{
|
|
256
|
+
ref,
|
|
257
|
+
className: cx10(base, errorCls, disabled && "opacity-90", className),
|
|
258
|
+
disabled,
|
|
259
|
+
...rest
|
|
260
|
+
},
|
|
261
|
+
options ? options.map((opt) => /* @__PURE__ */ React10.createElement("option", { key: opt.value, value: opt.value }, opt.label)) : children
|
|
262
|
+
);
|
|
263
|
+
}
|
|
264
|
+
);
|
|
265
|
+
Select.displayName = "Select";
|
|
266
|
+
|
|
267
|
+
// src/components/Checkbox.tsx
|
|
268
|
+
import React11 from "react";
|
|
269
|
+
function cx11(...classes) {
|
|
270
|
+
return classes.filter(Boolean).join(" ");
|
|
271
|
+
}
|
|
272
|
+
var Checkbox = React11.forwardRef(
|
|
273
|
+
({ className, label, id, ...rest }, ref) => {
|
|
274
|
+
const inputId = id || rest.name || Math.random().toString(36).substr(2, 9);
|
|
275
|
+
return /* @__PURE__ */ React11.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React11.createElement(
|
|
276
|
+
"input",
|
|
277
|
+
{
|
|
278
|
+
type: "checkbox",
|
|
279
|
+
id: inputId,
|
|
280
|
+
ref,
|
|
281
|
+
className: cx11("checkbox", className),
|
|
282
|
+
...rest
|
|
283
|
+
}
|
|
284
|
+
), label && /* @__PURE__ */ React11.createElement("label", { htmlFor: inputId, className: "ml-2 text-sm text-silver cursor-pointer select-none" }, label));
|
|
285
|
+
}
|
|
286
|
+
);
|
|
287
|
+
Checkbox.displayName = "Checkbox";
|
|
288
|
+
|
|
289
|
+
// src/components/Radio.tsx
|
|
290
|
+
import React12 from "react";
|
|
291
|
+
function cx12(...classes) {
|
|
292
|
+
return classes.filter(Boolean).join(" ");
|
|
293
|
+
}
|
|
294
|
+
var Radio = React12.forwardRef(
|
|
295
|
+
({ className, label, id, ...rest }, ref) => {
|
|
296
|
+
const inputId = id || rest.name || Math.random().toString(36).substr(2, 9);
|
|
297
|
+
return /* @__PURE__ */ React12.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React12.createElement(
|
|
298
|
+
"input",
|
|
299
|
+
{
|
|
300
|
+
type: "radio",
|
|
301
|
+
id: inputId,
|
|
302
|
+
ref,
|
|
303
|
+
className: cx12("radio", className),
|
|
304
|
+
...rest
|
|
305
|
+
}
|
|
306
|
+
), label && /* @__PURE__ */ React12.createElement("label", { htmlFor: inputId, className: "ml-2 text-sm text-silver cursor-pointer select-none" }, label));
|
|
307
|
+
}
|
|
308
|
+
);
|
|
309
|
+
Radio.displayName = "Radio";
|
|
310
|
+
|
|
311
|
+
// src/components/Switch.tsx
|
|
312
|
+
import React13, { useState } from "react";
|
|
313
|
+
function cx13(...classes) {
|
|
314
|
+
return classes.filter(Boolean).join(" ");
|
|
315
|
+
}
|
|
316
|
+
var Switch = React13.forwardRef(
|
|
317
|
+
({ checked: controlledChecked, defaultChecked = false, onCheckedChange, disabled, className, label, ...rest }, ref) => {
|
|
318
|
+
const [internalChecked, setInternalChecked] = useState(defaultChecked);
|
|
319
|
+
const isControlled = controlledChecked !== void 0;
|
|
320
|
+
const checked = isControlled ? controlledChecked : internalChecked;
|
|
321
|
+
const handleClick = (e) => {
|
|
322
|
+
if (disabled) return;
|
|
323
|
+
const newChecked = !checked;
|
|
324
|
+
if (!isControlled) {
|
|
325
|
+
setInternalChecked(newChecked);
|
|
326
|
+
}
|
|
327
|
+
onCheckedChange?.(newChecked);
|
|
328
|
+
rest.onClick?.(e);
|
|
329
|
+
};
|
|
330
|
+
return /* @__PURE__ */ React13.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React13.createElement(
|
|
331
|
+
"button",
|
|
332
|
+
{
|
|
333
|
+
type: "button",
|
|
334
|
+
role: "switch",
|
|
335
|
+
"aria-checked": checked,
|
|
336
|
+
"data-state": checked ? "checked" : "unchecked",
|
|
337
|
+
disabled,
|
|
338
|
+
ref,
|
|
339
|
+
onClick: handleClick,
|
|
340
|
+
className: cx13("switch", className),
|
|
341
|
+
...rest
|
|
342
|
+
},
|
|
343
|
+
/* @__PURE__ */ React13.createElement("span", { className: "switch-thumb" })
|
|
344
|
+
), label && /* @__PURE__ */ React13.createElement("span", { className: "text-sm text-silver cursor-pointer", onClick: () => !disabled && handleClick({}) }, label));
|
|
345
|
+
}
|
|
346
|
+
);
|
|
347
|
+
Switch.displayName = "Switch";
|
|
348
|
+
|
|
349
|
+
// src/components/Alert.tsx
|
|
350
|
+
import React14 from "react";
|
|
351
|
+
import { Info, CheckCircle, AlertTriangle, XCircle } from "lucide-react";
|
|
352
|
+
function cx14(...classes) {
|
|
353
|
+
return classes.filter(Boolean).join(" ");
|
|
354
|
+
}
|
|
355
|
+
var icons = {
|
|
356
|
+
info: Info,
|
|
357
|
+
success: CheckCircle,
|
|
358
|
+
warning: AlertTriangle,
|
|
359
|
+
error: XCircle
|
|
360
|
+
};
|
|
361
|
+
var Alert = React14.forwardRef(
|
|
362
|
+
({ variant = "info", title, children, className, ...rest }, ref) => {
|
|
363
|
+
const Icon = icons[variant];
|
|
364
|
+
const variantClass = `alert-${variant}`;
|
|
365
|
+
return /* @__PURE__ */ React14.createElement(
|
|
366
|
+
"div",
|
|
367
|
+
{
|
|
368
|
+
ref,
|
|
369
|
+
role: "alert",
|
|
370
|
+
className: cx14("alert", variantClass, "flex gap-3", className),
|
|
371
|
+
...rest
|
|
372
|
+
},
|
|
373
|
+
/* @__PURE__ */ React14.createElement(Icon, { className: "h-5 w-5 shrink-0" }),
|
|
374
|
+
/* @__PURE__ */ React14.createElement("div", { className: "flex-1" }, title && /* @__PURE__ */ React14.createElement("h5", { className: "mb-1 font-medium leading-none tracking-tight text-current" }, title), /* @__PURE__ */ React14.createElement("div", { className: "text-sm opacity-90" }, children))
|
|
375
|
+
);
|
|
376
|
+
}
|
|
377
|
+
);
|
|
378
|
+
Alert.displayName = "Alert";
|
|
379
|
+
|
|
380
|
+
// src/components/Spinner.tsx
|
|
381
|
+
import React15 from "react";
|
|
382
|
+
function cx15(...classes) {
|
|
383
|
+
return classes.filter(Boolean).join(" ");
|
|
384
|
+
}
|
|
385
|
+
var Spinner = ({ className, size = "md", ...rest }) => {
|
|
386
|
+
const sizeClass = size === "sm" ? "h-4 w-4" : size === "lg" ? "h-8 w-8" : "h-6 w-6";
|
|
387
|
+
return /* @__PURE__ */ React15.createElement(
|
|
388
|
+
"svg",
|
|
389
|
+
{
|
|
390
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
391
|
+
viewBox: "0 0 24 24",
|
|
392
|
+
fill: "none",
|
|
393
|
+
stroke: "currentColor",
|
|
394
|
+
strokeWidth: "2",
|
|
395
|
+
strokeLinecap: "round",
|
|
396
|
+
strokeLinejoin: "round",
|
|
397
|
+
className: cx15("animate-spin text-gold", sizeClass, className),
|
|
398
|
+
...rest
|
|
399
|
+
},
|
|
400
|
+
/* @__PURE__ */ React15.createElement("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
|
|
401
|
+
);
|
|
402
|
+
};
|
|
403
|
+
Spinner.displayName = "Spinner";
|
|
404
|
+
|
|
405
|
+
// src/components/Skeleton.tsx
|
|
406
|
+
import React16 from "react";
|
|
407
|
+
function cx16(...classes) {
|
|
408
|
+
return classes.filter(Boolean).join(" ");
|
|
409
|
+
}
|
|
410
|
+
var Skeleton = React16.forwardRef(
|
|
411
|
+
({ className, ...rest }, ref) => {
|
|
412
|
+
return /* @__PURE__ */ React16.createElement(
|
|
413
|
+
"div",
|
|
414
|
+
{
|
|
415
|
+
ref,
|
|
416
|
+
className: cx16("animate-pulse bg-ash rounded-sm", className),
|
|
417
|
+
...rest
|
|
418
|
+
}
|
|
419
|
+
);
|
|
420
|
+
}
|
|
421
|
+
);
|
|
422
|
+
Skeleton.displayName = "Skeleton";
|
|
423
|
+
|
|
424
|
+
// src/components/Modal.tsx
|
|
425
|
+
import React17, { useEffect, useState as useState2 } from "react";
|
|
426
|
+
import { createPortal } from "react-dom";
|
|
427
|
+
import { X } from "lucide-react";
|
|
428
|
+
function cx17(...classes) {
|
|
429
|
+
return classes.filter(Boolean).join(" ");
|
|
430
|
+
}
|
|
431
|
+
var Modal = ({ isOpen, onClose, title, children, className }) => {
|
|
432
|
+
const [mounted, setMounted] = useState2(false);
|
|
433
|
+
useEffect(() => {
|
|
434
|
+
setMounted(true);
|
|
435
|
+
}, []);
|
|
436
|
+
useEffect(() => {
|
|
437
|
+
if (isOpen) {
|
|
438
|
+
const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
|
|
439
|
+
document.body.style.overflow = "hidden";
|
|
440
|
+
document.body.style.paddingRight = `${scrollbarWidth}px`;
|
|
441
|
+
} else {
|
|
442
|
+
document.body.style.overflow = "unset";
|
|
443
|
+
document.body.style.paddingRight = "0px";
|
|
444
|
+
}
|
|
445
|
+
return () => {
|
|
446
|
+
document.body.style.overflow = "unset";
|
|
447
|
+
document.body.style.paddingRight = "0px";
|
|
448
|
+
};
|
|
449
|
+
}, [isOpen]);
|
|
450
|
+
useEffect(() => {
|
|
451
|
+
const handleEsc = (e) => {
|
|
452
|
+
if (e.key === "Escape") onClose();
|
|
453
|
+
};
|
|
454
|
+
window.addEventListener("keydown", handleEsc);
|
|
455
|
+
return () => window.removeEventListener("keydown", handleEsc);
|
|
456
|
+
}, [onClose]);
|
|
457
|
+
if (!mounted) return null;
|
|
458
|
+
if (!isOpen) return null;
|
|
459
|
+
const content = /* @__PURE__ */ React17.createElement("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4 sm:p-6", onClick: onClose }, /* @__PURE__ */ React17.createElement("div", { className: "modal-backdrop", "aria-hidden": "true" }), /* @__PURE__ */ React17.createElement(
|
|
460
|
+
"div",
|
|
461
|
+
{
|
|
462
|
+
role: "dialog",
|
|
463
|
+
"aria-modal": "true",
|
|
464
|
+
className: cx17("modal-content relative", className),
|
|
465
|
+
"data-state": "open",
|
|
466
|
+
onClick: (e) => e.stopPropagation()
|
|
467
|
+
},
|
|
468
|
+
/* @__PURE__ */ React17.createElement("div", { className: "flex items-center justify-between mb-2" }, title ? /* @__PURE__ */ React17.createElement("h3", { className: "text-xl font-semibold text-white m-0" }, title) : /* @__PURE__ */ React17.createElement("div", null), /* @__PURE__ */ React17.createElement("button", { onClick: onClose, className: "text-silver hover:text-white transition-colors ml-auto" }, /* @__PURE__ */ React17.createElement(X, { className: "h-5 w-5" }), /* @__PURE__ */ React17.createElement("span", { className: "sr-only" }, "Close"))),
|
|
469
|
+
/* @__PURE__ */ React17.createElement("div", null, children)
|
|
470
|
+
));
|
|
471
|
+
return createPortal(content, document.body);
|
|
472
|
+
};
|
|
473
|
+
Modal.displayName = "Modal";
|
|
474
|
+
|
|
475
|
+
// src/index.ts
|
|
476
|
+
var version = "1.0.0";
|
|
477
|
+
export {
|
|
478
|
+
Alert,
|
|
479
|
+
Avatar,
|
|
480
|
+
Badge,
|
|
481
|
+
Button,
|
|
482
|
+
Card,
|
|
483
|
+
Checkbox,
|
|
484
|
+
HelperText,
|
|
485
|
+
Input,
|
|
486
|
+
Label,
|
|
487
|
+
Modal,
|
|
488
|
+
Radio,
|
|
489
|
+
Select,
|
|
490
|
+
Skeleton,
|
|
491
|
+
Spinner,
|
|
492
|
+
Switch,
|
|
493
|
+
Textarea,
|
|
494
|
+
Tooltip,
|
|
495
|
+
colors,
|
|
496
|
+
duration,
|
|
497
|
+
easing,
|
|
498
|
+
radii,
|
|
499
|
+
shadows,
|
|
500
|
+
spacing,
|
|
501
|
+
tailwind_preset_default as tailwindPreset,
|
|
502
|
+
typography,
|
|
503
|
+
version
|
|
504
|
+
};
|
|
505
|
+
//# sourceMappingURL=index.mjs.map
|