@iyulab/modern-app 0.18.9 → 0.18.10

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # 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

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.9",
+  "version": "0.18.10",
   "keywords": [
     "iyulab",
     "web-framework",
@@ -51,7 +51,7 @@
     }
   },
   "scripts": {
-    "preversion": "node ../../scripts/preversion-check.mjs",
+    "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",

package/dist/types/jsx.d.ts

@@ -1,60 +0,0 @@
-import { default as React } from 'react';
-import { InfoFieldFormat, InfoFieldSize, InfoFieldTrend, InfoFieldTone } from '../components/InfoField.js';
-type BaseElementProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
-interface InfoFieldElementProps extends BaseElementProps {
-    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;
-}
-interface PageHeaderElementProps extends BaseElementProps {
-    title?: string;
-    subtitle?: string;
-    back?: string;
-    'back-label'?: string;
-    locale?: string;
-}
-interface EmptyStateElementProps extends BaseElementProps {
-    variant?: 'no-data' | 'no-results';
-    title?: string;
-    description?: string;
-    locale?: string;
-}
-interface GroupBoxElementProps extends BaseElementProps {
-    title?: string;
-    divider?: boolean;
-    flush?: boolean;
-}
-interface InfoSectionElementProps extends BaseElementProps {
-    min?: number | string;
-}
-interface ActionBarElementProps extends BaseElementProps {
-    sticky?: boolean;
-}
-interface MasterDetailLayoutElementProps extends BaseElementProps {
-    'master-size'?: string;
-    'overlay-breakpoint'?: number | string;
-    locale?: string;
-}
-declare module 'react' {
-    namespace JSX {
-        interface IntrinsicElements {
-            'u-info-field': InfoFieldElementProps;
-            'u-page-header': PageHeaderElementProps;
-            'u-empty-state': EmptyStateElementProps;
-            'u-group-box': GroupBoxElementProps;
-            'u-info-section': InfoSectionElementProps;
-            'u-action-bar': ActionBarElementProps;
-            'u-master-detail-layout': MasterDetailLayoutElementProps;
-        }
-    }
-}
-export {};