@eeennsu/tokens 0.1.0

package/dist/brands/bakery.d.ts

@@ -0,0 +1,56 @@
+/**
+ * 브랜드 bakery 의 semantic 색 해석값 (RN 런타임용, AC-4).
+ * 별칭(fg.danger · border.focus)도 여기서는 해석값이다 — RN 은 var() 를 쓸 수 없다.
+ * 소비자 로컬 오버라이드(C-5b)는 이 객체에 닿지 않는다(알려진 동작 11).
+ */
+export declare const colors: {
+    readonly light: {
+        readonly bg: {
+            readonly canvas: "oklch(98.7% 0.022 95.277)";
+            readonly surface: "oklch(100% 0 0)";
+            readonly "surface-muted": "oklch(96.2% 0.059 95.617)";
+            readonly "surface-hover": "oklch(92.4% 0.12 95.746)";
+            readonly brand: "oklch(66.6% 0.179 58.318)";
+            readonly "brand-hover": "oklch(55.5% 0.163 48.998)";
+            readonly danger: "oklch(57.7% 0.245 27.325)";
+            readonly "danger-hover": "oklch(50.5% 0.213 27.518)";
+            readonly overlay: "oklch(0% 0 0 / 0.5)";
+        };
+        readonly fg: {
+            readonly default: "oklch(21% 0.034 264.665)";
+            readonly muted: "oklch(44.6% 0.03 256.802)";
+            readonly danger: "oklch(57.7% 0.245 27.325)";
+            readonly "on-brand": "oklch(100% 0 0)";
+            readonly "on-danger": "oklch(100% 0 0)";
+        };
+        readonly border: {
+            readonly default: "oklch(87.9% 0.169 91.605)";
+            readonly focus: "oklch(66.6% 0.179 58.318)";
+        };
+    };
+    readonly dark: {
+        readonly bg: {
+            readonly canvas: "oklch(13% 0.028 261.692)";
+            readonly surface: "oklch(21% 0.034 264.665)";
+            readonly "surface-muted": "oklch(27.8% 0.033 256.848)";
+            readonly "surface-hover": "oklch(37.3% 0.034 259.733)";
+            readonly brand: "oklch(76.9% 0.188 70.08)";
+            readonly "brand-hover": "oklch(82.8% 0.189 84.429)";
+            readonly danger: "oklch(63.7% 0.237 25.331)";
+            readonly "danger-hover": "oklch(70.4% 0.191 22.216)";
+            readonly overlay: "oklch(0% 0 0 / 0.6)";
+        };
+        readonly fg: {
+            readonly default: "oklch(98.5% 0.002 247.839)";
+            readonly muted: "oklch(70.7% 0.022 261.325)";
+            readonly danger: "oklch(63.7% 0.237 25.331)";
+            readonly "on-brand": "oklch(13% 0.028 261.692)";
+            readonly "on-danger": "oklch(100% 0 0)";
+        };
+        readonly border: {
+            readonly default: "oklch(37.3% 0.034 259.733)";
+            readonly focus: "oklch(76.9% 0.188 70.08)";
+        };
+    };
+};
+//# sourceMappingURL=bakery.d.ts.map

package/dist/brands/bakery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bakery.d.ts","sourceRoot":"","sources":["../../src/brands/bakery.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDT,CAAC"}

package/dist/brands/bakery.js

@@ -0,0 +1,57 @@
+// 생성 파일. packages/tokens/scripts/build.ts 가 만든다. 직접 수정하지 않는다.
+/**
+ * 브랜드 bakery 의 semantic 색 해석값 (RN 런타임용, AC-4).
+ * 별칭(fg.danger · border.focus)도 여기서는 해석값이다 — RN 은 var() 를 쓸 수 없다.
+ * 소비자 로컬 오버라이드(C-5b)는 이 객체에 닿지 않는다(알려진 동작 11).
+ */
+export const colors = {
+    "light": {
+        "bg": {
+            "canvas": "oklch(98.7% 0.022 95.277)",
+            "surface": "oklch(100% 0 0)",
+            "surface-muted": "oklch(96.2% 0.059 95.617)",
+            "surface-hover": "oklch(92.4% 0.12 95.746)",
+            "brand": "oklch(66.6% 0.179 58.318)",
+            "brand-hover": "oklch(55.5% 0.163 48.998)",
+            "danger": "oklch(57.7% 0.245 27.325)",
+            "danger-hover": "oklch(50.5% 0.213 27.518)",
+            "overlay": "oklch(0% 0 0 / 0.5)"
+        },
+        "fg": {
+            "default": "oklch(21% 0.034 264.665)",
+            "muted": "oklch(44.6% 0.03 256.802)",
+            "danger": "oklch(57.7% 0.245 27.325)",
+            "on-brand": "oklch(100% 0 0)",
+            "on-danger": "oklch(100% 0 0)"
+        },
+        "border": {
+            "default": "oklch(87.9% 0.169 91.605)",
+            "focus": "oklch(66.6% 0.179 58.318)"
+        }
+    },
+    "dark": {
+        "bg": {
+            "canvas": "oklch(13% 0.028 261.692)",
+            "surface": "oklch(21% 0.034 264.665)",
+            "surface-muted": "oklch(27.8% 0.033 256.848)",
+            "surface-hover": "oklch(37.3% 0.034 259.733)",
+            "brand": "oklch(76.9% 0.188 70.08)",
+            "brand-hover": "oklch(82.8% 0.189 84.429)",
+            "danger": "oklch(63.7% 0.237 25.331)",
+            "danger-hover": "oklch(70.4% 0.191 22.216)",
+            "overlay": "oklch(0% 0 0 / 0.6)"
+        },
+        "fg": {
+            "default": "oklch(98.5% 0.002 247.839)",
+            "muted": "oklch(70.7% 0.022 261.325)",
+            "danger": "oklch(63.7% 0.237 25.331)",
+            "on-brand": "oklch(13% 0.028 261.692)",
+            "on-danger": "oklch(100% 0 0)"
+        },
+        "border": {
+            "default": "oklch(37.3% 0.034 259.733)",
+            "focus": "oklch(76.9% 0.188 70.08)"
+        }
+    }
+};
+//# sourceMappingURL=bakery.js.map

package/dist/brands/bakery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bakery.js","sourceRoot":"","sources":["../../src/brands/bakery.ts"],"names":[],"mappings":"AAAA,8DAA8D;AAE9D;;;;GAIG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,OAAO,EAAE;QACP,IAAI,EAAE;YACJ,QAAQ,EAAE,2BAA2B;YACrC,SAAS,EAAE,iBAAiB;YAC5B,eAAe,EAAE,2BAA2B;YAC5C,eAAe,EAAE,0BAA0B;YAC3C,OAAO,EAAE,2BAA2B;YACpC,aAAa,EAAE,2BAA2B;YAC1C,QAAQ,EAAE,2BAA2B;YACrC,cAAc,EAAE,2BAA2B;YAC3C,SAAS,EAAE,qBAAqB;SACjC;QACD,IAAI,EAAE;YACJ,SAAS,EAAE,0BAA0B;YACrC,OAAO,EAAE,2BAA2B;YACpC,QAAQ,EAAE,2BAA2B;YACrC,UAAU,EAAE,iBAAiB;YAC7B,WAAW,EAAE,iBAAiB;SAC/B;QACD,QAAQ,EAAE;YACR,SAAS,EAAE,2BAA2B;YACtC,OAAO,EAAE,2BAA2B;SACrC;KACF;IACD,MAAM,EAAE;QACN,IAAI,EAAE;YACJ,QAAQ,EAAE,0BAA0B;YACpC,SAAS,EAAE,0BAA0B;YACrC,eAAe,EAAE,4BAA4B;YAC7C,eAAe,EAAE,4BAA4B;YAC7C,OAAO,EAAE,0BAA0B;YACnC,aAAa,EAAE,2BAA2B;YAC1C,QAAQ,EAAE,2BAA2B;YACrC,cAAc,EAAE,2BAA2B;YAC3C,SAAS,EAAE,qBAAqB;SACjC;QACD,IAAI,EAAE;YACJ,SAAS,EAAE,4BAA4B;YACvC,OAAO,EAAE,4BAA4B;YACrC,QAAQ,EAAE,2BAA2B;YACrC,UAAU,EAAE,0BAA0B;YACtC,WAAW,EAAE,iBAAiB;SAC/B;QACD,QAAQ,EAAE;YACR,SAAS,EAAE,4BAA4B;YACvC,OAAO,EAAE,0BAA0B;SACpC;KACF;CACO,CAAC"}

