@lt-three/love3 0.1.0 → 0.1.1

package/dist/native/layout/information.js

@@ -7,10 +7,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/native/layout/information.tsx
 /**
-* ラベルと値を並べる定義リスト。`@lt-three/web` の layout/information に対応する。
+* A definition list that lays out labels and values. Corresponds to the web `layout/information`.
 *
-* web は画面が広いので複数カラムに分けられるが、native は幅が足りないので
-* **常に 1 カラム**（ラベル左・値右の行）で描く。
+* Web has room to split into several columns, but native lacks the width, so it
+* **always renders a single column** (rows with the label on the left and the value on the right).
 */
 function Information({ fields, highlighted, className }) {
 	return /* @__PURE__ */ jsx(View, {

package/dist/native/layout/locked.d.ts

@@ -2,37 +2,37 @@ import { ReactNode } from "react";
 //#region src/native/layout/locked.d.ts
 export type LockedProps = {
   /**
-   * ロックの向こう側にあるものの形。**読ませない前提の見本**を渡す。
-   * 実データを渡してはいけない（覆いは表現であって遮蔽ではない）。
+   * The shape of what lies behind the lock. Pass a **sample that is not meant to be read**.
+   * Never pass real data (the cover is a visual treatment, not a barrier).
    */
   children: ReactNode;
-  /** 面に重ねる短い説明。例:「Pro で見られます」。 */
+  /** Short text overlaid on the surface. Example: "Available with Pro". */
   label: string;
-  /** 見本であることの断り書き。例:「見本」。省略すると出さない。 */
+  /** Note stating that the content is a sample. Example: "Sample". Not shown when omitted. */
   sampleLabel?: string;
-  /** 面全体を押せるようにする。鍵は押したくなるので、基本は渡す。 */
+  /** Makes the whole surface pressable. A lock invites pressing, so pass this in most cases. */
   onPress?: () => void;
   accessibilityLabel?: string;
   /**
-   * 覆いの下に置く行き先（説明と出口のボタン）。**同じ面の中に入れる**ことで、
-   * 「見えないもの」と「その開け方」が 1 枚に収まる。
+   * The destination placed under the cover (an explanation and an exit button). **Keeping it inside the same surface**
+   * puts "what you can't see" and "how to unlock it" on a single card.
    */
   footer?: ReactNode;
-  /** 見本の高さ。既定 160。 */
+  /** Height of the sample. Defaults to 160. */
   height?: number;
   className?: string;
 };
 /**
- * ロックされた面。**中身の形は見せて、読めなくする。**
+ * A locked surface. **Shows the shape of the content but makes it unreadable.**
  *
- * 中身を丸ごと差し替えると「ロック」ではなく「不在」が伝わり、何が惜しいのか分からない。
- * 形だけ残して覆うことで、そこに何があるかを示したまま手が届かないことを表す。
+ * Replacing the content wholesale communicates "absence" rather than "locked", and it is unclear what is being missed.
+ * Keeping the shape and covering it shows what is there while conveying that it is out of reach.
  *
- * **読み込み中の Skeleton とは別物**として作ってある。Skeleton は「待てば出てくる」を
- * 意味するので、同じ見た目をロックに使ってはいけない（待っても出ないため）。
+ * It is built as **distinct from the loading Skeleton**. A Skeleton means "it will appear if you wait",
+ * so the same look must not be used for a lock (waiting will not reveal anything).
  *
- * 覆いは iOS 26 以上では `GlassView`（背後をぼかすガラス）、非対応環境（iOS 26 未満・Android・web）ではカード地で覆う。
- * **見本はダミーなので、覆いの強さに機密性の要件は無い**。表現として選んでよい。
+ * The cover is a `GlassView` (glass that blurs what is behind it) on iOS 26 and later, and a card-colored cover where that is unsupported (below iOS 26, Android, web).
+ * **The sample is a dummy, so the strength of the cover has no confidentiality requirement.** Choose it as a visual treatment.
  */
 export declare function Locked({ children, label, sampleLabel, onPress, accessibilityLabel, footer, height, className }: LockedProps): import("react").JSX.Element;
 //#endregion

package/dist/native/layout/locked.js

@@ -20,16 +20,16 @@ const FILL = {
 	padding: 16
 };
 /**
-* ロックされた面。**中身の形は見せて、読めなくする。**
+* A locked surface. **Shows the shape of the content but makes it unreadable.**
 *
-* 中身を丸ごと差し替えると「ロック」ではなく「不在」が伝わり、何が惜しいのか分からない。
-* 形だけ残して覆うことで、そこに何があるかを示したまま手が届かないことを表す。
+* Replacing the content wholesale communicates "absence" rather than "locked", and it is unclear what is being missed.
+* Keeping the shape and covering it shows what is there while conveying that it is out of reach.
 *
-* **読み込み中の Skeleton とは別物**として作ってある。Skeleton は「待てば出てくる」を
-* 意味するので、同じ見た目をロックに使ってはいけない（待っても出ないため）。
+* It is built as **distinct from the loading Skeleton**. A Skeleton means "it will appear if you wait",
+* so the same look must not be used for a lock (waiting will not reveal anything).
 *
-* 覆いは iOS 26 以上では `GlassView`（背後をぼかすガラス）、非対応環境（iOS 26 未満・Android・web）ではカード地で覆う。
-* **見本はダミーなので、覆いの強さに機密性の要件は無い**。表現として選んでよい。
+* The cover is a `GlassView` (glass that blurs what is behind it) on iOS 26 and later, and a card-colored cover where that is unsupported (below iOS 26, Android, web).
+* **The sample is a dummy, so the strength of the cover has no confidentiality requirement.** Choose it as a visual treatment.
 */
 function Locked({ children, label, sampleLabel, onPress, accessibilityLabel, footer, height = 160, className }) {
 	const ink = useTokenColor("--ink-900");

package/dist/native/layout/modal.d.ts

@@ -3,23 +3,23 @@ import { ReactNode } from "react";
 export type ModalProps = {
   open: boolean;
   onOpenChange: (open: boolean) => void;
-  /** 見出し。ダイアログの名前になる。 */
+  /** Heading. Becomes the dialog's name. */
   title: ReactNode;
   description?: ReactNode;
   content: ReactNode;
   footer?: ReactNode;
-  /** 背面タップで閉じるか（既定 false = 明示的に閉じさせる）。Esc・Android の戻る操作では、この設定にかかわらず閉じる。 */
+  /** Whether tapping the backdrop closes it (default false = require an explicit close). Esc and Android's back action close it regardless of this setting. */
   dismissOnBackdropPress?: boolean;
-  /** 閉じるボタンの読み上げ名（既定は「閉じる」）。共有パッケージなので、別の言語はここで渡す。 */
+  /** Spoken name of the close button (default "閉じる", i.e. "Close"). This is a shared package, so pass other languages here. */
   closeLabel?: string;
 };
 /**
- * 画面中央に出る確認・編集用のダイアログ。`@lt-three/web` の layout/modal に対応する。
- * 外装は overlay 面（surface 角丸・shadow-lg。枠は付けない）で、本文だけがスクロールする。
+ * A confirmation/editing dialog shown at the center of the screen. Corresponds to the web `layout/modal`.
+ * The shell is an overlay surface (surface radius, shadow-lg; no border), and only the body scrolls.
  *
- * 見出しがダイアログの名前（`aria-labelledby`）、補足が説明（`aria-describedby`）になる。
- * 役割（`role="dialog"`・`aria-modal`）・フォーカスの閉じ込め・Esc は `Modal` が持つ。
- * web の `layout/modal` は `dialog`（`DialogController`）で開閉を受けるが、native は `open` / `onOpenChange`（移植元のまま）。
+ * The heading is the dialog's name (`aria-labelledby`), and the supplementary text is its description (`aria-describedby`).
+ * The role (`role="dialog"`, `aria-modal`), focus trapping, and Esc are handled by `Modal`.
+ * The web `layout/modal` takes open/close through `dialog` (`DialogController`), whereas native uses `open` / `onOpenChange`.
  */
 export declare function Modal({ open, onOpenChange, title, description, content, footer, dismissOnBackdropPress, closeLabel }: ModalProps): import("react").JSX.Element;
 //#endregion

package/dist/native/layout/modal.js

@@ -8,12 +8,12 @@ import Feather from "@expo/vector-icons/Feather";
 
 //#region src/native/layout/modal.tsx
 /**
-* 画面中央に出る確認・編集用のダイアログ。`@lt-three/web` の layout/modal に対応する。
-* 外装は overlay 面（surface 角丸・shadow-lg。枠は付けない）で、本文だけがスクロールする。
+* A confirmation/editing dialog shown at the center of the screen. Corresponds to the web `layout/modal`.
+* The shell is an overlay surface (surface radius, shadow-lg; no border), and only the body scrolls.
 *
-* 見出しがダイアログの名前（`aria-labelledby`）、補足が説明（`aria-describedby`）になる。
-* 役割（`role="dialog"`・`aria-modal`）・フォーカスの閉じ込め・Esc は `Modal` が持つ。
-* web の `layout/modal` は `dialog`（`DialogController`）で開閉を受けるが、native は `open` / `onOpenChange`（移植元のまま）。
+* The heading is the dialog's name (`aria-labelledby`), and the supplementary text is its description (`aria-describedby`).
+* The role (`role="dialog"`, `aria-modal`), focus trapping, and Esc are handled by `Modal`.
+* The web `layout/modal` takes open/close through `dialog` (`DialogController`), whereas native uses `open` / `onOpenChange`.
 */
 function Modal({ open, onOpenChange, title, description, content, footer, dismissOnBackdropPress = false, closeLabel = CLOSE_LABEL }) {
 	const ink = useTokenColor("--ink-500");

package/dist/native/layout/not-found.d.ts

@@ -1,6 +1,6 @@
 //#region src/native/layout/not-found.d.ts
 export type NotFoundProps = {
-  /** 表示文言。共有パッケージなので使用側が持つ。 */
+  /** Display text. This is a shared package, so the caller owns it. */
   labels: {
     title: string;
     back: string;
@@ -8,10 +8,10 @@ export type NotFoundProps = {
   onBack: () => void;
 };
 /**
- * 見つからなかった画面。`@lt-three/web` の layout/not-found に対応する。
+ * The screen shown when something is not found.
  *
- * web は `action="previous-page"` で `history.back()` を呼ぶが、native の戻り先は
- * ナビゲーションスタックに依存するので、使用側から `onBack`（`router.back()` 等）を受け取る。
+ * Web calls `history.back()` with `action="previous-page"`, but native's back destination
+ * depends on the navigation stack, so it receives `onBack` (`router.back()`, etc.) from the caller.
  */
 export declare function NotFound({ labels, onBack }: NotFoundProps): import("react").JSX.Element;
 //#endregion

package/dist/native/layout/not-found.js

@@ -5,10 +5,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/native/layout/not-found.tsx
 /**
-* 見つからなかった画面。`@lt-three/web` の layout/not-found に対応する。
+* The screen shown when something is not found.
 *
-* web は `action="previous-page"` で `history.back()` を呼ぶが、native の戻り先は
-* ナビゲーションスタックに依存するので、使用側から `onBack`（`router.back()` 等）を受け取る。
+* Web calls `history.back()` with `action="previous-page"`, but native's back destination
+* depends on the navigation stack, so it receives `onBack` (`router.back()`, etc.) from the caller.
 */
 function NotFound({ labels, onBack }) {
 	return /* @__PURE__ */ jsxs(View, {

package/dist/native/layout/page-frame.d.ts

@@ -1,23 +1,23 @@
 import { ReactNode } from "react";
 //#region src/native/layout/page-frame.d.ts
 export type PageFrameProps = {
-  /** ヘッダの見出し（画面のタイトル。`role="heading"` `aria-level=1`）。 */
+  /** Header heading (the screen title; `role="heading"` `aria-level=1`). */
   title: string;
-  /** ヘッダ右端（戻る・設定・ユーザーなどのボタン）。 */
+  /** Right end of the header (buttons such as back, settings, user). */
   trailing?: ReactNode;
   children: ReactNode;
-  /** 本文の下のフッタ（著作権・リンクなど）。 */
+  /** Footer below the body (copyright, links, etc.). */
   footer?: ReactNode;
-  /** 下に固定するナビ（`layout/tab-bar`）。本文はこの上でスクロールする。 */
+  /** Navigation pinned at the bottom (`layout/tab-bar`). The body scrolls above it. */
   nav?: ReactNode;
-  /** 本文（スクロールする領域）の追加クラス。 */
+  /** Extra classes for the body (the scrolling area). */
   contentClassName?: string;
   className?: string;
 };
 /**
- * 画面の骨組み。`@lt-three/love3/web/layout/page-frame.tsx` に対応する（header・main・footer・nav）。
- * 上にヘッダ（banner）、真ん中にスクロールする本文（main）、その下にフッタ（contentinfo）、最下段にナビ（`TabBar`）。
- * 上端・下端の安全領域はアプリが持つ（外側の `SafeAreaView` か、`className` の `pt-*`）。
+ * The screen skeleton. Corresponds to `@lt-three/love3/web/layout/page-frame.tsx` (header, main, footer, nav).
+ * A header (banner) at the top, a scrolling body (main) in the middle, a footer (contentinfo) below it, and navigation (`TabBar`) at the very bottom.
+ * The top and bottom safe areas are the app's responsibility (an outer `SafeAreaView`, or `pt-*` in `className`).
  */
 export declare function PageFrame({ title, trailing, children, footer, nav, contentClassName, className }: PageFrameProps): import("react").JSX.Element;
 //#endregion

package/dist/native/layout/page-frame.js

@@ -5,9 +5,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/native/layout/page-frame.tsx
 /**
-* 画面の骨組み。`@lt-three/love3/web/layout/page-frame.tsx` に対応する（header・main・footer・nav）。
-* 上にヘッダ（banner）、真ん中にスクロールする本文（main）、その下にフッタ（contentinfo）、最下段にナビ（`TabBar`）。
-* 上端・下端の安全領域はアプリが持つ（外側の `SafeAreaView` か、`className` の `pt-*`）。
+* The screen skeleton. Corresponds to `@lt-three/love3/web/layout/page-frame.tsx` (header, main, footer, nav).
+* A header (banner) at the top, a scrolling body (main) in the middle, a footer (contentinfo) below it, and navigation (`TabBar`) at the very bottom.
+* The top and bottom safe areas are the app's responsibility (an outer `SafeAreaView`, or `pt-*` in `className`).
 */
 function PageFrame({ title, trailing, children, footer, nav, contentClassName, className }) {
 	return /* @__PURE__ */ jsxs(View, {

package/dist/native/layout/panel.d.ts

@@ -7,12 +7,12 @@ export type PanelProps = {
   style?: ViewStyle;
 };
 /**
- * 内容面。`@lt-three/web` の Card と同じ外装（surface 角丸・1px の極薄の罫線・raised 面。影は付けない）。
- * 内側の余白は使用側が決める。
+ * A content surface. Same shell as the web Card (surface radius, a very faint 1px rule, raised surface; no shadow).
+ * The inner padding is up to the caller.
  *
- * 罫線は `border-border` ではなく `border-line` を使う。`--border` は
- * スタイルシート中で 1 度しか宣言されないため react-native-css がビルド時に
- * 単一値へ畳んでしまい、`.dark` で切り替わらなくなる（`.claude/rules/packages/ts/index.md` 参照）。
+ * The rule uses `border-line` rather than `border-border`. `--border` is declared only once
+ * in the stylesheet, so react-native-css folds it into a single value at build time
+ * and it no longer switches under `.dark`.
  */
 export declare function Panel({ children, className, style }: PanelProps): import("react").JSX.Element;
 //#endregion

package/dist/native/layout/panel.js

@@ -4,12 +4,12 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/native/layout/panel.tsx
 /**
-* 内容面。`@lt-three/web` の Card と同じ外装（surface 角丸・1px の極薄の罫線・raised 面。影は付けない）。
-* 内側の余白は使用側が決める。
+* A content surface. Same shell as the web Card (surface radius, a very faint 1px rule, raised surface; no shadow).
+* The inner padding is up to the caller.
 *
-* 罫線は `border-border` ではなく `border-line` を使う。`--border` は
-* スタイルシート中で 1 度しか宣言されないため react-native-css がビルド時に
-* 単一値へ畳んでしまい、`.dark` で切り替わらなくなる（`.claude/rules/packages/ts/index.md` 参照）。
+* The rule uses `border-line` rather than `border-border`. `--border` is declared only once
+* in the stylesheet, so react-native-css folds it into a single value at build time
+* and it no longer switches under `.dark`.
 */
 function Panel({ children, className, style }) {
 	return /* @__PURE__ */ jsx(View, {

package/dist/native/layout/reorderable-list.d.ts

@@ -4,21 +4,21 @@ export type ReorderableRenderInfo<T> = {
   item: T;
   index: number;
   /**
-   * 掴んでドラッグを始める。**行自身の `Pressable` の `onLongPress` に渡すこと。**
-   * ラッパーの `Pressable` に付けると、行の内側の `Pressable`（タップで詳細を開く等）が
-   * レスポンダを取ってしまい、長押しが外側まで来ない ＝ ドラッグが始まらない。
+   * Grabs the row and starts dragging. **Pass it to the row's own `Pressable` `onLongPress`.**
+   * If attached to a wrapper `Pressable`, a `Pressable` inside the row (one that opens details on tap, etc.)
+   * takes the responder and the long press never reaches the outer one, so dragging does not start.
    */
   drag: () => void;
-  /** その行がいま掴まれているか。掴んだ行は見た目を明確に変えること。 */
+  /** Whether the row is currently grabbed. Make the grabbed row look clearly different. */
   active: boolean;
 };
 export type ReorderableListProps<T> = {
   data: T[];
   keyExtractor: (item: T) => string;
   renderItem: (info: ReorderableRenderInfo<T>) => ReactNode;
-  /** 並べ替え後の配列を返す。永続化は使用側が行う。 */
+  /** Receives the reordered array. Persistence is up to the caller. */
   onReorder: (next: T[]) => void;
-  /** false のあいだはドラッグを受け付けない（絞り込み中など）。 */
+  /** While false, dragging is not accepted (for example while filtering). */
   dragEnabled?: boolean;
   ListHeaderComponent?: ReactElement | null;
   ListFooterComponent?: ReactElement | null;
@@ -26,17 +26,17 @@ export type ReorderableListProps<T> = {
   contentContainerClassName?: string;
 };
 /**
- * 長押しで掴んで並べ替えるリスト。**iOS / Android の同じ実装で動く**。
+ * A list reordered by long-press and drag. **Runs on the same implementation for iOS and Android.**
  *
- * SwiftUI の `List.ForEach onMove` は iOS でしか使えず、放っておくと
- * 「Android だけ並べ替えできない」が生まれる。ここは Reanimated + Gesture Handler の
- * `react-native-reorderable-list` に寄せて、プラットフォームで実装を分けない。
+ * SwiftUI's `List.ForEach onMove` works only on iOS, which would leave
+ * "reordering works everywhere except Android". This builds on Reanimated + Gesture Handler's
+ * `react-native-reorderable-list` so the implementation does not split by platform.
  *
- * **アプリの root に `GestureHandlerRootView` が要る**（Android）。無くても例外は出ず、
- * ドラッグもスワイプも無言で効かなくなる。
+ * **A `GestureHandlerRootView` is required at the app's root** (Android). Without it no exception is thrown,
+ * and dragging and swiping silently stop working.
  *
- * 並べ替えの確定は `onReorder` の 1 回だけ。ドラッグ中は内部で表示だけ動かすので、
- * 途中経過で API を叩かない。
+ * The reorder is committed by a single `onReorder` call. During a drag only the display moves internally,
+ * so do not hit an API with intermediate states.
  */
 export declare function ReorderableList<T>({ data, keyExtractor, renderItem, onReorder, dragEnabled, ListHeaderComponent, ListFooterComponent, ListEmptyComponent, contentContainerClassName }: ReorderableListProps<T>): import("react").JSX.Element;
 //#endregion

package/dist/native/layout/reorderable-list.js

@@ -3,17 +3,17 @@ import Reorderable, { reorderItems, useIsActive, useReorderableDrag } from "reac
 
 //#region src/native/layout/reorderable-list.tsx
 /**
-* 長押しで掴んで並べ替えるリスト。**iOS / Android の同じ実装で動く**。
+* A list reordered by long-press and drag. **Runs on the same implementation for iOS and Android.**
 *
-* SwiftUI の `List.ForEach onMove` は iOS でしか使えず、放っておくと
-* 「Android だけ並べ替えできない」が生まれる。ここは Reanimated + Gesture Handler の
-* `react-native-reorderable-list` に寄せて、プラットフォームで実装を分けない。
+* SwiftUI's `List.ForEach onMove` works only on iOS, which would leave
+* "reordering works everywhere except Android". This builds on Reanimated + Gesture Handler's
+* `react-native-reorderable-list` so the implementation does not split by platform.
 *
-* **アプリの root に `GestureHandlerRootView` が要る**（Android）。無くても例外は出ず、
-* ドラッグもスワイプも無言で効かなくなる。
+* **A `GestureHandlerRootView` is required at the app's root** (Android). Without it no exception is thrown,
+* and dragging and swiping silently stop working.
 *
-* 並べ替えの確定は `onReorder` の 1 回だけ。ドラッグ中は内部で表示だけ動かすので、
-* 途中経過で API を叩かない。
+* The reorder is committed by a single `onReorder` call. During a drag only the display moves internally,
+* so do not hit an API with intermediate states.
 */
 function ReorderableList({ data, keyExtractor, renderItem, onReorder, dragEnabled = true, ListHeaderComponent, ListFooterComponent, ListEmptyComponent, contentContainerClassName }) {
 	return /* @__PURE__ */ jsx(Reorderable, {
@@ -34,8 +34,8 @@ function ReorderableList({ data, keyExtractor, renderItem, onReorder, dragEnable
 	});
 }
 /**
-* 行の描画。`useReorderableDrag` / `useIsActive` は**リストの item の中でしか呼べない**ので、
-* ここで呼んで使用側へ渡す。
+* Renders a row. `useReorderableDrag` / `useIsActive` **can only be called inside a list item**,
+* so they are called here and handed to the caller.
 */
 function Cell({ item, index, render }) {
 	const drag = useReorderableDrag();

package/dist/native/layout/sheet.d.ts

@@ -3,28 +3,28 @@ import { ReactNode } from "react";
 export type SheetProps = {
   open: boolean;
   onOpenChange: (open: boolean) => void;
-  /** 見出し。ダイアログの名前になる（名前の無いダイアログにしないため、移植元と違って必須。web の `layout/sheet` と同じ）。 */
+  /** Heading. Becomes the dialog's name (required so the dialog is never nameless; same as the web `layout/sheet`). */
   title: ReactNode;
   description?: ReactNode;
   content: ReactNode;
   footer?: ReactNode;
-  /** 背面タップで閉じるか（既定 true）。 */
+  /** Whether tapping the backdrop closes it (default true). */
   dismissOnBackdropPress?: boolean;
-  /** 閉じるボタンの読み上げ名（既定は「閉じる」）。 */
+  /** Spoken name of the close button (default "閉じる", i.e. "Close"). */
   closeLabel?: string;
-  /** 中身に余白を敷くか（既定 true）。端まで敷き詰める行リストでは false。 */
+  /** Whether to pad the content (default true). Use false for row lists that run edge to edge. */
   padded?: boolean;
-  /** 画面高に対する最大の高さ（既定 0.85）。 */
+  /** Maximum height as a ratio of the screen height (default 0.85). */
   maxHeightRatio?: number;
-  /** 閉じ切った後に呼ばれる。**次のシートを開くときはここで開くこと**（`base/sheet` 参照）。 */
+  /** Called after it has fully closed. **Open the next sheet here** (see `base/sheet`). */
   onClosed?: () => void;
 };
 /**
- * 下から出るシート。`@lt-three/web` の layout/sheet（画面端から出るパネル）に対応する。
- * native では端ではなく下から出すのが標準の作法なので、位置だけ読み替えている（web の `side` は持たない）。
+ * A sheet that slides up from the bottom. Corresponds to the web `layout/sheet` (a panel that slides in from a screen edge).
+ * On native the standard convention is to slide up from the bottom rather than from an edge, so only the position is reinterpreted (there is no web `side`).
  *
- * 面の出し方・スクリム・safe-area・キーボード回避は `base/sheet` が持つ。
- * 見出しがダイアログの名前（`aria-labelledby`）、補足が説明（`aria-describedby`）になる。
+ * How the surface appears, the scrim, safe-area, and keyboard avoidance belong to `base/sheet`.
+ * The heading is the dialog's name (`aria-labelledby`), and the supplementary text is its description (`aria-describedby`).
  */
 export declare function Sheet({ open, onOpenChange, title, description, content, footer, dismissOnBackdropPress, closeLabel, padded, maxHeightRatio, onClosed }: SheetProps): import("react").JSX.Element;
 //#endregion

package/dist/native/layout/sheet.js

@@ -5,11 +5,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/native/layout/sheet.tsx
 /**
-* 下から出るシート。`@lt-three/web` の layout/sheet（画面端から出るパネル）に対応する。
-* native では端ではなく下から出すのが標準の作法なので、位置だけ読み替えている（web の `side` は持たない）。
+* A sheet that slides up from the bottom. Corresponds to the web `layout/sheet` (a panel that slides in from a screen edge).
+* On native the standard convention is to slide up from the bottom rather than from an edge, so only the position is reinterpreted (there is no web `side`).
 *
-* 面の出し方・スクリム・safe-area・キーボード回避は `base/sheet` が持つ。
-* 見出しがダイアログの名前（`aria-labelledby`）、補足が説明（`aria-describedby`）になる。
+* How the surface appears, the scrim, safe-area, and keyboard avoidance belong to `base/sheet`.
+* The heading is the dialog's name (`aria-labelledby`), and the supplementary text is its description (`aria-describedby`).
 */
 function Sheet({ open, onOpenChange, title, description, content, footer, dismissOnBackdropPress = true, closeLabel, padded = true, maxHeightRatio = .85, onClosed }) {
 	const id = useId();

package/dist/native/layout/simple-dialog.d.ts

@@ -5,12 +5,12 @@ export type SimpleDialogProps = {
   onOpenChange: (open: boolean) => void;
   title: ReactNode;
   children: ReactNode;
-  /** 閉じるボタンの読み上げ名（既定は「閉じる」）。 */
+  /** Spoken name of the close button (default "閉じる", i.e. "Close"). */
   closeLabel?: string;
 };
 /**
- * タイトルと本文だけの軽量なダイアログ。`@lt-three/web` の layout/simple-dialog に対応する。
- * フッターや説明が要るなら `Modal` を直接使う。
+ * A lightweight dialog with only a title and a body. Corresponds to the web `layout/simple-dialog`.
+ * Use `Modal` directly if you need a footer or a description.
  */
 export declare function SimpleDialog({ open, onOpenChange, title, children, closeLabel }: SimpleDialogProps): import("react").JSX.Element;
 //#endregion

package/dist/native/layout/simple-dialog.js

@@ -3,8 +3,8 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/native/layout/simple-dialog.tsx
 /**
-* タイトルと本文だけの軽量なダイアログ。`@lt-three/web` の layout/simple-dialog に対応する。
-* フッターや説明が要るなら `Modal` を直接使う。
+* A lightweight dialog with only a title and a body. Corresponds to the web `layout/simple-dialog`.
+* Use `Modal` directly if you need a footer or a description.
 */
 function SimpleDialog({ open, onOpenChange, title, children, closeLabel }) {
 	return /* @__PURE__ */ jsx(Modal, {

package/dist/native/layout/simple-table.d.ts

@@ -2,48 +2,48 @@ import { Breakpoint } from "../lib/breakpoints.js";
 import { ReactNode } from "react";
 //#region src/native/layout/simple-table.d.ts
 /**
- * 宣言的な薄い罫線のデータテーブル。columns / data を渡すだけで使える。
- * `@lt-three/web` の layout/simple-table と同じ列定義・同じ名前の props（`onRowClick`・`hideBelow`）を取る。
+ * A declarative data table with thin rules. Just pass columns / data.
+ * It takes the same column definitions and the same prop names (`onRowClick`, `hideBelow`) as the web `layout/simple-table`.
  *
- * ヘッダは frame の淡い面、行罫線は 1px の極薄の線。
- * 数値列は mono + タブラー + 右寄せにする。
+ * The header is a pale frame surface, and row rules are very faint 1px lines.
+ * Numeric columns use mono + tabular + right alignment.
  */
 export type SimpleColumn<T> = {
-  /** 列キー（行内で一意）。 */
+  /** Column key (unique within a row). */
   key: string;
   header: ReactNode;
-  /** セル / ヘッダの揃え（既定 left）。 */
+  /** Alignment of cells / header (default left). */
   align?: "left" | "right" | "center";
-  /** 等幅 + タブラー（数値・ID 向け）。 */
+  /** Monospace + tabular (for numbers and IDs). */
   mono?: boolean;
-  /** 強調（font-medium）。 */
+  /** Emphasis (font-medium). */
   strong?: boolean;
   /**
-   * この幅（Tailwind と同じブレークポイント: sm 640・md 768・lg 1024 px。**画面の幅**で見る）より狭いときは列ごと隠す。
-   * 狭い画面で重要でない列（ID・補足など）を畳む（web の `hideBelow` と同じ）。未指定なら常に出す。
+   * Hides the whole column when narrower than this width (same breakpoints as Tailwind: sm 640, md 768, lg 1024 px; judged by the **screen width**).
+   * Collapses unimportant columns (ID, notes, etc.) on narrow screens (same as web's `hideBelow`). Always shown when unspecified.
    */
   hideBelow?: Breakpoint;
-  /** 列幅（px）。省略時は等分。 */
+  /** Column width (px). Divided equally when omitted. */
   width?: number;
-  /** セル（View）の追加クラス。 */
+  /** Extra classes for the cell (View). */
   cellClassName?: string;
-  /** ヘッダのセル（View）の追加クラス。 */
+  /** Extra classes for the header cell (View). */
   headClassName?: string;
-  /** セルの描画。未指定時は row[key] を表示する。 */
+  /** Renders the cell. Shows row[key] when unspecified. */
   render?: (row: T) => ReactNode;
 };
 export type SimpleTableProps<T> = {
   columns: SimpleColumn<T>[];
   data: T[];
-  /** 行キーの導出。未指定時は index を使う。 */
+  /** Derives the row key. Uses the index when unspecified. */
   getRowKey?: (row: T, index: number) => string;
   /**
-   * 行を押す（web の `onRowClick` と同じ名前）。渡すと各行がボタン（フォーカスでき、Enter・Space でも押せる）になり、
-   * フォーカスは不透明の outline で示す。
+   * Pressing a row (same name as web's `onRowClick`). When passed, each row becomes a button (focusable, and pressable with Enter and Space),
+   * and focus is shown with an opaque outline.
    */
   onRowClick?: (row: T) => void;
   className?: string;
-  /** 列が画面幅に収まらないとき横スクロールさせる。 */
+  /** Scrolls horizontally when the columns do not fit the screen width. */
   horizontalScroll?: boolean;
 };
 export declare function SimpleTable<T extends object>({ columns: allColumns, data, getRowKey, onRowClick, className, horizontalScroll }: SimpleTableProps<T>): import("react").JSX.Element;

package/dist/native/layout/simple-table.js

@@ -17,7 +17,7 @@ const justifyClass = {
 	right: "justify-end",
 	center: "justify-center"
 };
-/** `render` が無い列の既定の描画。行の `key` の値が、文字・数値・要素のときだけ表示する。 */
+/** Default rendering for a column without `render`. Shows the row's `key` value only when it is text, a number, or an element. */
 function cellValue(row, key) {
 	const value = Reflect.get(row, key);
 	if (typeof value === "string" || typeof value === "number" || isValidElement(value)) return value;

package/dist/native/layout/tab-bar.d.ts

@@ -1,13 +1,13 @@
 import { ReactNode } from "react";
 //#region src/native/layout/tab-bar.d.ts
 export type TabBarItem = {
-  /** 選択値（一意）。 */
+  /** Selection value (unique). */
   value: string;
-  /** 文字のラベル。アイコンだけにしない（読み上げ名・分かりやすさのため）。 */
+  /** Text label. Never use an icon alone (for the spoken name and clarity). */
   label: string;
   /**
-   * アイコン。選択状態に合う色（`color`）を渡すので、`Symbol` の `tintColor` などに使う。
-   * 文字だけで足りるなら省く。
+   * Icon. It receives the color (`color`) matching the selection state, for use as `Symbol`'s `tintColor` and the like.
+   * Omit it if text alone is enough.
    */
   icon?: (state: {
     active: boolean;
@@ -16,18 +16,18 @@ export type TabBarItem = {
 };
 export type TabBarProps = {
   items: readonly TabBarItem[];
-  /** 選択中の値。 */
+  /** The selected value. */
   value: string;
   onValueChange: (value: string) => void;
-  /** 読み上げ名（ランドマークが複数あるとき区別する）。既定は「メイン」。 */
+  /** Spoken name (distinguishes landmarks when there are several). Defaults to "メイン" ("Main"). */
   accessibilityLabel?: string;
   className?: string;
 };
 /**
- * 画面の下に置く、トップレベルの行き先の切り替え（3〜5 件）。`layout/tabs`（本文を切り替える下線タブ）とは別物。
- * 選択中は `text-action-ink`（暗い面でも AA）で、選択状態は色だけにせず太さ（`font-semibold`）でも示す。
- * 1 件の押す範囲は高さ 56px 以上（実機の 44pt 基準を上回る）。**下端の安全領域（ホームインジケータ）はアプリが持つ**
- * （`className` に `pb-*` を渡すか、外側の `SafeAreaView` に置く）。
+ * Switcher for top-level destinations placed at the bottom of the screen (3 to 5 items). Distinct from `layout/tabs` (underlined tabs that switch the body).
+ * The selected item uses `text-action-ink` (AA even on dark surfaces), and the selected state is shown by weight (`font-semibold`) as well as color.
+ * Each item's press target is at least 56px tall (above the 44pt real-device guideline). **The bottom safe area (home indicator) is the app's responsibility**
+ * (pass `pb-*` in `className`, or place it inside an outer `SafeAreaView`).
  */
 export declare function TabBar({ items, value, onValueChange, accessibilityLabel, className }: TabBarProps): import("react").JSX.Element;
 //#endregion

package/dist/native/layout/tab-bar.js

@@ -6,10 +6,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/native/layout/tab-bar.tsx
 /**
-* 画面の下に置く、トップレベルの行き先の切り替え（3〜5 件）。`layout/tabs`（本文を切り替える下線タブ）とは別物。
-* 選択中は `text-action-ink`（暗い面でも AA）で、選択状態は色だけにせず太さ（`font-semibold`）でも示す。
-* 1 件の押す範囲は高さ 56px 以上（実機の 44pt 基準を上回る）。**下端の安全領域（ホームインジケータ）はアプリが持つ**
-* （`className` に `pb-*` を渡すか、外側の `SafeAreaView` に置く）。
+* Switcher for top-level destinations placed at the bottom of the screen (3 to 5 items). Distinct from `layout/tabs` (underlined tabs that switch the body).
+* The selected item uses `text-action-ink` (AA even on dark surfaces), and the selected state is shown by weight (`font-semibold`) as well as color.
+* Each item's press target is at least 56px tall (above the 44pt real-device guideline). **The bottom safe area (home indicator) is the app's responsibility**
+* (pass `pb-*` in `className`, or place it inside an outer `SafeAreaView`).
 */
 function TabBar({ items, value, onValueChange, accessibilityLabel = "メイン", className }) {
 	const activeColor = useTokenColor("--action-ink");