@iyulab/modern-app 0.19.6 → 0.20.0

package/CHANGELOG.md

@@ -1,5 +1,47 @@
 # Changelog
 
+## [0.20.0] - 2026-09-16
+
+### Added
+
+- **React wrappers for the LOB content primitives**, published at `@iyulab/modern-app/react/<Name>.js`:
+  `PageHeader`, `InfoSection`, `InfoField`, `GroupBox`, `EmptyState`, `ActionBar`,
+  `MasterDetailLayout` and `SidebarButton`. Until now only `SidebarLayout` and `Wizard` were
+  wrapped, so a React consumer reaching for any of the others had no typed path to it and had to
+  declare the custom element in JSX by hand, once per element. The wrappers are generated by the
+  same generator `@iyulab/components` uses for its own components rather than a second copy of it,
+  so events and properties stay in step with the elements automatically, and a typed consumption
+  smoke test now runs as part of the build.
+- `u-info-field`'s `value` stays `unknown` through the wrapper, so `null`, numbers and strings are
+  all accepted, matching the element and its documentation.
+
+### Changed
+
+- **`@iyulab/modern-app/react` is now a superset of the per-component subpaths.** The barrel used to
+  be hand-curated and carried only `SidebarLayout`, `Wizard`, `ScreenObserver` and the sidebar
+  configuration types, so what a consumer got depended on which specifier they reached for: the
+  generated wrappers existed only under `@iyulab/modern-app/react/<Name>.js` and could not be
+  imported from the barrel at all. The barrel is now generated and re-exports the hand-written
+  wrappers alongside the generated ones, so every React export is reachable from one specifier.
+  Nothing was removed and no name changed: existing barrel imports keep working, and the
+  per-component subpaths are still published for importing one wrapper at a time. This matches how
+  `@iyulab/components` has always exposed its own React surface.
+
+## [0.19.7] - 2026-09-16
+
+### Changed
+
+- **Follow `@iyulab/router` 0.14.0, which declares the outlet's own box model.** Until now the
+  route outlet the shell inserts had no `display` declaration, so it fell back to the default
+  `inline` — a box that stays in layout but does not pass a height down. The shell gives its
+  content area the full height, and that chain stopped at the outlet: a route screen asking for
+  `height: 100%` resolved against the shell instead, or not at all. Router 0.14.0 declares
+  `:where(u-outlet) { display: block; height: 100%; }`, and this release widens the dependency
+  range so the fix actually reaches apps that install the shell rather than the router directly
+  (a `^0.13.0` range does not admit 0.14.0 — semver treats a 0.x minor as a major).
+  Override either declaration from your own stylesheet without `!important`; the rule carries
+  zero specificity.
+
 ## [0.19.6] - 2026-09-15
 
 ### Fixed

package/README.md

