@iyulab/enterprise 0.12.0 → 0.13.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # Changelog
 
+## 0.13.0
+
+### Changed
+
+- **`FormRow`'s grid tracks are now `minmax(0, 1fr)` rather than `1fr`, so columns declared
+  equal actually render equal.** A grid item's default `min-width: auto` refuses to shrink below
+  its content's min-content width, so one long value in a row was enough to blow out its own
+  column and squeeze the rest. Measured in a 400px container with one long unbreakable string:
+  a two-column row laid out at **425px / 8px** and a three-column row at **425px / 8px / 8px**,
+  and the row overflowed its container. With `minmax(0, 1fr)` the same cases lay out at
+  **196 / 196** and **128 / 128 / 128**. Nothing about the API changes, and rows whose content
+  already fit are unaffected.
+  - Long unbreakable content still overflows its own column — that is a separate axis, handled
+    on the cell with `overflow-wrap` (this package's peer elements already set it).
+
+- **`@iyulab/components` is no longer an optional peer dependency.** The main entry imports it
+  unconditionally, so declaring it optional meant a consumer installing this package alone got
+  nothing installed and no warning — the failure surfaced only as a module-not-found at
+  runtime. Consumers already installing it are unaffected.
+
 ## 0.12.0
 
 ### Added

package/README.md

@@ -51,6 +51,8 @@ import { FormSection, FormRow } from '@iyulab/enterprise'
 ```
 
 - `FormRow`는 기본 2컬럼 그리드입니다. 한 칸을 차지하려면 `full`을, 다른 열 수가 필요하면 `columns`를 씁니다.
+- **열 폭 — 선언한 열은 실제로 균등합니다.** 트랙은 `1fr`이 아니라 `minmax(0, 1fr)`입니다. 그리드 아이템의 기본 `min-width: auto`는 내용의 min-content 아래로 줄어들기를 거부해서, 순수 `1fr`로 두면 긴 내용이 든 칸만 부풀고 나머지가 찌그러집니다(400px 컨테이너 실측: 2열 **425/8**, 3열 **425/8/8**). `minmax(0, 1fr)`은 트랙 최소를 0으로 만들어 같은 경우를 **196/196**·**128/128/128**로 만듭니다.
+- ⚠**긴 불가분 문자열 자체의 넘침은 별개 축입니다.** 칸이 균등해져도 그 안의 긴 문자열은 자기 칸을 넘습니다 — 셀 쪽에서 `overflow-wrap`으로 다룹니다(`@iyulab/components`의 엘리먼트는 이미 그 값을 갖습니다).
 - 두 컴포넌트 모두 `className`·`style`을 받아 기본값 **뒤에** 병합합니다 — 블록을 복제하지 않고 조정하는 정규 경로입니다. `FormSection`은 제목 줄만 바꾸는 `titleStyle`도 받습니다.
 
 ```tsx

package/dist/FormRow.d.ts

@@ -5,6 +5,22 @@ import { CSSProperties, ReactNode } from 'react';
  * 오버라이드 계약(docs/lob-layers.md §2)에 따라 `className`·`style` 을 받아 병합한다.
  * `columns` 는 2열 고정이 맞지 않는 소비자가 **컴포넌트를 복제하지 않고** 조정하는 경로다
  * — 복제가 시작되면 이 계층은 쓰기 전보다 나쁜 상태를 만든다.
+ *
+ * 🔴**트랙은 `minmax(0, 1fr)` 이지 `1fr` 이 아니다 — 순수 `1fr` 은 «균등» 을 약속하고**
+ * **지키지 않는다.** 그리드 아이템의 기본 `min-width: auto` 는 내용의 min-content 아래로
+ * 줄어들기를 거부하므로, 한 칸에 긴 내용이 들어오면 그 칸만 부풀고 나머지가 찌그러진다.
+ * 실측(400px 컨테이너 · 한 칸에 긴 불가분 문자열): 2열이 **425/8**, 3열이 **425/8/8** 이었고
+ * 행 자체가 컨테이너를 넘쳤다. `minmax(0, 1fr)` 은 트랙의 최소를 0 으로 만들어 **자식을**
+ * **건드리지 않고** 이를 고친다 — 같은 실측에서 **196/196** · **128/128/128**.
+ *
+ * ⚠**긴 불가분 내용 자체의 넘침은 별개 축이고 이 컴포넌트의 몫이 아니다.** 칸이 균등해져도
+ * 그 안의 긴 문자열은 여전히 자기 칸을 넘는다 — 그것은 셀의 `overflow-wrap` 이 답이다
+ * (`@iyulab/components` 의 엘리먼트는 이미 그 값을 갖는다). 같은 실측에서 `overflow-wrap` 을
+ * 주면 행의 넘침이 0 이 됐다.
+ *
+ * 계약은 `tests/form-layout-contract.test.ts` 가 고정한다 — 다만 그 파일은 **«선언» 을 재지**
+ * **«배치» 를 재지 않는다**(이 패키지엔 레이아웃을 계산하는 테스트 자리가 없다). 위 수치는
+ * 형제 패키지의 브라우저 프로젝트를 계측기로 빌린 일회성 탐침으로 쟀다.
  */
 export declare function FormRow({ children, full, columns, className, style, }: {
     children: ReactNode;

package/dist/index.js

@@ -59,6 +59,22 @@ function FormSection({ title, children, className, style, titleStyle }) {
 * 오버라이드 계약(docs/lob-layers.md §2)에 따라 `className`·`style` 을 받아 병합한다.
 * `columns` 는 2열 고정이 맞지 않는 소비자가 **컴포넌트를 복제하지 않고** 조정하는 경로다
 * — 복제가 시작되면 이 계층은 쓰기 전보다 나쁜 상태를 만든다.
+*
+* 🔴**트랙은 `minmax(0, 1fr)` 이지 `1fr` 이 아니다 — 순수 `1fr` 은 «균등» 을 약속하고**
+* **지키지 않는다.** 그리드 아이템의 기본 `min-width: auto` 는 내용의 min-content 아래로
+* 줄어들기를 거부하므로, 한 칸에 긴 내용이 들어오면 그 칸만 부풀고 나머지가 찌그러진다.
+* 실측(400px 컨테이너 · 한 칸에 긴 불가분 문자열): 2열이 **425/8**, 3열이 **425/8/8** 이었고
+* 행 자체가 컨테이너를 넘쳤다. `minmax(0, 1fr)` 은 트랙의 최소를 0 으로 만들어 **자식을**
+* **건드리지 않고** 이를 고친다 — 같은 실측에서 **196/196** · **128/128/128**.
+*
+* ⚠**긴 불가분 내용 자체의 넘침은 별개 축이고 이 컴포넌트의 몫이 아니다.** 칸이 균등해져도
+* 그 안의 긴 문자열은 여전히 자기 칸을 넘는다 — 그것은 셀의 `overflow-wrap` 이 답이다
+* (`@iyulab/components` 의 엘리먼트는 이미 그 값을 갖는다). 같은 실측에서 `overflow-wrap` 을
+* 주면 행의 넘침이 0 이 됐다.
+*
+* 계약은 `tests/form-layout-contract.test.ts` 가 고정한다 — 다만 그 파일은 **«선언» 을 재지**
+* **«배치» 를 재지 않는다**(이 패키지엔 레이아웃을 계산하는 테스트 자리가 없다). 위 수치는
+* 형제 패키지의 브라우저 프로젝트를 계측기로 빌린 일회성 탐침으로 쟀다.
 */
 function FormRow({ children, full, columns = 2, className, style }) {
 	if (full) return /* @__PURE__ */ jsx("div", {
@@ -73,7 +89,7 @@ function FormRow({ children, full, columns = 2, className, style }) {
 		className,
 		style: {
 			display: "grid",
-			gridTemplateColumns: `repeat(${columns}, 1fr)`,
+			gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`,
 			gap: "var(--u-space-sm, 8px)",
 			...style
 		},

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iyulab/enterprise",
-  "version": "0.12.0",
+  "version": "0.13.0",
   "description": "Enterprise utilities and components for iyulab framework",
   "keywords": [
     "enterprise",
@@ -58,7 +58,7 @@
     "@iyulab/components": "^1.27.0",
     "@types/node": "^26.1.1",
     "@types/react": "^19.2.14",
-    "typescript": "^5.9.3",
+    "typescript": "^6.0.2",
     "vite": "^8.1.4",
     "vite-plugin-dts": "^5.0.3",
     "vitest": "^4.1.10"
@@ -66,10 +66,5 @@
   "peerDependencies": {
     "react": ">=18",
     "@iyulab/components": ">=1.27.0"
-  },
-  "peerDependenciesMeta": {
-    "@iyulab/components": {
-      "optional": true
-    }
   }
 }