애플리케이션 개발자용

패키지 및 설치

작업 영역이나 전체 가져오기 대신 패키지 루트 내보내기를 사용하여 책임별로 게시된 11개의 패키지 중에서 선택하세요.

가장 작은 조합부터 시작하세요

필요	패키지	책임
테마 정의, 유효성 검사, 가져오기/내보내기	`@oriatheme/core`	순수 TypeScript 계약; DOM 또는 프레임워크 종속성이 없습니다.
공식 테마 및 브라우저 애플리케이션	`@oriatheme/presets` + `@oriatheme/runtime-dom`	사전 설정된 카탈로그, 런타임, 지속성 및 Bootstrap를 완료하세요.
React / Vue	`@oriatheme/react` / `@oriatheme/vue`	얇은 어댑터; 런타임 상태 시스템을 복제하지 않습니다.
안정적인 기본 색상	`@oriatheme/colors`	정적 색상 스케일 및 기본 색상 CSS 하위 경로.
Tailwind v4 의미 변수	`@oriatheme/tailwind`	정적 @theme 인라인 브리지; Tailwind는 빌드 타임 전용 종속성입니다.
보이는 편집기 소스	`@oriatheme/cli`	React/Vue UI를 앱 소스에 복사합니다. 브리지 패키지는 헤드리스 상태로 유지됩니다.

CSS subpaths

두 패키지, colors 및 tailwind는 공개 CSS 하위 경로를 노출합니다. Runtime 변수에는 정적 OriaTheme 스타일시트가 필요하지 않습니다.

css

@import "@oriatheme/colors/styles.css";

/* Tailwind CSS v4 */
@import "tailwindcss";
@import "@oriatheme/colors/tailwind.css";
@import "@oriatheme/tailwind/oria.css";

SSR 및 CLI 경계

실행 가능한 CLI를 제외하고 라이브러리 패키지 루트는 SSR 모듈 평가 시 안전합니다. Runtime start, Storage Bootstrap, React Provider 및 Vue 플러그인은 여전히 브라우저에 속합니다. src, dist 또는 레지스트리 템플릿에서 가져오지 마세요.

계속: 런타임, Bootstrap 및 전환