import { a as i, b as s, c as n } from "../icon-utils-CmjSEuTl.js";
import { h as b, e as u, g as F, d as v, f as S, i as z, j as U } from "../icon-utils-CmjSEuTl.js";
const e = {
  blue: "#0285FF",
  red: "#E02E2A",
  orange: "#E25507",
  green: "#008635"
}, a = {
  blue: "#0285FF",
  red: "#FF8583",
  orange: "#FF9E6C",
  green: "#40C977"
}, o = {
  light: {
    background: {
      primary: "#FFFFFF",
      secondary: "#E8E8E8",
      tertiary: "#F3F3F3"
    },
    text: {
      primary: "#0D0D0D",
      secondary: "#5D5D5D",
      tertiary: "#8F8F8F",
      inverted: "#1B1B1F"
    },
    icon: {
      primary: "#0D0D0D",
      secondary: "#5D5D5D",
      tertiary: "#8F8F8F",
      inverted: "#1B1B1F"
    },
    accent: e,
    // Semantic brand color aliases derived from accent colors
    brand: {
      primary: e.blue,
      success: e.green,
      warning: e.orange,
      error: e.red,
      info: e.blue
    },
    outline: "#79747E",
    border: {
      light: "rgba(13, 13, 13, 0.05)",
      default: "rgba(13, 13, 13, 0.10)",
      heavy: "rgba(13, 13, 13, 0.15)"
    },
    state: {
      hover: {
        background: "rgba(13, 13, 13, 0.08)",
        opacity: 0.9
      },
      active: {
        opacity: 1,
        scale: 0.98
      },
      disabled: {
        opacity: 0.4
      },
      focus: {
        outline: "#0285FF",
        offset: "2px"
      }
    }
  },
  dark: {
    background: {
      primary: "#212121",
      secondary: "#303030",
      tertiary: "#414141"
    },
    text: {
      primary: "#FFFFFF",
      secondary: "#CDCDCD",
      tertiary: "#AFAFAF",
      inverted: "#FFFFFF"
    },
    icon: {
      primary: "#FFFFFF",
      secondary: "#CDCDCD",
      tertiary: "#AFAFAF",
      inverted: "#FFFFFF"
    },
    accent: a,
    // Semantic brand color aliases derived from accent colors
    brand: {
      primary: a.blue,
      success: a.green,
      warning: a.orange,
      error: a.red,
      info: a.blue
    },
    outline: "#938F99",
    border: {
      light: "rgba(255, 255, 255, 0.08)",
      default: "rgba(255, 255, 255, 0.12)",
      heavy: "rgba(255, 255, 255, 0.16)"
    },
    state: {
      hover: {
        background: "rgba(255, 255, 255, 0.08)",
        opacity: 0.9
      },
      active: {
        opacity: 1,
        scale: 0.98
      },
      disabled: {
        opacity: 0.4
      },
      focus: {
        outline: "#0285FF",
        offset: "2px"
      }
    }
  }
}, r = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif', p = {
  heading1: {
    fontSize: "36px",
    lineHeight: "40px",
    fontWeight: 600,
    letterSpacing: "-0.1px",
    className: "ai-heading1",
    meta: {
      description: "Primary heading for page titles and hero sections",
      usage: "Use for the main heading of a page or section. Should be used once per page.",
      a11y: "Should map to semantic <h1> elements for proper document structure"
    }
  },
  heading2: {
    fontSize: "24px",
    lineHeight: "28px",
    fontWeight: 600,
    letterSpacing: "-0.25px",
    className: "ai-heading2",
    meta: {
      description: "Secondary heading for major sections",
      usage: "Use for section headings and subsections within a page",
      a11y: "Should map to semantic <h2> elements"
    }
  },
  heading3: {
    fontSize: "18px",
    lineHeight: "26px",
    fontWeight: 600,
    letterSpacing: "-0.45px",
    className: "ai-heading3",
    meta: {
      description: "Tertiary heading for subsections",
      usage: "Use for subsection headings and card titles",
      a11y: "Should map to semantic <h3> elements"
    }
  },
  body: {
    fontSize: "16px",
    lineHeight: "26px",
    fontWeight: 400,
    letterSpacing: "-0.4px",
    className: "ai-body",
    meta: {
      description: "Default body text for main content",
      usage: "Use for paragraphs, descriptions, and general content",
      a11y: "Standard reading size optimized for readability"
    }
  },
  bodyEmph: {
    fontSize: "16px",
    lineHeight: "26px",
    fontWeight: 600,
    letterSpacing: "-0.4px",
    className: "ai-body-emph",
    meta: {
      description: "Emphasized body text",
      usage: "Use to emphasize key points within body text",
      a11y: "Use <strong> or <b> for semantic emphasis"
    }
  },
  bodySmall: {
    fontSize: "14px",
    lineHeight: "18px",
    fontWeight: 400,
    letterSpacing: "-0.3px",
    className: "ai-body-small",
    meta: {
      description: "Smaller body text for secondary information",
      usage: "Use for supporting text, metadata, and less prominent content",
      a11y: "Ensure text remains readable at this size"
    }
  },
  bodySmallEmph: {
    fontSize: "14px",
    lineHeight: "18px",
    fontWeight: 600,
    letterSpacing: "-0.3px",
    className: "ai-body-small-emph",
    meta: {
      description: "Emphasized smaller body text",
      usage: "Use for emphasized secondary information",
      a11y: "Use <strong> or <b> for semantic emphasis"
    }
  },
  caption: {
    fontSize: "12px",
    lineHeight: "16px",
    fontWeight: 400,
    letterSpacing: "-0.1px",
    className: "ai-caption",
    meta: {
      description: "Small text for captions and labels",
      usage: "Use for image captions, input labels, and fine print",
      a11y: "Minimum recommended size for readability"
    }
  },
  captionEmph: {
    fontSize: "12px",
    lineHeight: "16px",
    fontWeight: 600,
    letterSpacing: "-0.1px",
    className: "ai-caption-emph",
    meta: {
      description: "Emphasized caption text",
      usage: "Use for emphasized labels and important captions",
      a11y: "Ensure adequate contrast for accessibility"
    }
  },
  button: {
    fontSize: "15px",
    lineHeight: "24px",
    fontWeight: 500,
    letterSpacing: "-0.24px",
    className: "ai-button",
    meta: {
      description: "Button and interactive element text",
      usage: "Use for buttons, links, and interactive controls",
      a11y: "Size optimized for touch targets (min 44px height)"
    }
  },
  badge: {
    fontSize: "14px",
    lineHeight: "18px",
    fontWeight: 600,
    letterSpacing: "0px",
    className: "ai-badge",
    meta: {
      description: "Badge and tag text",
      usage: "Use for status badges, tags, and chips",
      a11y: "Ensure badges have proper semantic meaning"
    }
  }
}, c = {
  "space-0": "0px",
  "space-1": "2px",
  "space-2": "4px",
  "space-4": "8px",
  "space-6": "12px",
  "space-8": "16px",
  "space-10": "20px",
  "space-12": "24px",
  "space-16": "32px",
  "space-20": "40px",
  "space-24": "48px",
  "space-32": "64px",
  "space-64": "128px"
}, t = {
  none: "0px",
  sm: "4px",
  md: "8px",
  base: "12px",
  lg: "16px",
  xl: "24px",
  full: "9999px"
}, l = t.xl, d = {
  0: {
    shadow: "none",
    lightOverlay: "rgba(0,0,0,0)",
    darkOverlay: "rgba(255,255,255,0)",
    className: "ai-elevation-0",
    meta: {
      description: "No elevation - flat surface",
      usage: "Use for elements flush with the background"
    }
  },
  1: {
    shadow: "0px 4px 16px rgba(0,0,0,0.05)",
    lightOverlay: "rgba(0,0,0,0)",
    darkOverlay: "rgba(255,255,255,0.05)",
    className: "ai-elevation-1",
    meta: {
      description: "Subtle elevation for cards and containers",
      usage: "Default elevation for cards, panels, and raised surfaces",
      zIndex: "1-100"
    }
  },
  2: {
    shadow: "0px 6px 24px rgba(0,0,0,0.08)",
    lightOverlay: "rgba(0,0,0,0)",
    darkOverlay: "rgba(255,255,255,0.07)",
    className: "ai-elevation-2",
    meta: {
      description: "Medium elevation for interactive elements",
      usage: "Use for hover states, dropdowns, and floating elements",
      zIndex: "100-200"
    }
  },
  3: {
    shadow: "0px 10px 32px rgba(0,0,0,0.10)",
    lightOverlay: "rgba(0,0,0,0)",
    darkOverlay: "rgba(255,255,255,0.08)",
    className: "ai-elevation-3",
    meta: {
      description: "Prominent elevation for modals and popovers",
      usage: "Use for dialogs, tooltips, and important UI elements",
      zIndex: "200-500"
    }
  },
  4: {
    shadow: "0px 12px 40px rgba(0,0,0,0.12)",
    lightOverlay: "rgba(0,0,0,0)",
    darkOverlay: "rgba(255,255,255,0.09)",
    className: "ai-elevation-4",
    meta: {
      description: "High elevation for overlays",
      usage: "Use for modals, drawers, and important overlays",
      zIndex: "500-1000"
    }
  },
  5: {
    shadow: "0px 16px 48px rgba(0,0,0,0.14)",
    lightOverlay: "rgba(0,0,0,0)",
    darkOverlay: "rgba(255,255,255,0.12)",
    className: "ai-elevation-5",
    meta: {
      description: "Maximum elevation for critical overlays",
      usage: "Use for toast notifications, alerts, and critical modals",
      zIndex: "1000+"
    }
  }
}, g = "1", m = {
  full: 1,
  subtle: 0.7,
  muted: 0.5,
  disabled: 0.3,
  // Interactive state opacities
  hover: 0.9,
  pressed: 1,
  // Overlay and background opacities
  overlay: 0.4,
  scrim: 0.6
}, x = {
  colors: o,
  typography: p,
  fontStack: r,
  spacing: c,
  radius: t,
  defaultRadius: l,
  elevation: d,
  defaultElevation: g,
  opacity: m,
  icons: n,
  iconMetadata: s,
  iconNames: i
};
export {
  o as colors,
  g as defaultElevation,
  l as defaultRadius,
  d as elevation,
  r as fontStack,
  b as getIconCategories,
  u as getIconMetadata,
  F as getIconPath,
  v as getIconUrl,
  S as getIconsInCategory,
  z as iconCategories,
  U as iconExists,
  s as iconMetadata,
  i as iconNames,
  n as icons,
  m as opacity,
  t as radius,
  c as spacing,
  x as tokens,
  p as typography
};
