@eeennsu/web 0.1.0

package/dist/badge.d.ts

@@ -0,0 +1,6 @@
+import type { Contracts } from "@eeennsu/tokens";
+import type { FC } from "react";
+type BadgeProps = Contracts<"web">["Badge"];
+export declare const Badge: FC<BadgeProps>;
+export {};
+//# sourceMappingURL=badge.d.ts.map

package/dist/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../src/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,KAAK,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC;AAkB5C,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAWhC,CAAC"}

package/dist/badge.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "./cn.js";
+/** Button 과 같은 semantic 매핑이되 hover 가 없다(§4.2). */
+const variants = {
+    primary: "bg-brand text-fg-on-brand",
+    secondary: "bg-surface-muted text-fg",
+    danger: "bg-danger text-fg-on-danger",
+};
+/**
+ * 투명 테두리를 둔다 — 같은 `py + text` 조합에서 Input 과 높이를 맞추기 위해서다(plan D-6).
+ */
+const sizes = {
+    sm: "px-2 py-0 text-sm rounded-full",
+    md: "px-3 py-1 text-sm rounded-full",
+};
+export const Badge = ({ children, variant = "secondary", size = "sm", className }) => (_jsx("span", { className: cn("inline-flex items-center border border-transparent", variants[variant], sizes[size], className), children: children }));
+//# sourceMappingURL=badge.js.map

package/dist/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../src/badge.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAK7B,kDAAkD;AAClD,MAAM,QAAQ,GAAiC;IAC7C,OAAO,EAAE,2BAA2B;IACpC,SAAS,EAAE,0BAA0B;IACrC,MAAM,EAAE,6BAA6B;CACtC,CAAC;AAEF;;GAEG;AACH,MAAM,KAAK,GAA8B;IACvC,EAAE,EAAE,gCAAgC;IACpC,EAAE,EAAE,gCAAgC;CACrC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EAAE,QAAQ,EAAE,OAAO,GAAG,WAAW,EAAE,IAAI,GAAG,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CACpG,eACE,SAAS,EAAE,EAAE,CACX,oDAAoD,EACpD,QAAQ,CAAC,OAAO,CAAC,EACjB,KAAK,CAAC,IAAI,CAAC,EACX,SAAS,CACV,YAEA,QAAQ,GACJ,CACR,CAAC"}

package/dist/box.d.ts

@@ -0,0 +1,8 @@
+import type { Contracts } from "@eeennsu/tokens";
+import type { FC } from "react";
+/**
+ * 스타일 없는 블록 컨테이너. `className` 을 붙일 자리다.
+ * 배치 prop 은 Stack 만 갖는다 — 둘 다 같은 prop 이면 하나가 죽은 코드가 된다(plan D-7).
+ */
+export declare const Box: FC<Contracts<"web">["Box"]>;
+//# sourceMappingURL=box.d.ts.map

package/dist/box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../src/box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC;;;GAGG;AACH,eAAO,MAAM,GAAG,EAAE,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAE3C,CAAC"}

package/dist/box.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "./cn.js";
+/**
+ * 스타일 없는 블록 컨테이너. `className` 을 붙일 자리다.
+ * 배치 prop 은 Stack 만 갖는다 — 둘 다 같은 prop 이면 하나가 죽은 코드가 된다(plan D-7).
+ */
+export const Box = ({ children, className }) => (_jsx("div", { className: cn(className), children: children }));
+//# sourceMappingURL=box.js.map

package/dist/box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"box.js","sourceRoot":"","sources":["../src/box.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAE7B;;;GAGG;AACH,MAAM,CAAC,MAAM,GAAG,GAAgC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAC3E,cAAK,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,YAAG,QAAQ,GAAO,CAChD,CAAC"}

package/dist/button-group.d.ts

@@ -0,0 +1,8 @@
+import type { Contracts } from "@eeennsu/tokens";
+import type { FC } from "react";
+/**
+ * 관련 Button 을 묶는다. `label` 이 그룹의 접근성 이름이 된다(C-13).
+ * 그룹 `size` 는 두지 않는다 — 자식 Button 이 각자 갖는다(plan D-30).
+ */
+export declare const ButtonGroup: FC<Contracts<"web">["ButtonGroup"]>;
+//# sourceMappingURL=button-group.d.ts.map

package/dist/button-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["../src/button-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,CAI3D,CAAC"}

package/dist/button-group.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "./cn.js";
+/**
+ * 관련 Button 을 묶는다. `label` 이 그룹의 접근성 이름이 된다(C-13).
+ * 그룹 `size` 는 두지 않는다 — 자식 Button 이 각자 갖는다(plan D-30).
+ */
+export const ButtonGroup = ({ label, children, className }) => (_jsx("div", { role: "group", "aria-label": label, className: cn("inline-flex items-center gap-2", className), children: children }));
+//# sourceMappingURL=button-group.js.map

package/dist/button-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.js","sourceRoot":"","sources":["../src/button-group.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAE7B;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAwC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAClG,cAAK,IAAI,EAAC,OAAO,gBAAa,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,gCAAgC,EAAE,SAAS,CAAC,YAC5F,QAAQ,GACL,CACP,CAAC"}

package/dist/button.d.ts

@@ -0,0 +1,19 @@
+import type { Contracts } from "@eeennsu/tokens";
+import type { FC } from "react";
+type ButtonProps = Contracts<"web">["Button"];
+/**
+ * 누름 버튼. `label` 이 가시 텍스트이자 접근성 이름이다 — `children` 이 없어
+ * WCAG 2.5.3(Label in Name) 위반 경로가 사라진다(C-13).
+ *
+ * `label` 은 아이콘 전용 모드에서도 항상 렌더된다(알려진 동작 9).
+ * `type="button"` 을 고정한다 — 기본값 `submit` 이면 `<form>` 안에서 Enter 가
+ * 암묵적 제출을 일으켜 `onClick` 이 실행된다(C-21).
+ *
+ * `ref` 는 엘리먼트를 그대로 넘긴다. HTMLElement 가 `FocusHandle` 을 구조적으로 만족하므로
+ * 계약 타입은 `Ref<FocusHandle>` 로 닫힌 채다(넓히는 방향은 스펙이 "추가적"이라 못박았다, C-17).
+ * 구성한 핸들을 넘기면 Base UI Tooltip 이 이 Button 을 앵커로 쓸 때 floating-ui 가
+ * `getBoundingClientRect` 를 찾지 못해 위치 계산이 깨진다.
+ */
+export declare const Button: FC<ButtonProps>;
+export {};
+//# sourceMappingURL=button.d.ts.map

package/dist/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../src/button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAwB,MAAM,iBAAiB,CAAC;AACvE,OAAO,KAAK,EAAE,EAAE,EAAO,MAAM,OAAO,CAAC;AAIrC,KAAK,WAAW,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC;AAiB9C;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAkClC,CAAC"}

package/dist/button.js