@@ -205,6 +205,41 @@ export function App() {
 }
 ```
 
+### The content primitives
+
+The LOB content primitives are wrapped too. Everything React lives in the one barrel above —
+the shell, the sidebar configuration types and every content primitive — so a single specifier is
+enough:
+
+```tsx
+import { PageHeader, InfoSection, InfoField } from '@iyulab/modern-app/react';
+```
+
+Each wrapper is also published on its own subpath, for importing one at a time:
+
+```tsx
+import { PageHeader } from '@iyulab/modern-app/react/PageHeader.js';
+import { InfoSection } from '@iyulab/modern-app/react/InfoSection.js';
+import { InfoField } from '@iyulab/modern-app/react/InfoField.js';
+
+export function OrderSummary({ order }: { order: Order }) {
+  return (
+    <>
+      <PageHeader title="Order" subtitle={order.no} />
+      <InfoSection min={200}>
+        <InfoField label="Total" format="currency" currency="KRW" value={order.total} />
+        <InfoField label="Ordered at" format="date" value={order.orderedAt} />
+      </InfoSection>
+    </>
+  );
+}
+```
+
+Available: `PageHeader`, `InfoSection`, `InfoField`, `GroupBox`, `EmptyState`, `ActionBar`,
+`MasterDetailLayout`, `SidebarButton`. They are generated from the elements themselves, so their
+props and events follow the element rather than a second hand-written description of it. `InfoField`
+keeps `value` as `unknown`, so `null`, numbers and strings all type-check.
+
 ## Accessibility
 
 The baseline is **WCAG 2.2**. The table lists what this package **measures in tests** — it is not a

package/dist/_virtual/{_@oxc-project_runtime@0.149.0 → _@oxc-project_runtime@0.150.0}/helpers/esm/decorate.js

@@ -1,4 +1,4 @@
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.150.0/helpers/esm/decorate.js
 function e(e, t, n, r) {
 	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
 	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);

package/dist/_virtual/{_@oxc-project_runtime@0.149.0 → _@oxc-project_runtime@0.150.0}/helpers/esm/decorateMetadata.js

@@ -1,4 +1,4 @@
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/decorateMetadata.js
+//#region \0@oxc-project+runtime@0.150.0/helpers/esm/decorateMetadata.js
 function e(e, t) {
 	if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(e, t);
 }

package/dist/components/ActionBar.js

@@ -1,5 +1,5 @@
-import e from "../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorateMetadata.js";
-import t from "../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
+import e from "../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorateMetadata.js";
+import t from "../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorate.js";
 import { StyledElement as n } from "../internals/StyledElement.js";
 import { slotHasContent as r } from "../internals/slotted.js";
 import { styles as i } from "./ActionBar.styles.js";

package/dist/components/EmptyState.js

@@ -1,5 +1,5 @@
-import e from "../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorateMetadata.js";
-import t from "../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
+import e from "../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorateMetadata.js";
+import t from "../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorate.js";
 import { StyledElement as n } from "../internals/StyledElement.js";
 import { getLocaleStrings as r } from "../internals/locale.js";
 import { slotHasContent as i } from "../internals/slotted.js";

package/dist/components/GroupBox.js

@@ -1,5 +1,5 @@
-import e from "../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorateMetadata.js";
-import t from "../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
+import e from "../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorateMetadata.js";
+import t from "../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorate.js";
 import { StyledElement as n } from "../internals/StyledElement.js";
 import { slotHasContent as r } from "../internals/slotted.js";
 import { styles as i } from "./GroupBox.styles.js";

package/dist/components/InfoField.js

@@ -1,5 +1,5 @@
-import e from "../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorateMetadata.js";
-import t from "../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
+import e from "../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorateMetadata.js";
+import t from "../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorate.js";
 import { StyledElement as n } from "../internals/StyledElement.js";
 import { styles as r } from "./InfoField.styles.js";
 import { html as i } from "lit";

package/dist/components/InfoSection.js

@@ -1,5 +1,5 @@
-import e from "../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorateMetadata.js";
-import t from "../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
+import e from "../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorateMetadata.js";
+import t from "../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorate.js";
 import { StyledElement as n } from "../internals/StyledElement.js";
 import { styles as r } from "./InfoSection.styles.js";
 import { html as i } from "lit";

package/dist/components/MasterDetailLayout.js

@@ -1,5 +1,5 @@
-import e from "../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorateMetadata.js";
-import t from "../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
+import e from "../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorateMetadata.js";
+import t from "../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorate.js";
 import { StyledElement as n } from "../internals/StyledElement.js";
 import { getLocaleStrings as r } from "../internals/locale.js";
 import { slotHasContent as i } from "../internals/slotted.js";

package/dist/components/PageHeader.js

@@ -1,5 +1,5 @@
-import e from "../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorateMetadata.js";
-import t from "../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
+import e from "../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorateMetadata.js";
+import t from "../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorate.js";
 import { StyledElement as n } from "../internals/StyledElement.js";
 import { getLocaleStrings as r } from "../internals/locale.js";
 import { slotHasContent as i } from "../internals/slotted.js";

package/dist/components/SidebarButton.js

@@ -1,5 +1,5 @@
-import e from "../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorateMetadata.js";
-import t from "../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
+import e from "../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorateMetadata.js";
+import t from "../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorate.js";
 import { StyledElement as n } from "../internals/StyledElement.js";
 import { DEFAULT_NAV_ICON as r } from "../internals/nav-icon.js";
 import { styles as i } from "./SidebarButton.styles.js";

package/dist/components/SidebarGroup.js

@@ -1,5 +1,5 @@
-import e from "../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorateMetadata.js";
-import t from "../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
+import e from "../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorateMetadata.js";
+import t from "../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorate.js";
 import { StyledElement as n } from "../internals/StyledElement.js";
 import { DEFAULT_NAV_ICON as r } from "../internals/nav-icon.js";
 import { SidebarLink as i } from "./SidebarLink.js";

package/dist/components/SidebarLink.js

@@ -1,5 +1,5 @@
-import e from "../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorateMetadata.js";
-import t from "../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
+import e from "../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorateMetadata.js";
+import t from "../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorate.js";
 import { StyledElement as n } from "../internals/StyledElement.js";
 import { DEFAULT_NAV_ICON as r } from "../internals/nav-icon.js";
 import { styles as i } from "./SidebarLink.styles.js";

package/dist/components/SidebarSection.js

@@ -1,5 +1,5 @@
-import e from "../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorateMetadata.js";
-import t from "../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
+import e from "../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorateMetadata.js";
+import t from "../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorate.js";
 import { StyledElement as n } from "../internals/StyledElement.js";
 import { styles as r } from "./SidebarSection.styles.js";
 import { html as i } from "lit";

package/dist/components/Wizard.js

@@ -1,5 +1,5 @@
-import e from "../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorateMetadata.js";
-import t from "../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
+import e from "../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorateMetadata.js";
+import t from "../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorate.js";
 import { StyledElement as n } from "../internals/StyledElement.js";
 import { getLocaleStrings as r } from "../internals/locale.js";
 import { styles as i } from "./Wizard.styles.js";

package/dist/internals/StyledElement.js

@@ -1,5 +1,5 @@
-import e from "../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorateMetadata.js";
-import t from "../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
+import e from "../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorateMetadata.js";
+import t from "../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorate.js";
 import { property as n } from "lit/decorators.js";
 import { UElement as r } from "@iyulab/components/dist/components/UElement.js";
 //#region src/internals/StyledElement.ts

package/dist/layouts/SidebarLayout.js

@@ -1,7 +1,7 @@
 import { app as e } from "../App.js";
 import { filterSidebarItems as t } from "./filterSidebarItems.js";
-import n from "../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorateMetadata.js";
-import r from "../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
+import n from "../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorateMetadata.js";
+import r from "../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorate.js";
 import { StyledElement as i } from "../internals/StyledElement.js";
 import { getLocaleStrings as a } from "../internals/locale.js";
 import "../components/SidebarSection.js";

package/dist/react/ActionBar.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ActionBar as ActionBarElement } from '@iyulab/modern-app/dist/components/ActionBar.js';
+
+export declare const ActionBar: React.ForwardRefExoticComponent<
+  Omit<Partial<ActionBarElement>, keyof React.HTMLAttributes<ActionBarElement>>
+    & Omit<React.HTMLAttributes<ActionBarElement>, never>
+    & React.RefAttributes<ActionBarElement>
+    & {
+  }
+>;
+
+export type ActionBarProps = React.ComponentProps<typeof ActionBar>;

package/dist/react/ActionBar.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { ActionBar as ActionBarElement } from '@iyulab/modern-app/dist/components/ActionBar.js';
+
+export const ActionBar = createComponent({
+  react: React,
+  tagName: 'u-action-bar',
+  elementClass: ActionBarElement,
+  events: {},
+});

package/dist/react/EmptyState.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { EmptyState as EmptyStateElement } from '@iyulab/modern-app/dist/components/EmptyState.js';
+
+export declare const EmptyState: React.ForwardRefExoticComponent<
+  Omit<Partial<EmptyStateElement>, keyof React.HTMLAttributes<EmptyStateElement>>
+    & Omit<React.HTMLAttributes<EmptyStateElement>, never>
+    & React.RefAttributes<EmptyStateElement>
+    & {
+  }
+>;
+
+export type EmptyStateProps = React.ComponentProps<typeof EmptyState>;

package/dist/react/EmptyState.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { EmptyState as EmptyStateElement } from '@iyulab/modern-app/dist/components/EmptyState.js';
+
+export const EmptyState = createComponent({
+  react: React,
+  tagName: 'u-empty-state',
+  elementClass: EmptyStateElement,
+  events: {},
+});

package/dist/react/GroupBox.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { GroupBox as GroupBoxElement } from '@iyulab/modern-app/dist/components/GroupBox.js';
+
+export declare const GroupBox: React.ForwardRefExoticComponent<
+  Omit<Partial<GroupBoxElement>, keyof React.HTMLAttributes<GroupBoxElement>>
+    & Omit<React.HTMLAttributes<GroupBoxElement>, never>
+    & React.RefAttributes<GroupBoxElement>
+    & {
+  }
+>;
+
+export type GroupBoxProps = React.ComponentProps<typeof GroupBox>;

package/dist/react/GroupBox.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { GroupBox as GroupBoxElement } from '@iyulab/modern-app/dist/components/GroupBox.js';
+
+export const GroupBox = createComponent({
+  react: React,
+  tagName: 'u-group-box',
+  elementClass: GroupBoxElement,
+  events: {},
+});

package/dist/react/InfoField.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { InfoField as InfoFieldElement } from '@iyulab/modern-app/dist/components/InfoField.js';
+
+export declare const InfoField: React.ForwardRefExoticComponent<
+  Omit<Partial<InfoFieldElement>, keyof React.HTMLAttributes<InfoFieldElement>>
+    & Omit<React.HTMLAttributes<InfoFieldElement>, never>
+    & React.RefAttributes<InfoFieldElement>
+    & {
+  }
+>;
+
+export type InfoFieldProps = React.ComponentProps<typeof InfoField>;

package/dist/react/InfoField.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { InfoField as InfoFieldElement } from '@iyulab/modern-app/dist/components/InfoField.js';
+
+export const InfoField = createComponent({
+  react: React,
+  tagName: 'u-info-field',
+  elementClass: InfoFieldElement,
+  events: {},
+});

package/dist/react/InfoSection.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { InfoSection as InfoSectionElement } from '@iyulab/modern-app/dist/components/InfoSection.js';
+
+export declare const InfoSection: React.ForwardRefExoticComponent<
+  Omit<Partial<InfoSectionElement>, keyof React.HTMLAttributes<InfoSectionElement>>
+    & Omit<React.HTMLAttributes<InfoSectionElement>, never>
+    & React.RefAttributes<InfoSectionElement>
+    & {
+  }
+>;
+
+export type InfoSectionProps = React.ComponentProps<typeof InfoSection>;

package/dist/react/InfoSection.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { InfoSection as InfoSectionElement } from '@iyulab/modern-app/dist/components/InfoSection.js';
+
+export const InfoSection = createComponent({
+  react: React,
+  tagName: 'u-info-section',
+  elementClass: InfoSectionElement,
+  events: {},
+});

package/dist/react/MasterDetailLayout.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { MasterDetailLayout as MasterDetailLayoutElement } from '@iyulab/modern-app/dist/components/MasterDetailLayout.js';
+
+export declare const MasterDetailLayout: React.ForwardRefExoticComponent<
+  Omit<Partial<MasterDetailLayoutElement>, keyof React.HTMLAttributes<MasterDetailLayoutElement>>
+    & Omit<React.HTMLAttributes<MasterDetailLayoutElement>, 'onDetailClose'>
+    & React.RefAttributes<MasterDetailLayoutElement>
+    & {
+  onDetailClose?: (event: CustomEvent) => void;
+  }
+>;
+
+export type MasterDetailLayoutProps = React.ComponentProps<typeof MasterDetailLayout>;

package/dist/react/MasterDetailLayout.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { MasterDetailLayout as MasterDetailLayoutElement } from '@iyulab/modern-app/dist/components/MasterDetailLayout.js';
+
+export const MasterDetailLayout = createComponent({
+  react: React,
+  tagName: 'u-master-detail-layout',
+  elementClass: MasterDetailLayoutElement,
+  events: {
+    onDetailClose: 'detail-close',
+  },
+});

package/dist/react/PageHeader.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { PageHeader as PageHeaderElement } from '@iyulab/modern-app/dist/components/PageHeader.js';
+
+export declare const PageHeader: React.ForwardRefExoticComponent<
+  Omit<Partial<PageHeaderElement>, keyof React.HTMLAttributes<PageHeaderElement>>
+    & Omit<React.HTMLAttributes<PageHeaderElement>, never>
+    & React.RefAttributes<PageHeaderElement>
+    & {
+  }
+>;
+
+export type PageHeaderProps = React.ComponentProps<typeof PageHeader>;

package/dist/react/PageHeader.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { PageHeader as PageHeaderElement } from '@iyulab/modern-app/dist/components/PageHeader.js';
+
+export const PageHeader = createComponent({
+  react: React,
+  tagName: 'u-page-header',
+  elementClass: PageHeaderElement,
+  events: {},
+});

package/dist/react/SidebarButton.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { SidebarButton as SidebarButtonElement } from '@iyulab/modern-app/dist/components/SidebarButton.js';
+
+export declare const SidebarButton: React.ForwardRefExoticComponent<
+  Omit<Partial<SidebarButtonElement>, keyof React.HTMLAttributes<SidebarButtonElement>>
+    & Omit<React.HTMLAttributes<SidebarButtonElement>, never>
+    & React.RefAttributes<SidebarButtonElement>
+    & {
+  }
+>;
+
+export type SidebarButtonProps = React.ComponentProps<typeof SidebarButton>;

package/dist/react/SidebarButton.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { SidebarButton as SidebarButtonElement } from '@iyulab/modern-app/dist/components/SidebarButton.js';
+
+export const SidebarButton = createComponent({
+  react: React,
+  tagName: 'u-sidebar-button',
+  elementClass: SidebarButtonElement,
+  events: {},
+});

package/dist/react/index.d.ts

@@ -0,0 +1,9 @@
+export * from '@iyulab/modern-app/dist/react.js';
+export { SidebarButton, SidebarButtonProps } from './SidebarButton';
+export { PageHeader, PageHeaderProps } from './PageHeader';
+export { MasterDetailLayout, MasterDetailLayoutProps } from './MasterDetailLayout';
+export { InfoSection, InfoSectionProps } from './InfoSection';
+export { InfoField, InfoFieldProps } from './InfoField';
+export { GroupBox, GroupBoxProps } from './GroupBox';
+export { EmptyState, EmptyStateProps } from './EmptyState';
+export { ActionBar, ActionBarProps } from './ActionBar';

package/dist/react/index.js

@@ -0,0 +1,9 @@
+export * from '@iyulab/modern-app/dist/react.js';
+export { SidebarButton } from './SidebarButton.js';
+export { PageHeader } from './PageHeader.js';
+export { MasterDetailLayout } from './MasterDetailLayout.js';
+export { InfoSection } from './InfoSection.js';
+export { InfoField } from './InfoField.js';
+export { GroupBox } from './GroupBox.js';
+export { EmptyState } from './EmptyState.js';
+export { ActionBar } from './ActionBar.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@iyulab/modern-app",
   "description": "web-framework by iyulab based on lit-element",
-  "version": "0.19.6",
+  "version": "0.20.0",
   "keywords": [
     "iyulab",
     "web-framework",
@@ -41,10 +41,8 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     },
-    "./react": {
-      "types": "./dist/react.d.ts",
-      "import": "./dist/react.js"
-    },
+    "./react": "./dist/react/index.js",
+    "./react/*": "./dist/react/*",
     "./dist/*": {
       "types": "./dist/*.d.ts",
       "import": "./dist/*"
@@ -55,17 +53,18 @@
     "test": "vitest run",
     "test:watch": "vitest",
     "start": "vite",
-    "build": "npm run typecheck && vite build",
+    "build": "npm run typecheck && vite build && npm run test:react-types",
     "test:browser": "vitest run --project=browser",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "tsc --noEmit",
+    "test:react-types": "tsc -p tsconfig.react-smoke.json"
   },
   "dependencies": {
-    "@iyulab/router": "^0.13.0",
+    "@iyulab/router": "^0.15.0",
     "i18next": "^26.3.6",
     "lit": "^3.3.3"
   },
   "peerDependencies": {
-    "@iyulab/components": ">=1.40.3",
+    "@iyulab/components": ">=1.42.0",
     "@lit/react": ">=1.0.8",
     "react": ">=18.0.0"
   },
@@ -89,6 +88,7 @@
     "typescript": "^6.0.2",
     "vite": "^8.1.4",
     "vite-plugin-dts": "^5.0.3",
-    "vitest": "^5.0.0"
+    "vitest": "^5.0.0",
+    "@iyulab/components": ">=1.42.0"
   }
 }