// Sizing Tokens
// Generated from base-tokens.json

// Icon Sizes
$base-sizing-icon-xxs: 8px;
$base-sizing-icon-xs: 12px;
$base-sizing-icon-sm: 16px;
$base-sizing-icon-md: 20px;
$base-sizing-icon-lg: 24px;
$base-sizing-icon-xl: 32px;
$base-sizing-icon-2xl: 40px;
$base-sizing-icon-3xl: 48px;
$base-sizing-icon-4xl: 64px;
$base-sizing-icon-5xl: 80px;

// Avatar Sizes
$base-sizing-avatar-xs: 24px;
$base-sizing-avatar-sm: 32px;
$base-sizing-avatar-md: 40px;
$base-sizing-avatar-lg: 48px;
$base-sizing-avatar-xl: 64px;
$base-sizing-avatar-2xl: 80px;

// Button Sizes
$base-sizing-button-sm: 32px;
$base-sizing-button-md: 40px;
$base-sizing-button-lg: 48px;

// Input Sizes
$base-sizing-input-sm: 32px;
$base-sizing-input-md: 40px;
$base-sizing-input-lg: 48px;

// Touch Target Sizes
$base-sizing-interaction-touch-target: 44px;
$base-sizing-interaction-min-clickable: 32px;

$base-sizing-touch-minimum: 44px;
$base-sizing-touch-comfortable: 48px;
$base-sizing-touch-spacious: 56px;

// Line Sizes
$base-sizing-line-1: 1px;
$base-sizing-line-2: 2px;
$base-sizing-line-4: 4px;
$base-sizing-line-8: 8px;

// Width Values
$base-sizing-width-0: 0px;
$base-sizing-width-1: 0.25rem;
$base-sizing-width-2: 0.5rem;
$base-sizing-width-3: 0.75rem;
$base-sizing-width-4: 1rem;
$base-sizing-width-5: 1.25rem;
$base-sizing-width-6: 1.5rem;
$base-sizing-width-7: 1.75rem;
$base-sizing-width-8: 2rem;
$base-sizing-width-9: 2.25rem;
$base-sizing-width-10: 2.5rem;
$base-sizing-width-11: 2.75rem;
$base-sizing-width-12: 3rem;
$base-sizing-width-14: 3.5rem;
$base-sizing-width-16: 4rem;
$base-sizing-width-20: 5rem;
$base-sizing-width-24: 6rem;
$base-sizing-width-28: 7rem;
$base-sizing-width-32: 8rem;
$base-sizing-width-36: 9rem;
$base-sizing-width-40: 10rem;
$base-sizing-width-44: 11rem;
$base-sizing-width-48: 12rem;
$base-sizing-width-52: 13rem;
$base-sizing-width-56: 14rem;
$base-sizing-width-60: 15rem;
$base-sizing-width-64: 16rem;
$base-sizing-width-72: 18rem;
$base-sizing-width-80: 20rem;
$base-sizing-width-96: 24rem;
$base-sizing-width-auto: auto;
$base-sizing-width-full: 100%;
$base-sizing-width-screen: 100vw;
$base-sizing-width-min: min-content;
$base-sizing-width-max: max-content;
$base-sizing-width-fit: fit-content;

// Height Values
$base-sizing-height-0: 0px;
$base-sizing-height-1: 0.25rem;
$base-sizing-height-2: 0.5rem;
$base-sizing-height-3: 0.75rem;
$base-sizing-height-4: 1rem;
$base-sizing-height-5: 1.25rem;
$base-sizing-height-6: 1.5rem;
$base-sizing-height-7: 1.75rem;
$base-sizing-height-8: 2rem;
$base-sizing-height-9: 2.25rem;
$base-sizing-height-10: 2.5rem;
$base-sizing-height-11: 2.75rem;
$base-sizing-height-12: 3rem;
$base-sizing-height-14: 3.5rem;
$base-sizing-height-16: 4rem;
$base-sizing-height-20: 5rem;
$base-sizing-height-24: 6rem;
$base-sizing-height-28: 7rem;
$base-sizing-height-32: 8rem;
$base-sizing-height-36: 9rem;
$base-sizing-height-40: 10rem;
$base-sizing-height-44: 11rem;
$base-sizing-height-48: 12rem;
$base-sizing-height-52: 13rem;
$base-sizing-height-56: 14rem;
$base-sizing-height-60: 15rem;
$base-sizing-height-64: 16rem;
$base-sizing-height-72: 18rem;
$base-sizing-height-80: 20rem;
$base-sizing-height-96: 24rem;
$base-sizing-height-auto: auto;
$base-sizing-height-full: 100%;
$base-sizing-height-screen: 100vh;
$base-sizing-height-min: min-content;
$base-sizing-height-max: max-content;
$base-sizing-height-fit: fit-content;