@@ -0,0 +1,39 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button as BaseButton } from "@base-ui/react/button";
+import { cn } from "./cn.js";
+import { Icon } from "./icon.js";
+/** variant → semantic 색 매핑(§4.2). ghost 만 배경이 없다. */
+const variants = {
+    primary: "bg-brand text-fg-on-brand hover:bg-brand-hover",
+    secondary: "bg-surface-muted text-fg hover:bg-surface-hover",
+    ghost: "text-fg hover:bg-surface-hover",
+    danger: "bg-danger text-fg-on-danger hover:bg-danger-hover",
+};
+/** 높이는 고정 `h-*` 없이 `py + text + 투명 테두리` 로 만든다 — 30 / 42 / 54 (plan D-6). */
+const sizes = {
+    sm: "px-3 py-1 text-sm rounded-md gap-1",
+    md: "px-4 py-2 text-md rounded-md gap-2",
+    lg: "px-6 py-3 text-lg rounded-lg gap-2",
+};
+/**
+ * 누름 버튼. `label` 이 가시 텍스트이자 접근성 이름이다 — `children` 이 없어
+ * WCAG 2.5.3(Label in Name) 위반 경로가 사라진다(C-13).
+ *
+ * `label` 은 아이콘 전용 모드에서도 항상 렌더된다(알려진 동작 9).
+ * `type="button"` 을 고정한다 — 기본값 `submit` 이면 `<form>` 안에서 Enter 가
+ * 암묵적 제출을 일으켜 `onClick` 이 실행된다(C-21).
+ *
+ * `ref` 는 엘리먼트를 그대로 넘긴다. HTMLElement 가 `FocusHandle` 을 구조적으로 만족하므로
+ * 계약 타입은 `Ref<FocusHandle>` 로 닫힌 채다(넓히는 방향은 스펙이 "추가적"이라 못박았다, C-17).
+ * 구성한 핸들을 넘기면 Base UI Tooltip 이 이 Button 을 앵커로 쓸 때 floating-ui 가
+ * `getBoundingClientRect` 를 찾지 못해 위치 계산이 깨진다.
+ */
+export const Button = ({ label, variant = "primary", size = "md", icon, loading = false, disabled = false, onClick, className, ref, }) => {
+    const inactive = disabled || loading;
+    return (_jsxs(BaseButton, { ref: ref, type: "button", disabled: inactive, 
+        // 계약은 `() => void` 다. 그대로 넘기면 이벤트 객체가 새어 나가
+        // `onClick={setOpen}` 같은 코드가 이벤트를 상태로 넣는다.
+        onClick: onClick && (() => onClick()), className: cn("inline-flex items-center justify-center border border-transparent", "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus", variants[variant], sizes[size], inactive && "opacity-50 pointer-events-none", className), children: [loading ? _jsx(Icon, { name: "loader", size: size, spin: true }) : icon ? _jsx(Icon, { name: icon, size: size }) : null, label] }));
+};
+//# sourceMappingURL=button.js.map

package/dist/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../src/button.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAG7D,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAC7B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAIjC,qDAAqD;AACrD,MAAM,QAAQ,GAA4B;IACxC,OAAO,EAAE,gDAAgD;IACzD,SAAS,EAAE,iDAAiD;IAC5D,KAAK,EAAE,gCAAgC;IACvC,MAAM,EAAE,mDAAmD;CAC5D,CAAC;AAEF,4EAA4E;AAC5E,MAAM,KAAK,GAAgC;IACzC,EAAE,EAAE,oCAAoC;IACxC,EAAE,EAAE,oCAAoC;IACxC,EAAE,EAAE,oCAAoC;CACzC,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,MAAM,GAAoB,CAAC,EACtC,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,SAAS,EACT,GAAG,GACJ,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,QAAQ,IAAI,OAAO,CAAC;IAErC,OAAO,CACL,MAAC,UAAU,IACT,GAAG,EAAE,GAAuB,EAC5B,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ;QAClB,4CAA4C;QAC5C,2CAA2C;QAC3C,OAAO,EAAE,OAAO,IAAI,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,EACrC,SAAS,EAAE,EAAE,CACX,mEAAmE,EACnE,2FAA2F,EAC3F,QAAQ,CAAC,OAAO,CAAC,EACjB,KAAK,CAAC,IAAI,CAAC,EACX,QAAQ,IAAI,gCAAgC,EAC5C,SAAS,CACV,aAEA,OAAO,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,SAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI,EAClG,KAAK,IACK,CACd,CAAC;AACJ,CAAC,CAAC"}

package/dist/card.d.ts

@@ -0,0 +1,8 @@
+import type { Contracts } from "@eeennsu/tokens";
+import type { FC } from "react";
+/**
+ * 표면 컨테이너. `variant` 를 두지 않는다 — 표면은 하나뿐이고
+ * 색을 바꾸려면 `className` 이다(§4.2).
+ */
+export declare const Card: FC<Contracts<"web">["Card"]>;
+//# sourceMappingURL=card.d.ts.map

package/dist/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../src/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC;;;GAGG;AACH,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAI7C,CAAC"}

package/dist/card.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "./cn.js";
+/**
+ * 표면 컨테이너. `variant` 를 두지 않는다 — 표면은 하나뿐이고
+ * 색을 바꾸려면 `className` 이다(§4.2).
+ */
+export const Card = ({ children, className }) => (_jsx("div", { className: cn("bg-surface border border-border rounded-lg shadow-sm p-4", className), children: children }));
+//# sourceMappingURL=card.js.map

package/dist/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../src/card.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAE7B;;;GAGG;AACH,MAAM,CAAC,MAAM,IAAI,GAAiC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAC7E,cAAK,SAAS,EAAE,EAAE,CAAC,0DAA0D,EAAE,SAAS,CAAC,YACtF,QAAQ,GACL,CACP,CAAC"}

package/dist/cn.d.ts

@@ -0,0 +1,8 @@
+/**
+ * DS 기본 클래스와 소비자 `className` 을 병합한다. 충돌하면 소비자가 이긴다(C-15).
+ *
+ * `override` 여야 한다 — `extend` 는 기본 검증자에 concat 이라 spacing 의 기본 `isNumber`
+ * 가 남고, 존재하지 않는 `mt-5` 가 DS 의 `mt-4` 를 밀어낸다(plan v2 F-4, T-T5 테스트).
+ */
+export declare const cn: (...classLists: import("tailwind-merge").ClassNameValue[]) => string;
+//# sourceMappingURL=cn.d.ts.map

package/dist/cn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../src/cn.ts"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,eAAO,MAAM,EAAE,sEAA8D,CAAC"}

package/dist/cn.js

@@ -0,0 +1,10 @@
+import { twMergeConfig } from "@eeennsu/tokens";
+import { extendTailwindMerge } from "tailwind-merge";
+/**
+ * DS 기본 클래스와 소비자 `className` 을 병합한다. 충돌하면 소비자가 이긴다(C-15).
+ *
+ * `override` 여야 한다 — `extend` 는 기본 검증자에 concat 이라 spacing 의 기본 `isNumber`
+ * 가 남고, 존재하지 않는 `mt-5` 가 DS 의 `mt-4` 를 밀어낸다(plan v2 F-4, T-T5 테스트).
+ */
+export const cn = extendTailwindMerge({ override: { theme: twMergeConfig } });
+//# sourceMappingURL=cn.js.map

package/dist/cn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.js","sourceRoot":"","sources":["../src/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAErD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,EAAE,GAAG,mBAAmB,CAAC,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,CAAC,CAAC"}

package/dist/dialog.d.ts

