import { ISize } from '../size/type';

/**
 * space 스케일 (v2) — padding/component · gap/positive 를 단일 `space` 스케일로 통합한
 * 시맨틱 spacing 토큰이다. (Radix / Spectrum 방식, PRI-542.)
 *
 * 네이밍은 stepped 번호제(`lp-sys-space-{step}`, 앞자리 0 없음). 실제 px 는 아래 주석 참조.
 * padding/component 와 gap/positive 에서 같은 px 는 하나의 space 로 수렴한다
 * (예: `padding-component-400` 과 `gap-positive-400` 이 둘 다 `space-400`(16px)).
 *
 * step 재정렬(v1 → v2): 700→800, 800→1000, 900→1200, 1100→1600, 1300→2000.
 * v1 padding-component 의 56/100/120px(`-1000/-1500/-1700`) 는 사용처가 없어 v2 에서 제외.
 * 음수(겹침) 스케일(`space-overlap-*`)은 사용처가 없어 도입하지 않는다.
 *
 * Radix Themes 레이아웃의 고정 API(`--space-1..9`)와의 연결은
 * `liner-prism/src/components/Box/space.css` 한 곳에서 이 토큰들에 매핑한다.
 */
export const space = {
  'lp-sys-space-50': ISize['lp-pri-size-2'], // 2px
  'lp-sys-space-100': ISize['lp-pri-size-4'], // 4px
  'lp-sys-space-150': ISize['lp-pri-size-6'], // 6px
  'lp-sys-space-200': ISize['lp-pri-size-8'], // 8px
  'lp-sys-space-300': ISize['lp-pri-size-12'], // 12px
  'lp-sys-space-400': ISize['lp-pri-size-16'], // 16px
  'lp-sys-space-500': ISize['lp-pri-size-20'], // 20px
  'lp-sys-space-600': ISize['lp-pri-size-24'], // 24px
  'lp-sys-space-800': ISize['lp-pri-size-32'], // 32px
  'lp-sys-space-1000': ISize['lp-pri-size-40'], // 40px
  'lp-sys-space-1200': ISize['lp-pri-size-48'], // 48px
  'lp-sys-space-1600': ISize['lp-pri-size-64'], // 64px
  'lp-sys-space-2000': ISize['lp-pri-size-80'], // 80px
} as const;