// Max Width Values
$base-sizing-max-width-0: 0px;
$base-sizing-max-width-xs: 20rem;
$base-sizing-max-width-sm: 24rem;
$base-sizing-max-width-md: 28rem;
$base-sizing-max-width-lg: 32rem;
$base-sizing-max-width-xl: 36rem;
$base-sizing-max-width-2xl: 42rem;
$base-sizing-max-width-3xl: 48rem;
$base-sizing-max-width-4xl: 56rem;
$base-sizing-max-width-5xl: 64rem;
$base-sizing-max-width-6xl: 72rem;
$base-sizing-max-width-7xl: 80rem;
$base-sizing-max-width-full: 100%;
$base-sizing-max-width-min: min-content;
$base-sizing-max-width-max: max-content;
$base-sizing-max-width-fit: fit-content;
$base-sizing-max-width-prose: 65ch;
$base-sizing-max-width-screen-sm: 640px;
$base-sizing-max-width-screen-md: 768px;
$base-sizing-max-width-screen-lg: 1024px;
$base-sizing-max-width-screen-xl: 1280px;
$base-sizing-max-width-screen-2xl: 1536px;

// Min Width/Height Values
$base-sizing-min-width-0: 0px;
$base-sizing-min-width-full: 100%;
$base-sizing-min-width-min: min-content;
$base-sizing-min-width-max: max-content;
$base-sizing-min-width-fit: fit-content;

$base-sizing-min-height-0: 0px;
$base-sizing-min-height-full: 100%;
$base-sizing-min-height-screen: 100vh;
$base-sizing-min-height-min: min-content;
$base-sizing-min-height-max: max-content;
$base-sizing-min-height-fit: fit-content;

$base-sizing-max-height-0: 0px;
$base-sizing-max-height-full: 100%;
$base-sizing-max-height-screen: 100vh;
$base-sizing-max-height-min: min-content;
$base-sizing-max-height-max: max-content;
$base-sizing-max-height-fit: fit-content;

// AI Sizing
$base-sizing-ai-indicator: 20px;
$base-sizing-ai-glow: 40px;

// Component Size Maps
$base-sizing-icons: (
  xxs: $base-sizing-icon-xxs,
  xs: $base-sizing-icon-xs,
  sm: $base-sizing-icon-sm,
  md: $base-sizing-icon-md,
  lg: $base-sizing-icon-lg,
  xl: $base-sizing-icon-xl,
  2xl: $base-sizing-icon-2xl,
  3xl: $base-sizing-icon-3xl,
  4xl: $base-sizing-icon-4xl,
  5xl: $base-sizing-icon-5xl,
);

$base-sizing-avatars: (
  xs: $base-sizing-avatar-xs,
  sm: $base-sizing-avatar-sm,
  md: $base-sizing-avatar-md,
  lg: $base-sizing-avatar-lg,
  xl: $base-sizing-avatar-xl,
  2xl: $base-sizing-avatar-2xl,
);

$base-sizing-buttons: (
  sm: $base-sizing-button-sm,
  md: $base-sizing-button-md,
  lg: $base-sizing-button-lg,
);

$base-sizing-inputs: (
  sm: $base-sizing-input-sm,
  md: $base-sizing-input-md,
  lg: $base-sizing-input-lg,
);