package/dist/brands/base.d.ts

@@ -0,0 +1,56 @@
+/**
+ * 브랜드 base 의 semantic 색 해석값 (RN 런타임용, AC-4).
+ * 별칭(fg.danger · border.focus)도 여기서는 해석값이다 — RN 은 var() 를 쓸 수 없다.
+ * 소비자 로컬 오버라이드(C-5b)는 이 객체에 닿지 않는다(알려진 동작 11).
+ */
+export declare const colors: {
+    readonly light: {
+        readonly bg: {
+            readonly canvas: "oklch(100% 0 0)";
+            readonly surface: "oklch(100% 0 0)";
+            readonly "surface-muted": "oklch(96.7% 0.003 264.542)";
+            readonly "surface-hover": "oklch(92.8% 0.006 264.531)";
+            readonly brand: "oklch(54.6% 0.245 262.881)";
+            readonly "brand-hover": "oklch(48.8% 0.243 264.376)";
+            readonly danger: "oklch(57.7% 0.245 27.325)";
+            readonly "danger-hover": "oklch(50.5% 0.213 27.518)";
+            readonly overlay: "oklch(0% 0 0 / 0.5)";
+        };
+        readonly fg: {
+            readonly default: "oklch(21% 0.034 264.665)";
+            readonly muted: "oklch(55.1% 0.027 264.364)";
+            readonly danger: "oklch(57.7% 0.245 27.325)";
+            readonly "on-brand": "oklch(100% 0 0)";
+            readonly "on-danger": "oklch(100% 0 0)";
+        };
+        readonly border: {
+            readonly default: "oklch(87.2% 0.01 258.338)";
+            readonly focus: "oklch(54.6% 0.245 262.881)";
+        };
+    };
+    readonly dark: {
+        readonly bg: {
+            readonly canvas: "oklch(13% 0.028 261.692)";
+            readonly surface: "oklch(21% 0.034 264.665)";
+            readonly "surface-muted": "oklch(27.8% 0.033 256.848)";
+            readonly "surface-hover": "oklch(37.3% 0.034 259.733)";
+            readonly brand: "oklch(62.3% 0.214 259.815)";
+            readonly "brand-hover": "oklch(70.7% 0.165 254.624)";
+            readonly danger: "oklch(63.7% 0.237 25.331)";
+            readonly "danger-hover": "oklch(70.4% 0.191 22.216)";
+            readonly overlay: "oklch(0% 0 0 / 0.6)";
+        };
+        readonly fg: {
+            readonly default: "oklch(98.5% 0.002 247.839)";
+            readonly muted: "oklch(70.7% 0.022 261.325)";
+            readonly danger: "oklch(63.7% 0.237 25.331)";
+            readonly "on-brand": "oklch(100% 0 0)";
+            readonly "on-danger": "oklch(100% 0 0)";
+        };
+        readonly border: {
+            readonly default: "oklch(37.3% 0.034 259.733)";
+            readonly focus: "oklch(62.3% 0.214 259.815)";
+        };
+    };
+};
+//# sourceMappingURL=base.d.ts.map

package/dist/brands/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../src/brands/base.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDT,CAAC"}

package/dist/brands/base.js

@@ -0,0 +1,57 @@
+// 생성 파일. packages/tokens/scripts/build.ts 가 만든다. 직접 수정하지 않는다.
+/**
+ * 브랜드 base 의 semantic 색 해석값 (RN 런타임용, AC-4).
+ * 별칭(fg.danger · border.focus)도 여기서는 해석값이다 — RN 은 var() 를 쓸 수 없다.
+ * 소비자 로컬 오버라이드(C-5b)는 이 객체에 닿지 않는다(알려진 동작 11).
+ */
+export const colors = {
+    "light": {
+        "bg": {
+            "canvas": "oklch(100% 0 0)",
+            "surface": "oklch(100% 0 0)",
+            "surface-muted": "oklch(96.7% 0.003 264.542)",
+            "surface-hover": "oklch(92.8% 0.006 264.531)",
+            "brand": "oklch(54.6% 0.245 262.881)",
+            "brand-hover": "oklch(48.8% 0.243 264.376)",
+            "danger": "oklch(57.7% 0.245 27.325)",
+            "danger-hover": "oklch(50.5% 0.213 27.518)",
+            "overlay": "oklch(0% 0 0 / 0.5)"
+        },
+        "fg": {
+            "default": "oklch(21% 0.034 264.665)",
+            "muted": "oklch(55.1% 0.027 264.364)",
+            "danger": "oklch(57.7% 0.245 27.325)",
+            "on-brand": "oklch(100% 0 0)",
+            "on-danger": "oklch(100% 0 0)"
+        },
+        "border": {
+            "default": "oklch(87.2% 0.01 258.338)",
+            "focus": "oklch(54.6% 0.245 262.881)"
+        }
+    },
+    "dark": {
+        "bg": {
+            "canvas": "oklch(13% 0.028 261.692)",
+            "surface": "oklch(21% 0.034 264.665)",
+            "surface-muted": "oklch(27.8% 0.033 256.848)",
+            "surface-hover": "oklch(37.3% 0.034 259.733)",
+            "brand": "oklch(62.3% 0.214 259.815)",
+            "brand-hover": "oklch(70.7% 0.165 254.624)",
+            "danger": "oklch(63.7% 0.237 25.331)",
+            "danger-hover": "oklch(70.4% 0.191 22.216)",
+            "overlay": "oklch(0% 0 0 / 0.6)"
+        },
+        "fg": {
+            "default": "oklch(98.5% 0.002 247.839)",
+            "muted": "oklch(70.7% 0.022 261.325)",
+            "danger": "oklch(63.7% 0.237 25.331)",
+            "on-brand": "oklch(100% 0 0)",
+            "on-danger": "oklch(100% 0 0)"
+        },
+        "border": {
+            "default": "oklch(37.3% 0.034 259.733)",
+            "focus": "oklch(62.3% 0.214 259.815)"
+        }
+    }
+};
+//# sourceMappingURL=base.js.map