@@ -0,0 +1,11 @@
+import type { Contracts } from "@eeennsu/tokens";
+import type { FC } from "react";
+/**
+ * 모달 대화상자. `label` 은 제목으로 렌더되고 Base UI 가 `aria-labelledby` 를 연결한다(plan D-10).
+ *
+ * `Dialog.Trigger` 는 쓰지 않는다 — v1 오버레이는 제어 API 만 노출하고(C-12),
+ * 소비자가 Button 누름 이벤트로 `open` 을 토글한다.
+ * Base UI `onOpenChange` 는 `(open, eventDetails)` 2인자라 DS 가 boolean 하나로 감싼다.
+ */
+export declare const Dialog: FC<Contracts<"web">["Dialog"]>;
+//# sourceMappingURL=dialog.d.ts.map

package/dist/dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../src/dialog.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,CAkCjD,CAAC"}

package/dist/dialog.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog as BaseDialog } from "@base-ui/react/dialog";
+import { cn } from "./cn.js";
+import { Icon } from "./icon.js";
+/**
+ * 모달 대화상자. `label` 은 제목으로 렌더되고 Base UI 가 `aria-labelledby` 를 연결한다(plan D-10).
+ *
+ * `Dialog.Trigger` 는 쓰지 않는다 — v1 오버레이는 제어 API 만 노출하고(C-12),
+ * 소비자가 Button 누름 이벤트로 `open` 을 토글한다.
+ * Base UI `onOpenChange` 는 `(open, eventDetails)` 2인자라 DS 가 boolean 하나로 감싼다.
+ */
+export const Dialog = ({ label, children, open, defaultOpen, onOpenChange, className, }) => (_jsx(BaseDialog.Root, { open: open, defaultOpen: defaultOpen, onOpenChange: (next) => onOpenChange?.(next), children: _jsxs(BaseDialog.Portal, { children: [_jsx(BaseDialog.Backdrop, { className: "fixed inset-0 bg-overlay transition-opacity" }), _jsxs(BaseDialog.Popup, { className: cn("fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2", "bg-surface text-fg max-w-md w-full p-6 rounded-lg shadow-lg", className), children: [_jsx(BaseDialog.Title, { className: "text-xl", children: label }), children, _jsx(BaseDialog.Close, { "aria-label": "\uB2EB\uAE30", className: "absolute top-4 right-4 text-fg-muted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus", children: _jsx(Icon, { name: "x", size: "sm" }) })] })] }) }));
+//# sourceMappingURL=dialog.js.map

package/dist/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../src/dialog.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAG7D,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAC7B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,MAAM,GAAmC,CAAC,EACrD,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,SAAS,GACV,EAAE,EAAE,CAAC,CACJ,KAAC,UAAU,CAAC,IAAI,IACd,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,YAE5C,MAAC,UAAU,CAAC,MAAM,eAChB,KAAC,UAAU,CAAC,QAAQ,IAAC,SAAS,EAAC,6CAA6C,GAAG,EAC/E,MAAC,UAAU,CAAC,KAAK,IACf,SAAS,EAAE,EAAE,CACX,0DAA0D,EAC1D,6DAA6D,EAC7D,SAAS,CACV,aAED,KAAC,UAAU,CAAC,KAAK,IAAC,SAAS,EAAC,SAAS,YAAE,KAAK,GAAoB,EAC/D,QAAQ,EAET,KAAC,UAAU,CAAC,KAAK,kBACJ,cAAI,EACf,SAAS,EAAC,gIAAgI,YAE1I,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,IAAI,EAAC,IAAI,GAAG,GACV,IACF,IACD,GACJ,CACnB,CAAC"}

package/dist/drawer.d.ts

@@ -0,0 +1,10 @@
+import type { Contracts } from "@eeennsu/tokens";
+import type { FC } from "react";
+type DrawerProps = Contracts<"web">["Drawer"];
+/**
+ * 가장자리에서 열리는 패널. Base UI Dialog 파트를 그대로 쓰고 위치 클래스만 바꾼다 —
+ * 별도 라이브러리를 들이지 않는다(plan D-12). 스와이프 닫기는 없다.
+ */
+export declare const Drawer: FC<DrawerProps>;
+export {};
+//# sourceMappingURL=drawer.d.ts.map

package/dist/drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../src/drawer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,KAAK,WAAW,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC;AAS9C;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CA8BlC,CAAC"}

package/dist/drawer.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog as BaseDialog } from "@base-ui/react/dialog";
+import { cn } from "./cn.js";
+import { Icon } from "./icon.js";
+/** 가장자리 고정 위치. 폭 토큰은 좌·우에만 적용된다(§3.8 drawer.width). */
+const sides = {
+    left: "inset-y-0 left-0 max-w-sm w-full",
+    right: "inset-y-0 right-0 max-w-sm w-full",
+    bottom: "inset-x-0 bottom-0 w-full",
+};
+/**
+ * 가장자리에서 열리는 패널. Base UI Dialog 파트를 그대로 쓰고 위치 클래스만 바꾼다 —
+ * 별도 라이브러리를 들이지 않는다(plan D-12). 스와이프 닫기는 없다.
+ */
+export const Drawer = ({ label, children, side = "right", open, defaultOpen, onOpenChange, className, }) => (_jsx(BaseDialog.Root, { open: open, defaultOpen: defaultOpen, onOpenChange: (next) => onOpenChange?.(next), children: _jsxs(BaseDialog.Portal, { children: [_jsx(BaseDialog.Backdrop, { className: "fixed inset-0 bg-overlay transition-opacity" }), _jsxs(BaseDialog.Popup, { className: cn("fixed bg-surface text-fg p-6 shadow-lg", sides[side], className), children: [_jsx(BaseDialog.Title, { className: "text-xl", children: label }), children, _jsx(BaseDialog.Close, { "aria-label": "\uB2EB\uAE30", className: "absolute top-4 right-4 text-fg-muted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus", children: _jsx(Icon, { name: "x", size: "sm" }) })] })] }) }));
+//# sourceMappingURL=drawer.js.map

package/dist/drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../src/drawer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAG7D,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAC7B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAIjC,uDAAuD;AACvD,MAAM,KAAK,GAAqD;IAC9D,IAAI,EAAE,kCAAkC;IACxC,KAAK,EAAE,mCAAmC;IAC1C,MAAM,EAAE,2BAA2B;CACpC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAoB,CAAC,EACtC,KAAK,EACL,QAAQ,EACR,IAAI,GAAG,OAAO,EACd,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,SAAS,GACV,EAAE,EAAE,CAAC,CACJ,KAAC,UAAU,CAAC,IAAI,IACd,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,YAE5C,MAAC,UAAU,CAAC,MAAM,eAChB,KAAC,UAAU,CAAC,QAAQ,IAAC,SAAS,EAAC,6CAA6C,GAAG,EAC/E,MAAC,UAAU,CAAC,KAAK,IACf,SAAS,EAAE,EAAE,CAAC,wCAAwC,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,aAE/E,KAAC,UAAU,CAAC,KAAK,IAAC,SAAS,EAAC,SAAS,YAAE,KAAK,GAAoB,EAC/D,QAAQ,EACT,KAAC,UAAU,CAAC,KAAK,kBACJ,cAAI,EACf,SAAS,EAAC,gIAAgI,YAE1I,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,IAAI,EAAC,IAAI,GAAG,GACV,IACF,IACD,GACJ,CACnB,CAAC"}

package/dist/form.d.ts

