@iyulab/enterprise 0.5.0 → 0.7.0

package/dist/FormRow.d.ts

@@ -14,4 +14,4 @@ export declare function FormRow({ children, full, columns, className, style, }:
     columns?: number;
     className?: string;
     style?: CSSProperties;
-}): import("react").JSX.Element;
+}): any;

package/dist/FormSection.d.ts

@@ -2,6 +2,15 @@ import { CSSProperties, ReactNode } from 'react';
 /**
  * L2 폼 블록 — 제목이 붙은 필드 묶음.
  *
+ * 🔴**제목에 `text-transform: uppercase` 와 `letter-spacing` 을 걸지 않는다**(0.7.0 에서 제거).
+ *   ⑴ 한글에는 대문자가 없어 `uppercase` 가 **아무 효과가 없고**, 제목에 영문이 섞이면
+ *      그것만 커져 오히려 어수선해진다.
+ *   ⑵ 양수 `letter-spacing` 은 **한글 가독성을 떨어뜨린다** — 라틴 소문자 조판 관례를
+ *      그대로 옮기면 안 되는 자리다.
+ *   ⇒ 위계는 **크기·굵기·색** 세 신호로만 만든다(타입 스케일의 `label` 단).
+ *   영문 전용 UI 에서 눈썹 텍스트 느낌이 필요하면 `titleStyle` 로 `--u-text-overline-*`
+ *   단을 직접 지정한다 — 그 단은 영문·숫자 라벨을 전제하고 양수 자간을 갖는다.
+ *
  * 오버라이드 계약(docs/lob-layers.md §2): 구조는 두고 **children 치환 + prop** 으로 바꾼다.
  * ⚠기본 스타일은 병합 가능한 형태로만 둔다 — 호출자의 `style` 이 뒤에 오므로 필요한
  * 항목만 골라 덮을 수 있다. 인라인으로 굳혀 두면 소비자 CSS 가 이길 수 없어(`!important`
@@ -14,4 +23,4 @@ export declare function FormSection({ title, children, className, style, titleSt
     style?: CSSProperties;
     /** 제목 줄만 따로 조정할 때. 블록을 통째로 갈아엎지 않기 위한 훅이다. */
     titleStyle?: CSSProperties;
-}): import("react").JSX.Element;
+}): any;

package/dist/index.js

@@ -1,9 +1,19 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { HttpClient } from "@iyulab/http-client";
+import buildQuery from "odata-query";
 //#region src/FormSection.tsx
 /**
 * L2 폼 블록 — 제목이 붙은 필드 묶음.
 *
+* 🔴**제목에 `text-transform: uppercase` 와 `letter-spacing` 을 걸지 않는다**(0.7.0 에서 제거).
+*   ⑴ 한글에는 대문자가 없어 `uppercase` 가 **아무 효과가 없고**, 제목에 영문이 섞이면
+*      그것만 커져 오히려 어수선해진다.
+*   ⑵ 양수 `letter-spacing` 은 **한글 가독성을 떨어뜨린다** — 라틴 소문자 조판 관례를
+*      그대로 옮기면 안 되는 자리다.
+*   ⇒ 위계는 **크기·굵기·색** 세 신호로만 만든다(타입 스케일의 `label` 단).
+*   영문 전용 UI 에서 눈썹 텍스트 느낌이 필요하면 `titleStyle` 로 `--u-text-overline-*`
+*   단을 직접 지정한다 — 그 단은 영문·숫자 라벨을 전제하고 양수 자간을 갖는다.
+*
 * 오버라이드 계약(docs/lob-layers.md §2): 구조는 두고 **children 치환 + prop** 으로 바꾼다.
 * ⚠기본 스타일은 병합 가능한 형태로만 둔다 — 호출자의 `style` 이 뒤에 오므로 필요한
 * 항목만 골라 덮을 수 있다. 인라인으로 굳혀 두면 소비자 CSS 가 이길 수 없어(`!important`
@@ -13,19 +23,19 @@ function FormSection({ title, children, className, style, titleStyle }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className,
 		style: {
-			marginBottom: "20px",
+			marginBottom: "var(--u-space-xl, 20px)",
 			...style
 		},
 		children: [/* @__PURE__ */ jsx("div", {
 			style: {
-				fontSize: "11px",
-				fontWeight: 700,
-				textTransform: "uppercase",
-				letterSpacing: "0.5px",
+				fontSize: "var(--u-text-label-size, 13px)",
+				fontWeight: "var(--u-text-label-weight, 600)",
+				lineHeight: "var(--u-text-label-leading, 1.5)",
+				letterSpacing: "var(--u-text-label-tracking, 0)",
 				color: "color-mix(in srgb, var(--u-primary-color, #1E88E5) 85%, black)",
-				paddingBottom: "6px",
+				paddingBottom: "var(--u-space-xs, 6px)",
 				borderBottom: "1px solid var(--u-border-color-weak, #EEEEEE)",
-				marginBottom: "10px",
+				marginBottom: "var(--u-space-sm, 8px)",
 				...titleStyle
 			},
 			children: title
@@ -33,7 +43,7 @@ function FormSection({ title, children, className, style, titleStyle }) {
 			style: {
 				display: "flex",
 				flexDirection: "column",
-				gap: "8px"
+				gap: "var(--u-space-sm, 8px)"
 			},
 			children
 		})]