package/dist/brands/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sourceRoot":"","sources":["../../src/brands/base.ts"],"names":[],"mappings":"AAAA,8DAA8D;AAE9D;;;;GAIG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,OAAO,EAAE;QACP,IAAI,EAAE;YACJ,QAAQ,EAAE,iBAAiB;YAC3B,SAAS,EAAE,iBAAiB;YAC5B,eAAe,EAAE,4BAA4B;YAC7C,eAAe,EAAE,4BAA4B;YAC7C,OAAO,EAAE,4BAA4B;YACrC,aAAa,EAAE,4BAA4B;YAC3C,QAAQ,EAAE,2BAA2B;YACrC,cAAc,EAAE,2BAA2B;YAC3C,SAAS,EAAE,qBAAqB;SACjC;QACD,IAAI,EAAE;YACJ,SAAS,EAAE,0BAA0B;YACrC,OAAO,EAAE,4BAA4B;YACrC,QAAQ,EAAE,2BAA2B;YACrC,UAAU,EAAE,iBAAiB;YAC7B,WAAW,EAAE,iBAAiB;SAC/B;QACD,QAAQ,EAAE;YACR,SAAS,EAAE,2BAA2B;YACtC,OAAO,EAAE,4BAA4B;SACtC;KACF;IACD,MAAM,EAAE;QACN,IAAI,EAAE;YACJ,QAAQ,EAAE,0BAA0B;YACpC,SAAS,EAAE,0BAA0B;YACrC,eAAe,EAAE,4BAA4B;YAC7C,eAAe,EAAE,4BAA4B;YAC7C,OAAO,EAAE,4BAA4B;YACrC,aAAa,EAAE,4BAA4B;YAC3C,QAAQ,EAAE,2BAA2B;YACrC,cAAc,EAAE,2BAA2B;YAC3C,SAAS,EAAE,qBAAqB;SACjC;QACD,IAAI,EAAE;YACJ,SAAS,EAAE,4BAA4B;YACvC,OAAO,EAAE,4BAA4B;YACrC,QAAQ,EAAE,2BAA2B;YACrC,UAAU,EAAE,iBAAiB;YAC7B,WAAW,EAAE,iBAAiB;SAC/B;QACD,QAAQ,EAAE;YACR,SAAS,EAAE,4BAA4B;YACvC,OAAO,EAAE,4BAA4B;SACtC;KACF;CACO,CAAC"}

package/dist/contracts.d.ts

@@ -0,0 +1,167 @@
+import type { ReactElement, ReactNode, Ref } from "react";
+/** 구현 플랫폼. 계약 하나를 두 플랫폼이 각자 구현한다(C-17). */
+export type Platform = "web" | "native";
+/** 전역 축 1 — 의도 4개 고정(C-8). 컴포넌트별 부분집합은 Extract 로 좁힌다. */
+export type Variant = "primary" | "secondary" | "ghost" | "danger";
+/** 전역 축 2 — t-shirt 5단(C-7a). 간격 어휘(숫자 키)와 의도적으로 분리한다. */
+export type Size = "sm" | "md" | "lg" | "xl" | "2xl";
+/**
+ * 글자 크기 · 행간 · 무게를 함께 바꾸는 타이포 스텝. `Size` 5단 전부를 쓰며
+ * Text 전용 의미다(C-7b). 유틸리티 하나(`text-lg`)가 세 속성을 적용한다.
+ */
+export type TypographyStep = Size;
+/** 컨트롤(Button · Input · Textarea)이 쓰는 `Size` 부분집합(C-7a). */
+export type ControlSize = Extract<Size, "sm" | "md" | "lg">;
+/** Badge 가 쓰는 `Size` 부분집합. lg 이상은 Badge 용도 밖(plan D-15). */
+export type BadgeSize = Extract<Size, "sm" | "md">;
+/** 전역 축 3 — 글자색 의도(C-8). danger 는 variant 의 danger 와 같은 semantic 색이다. */
+export type Tone = "default" | "muted" | "danger";
+/** Input 의 입력 종류. type · inputMode · autoComplete 매핑의 단일 입력이다(C-11). */
+export type InputKind = "text" | "password" | "email" | "number";
+/** ref 로 노출하는 명령형 핸들. DOM 노드·RN 인스턴스를 그대로 열지 않는다(C-17). */
+export type FocusHandle = {
+    focus(): void;
+    blur(): void;
+};
+/**
+ * 컨테이너 children — 문자열을 제외한 엘리먼트 노드(C-17).
+ * 컨테이너에 raw 문자열을 넣으면 RN 에서 Text 밖 문자열이 되어 깨진다.
+ */
+export type ElementChildren = ReactElement | boolean | null | undefined | ElementChildren[];
+/**
+ * 누름 이벤트는 플랫폼마다 이름이 다르므로 계약을 갈래로 둔다(C-12 · C-13).
+ * 웹에 `onPress` 가, RN 에 `onClick` 이 생기지 않는 것을 AC-13 이 타입으로 검사한다.
+ */
+type Press<P extends Platform> = P extends "web" ? {
+    onClick?: () => void;
+} : {
+    onPress?: () => void;
+};
+/**
+ * 아이콘 이름 — tokens 가 소유한 큐레이션 유니온 24개(plan D-8).
+ * lucide 전체 이름에서 파생하지 않는다: 계약이 tokens 에 있어 lucide 에 의존할 수 없고,
+ * 웹·RN lucide 버전이 어긋나면 이름이 갈린다. 이름 추가는 tokens + 양쪽 맵 3곳이며
+ * 한쪽만 고치면 `Record<IconName, LucideIcon>` 이 컴파일 에러를 낸다.
+ */
+export type IconName = "check" | "x" | "plus" | "minus" | "trash" | "pencil" | "search" | "chevron-down" | "chevron-up" | "chevron-left" | "chevron-right" | "arrow-left" | "arrow-right" | "menu" | "settings" | "user" | "mail" | "lock" | "eye" | "eye-off" | "info" | "alert-circle" | "loader" | "external-link";
+/**
+ * 컴포넌트 prop 계약. 웹·RN 구현이 이 맵을 그대로 만족해야 한다(C-17, AC-21).
+ * 닫힌 type 리터럴로 두는 이유: AC-11a · AC-15 의 mapped type 테스트가
+ * "선언된 키 전부"를 순회할 수 있어야 한다.
+ */
+export type Contracts<P extends Platform> = {
+    Button: {
+        label: string;
+        variant?: Variant;
+        size?: ControlSize;
+        icon?: IconName;
+        loading?: boolean;
+        disabled?: boolean;
+        className?: string;
+        ref?: Ref<FocusHandle>;
+    } & Press<P>;
+    ButtonGroup: {
+        label: string;
+        children: ReactElement | ReactElement[];
+        className?: string;
+    };
+    Input: {
+        label: string;
+        kind?: InputKind;
+        size?: ControlSize;
+        id?: string;
+        placeholder?: string;
+        disabled?: boolean;
+        invalid?: boolean;
+        value?: string;
+        defaultValue?: string;
+        onValueChange?: (value: string) => void;
+        className?: string;
+        ref?: Ref<FocusHandle>;
+    };
+    Textarea: {
+        label: string;
+        size?: ControlSize;
+        id?: string;
+        placeholder?: string;
+        disabled?: boolean;
+        invalid?: boolean;
+        value?: string;
+        defaultValue?: string;
+        onValueChange?: (value: string) => void;
+        className?: string;
+        ref?: Ref<FocusHandle>;
+    };
+    Label: {
+        children: string | string[];
+        htmlFor?: string;
+        className?: string;
+    };
+    Card: {
+        children: ElementChildren;
+        className?: string;
+    };
+    Badge: {
+        children: string | string[];
+        variant?: Extract<Variant, "primary" | "secondary" | "danger">;
+        size?: BadgeSize;
+        className?: string;
+    };
+    Text: {
+        children: string | string[];
+        tone?: Tone;
+        size?: TypographyStep;
+        heading?: "1" | "2" | "3";
+        className?: string;
+    };
+    Stack: {
+        children: ElementChildren;
+        direction?: "row" | "column";
+        align?: "start" | "center" | "end" | "stretch";
+        justify?: "start" | "center" | "end" | "between";
+        wrap?: boolean;
+        className?: string;
+    };
+    Box: {
+        children: ElementChildren;
+        className?: string;
+    };
+    Tooltip: {
+        label: string;
+        children: ReactElement;
+        side?: "top" | "bottom" | "left" | "right";
+        open?: boolean;
+        defaultOpen?: boolean;
+        onOpenChange?: (open: boolean) => void;
+        className?: string;
+    };
+    Dialog: {
+        label: string;
+        children: ReactNode;
+        open?: boolean;
+        defaultOpen?: boolean;
+        onOpenChange?: (open: boolean) => void;
+        className?: string;
+    };
+    Drawer: {
+        label: string;
+        children: ReactNode;
+        side?: "left" | "right" | "bottom";
+        open?: boolean;
+        defaultOpen?: boolean;
+        onOpenChange?: (open: boolean) => void;
+        className?: string;
+    };
+    Form: {
+        children: ReactNode;
+        className?: string;
+    };
+};
+/** v1 웹 구현 12개 + Text · Box 를 포함한 전체 목록(AC-7). */
+export declare const webComponents: readonly ["Button", "ButtonGroup", "Input", "Textarea", "Label", "Card", "Badge", "Text", "Stack", "Box", "Tooltip", "Dialog", "Drawer", "Form"];
+/** v1 RN 구현 5개(AC-20). 오버레이·Box 는 v2. */
+export declare const nativeComponents: readonly ["Button", "Input", "Card", "Stack", "Text"];
+export type WebKey = (typeof webComponents)[number];
+export type NativeKey = (typeof nativeComponents)[number];
+export {};
+//# sourceMappingURL=contracts.d.ts.map