@@ -0,0 +1,12 @@
+import type { Contracts } from "@eeennsu/tokens";
+import type { FC } from "react";
+/**
+ * 레이아웃 + Label 연결 + 오류 텍스트 표시까지가 v1 범위다(C-21).
+ * submit 개념이 없고 계약에 `onSubmit` 도 없다 — 제출은 Button `onClick` 에서
+ * 소비자 코드가 처리한다. Enter 는 아무 동작도 하지 않는다(알려진 동작 5).
+ *
+ * Base UI `Form` / `Field` 를 쓰지 않는다 — v1 에 submit·검증이 없어 기능이 쓰이지 않고,
+ * `Field` 로 감싸면 Input 단독 사용과 DOM 이 달라진다(plan D-13, §9 S-4).
+ */
+export declare const Form: FC<Contracts<"web">["Form"]>;
+//# sourceMappingURL=form.d.ts.map

package/dist/form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../src/form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC;;;;;;;GAOG;AACH,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAS7C,CAAC"}

package/dist/form.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "./cn.js";
+/**
+ * 레이아웃 + Label 연결 + 오류 텍스트 표시까지가 v1 범위다(C-21).
+ * submit 개념이 없고 계약에 `onSubmit` 도 없다 — 제출은 Button `onClick` 에서
+ * 소비자 코드가 처리한다. Enter 는 아무 동작도 하지 않는다(알려진 동작 5).
+ *
+ * Base UI `Form` / `Field` 를 쓰지 않는다 — v1 에 submit·검증이 없어 기능이 쓰이지 않고,
+ * `Field` 로 감싸면 Input 단독 사용과 DOM 이 달라진다(plan D-13, §9 S-4).
+ */
+export const Form = ({ children, className }) => (_jsx("form", { onSubmit: (event) => {
+        event.preventDefault();
+    }, className: cn("flex flex-col gap-4", className), children: children }));
+//# sourceMappingURL=form.js.map

package/dist/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","sourceRoot":"","sources":["../src/form.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAE7B;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,IAAI,GAAiC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAC7E,eACE,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QAClB,KAAK,CAAC,cAAc,EAAE,CAAC;IACzB,CAAC,EACD,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,YAE9C,QAAQ,GACJ,CACR,CAAC"}

package/dist/icon.d.ts

@@ -0,0 +1,25 @@
+import { type ControlSize, type IconName } from "@eeennsu/tokens";
+import { type LucideIcon } from "lucide-react";
+/**
+ * `IconName` → lucide 컴포넌트. `Record<IconName, LucideIcon>` 이라 tokens 의 목록에
+ * 이름을 추가하고 이 맵을 빠뜨리면 컴파일 에러가 난다(plan D-8).
+ *
+ * lucide 의 **정식 export 이름**만 쓴다 — 별칭(`AlertCircle` → `CircleAlert`)은
+ * major 에서 사라질 수 있다(plan v2 F-6).
+ */
+declare const icons: Record<IconName, LucideIcon>;
+type IconProps = {
+    name: IconName;
+    size?: ControlSize;
+    spin?: boolean;
+    className?: string;
+};
+/**
+ * DS 내부 전용이다 — 공개 컴포넌트가 아니고 `Contracts` 에도 없다.
+ * 크기는 클래스가 아니라 lucide `size` prop(JS 숫자)으로 준다 — 20px 는 spacing 열거
+ * 밖이라 `size-5` 클래스가 생성되지 않기 때문이다(plan v2 F-8).
+ * 색은 `currentColor` 상속이라 별도 prop 이 없다(§9 S-17).
+ */
+export declare function Icon({ name, size, spin, className }: IconProps): import("react").JSX.Element;
+export { icons };
+//# sourceMappingURL=icon.d.ts.map

package/dist/icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../src/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,WAAW,EAAE,KAAK,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE7E,OAAO,EAeL,KAAK,UAAU,EAWhB,MAAM,cAAc,CAAC;AAEtB;;;;;;GAMG;AACH,QAAA,MAAM,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAE,UAAU,CAyBvC,CAAC;AAEF,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,IAAW,EAAE,IAAY,EAAE,SAAS,EAAE,EAAE,SAAS,+BAS7E;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/icon.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { component } from "@eeennsu/tokens";
+import { cn } from "./cn.js";
+import { ArrowLeft, ArrowRight, Check, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, CircleAlert, ExternalLink, Eye, EyeOff, Info, Loader, Lock, Mail, Menu, Minus, Pencil, Plus, Search, Settings, Trash, User, X, } from "lucide-react";
+/**
+ * `IconName` → lucide 컴포넌트. `Record<IconName, LucideIcon>` 이라 tokens 의 목록에
+ * 이름을 추가하고 이 맵을 빠뜨리면 컴파일 에러가 난다(plan D-8).
+ *
+ * lucide 의 **정식 export 이름**만 쓴다 — 별칭(`AlertCircle` → `CircleAlert`)은
+ * major 에서 사라질 수 있다(plan v2 F-6).
+ */
+const icons = {
+    check: Check,
+    x: X,
+    plus: Plus,
+    minus: Minus,
+    trash: Trash,
+    pencil: Pencil,
+    search: Search,
+    "chevron-down": ChevronDown,
+    "chevron-up": ChevronUp,
+    "chevron-left": ChevronLeft,
+    "chevron-right": ChevronRight,
+    "arrow-left": ArrowLeft,
+    "arrow-right": ArrowRight,
+    menu: Menu,
+    settings: Settings,
+    user: User,
+    mail: Mail,
+    lock: Lock,
+    eye: Eye,
+    "eye-off": EyeOff,
+    info: Info,
+    "alert-circle": CircleAlert,
+    loader: Loader,
+    "external-link": ExternalLink,
+};
+/**
+ * DS 내부 전용이다 — 공개 컴포넌트가 아니고 `Contracts` 에도 없다.
+ * 크기는 클래스가 아니라 lucide `size` prop(JS 숫자)으로 준다 — 20px 는 spacing 열거
+ * 밖이라 `size-5` 클래스가 생성되지 않기 때문이다(plan v2 F-8).
+ * 색은 `currentColor` 상속이라 별도 prop 이 없다(§9 S-17).
+ */
+export function Icon({ name, size = "md", spin = false, className }) {
+    const Glyph = icons[name];
+    return (_jsx(Glyph, { size: component.icon.size[size], "aria-hidden": "true", className: spin ? cn("animate-spin", className) : className }));
+}
+export { icons };
+//# sourceMappingURL=icon.js.map

