@iyulab/modern-app 0.11.1 → 0.13.0

package/CHANGELOG.md

@@ -1,5 +1,64 @@
 # Changelog
 
+## [0.13.0] - 2026-08-08
+
+### Added
+
+- **`u-info-field` accepts `format` (`'number' | 'currency' | 'date'`) and `currency`.**
+  When set, the value renders through `@iyulab/components`' `formatNumber`/`formatCurrency`/
+  `formatDate` instead of a plain `String(value)`, and `format="number"`/`"currency"` implies
+  the existing `numeric` (right-aligned, tabular-nums) styling automatically. `currency` has
+  no default — omitting it while `format="currency"` degrades to plain number formatting
+  rather than throwing. Existing usage without `format` is unaffected.
+
+### Changed
+
+- **`@iyulab/components` dependency floor raised to `^1.27.0`** (the feature above needs
+  `formatNumber`/`formatCurrency`/`formatDate`, added in that release).
+
+## [0.12.0] - 2026-08-07
+
+### Added
+
+- **`u-info-field` now accepts `value` as a plain HTML attribute**, not just a property binding.
+  `value` was declared `attribute: false`, so `<u-info-field value="42">` was silently ignored —
+  no error, no warning, the field just stayed blank. Property binding (`.value=${x}`) is
+  unaffected and still accepts any type (numbers, dates); the attribute converter only applies
+  when the value arrives as a string attribute.
+
+- **Sidebar links can point outside the app.** `SidebarLinkConfig` accepted only `href` and could
+  not say whether that link was a SPA route. `SidebarLink` rendered a `<u-link>` without passing
+  `target` either, so even the one escape the lower layer offered was unreachable from config.
+  A same-origin help site placed in the menu had its click intercepted by the router and fell
+  through to not-found.
+
+  Real menus are not all SPA screens: a documentation site, a report endpoint, an admin console
+  and a legacy page sit in the same list. `navigate: 'document'` hands the click to the browser;
+  `target` is passed through for new-tab links.
+
+  ```ts
+  { type: 'link', icon: 'help', label: 'Help', href: '/help/', navigate: 'document' }
+  ```
+
+  The entry stays an anchor, which is the point — the alternative was a `type: 'button'` with an
+  imperative navigation, which loses middle-click and Ctrl+click, address copying, the link role
+  for screen readers, and `pattern`-based highlighting, and cannot sit inside a section or group.
+
+### Changed
+
+- **`@iyulab/router` requirement raised to `^0.11.0`.** The sidebar `navigate: 'document'` support
+  above needs `<u-link navigate="document">`, added in that release; `^0.10.2` does not resolve to
+  it (a 0.x range's minor segment behaves like a major boundary under semver).
+
+### Fixed
+
+- **`sideEffects` omitted the source-resolved entry barrel.** The allowlist covered the component
+  and layout modules but not the barrel that `exports["."]` resolves to. The published artifacts
+  were unaffected — the shipped allowlist already covered them — but a consumer resolving this
+  package from source (a workspace sibling) could have the barrel elided, dropping the element
+  registrations it pulls in. The failure is silent: no error, and unregistered custom elements
+  render nothing. The source-form entry points are now declared alongside the artifact ones.
+
 ## [0.11.1] - 2026-08-04
 
 ### Fixed

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

@@ -1,4 +1,4 @@
-//#region \0@oxc-project+runtime@0.142.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.143.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.142.0 → _@oxc-project_runtime@0.143.0}/helpers/esm/decorateMetadata.js

@@ -1,4 +1,4 @@
-//#region \0@oxc-project+runtime@0.142.0/helpers/esm/decorateMetadata.js
+//#region \0@oxc-project+runtime@0.143.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.142.0/helpers/esm/decorateMetadata.js";
-import t from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
+import e from "../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorateMetadata.js";
+import t from "../_virtual/_@oxc-project_runtime@0.143.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.142.0/helpers/esm/decorateMetadata.js";
-import t from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
+import e from "../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorateMetadata.js";
+import t from "../_virtual/_@oxc-project_runtime@0.143.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.142.0/helpers/esm/decorateMetadata.js";
-import t from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
+import e from "../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorateMetadata.js";
+import t from "../_virtual/_@oxc-project_runtime@0.143.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.d.ts

@@ -1,5 +1,6 @@
 import { StyledElement } from '../internals/StyledElement.js';
 type ElementParts = 'host' | 'label' | 'value';
+export type InfoFieldFormat = 'number' | 'currency' | 'date';
 /** 값이 "아직 없음"인가 — `0` 과 `false` 는 **값이다**. */
 export declare function isBlank(v: unknown): boolean;
 /**
@@ -16,6 +17,7 @@ export declare function isBlank(v: unknown): boolean;
  * ```html
  * <u-info-field label="부수" .value=${order.quantity} numeric></u-info-field>
  * <u-info-field label="거래처">동서인쇄</u-info-field>   <!-- 슬롯이 value 를 이긴다 -->
+ * <u-info-field label="합계" format="currency" currency="KRW" .value=${order.total}></u-info-field>
  * ```
  */
 export declare class InfoField extends StyledElement<ElementParts> {
@@ -25,6 +27,10 @@ export declare class InfoField extends StyledElement<ElementParts> {
     /**
      * 값. `null`/`undefined`/빈 문자열이면 `blank` 문구로 대체된다.
      * ⚠`0`·`false` 는 **대체되지 않는다** — 값이기 때문이다.
+     * 속성(`value="…"`)과 프로퍼티(`.value=`) 둘 다 받는다 — HTML 속성은 항상 문자열이라
+     * `type: String` 변환기가 붙어도 `.value=${order.quantity}` 같은 비-문자열 프로퍼티
+     * 바인딩은 그대로 통과한다(변환기는 속성 파싱에만 관여한다). 렌더는 `format` 이 없으면
+     * 항상 `String(value)`.
      */
     value?: unknown;
     /** "아직 없음"을 나타낼 문구. */
@@ -32,9 +38,21 @@ export declare class InfoField extends StyledElement<ElementParts> {
     /**
      * 숫자 값 — 우정렬 + 고정폭 숫자(`tabular-nums`).
      * ★자릿수가 세로로 맞아야 크기 비교가 눈으로 된다. LOB 화면은 금액·수량이 절반이다.
+     * `format` 이 `'number'`/`'currency'` 면 이 정렬이 자동으로 함의된다 — 따로 켤 필요 없다.
      */
     numeric: boolean;
+    /**
+     * Renders the value through `@iyulab/components`' `formatNumber`/`formatCurrency`/
+     * `formatDate`. When unset (default), falls back to plain `String(value)` as before.
+     */
+    format?: InfoFieldFormat;
+    /**
+     * Currency code to use when `format="currency"` (e.g. `'KRW'`). **No default** — if
+     * omitted, degrades to plain number formatting without a currency symbol (does not throw).
+     */
+    currency?: string;
     private get hasSlotted();
+    private formatValue;
     render(): import('lit-html').TemplateResult<1>;
 }
 declare global {

package/dist/components/InfoField.js

@@ -1,14 +1,15 @@
-import e from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
-import t from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
+import e from "../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorateMetadata.js";
+import t from "../_virtual/_@oxc-project_runtime@0.143.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";
 import { customElement as a, property as o } from "lit/decorators.js";
+import { formatCurrency as s, formatDate as c, formatNumber as l } from "@iyulab/components";
 //#region src/components/InfoField.ts
-function s(e) {
+function u(e) {
 	return e == null || typeof e == "string" && e.trim() === "";
 }
-var c = class extends n {
+var d = class extends n {
 	constructor(...e) {
 		super(...e), this.label = "", this.blank = "—", this.numeric = !1;
 	}
@@ -18,16 +19,19 @@ var c = class extends n {
 	get hasSlotted() {
 		return this.childNodes.length > 0 && [...this.childNodes].some((e) => e.nodeType !== Node.TEXT_NODE || (e.textContent ?? "").trim() !== "");
 	}
+	formatValue() {
+		return this.format === "currency" ? this.currency ? s(Number(this.value), this.currency) : l(Number(this.value)) : this.format === "number" ? l(Number(this.value)) : this.format === "date" ? c(this.value) : String(this.value);
+	}
 	render() {
-		let e = !this.hasSlotted && s(this.value);
+		let e = !this.hasSlotted && u(this.value), t = this.numeric || this.format === "number" || this.format === "currency";
 		return i`
       <div class="label" part="label">${this.label}</div>
-      <div class="value ${this.numeric ? "numeric" : ""} ${e ? "blank" : ""}" part="value">
-        ${this.hasSlotted ? i`<slot></slot>` : e ? this.blank : String(this.value)}
+      <div class="value ${t ? "numeric" : ""} ${e ? "blank" : ""}" part="value">
+        ${this.hasSlotted ? i`<slot></slot>` : e ? this.blank : this.formatValue()}
       </div>
     `;
 	}
 };
-t([o({ type: String }), e("design:type", Object)], c.prototype, "label", void 0), t([o({ attribute: !1 }), e("design:type", Object)], c.prototype, "value", void 0), t([o({ type: String }), e("design:type", Object)], c.prototype, "blank", void 0), t([o({ type: Boolean }), e("design:type", Object)], c.prototype, "numeric", void 0), c = t([a("u-info-field")], c);
+t([o({ type: String }), e("design:type", Object)], d.prototype, "label", void 0), t([o({ type: String }), e("design:type", Object)], d.prototype, "value", void 0), t([o({ type: String }), e("design:type", Object)], d.prototype, "blank", void 0), t([o({ type: Boolean }), e("design:type", Object)], d.prototype, "numeric", void 0), t([o({ type: String }), e("design:type", Object)], d.prototype, "format", void 0), t([o({ type: String }), e("design:type", String)], d.prototype, "currency", void 0), d = t([a("u-info-field")], d);
 //#endregion
-export { c as InfoField, s as isBlank };
+export { d as InfoField, u as isBlank };

package/dist/components/InfoSection.d.ts

@@ -10,7 +10,7 @@ type ElementParts = 'host' | 'grid';
  *
  * ```html
  * <u-info-section>
- *   <u-info-field label="파트" value="일반"></u-info-field>
+ *   <u-info-field label="파트" .value=${'일반'}></u-info-field>
  *   <u-info-field label="부수" .value=${0} numeric></u-info-field>
  * </u-info-section>
  * ```

package/dist/components/InfoSection.js

@@ -1,5 +1,5 @@
-import e from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
-import t from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
+import e from "../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorateMetadata.js";
+import t from "../_virtual/_@oxc-project_runtime@0.143.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/PageHeader.js

@@ -1,5 +1,5 @@
-import e from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
-import t from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
+import e from "../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorateMetadata.js";
+import t from "../_virtual/_@oxc-project_runtime@0.143.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.142.0/helpers/esm/decorateMetadata.js";
-import t from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
+import e from "../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorateMetadata.js";
+import t from "../_virtual/_@oxc-project_runtime@0.143.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.142.0/helpers/esm/decorateMetadata.js";
-import t from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
+import e from "../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorateMetadata.js";
+import t from "../_virtual/_@oxc-project_runtime@0.143.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.d.ts

@@ -10,6 +10,25 @@ export interface SidebarLinkConfig extends SidebarPermissionGuard {
     href: string;
     pattern?: string | URLPattern;
     styles?: StyleMap<ElementParts>;
+    /**
+     * 라우터가 가로채지 않고 브라우저의 문서 이동에 맡긴다 — 같은 오리진의 비-SPA 경로용.
+     *
+     * 실무 앱의 메뉴에는 SPA 화면만 서지 않는다: 도움말/문서 사이트, 리포트 출력 엔드포인트,
+     * 관리 콘솔, 레거시 페이지가 같은 목록에 선다. 종전에는 그것을 **표현할 수 없어서**
+     * 메뉴에 걸면 라우터가 클릭을 가로채 not-found 로 떨어졌다.
+     *
+     * ```ts
+     * { type: 'link', label: '도움말', href: '/help/', navigate: 'document' }
+     * ```
+     */
+    navigate?: 'router' | 'document';
+    /**
+     * 앵커 `target`. 새 탭으로 열 때 쓴다.
+     *
+     * ⚠**`navigate` 를 대신하지 못한다** — `_blank` 는 **새 탭을 강제**하므로 「같은 탭에서
+     * 다른 문서로」를 표현할 수 없다. 그것이 종전에 유일한 탈출구였고, 그래서 부족했다.
+     */
+    target?: '_self' | '_blank';
 }
 /**
  * SidebarLink 컴포넌트는 계층형 네비게이션 아이템을 표시합니다.
@@ -29,6 +48,10 @@ export declare class SidebarLink extends StyledElement<ElementParts> {
     href?: string;
     /** 네비게이션 패턴 매칭 */
     pattern?: string | URLPattern;
+    /** 라우터가 가로채지 않고 브라우저 문서 이동에 맡긴다 (같은 오리진의 비-SPA 경로) */
+    navigate?: 'router' | 'document';
+    /** 앵커 target — 새 탭으로 열 때 */
+    target?: '_self' | '_blank';
     render(): import('lit-html').TemplateResult<1>;
 }
 export {};

package/dist/components/SidebarLink.js

@@ -1,5 +1,5 @@
-import e from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
-import t from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
+import e from "../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorateMetadata.js";
+import t from "../_virtual/_@oxc-project_runtime@0.143.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";
@@ -16,7 +16,11 @@ var c = class extends n {
 	}
 	render() {
 		return a`
-      <u-link .href=${this.href || "#"}>
+      <u-link
+        .href=${this.href || "#"}
+        .navigate=${this.navigate}
+        .target=${this.target}
+      >
         <div class="container" part="base" ?compact=${this.compact}>
           <u-icon part="icon"
             .name=${this.icon}
@@ -33,6 +37,6 @@ var c = class extends n {
 t([s({
 	type: Boolean,
 	reflect: !0
-}), e("design:type", Object)], c.prototype, "selected", void 0), t([s({ type: Boolean }), e("design:type", Object)], c.prototype, "compact", void 0), t([s({ type: String }), e("design:type", String)], c.prototype, "icon", void 0), t([s({ type: String }), e("design:type", Object)], c.prototype, "label", void 0), t([s({ type: String }), e("design:type", String)], c.prototype, "href", void 0), t([s({ type: String }), e("design:type", Object)], c.prototype, "pattern", void 0), c = t([o("u-sidebar-link")], c);
+}), e("design:type", Object)], c.prototype, "selected", void 0), t([s({ type: Boolean }), e("design:type", Object)], c.prototype, "compact", void 0), t([s({ type: String }), e("design:type", String)], c.prototype, "icon", void 0), t([s({ type: String }), e("design:type", Object)], c.prototype, "label", void 0), t([s({ type: String }), e("design:type", String)], c.prototype, "href", void 0), t([s({ type: String }), e("design:type", Object)], c.prototype, "pattern", void 0), t([s({ type: String }), e("design:type", String)], c.prototype, "navigate", void 0), t([s({ type: String }), e("design:type", String)], c.prototype, "target", void 0), c = t([o("u-sidebar-link")], c);
 //#endregion
 export { c as SidebarLink };

package/dist/components/SidebarSection.js

@@ -1,5 +1,5 @@
-import e from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
-import t from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
+import e from "../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorateMetadata.js";
+import t from "../_virtual/_@oxc-project_runtime@0.143.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/internals/StyledElement.js

@@ -1,5 +1,5 @@
-import e from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
-import t from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
+import e from "../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorateMetadata.js";
+import t from "../_virtual/_@oxc-project_runtime@0.143.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
@@ -12,11 +12,13 @@ var i = class extends r {
 	}
 	applyToParts(e) {
 		let t = Object.entries(e);
-		for (let [e, n] of t) if (n) if (e === "host") this.assignToObject(this, n);
-		else {
-			let t = this.renderRoot?.querySelector(`[part="${String(e)}"]`);
-			if (!t) continue;
-			this.assignToObject(t, n);
+		for (let [e, n] of t) if (n) {
+			if (e === "host") this.assignToObject(this, n);
+			else {
+				let t = this.renderRoot?.querySelector(`[part="${String(e)}"]`);
+				if (!t) continue;
+				this.assignToObject(t, n);
+			}
 		}
 	}
 	assignToObject(e, t) {

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.142.0/helpers/esm/decorateMetadata.js";
-import r from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
+import n from "../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorateMetadata.js";
+import r from "../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
 import { StyledElement as i } from "../internals/StyledElement.js";
 import "../components/SidebarSection.js";
 import "../components/SidebarLink.js";
@@ -172,6 +172,8 @@ var g = class extends i {
           .label="${e.label}"
           .href="${e.href}"
           .pattern="${e.pattern}"
+          .navigate="${e.navigate}"
+          .target="${e.target}"
           .styles="${e.styles}"
         ></u-sidebar-link>
       `;

package/dist/layouts/filterSidebarItems.js

@@ -5,14 +5,16 @@ function e(e, t) {
 function t(n, r) {
 	if (!r) return n;
 	let i = r, a = [];
-	for (let r of n) if (r && e(r, i)) if (r.type === "section" || r.type === "group") {
-		let e = t(r.items, i);
-		if (e.length === 0) continue;
-		a.push({
-			...r,
-			items: e
-		});
-	} else a.push(r);
+	for (let r of n) if (r && e(r, i)) {
+		if (r.type === "section" || r.type === "group") {
+			let e = t(r.items, i);
+			if (e.length === 0) continue;
+			a.push({
+				...r,
+				items: e
+			});
+		} else a.push(r);
+	}
 	return a;
 }
 //#endregion

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@iyulab/modern-app",
   "description": "web-framework by iyulab based on lit-element",
-  "version": "0.11.1",
+  "version": "0.13.0",
   "keywords": [
     "iyulab",
     "web-framework",
@@ -23,6 +23,17 @@
   ],
   "type": "module",
   "types": "dist/index.d.ts",
+  "engines": {
+    "node": ">=20"
+  },
+  "sideEffects": [
+    "./dist/components/*.js",
+    "./src/components/*.ts",
+    "./dist/index.js",
+    "./src/index.ts",
+    "./dist/layouts/*.js",
+    "./src/layouts/*.ts"
+  ],
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -42,8 +53,8 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@iyulab/components": "^1.24.0",
-    "@iyulab/router": "^0.10.2",
+    "@iyulab/components": "^1.27.0",
+    "@iyulab/router": "^0.11.0",
     "i18next": "^26.3.6",
     "lit": "^3.3.3"
   },

package/skills/modern-app/references/components/info-field.md

@@ -34,10 +34,16 @@ and those are different states of the business. So the component owns the rule.
 | `value` | `unknown` | — | | Value; property only (`attribute: false`) |
 | `blank` | `string` | `'—'` | | Placeholder for null/undefined/empty — **not** for `0` or `false` |
 | `numeric` | `boolean` | `false` | | Right-align with tabular figures so digits line up vertically |
+| `format` | `'number'\|'currency'\|'date'` | — | | Renders `value` through `@iyulab/components`' `formatNumber`/`formatCurrency`/`formatDate`; unset falls back to plain `String(value)` |
+| `currency` | `string` | — | | Currency code for `format="currency"` (e.g. `'KRW'`); omitted degrades to plain number formatting, does not throw |
 
 ⚠ `numeric` earns its keep in **tables**, where columns of figures are compared by eye. On a
 lone field it just pushes the value away from its label.
 
+```html
+<u-info-field label="Total" format="currency" currency="KRW" .value=${order.total}></u-info-field>
+```
+
 ## CSS Parts
 
 | Part | Description |

package/skills/modern-app/references/layout.md

@@ -41,6 +41,10 @@ interface SidebarLinkConfig {
   icon?: string;
   /** Override the URL matching pattern. Accepts a string or URLPattern. */
   pattern?: string | URLPattern;
+  /** Let the browser navigate instead of the router. For same-origin, non-SPA paths. */
+  navigate?: 'router' | 'document';
+  /** Anchor target. Use for opening in a new tab. */
+  target?: '_self' | '_blank';
   styles?: StyleMap<'host' | 'base' | 'icon' | 'label'>;
 }
 ```
@@ -51,6 +55,22 @@ Example:
 { type: 'link', icon: 'dashboard', label: 'Dashboard', href: '/' }
 ```
 
+#### Linking outside the app
+
+Not every entry in a real menu is a SPA screen. A help site, a report endpoint, an
+admin console, a legacy page — these sit in the same list. Mark them so the router
+leaves the click alone:
+
+```typescript
+{ type: 'link', icon: 'help', label: 'Help', href: '/help/', navigate: 'document' }
+```
+
+The entry stays an anchor, which is the point: middle-click and Ctrl+click still open
+a tab, the address is copyable, screen readers announce a link, `pattern`-based
+highlighting still works, and it can live inside a section or group. `target: '_blank'`
+is available too, but it is not a substitute — it forces a new tab, so same-tab
+navigation to another document needs `navigate`.
+
 ---
 
 ### `SidebarGroupConfig` — `type: 'group'`