ksk-design-system 1.51.0 → 1.51.2

package/AGENTS.md

@@ -185,30 +185,10 @@ Brand色を差し替え（10行）→ Primitive Layer → Semantic Layer → Bri
 
 ## AIモデルの使い分け方針
 
-（同一モデルで実装と検証を兼ねない — 同じバイアスを共有し独立検証にならない）
-
-### Fable 5 が使えるとき
-
-| モデル | 用途 |
-|--------|------|
-| `claude-fable-5` | 最難関の設計・長時間エージェント作業のみ（高コストのため温存） |
-| `claude-opus-4-8` | 通常のUI実装・レビュー・リファクタの既定 |
-
-**検証ループ:** 実装 = Fable 5 / 検証 = Opus 4.8
-
-**Fable 5 使用時の注意:**
-- thinking は常時オン（パラメータ省略でデフォルトに任せる）
-- refusal 時は `fallbacks` で Opus 4.8 に自動フォールバック
-- 30日データ保持が必須
-
-### Fable 5 が使えないとき（アクセス終了・休止期間）
-
-| モデル | 用途 |
-|--------|------|
-| `claude-opus-4-8` | 設計・UI実装・レビュー・リファクタの既定 |
-| `claude-sonnet-5` | 機械的な一括修正・定型作業（トークン節約） |
-
-**検証ループ:** 実装 = Opus 4.8 / 検証 = Sonnet 5
+正本は `~/.claude/playbooks/agent-contracts.md`（モデル割当・委譲・報告・自己改善の契約）。
+サブエージェントを起動する前に読む。要点: 親（Fable 5）は監督専任 / 委譲時の `model:` は
+省略禁止（実装=sonnet 既定・設計判断を含む実装=opus・検証=実装と別モデル・下書き=haiku）/
+同一モデルで実装と検証を兼ねない。
 
 ---
 

package/CLAUDE.md

@@ -185,30 +185,10 @@ Brand色を差し替え（10行）→ Primitive Layer → Semantic Layer → Bri
 
 ## AIモデルの使い分け方針
 
-（同一モデルで実装と検証を兼ねない — 同じバイアスを共有し独立検証にならない）
-
-### Fable 5 が使えるとき
-
-| モデル | 用途 |
-|--------|------|
-| `claude-fable-5` | 最難関の設計・長時間エージェント作業のみ（高コストのため温存） |
-| `claude-opus-4-8` | 通常のUI実装・レビュー・リファクタの既定 |
-
-**検証ループ:** 実装 = Fable 5 / 検証 = Opus 4.8
-
-**Fable 5 使用時の注意:**
-- thinking は常時オン（パラメータ省略でデフォルトに任せる）
-- refusal 時は `fallbacks` で Opus 4.8 に自動フォールバック
-- 30日データ保持が必須
-
-### Fable 5 が使えないとき（アクセス終了・休止期間）
-
-| モデル | 用途 |
-|--------|------|
-| `claude-opus-4-8` | 設計・UI実装・レビュー・リファクタの既定 |
-| `claude-sonnet-5` | 機械的な一括修正・定型作業（トークン節約） |
-
-**検証ループ:** 実装 = Opus 4.8 / 検証 = Sonnet 5
+正本は `~/.claude/playbooks/agent-contracts.md`（モデル割当・委譲・報告・自己改善の契約）。
+サブエージェントを起動する前に読む。要点: 親（Fable 5）は監督専任 / 委譲時の `model:` は
+省略禁止（実装=sonnet 既定・設計判断を含む実装=opus・検証=実装と別モデル・下書き=haiku）/
+同一モデルで実装と検証を兼ねない。
 
 ---
 

package/contracts/components.json