package/dist/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../src/icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAmC,MAAM,iBAAiB,CAAC;AAC7E,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAC7B,OAAO,EACL,SAAS,EACT,UAAU,EACV,KAAK,EACL,WAAW,EACX,WAAW,EACX,YAAY,EACZ,SAAS,EACT,WAAW,EACX,YAAY,EACZ,GAAG,EACH,MAAM,EACN,IAAI,EACJ,MAAM,EACN,IAAI,EAEJ,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,MAAM,EACN,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,CAAC,GACF,MAAM,cAAc,CAAC;AAEtB;;;;;;GAMG;AACH,MAAM,KAAK,GAAiC;IAC1C,KAAK,EAAE,KAAK;IACZ,CAAC,EAAE,CAAC;IACJ,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,KAAK;IACZ,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;IACd,cAAc,EAAE,WAAW;IAC3B,YAAY,EAAE,SAAS;IACvB,cAAc,EAAE,WAAW;IAC3B,eAAe,EAAE,YAAY;IAC7B,YAAY,EAAE,SAAS;IACvB,aAAa,EAAE,UAAU;IACzB,IAAI,EAAE,IAAI;IACV,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,IAAI;IACV,IAAI,EAAE,IAAI;IACV,IAAI,EAAE,IAAI;IACV,GAAG,EAAE,GAAG;IACR,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,IAAI;IACV,cAAc,EAAE,WAAW;IAC3B,MAAM,EAAE,MAAM;IACd,eAAe,EAAE,YAAY;CAC9B,CAAC;AASF;;;;;GAKG;AACH,MAAM,UAAU,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,SAAS,EAAa;IAC5E,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;IAC1B,OAAO,CACL,KAAC,KAAK,IACJ,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,iBACnB,MAAM,EAClB,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,GAC3D,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,131 @@
+import { Badge } from "./badge.js";
+import { Box } from "./box.js";
+import { Button } from "./button.js";
+import { ButtonGroup } from "./button-group.js";
+import { Card } from "./card.js";
+import { Dialog } from "./dialog.js";
+import { Drawer } from "./drawer.js";
+import { Form } from "./form.js";
+import { Input } from "./input.js";
+import { Label } from "./label.js";
+import { Stack } from "./stack.js";
+import { Text } from "./text.js";
+import { Textarea } from "./textarea.js";
+import { Tooltip } from "./tooltip.js";
+export { Badge, Box, Button, ButtonGroup, Card, Dialog, Drawer, Form, Input, Label, Stack, Text, Textarea, Tooltip };
+export { cn } from "./cn.js";
+/**
+ * 계약 맵 테스트(C-17)가 보는 객체. 키 집합이 `webComponents` 와 같고
+ * 값 타입이 `FC<Contracts<"web">[K]>` 와 같아야 한다.
+ */
+export declare const components: {
+    Button: import("react").FC<{
+        label: string;
+        variant?: import("@eeennsu/tokens").Variant;
+        size?: import("@eeennsu/tokens").ControlSize;
+        icon?: import("@eeennsu/tokens").IconName;
+        loading?: boolean;
+        disabled?: boolean;
+        className?: string;
+        ref?: import("react").Ref<import("@eeennsu/tokens").FocusHandle>;
+    } & {
+        onClick?: () => void;
+    }>;
+    ButtonGroup: import("react").FC<{
+        label: string;
+        children: import("react").ReactElement | import("react").ReactElement[];
+        className?: string;
+    }>;
+    Input: import("react").FC<{
+        label: string;
+        kind?: import("@eeennsu/tokens").InputKind;
+        size?: import("@eeennsu/tokens").ControlSize;
+        id?: string;
+        placeholder?: string;
+        disabled?: boolean;
+        invalid?: boolean;
+        value?: string;
+        defaultValue?: string;
+        onValueChange?: (value: string) => void;
+        className?: string;
+        ref?: import("react").Ref<import("@eeennsu/tokens").FocusHandle>;
+    }>;
+    Textarea: import("react").FC<{
+        label: string;
+        size?: import("@eeennsu/tokens").ControlSize;
+        id?: string;
+        placeholder?: string;
+        disabled?: boolean;
+        invalid?: boolean;
+        value?: string;
+        defaultValue?: string;
+        onValueChange?: (value: string) => void;
+        className?: string;
+        ref?: import("react").Ref<import("@eeennsu/tokens").FocusHandle>;
+    }>;
+    Label: import("react").FC<{
+        children: string | string[];
+        htmlFor?: string;
+        className?: string;
+    }>;
+    Card: import("react").FC<{
+        children: import("@eeennsu/tokens").ElementChildren;
+        className?: string;
+    }>;
+    Badge: import("react").FC<{
+        children: string | string[];
+        variant?: Extract<import("@eeennsu/tokens").Variant, "primary" | "secondary" | "danger">;
+        size?: import("@eeennsu/tokens").BadgeSize;
+        className?: string;
+    }>;
+    Text: import("react").FC<{
+        children: string | string[];
+        tone?: import("@eeennsu/tokens").Tone;
+        size?: import("@eeennsu/tokens").TypographyStep;
+        heading?: "1" | "2" | "3";
+        className?: string;
+    }>;
+    Stack: import("react").FC<{
+        children: import("@eeennsu/tokens").ElementChildren;
+        direction?: "row" | "column";
+        align?: "start" | "center" | "end" | "stretch";
+        justify?: "start" | "center" | "end" | "between";
+        wrap?: boolean;
+        className?: string;
+    }>;
+    Box: import("react").FC<{
+        children: import("@eeennsu/tokens").ElementChildren;
+        className?: string;
+    }>;
+    Tooltip: import("react").FC<{
+        label: string;
+        children: import("react").ReactElement;
+        side?: "top" | "bottom" | "left" | "right";
+        open?: boolean;
+        defaultOpen?: boolean;
+        onOpenChange?: (open: boolean) => void;
+        className?: string;
+    }>;
+    Dialog: import("react").FC<{
+        label: string;
+        children: import("react").ReactNode;
+        open?: boolean;
+        defaultOpen?: boolean;
+        onOpenChange?: (open: boolean) => void;
+        className?: string;
+    }>;
+    Drawer: import("react").FC<{
+        label: string;
+        children: import("react").ReactNode;
+        side?: "left" | "right" | "bottom";
+        open?: boolean;
+        defaultOpen?: boolean;
+        onOpenChange?: (open: boolean) => void;
+        className?: string;
+    }>;
+    Form: import("react").FC<{
+        children: import("react").ReactNode;
+        className?: string;
+    }>;
+};
+//# 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,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC;AACrH,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAE7B;;;GAGG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAetB,CAAC"}

package/dist/index.js

@@ -0,0 +1,37 @@
+import { Badge } from "./badge.js";
+import { Box } from "./box.js";
+import { Button } from "./button.js";
+import { ButtonGroup } from "./button-group.js";
+import { Card } from "./card.js";
+import { Dialog } from "./dialog.js";
+import { Drawer } from "./drawer.js";
+import { Form } from "./form.js";
+import { Input } from "./input.js";
+import { Label } from "./label.js";
+import { Stack } from "./stack.js";
+import { Text } from "./text.js";
+import { Textarea } from "./textarea.js";
+import { Tooltip } from "./tooltip.js";
+export { Badge, Box, Button, ButtonGroup, Card, Dialog, Drawer, Form, Input, Label, Stack, Text, Textarea, Tooltip };
+export { cn } from "./cn.js";
+/**
+ * 계약 맵 테스트(C-17)가 보는 객체. 키 집합이 `webComponents` 와 같고
+ * 값 타입이 `FC<Contracts<"web">[K]>` 와 같아야 한다.
+ */
+export const components = {
+    Button,
+    ButtonGroup,
+    Input,
+    Textarea,
+    Label,
+    Card,
+    Badge,
+    Text,
+    Stack,
+    Box,
+    Tooltip,
+    Dialog,
+    Drawer,
+    Form,
+};
+//# 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,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC;AACrH,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAE7B;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,MAAM;IACN,WAAW;IACX,KAAK;IACL,QAAQ;IACR,KAAK;IACL,IAAI;IACJ,KAAK;IACL,IAAI;IACJ,KAAK;IACL,GAAG;IACH,OAAO;IACP,MAAM;IACN,MAAM;IACN,IAAI;CACL,CAAC"}