package/dist/contracts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contracts.d.ts","sourceRoot":"","sources":["../src/contracts.ts"],"names":[],"mappings":"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"}

package/dist/contracts.js

@@ -0,0 +1,26 @@
+/** v1 웹 구현 12개 + Text · Box 를 포함한 전체 목록(AC-7). */
+export const webComponents = [
+    "Button",
+    "ButtonGroup",
+    "Input",
+    "Textarea",
+    "Label",
+    "Card",
+    "Badge",
+    "Text",
+    "Stack",
+    "Box",
+    "Tooltip",
+    "Dialog",
+    "Drawer",
+    "Form",
+];
+/** v1 RN 구현 5개(AC-20). 오버레이·Box 는 v2. */
+export const nativeComponents = [
+    "Button",
+    "Input",
+    "Card",
+    "Stack",
+    "Text",
+];
+//# sourceMappingURL=contracts.js.map

package/dist/contracts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contracts.js","sourceRoot":"","sources":["../src/contracts.ts"],"names":[],"mappings":"AA8LA,kDAAkD;AAClD,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,QAAQ;IACR,aAAa;IACb,OAAO;IACP,UAAU;IACV,OAAO;IACP,MAAM;IACN,OAAO;IACP,MAAM;IACN,OAAO;IACP,KAAK;IACL,SAAS;IACT,QAAQ;IACR,QAAQ;IACR,MAAM;CACgD,CAAC;AAEzD,yCAAyC;AACzC,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,QAAQ;IACR,OAAO;IACP,MAAM;IACN,OAAO;IACP,MAAM;CACmD,CAAC"}

package/dist/generated/values.d.ts

@@ -0,0 +1,192 @@
+/** 간격 스케일. 희소 열거이며 열거 밖 키는 클래스가 없다(C-7a). */
+export declare const spacing: {
+    readonly "0": "0px";
+    readonly "1": "4px";
+    readonly "2": "8px";
+    readonly "3": "12px";
+    readonly "4": "16px";
+    readonly "6": "24px";
+    readonly "8": "32px";
+    readonly "12": "48px";
+    readonly "16": "64px";
+    readonly "20": "80px";
+    readonly "24": "96px";
+};
+/** 모서리 반경 스케일. */
+export declare const radius: {
+    readonly sm: "4px";
+    readonly md: "8px";
+    readonly lg: "12px";
+    readonly full: "9999px";
+};
+/** 그림자 스케일. */
+export declare const shadow: {
+    readonly sm: "0 1px 2px oklch(0% 0 0 / 0.05)";
+    readonly md: "0 4px 8px oklch(0% 0 0 / 0.08)";
+    readonly lg: "0 12px 24px oklch(0% 0 0 / 0.12)";
+};
+/** 타이포 스텝 해석값. RN Text 가 클래스 대신 style 로 넣어야 할 때 읽는다(C-19 (5) 분기). */
+export declare const text: {
+    readonly sm: {
+        readonly fontSize: "14px";
+        readonly lineHeight: "20px";
+        readonly fontWeight: 400;
+    };
+    readonly md: {
+        readonly fontSize: "16px";
+        readonly lineHeight: "24px";
+        readonly fontWeight: 400;
+    };
+    readonly lg: {
+        readonly fontSize: "18px";
+        readonly lineHeight: "28px";
+        readonly fontWeight: 500;
+    };
+    readonly xl: {
+        readonly fontSize: "20px";
+        readonly lineHeight: "28px";
+        readonly fontWeight: 600;
+    };
+    readonly "2xl": {
+        readonly fontSize: "24px";
+        readonly lineHeight: "32px";
+        readonly fontWeight: 700;
+    };
+};
+/** 폰트 패밀리. 폰트 파일은 동봉하지 않는다 — 로딩은 소비 프로젝트 책임(C-7b, AC-6c). */
+export declare const fontFamily: {
+    readonly sans: {
+        readonly web: "\"Pretendard Variable\", Pretendard, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif";
+        readonly native: "Pretendard";
+    };
+};
+/**
+ * tailwind-merge 설정. 웹·RN 이 extendTailwindMerge({ override: { theme: twMergeConfig } }) 로 쓴다.
+ * override 여야 한다 — extend 는 기본 검증자에 concat 이라 spacing 의 기본 isNumber 가 남아
+ * cn("mt-4", "mt-5") 가 mt-5 로 접히고 DS 기본 여백이 사라진다(plan v2 F-4).
+ */
+export declare const twMergeConfig: {
+    color: string[];
+    spacing: string[];
+    radius: string[];
+    shadow: string[];
+    text: string[];
+};
+/** @theme inline 색 키 → :root 변수 이름. C-5b 공개 계약의 실체다. */
+export declare const semanticVariables: {
+    readonly canvas: "--bg-canvas";
+    readonly surface: "--bg-surface";
+    readonly "surface-muted": "--bg-surface-muted";
+    readonly "surface-hover": "--bg-surface-hover";
+    readonly brand: "--bg-brand";
+    readonly "brand-hover": "--bg-brand-hover";
+    readonly danger: "--bg-danger";
+    readonly "danger-hover": "--bg-danger-hover";
+    readonly overlay: "--bg-overlay";
+    readonly fg: "--fg-default";
+    readonly "fg-muted": "--fg-muted";
+    readonly "fg-danger": "--fg-danger";
+    readonly "fg-on-brand": "--fg-on-brand";
+    readonly "fg-on-danger": "--fg-on-danger";
+    readonly border: "--border-default";
+    readonly "border-focus": "--border-focus";
+};
+/**
+ * component 계층 recipe. 값은 스케일 키이며 클래스 조립은 컴포넌트 구현이 한다
+ * (정적 리터럴이어야 @source 스캔이 잡는다 — C-4 (2)).
+ */
+export declare const component: {
+    readonly badge: {
+        readonly sm: {
+            readonly paddingX: "2";
+            readonly paddingY: "0";
+            readonly text: "sm";
+            readonly radius: "full";
+        };
+        readonly md: {
+            readonly paddingX: "3";
+            readonly paddingY: "1";
+            readonly text: "sm";
+            readonly radius: "full";
+        };
+    };
+    readonly button: {
+        readonly sm: {
+            readonly paddingX: "3";
+            readonly paddingY: "1";
+            readonly text: "sm";
+            readonly radius: "md";
+            readonly gap: "1";
+        };
+        readonly md: {
+            readonly paddingX: "4";
+            readonly paddingY: "2";
+            readonly text: "md";
+            readonly radius: "md";
+            readonly gap: "2";
+        };
+        readonly lg: {
+            readonly paddingX: "6";
+            readonly paddingY: "3";
+            readonly text: "lg";
+            readonly radius: "lg";
+            readonly gap: "2";
+        };
+    };
+    readonly card: {
+        readonly padding: "4";
+        readonly radius: "lg";
+        readonly shadow: "sm";
+    };
+    readonly dialog: {
+        readonly padding: "6";
+        readonly radius: "lg";
+        readonly shadow: "lg";
+        readonly maxWidth: "max-w-md";
+    };
+    readonly drawer: {
+        readonly padding: "6";
+        readonly width: "max-w-sm w-full";
+    };
+    readonly icon: {
+        readonly size: {
+            readonly sm: 16;
+            readonly md: 20;
+            readonly lg: 24;
+        };
+    };
+    readonly input: {
+        readonly sm: {
+            readonly paddingX: "3";
+            readonly paddingY: "1";
+            readonly text: "sm";
+            readonly radius: "md";
+        };
+        readonly md: {
+            readonly paddingX: "3";
+            readonly paddingY: "2";
+            readonly text: "md";
+            readonly radius: "md";
+        };
+        readonly lg: {
+            readonly paddingX: "4";
+            readonly paddingY: "3";
+            readonly text: "lg";
+            readonly radius: "md";
+        };
+    };
+    readonly textarea: {
+        readonly rows: {
+            readonly sm: 3;
+            readonly md: 5;
+            readonly lg: 8;
+        };
+    };
+    readonly tooltip: {
+        readonly paddingX: "2";
+        readonly paddingY: "1";
+        readonly text: "sm";
+        readonly radius: "sm";
+    };
+};
+//# sourceMappingURL=values.d.ts.map

