@iyulab/modern-app 0.18.8 → 0.18.10

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # Changelog
 
+## [0.18.10] - 2026-09-01
+
+### Fixed
+
+- **`0.18.9`'s `JSX.IntrinsicElements` fix didn't actually reach consumers who
+  deep-import these components** (`import '@iyulab/modern-app/dist/components/
+  MasterDetailLayout.js'` and similar for `InfoField`/`PageHeader`/`EmptyState`/
+  `GroupBox`/`InfoSection`/`ActionBar`). The augmentation lived in a separate
+  file pulled in only via a side-effect-only type import, which the
+  declaration bundler stripped from each component's published `.d.ts` as
+  "unused". Each component's JSX augmentation now lives directly in its own
+  source file instead, so it survives declaration bundling regardless of
+  import path. Verified against the actual published tarball this time
+  (`npm pack`), not just the local workspace.
+
+## [0.18.9] - 2026-08-31
+
+### Fixed
+
+- **JSX couldn't type-check `InfoField`, `PageHeader`, `EmptyState`, `GroupBox`,
+  `InfoSection`, `ActionBar`, or `MasterDetailLayout` in a `.tsx` consumer** —
+  these seven have no `/react` wrapper by design (plain
+  String/Number/Boolean properties work as a raw custom element in JSX on
+  both React 18 and 19), but only `HTMLElementTagNameMap` was declared for
+  them; `JSX.IntrinsicElements`, what `.tsx` actually checks against, never
+  was. Every one of them failed `TS2339` the moment a consumer wrote it in
+  JSX. Declared now, and pulled in from each component file itself (not just
+  the barrel), so a deep import for tree-shaking still sees it.
+
 ## [0.18.8] - 2026-08-30
 
 ### Fixed

package/dist/components/ActionBar.d.ts

@@ -1,4 +1,5 @@
 import { StyledElement } from '../internals/StyledElement.js';
+import { default as React } from 'react';
 type ElementParts = 'host' | 'danger' | 'main';
 /**
  * 푸터 액션 바 — 상세·편집 화면 맨 아래의 같은 골격.
@@ -42,4 +43,13 @@ declare global {
         'u-action-bar': ActionBar;
     }
 }
+declare module 'react' {
+    namespace JSX {
+        interface IntrinsicElements {
+            'u-action-bar': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & {
+                sticky?: boolean;
+            };
+        }
+    }
+}
 export {};

package/dist/components/EmptyState.d.ts

@@ -1,4 +1,5 @@
 import { StyledElement } from '../internals/StyledElement.js';
+import { default as React } from 'react';
 type ElementParts = 'host' | 'icon' | 'title' | 'description' | 'actions';
 /**
  * 빈 상태 — 목록·검색 결과가 비었을 때.
@@ -49,4 +50,16 @@ declare global {
         'u-empty-state': EmptyState;
     }
 }
+declare module 'react' {
+    namespace JSX {
+        interface IntrinsicElements {
+            'u-empty-state': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & {
+                variant?: 'no-data' | 'no-results';
+                title?: string;
+                description?: string;
+                locale?: string;
+            };
+        }
+    }
+}
 export {};

package/dist/components/GroupBox.d.ts

@@ -1,4 +1,5 @@
 import { StyledElement } from '../internals/StyledElement.js';
+import { default as React } from 'react';
 type ElementParts = 'host' | 'header' | 'title' | 'actions' | 'body';
 /**
  * 그룹 박스 — 제목이 붙은 카드. LOB 상세 화면의 기본 단위다.
@@ -40,4 +41,15 @@ declare global {
         'u-group-box': GroupBox;
     }
 }
+declare module 'react' {
+    namespace JSX {
+        interface IntrinsicElements {
+            'u-group-box': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & {
+                title?: string;
+                divider?: boolean;
+                flush?: boolean;
+            };
+        }
+    }
+}
 export {};

package/dist/components/InfoField.d.ts

@@ -1,4 +1,5 @@
 import { StyledElement } from '../internals/StyledElement.js';
+import { default as React } from 'react';
 type ElementParts = 'host' | 'label' | 'value' | 'trend';
 export type InfoFieldFormat = 'number' | 'currency' | 'date';
 export type InfoFieldSize = 'default' | 'lg';
@@ -92,4 +93,24 @@ declare global {
         'u-info-field': InfoField;
     }
 }
+declare module 'react' {
+    namespace JSX {
+        interface IntrinsicElements {
+            'u-info-field': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & {
+                label?: string;
+                value?: string;
+                blank?: string;
+                numeric?: boolean;
+                format?: InfoFieldFormat;
+                currency?: string;
+                size?: InfoFieldSize;
+                trend?: InfoFieldTrend;
+                /** 프로퍼티는 `trendLabel`이지만 Lit 기본 속성명 규칙(소문자화, kebab
+                 *  아님)상 실제 HTML 속성명은 `trendlabel`이다. */
+                trendlabel?: string;
+                tone?: InfoFieldTone;
+            };
+        }
+    }
+}
 export {};