package/dist/input.d.ts

@@ -0,0 +1,13 @@
+import type { Contracts, ControlSize } from "@eeennsu/tokens";
+import type { FC } from "react";
+type InputProps = Contracts<"web">["Input"];
+export declare const inputSizes: Record<ControlSize, string>;
+/** 테두리 1px 이 Button 과 높이를 맞춘다 — 없으면 Input 이 2px 낮다(plan D-6). */
+export declare const controlBase = "block w-full bg-surface text-fg border border-border placeholder:text-fg-muted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus";
+/**
+ * 한 줄 입력. `label` 은 `aria-label` 로만 간다 — 가시 라벨은 `Label` 조합이다(C-13).
+ * 값 제어는 `value` / `defaultValue` / `onValueChange` 3종뿐이다(C-12).
+ */
+export declare const Input: FC<InputProps>;
+export {};
+//# sourceMappingURL=input.d.ts.map

package/dist/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../src/input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAa,MAAM,iBAAiB,CAAC;AACzE,OAAO,KAAK,EAAE,EAAE,EAAO,MAAM,OAAO,CAAC;AAGrC,KAAK,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC;AAiB5C,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAIlD,CAAC;AAEF,iEAAiE;AACjE,eAAO,MAAM,WAAW,6KACoJ,CAAC;AAE7K;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAuChC,CAAC"}

package/dist/input.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "./cn.js";
+/**
+ * `kind` → DOM 속성 매핑(C-11). 계약은 열거형 4값뿐이고 이 표는 어댑터 구현 세부다.
+ * `number` 가 `type="number"` 가 아닌 이유는 스피너를 띄우지 않기 위해서다.
+ * 자동완성은 `new-password` 를 구분하지 않는다(알려진 동작 8).
+ */
+const kinds = {
+    text: { type: "text" },
+    password: { type: "password", autoComplete: "current-password" },
+    email: { type: "email", autoComplete: "email" },
+    number: { type: "text", inputMode: "numeric" },
+};
+export const inputSizes = {
+    sm: "px-3 py-1 text-sm rounded-md",
+    md: "px-3 py-2 text-md rounded-md",
+    lg: "px-4 py-3 text-lg rounded-md",
+};
+/** 테두리 1px 이 Button 과 높이를 맞춘다 — 없으면 Input 이 2px 낮다(plan D-6). */
+export const controlBase = "block w-full bg-surface text-fg border border-border placeholder:text-fg-muted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus";
+/**
+ * 한 줄 입력. `label` 은 `aria-label` 로만 간다 — 가시 라벨은 `Label` 조합이다(C-13).
+ * 값 제어는 `value` / `defaultValue` / `onValueChange` 3종뿐이다(C-12).
+ */
+export const Input = ({ label, kind = "text", size = "md", id, placeholder, disabled = false, invalid = false, value, defaultValue, onValueChange, className, ref, }) => {
+    const attributes = kinds[kind];
+    return (_jsx("input", { ref: ref, id: id, type: attributes.type, inputMode: attributes.inputMode, autoComplete: attributes.autoComplete, "aria-label": label, "aria-invalid": invalid || undefined, placeholder: placeholder, disabled: disabled, value: value, defaultValue: defaultValue, onChange: (event) => onValueChange?.(event.target.value), className: cn(controlBase, inputSizes[size], invalid && "border-danger", disabled && "opacity-50 pointer-events-none", className) }));
+};
+//# sourceMappingURL=input.js.map

package/dist/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../src/input.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAI7B;;;;GAIG;AACH,MAAM,KAAK,GAGP;IACF,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;IACtB,QAAQ,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,kBAAkB,EAAE;IAChE,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE;IAC/C,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE;CAC/C,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAgC;IACrD,EAAE,EAAE,8BAA8B;IAClC,EAAE,EAAE,8BAA8B;IAClC,EAAE,EAAE,8BAA8B;CACnC,CAAC;AAEF,iEAAiE;AACjE,MAAM,CAAC,MAAM,WAAW,GACtB,0KAA0K,CAAC;AAE7K;;;GAGG;AACH,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EACpC,KAAK,EACL,IAAI,GAAG,MAAM,EACb,IAAI,GAAG,IAAI,EACX,EAAE,EACF,WAAW,EACX,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,KAAK,EACL,YAAY,EACZ,aAAa,EACb,SAAS,EACT,GAAG,GACJ,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;IAE/B,OAAO,CACL,gBACE,GAAG,EAAE,GAA4B,EACjC,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,UAAU,CAAC,IAAI,EACrB,SAAS,EAAE,UAAU,CAAC,SAAS,EAC/B,YAAY,EAAE,UAAU,CAAC,YAAY,gBACzB,KAAK,kBACH,OAAO,IAAI,SAAS,EAClC,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACxD,SAAS,EAAE,EAAE,CACX,WAAW,EACX,UAAU,CAAC,IAAI,CAAC,EAChB,OAAO,IAAI,eAAe,EAC1B,QAAQ,IAAI,gCAAgC,EAC5C,SAAS,CACV,GACD,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/label.d.ts

@@ -0,0 +1,8 @@
+import type { Contracts } from "@eeennsu/tokens";
+import type { FC } from "react";
+/**
+ * Input · Textarea 의 가시 라벨. `htmlFor` 와 컨트롤의 `id` 로 연결한다(C-13).
+ * 비인터랙티브라 `label` prop 대상이 아니다 — 가시 텍스트가 곧 내용이다.
+ */
+export declare const Label: FC<Contracts<"web">["Label"]>;
+//# sourceMappingURL=label.d.ts.map

package/dist/label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../src/label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAI/C,CAAC"}

package/dist/label.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "./cn.js";
+/**
+ * Input · Textarea 의 가시 라벨. `htmlFor` 와 컨트롤의 `id` 로 연결한다(C-13).
+ * 비인터랙티브라 `label` prop 대상이 아니다 — 가시 텍스트가 곧 내용이다.
+ */
+export const Label = ({ children, htmlFor, className }) => (_jsx("label", { htmlFor: htmlFor, className: cn("text-sm text-fg", className), children: children }));
+//# sourceMappingURL=label.js.map

package/dist/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sourceRoot":"","sources":["../src/label.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAE7B;;;GAGG;AACH,MAAM,CAAC,MAAM,KAAK,GAAkC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CACxF,gBAAO,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,YACjE,QAAQ,GACH,CACT,CAAC"}

package/dist/stack.d.ts

@@ -0,0 +1,11 @@
+import type { Contracts } from "@eeennsu/tokens";
+import type { FC } from "react";
+type StackProps = Contracts<"web">["Stack"];
+/**
+ * flex 컨테이너. 배치의 1순위 수단이다.
+ * 간격 prop 은 없다 — 소비자가 `className="gap-4"` 로 준다(C-14).
+ * 기본 방향이 `column` 인 것은 RN `View` 기본과 맞추기 위해서다(§4.4).
+ */
+export declare const Stack: FC<StackProps>;
+export {};
+//# sourceMappingURL=stack.d.ts.map

package/dist/stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../src/stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,KAAK,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC;AAsB5C;;;;GAIG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAoBhC,CAAC"}