package/dist/generated/values.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"values.d.ts","sourceRoot":"","sources":["../../src/generated/values.ts"],"names":[],"mappings":"AAEA,6CAA6C;AAC7C,eAAO,MAAM,OAAO;;;;;;;;;;;;CAYV,CAAC;AAEX,kBAAkB;AAClB,eAAO,MAAM,MAAM;;;;;CAKT,CAAC;AAEX,eAAe;AACf,eAAO,MAAM,MAAM;;;;CAIT,CAAC;AAEX,qEAAqE;AACrE,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BP,CAAC;AAEX,6DAA6D;AAC7D,eAAO,MAAM,UAAU;;;;;CAKb,CAAC;AAEX;;;;GAIG;AACH,eAAO,MAAM,aAAa;;;;;;CAkDzB,CAAC;AAEF,wDAAwD;AACxD,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;CAiBpB,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6FZ,CAAC"}

package/dist/generated/values.js

@@ -0,0 +1,237 @@
+// 생성 파일. packages/tokens/scripts/build.ts 가 만든다. 직접 수정하지 않는다.
+/** 간격 스케일. 희소 열거이며 열거 밖 키는 클래스가 없다(C-7a). */
+export const spacing = {
+    "0": "0px",
+    "1": "4px",
+    "2": "8px",
+    "3": "12px",
+    "4": "16px",
+    "6": "24px",
+    "8": "32px",
+    "12": "48px",
+    "16": "64px",
+    "20": "80px",
+    "24": "96px"
+};
+/** 모서리 반경 스케일. */
+export const radius = {
+    "sm": "4px",
+    "md": "8px",
+    "lg": "12px",
+    "full": "9999px"
+};
+/** 그림자 스케일. */
+export const shadow = {
+    "sm": "0 1px 2px oklch(0% 0 0 / 0.05)",
+    "md": "0 4px 8px oklch(0% 0 0 / 0.08)",
+    "lg": "0 12px 24px oklch(0% 0 0 / 0.12)"
+};
+/** 타이포 스텝 해석값. RN Text 가 클래스 대신 style 로 넣어야 할 때 읽는다(C-19 (5) 분기). */
+export const text = {
+    "sm": {
+        "fontSize": "14px",
+        "lineHeight": "20px",
+        "fontWeight": 400
+    },
+    "md": {
+        "fontSize": "16px",
+        "lineHeight": "24px",
+        "fontWeight": 400
+    },
+    "lg": {
+        "fontSize": "18px",
+        "lineHeight": "28px",
+        "fontWeight": 500
+    },
+    "xl": {
+        "fontSize": "20px",
+        "lineHeight": "28px",
+        "fontWeight": 600
+    },
+    "2xl": {
+        "fontSize": "24px",
+        "lineHeight": "32px",
+        "fontWeight": 700
+    }
+};
+/** 폰트 패밀리. 폰트 파일은 동봉하지 않는다 — 로딩은 소비 프로젝트 책임(C-7b, AC-6c). */
+export const fontFamily = {
+    "sans": {
+        "web": "\"Pretendard Variable\", Pretendard, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+        "native": "Pretendard"
+    }
+};
+/**
+ * tailwind-merge 설정. 웹·RN 이 extendTailwindMerge({ override: { theme: twMergeConfig } }) 로 쓴다.
+ * override 여야 한다 — extend 는 기본 검증자에 concat 이라 spacing 의 기본 isNumber 가 남아
+ * cn("mt-4", "mt-5") 가 mt-5 로 접히고 DS 기본 여백이 사라진다(plan v2 F-4).
+ */
+export const twMergeConfig = {
+    "color": [
+        "canvas",
+        "surface",
+        "surface-muted",
+        "surface-hover",
+        "brand",
+        "brand-hover",
+        "danger",
+        "danger-hover",
+        "overlay",
+        "fg",
+        "fg-muted",
+        "fg-danger",
+        "fg-on-brand",
+        "fg-on-danger",
+        "border",
+        "border-focus"
+    ],
+    "spacing": [
+        "0",
+        "1",
+        "2",
+        "3",
+        "4",
+        "6",
+        "8",
+        "12",
+        "16",
+        "20",
+        "24"
+    ],
+    "radius": [
+        "sm",
+        "md",
+        "lg",
+        "full"
+    ],
+    "shadow": [
+        "sm",
+        "md",
+        "lg"
+    ],
+    "text": [
+        "sm",
+        "md",
+        "lg",
+        "xl",
+        "2xl"
+    ]
+};
+/** @theme inline 색 키 → :root 변수 이름. C-5b 공개 계약의 실체다. */
+export const semanticVariables = {
+    "canvas": "--bg-canvas",
+    "surface": "--bg-surface",
+    "surface-muted": "--bg-surface-muted",
+    "surface-hover": "--bg-surface-hover",
+    "brand": "--bg-brand",
+    "brand-hover": "--bg-brand-hover",
+    "danger": "--bg-danger",
+    "danger-hover": "--bg-danger-hover",
+    "overlay": "--bg-overlay",
+    "fg": "--fg-default",
+    "fg-muted": "--fg-muted",
+    "fg-danger": "--fg-danger",
+    "fg-on-brand": "--fg-on-brand",
+    "fg-on-danger": "--fg-on-danger",
+    "border": "--border-default",
+    "border-focus": "--border-focus"
+};
+/**
+ * component 계층 recipe. 값은 스케일 키이며 클래스 조립은 컴포넌트 구현이 한다
+ * (정적 리터럴이어야 @source 스캔이 잡는다 — C-4 (2)).
+ */
+export const component = {
+    "badge": {
+        "sm": {
+            "paddingX": "2",
+            "paddingY": "0",
+            "text": "sm",
+            "radius": "full"
+        },
+        "md": {
+            "paddingX": "3",
+            "paddingY": "1",
+            "text": "sm",
+            "radius": "full"
+        }
+    },
+    "button": {
+        "sm": {
+            "paddingX": "3",
+            "paddingY": "1",
+            "text": "sm",
+            "radius": "md",
+            "gap": "1"
+        },
+        "md": {
+            "paddingX": "4",
+            "paddingY": "2",
+            "text": "md",
+            "radius": "md",
+            "gap": "2"
+        },
+        "lg": {
+            "paddingX": "6",
+            "paddingY": "3",
+            "text": "lg",
+            "radius": "lg",
+            "gap": "2"
+        }
+    },
+    "card": {
+        "padding": "4",
+        "radius": "lg",
+        "shadow": "sm"
+    },
+    "dialog": {
+        "padding": "6",
+        "radius": "lg",
+        "shadow": "lg",
+        "maxWidth": "max-w-md"
+    },
+    "drawer": {
+        "padding": "6",
+        "width": "max-w-sm w-full"
+    },
+    "icon": {
+        "size": {
+            "sm": 16,
+            "md": 20,
+            "lg": 24
+        }
+    },
+    "input": {
+        "sm": {
+            "paddingX": "3",
+            "paddingY": "1",
+            "text": "sm",
+            "radius": "md"
+        },
+        "md": {
+            "paddingX": "3",
+            "paddingY": "2",
+            "text": "md",
+            "radius": "md"
+        },
+        "lg": {
+            "paddingX": "4",
+            "paddingY": "3",
+            "text": "lg",
+            "radius": "md"
+        }
+    },
+    "textarea": {
+        "rows": {
+            "sm": 3,
+            "md": 5,
+            "lg": 8
+        }
+    },
+    "tooltip": {
+        "paddingX": "2",
+        "paddingY": "1",
+        "text": "sm",
+        "radius": "sm"
+    }
+};
+//# sourceMappingURL=values.js.map