package/dist/components/InfoSection.d.ts

@@ -1,4 +1,5 @@
 import { StyledElement } from '../internals/StyledElement.js';
+import { default as React } from 'react';
 type ElementParts = 'host' | 'grid';
 /**
  * 정보 섹션 — `u-info-field` 들의 반응형 그리드.
@@ -28,4 +29,13 @@ declare global {
         'u-info-section': InfoSection;
     }
 }
+declare module 'react' {
+    namespace JSX {
+        interface IntrinsicElements {
+            'u-info-section': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & {
+                min?: number | string;
+            };
+        }
+    }
+}
 export {};

package/dist/components/MasterDetailLayout.d.ts

@@ -1,5 +1,6 @@
 import { PropertyValues } from 'lit';
 import { StyledElement } from '../internals/StyledElement.js';
+import { default as React } from 'react';
 type ElementParts = 'host' | 'master' | 'divider' | 'detail' | 'detail-close';
 /**
  * master›detail 반응형 split-pane 셸.
@@ -67,4 +68,15 @@ declare global {
         'u-master-detail-layout': MasterDetailLayout;
     }
 }
+declare module 'react' {
+    namespace JSX {
+        interface IntrinsicElements {
+            'u-master-detail-layout': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & {
+                'master-size'?: string;
+                'overlay-breakpoint'?: number | string;
+                locale?: string;
+            };
+        }
+    }
+}
 export {};

package/dist/components/PageHeader.d.ts

@@ -1,4 +1,5 @@
 import { StyledElement } from '../internals/StyledElement.js';
+import { default as React } from 'react';
 type ElementParts = 'host' | 'back' | 'heading' | 'title' | 'subtitle' | 'status' | 'actions';
 /**
  * 페이지 헤더 — 모든 LOB 화면 최상단의 같은 골격.
@@ -50,4 +51,17 @@ declare global {
         'u-page-header': PageHeader;
     }
 }
+declare module 'react' {
+    namespace JSX {
+        interface IntrinsicElements {
+            'u-page-header': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & {
+                title?: string;
+                subtitle?: string;
+                back?: string;
+                'back-label'?: string;
+                locale?: string;
+            };
+        }
+    }
+}
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@iyulab/modern-app",
   "description": "web-framework by iyulab based on lit-element",
-  "version": "0.18.8",
+  "version": "0.18.10",
   "keywords": [
     "iyulab",
     "web-framework",
@@ -51,6 +51,7 @@
     }
   },
   "scripts": {
+    "preversion": "node -e \"if(require('fs').existsSync('../../scripts/preversion-check.mjs'))require('child_process').execFileSync('node',['../../scripts/preversion-check.mjs'],{stdio:'inherit'})\"",
     "test": "vitest run",
     "test:watch": "vitest",
     "start": "vite",