kwon-ui 0.0.0-stage → 0.1.0

package/dist/react/type.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { titleText } from "./tone.js";
+import { cx } from "./util.js";
+/** 첫 화면 제목. 한 페이지에 한 번만 쓴다. */
+export function Display({ as, line, label, className, children, ...rest }) {
+    const Tag = as ?? "h1";
+    return (_jsx(Tag, { className: cx("n-display", className), ...rest, children: children ?? (line ? titleText(line, label) : null) }));
+}
+/** 구간 제목. 한 문장 한 줄로 쓰고 진한 글자는 핵심 낱말 한두 개에만 준다. */
+export function Title({ as, line, label, className, children, ...rest }) {
+    const Tag = as ?? "h2";
+    return (_jsx(Tag, { className: cx("n-title", className), ...rest, children: children ?? (line ? titleText(line, label) : null) }));
+}
+/** 본문. */
+export function Body({ as, className, ...rest }) {
+    const Tag = as ?? "p";
+    return _jsx(Tag, { className: cx("n-body", className), ...rest });
+}
+/** 목록이나 카드 안의 작은 제목. 본문과 같은 크기이고 진한 글자다. */
+export function CardTitle({ as, className, ...rest }) {
+    const Tag = as ?? "h3";
+    return _jsx(Tag, { className: cx("n-card-title", className), ...rest });
+}
+/** 작은 글: 캡션, 기준, 라벨. num 을 주면 숫자 폭을 맞춘다. */
+export function Small({ as, num, className, ...rest }) {
+    const Tag = as ?? "p";
+    return _jsx(Tag, { className: cx("n-small", num && "n-num", className), ...rest });
+}

package/dist/react/util.d.ts

@@ -0,0 +1,10 @@
+import type { ComponentPropsWithoutRef, ElementType } from "react";
+/** 클래스 이름을 이어 붙인다. 거짓 값은 뺀다. */
+export declare function cx(...parts: Array<string | false | null | undefined>): string;
+/**
+ * as 로 태그나 컴포넌트를 바꿀 수 있는 조각의 속성.
+ * 예: <Pill as={Link} href="/contact"> 처럼 프레임워크의 링크 컴포넌트를 넘긴다.
+ */
+export type PolyProps<T extends ElementType, Own = object> = Own & {
+    as?: T;
+} & Omit<ComponentPropsWithoutRef<T>, keyof Own | "as">;

package/dist/react/util.js

@@ -0,0 +1,4 @@
+/** 클래스 이름을 이어 붙인다. 거짓 값은 뺀다. */
+export function cx(...parts) {
+    return parts.filter(Boolean).join(" ");
+}

package/package.json

@@ -1,6 +1,64 @@
 {
   "name": "kwon-ui",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.1.0",
+  "description": "권앤컴퍼니의 세 제품(홈페이지, 스킬캠퍼스, Projects)이 같이 쓰는 디자인 시스템: 토큰, 글자, 뼈대, 컴포넌트, 검사기",
+  "license": "UNLICENSED",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/kihyeonkwon/kwon-ui.git"
+  },
+  "homepage": "https://github.com/kihyeonkwon/kwon-ui#readme",
+  "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/react/index.d.ts",
+      "default": "./dist/react/index.js"
+    },
+    "./kwon-ui.css": "./dist/kwon-ui.css",
+    "./classes.json": "./dist/classes.json",
+    "./check": "./check/index.mjs",
+    "./CATALOG.md": "./CATALOG.md",
+    "./package.json": "./package.json"
+  },
+  "bin": {
+    "kwon-ui": "./bin/kwon-ui.mjs"
+  },
+  "files": [
+    "dist",
+    "!dist/catalog",
+    "check",
+    "bin",
+    "claude",
+    "CATALOG.md",
+    "CHANGELOG.md"
+  ],
+  "scripts": {
+    "build": "node scripts/build.mjs",
+    "test": "node --test test/*.test.mjs",
+    "verify": "npm run build && npm test",
+    "prepublishOnly": "npm run verify"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "react": ">=18"
+  },
+  "dependencies": {
+    "postcss": "^8.4.47"
+  },
+  "devDependencies": {
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "pretendard": "^1.3.9",
+    "react": "^19",
+    "react-dom": "^19",
+    "typescript": "^5"
+  },
+  "engines": {
+    "node": ">=20"
+  }
+}