package/dist/generated/values.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"values.js","sourceRoot":"","sources":["../../src/generated/values.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./contracts.js";
+export * from "./generated/values.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC"}

package/dist/index.js

@@ -0,0 +1,3 @@
+export * from "./contracts.js";
+export * from "./generated/values.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC"}

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@eeennsu/tokens",
+  "version": "0.1.0",
+  "description": "디자인 시스템 토큰 · 컴포넌트 계약 타입 (웹 · React Native 공용)",
+  "license": "MIT",
+  "type": "module",
+  "sideEffects": false,
+  "files": [
+    "dist",
+    "themes"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./brands/base": {
+      "types": "./dist/brands/base.d.ts",
+      "default": "./dist/brands/base.js"
+    },
+    "./brands/bakery": {
+      "types": "./dist/brands/bakery.d.ts",
+      "default": "./dist/brands/bakery.js"
+    },
+    "./themes/*.css": "./themes/*.css"
+  },
+  "peerDependencies": {
+    "@types/react": "*"
+  },
+  "peerDependenciesMeta": {
+    "@types/react": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@tailwindcss/node": "^4.3.3",
+    "@types/react": "^19.2.2",
+    "tailwind-merge": "^3.6.0",
+    "tailwindcss": "^4.3.3",
+    "tsx": "^4.23.13"
+  },
+  "scripts": {
+    "build": "tsx scripts/build.ts && tsc -p tsconfig.json",
+    "test": "vitest run --typecheck --passWithNoTests"
+  }
+}

package/themes/bakery.css