package/dist/stack.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "./cn.js";
+/** 클래스는 전부 정적 리터럴이어야 `@source` 스캔이 잡는다(C-4 (2)). */
+const directions = {
+    row: "flex-row",
+    column: "flex-col",
+};
+const aligns = {
+    start: "items-start",
+    center: "items-center",
+    end: "items-end",
+    stretch: "items-stretch",
+};
+const justifies = {
+    start: "justify-start",
+    center: "justify-center",
+    end: "justify-end",
+    between: "justify-between",
+};
+/**
+ * flex 컨테이너. 배치의 1순위 수단이다.
+ * 간격 prop 은 없다 — 소비자가 `className="gap-4"` 로 준다(C-14).
+ * 기본 방향이 `column` 인 것은 RN `View` 기본과 맞추기 위해서다(§4.4).
+ */
+export const Stack = ({ children, direction = "column", align = "stretch", justify = "start", wrap = false, className, }) => (_jsx("div", { className: cn("flex", directions[direction], aligns[align], justifies[justify], wrap && "flex-wrap", className), children: children }));
+//# sourceMappingURL=stack.js.map

package/dist/stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.js","sourceRoot":"","sources":["../src/stack.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAI7B,oDAAoD;AACpD,MAAM,UAAU,GAAyD;IACvE,GAAG,EAAE,UAAU;IACf,MAAM,EAAE,UAAU;CACnB,CAAC;AAEF,MAAM,MAAM,GAAqD;IAC/D,KAAK,EAAE,aAAa;IACpB,MAAM,EAAE,cAAc;IACtB,GAAG,EAAE,WAAW;IAChB,OAAO,EAAE,eAAe;CACzB,CAAC;AAEF,MAAM,SAAS,GAAuD;IACpE,KAAK,EAAE,eAAe;IACtB,MAAM,EAAE,gBAAgB;IACxB,GAAG,EAAE,aAAa;IAClB,OAAO,EAAE,iBAAiB;CAC3B,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EACpC,QAAQ,EACR,SAAS,GAAG,QAAQ,EACpB,KAAK,GAAG,SAAS,EACjB,OAAO,GAAG,OAAO,EACjB,IAAI,GAAG,KAAK,EACZ,SAAS,GACV,EAAE,EAAE,CAAC,CACJ,cACE,SAAS,EAAE,EAAE,CACX,MAAM,EACN,UAAU,CAAC,SAAS,CAAC,EACrB,MAAM,CAAC,KAAK,CAAC,EACb,SAAS,CAAC,OAAO,CAAC,EAClB,IAAI,IAAI,WAAW,EACnB,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC"}

package/dist/text.d.ts

@@ -0,0 +1,10 @@
+import type { Contracts } from "@eeennsu/tokens";
+import type { FC } from "react";
+type TextProps = Contracts<"web">["Text"];
+/**
+ * 텍스트. `heading` 이 있으면 그 레벨의 제목 엘리먼트로 렌더한다 —
+ * 시각적 크기는 `size` 가 정하므로 의미와 크기가 분리된다.
+ */
+export declare const Text: FC<TextProps>;
+export {};
+//# sourceMappingURL=text.d.ts.map

package/dist/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../src/text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAwB,MAAM,iBAAiB,CAAC;AACvE,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,KAAK,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AAkB1C;;;GAGG;AACH,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAM9B,CAAC"}

package/dist/text.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "./cn.js";
+/** `tone` 은 fg semantic 색과 1:1 이다(C-8). `danger` 는 `bg.danger` 별칭이다(plan D-3). */
+const tones = {
+    default: "text-fg",
+    muted: "text-fg-muted",
+    danger: "text-fg-danger",
+};
+/** 스텝 하나가 크기·행간·무게를 함께 바꾼다(C-6 복합 폰트 변수). */
+const steps = {
+    sm: "text-sm",
+    md: "text-md",
+    lg: "text-lg",
+    xl: "text-xl",
+    "2xl": "text-2xl",
+};
+/**
+ * 텍스트. `heading` 이 있으면 그 레벨의 제목 엘리먼트로 렌더한다 —
+ * 시각적 크기는 `size` 가 정하므로 의미와 크기가 분리된다.
+ */
+export const Text = ({ children, tone = "default", size = "md", heading, className }) => {
+    const merged = cn(tones[tone], steps[size], className);
+    if (heading === "1")
+        return _jsx("h1", { className: merged, children: children });
+    if (heading === "2")
+        return _jsx("h2", { className: merged, children: children });
+    if (heading === "3")
+        return _jsx("h3", { className: merged, children: children });
+    return _jsx("span", { className: merged, children: children });
+};
+//# sourceMappingURL=text.js.map

package/dist/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../src/text.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAI7B,kFAAkF;AAClF,MAAM,KAAK,GAAyB;IAClC,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,eAAe;IACtB,MAAM,EAAE,gBAAgB;CACzB,CAAC;AAEF,6CAA6C;AAC7C,MAAM,KAAK,GAAmC;IAC5C,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,KAAK,EAAE,UAAU;CAClB,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,IAAI,GAAkB,CAAC,EAAE,QAAQ,EAAE,IAAI,GAAG,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE;IACrG,MAAM,MAAM,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,CAAC;IACvD,IAAI,OAAO,KAAK,GAAG;QAAE,OAAO,aAAI,SAAS,EAAE,MAAM,YAAG,QAAQ,GAAM,CAAC;IACnE,IAAI,OAAO,KAAK,GAAG;QAAE,OAAO,aAAI,SAAS,EAAE,MAAM,YAAG,QAAQ,GAAM,CAAC;IACnE,IAAI,OAAO,KAAK,GAAG;QAAE,OAAO,aAAI,SAAS,EAAE,MAAM,YAAG,QAAQ,GAAM,CAAC;IACnE,OAAO,eAAM,SAAS,EAAE,MAAM,YAAG,QAAQ,GAAQ,CAAC;AACpD,CAAC,CAAC"}

package/dist/textarea.d.ts

@@ -0,0 +1,10 @@
+import { type Contracts } from "@eeennsu/tokens";
+import type { FC } from "react";
+type TextareaProps = Contracts<"web">["Textarea"];
+/**
+ * 여러 줄 입력. `size` 는 글자 크기가 아니라 **행수**로 해석한다 — 3 / 5 / 8 (plan D-14).
+ * 패딩과 글자 크기는 Input `md` 로 고정한다.
+ */
+export declare const Textarea: FC<TextareaProps>;
+export {};
+//# sourceMappingURL=textarea.d.ts.map

package/dist/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../src/textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,KAAK,EAAE,EAAE,EAAO,MAAM,OAAO,CAAC;AAIrC,KAAK,aAAa,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC;AAElD;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAkCtC,CAAC"}

package/dist/textarea.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { component } from "@eeennsu/tokens";
+import { cn } from "./cn.js";
+import { controlBase, inputSizes } from "./input.js";
+/**
+ * 여러 줄 입력. `size` 는 글자 크기가 아니라 **행수**로 해석한다 — 3 / 5 / 8 (plan D-14).
+ * 패딩과 글자 크기는 Input `md` 로 고정한다.
+ */
+export const Textarea = ({ label, size = "md", id, placeholder, disabled = false, invalid = false, value, defaultValue, onValueChange, className, ref, }) => {
+    return (_jsx("textarea", { ref: ref, id: id, rows: component.textarea.rows[size], "aria-label": label, "aria-invalid": invalid || undefined, placeholder: placeholder, disabled: disabled, value: value, defaultValue: defaultValue, onChange: (event) => onValueChange?.(event.target.value), className: cn(controlBase, inputSizes.md, invalid && "border-danger", disabled && "opacity-50 pointer-events-none", className) }));
+};
+//# sourceMappingURL=textarea.js.map

