"use strict";
/**
 * Design tokens for React Native components
 * Inspired by shadcn/ui but adapted for React Native styling
 */
Object.defineProperty(exports, "__esModule", { value: true });
exports.breakpoints = exports.animations = exports.touchTargets = exports.shadows = exports.fontFamilies = exports.typography = exports.borderRadius = exports.spacing = exports.colors = void 0;
exports.colors = {
    // Primary colors
    primary: {
        50: "#eff6ff",
        100: "#dbeafe",
        200: "#bfdbfe",
        300: "#93c5fd",
        400: "#60a5fa",
        500: "#3b82f6",
        600: "#2563eb",
        700: "#1d4ed8",
        800: "#1e40af",
        900: "#1e3a8a",
        950: "#172554",
    },
    // Tailwind default palettes:
    slate: {
        50: "#f8fafc",
        100: "#f1f5f9",
        200: "#e2e8f0",
        300: "#cbd5e1",
        400: "#94a3b8",
        500: "#64748b",
        600: "#475569",
        700: "#334155",
        800: "#1e293b",
        900: "#0f172a",
        950: "#020617",
    },
    gray: {
        50: "#f9fafb",
        100: "#f3f4f6",
        200: "#e5e7eb",
        300: "#d1d5db",
        400: "#9ca3af",
        500: "#6b7280",
        600: "#4b5563",
        700: "#374151",
        800: "#1f2937",
        900: "#111827",
        950: "#030712",
    },
    zinc: {
        50: "#fafafa",
        100: "#f4f4f5",
        200: "#e4e4e7",
        300: "#d4d4d8",
        400: "#a1a1aa",
        500: "#71717a",
        600: "#52525b",
        700: "#3f3f46",
        800: "#27272a",
        900: "#18181b",
        950: "#09090b",
    },
    neutral: {
        50: "#fafaf9",
        100: "#f5f5f4",
        200: "#e7e5e4",
        300: "#d6d3d1",
        400: "#a8a29e",
        500: "#78716c",
        600: "#57534e",
        700: "#44403c",
        800: "#292524",
        900: "#1c1917",
        950: "#0c0a09",
    },
    stone: {
        50: "#fafaf9",
        100: "#f5f5f4",
        200: "#e7e5e4",
        300: "#d6d3d1",
        400: "#a8a29e",
        500: "#78716c",
        600: "#57534e",
        700: "#44403c",
        800: "#292524",
        900: "#1c1917",
        950: "#0c0a09",
    },
    red: {
        50: "#fef2f2",
        100: "#fee2e2",
        200: "#fecaca",
        300: "#fca5a5",
        400: "#f87171",
        500: "#ef4444",
        600: "#dc2626",
        700: "#b91c1c",
        800: "#991b1b",
        900: "#7f1d1d",
        950: "#450a0a",
    },
    orange: {
        50: "#fff7ed",
        100: "#ffedd5",
        200: "#fed7aa",
        300: "#fdba74",
        400: "#fb923c",
        500: "#f97316",
        600: "#ea580c",
        700: "#c2410c",
        800: "#9a3412",
        900: "#7c2d12",
        950: "#431407",
    },
    amber: {
        50: "#fffbeb",
        100: "#fef3c7",
        200: "#fde68a",
        300: "#fcd34d",
        400: "#fbbf24",
        500: "#f59e0b",
        600: "#d97706",
        700: "#b45309",
        800: "#92400e",
        900: "#78350f",
        950: "#451a03",
    },
    yellow: {
        50: "#fefce8",
        100: "#fef9c3",
        200: "#fef08a",
        300: "#fde047",
        400: "#facc15",
        500: "#eab308",
        600: "#ca8a04",
        700: "#a16207",
        800: "#854d0e",
        900: "#713f12",
        950: "#422006",
    },
    lime: {
        50: "#f7fee7",
        100: "#ecfccb",
        200: "#d9f99d",
        300: "#bef264",
        400: "#a3e635",
        500: "#84cc16",
        600: "#65a30d",
        700: "#4d7c0f",
        800: "#3f6212",
        900: "#365314",
        950: "#1a2e05",
    },
    green: {
        50: "#f0fdf4",
        100: "#dcfce7",
        200: "#bbf7d0",
        300: "#86efac",
        400: "#4ade80",
        500: "#22c55e",
        600: "#16a34a",
        700: "#15803d",
        800: "#166534",
        900: "#14532d",
        950: "#052e16",
    },
    emerald: {
        50: "#ecfdf5",
        100: "#d1fae5",
        200: "#a7f3d0",
        300: "#6ee7b7",
        400: "#34d399",
        500: "#10b981",
        600: "#059669",
        700: "#047857",
        800: "#065f46",
        900: "#064e3b",
        950: "#022c22",
    },
    teal: {
        50: "#f0fdfa",
        100: "#ccfbf1",
        200: "#99f6e4",
        300: "#5eead4",
        400: "#2dd4bf",
        500: "#14b8a6",
        600: "#0d9488",
        700: "#0f766e",
        800: "#115e59",
        900: "#134e4a",
        950: "#042f2e",
    },
    cyan: {
        50: "#ecfeff",
        100: "#cffafe",
        200: "#a5f3fc",
        300: "#67e8f9",
        400: "#22d3ee",
        500: "#06b6d4",
        600: "#0891b2",
        700: "#0e7490",
        800: "#155e75",
        900: "#164e63",
        950: "#083344",
    },
    sky: {
        50: "#f0f9ff",
        100: "#e0f2fe",
        200: "#bae6fd",
        300: "#7dd3fc",
        400: "#38bdf8",
        500: "#0ea5e9",
        600: "#0284c7",
        700: "#0369a1",
        800: "#075985",
        900: "#0c4a6e",
        950: "#082f49",
    },
    blue: {
        50: "#eff6ff",
        100: "#dbeafe",
        200: "#bfdbfe",
        300: "#93c5fd",
        400: "#60a5fa",
        500: "#3b82f6",
        600: "#2563eb",
        700: "#1d4ed8",
        800: "#1e40af",
        900: "#1e3a8a",
        950: "#172554",
    },
    indigo: {
        50: "#eef2ff",
        100: "#e0e7ff",
        200: "#c7d2fe",
        300: "#a5b4fc",
        400: "#818cf8",
        500: "#6366f1",
        600: "#4f46e5",
        700: "#4338ca",
        800: "#3730a3",
        900: "#312e81",
        950: "#1e1b4b",
    },
    violet: {
        50: "#f5f3ff",
        100: "#ede9fe",
        200: "#ddd6fe",
        300: "#c4b5fd",
        400: "#a78bfa",
        500: "#8b5cf6",
        600: "#7c3aed",
        700: "#6d28d9",
        800: "#5b21b6",
        900: "#4c1d95",
        950: "#2e1065",
    },
    purple: {
        50: "#faf5ff",
        100: "#f3e8ff",
        200: "#e9d5ff",
        300: "#d8b4fe",
        400: "#c084fc",
        500: "#a855f7",
        600: "#9333ea",
        700: "#7e22ce",
        800: "#6b21a8",
        900: "#581c87",
        950: "#3b0764",
    },
    fuchsia: {
        50: "#fdf4ff",
        100: "#fae8ff",
        200: "#f5d0fe",
        300: "#f0abfc",
        400: "#e879f9",
        500: "#d946ef",
        600: "#c026d3",
        700: "#a21caf",
        800: "#86198f",
        900: "#701a75",
        950: "#4a044e",
    },
    pink: {
        50: "#fdf2f8",
        100: "#fce7f3",
        200: "#fbcfe8",
        300: "#f9a8d4",
        400: "#f472b6",
        500: "#ec4899",
        600: "#db2777",
        700: "#be185d",
        800: "#9d174d",
        900: "#831843",
        950: "#500724",
    },
    rose: {
        50: "#fff1f2",
        100: "#ffe4e6",
        200: "#fecdd3",
        300: "#fda4af",
        400: "#fb7185",
        500: "#f43f5e",
        600: "#e11d48",
        700: "#be123c",
        800: "#9f1239",
        900: "#881337",
        950: "#4c0519",
    },
    // Semantic colors
    destructive: {
        50: "#fef2f2",
        100: "#fee2e2",
        200: "#fecaca",
        300: "#fca5a5",
        400: "#f87171",
        500: "#ef4444",
        600: "#dc2626",
        700: "#b91c1c",
        800: "#991b1b",
        900: "#7f1d1d",
        950: "#450a0a",
    },
    success: {
        50: "#f0fdf4",
        100: "#dcfce7",
        200: "#bbf7d0",
        300: "#86efac",
        400: "#4ade80",
        500: "#22c55e",
        600: "#16a34a",
        700: "#15803d",
        800: "#166534",
        900: "#14532d",
        950: "#052e16",
    },
    warning: {
        50: "#fffaf0",
        100: "#ffe6c7",
        200: "#ffd99e",
        300: "#ffcc75",
        400: "#ffb94e",
        500: "#ff9e1f",
        600: "#e67e00",
        700: "#cc6600",
        800: "#998c00",
        900: "#664200",
        950: "#332900",
    },
    // iOS system colors (adaptive)
    ios: {
        systemBlue: "#007AFF",
        systemGreen: "#34C759",
        systemRed: "#FF3B30",
        systemOrange: "#FF9500",
        systemYellow: "#FFCC00",
        systemPurple: "#AF52DE",
        systemPink: "#FF2D92",
        systemTeal: "#5AC8FA",
        systemIndigo: "#5856D6",
        systemGray: "#8E8E93",
        systemGray2: "#AEAEB2",
        systemGray3: "#C7C7CC",
        systemGray4: "#D1D1D6",
        systemGray5: "#E5E5EA",
        systemGray6: "#F2F2F7",
    },
    // Android Material colors
    android: {
        primary: "#6200EE",
        primaryVariant: "#3700B3",
        secondary: "#03DAC6",
        secondaryVariant: "#018786",
        background: "#FFFFFF",
        surface: "#FFFFFF",
        error: "#B00020",
        onPrimary: "#FFFFFF",
        onSecondary: "#000000",
        onBackground: "#000000",
        onSurface: "#000000",
        onError: "#FFFFFF",
    },
    // Transparent colors
    transparent: "transparent",
    black: "#000000",
    white: "#FFFFFF",
};
exports.spacing = {
    0: 0,
    1: 4,
    2: 8,
    3: 12,
    4: 16,
    5: 20,
    6: 24,
    7: 28,
    8: 32,
    9: 36,
    10: 40,
    11: 44,
    12: 48,
    14: 56,
    16: 64,
    20: 80,
    24: 96,
    28: 112,
    32: 128,
    36: 144,
    40: 160,
    44: 176,
    48: 192,
    52: 208,
    56: 224,
    60: 240,
    64: 256,
    72: 288,
    80: 320,
    96: 384,
    auto: "auto",
};
exports.borderRadius = {
    none: 0,
    sm: 3,
    md: 8,
    lg: 12,
    xl: 16,
    "2xl": 20,
    "3xl": 24,
    full: 999,
};
exports.typography = {
    // iOS system font sizes
    ios: {
        largeTitle: {
            fontSize: 34,
            lineHeight: 41,
            fontWeight: "700",
            fontFamily: "AtkinsonHyperlegibleNext-Bold",
        },
        title1: {
            fontSize: 28,
            lineHeight: 34,
            fontWeight: "700",
            fontFamily: "AtkinsonHyperlegibleNext-Bold",
        },
        title2: {
            fontSize: 22,
            lineHeight: 28,
            fontWeight: "700",
            fontFamily: "AtkinsonHyperlegibleNext-Bold",
        },
        title3: {
            fontSize: 20,
            lineHeight: 25,
            fontWeight: "600",
            fontFamily: "AtkinsonHyperlegibleNext-SemiBold",
        },
        headline: {
            fontSize: 17,
            lineHeight: 22,
            fontWeight: "600",
            fontFamily: "AtkinsonHyperlegibleNext-SemiBold",
        },
        body: {
            fontSize: 17,
            lineHeight: 22,
            fontWeight: "400",
            fontFamily: "AtkinsonHyperlegibleNext-Regular",
        },
        callout: {
            fontSize: 16,
            lineHeight: 21,
            fontWeight: "400",
            fontFamily: "AtkinsonHyperlegibleNext-Regular",
        },
        subhead: {
            fontSize: 15,
            lineHeight: 20,
            fontWeight: "400",
            fontFamily: "AtkinsonHyperlegibleNext-Regular",
        },
        footnote: {
            fontSize: 13,
            lineHeight: 18,
            fontWeight: "400",
            fontFamily: "AtkinsonHyperlegibleNext-Regular",
        },
        caption1: {
            fontSize: 12,
            lineHeight: 16,
            fontWeight: "400",
            fontFamily: "AtkinsonHyperlegibleNext-Regular",
        },
        caption2: {
            fontSize: 11,
            lineHeight: 13,
            fontWeight: "400",
            fontFamily: "AtkinsonHyperlegibleNext-Regular",
        },
    },
    // Android Material typography
    android: {
        headline1: {
            fontSize: 96,
            lineHeight: 112,
            fontWeight: "300",
            fontFamily: "AtkinsonHyperlegibleNext-ExtraLight",
        },
        headline2: {
            fontSize: 60,
            lineHeight: 72,
            fontWeight: "300",
            fontFamily: "AtkinsonHyperlegibleNext-Light",
        },
        headline3: {
            fontSize: 48,
            lineHeight: 56,
            fontWeight: "400",
            fontFamily: "AtkinsonHyperlegibleNext-Regular",
        },
        headline4: {
            fontSize: 34,
            lineHeight: 42,
            fontWeight: "400",
            fontFamily: "AtkinsonHyperlegibleNext-Regular",
        },
        headline5: {
            fontSize: 24,
            lineHeight: 32,
            fontWeight: "400",
            fontFamily: "AtkinsonHyperlegibleNext-Regular",
        },
        headline6: {
            fontSize: 20,
            lineHeight: 28,
            fontWeight: "500",
            fontFamily: "AtkinsonHyperlegibleNext-Medium",
        },
        subtitle1: {
            fontSize: 16,
            lineHeight: 24,
            fontWeight: "400",
            fontFamily: "AtkinsonHyperlegibleNext-Regular",
        },
        subtitle2: {
            fontSize: 14,
            lineHeight: 22,
            fontWeight: "500",
            fontFamily: "AtkinsonHyperlegibleNext-Medium",
        },
        body1: {
            fontSize: 16,
            lineHeight: 24,
            fontWeight: "400",
            fontFamily: "AtkinsonHyperlegibleNext-Regular",
        },
        body2: {
            fontSize: 14,
            lineHeight: 20,
            fontWeight: "400",
            fontFamily: "AtkinsonHyperlegibleNext-Regular",
        },
        button: {
            fontSize: 14,
            lineHeight: 16,
            fontWeight: "500",
            fontFamily: "AtkinsonHyperlegibleNext-Medium",
        },
        caption: {
            fontSize: 12,
            lineHeight: 16,
            fontWeight: "400",
            fontFamily: "AtkinsonHyperlegibleNext-Regular",
        },
        overline: {
            fontSize: 10,
            lineHeight: 16,
            fontWeight: "400",
            fontFamily: "AtkinsonHyperlegibleNext-Regular",
        },
    },
    // Universal typography scale
    // Atkinson's center is weird so the marginBottom is there to correct it?
    universal: {
        xs: {
            fontSize: 12,
            lineHeight: 16,
            marginBottom: -0.3,
            fontWeight: "400",
            fontFamily: "AtkinsonHyperlegibleNext-Regular",
        },
        sm: {
            fontSize: 14,
            lineHeight: 20,
            marginBottom: -1,
            fontWeight: "400",
            fontFamily: "AtkinsonHyperlegibleNext-Regular",
        },
        base: {
            fontSize: 16,
            lineHeight: 24,
            marginBottom: -1.2,
            fontWeight: "400",
            fontFamily: "AtkinsonHyperlegibleNext-Regular",
        },
        lg: {
            fontSize: 18,
            lineHeight: 28,
            marginBottom: -1.5,
            fontWeight: "400",
            fontFamily: "AtkinsonHyperlegibleNext-Regular",
        },
        xl: {
            fontSize: 20,
            lineHeight: 28,
            marginBottom: -1.75,
            fontWeight: "500",
            fontFamily: "AtkinsonHyperlegibleNext-Medium",
        },
        "2xl": {
            fontSize: 24,
            lineHeight: 32,
            marginBottom: -2,
            fontWeight: "600",
            fontFamily: "AtkinsonHyperlegibleNext-SemiBold",
        },
        "3xl": {
            fontSize: 30,
            lineHeight: 36,
            marginBottom: -2.5,
            fontWeight: "700",
            fontFamily: "AtkinsonHyperlegibleNext-Bold",
        },
        "4xl": {
            fontSize: 36,
            lineHeight: 40,
            marginBottom: -3,
            fontWeight: "700",
            fontFamily: "AtkinsonHyperlegibleNext-ExtraBold",
        },
    },
    // Monospace typography for code and technical content
    mono: {
        xs: {
            fontSize: 11,
            lineHeight: 16,
            fontWeight: "400",
            fontFamily: "AtkinsonHyperlegibleMono-Regular",
        },
        sm: {
            fontSize: 13,
            lineHeight: 18,
            fontWeight: "400",
            fontFamily: "AtkinsonHyperlegibleMono-Regular",
        },
        base: {
            fontSize: 14,
            lineHeight: 20,
            fontWeight: "400",
            fontFamily: "AtkinsonHyperlegibleMono-Regular",
        },
        lg: {
            fontSize: 16,
            lineHeight: 24,
            fontWeight: "400",
            fontFamily: "AtkinsonHyperlegibleMono-Regular",
        },
        xl: {
            fontSize: 18,
            lineHeight: 28,
            fontWeight: "500",
            fontFamily: "AtkinsonHyperlegibleMono-Medium",
        },
        "2xl": {
            fontSize: 20,
            lineHeight: 32,
            fontWeight: "600",
            fontFamily: "AtkinsonHyperlegibleMono-SemiBold",
        },
        "3xl": {
            fontSize: 24,
            lineHeight: 36,
            fontWeight: "700",
            fontFamily: "AtkinsonHyperlegibleMono-Bold",
        },
    },
};
// Font families available in the app
exports.fontFamilies = {
    // Sans serif fonts
    regular: "AtkinsonHyperlegibleNext-Regular",
    light: "AtkinsonHyperlegibleNext-Light",
    extraLight: "AtkinsonHyperlegibleNext-ExtraLight",
    medium: "AtkinsonHyperlegibleNext-Medium",
    semiBold: "AtkinsonHyperlegibleNext-SemiBold",
    bold: "AtkinsonHyperlegibleNext-Bold",
    extraBold: "AtkinsonHyperlegibleNext-ExtraBold",
    // Monospace fonts
    monoRegular: "AtkinsonHyperlegibleMono-Regular",
    monoMedium: "AtkinsonHyperlegibleMono-Medium",
    monoSemiBold: "AtkinsonHyperlegibleMono-SemiBold",
    monoBold: "AtkinsonHyperlegibleMono-Bold",
};
exports.shadows = {
    none: {
        shadowColor: "transparent",
        shadowOffset: { width: 0, height: 0 },
        shadowOpacity: 0,
        shadowRadius: 0,
        elevation: 0,
    },
    sm: {
        shadowColor: exports.colors.black,
        shadowOffset: { width: 0, height: 1 },
        shadowOpacity: 0.05,
        shadowRadius: 2,
        elevation: 2,
    },
    md: {
        shadowColor: exports.colors.black,
        shadowOffset: { width: 0, height: 2 },
        shadowOpacity: 0.1,
        shadowRadius: 4,
        elevation: 4,
    },
    lg: {
        shadowColor: exports.colors.black,
        shadowOffset: { width: 0, height: 4 },
        shadowOpacity: 0.15,
        shadowRadius: 8,
        elevation: 8,
    },
    xl: {
        shadowColor: exports.colors.black,
        shadowOffset: { width: 0, height: 8 },
        shadowOpacity: 0.2,
        shadowRadius: 16,
        elevation: 16,
    },
};
// Touch targets (iOS Human Interface Guidelines)
exports.touchTargets = {
    minimum: 44, // Minimum touch target size
    comfortable: 48, // Comfortable touch target size
    large: 56, // Large touch target size
};
// Animation durations
exports.animations = {
    fast: 150,
    normal: 200,
    slow: 300,
    slower: 500,
};
// Breakpoints for responsive design
exports.breakpoints = {
    sm: 640,
    md: 768,
    lg: 1024,
    xl: 1280,
    "2xl": 1536,
};
//# sourceMappingURL=tokens.js.map