@@ -0,0 +1,183 @@
+/* 생성 파일. packages/tokens/scripts/build.ts 가 만든다. 직접 수정하지 않는다. */
+/* @eeennsu/tokens — brand: bakery. 내부 산출물이며 소비자는 플랫폼 래퍼를 import 한다(C-3). */
+
+:root {
+  /* primitive — 공개 계약이 아니다. 이름 안정성을 보장하지 않는다(알려진 동작 13). */
+  --ds-gray-50: oklch(98.5% 0.002 247.839);
+  --ds-gray-100: oklch(96.7% 0.003 264.542);
+  --ds-gray-200: oklch(92.8% 0.006 264.531);
+  --ds-gray-300: oklch(87.2% 0.01 258.338);
+  --ds-gray-400: oklch(70.7% 0.022 261.325);
+  --ds-gray-500: oklch(55.1% 0.027 264.364);
+  --ds-gray-600: oklch(44.6% 0.03 256.802);
+  --ds-gray-700: oklch(37.3% 0.034 259.733);
+  --ds-gray-800: oklch(27.8% 0.033 256.848);
+  --ds-gray-900: oklch(21% 0.034 264.665);
+  --ds-gray-950: oklch(13% 0.028 261.692);
+  --ds-blue-50: oklch(97% 0.014 254.604);
+  --ds-blue-100: oklch(93.2% 0.032 255.585);
+  --ds-blue-200: oklch(88.2% 0.059 254.128);
+  --ds-blue-300: oklch(80.9% 0.105 251.813);
+  --ds-blue-400: oklch(70.7% 0.165 254.624);
+  --ds-blue-500: oklch(62.3% 0.214 259.815);
+  --ds-blue-600: oklch(54.6% 0.245 262.881);
+  --ds-blue-700: oklch(48.8% 0.243 264.376);
+  --ds-blue-800: oklch(42.4% 0.199 265.638);
+  --ds-blue-900: oklch(37.9% 0.146 265.522);
+  --ds-blue-950: oklch(28.2% 0.091 267.935);
+  --ds-red-50: oklch(97.1% 0.013 17.38);
+  --ds-red-100: oklch(93.6% 0.032 17.717);
+  --ds-red-200: oklch(88.5% 0.062 18.334);
+  --ds-red-300: oklch(80.8% 0.114 19.571);
+  --ds-red-400: oklch(70.4% 0.191 22.216);
+  --ds-red-500: oklch(63.7% 0.237 25.331);
+  --ds-red-600: oklch(57.7% 0.245 27.325);
+  --ds-red-700: oklch(50.5% 0.213 27.518);
+  --ds-red-800: oklch(44.4% 0.177 26.899);
+  --ds-red-900: oklch(39.6% 0.141 25.723);
+  --ds-red-950: oklch(25.8% 0.092 26.042);
+  --ds-amber-50: oklch(98.7% 0.022 95.277);
+  --ds-amber-100: oklch(96.2% 0.059 95.617);
+  --ds-amber-200: oklch(92.4% 0.12 95.746);
+  --ds-amber-300: oklch(87.9% 0.169 91.605);
+  --ds-amber-400: oklch(82.8% 0.189 84.429);
+  --ds-amber-500: oklch(76.9% 0.188 70.08);
+  --ds-amber-600: oklch(66.6% 0.179 58.318);
+  --ds-amber-700: oklch(55.5% 0.163 48.998);
+  --ds-amber-800: oklch(47.3% 0.137 46.201);
+  --ds-amber-900: oklch(41.4% 0.112 45.904);
+  --ds-amber-950: oklch(27.9% 0.077 45.635);
+  --ds-white: oklch(100% 0 0);
+  --ds-black: oklch(0% 0 0);
+  --ds-black-alpha-50: oklch(0% 0 0 / 0.5);
+  --ds-black-alpha-60: oklch(0% 0 0 / 0.6);
+
+  /* semantic (light) — 이 변수 이름이 공개 계약이다(C-5b). */
+  --bg-canvas: oklch(98.7% 0.022 95.277);
+  --bg-surface: oklch(100% 0 0);
+  --bg-surface-muted: oklch(96.2% 0.059 95.617);
+  --bg-surface-hover: oklch(92.4% 0.12 95.746);
+  --bg-brand: oklch(66.6% 0.179 58.318);
+  --bg-brand-hover: oklch(55.5% 0.163 48.998);
+  --bg-danger: oklch(57.7% 0.245 27.325);
+  --bg-danger-hover: oklch(50.5% 0.213 27.518);
+  --bg-overlay: oklch(0% 0 0 / 0.5);
+  --fg-default: oklch(21% 0.034 264.665);
+  --fg-muted: oklch(44.6% 0.03 256.802);
+  --fg-danger: var(--bg-danger);
+  --fg-on-brand: oklch(100% 0 0);
+  --fg-on-danger: oklch(100% 0 0);
+  --border-default: oklch(87.9% 0.169 91.605);
+  --border-focus: var(--bg-brand);
+}
+
+/* 다크는 두 셀렉터에 같은 값을 낸다(C-20). */
+.dark {
+  --bg-canvas: oklch(13% 0.028 261.692);
+  --bg-surface: oklch(21% 0.034 264.665);
+  --bg-surface-muted: oklch(27.8% 0.033 256.848);
+  --bg-surface-hover: oklch(37.3% 0.034 259.733);
+  --bg-brand: oklch(76.9% 0.188 70.08);
+  --bg-brand-hover: oklch(82.8% 0.189 84.429);
+  --bg-danger: oklch(63.7% 0.237 25.331);
+  --bg-danger-hover: oklch(70.4% 0.191 22.216);
+  --bg-overlay: oklch(0% 0 0 / 0.6);
+  --fg-default: oklch(98.5% 0.002 247.839);
+  --fg-muted: oklch(70.7% 0.022 261.325);
+  --fg-danger: var(--bg-danger);
+  --fg-on-brand: oklch(13% 0.028 261.692);
+  --fg-on-danger: oklch(100% 0 0);
+  --border-default: oklch(37.3% 0.034 259.733);
+  --border-focus: var(--bg-brand);
+}
+
+@media (prefers-color-scheme: dark) {
+  :root:not(.light) {
+    --bg-canvas: oklch(13% 0.028 261.692);
+    --bg-surface: oklch(21% 0.034 264.665);
+    --bg-surface-muted: oklch(27.8% 0.033 256.848);
+    --bg-surface-hover: oklch(37.3% 0.034 259.733);
+    --bg-brand: oklch(76.9% 0.188 70.08);
+    --bg-brand-hover: oklch(82.8% 0.189 84.429);
+    --bg-danger: oklch(63.7% 0.237 25.331);
+    --bg-danger-hover: oklch(70.4% 0.191 22.216);
+    --bg-overlay: oklch(0% 0 0 / 0.6);
+    --fg-default: oklch(98.5% 0.002 247.839);
+    --fg-muted: oklch(70.7% 0.022 261.325);
+    --fg-danger: var(--bg-danger);
+    --fg-on-brand: oklch(13% 0.028 261.692);
+    --fg-on-danger: oklch(100% 0 0);
+    --border-default: oklch(37.3% 0.034 259.733);
+    --border-focus: var(--bg-brand);
+  }
+}
+
+@theme {
+  /* 네임스페이스 리셋 — DS 어휘 밖 클래스는 생성되지 않는다(C-6, 알려진 동작 1). */
+  --color-*: initial;
+  --spacing-*: initial;
+  --spacing: initial;
+  --radius-*: initial;
+  --shadow-*: initial;
+  --text-*: initial;
+  --font-weight-*: initial;
+
+  --spacing-0: 0px;
+  --spacing-1: 4px;
+  --spacing-2: 8px;
+  --spacing-3: 12px;
+  --spacing-4: 16px;
+  --spacing-6: 24px;
+  --spacing-8: 32px;
+  --spacing-12: 48px;
+  --spacing-16: 64px;
+  --spacing-20: 80px;
+  --spacing-24: 96px;
+
+  --radius-sm: 4px;
+  --radius-md: 8px;
+  --radius-lg: 12px;
+  --radius-full: 9999px;
+
+  --shadow-sm: 0 1px 2px oklch(0% 0 0 / 0.05);
+  --shadow-md: 0 4px 8px oklch(0% 0 0 / 0.08);
+  --shadow-lg: 0 12px 24px oklch(0% 0 0 / 0.12);
+
+  --text-sm: 14px;
+  --text-sm--line-height: 20px;
+  --text-sm--font-weight: 400;
+  --text-md: 16px;
+  --text-md--line-height: 24px;
+  --text-md--font-weight: 400;
+  --text-lg: 18px;
+  --text-lg--line-height: 28px;
+  --text-lg--font-weight: 500;
+  --text-xl: 20px;
+  --text-xl--line-height: 28px;
+  --text-xl--font-weight: 600;
+  --text-2xl: 24px;
+  --text-2xl--line-height: 32px;
+  --text-2xl--font-weight: 700;
+
+  --font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+}
+
+/* inline 은 색만 — var() 참조여야 :root 재선언이 클래스까지 전파된다(C-5b). */
+@theme inline {
+  --color-canvas: var(--bg-canvas);
+  --color-surface: var(--bg-surface);
+  --color-surface-muted: var(--bg-surface-muted);
+  --color-surface-hover: var(--bg-surface-hover);
+  --color-brand: var(--bg-brand);
+  --color-brand-hover: var(--bg-brand-hover);
+  --color-danger: var(--bg-danger);
+  --color-danger-hover: var(--bg-danger-hover);
+  --color-overlay: var(--bg-overlay);
+  --color-fg: var(--fg-default);
+  --color-fg-muted: var(--fg-muted);
+  --color-fg-danger: var(--fg-danger);
+  --color-fg-on-brand: var(--fg-on-brand);
+  --color-fg-on-danger: var(--fg-on-danger);
+  --color-border: var(--border-default);
+  --color-border-focus: var(--border-focus);
+}

package/themes/base.css