package/dist/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../src/textarea.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAkB,MAAM,iBAAiB,CAAC;AAE5D,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAC7B,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAIrD;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAC1C,KAAK,EACL,IAAI,GAAG,IAAI,EACX,EAAE,EACF,WAAW,EACX,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,KAAK,EACL,YAAY,EACZ,aAAa,EACb,SAAS,EACT,GAAG,GACJ,EAAE,EAAE;IACH,OAAO,CACL,mBACE,GAAG,EAAE,GAA+B,EACpC,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,gBACvB,KAAK,kBACH,OAAO,IAAI,SAAS,EAClC,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACxD,SAAS,EAAE,EAAE,CACX,WAAW,EACX,UAAU,CAAC,EAAE,EACb,OAAO,IAAI,eAAe,EAC1B,QAAQ,IAAI,gCAAgC,EAC5C,SAAS,CACV,GACD,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/tooltip.d.ts

@@ -0,0 +1,12 @@
+import type { Contracts } from "@eeennsu/tokens";
+import type { FC } from "react";
+/**
+ * 앵커에 붙는 설명. `label` 이 표시 내용이자 접근성 설명이다(C-13).
+ *
+ * `Provider` 를 컴포넌트마다 안에서 감싼다 — 소비자 설정 0 이 목표다(§4.3).
+ * `children` 은 앵커 엘리먼트 하나다. Base UI `Trigger` 의 `render` 로 넘기며 이는
+ * 내부 구현 디테일이라 공개 prop 이 아니다(C-10 · AC-12). DS Button 을 앵커로 쓰면
+ * React 19 에서 `ref` 가 일반 prop 이라 Base UI 가 주입할 수 있다.
+ */
+export declare const Tooltip: FC<Contracts<"web">["Tooltip"]>;
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../src/tooltip.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC;;;;;;;GAOG;AACH,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CA8BnD,CAAC"}

package/dist/tooltip.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Tooltip as BaseTooltip } from "@base-ui/react/tooltip";
+import { cn } from "./cn.js";
+/**
+ * 앵커에 붙는 설명. `label` 이 표시 내용이자 접근성 설명이다(C-13).
+ *
+ * `Provider` 를 컴포넌트마다 안에서 감싼다 — 소비자 설정 0 이 목표다(§4.3).
+ * `children` 은 앵커 엘리먼트 하나다. Base UI `Trigger` 의 `render` 로 넘기며 이는
+ * 내부 구현 디테일이라 공개 prop 이 아니다(C-10 · AC-12). DS Button 을 앵커로 쓰면
+ * React 19 에서 `ref` 가 일반 prop 이라 Base UI 가 주입할 수 있다.
+ */
+export const Tooltip = ({ label, children, side = "top", open, defaultOpen, onOpenChange, className, }) => (_jsx(BaseTooltip.Provider, { children: _jsxs(BaseTooltip.Root, { open: open, defaultOpen: defaultOpen, onOpenChange: (next) => onOpenChange?.(next), children: [_jsx(BaseTooltip.Trigger, { render: children }), _jsx(BaseTooltip.Portal, { children: _jsx(BaseTooltip.Positioner, { side: side, children: _jsx(BaseTooltip.Popup, { className: cn("bg-surface text-fg border border-border px-2 py-1 text-sm rounded-sm shadow-md", className), children: label }) }) })] }) }));
+//# sourceMappingURL=tooltip.js.map

package/dist/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../src/tooltip.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAGhE,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAE7B;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,OAAO,GAAoC,CAAC,EACvD,KAAK,EACL,QAAQ,EACR,IAAI,GAAG,KAAK,EACZ,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,SAAS,GACV,EAAE,EAAE,CAAC,CACJ,KAAC,WAAW,CAAC,QAAQ,cACnB,MAAC,WAAW,CAAC,IAAI,IACf,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,aAE5C,KAAC,WAAW,CAAC,OAAO,IAAC,MAAM,EAAE,QAAQ,GAAI,EACzC,KAAC,WAAW,CAAC,MAAM,cACjB,KAAC,WAAW,CAAC,UAAU,IAAC,IAAI,EAAE,IAAI,YAChC,KAAC,WAAW,CAAC,KAAK,IAChB,SAAS,EAAE,EAAE,CACX,gFAAgF,EAChF,SAAS,CACV,YAEA,KAAK,GACY,GACG,GACN,IACJ,GACE,CACxB,CAAC"}

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@eeennsu/web",
+  "version": "0.1.0",
+  "description": "웹(React 19 + Tailwind v4) 디자인 시스템 컴포넌트",
+  "license": "MIT",
+  "type": "module",
+  "sideEffects": [
+    "*.css"
+  ],
+  "files": [
+    "dist",
+    "themes"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./themes/*.css": "./themes/*.css"
+  },
+  "dependencies": {
+    "@base-ui/react": "1.8.0",
+    "lucide-react": "1.41.0",
+    "tailwind-merge": "^3.6.0",
+    "@eeennsu/tokens": "0.1.0"
+  },
+  "peerDependencies": {
+    "react": ">=19",
+    "react-dom": ">=19",
+    "tailwindcss": ">=4.1"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "^7.0.1",
+    "@testing-library/react": "^16.3.3",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.2",
+    "jsdom": "^30.0.1",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "tailwindcss": "^4.3.3"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "test": "vitest run --typecheck --passWithNoTests"
+  }
+}

package/themes/bakery.css

@@ -0,0 +1,16 @@
+/* 생성 파일. packages/tokens/scripts/build.ts 가 만든다. 직접 수정하지 않는다. */
+/* @eeennsu/web — brand: bakery. 소비자 공개 경로다(C-3). */
+
+@import "tailwindcss";
+@import "@eeennsu/tokens/themes/bakery.css";
+
+/* 다크모드 hybrid — 루트 클래스가 OS 설정보다 우선한다(C-20). */
+@custom-variant dark {
+  &:where(.dark, .dark *) { @slot; }
+  @media (prefers-color-scheme: dark) {
+    &:where(:not(.light, .light *)) { @slot; }
+  }
+}
+
+/* DS 컴포넌트의 정적 클래스 문자열을 스캔한다(C-3 · C-4 (2)). */
+@source "../dist";

package/themes/base.css

@@ -0,0 +1,16 @@
+/* 생성 파일. packages/tokens/scripts/build.ts 가 만든다. 직접 수정하지 않는다. */
+/* @eeennsu/web — brand: base. 소비자 공개 경로다(C-3). */
+
+@import "tailwindcss";
+@import "@eeennsu/tokens/themes/base.css";
+
+/* 다크모드 hybrid — 루트 클래스가 OS 설정보다 우선한다(C-20). */
+@custom-variant dark {
+  &:where(.dark, .dark *) { @slot; }
+  @media (prefers-color-scheme: dark) {
+    &:where(:not(.light, .light *)) { @slot; }
+  }
+}
+
+/* DS 컴포넌트의 정적 클래스 문자열을 스캔한다(C-3 · C-4 (2)). */
+@source "../dist";