@@ -62,7 +72,7 @@ function FormRow({ children, full, columns = 2, className, style }) {
 		style: {
 			display: "grid",
 			gridTemplateColumns: `repeat(${columns}, 1fr)`,
-			gap: "8px",
+			gap: "var(--u-space-sm, 8px)",
 			...style
 		},
 		children
@@ -540,270 +550,6 @@ var ApiConfig = class {
 	}
 };
 //#endregion
-//#region node_modules/odata-query/dist/index.mjs
-var e = [
-	"eq",
-	"ne",
-	"gt",
-	"ge",
-	"lt",
-	"le"
-];
-var t = [
-	"and",
-	"or",
-	"not"
-];
-var n = ["any", "all"];
-var r = [
-	"startswith",
-	"endswith",
-	"contains",
-	"matchespattern"
-];
-var i = [
-	"expand",
-	"levels",
-	"select",
-	"skip",
-	"top",
-	"count",
-	"orderby",
-	"filter"
-];
-var a = /\((.*)\)/;
-var o = /(?!indexof)\((\w+)\)/;
-function g(e, t) {
-	if (t) {
-		let n = e === "", r = o.test(e), i = a.test(e);
-		return n ? t : r ? y(e, t, o) : i ? y(e, t, a) : `${t}/${e}`;
-	}
-	return e;
-}
-function _(e) {
-	return t.indexOf(e) !== -1;
-}
-function v(e) {
-	return `not (${e.join(" and ")})`;
-}
-function y(e, t, n) {
-	return e.replace(n, (e, n) => n.trim() === "" ? `(${t})` : `(${t}/${n.trim()})`);
-}
-function b(e, t, n = []) {
-	return `${e} eq ${w(t, n)}`;
-}
-function x({ key: e, value: t, aliases: n, propPrefix: r }) {
-	let i = [], a = e, o = _(a), s = t.map((e) => O(e, n, r)).filter((e) => e).map((e) => o ? `(${e})` : e);
-	return s.length && (o ? a === "not" ? i.push(v(s)) : i.push(`(${s.join(` ${a} `)})`) : i.push(s.join(` ${a} `))), i;
-}
-function S({ propName: e, value: t }) {
-	let n = [], r = e, i = Object.keys(t).map((e) => k({ [e]: t[e] }));
-	return i.length && (r === "not" ? n.push(v(i)) : n.push(`(${i.join(` ${r} `)})`)), n;
-}
-function C({ key: i, propName: a, value: o, aliases: s }) {
-	let c = [];
-	return "type" in o ? c.push(b(a, o, s)) : Object.keys(o).forEach((l) => {
-		if (o[l] !== void 0) if (e.indexOf(l) !== -1) c.push(`${a} ${l} ${w(o[l], s)}`);
-		else if (t.indexOf(l) !== -1) Array.isArray(o[l]) ? c.push(o[l].map((e) => "(" + O(e, s, a) + ")").join(` ${l} `)) : c.push("(" + O(o[l], s, a) + ")");
-		else if (n.indexOf(l) !== -1) {
-			let e = A({
-				lambdaParameter: i.toLowerCase(),
-				value: o[l],
-				op: l,
-				propName: a,
-				aliases: s
-			});
-			e && c.push(e);
-		} else if (l === "has") c.push(`${a} ${l} ${w(o[l], s)}`);
-		else if (l === "in") {
-			let e = Array.isArray(o[l]) ? o[l] : o[l].value.map((e) => ({
-				type: o[l].type,
-				value: e
-			}));
-			c.push(a + " in (" + e.map((e) => w(e, s)).join(",") + ")");
-		} else if (r.indexOf(l) !== -1) c.push(`${l}(${a},${w(o[l], s)})`);
-		else {
-			let e = /\/not/g.test(a), t = e ? a.replace(/\/not/g, "") : a, n = e ? v([O({ [l]: o[l] }, s, t)]) : O({ [l]: o[l] }, s, t);
-			n && c.push(n);
-		}
-	}), c;
-}
-function w(e, t) {
-	if (typeof e == "string") return `'${D(e)}'`;
-	if (e instanceof Date) return e.toISOString();
-	if (typeof e == "number") return e;
-	if (Array.isArray(e)) return `[${e.map((e) => w(e)).join(",")}]`;
-	if (e === null) return e;
-	if (typeof e == "object") switch (e.type) {
-		case "raw":
-		case "guid": return e.value;
-		case "duration": return `duration'${e.value}'`;
-		case "binary": return `binary'${e.value}'`;
-		case "alias": return Array.isArray(t) && t.push(e), `@${e.name}`;
-		case "json": return escape(JSON.stringify(e.value));
-		case "decimal": return `${e.value}M`;
-		default: return Object.entries(e).filter(([, e]) => e !== void 0).map(([e, n]) => `${e}=${w(n, t)}`).join(",");
-	}
-	return e;
-}
-function T(e, t, n, r) {
-	return `${r}/${n}(${e}: ${e} ${n == "all" ? "ne" : "eq"} '${t}')`;
-}
-function E(e) {
-	return e.replace(/'/g, "''");
-}
-function D(e) {
-	return encodeURIComponent(E(e));
-}
-function O(e = {}, t = [], n = "") {
-	return (Array.isArray(e) ? e : [e]).reduce((e, r) => {
-		if (r) {
-			let i = k(r, t, n);
-			i && e.push(i);
-		}
-		return e;
-	}, []).join(" and ");
-}
-function k(e = {}, t = [], n = "") {
-	let r = "";
-	return typeof e == "string" ? r = e : e && typeof e == "object" && (r = Object.keys(e).reduce((r, i) => {
-		let a = e[i];
-		if (a === void 0) return r;
-		let o = i === "", s = g(i, n);
-		if (o && Array.isArray(a)) return r.concat(a.map((e) => b(s, e)));
-		let c = [
-			"number",
-			"string",
-			"boolean"
-		].indexOf(typeof a) !== -1 || a instanceof Date || a === null, l = Array.isArray(a), u = typeof a == "object";
-		if (c) r.push(b(s, a, t));
-		else if (l) r.push(...x({
-			key: i,
-			value: a,
-			aliases: t,
-			propPrefix: n
-		}));
-		else if (_(s)) r.push(...S({
-			propName: s,
-			value: a
-		}));
-		else if (u) r.push(...C({
-			key: i,
-			propName: s,
-			value: a,
-			aliases: t
-		}));
-		else throw Error(`Unexpected value type: ${a}`);
-		return r;
-	}, []).join(" and ")), r;
-}
-function A({ lambdaParameter: e, value: t, op: n, propName: r, aliases: i }) {
-	let a = "";
-	if (typeof t == "string" || t instanceof String) a = T(e, t, n, r);
-	else if (t) {
-		let o = O(Array.isArray(t) ? t.reduce((e, t) => t.hasOwnProperty("") ? (e.hasOwnProperty("") || (e[""] = []), e[""].push(t[""]), e) : {
-			...e,
-			...t
-		}, {}) : t, i, e);
-		a = `${r}/${n}(${o ? `${e}:${o}` : ""})`;
-	}
-	return a;
-}
-function j(e) {
-	if (typeof e == "number") return e;
-	if (typeof e == "string") return e.indexOf("/") === -1 ? e : e.split("/").reverse().reduce((e, t, n, r) => n === 0 ? `$expand=${t}` : n === r.length - 1 ? `${t}(${e})` : `$expand=${t}(${e})`, "");
-	if (Array.isArray(e)) return `${e.map((e) => j(e)).join(",")}`;
-	if (typeof e == "object") {
-		let t = Object.keys(e);
-		return t.some((e) => i.indexOf(e.toLowerCase()) !== -1) ? t.map((t) => {
-			let n;
-			switch (t) {
-				case "filter":
-					n = O(e[t]);
-					break;
-				case "orderBy":
-					n = F(e[t]);
-					break;
-				case "levels":
-				case "count":
-				case "skip":
-				case "top":
-					n = `${e[t]}`;
-					break;
-				default: n = j(e[t]);
-			}
-			return `$${t.toLowerCase()}=${n}`;
-		}).join(";") : t.map((t) => {
-			let n = j(e[t]);
-			return n ? `${t}(${n})` : t;
-		}).join(",");
-	}
-	return "";
-}
-function M(e) {
-	return (Array.isArray(e) ? e : [e]).reduce((e, t) => {
-		for (let n of Object.keys(t)) switch (n) {
-			case "aggregate": {
-				let r = t[n];
-				r && e.push(`aggregate(${N(r)})`);
-				break;
-			}
-			case "filter": {
-				let r = t[n];
-				if (r) {
-					let t = O(r);
-					t && e.push(`filter(${t})`);
-				}
-				break;
-			}
-			case "groupBy": {
-				let r = t[n];
-				r && e.push(`groupby(${P(r)})`);
-				break;
-			}
-			default: throw Error(`Unsupported transform: ${n}`);
-		}
-		return e;
-	}, []).join("/") || void 0;
-}
-function N(e) {
-	return (Array.isArray(e) ? e : [e]).map((e) => typeof e == "string" ? e : Object.keys(e).map((t) => {
-		let n = e[t];
-		if (!n.with && n.as) return `${t} as ${n.as}`;
-		if (!n.with) throw Error(`'with' property required for '${t}'`);
-		if (!n.as) throw Error(`'as' property required for '${t}'`);
-		return `${t} with ${n.with} as ${n.as}`;
-	})).join(",");
-}
-function P(e) {
-	if (!e.properties) throw Error("'properties' property required for groupBy");
-	let t = `(${e.properties.join(",")})`;
-	return e.transform && (t += `,${M(e.transform)}`), t;
-}
-function F(e, t = "") {
-	return Array.isArray(e) ? e.map((e) => Array.isArray(e) && e.length === 2 && ["asc", "desc"].indexOf(e[1]) !== -1 ? e.join(" ") : e).map((e) => `${t}${String(e)}`).join(",") : typeof e == "object" ? Object.entries(e).map(([e, t]) => F(t, `${e}/`)).map((e) => `${t}${e}`).join(",") : `${t}${String(e)}`;
-}
-function I(e, t) {
-	let n = Object.getOwnPropertyNames(t).filter((e) => t[e] !== void 0 && t[e] !== "").map((e) => `${e}=${t[e]}`);
-	return n.length ? `${e}?${n.join("&")}` : e;
-}
-function L({ select: e, search: t, skiptoken: n, format: r, top: i, skip: a, filter: o, transform: s, orderBy: c, key: l, count: u, expand: d, action: f, func: p } = {}) {
-	let m = "", h = [], g = {};
-	if (l != null && (m += `(${w(l, h)})`), (o || typeof u == "object") && (g.$filter = O(typeof u == "object" ? u : o, h)), s && (g.$apply = M(s)), d && (g.$expand = j(d)), c && (g.$orderby = F(c)), u && (typeof u == "boolean" ? g.$count = !0 : m += "/$count"), typeof i == "number" && (g.$top = i), typeof a == "number" && (g.$skip = a), f && (m += `/${f}`), p) {
-		if (typeof p == "string") m += `/${p}`;
-		else if (typeof p == "object") {
-			let [e] = Object.keys(p), t = w(p[e], h);
-			m += `/${e}`, t !== "" && (m += `(${t})`);
-		}
-	}
-	return h.length > 0 && Object.assign(g, h.reduce((e, t) => Object.assign(e, { [`@${t.name}`]: w(t.value) }), {})), t && (g.$search = encodeURIComponent(t)), I(m, {
-		$select: e,
-		$skiptoken: n,
-		$format: r,
-		...g
-	});
-}
-//#endregion
 //#region src/data/ODataService.ts
 /**
 * OData v4 + custom REST 서비스 팩토리.
@@ -929,7 +675,7 @@ function createODataService(config) {
 		return res.json();
 	}
 	async function odataCount(entity, filter) {
-		const qs = L({
+		const qs = buildQuery({
 			filter,
 			top: 0,
 			count: true

package/dist/styles/preset.css

@@ -0,0 +1,134 @@
+/*
+ * @iyulab/enterprise — **하우스 스타일 프리셋** (이유랩 LOB 앱 기본값)
+ * ==========================================================================
+ *
+ *   import '@iyulab/enterprise/styles/preset.css';
+ *
+ * ⚠**`@iyulab/components` 1.21.0 이상이 필요하다.** 이 파일은 값만 정하고, 그 값을 **읽는
+ *   쪽은 컴포넌트**다. 1.20.0 이하에는 타입 스케일·반경 상단 축이 아예 없어서 여기 적은
+ *   `--u-text-*` 는 **아무도 읽지 않는다** — 에러 없이 절반만 적용된 것처럼 보인다.
+ *   `peerDependencies` 에 선언해 두었으나 **optional** 이다(프리셋을 쓰지 않는 소비자는
+ *   `components` 자체가 필요 없다). 즉 버전 불일치는 **경고 없이 조용하다** — 프리셋을
+ *   로드했는데 글자 크기가 안 바뀌면 먼저 이 버전을 본다.
+ *
+ * `@iyulab/components` 가 여는 **토큰 축**에 이유랩의 값을 채운 한 장이다.
+ * 축(이름·단 수)은 `components` 소유이고, 이 파일은 **값만** 정한다.
+ *
+ * ──────────────────────────────────────────────────────────────────────────
+ * ★★계약 — 이 세 줄이 이 파일의 전부다.
+ * ──────────────────────────────────────────────────────────────────────────
+ *   ⑴ **선택적 로드다.** 로드하지 않은 소비자는 `components` 의 중립 기본값을 그대로 받는다.
+ *      `@iyulab/enterprise` 는 공개 패키지이므로 외부 소비자도 이 값을 받게 되지만,
+ *      **로드하지 않을 자유가 소비자에게 있다.**
+ *   ⑵ **`--u-*` 값만 덮는다.** 새 클래스·새 선택자를 만들지 않는다. 만들기 시작하면
+ *      소비자가 그 선택자와 특이도 싸움을 하게 되고, 그때부터 이 파일은 프리셋이 아니라
+ *      또 하나의 프레임워크가 된다. (`tests/preset-contract.test.ts` 가 지킨다.)
+ *   ⑶ 🔴**소비자가 항상 이긴다.** 아래 선택자는 `:where()` 로 감싸 **특이도 0** 이다 —
+ *      소비앱의 평범한 `:root { … }` 한 줄이 **로드 순서와 무관하게** 이 값을 덮는다.
+ *      ★종전에 소비앱들이 `:root:not([theme="dark"])` 같은 **특이도 방어**를 쓰고 있었는데,
+ *      그것은 업스트림이 `:root` 로 선언해 "뒤에 온 쪽이 이기는" 상황을 만들었기 때문이다.
+ *      특이도 0 으로 선언하면 그 방어가 통째로 필요 없어진다.
+ *
+ * ──────────────────────────────────────────────────────────────────────────
+ * 이 프리셋이 정하는 것 / 정하지 않는 것
+ * ──────────────────────────────────────────────────────────────────────────
+ *   정한다   타이포 스케일 값 · 형태(반경) · 엘리베이션 · 여백 리듬
+ *   안 정한다 **중립 램프의 색조(웜/쿨)** — 역할 토큰 다수가 중립에서 파생되므로 램프를
+ *            옮기면 대비가 함께 움직인다. 전수 대비 검증을 붙이기 전에는 손대지 않는다.
+ *            (LOB 화면에서 "낡아 보임"의 지분은 타이포·여백·형태가 훨씬 크다.)
+ *   안 정한다 **브랜드 색** — 그것은 소비앱의 몫이다. 프리셋은 브랜드를 갖지 않는다.
+ * ========================================================================== */
+
+:where(:root) {
+  /* ==========================================================================
+     타이포 — LOB 밀도
+     ★업무 화면은 한 화면에 담기는 정보량이 곧 생산성이다. 중립 기본값보다 한 단씩
+     조밀하게 잡되, **행간은 줄이지 않는다**(한글에서 행간을 줄이면 바로 읽기 어려워진다).
+     자간은 큰 제목만 음수이고 나머지는 0 — 한글에 양수 자간을 주지 않는다.
+     ========================================================================== */
+  --u-text-display-size:      24px;
+  --u-text-display-weight:    700;
+  --u-text-display-leading:   1.4;
+  --u-text-display-tracking:  -0.02em;
+
+  --u-text-title-size:        18px;
+  --u-text-title-weight:      700;
+  --u-text-title-leading:     1.45;
+  --u-text-title-tracking:    -0.01em;
+
+  --u-text-subtitle-size:     15px;
+  --u-text-subtitle-weight:   600;
+  --u-text-subtitle-leading:  1.5;
+  --u-text-subtitle-tracking: 0;
+
+  --u-text-body-size:         14px;
+  --u-text-body-weight:       400;
+  --u-text-body-leading:      1.6;
+  --u-text-body-tracking:     0;
+
+  /* ★라벨 단이 이 프리셋에서 가장 많이 쓰인다 — 폼 라벨·표 머리행·섹션 제목이 전부
+     이 단이다. 한글에 대문자가 없으므로 위계는 **크기·굵기·색** 세 신호로만 만든다. */
+  --u-text-label-size:        13px;
+  --u-text-label-weight:      600;
+  --u-text-label-leading:     1.5;
+  --u-text-label-tracking:    0;
+
+  --u-text-caption-size:      12px;
+  --u-text-caption-weight:    400;
+  --u-text-caption-leading:   1.5;
+  --u-text-caption-tracking:  0;
+
+  /* ⚠양수 자간은 이 단 하나뿐이고, 이 단은 **영문·숫자 라벨**을 전제한다.
+     한글을 넣을 소비자는 `--u-text-overline-tracking: 0` 으로 덮는다. */
+  --u-text-overline-size:     11px;
+  --u-text-overline-weight:   700;
+  --u-text-overline-leading:  1.45;
+  --u-text-overline-tracking: 0.06em;
+
+  /* ==========================================================================
+     형태 — 반경
+     ★컨트롤 단(sm~xl)을 한 단씩 올린다. 중립 기본값(3/4/6/8)은 어떤 값을 골라도
+     각진 인상이 되는데, 각짐은 "낡아 보임"에 대한 기여가 큰 축이다.
+     면(surface) 단(2xl·3xl)은 중립 기본값과 같다 — 이미 적절하다.
+     ========================================================================== */
+  --u-radius-sm:  4px;
+  --u-radius-md:  6px;
+  --u-radius-lg:  8px;
+  --u-radius-xl: 10px;
+
+  /* ==========================================================================
+     엘리베이션 — 청흑 틴트
+     ★순수 검정 그림자는 경계에 회색이 낀 것처럼 보인다. 배경의 색조를 살짝 섞은
+     어두운 값(`20,20,25`)을 쓰면 같은 세기라도 깨끗하게 떨어진다.
+     2겹 구조(지배 + 접촉)는 `components` 가 이미 정했고, 여기서는 **색만** 바꾼다.
+     ⚠첫 레이어가 지배 레이어라는 배치 규약을 유지한다(`components` 의 elevation 계약).
+     ========================================================================== */
+  --u-shadow-color-weaker:   rgba(20, 20, 25, 0.04);
+  --u-shadow-color-weak:     rgba(20, 20, 25, 0.08);
+  --u-shadow-color-normal:   rgba(20, 20, 25, 0.10);
+  --u-shadow-color-strong:   rgba(20, 20, 25, 0.14);
+  --u-shadow-color-stronger: rgba(20, 20, 25, 0.20);
+
+  --u-shadow-sm: 0 1px 3px rgba(20, 20, 25, 0.08), 0 1px 1px rgba(20, 20, 25, 0.04);
+  --u-shadow-md: 0 2px 8px rgba(20, 20, 25, 0.10), 0 1px 2px rgba(20, 20, 25, 0.04);
+  --u-shadow-lg: 0 6px 16px rgba(20, 20, 25, 0.14), 0 2px 4px rgba(20, 20, 25, 0.05);
+  --u-shadow-xl: 0 12px 28px rgba(20, 20, 25, 0.20), 0 2px 6px rgba(20, 20, 25, 0.06);
+}
+
+/*
+ * 다크 — 그림자는 **밝기 차**가 주역이다.
+ * ★어두운 배경 위의 검은 그림자는 보이지 않는다. 알파를 라이트보다 크게 잡되,
+ *   깊이의 대부분은 표면 밝기 차(`--u-bg-color-raised` 등, `components` 소유)가 낸다.
+ */
+:where(:root[theme='dark']) {
+  --u-shadow-color-weaker:   rgba(0, 0, 0, 0.20);
+  --u-shadow-color-weak:     rgba(0, 0, 0, 0.28);
+  --u-shadow-color-normal:   rgba(0, 0, 0, 0.36);
+  --u-shadow-color-strong:   rgba(0, 0, 0, 0.46);
+  --u-shadow-color-stronger: rgba(0, 0, 0, 0.60);
+
+  --u-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.28), 0 1px 1px rgba(0, 0, 0, 0.16);
+  --u-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.36), 0 1px 2px rgba(0, 0, 0, 0.18);
+  --u-shadow-lg: 0 6px 16px rgba(0, 0, 0, 0.46), 0 2px 4px rgba(0, 0, 0, 0.22);
+  --u-shadow-xl: 0 12px 28px rgba(0, 0, 0, 0.60), 0 2px 6px rgba(0, 0, 0, 0.30);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iyulab/enterprise",
-  "version": "0.5.0",
+  "version": "0.7.0",
   "description": "Enterprise utilities and components for iyulab framework",
   "keywords": [
     "enterprise",
@@ -25,17 +25,15 @@
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
-    }
+    },
+    "./styles/preset.css": "./dist/styles/preset.css"
   },
   "scripts": {
-    "build": "vite build",
+    "build": "vite build && node scripts/copy-styles.mjs",
     "test": "vitest run"
   },
   "dependencies": {
-    "@iyulab/components": "^1.8.0",
-    "@iyulab/data-components": "^0.7.0",
     "@iyulab/http-client": "^0.10.0",
-    "@iyulab/modern-app": "^0.6.0",
     "odata-query": "^8.1.0"
   },
   "devDependencies": {
@@ -44,5 +42,14 @@
     "vite": "^8.1.4",
     "vite-plugin-dts": "^5.0.3",
     "vitest": "^4.1.10"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "@iyulab/components": ">=1.21.0"
+  },
+  "peerDependenciesMeta": {
+    "@iyulab/components": {
+      "optional": true
+    }
   }
 }