@@ -0,0 +1,183 @@
+/* 생성 파일. packages/tokens/scripts/build.ts 가 만든다. 직접 수정하지 않는다. */
+/* @eeennsu/tokens — brand: base. 내부 산출물이며 소비자는 플랫폼 래퍼를 import 한다(C-3). */
+
+:root {
+  /* primitive — 공개 계약이 아니다. 이름 안정성을 보장하지 않는다(알려진 동작 13). */
+  --ds-gray-50: oklch(98.5% 0.002 247.839);
+  --ds-gray-100: oklch(96.7% 0.003 264.542);
+  --ds-gray-200: oklch(92.8% 0.006 264.531);
+  --ds-gray-300: oklch(87.2% 0.01 258.338);
+  --ds-gray-400: oklch(70.7% 0.022 261.325);
+  --ds-gray-500: oklch(55.1% 0.027 264.364);
+  --ds-gray-600: oklch(44.6% 0.03 256.802);
+  --ds-gray-700: oklch(37.3% 0.034 259.733);
+  --ds-gray-800: oklch(27.8% 0.033 256.848);
+  --ds-gray-900: oklch(21% 0.034 264.665);
+  --ds-gray-950: oklch(13% 0.028 261.692);
+  --ds-blue-50: oklch(97% 0.014 254.604);
+  --ds-blue-100: oklch(93.2% 0.032 255.585);
+  --ds-blue-200: oklch(88.2% 0.059 254.128);
+  --ds-blue-300: oklch(80.9% 0.105 251.813);
+  --ds-blue-400: oklch(70.7% 0.165 254.624);
+  --ds-blue-500: oklch(62.3% 0.214 259.815);
+  --ds-blue-600: oklch(54.6% 0.245 262.881);
+  --ds-blue-700: oklch(48.8% 0.243 264.376);
+  --ds-blue-800: oklch(42.4% 0.199 265.638);
+  --ds-blue-900: oklch(37.9% 0.146 265.522);
+  --ds-blue-950: oklch(28.2% 0.091 267.935);
+  --ds-red-50: oklch(97.1% 0.013 17.38);
+  --ds-red-100: oklch(93.6% 0.032 17.717);
+  --ds-red-200: oklch(88.5% 0.062 18.334);
+  --ds-red-300: oklch(80.8% 0.114 19.571);
+  --ds-red-400: oklch(70.4% 0.191 22.216);
+  --ds-red-500: oklch(63.7% 0.237 25.331);
+  --ds-red-600: oklch(57.7% 0.245 27.325);
+  --ds-red-700: oklch(50.5% 0.213 27.518);
+  --ds-red-800: oklch(44.4% 0.177 26.899);
+  --ds-red-900: oklch(39.6% 0.141 25.723);
+  --ds-red-950: oklch(25.8% 0.092 26.042);
+  --ds-amber-50: oklch(98.7% 0.022 95.277);
+  --ds-amber-100: oklch(96.2% 0.059 95.617);
+  --ds-amber-200: oklch(92.4% 0.12 95.746);
+  --ds-amber-300: oklch(87.9% 0.169 91.605);
+  --ds-amber-400: oklch(82.8% 0.189 84.429);
+  --ds-amber-500: oklch(76.9% 0.188 70.08);
+  --ds-amber-600: oklch(66.6% 0.179 58.318);
+  --ds-amber-700: oklch(55.5% 0.163 48.998);
+  --ds-amber-800: oklch(47.3% 0.137 46.201);
+  --ds-amber-900: oklch(41.4% 0.112 45.904);
+  --ds-amber-950: oklch(27.9% 0.077 45.635);
+  --ds-white: oklch(100% 0 0);
+  --ds-black: oklch(0% 0 0);
+  --ds-black-alpha-50: oklch(0% 0 0 / 0.5);
+  --ds-black-alpha-60: oklch(0% 0 0 / 0.6);
+
+  /* semantic (light) — 이 변수 이름이 공개 계약이다(C-5b). */
+  --bg-canvas: oklch(100% 0 0);
+  --bg-surface: oklch(100% 0 0);
+  --bg-surface-muted: oklch(96.7% 0.003 264.542);
+  --bg-surface-hover: oklch(92.8% 0.006 264.531);
+  --bg-brand: oklch(54.6% 0.245 262.881);
+  --bg-brand-hover: oklch(48.8% 0.243 264.376);
+  --bg-danger: oklch(57.7% 0.245 27.325);
+  --bg-danger-hover: oklch(50.5% 0.213 27.518);
+  --bg-overlay: oklch(0% 0 0 / 0.5);
+  --fg-default: oklch(21% 0.034 264.665);
+  --fg-muted: oklch(55.1% 0.027 264.364);
+  --fg-danger: var(--bg-danger);
+  --fg-on-brand: oklch(100% 0 0);
+  --fg-on-danger: oklch(100% 0 0);
+  --border-default: oklch(87.2% 0.01 258.338);
+  --border-focus: var(--bg-brand);
+}
+
+/* 다크는 두 셀렉터에 같은 값을 낸다(C-20). */
+.dark {
+  --bg-canvas: oklch(13% 0.028 261.692);
+  --bg-surface: oklch(21% 0.034 264.665);
+  --bg-surface-muted: oklch(27.8% 0.033 256.848);
+  --bg-surface-hover: oklch(37.3% 0.034 259.733);
+  --bg-brand: oklch(62.3% 0.214 259.815);
+  --bg-brand-hover: oklch(70.7% 0.165 254.624);
+  --bg-danger: oklch(63.7% 0.237 25.331);
+  --bg-danger-hover: oklch(70.4% 0.191 22.216);
+  --bg-overlay: oklch(0% 0 0 / 0.6);
+  --fg-default: oklch(98.5% 0.002 247.839);
+  --fg-muted: oklch(70.7% 0.022 261.325);
+  --fg-danger: var(--bg-danger);
+  --fg-on-brand: oklch(100% 0 0);
+  --fg-on-danger: oklch(100% 0 0);
+  --border-default: oklch(37.3% 0.034 259.733);
+  --border-focus: var(--bg-brand);
+}
+
+@media (prefers-color-scheme: dark) {
+  :root:not(.light) {
+    --bg-canvas: oklch(13% 0.028 261.692);
+    --bg-surface: oklch(21% 0.034 264.665);
+    --bg-surface-muted: oklch(27.8% 0.033 256.848);
+    --bg-surface-hover: oklch(37.3% 0.034 259.733);
+    --bg-brand: oklch(62.3% 0.214 259.815);
+    --bg-brand-hover: oklch(70.7% 0.165 254.624);
+    --bg-danger: oklch(63.7% 0.237 25.331);
+    --bg-danger-hover: oklch(70.4% 0.191 22.216);
+    --bg-overlay: oklch(0% 0 0 / 0.6);
+    --fg-default: oklch(98.5% 0.002 247.839);
+    --fg-muted: oklch(70.7% 0.022 261.325);
+    --fg-danger: var(--bg-danger);
+    --fg-on-brand: oklch(100% 0 0);
+    --fg-on-danger: oklch(100% 0 0);
+    --border-default: oklch(37.3% 0.034 259.733);
+    --border-focus: var(--bg-brand);
+  }
+}
+
+@theme {
+  /* 네임스페이스 리셋 — DS 어휘 밖 클래스는 생성되지 않는다(C-6, 알려진 동작 1). */
+  --color-*: initial;
+  --spacing-*: initial;
+  --spacing: initial;
+  --radius-*: initial;
+  --shadow-*: initial;
+  --text-*: initial;
+  --font-weight-*: initial;
+
+  --spacing-0: 0px;
+  --spacing-1: 4px;
+  --spacing-2: 8px;
+  --spacing-3: 12px;
+  --spacing-4: 16px;
+  --spacing-6: 24px;
+  --spacing-8: 32px;
+  --spacing-12: 48px;
+  --spacing-16: 64px;
+  --spacing-20: 80px;
+  --spacing-24: 96px;
+
+  --radius-sm: 4px;
+  --radius-md: 8px;
+  --radius-lg: 12px;
+  --radius-full: 9999px;
+
+  --shadow-sm: 0 1px 2px oklch(0% 0 0 / 0.05);
+  --shadow-md: 0 4px 8px oklch(0% 0 0 / 0.08);
+  --shadow-lg: 0 12px 24px oklch(0% 0 0 / 0.12);
+
+  --text-sm: 14px;
+  --text-sm--line-height: 20px;
+  --text-sm--font-weight: 400;
+  --text-md: 16px;
+  --text-md--line-height: 24px;
+  --text-md--font-weight: 400;
+  --text-lg: 18px;
+  --text-lg--line-height: 28px;
+  --text-lg--font-weight: 500;
+  --text-xl: 20px;
+  --text-xl--line-height: 28px;
+  --text-xl--font-weight: 600;
+  --text-2xl: 24px;
+  --text-2xl--line-height: 32px;
+  --text-2xl--font-weight: 700;
+
+  --font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+}
+
+/* inline 은 색만 — var() 참조여야 :root 재선언이 클래스까지 전파된다(C-5b). */
+@theme inline {
+  --color-canvas: var(--bg-canvas);
+  --color-surface: var(--bg-surface);
+  --color-surface-muted: var(--bg-surface-muted);
+  --color-surface-hover: var(--bg-surface-hover);
+  --color-brand: var(--bg-brand);
+  --color-brand-hover: var(--bg-brand-hover);
+  --color-danger: var(--bg-danger);
+  --color-danger-hover: var(--bg-danger-hover);
+  --color-overlay: var(--bg-overlay);
+  --color-fg: var(--fg-default);
+  --color-fg-muted: var(--fg-muted);
+  --color-fg-danger: var(--fg-danger);
+  --color-fg-on-brand: var(--fg-on-brand);
+  --color-fg-on-danger: var(--fg-on-danger);
+  --color-border: var(--border-default);
+  --color-border-focus: var(--border-focus);
+}