@@ -1,7 +1,7 @@
 {
   "meta": {
     "name": "KSK Design System — Component Contracts",
-    "version": "1.51.0",
+    "version": "1.51.2",
     "description": "全コンポーネントの構造化定義。バリアント・アクセシビリティ要件・使用ルールを機械可読形式で管理。",
     "counts": {
       "ui": 67,

package/contracts/token-hex-cache.json

@@ -1,7 +1,7 @@
 {
   "meta": {
     "name": "KSK Design System — Semantic Token Hex Cache",
-    "version": "1.51.0",
+    "version": "1.51.2",
     "description": "semantic / semanticDark トークン（var(--Primitive-*) 参照）を実 hex に解決したサイドカー生成物。hex はデフォルト（Blue）テーマでの解決値であり、Brand 系（meta.themeDependentKeys に列挙）はテーマ差し替え（orange/green/violet 等）で実色が変わる。テーマ別の完全解決値は `ksk-design-system/native` エクスポート（バンドル済み native トークンモジュール）の themes を参照。tokens.json 本体のスキーマは変更せず、AI がこのファイルだけで実色を把握できるようにし、primitive 値の変更による semantic 実色のドリフトを --check で機械検出する。",
     "generatedBy": "scripts/generate-token-hex-cache.mjs",
     "theme": "default",

package/dist/native/ui.js

@@ -701,24 +701,24 @@ var Ve = {
 	md: 12,
 	lg: 16
 };
-function Ue({ variant: e = "filled", size: t = "md", shape: n = "pill", selected: r = !1, disabled: i = !1, count: a, removable: o = !1, onRemove: s, children: c, ...l }) {
-	let { theme: u, scales: d } = K(), f = {
+function Ue({ variant: e = "filled", size: t = "md", shape: n = "pill", selected: r = !1, disabled: i = !1, count: a, removable: o = !1, onRemove: s, children: c, accessibilityRole: l, accessibilityState: u, ...d }) {
+	let { theme: f, scales: p } = K(), m = {
 		filled: {
-			bg: u.surface.secondary,
-			fg: u.text["high-emphasis"],
+			bg: f.surface.secondary,
+			fg: f.text["high-emphasis"],
 			border: "transparent"
 		},
 		accent: {
-			bg: u.surface["accent-primary-light"],
-			fg: u.text["accent-primary"],
+			bg: f.surface["accent-primary-light"],
+			fg: f.text["accent-primary"],
 			border: "transparent"
 		},
 		outline: {
 			bg: "transparent",
-			fg: u.text["high-emphasis"],
-			border: u.border["medium-emphasis"]
+			fg: f.text["high-emphasis"],
+			border: f.border["medium-emphasis"]
 		}
-	}[e], p = r ? u.brand.primary : f.bg, m = r ? u.text["on-inverse"] : i ? u.text.disable : f.fg, h = r ? u.brand.primary : f.border;
+	}[e], h = typeof c == "string" || typeof c == "number" ? `削除: ${c}` : "削除", g = r ? f.brand.primary : m.bg, _ = r ? f.text["on-inverse"] : i ? f.text.disable : m.fg, v = r ? f.brand.primary : m.border;
 	return /* @__PURE__ */ D(W, {
 		style: {
 			flexDirection: "row",
@@ -726,59 +726,68 @@ function Ue({ variant: e = "filled", size: t = "md", shape: n = "pill", selected
 		},
 		children: [/* @__PURE__ */ D(z, {
 			disabled: i,
+			accessibilityRole: l ?? "button",
+			accessibilityState: {
+				selected: r,
+				disabled: i,
+				...u
+			},
 			style: ({ pressed: a }) => [{
 				height: Ve[t],
 				paddingHorizontal: He[t],
 				flexDirection: "row",
 				alignItems: "center",
 				justifyContent: "center",
-				gap: d.spacing.scale[1],
-				borderRadius: n === "pill" ? d.borderRadius.full : d.borderRadius.sm,
+				gap: p.spacing.scale[1],
+				borderRadius: n === "pill" ? p.borderRadius.full : p.borderRadius.sm,
 				borderWidth: e === "outline" || r ? 1 : 0,
-				borderColor: h,
-				backgroundColor: a && !i ? u.active["secondary-button"] : p,
+				borderColor: v,
+				backgroundColor: a && !i ? f.active["secondary-button"] : g,
 				opacity: i ? .6 : 1
 			}, o && {
 				borderTopRightRadius: 0,
 				borderBottomRightRadius: 0
 			}],
-			...l,
+			...d,
 			children: [/* @__PURE__ */ E(H, {
-				style: [q("label.sm"), { color: m }],
+				style: [q("label.sm"), { color: _ }],
 				children: c
 			}), a !== void 0 && /* @__PURE__ */ E(W, {
 				style: {
 					minWidth: 20,
 					paddingHorizontal: 6,
-					borderRadius: d.borderRadius.full,
-					backgroundColor: r ? u.surface.primary : u.surface.tertiary,
+					borderRadius: p.borderRadius.full,
+					backgroundColor: r ? f.surface.primary : f.surface.tertiary,
 					alignItems: "center",
 					justifyContent: "center"
 				},
 				children: /* @__PURE__ */ E(H, {
-					style: [q("label.xs"), { color: r ? u.text["accent-primary"] : u.text["medium-emphasis"] }],
+					style: [q("label.xs"), { color: r ? f.text["accent-primary"] : f.text["medium-emphasis"] }],
 					children: a
 				})
 			})]
 		}), o && /* @__PURE__ */ E(z, {
 			onPress: s,
 			disabled: i,
+			accessibilityRole: "button",
+			accessibilityLabel: h,
+			accessibilityState: { disabled: i },
 			style: ({ pressed: a }) => ({
 				height: Ve[t],
 				paddingHorizontal: 10,
 				alignItems: "center",
 				justifyContent: "center",
-				backgroundColor: a ? u.active["tertiary-button"] : p,
-				borderTopRightRadius: n === "pill" ? d.borderRadius.full : d.borderRadius.sm,
-				borderBottomRightRadius: n === "pill" ? d.borderRadius.full : d.borderRadius.sm,
+				backgroundColor: a ? f.active["tertiary-button"] : g,
+				borderTopRightRadius: n === "pill" ? p.borderRadius.full : p.borderRadius.sm,
+				borderBottomRightRadius: n === "pill" ? p.borderRadius.full : p.borderRadius.sm,
 				borderWidth: e === "outline" || r ? 1 : 0,
 				borderLeftWidth: 0,
-				borderColor: h,
+				borderColor: v,
 				opacity: i ? .6 : 1
 			}),
 			children: /* @__PURE__ */ E(H, {
 				style: [q("label.md"), {
-					color: m,
+					color: _,
 					lineHeight: 14
 				}],
 				children: "×"
@@ -4233,8 +4242,95 @@ function rr({ value: e, children: t }) {
 	return $n().value === e ? /* @__PURE__ */ E(W, { children: t }) : null;
 }
 //#endregion
+//#region src/native/icon-button-metrics.ts
+var ir = {
+	sm: {
+		box: 36,
+		icon: 18
+	},
+	md: {
+		box: 44,
+		icon: 20
+	},
+	lg: {
+		box: 48,
+		icon: 24
+	}
+};
+function ar(e, t) {
+	let { box: n, icon: r } = ir[e];
+	return {
+		box: n,
+		icon: r,
+		hitSlop: Math.max(0, Math.ceil((t - n) / 2))
+	};
+}
+//#endregion
+//#region src/native/components/IconButton.tsx
+function or({ accessibilityLabel: e, icon: t, variant: n = "ghost", tone: r = "neutral", size: i = "md", shape: a = "circle", loading: o = !1, containerStyle: s, pressedContainerStyle: c, disabled: l, accessibilityRole: u, accessibilityState: d, hitSlop: f, ...p }) {
+	let { theme: m, scales: h } = K(), g = l || o, { box: _, icon: v, hitSlop: y } = ar(i, h.touchTargets.iconButton.min), b = r === "accent" ? m.text["accent-primary"] : r === "caution" ? m.text.caution : m.text["medium-emphasis"], x = n === "primary" ? {
+		backgroundColor: m.brand.primary,
+		pressedBackgroundColor: m.active["primary-button"],
+		borderColor: m.brand.primary,
+		borderWidth: 1,
+		foreground: m.text["on-inverse"]
+	} : n === "tertiary" ? {
+		backgroundColor: m.surface.secondary,
+		pressedBackgroundColor: m.active["tertiary-button"],
+		borderColor: "transparent",
+		borderWidth: 0,
+		foreground: b
+	} : n === "outline" ? {
+		backgroundColor: m.surface.primary,
+		pressedBackgroundColor: m.surface.secondary,
+		borderColor: r === "accent" ? m.border["accent-primary"] : r === "caution" ? m.border.caution : m.border["low-emphasis"],
+		borderWidth: 1,
+		foreground: b
+	} : {
+		backgroundColor: "transparent",
+		pressedBackgroundColor: m.surface.secondary,
+		borderColor: "transparent",
+		borderWidth: 0,
+		foreground: b
+	};
+	return /* @__PURE__ */ E(z, {
+		disabled: g,
+		accessibilityRole: u ?? "button",
+		accessibilityLabel: e,
+		accessibilityState: {
+			disabled: !!g,
+			busy: o || void 0,
+			...d
+		},
+		hitSlop: f ?? y,
+		style: ({ pressed: e }) => [
+			{
+				width: _,
+				height: _,
+				alignItems: "center",
+				justifyContent: "center",
+				borderRadius: a === "circle" ? _ / 2 : h.borderRadius.lg,
+				borderWidth: x.borderWidth,
+				borderColor: x.borderColor,
+				backgroundColor: e && !g ? x.pressedBackgroundColor : x.backgroundColor,
+				opacity: g ? .56 : 1
+			},
+			s,
+			e && !g && c
+		],
+		...p,
+		children: o ? /* @__PURE__ */ E(k, {
+			size: "small",
+			color: x.foreground
+		}) : typeof t == "function" ? t({
+			color: x.foreground,
+			size: v
+		}) : t
+	});
+}
+//#endregion
 //#region src/native/calendar-cells.ts
-var ir = [
+var sr = [
 	"日",
 	"月",
 	"火",
@@ -4242,7 +4338,7 @@ var ir = [
 	"木",
 	"金",
 	"土"
-], ar = [
+], cr = [
 	"S",
 	"M",
 	"T",
@@ -4250,7 +4346,7 @@ var ir = [
 	"T",
 	"F",
 	"S"
-], or = [
+], lr = [
 	"日曜日",
 	"月曜日",
 	"火曜日",
@@ -4258,7 +4354,7 @@ var ir = [
 	"木曜日",
 	"金曜日",
 	"土曜日"
-], sr = [
+], ur = [
 	"1月",
 	"2月",
 	"3月",
@@ -4272,58 +4368,58 @@ var ir = [
 	"11月",
 	"12月"
 ];
-function cr(e) {
+function dr(e) {
 	return new Date(e.getFullYear(), e.getMonth(), e.getDate());
 }
-function lr(e) {
+function fr(e) {
 	return new Date(e.getFullYear(), e.getMonth(), 1);
 }
-function ur(e) {
+function pr(e) {
 	return new Date(e.getFullYear(), e.getMonth() + 1, 0);
 }
-function dr(e, t) {
+function mr(e, t) {
 	return new Date(e.getFullYear(), e.getMonth() + t, 1);
 }
-function fr(e) {
-	return ur(e).getDate();
+function hr(e) {
+	return pr(e).getDate();
 }
-function pr(e, t) {
+function gr(e, t) {
 	return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
 }
-function mr(e) {
-	let t = lr(e).getDay(), n = fr(e), r = [];
+function _r(e) {
+	let t = fr(e).getDay(), n = hr(e), r = [];
 	for (let e = 0; e < t; e += 1) r.push(null);
 	for (let t = 1; t <= n; t += 1) r.push(new Date(e.getFullYear(), e.getMonth(), t));
 	for (; r.length % 7 != 0;) r.push(null);
 	return r;
 }
-function hr(e) {
+function vr(e) {
 	return e === 0 ? "sunday" : e === 6 ? "saturday" : "weekday";
 }
-function gr(e, t = {}) {
-	let { minDate: n, maxDate: r, disablePast: i, today: a = /* @__PURE__ */ new Date() } = t, o = cr(e);
-	return !!(n && o < cr(n) || r && o > cr(r) || i && o < cr(a));
+function yr(e, t = {}) {
+	let { minDate: n, maxDate: r, disablePast: i, today: a = /* @__PURE__ */ new Date() } = t, o = dr(e);
+	return !!(n && o < dr(n) || r && o > dr(r) || i && o < dr(a));
 }
-function _r(e, t, n = {}) {
-	let { minDate: r, maxDate: i, disablePast: a, today: o = /* @__PURE__ */ new Date() } = n, s = dr(e, t), c = [];
-	r && c.push(cr(r)), a && c.push(cr(o));
+function br(e, t, n = {}) {
+	let { minDate: r, maxDate: i, disablePast: a, today: o = /* @__PURE__ */ new Date() } = n, s = mr(e, t), c = [];
+	r && c.push(dr(r)), a && c.push(dr(o));
 	let l = c.length ? new Date(Math.max(...c.map((e) => e.getTime()))) : void 0;
-	return !(l && cr(ur(s)) < l || i && lr(s) > cr(i));
+	return !(l && dr(pr(s)) < l || i && fr(s) > dr(i));
 }
-function vr(e, t = "ja") {
+function xr(e, t = "ja") {
 	let { date: n, weekday: r, today: i, selected: a } = e;
 	if (t !== "ja") return [
 		`${n.getFullYear()}-${String(n.getMonth() + 1).padStart(2, "0")}-${String(n.getDate()).padStart(2, "0")}`,
 		i ? "today" : null,
 		a ? "selected" : null
 	].filter(Boolean).join(", ");
-	let o = `${n.getFullYear()}年${n.getMonth() + 1}月${n.getDate()}日 ${or[r]}`, s = [i ? "今日" : null, a ? "選択中" : null].filter(Boolean).join(" ");
+	let o = `${n.getFullYear()}年${n.getMonth() + 1}月${n.getDate()}日 ${lr[r]}`, s = [i ? "今日" : null, a ? "選択中" : null].filter(Boolean).join(" ");
 	return s ? `${o} ${s}` : o;
 }
-function yr(e, t = "ja") {
-	return t === "ja" ? `${e.getFullYear()}年 ${sr[e.getMonth()]}` : `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}`;
+function Sr(e, t = "ja") {
+	return t === "ja" ? `${e.getFullYear()}年 ${ur[e.getMonth()]}` : `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}`;
 }
-function br(e, t, n = {}, r = !1) {
+function Cr(e, t, n = {}, r = !1) {
 	let i = n.today ?? t.today;
 	return e.selected ? {
 		background: n.selected ?? t.selected,
@@ -4331,24 +4427,24 @@ function br(e, t, n = {}, r = !1) {
 		accent: i
 	} : {
 		background: "transparent",
-		text: xr(e.tone, t, n, r),
+		text: wr(e.tone, t, n, r),
 		accent: i
 	};
 }
-function xr(e, t, n = {}, r = !1, i) {
+function wr(e, t, n = {}, r = !1, i) {
 	let a = i ?? "";
 	return r ? e === "sunday" ? n.sunday ?? t.sunday : e === "saturday" ? n.saturday ?? t.saturday : a : a;
 }
 //#endregion
 //#region src/native/components/Calendar.tsx
-function Sr({ value: e, onChange: t, minDate: n, maxDate: r, locale: i = "ja", weekendTone: a = !1, todayEmphasis: o = "ring", disablePast: s = !1, today: c, defaultMonth: l, onMonthChange: u, colors: d, dayStyle: f, renderDay: p, dayAccessibilityLabel: m, previousMonthLabel: h, nextMonthLabel: g, style: _ }) {
-	let { theme: v, scales: y } = K(), b = c ?? /* @__PURE__ */ new Date(), [x, C] = w(() => lr(l ?? e ?? b)), O = i === "ja" ? ir : ar, k = {
+function Tr({ value: e, onChange: t, minDate: n, maxDate: r, locale: i = "ja", weekendTone: a = !1, todayEmphasis: o = "ring", disablePast: s = !1, today: c, defaultMonth: l, onMonthChange: u, colors: d, dayStyle: f, renderDay: p, dayAccessibilityLabel: m, previousMonthLabel: h, nextMonthLabel: g, style: _ }) {
+	let { theme: v, scales: y } = K(), b = c ?? /* @__PURE__ */ new Date(), [x, C] = w(() => fr(l ?? e ?? b)), O = i === "ja" ? sr : cr, k = {
 		minDate: n,
 		maxDate: r,
 		disablePast: s,
 		today: b
-	}, A = S(() => mr(x), [x]), j = yr(x, i), M = _r(x, -1, k), N = _r(x, 1, k), P = (e) => {
-		let t = dr(x, e);
+	}, A = S(() => _r(x), [x]), j = Sr(x, i), M = br(x, -1, k), N = br(x, 1, k), P = (e) => {
+		let t = mr(x, e);
 		C(t), u?.(t);
 	}, F = {
 		selected: v.brand.primary,
@@ -4357,7 +4453,7 @@ function Sr({ value: e, onChange: t, minDate: n, maxDate: r, locale: i = "ja", w
 		sunday: v.text.caution,
 		saturday: v.text["accent-primary"],
 		weekdayText: v.text["high-emphasis"]
-	}, I = (e, t) => xr(e, F, d, a, t);
+	}, I = (e, t) => wr(e, F, d, a, t);
 	return /* @__PURE__ */ D(W, {
 		style: [{
 			backgroundColor: v.surface.primary,
@@ -4375,15 +4471,14 @@ function Sr({ value: e, onChange: t, minDate: n, maxDate: r, locale: i = "ja", w
 					alignItems: "center"
 				},
 				children: [
-					/* @__PURE__ */ E(z, {
+					/* @__PURE__ */ E(or, {
+						accessibilityLabel: h ?? (i === "ja" ? "前の月" : "Previous month"),
 						onPress: () => P(-1),
 						disabled: !M,
-						hitSlop: 8,
-						accessibilityRole: "button",
-						accessibilityLabel: h ?? (i === "ja" ? "前の月" : "Previous month"),
-						accessibilityState: { disabled: !M },
-						children: /* @__PURE__ */ E(H, {
-							style: [q("label.lg"), { color: M ? v.text["medium-emphasis"] : v.text["low-emphasis"] }],
+						variant: "tertiary",
+						size: "sm",
+						icon: ({ color: e }) => /* @__PURE__ */ E(H, {
+							style: [q("label.lg"), { color: e }],
 							children: "‹"
 						})
 					}),
@@ -4391,15 +4486,14 @@ function Sr({ value: e, onChange: t, minDate: n, maxDate: r, locale: i = "ja", w
 						style: [q("label.md"), { color: v.text["high-emphasis"] }],
 						children: j
 					}),
-					/* @__PURE__ */ E(z, {
+					/* @__PURE__ */ E(or, {
+						accessibilityLabel: g ?? (i === "ja" ? "次の月" : "Next month"),
 						onPress: () => P(1),
 						disabled: !N,
-						hitSlop: 8,
-						accessibilityRole: "button",
-						accessibilityLabel: g ?? (i === "ja" ? "次の月" : "Next month"),
-						accessibilityState: { disabled: !N },
-						children: /* @__PURE__ */ E(H, {
-							style: [q("label.lg"), { color: N ? v.text["medium-emphasis"] : v.text["low-emphasis"] }],
+						variant: "tertiary",
+						size: "sm",
+						icon: ({ color: e }) => /* @__PURE__ */ E(H, {
+							style: [q("label.lg"), { color: e }],
 							children: "›"
 						})
 					})
@@ -4413,7 +4507,7 @@ function Sr({ value: e, onChange: t, minDate: n, maxDate: r, locale: i = "ja", w
 						alignItems: "center"
 					},
 					children: /* @__PURE__ */ E(H, {
-						style: [q("label.xs"), { color: I(hr(t), v.text["low-emphasis"]) }],
+						style: [q("label.xs"), { color: I(vr(t), v.text["low-emphasis"]) }],
 						children: e
 					})
 				}, t))
@@ -4431,11 +4525,11 @@ function Sr({ value: e, onChange: t, minDate: n, maxDate: r, locale: i = "ja", w
 					let s = n.getDay(), c = {
 						date: n,
 						weekday: s,
-						selected: !!(e && pr(n, e)),
-						today: pr(n, b),
-						disabled: gr(n, k),
-						tone: hr(s)
-					}, l = c.today && !c.selected && o === "ring", u = c.today && !c.selected && o === "dot", h = br(c, F, d, a);
+						selected: !!(e && gr(n, e)),
+						today: gr(n, b),
+						disabled: yr(n, k),
+						tone: vr(s)
+					}, l = c.today && !c.selected && o === "ring", u = c.today && !c.selected && o === "dot", h = Cr(c, F, d, a);
 					return /* @__PURE__ */ E(W, {
 						style: {
 							width: `${100 / 7}%`,
@@ -4446,7 +4540,7 @@ function Sr({ value: e, onChange: t, minDate: n, maxDate: r, locale: i = "ja", w
 							onPress: () => !c.disabled && t?.(n),
 							disabled: c.disabled,
 							accessibilityRole: "button",
-							accessibilityLabel: m?.(c) ?? vr(c, i),
+							accessibilityLabel: m?.(c) ?? xr(c, i),
 							accessibilityState: {
 								disabled: c.disabled,
 								selected: c.selected
@@ -4483,10 +4577,10 @@ function Sr({ value: e, onChange: t, minDate: n, maxDate: r, locale: i = "ja", w
 }
 //#endregion
 //#region src/native/components/DatePicker.tsx
-function Cr(e) {
+function Er(e) {
 	return `${e.getFullYear()}/${String(e.getMonth() + 1).padStart(2, "0")}/${String(e.getDate()).padStart(2, "0")}`;
 }
-function wr({ value: e, onChange: t, placeholder: n = "日付を選択", minDate: r, maxDate: i, disabled: a = !1, formatter: o = Cr }) {
+function Dr({ value: e, onChange: t, placeholder: n = "日付を選択", minDate: r, maxDate: i, disabled: a = !1, formatter: o = Er }) {
 	let { theme: s, scales: c } = K(), [l, u] = w(!1), [d, f] = w(e);
 	return /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ D(z, {
 		onPress: () => {
@@ -4517,7 +4611,7 @@ function wr({ value: e, onChange: t, placeholder: n = "日付を選択", minDate
 		onClose: () => u(!1),
 		side: "bottom",
 		title: "日付を選択",
-		children: [/* @__PURE__ */ E(Sr, {
+		children: [/* @__PURE__ */ E(Tr, {
 			value: d,
 			onChange: f,
 			minDate: r,
@@ -4551,20 +4645,20 @@ function wr({ value: e, onChange: t, placeholder: n = "日付を選択", minDate
 }
 //#endregion
 //#region src/native/components/DateField.tsx
-function Tr(e) {
+function Or(e) {
 	if (!e) return;
 	let t = /^(\d{4})-(\d{2})-(\d{2})$/.exec(e);
 	if (!t) return;
 	let n = Number(t[1]), r = Number(t[2]), i = Number(t[3]), a = new Date(n, r - 1, i);
 	if (!(a.getFullYear() !== n || a.getMonth() !== r - 1 || a.getDate() !== i)) return a;
 }
-function Er(e) {
+function kr(e) {
 	return !e || isNaN(e.getTime()) ? "" : `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
 }
-function Dr({ value: e, onChange: t, placeholder: n, disabled: r, formatter: i }) {
-	return /* @__PURE__ */ E(wr, {
-		value: Tr(e),
-		onChange: (e) => t(Er(e)),
+function Ar({ value: e, onChange: t, placeholder: n, disabled: r, formatter: i }) {
+	return /* @__PURE__ */ E(Dr, {
+		value: Or(e),
+		onChange: (e) => t(kr(e)),
 		placeholder: n,
 		disabled: r,
 		formatter: i
@@ -4572,10 +4666,10 @@ function Dr({ value: e, onChange: t, placeholder: n, disabled: r, formatter: i }
 }
 //#endregion
 //#region src/native/components/TimePicker.tsx
-function Or(e) {
+function jr(e) {
 	return e.toString().padStart(2, "0");
 }
-function kr({ value: e, onChange: t, placeholder: n = "時刻を選択", minuteStep: r = 5, disabled: i = !1 }) {
+function Mr({ value: e, onChange: t, placeholder: n = "時刻を選択", minuteStep: r = 5, disabled: i = !1 }) {
 	let { theme: a, scales: o } = K(), [s, c] = w(!1), [l, u] = w(e?.hour ?? 9), [d, f] = w(e?.minute ?? 0), p = Array.from({ length: 24 }, (e, t) => t), m = Array.from({ length: 60 / r }, (e, t) => t * r);
 	return /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ D(z, {
 		onPress: () => {
@@ -4596,7 +4690,7 @@ function kr({ value: e, onChange: t, placeholder: n = "時刻を選択", minuteS
 		},
 		children: [/* @__PURE__ */ E(H, {
 			style: [q("body.md"), { color: e ? a.text["high-emphasis"] : a.text["low-emphasis"] }],
-			children: e ? `${Or(e.hour)}:${Or(e.minute)}` : n
+			children: e ? `${jr(e.hour)}:${jr(e.minute)}` : n
 		}), /* @__PURE__ */ E(H, {
 			style: [q("label.sm"), { color: a.text["low-emphasis"] }],
 			children: "🕐"
@@ -4628,7 +4722,7 @@ function kr({ value: e, onChange: t, placeholder: n = "時刻を選択", minuteS
 							color: l === e ? a.text["accent-primary"] : a.text["high-emphasis"],
 							fontWeight: l === e ? "700" : "400"
 						}],
-						children: Or(e)
+						children: jr(e)
 					})
 				}, e))
 			}), /* @__PURE__ */ E(B, {
@@ -4647,7 +4741,7 @@ function kr({ value: e, onChange: t, placeholder: n = "時刻を選択", minuteS
 							color: d === e ? a.text["accent-primary"] : a.text["high-emphasis"],
 							fontWeight: d === e ? "700" : "400"
 						}],
-						children: Or(e)
+						children: jr(e)
 					})
 				}, e))
 			})]
@@ -4682,21 +4776,21 @@ function kr({ value: e, onChange: t, placeholder: n = "時刻を選択", minuteS
 }
 //#endregion
 //#region src/native/components/DateTimePicker.tsx
-function Ar(e, t, n) {
+function Nr(e, t, n) {
 	return t && e < t ? new Date(t) : n && e > n ? new Date(n) : e;
 }
-function jr({ value: e, onChange: t, minuteStep: n = 5, minDate: r, maxDate: i, disabled: a = !1, style: o }) {
+function Pr({ value: e, onChange: t, minuteStep: n = 5, minDate: r, maxDate: i, disabled: a = !1, style: o }) {
 	let { scales: s } = K(), c = e ? {
 		hour: e.getHours(),
 		minute: e.getMinutes()
 	} : void 0;
 	return /* @__PURE__ */ D(W, {
 		style: [{ gap: s.spacing.scale[2] }, o],
-		children: [/* @__PURE__ */ E(wr, {
+		children: [/* @__PURE__ */ E(Dr, {
 			value: e,
 			onChange: (n) => {
 				let a = new Date(n);
-				a.setHours(e?.getHours() ?? 0, e?.getMinutes() ?? 0, e?.getSeconds() ?? 0, e?.getMilliseconds() ?? 0), t?.(Ar(a, r, i));
+				a.setHours(e?.getHours() ?? 0, e?.getMinutes() ?? 0, e?.getSeconds() ?? 0, e?.getMilliseconds() ?? 0), t?.(Nr(a, r, i));
 			},
 			minDate: r,
 			maxDate: i,
@@ -4710,12 +4804,12 @@ function jr({ value: e, onChange: t, minuteStep: n = 5, minDate: r, maxDate: i,
 				"土"
 			][e.getDay()]}）`,
 			disabled: a
-		}), /* @__PURE__ */ E(kr, {
+		}), /* @__PURE__ */ E(Mr, {
 			value: c,
 			onChange: (n) => {
 				if (!e) return;
 				let a = new Date(e);
-				a.setHours(n.hour, n.minute, e.getSeconds(), e.getMilliseconds()), t?.(Ar(a, r, i));
+				a.setHours(n.hour, n.minute, e.getSeconds(), e.getMilliseconds()), t?.(Nr(a, r, i));
 			},
 			minuteStep: n,
 			disabled: a || !e
@@ -4724,25 +4818,25 @@ function jr({ value: e, onChange: t, minuteStep: n = 5, minDate: r, maxDate: i,
 }
 //#endregion
 //#region src/native/disclosure-state.ts
-function Mr(e, t) {
+function Fr(e, t) {
 	return e === void 0 ? t : e;
 }
-function Nr(e) {
+function Ir(e) {
 	return e !== void 0;
 }
-function Pr(e, t, n) {
+function Lr(e, t, n) {
 	let r = e.includes(t);
 	return n === "single" ? r ? [] : [t] : r ? e.filter((e) => e !== t) : [...e, t];
 }
-function Fr(e, t) {
+function Rr(e, t) {
 	let n = [...new Set(e)];
 	return t === "single" ? n.slice(0, 1) : n;
 }
 //#endregion
 //#region src/native/components/Accordion.tsx
-function Ir({ items: e, type: t = "single", defaultOpenKeys: n = [], openKeys: r, onOpenChange: i, style: a }) {
-	let { theme: o, scales: s } = K(), [c, l] = w(() => Fr(n, t)), u = r !== void 0, d = u ? Fr(r, t) : c, f = v((e) => {
-		let n = Pr(d, e, t);
+function zr({ items: e, type: t = "single", defaultOpenKeys: n = [], openKeys: r, onOpenChange: i, style: a }) {
+	let { theme: o, scales: s } = K(), [c, l] = w(() => Rr(n, t)), u = r !== void 0, d = u ? Rr(r, t) : c, f = v((e) => {
+		let n = Lr(d, e, t);
 		u || l(n), i?.(n);
 	}, [
 		u,
@@ -4808,10 +4902,10 @@ function Ir({ items: e, type: t = "single", defaultOpenKeys: n = [], openKeys: r
 }
 //#endregion
 //#region src/native/components/Collapsible.tsx
-function Lr({ title: e, defaultOpen: t = !1, open: n, onOpenChange: r, trailing: i, style: a, children: o, accessibilityRole: s, accessibilityLabel: c, accessibilityState: l, ...u }) {
-	let { theme: d, scales: f } = K(), [p, m] = w(t), h = Mr(n, p), g = v(() => {
+function Br({ title: e, defaultOpen: t = !1, open: n, onOpenChange: r, trailing: i, style: a, children: o, accessibilityRole: s, accessibilityLabel: c, accessibilityState: l, ...u }) {
+	let { theme: d, scales: f } = K(), [p, m] = w(t), h = Fr(n, p), g = v(() => {
 		let e = !h;
-		Nr(n) || m(e), r?.(e);
+		Ir(n) || m(e), r?.(e);
 	}, [
 		n,
 		r,
@@ -4865,7 +4959,7 @@ function Lr({ title: e, defaultOpen: t = !1, open: n, onOpenChange: r, trailing:
 }
 //#endregion
 //#region src/native/components/ScrollArea.tsx
-function Rr({ maxHeight: e, bordered: t, children: n, ...r }) {
+function Vr({ maxHeight: e, bordered: t, children: n, ...r }) {
 	let { theme: i, scales: a } = K();
 	return /* @__PURE__ */ E(W, {
 		style: {
@@ -4883,15 +4977,15 @@ function Rr({ maxHeight: e, bordered: t, children: n, ...r }) {
 }
 //#endregion
 //#region src/native/components/Pagination.tsx
-function zr(e, t) {
+function Hr(e, t) {
 	let n = [];
 	for (let r = e; r <= t; r++) n.push(r);
 	return n;
 }
-function Br({ page: e, total: t, onChange: n, windowSize: r = 5 }) {
+function Ur({ page: e, total: t, onChange: n, windowSize: r = 5 }) {
 	let { theme: i, scales: a } = K(), o = Math.floor(r / 2), s = Math.max(1, e - o), c = Math.min(t, s + r - 1);
 	c - s + 1 < r && (s = Math.max(1, c - r + 1));
-	let l = zr(s, c), u = (e, t, r = !1, o = !1) => /* @__PURE__ */ E(z, {
+	let l = Hr(s, c), u = (e, t, r = !1, o = !1) => /* @__PURE__ */ E(z, {
 		onPress: () => t && !r && n?.(t),
 		disabled: r || !t,
 		style: ({ pressed: e }) => ({
@@ -4930,7 +5024,7 @@ function Br({ page: e, total: t, onChange: n, windowSize: r = 5 }) {
 }
 //#endregion
 //#region src/native/components/SimplePagination.tsx
-function Vr({ page: e, total: t, onChange: n }) {
+function Wr({ page: e, total: t, onChange: n }) {
 	let { theme: r, scales: i } = K(), a = (e, t, a) => /* @__PURE__ */ E(z, {
 		onPress: () => !a && n?.(t),
 		disabled: a,
@@ -4971,7 +5065,7 @@ function Vr({ page: e, total: t, onChange: n }) {
 }
 //#endregion
 //#region src/native/components/NavigationBar.tsx
-function Hr({ items: e, value: t, onChange: n }) {
+function Gr({ items: e, value: t, onChange: n }) {
 	let { theme: r, scales: i } = K();
 	return /* @__PURE__ */ E(W, {
 		style: {
@@ -5026,7 +5120,7 @@ function Hr({ items: e, value: t, onChange: n }) {
 }
 //#endregion
 //#region src/native/components/SubNav.tsx
-function Ur({ items: e, value: t, onChange: n }) {
+function Kr({ items: e, value: t, onChange: n }) {
 	let { theme: r, scales: i } = K();
 	return /* @__PURE__ */ E(B, {
 		horizontal: !0,
@@ -5077,7 +5171,7 @@ function Ur({ items: e, value: t, onChange: n }) {
 }
 //#endregion
 //#region src/native/components/Breadcrumb.tsx
-function Wr({ title: e, onBack: t, backLabel: n = "戻る", rightSlot: r }) {
+function qr({ title: e, onBack: t, backLabel: n = "戻る", rightSlot: r }) {
 	let { theme: i, scales: a } = K();
 	return /* @__PURE__ */ D(W, {
 		style: {
@@ -5129,7 +5223,7 @@ function Wr({ title: e, onBack: t, backLabel: n = "戻る", rightSlot: r }) {
 }
 //#endregion
 //#region src/native/components/AppHeader.tsx
-function Gr({ title: e, subtitle: t, leading: n, trailing: r, onBack: i, centered: a = !0 }) {
+function Jr({ title: e, subtitle: t, leading: n, trailing: r, onBack: i, centered: a = !0 }) {
 	let { theme: o, scales: s } = K(), c = n ?? (i ? /* @__PURE__ */ E(z, {
 		onPress: i,
 		hitSlop: 8,
@@ -5190,7 +5284,7 @@ function Gr({ title: e, subtitle: t, leading: n, trailing: r, onBack: i, centere
 }
 //#endregion
 //#region src/native/components/MobileAppHeader.tsx
-function Kr({ brand: e, leading: t, status: n, compactStatus: r, actions: i, children: a, bordered: o = !0, style: s }) {
+function Yr({ brand: e, leading: t, status: n, compactStatus: r, actions: i, children: a, bordered: o = !0, style: s }) {
 	let { theme: c, scales: l } = K();
 	return /* @__PURE__ */ D(W, {
 		style: [{
@@ -5233,7 +5327,7 @@ function Kr({ brand: e, leading: t, status: n, compactStatus: r, actions: i, chi
 }
 //#endregion
 //#region src/native/components/MobileAppShell.tsx
-function qr({ header: e, bottomNav: t, fab: n, desktopSidebar: r, scrollable: i = !0, bottomPadding: a = n ? "bottom-nav-fab" : t ? "bottom-nav" : "none", children: o, style: s, contentStyle: c }) {
+function Xr({ header: e, bottomNav: t, fab: n, desktopSidebar: r, scrollable: i = !0, bottomPadding: a = n ? "bottom-nav-fab" : t ? "bottom-nav" : "none", children: o, style: s, contentStyle: c }) {
 	let { theme: l, scales: u } = K(), d = a === "bottom-nav-fab" ? u.spacing.scale[15] : a === "bottom-nav" ? u.spacing.scale[12] : 0, f = [{
 		flex: 1,
 		backgroundColor: l.surface.secondary,
@@ -5265,13 +5359,13 @@ function qr({ header: e, bottomNav: t, fab: n, desktopSidebar: r, scrollable: i
 }
 //#endregion
 //#region src/native/glass-accent-fill.ts
-var Jr = .95, Yr = .88, Xr = {
+var Zr = .95, Qr = .88, $r = {
 	r: 20,
 	g: 20,
 	b: 30,
 	a: .6
 };
-function Zr(e) {
+function ei(e) {
 	let t = e.trim().replace(/^#/, "");
 	if (!/^[0-9a-fA-F]+$/.test(t)) return null;
 	let n = (e) => e.split("").map((e) => e + e).join(""), r;
@@ -5286,13 +5380,13 @@ function Zr(e) {
 		a: r.length === 8 ? i(6) / 255 : 1
 	};
 }
-function Qr(e) {
+function ti(e) {
 	return String(Math.round(Math.min(Math.max(e, 0), 1) * 1e3) / 1e3);
 }
-function $r({ r: e, g: t, b: n, a: r }) {
-	return `rgba(${Math.round(e)}, ${Math.round(t)}, ${Math.round(n)}, ${Qr(r)})`;
+function ni({ r: e, g: t, b: n, a: r }) {
+	return `rgba(${Math.round(e)}, ${Math.round(t)}, ${Math.round(n)}, ${ti(r)})`;
 }
-function ei(e, t, n) {
+function ri(e, t, n) {
 	let r = Math.min(Math.max(n, 0), 1), i = e.a * r + t.a * (1 - r);
 	if (i === 0) return {
 		r: 0,
@@ -5308,24 +5402,24 @@ function ei(e, t, n) {
 		a: i
 	};
 }
-function ti({ brandPrimary: e, mode: t }) {
-	let n = Zr(e);
-	return n ? $r(t === "light" ? ei(n, {
+function ii({ brandPrimary: e, mode: t }) {
+	let n = ei(e);
+	return n ? ni(t === "light" ? ri(n, {
 		r: 0,
 		g: 0,
 		b: 0,
 		a: 0
-	}, Jr) : ei(n, Xr, Yr)) : e;
+	}, Zr) : ri(n, $r, Qr)) : e;
 }
-function ni(e) {
+function ai(e) {
 	return e === "light" ? "rgba(255, 255, 255, 0.4)" : "rgba(255, 255, 255, 0.25)";
 }
-function ri(e) {
+function oi(e) {
 	return e === "light" ? "rgba(255, 255, 255, 0.9)" : "rgba(255, 255, 255, 0.25)";
 }
 //#endregion
 //#region src/native/components/MobileFloatingActionButton.tsx
-function ii({ label: e, icon: t, showLabel: n = !1, placement: r = "end", bottomOffset: i = "bottom-nav", keyboardBehavior: a = "hide", variant: o = "default", style: s, ...c }) {
+function si({ label: e, icon: t, showLabel: n = !1, placement: r = "end", bottomOffset: i = "bottom-nav", keyboardBehavior: a = "hide", variant: o = "default", style: s, ...c }) {
 	let { theme: l, scales: u, mode: d } = K(), [f, p] = w(!1);
 	if (b(() => {
 		let e = I.addListener("keyboardDidShow", () => p(!0)), t = I.addListener("keyboardDidHide", () => p(!1));
@@ -5354,7 +5448,7 @@ function ii({ label: e, icon: t, showLabel: n = !1, placement: r = "end", bottom
 		children: e
 	})] });
 	if (o === "glass") {
-		let t = ti({
+		let t = ii({
 			brandPrimary: l.brand.primary,
 			mode: d
 		}), n = !Ce();
@@ -5375,8 +5469,8 @@ function ii({ label: e, icon: t, showLabel: n = !1, placement: r = "end", bottom
 				borderRadius: _,
 				backgroundFill: t,
 				tintColor: l.brand.primary,
-				rimColor: ni(d),
-				highlightColor: ri(d),
+				rimColor: ai(d),
+				highlightColor: oi(d),
 				style: [v, n && { backgroundColor: t }],
 				children: y
 			})
@@ -5400,7 +5494,7 @@ function ii({ label: e, icon: t, showLabel: n = !1, placement: r = "end", bottom
 }
 //#endregion
 //#region src/native/components/StatusActionBadge.tsx
-function ai({ state: e = "idle", label: t, count: n, compact: r = !1, loading: i = !1, icon: a, asStatus: o = !1, style: s, onPress: c, ...l }) {
+function ci({ state: e = "idle", label: t, count: n, compact: r = !1, loading: i = !1, icon: a, asStatus: o = !1, style: s, onPress: c, ...l }) {
 	let { theme: u, scales: d } = K(), f = {
 		idle: {
 			bg: u.surface.secondary,
@@ -5486,10 +5580,10 @@ function ai({ state: e = "idle", label: t, count: n, compact: r = !1, loading: i
 		children: p
 	});
 }
-var oi = ai;
+var li = ci;
 //#endregion
 //#region src/native/components/Banner.tsx
-function si({ title: e, description: t, image: n, onPress: r, tone: i = "neutral", height: a = 140 }) {
+function ui({ title: e, description: t, image: n, onPress: r, tone: i = "neutral", height: a = 140 }) {
 	let { theme: o, scales: s } = K(), c = {
 		neutral: {
 			bg: o.surface.secondary,
@@ -5551,7 +5645,7 @@ function si({ title: e, description: t, image: n, onPress: r, tone: i = "neutral
 }
 //#endregion
 //#region src/native/components/BannerCarousel.tsx
-function ci({ banners: e, itemWidth: t, height: n = 160, showIndicator: r = !0 }) {
+function di({ banners: e, itemWidth: t, height: n = 160, showIndicator: r = !0 }) {
 	let { theme: i, scales: a } = K(), [o, s] = w(0), c = t ?? j.get("window").width - 32, l = C(null);
 	return /* @__PURE__ */ D(W, {
 		style: { gap: a.spacing.scale[2] },
@@ -5577,7 +5671,7 @@ function ci({ banners: e, itemWidth: t, height: n = 160, showIndicator: r = !0 }
 					width: c,
 					height: n
 				},
-				children: /* @__PURE__ */ E(si, {
+				children: /* @__PURE__ */ E(ui, {
 					...e,
 					height: n
 				})
@@ -5599,7 +5693,7 @@ function ci({ banners: e, itemWidth: t, height: n = 160, showIndicator: r = !0 }
 }
 //#endregion
 //#region src/native/components/SearchBar.tsx
-function li({ value: e, onChange: t, placeholder: n = "検索", onSubmit: r, onClear: i, autoFocus: a }) {
+function fi({ value: e, onChange: t, placeholder: n = "検索", onSubmit: r, onClear: i, autoFocus: a }) {
 	let { theme: o, scales: s } = K();
 	return /* @__PURE__ */ D(W, {
 		style: {
@@ -5655,7 +5749,7 @@ function li({ value: e, onChange: t, placeholder: n = "検索", onSubmit: r, onC
 }
 //#endregion
 //#region src/native/components/ListItem.tsx
-function ui({ leading: e, title: t, description: n, trailing: r, showChevron: i, onPress: a, disabled: o, accessibilityLabel: s, accessibilityHint: c, accessibilityRole: l, accessibilityState: u, ...d }) {
+function pi({ leading: e, title: t, description: n, trailing: r, showChevron: i, onPress: a, disabled: o, accessibilityLabel: s, accessibilityHint: c, accessibilityRole: l, accessibilityState: u, ...d }) {
 	let { theme: f, scales: p } = K(), m = (a = !1) => /* @__PURE__ */ D(W, {
 		style: {
 			flexDirection: "row",
@@ -5712,7 +5806,7 @@ function ui({ leading: e, title: t, description: n, trailing: r, showChevron: i,
 }
 //#endregion
 //#region src/native/components/SettingsSection.tsx
-function di({ title: e, description: t, action: n, variant: r = "group", children: i, style: a, contentStyle: o }) {
+function mi({ title: e, description: t, action: n, variant: r = "group", children: i, style: a, contentStyle: o }) {
 	let { theme: s, scales: c } = K(), l = r === "card" || r === "danger";
 	return /* @__PURE__ */ D(W, {
 		style: [{ gap: c.spacing.scale[3] }, a],
@@ -5752,7 +5846,7 @@ function di({ title: e, description: t, action: n, variant: r = "group", childre
 		})]
 	});
 }
-function fi({ title: e, description: t, leading: n, rightSlot: r, children: i, onPress: a, disabled: o = !1, destructive: s = !1, style: c }) {
+function hi({ title: e, description: t, leading: n, rightSlot: r, children: i, onPress: a, disabled: o = !1, destructive: s = !1, style: c }) {
 	let { theme: l, scales: u } = K(), d = (a = !1) => /* @__PURE__ */ D(W, {
 		style: [{
 			minHeight: 56,
@@ -5810,7 +5904,7 @@ function fi({ title: e, description: t, leading: n, rightSlot: r, children: i, o
 }
 //#endregion
 //#region src/native/components/EmptyState.tsx
-function pi({ title: e, description: t, icon: n, action: r, accessibilityLabel: i, accessibilityHint: a, ...o }) {
+function gi({ title: e, description: t, icon: n, action: r, accessibilityLabel: i, accessibilityHint: a, ...o }) {
 	let { theme: s, scales: c } = K(), l = i !== void 0 || a !== void 0;
 	return /* @__PURE__ */ D(W, {
 		style: {
@@ -5866,7 +5960,7 @@ function pi({ title: e, description: t, icon: n, action: r, accessibilityLabel:
 }
 //#endregion
 //#region src/native/components/ErrorState.tsx
-function mi({ title: e = "エラーが発生しました", description: t = "時間をおいて再度お試しください。", icon: n, action: r, accessibilityLabel: i, accessibilityHint: a, ...o }) {
+function _i({ title: e = "エラーが発生しました", description: t = "時間をおいて再度お試しください。", icon: n, action: r, accessibilityLabel: i, accessibilityHint: a, ...o }) {
 	let { theme: s, scales: c } = K(), l = i !== void 0 || a !== void 0;
 	return /* @__PURE__ */ D(W, {
 		style: {
@@ -5922,7 +6016,7 @@ function mi({ title: e = "エラーが発生しました", description: t = "時
 }
 //#endregion
 //#region src/native/components/IconBadge.tsx
-var hi = {
+var vi = {
 	md: {
 		color: "",
 		size: 20
@@ -5935,14 +6029,14 @@ var hi = {
 		color: "",
 		size: 38
 	}
-}, gi = {
+}, yi = {
 	md: 44,
 	ml: 48,
 	lg: 72
 };
-function _i({ size: e = "md", children: t, style: n, accessibilityLabel: r, ...i }) {
-	let { theme: a } = K(), o = gi[e], s = {
-		...hi[e],
+function bi({ size: e = "md", children: t, style: n, accessibilityLabel: r, ...i }) {
+	let { theme: a } = K(), o = yi[e], s = {
+		...vi[e],
 		color: a.object["accent-primary"]
 	};
 	return /* @__PURE__ */ E(W, {
@@ -5963,93 +6057,6 @@ function _i({ size: e = "md", children: t, style: n, accessibilityLabel: r, ...i
 	});
 }
 //#endregion
-//#region src/native/icon-button-metrics.ts
-var vi = {
-	sm: {
-		box: 36,
-		icon: 18
-	},
-	md: {
-		box: 44,
-		icon: 20
-	},
-	lg: {
-		box: 48,
-		icon: 24
-	}
-};
-function yi(e, t) {
-	let { box: n, icon: r } = vi[e];
-	return {
-		box: n,
-		icon: r,
-		hitSlop: Math.max(0, Math.ceil((t - n) / 2))
-	};
-}
-//#endregion
-//#region src/native/components/IconButton.tsx
-function bi({ accessibilityLabel: e, icon: t, variant: n = "ghost", tone: r = "neutral", size: i = "md", shape: a = "circle", loading: o = !1, containerStyle: s, pressedContainerStyle: c, disabled: l, accessibilityRole: u, accessibilityState: d, hitSlop: f, ...p }) {
-	let { theme: m, scales: h } = K(), g = l || o, { box: _, icon: v, hitSlop: y } = yi(i, h.touchTargets.iconButton.min), b = r === "accent" ? m.text["accent-primary"] : r === "caution" ? m.text.caution : m.text["medium-emphasis"], x = n === "primary" ? {
-		backgroundColor: m.brand.primary,
-		pressedBackgroundColor: m.active["primary-button"],
-		borderColor: m.brand.primary,
-		borderWidth: 1,
-		foreground: m.text["on-inverse"]
-	} : n === "tertiary" ? {
-		backgroundColor: m.surface.secondary,
-		pressedBackgroundColor: m.active["tertiary-button"],
-		borderColor: "transparent",
-		borderWidth: 0,
-		foreground: b
-	} : n === "outline" ? {
-		backgroundColor: m.surface.primary,
-		pressedBackgroundColor: m.surface.secondary,
-		borderColor: r === "accent" ? m.border["accent-primary"] : r === "caution" ? m.border.caution : m.border["low-emphasis"],
-		borderWidth: 1,
-		foreground: b
-	} : {
-		backgroundColor: "transparent",
-		pressedBackgroundColor: m.surface.secondary,
-		borderColor: "transparent",
-		borderWidth: 0,
-		foreground: b
-	};
-	return /* @__PURE__ */ E(z, {
-		disabled: g,
-		accessibilityRole: u ?? "button",
-		accessibilityLabel: e,
-		accessibilityState: {
-			disabled: !!g,
-			busy: o || void 0,
-			...d
-		},
-		hitSlop: f ?? y,
-		style: ({ pressed: e }) => [
-			{
-				width: _,
-				height: _,
-				alignItems: "center",
-				justifyContent: "center",
-				borderRadius: a === "circle" ? _ / 2 : h.borderRadius.lg,
-				borderWidth: x.borderWidth,
-				borderColor: x.borderColor,
-				backgroundColor: e && !g ? x.pressedBackgroundColor : x.backgroundColor,
-				opacity: g ? .56 : 1
-			},
-			s,
-			e && !g && c
-		],
-		...p,
-		children: o ? /* @__PURE__ */ E(k, {
-			size: "small",
-			color: x.foreground
-		}) : typeof t == "function" ? t({
-			color: x.foreground,
-			size: v
-		}) : t
-	});
-}
-//#endregion
 //#region src/native/components/SectionHeader.tsx
 function xi({ title: e, description: t, action: n, variant: r = "default" }) {
 	let { theme: i, scales: a } = K();
@@ -6307,7 +6314,7 @@ function Oi({ sections: e }) {
 function ki({ title: e, lastUpdated: t, onBack: n, children: r }) {
 	let { theme: i, scales: a } = K();
 	return /* @__PURE__ */ D(Di, {
-		header: n ? /* @__PURE__ */ E(Gr, {
+		header: n ? /* @__PURE__ */ E(Jr, {
 			onBack: n,
 			centered: !1
 		}) : void 0,
@@ -7604,7 +7611,7 @@ function _a({ keyboardBehavior: e = "stay", keyboardLiftOffset: t = 160, ...n })
 	let r = ga();
 	return e === "hide" && r ? null : /* @__PURE__ */ E(W, {
 		style: e === "lift" && r ? { transform: [{ translateY: -t }] } : void 0,
-		children: /* @__PURE__ */ E(Hr, { ...n })
+		children: /* @__PURE__ */ E(Gr, { ...n })
 	});
 }
 function va({ state: e, descriptors: t, navigation: n, insets: r, keyboardBehavior: i = "hide", keyboardLiftOffset: a = 160, hiddenRouteNames: o = [], floating: s = !0, glass: c = !0, glassIntensity: l = "regular", glassTint: u = "system", showLabels: d = !0, iconSize: f = 24, style: p, contentStyle: m, itemStyle: h, labelStyle: g }) {
@@ -8301,4 +8308,4 @@ function Fa({ header: e, footer: t, cta: n, children: r }) {
 	});
 }
 //#endregion
-export { c as AUTO_PROMPT_SUPPRESSION_EVENT, Ir as Accordion, Ki as ActionTile, on as Alert, cn as AlertDialog, Gr as AppHeader, Pa as AppShell, Bt as AutoGrowTextarea, i as AutoPrompt, Be as Avatar, Ae as Badge, si as Banner, ci as BannerCarousel, Hn as BottomSheetForm, Un as BottomSheetFrame, _a as BottomTabBar, Wr as Breadcrumb, X as Button, Sr as Calendar, Oe as Card, ke as CardHeader, ea as CategoryNav, ta as CategoryScroll, wt as Celebration, kt as CelebrationDialog, Jt as Checkbox, Xt as CheckboxCard, Yt as CheckboxField, Zt as CheckboxGroup, Ue as Chip, $i as ChipFilterBar, Ji as ChipSelector, Gn as CoachMark, Kn as CoachMarkOverlay, Lr as Collapsible, Zi as CollapsibleChipField, Jn as Combobox, Kt as CommitAutoGrowTextarea, Wt as CommitInput, Gt as CommitTextarea, Ui as CompactFilePicker, Vn as ConfirmDialog, Nt as CountdownHero, ot as CountdownTimer, Dr as DateField, wr as DatePicker, jr as DateTimePicker, Sn as DetailSheetBody, xn as DetailSheetHeader, bn as DetailSheetScaffold, sn as Dialog, ki as DocumentScreen, Xn as DropdownFilter, En as DropdownMenu, pi as EmptyState, Rn as ErrorBoundary, mi as ErrorState, Ti as FileUpload, Sa as FilterBar, aa as FilterChip, Re as FloatingTabBar, wi as Footer, an as FormActions, tn as FormField, nn as FormRoot, rn as FormSection, fe as GlassView, Fe as GradientSurface, ha as GridSkeleton, _i as IconBadge, bi as IconButton, Wi as ImageAttachmentPicker, Ca as ImageCarousel, ca as ImageGallery, It as Input, Cn as KeyboardAwareSheetFooter, Pt as Label, va as LiquidBottomTabBar, ui as ListItem, ma as ListSkeleton, pa as ListSkeletons, Fa as MarketingShell, Vi as MediaActionCluster, Bn as MenuDrawer, Kr as MobileAppHeader, qr as MobileAppShell, ii as MobileFloatingActionButton, Yn as MultiSelect, Hr as NavigationBar, nt as NotificationBadge, en as NumberInput, ja as OrderSummary, Br as Pagination, Li as PhotoHero, Zn as PillToggle, Tn as Popover, sa as PresenceIndicator, Ta as PriceDisplay, Oa as ProductCard, ka as ProductCarousel, $e as Progress, et as ProgressRing, na as ProgressSteps, o as PromptCoordinatorProvider, Oi as Prose, Ea as QuantitySelector, qi as QuickActionGrid, Qt as RadioGroup, Da as RatingDisplay, wn as ResponsiveDialog, Ma as ReviewCard, Wn as ReviewOverlay, Na as ReviewSummary, Di as Screen, Rr as ScrollArea, li as SearchBar, xi as SectionHeader, qn as Select, Ke as Separator, fi as SettingsListRow, di as SettingsSection, ia as ShareButtons, $ as Sheet, Vr as SimplePagination, Z as Skeleton, qe as SkeletonText, $t as Slider, fa as SocialIcon, ua as SocialLoginButton, Ge as Spinner, je as Stack, tt as StarRating, rt as StatCard, ai as StatusActionBadge, Si as StickyActionBar, Ur as SubNav, Ci as SwipeRow, qt as Switch, it as SyncStatusBadge, oi as SyncStatusButton, er as Tabs, rr as TabsContent, tr as TabsList, nr as TabsTrigger, We as Tag, ra as TagInput, J as Text, Rt as Textarea, ne as ThemeProvider, kr as TimePicker, Fn as ToastProvider, ya as createExpoRouterTabBar, m as getTheme, n as isAutoPromptSuppressed, Ce as isNativeLiquidGlassAvailable, p as primitives, q as resolveTypo, d as scales, e as suppressAutoPrompts, f as themeNames, u as themes, Pn as toast, a as usePromptCoordinator, s as usePromptSlot, K as useTheme, On as useToast };
+export { c as AUTO_PROMPT_SUPPRESSION_EVENT, zr as Accordion, Ki as ActionTile, on as Alert, cn as AlertDialog, Jr as AppHeader, Pa as AppShell, Bt as AutoGrowTextarea, i as AutoPrompt, Be as Avatar, Ae as Badge, ui as Banner, di as BannerCarousel, Hn as BottomSheetForm, Un as BottomSheetFrame, _a as BottomTabBar, qr as Breadcrumb, X as Button, Tr as Calendar, Oe as Card, ke as CardHeader, ea as CategoryNav, ta as CategoryScroll, wt as Celebration, kt as CelebrationDialog, Jt as Checkbox, Xt as CheckboxCard, Yt as CheckboxField, Zt as CheckboxGroup, Ue as Chip, $i as ChipFilterBar, Ji as ChipSelector, Gn as CoachMark, Kn as CoachMarkOverlay, Br as Collapsible, Zi as CollapsibleChipField, Jn as Combobox, Kt as CommitAutoGrowTextarea, Wt as CommitInput, Gt as CommitTextarea, Ui as CompactFilePicker, Vn as ConfirmDialog, Nt as CountdownHero, ot as CountdownTimer, Ar as DateField, Dr as DatePicker, Pr as DateTimePicker, Sn as DetailSheetBody, xn as DetailSheetHeader, bn as DetailSheetScaffold, sn as Dialog, ki as DocumentScreen, Xn as DropdownFilter, En as DropdownMenu, gi as EmptyState, Rn as ErrorBoundary, _i as ErrorState, Ti as FileUpload, Sa as FilterBar, aa as FilterChip, Re as FloatingTabBar, wi as Footer, an as FormActions, tn as FormField, nn as FormRoot, rn as FormSection, fe as GlassView, Fe as GradientSurface, ha as GridSkeleton, bi as IconBadge, or as IconButton, Wi as ImageAttachmentPicker, Ca as ImageCarousel, ca as ImageGallery, It as Input, Cn as KeyboardAwareSheetFooter, Pt as Label, va as LiquidBottomTabBar, pi as ListItem, ma as ListSkeleton, pa as ListSkeletons, Fa as MarketingShell, Vi as MediaActionCluster, Bn as MenuDrawer, Yr as MobileAppHeader, Xr as MobileAppShell, si as MobileFloatingActionButton, Yn as MultiSelect, Gr as NavigationBar, nt as NotificationBadge, en as NumberInput, ja as OrderSummary, Ur as Pagination, Li as PhotoHero, Zn as PillToggle, Tn as Popover, sa as PresenceIndicator, Ta as PriceDisplay, Oa as ProductCard, ka as ProductCarousel, $e as Progress, et as ProgressRing, na as ProgressSteps, o as PromptCoordinatorProvider, Oi as Prose, Ea as QuantitySelector, qi as QuickActionGrid, Qt as RadioGroup, Da as RatingDisplay, wn as ResponsiveDialog, Ma as ReviewCard, Wn as ReviewOverlay, Na as ReviewSummary, Di as Screen, Vr as ScrollArea, fi as SearchBar, xi as SectionHeader, qn as Select, Ke as Separator, hi as SettingsListRow, mi as SettingsSection, ia as ShareButtons, $ as Sheet, Wr as SimplePagination, Z as Skeleton, qe as SkeletonText, $t as Slider, fa as SocialIcon, ua as SocialLoginButton, Ge as Spinner, je as Stack, tt as StarRating, rt as StatCard, ci as StatusActionBadge, Si as StickyActionBar, Kr as SubNav, Ci as SwipeRow, qt as Switch, it as SyncStatusBadge, li as SyncStatusButton, er as Tabs, rr as TabsContent, tr as TabsList, nr as TabsTrigger, We as Tag, ra as TagInput, J as Text, Rt as Textarea, ne as ThemeProvider, Mr as TimePicker, Fn as ToastProvider, ya as createExpoRouterTabBar, m as getTheme, n as isAutoPromptSuppressed, Ce as isNativeLiquidGlassAvailable, p as primitives, q as resolveTypo, d as scales, e as suppressAutoPrompts, f as themeNames, u as themes, Pn as toast, a as usePromptCoordinator, s as usePromptSlot, K as useTheme, On as useToast };

package/dist/types/native/components/Chip.d.ts

@@ -14,4 +14,4 @@ export interface ChipProps extends Omit<PressableProps, "children" | "style"> {
     onRemove?: () => void;
     children?: React.ReactNode;
 }
-export declare function Chip({ variant, size, shape, selected, disabled, count, removable, onRemove, children, ...rest }: ChipProps): React.JSX.Element;
+export declare function Chip({ variant, size, shape, selected, disabled, count, removable, onRemove, children, accessibilityRole, accessibilityState, ...rest }: ChipProps): React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ksk-design-system",
-  "version": "1.51.0",
+  "version": "1.51.2",
   "type": "module",
   "description": "KSK Design System — フリーランス向けマルチテーマ対応デザインシステム",
   "license": "MIT",