@lt-three/love3 0.1.0 → 0.1.1

package/dist/native/base/sheet.js

@@ -12,21 +12,21 @@ import { scheduleOnRN } from "react-native-worklets";
 
 //#region src/native/base/sheet.tsx
 /**
-* 下から出るシートの素体。`@lt-three/web` の base/sheet（Radix Dialog のラッパー）に対応する。
+* The base for a bottom sheet. Mirrors the web base/sheet (a wrapper around Radix Dialog).
 *
-* ここに置くのは「面をどう出すか」だけで、見出しや本文の作法は `layout/sheet` が決める。
-* `atom/select` のピッカーのように独自の中身を敷きたいものが `layout/` を経由できない
-* （依存が逆流する）ので、web と同じく素体を base に置いて両方から使う。
+* This holds only "how the surface appears"; conventions for headings and body are decided by `layout/sheet`.
+* Things that want their own content, such as the `atom/select` picker, cannot go through `layout/`
+* (the dependency would run backwards), so, as on the web, the base lives in base and both use it.
 */
-/** 中身の余白。`padded` が false でも下端の safe-area だけは必ず確保する。 */
+/** The content padding. Even when `padded` is false, the bottom safe area is always secured. */
 const GUTTER = 16;
 /**
-* `Modal` の `animationType="slide"` は使わない。あれは**スクリムごと**競り上がるので、
-* 暗幕が下から生えてくる安っぽい見え方になる。ここではスクリムのフェードとパネルの
-* スライドを別々の曲線で動かす。
+* Do not use `Modal`'s `animationType="slide"`. It slides up **together with the scrim**,
+* so the dark overlay appears to grow from the bottom and looks cheap. Here the scrim's fade and the panel's
+* slide are driven by separate curves.
 *
-* ダイアログの役割（`role="dialog"`・`aria-modal`）・フォーカスの閉じ込め・Esc（`onRequestClose`）は `Modal` が持つ
-* （react-native-web の `Modal` は役割と閉じ込めを出す。名前は持たないので `aria-label(ledby)` を渡す）。
+* The dialog role (`role="dialog"`, `aria-modal`), focus trapping and Esc (`onRequestClose`) are provided by `Modal`
+* (react-native-web's `Modal` emits the role and the trap. It has no name of its own, so pass `aria-label(ledby)`).
 */
 function SheetShell({ open, onOpenChange, dismissOnBackdropPress = true, maxHeightRatio = .85, onClosed, "aria-labelledby": ariaLabelledBy, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, children }) {
 	const { height: windowHeight } = useWindowDimensions();
@@ -120,7 +120,7 @@ function SheetShell({ open, onOpenChange, dismissOnBackdropPress = true, maxHeig
 		})
 	});
 }
-/** 掴む合図（グラバー）・見出し・閉じるボタン。 */
+/** The grab cue (grabber), the heading and the close button. */
 function SheetHeader({ title, description, closeLabel = CLOSE_LABEL, onClose, titleId, descriptionId }) {
 	const ink = useTokenColor("--ink-500");
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(View, {
@@ -155,10 +155,10 @@ function SheetHeader({ title, description, closeLabel = CLOSE_LABEL, onClose, ti
 	})] });
 }
 /**
-* シートの本文。
+* The sheet body.
 *
-* `contentContainerClassName` は react-native-css で**効かない**（無言で padding が消えて
-* 文字が端で切れる）。余白は必ず `contentContainerStyle` に書くこと。
+* `contentContainerClassName` **does not work** with react-native-css (the padding silently disappears and
+* text gets clipped at the edge). Always write padding in `contentContainerStyle`.
 */
 function SheetScroll({ padded = true, hasFooter = false, children }) {
 	const insets = useSafeAreaInsets();
@@ -173,7 +173,7 @@ function SheetScroll({ padded = true, hasFooter = false, children }) {
 		children
 	});
 }
-/** シートのフッター。ホームインジケータに潜らないよう safe-area を足す。 */
+/** The sheet footer. Adds the safe area so it does not slip under the home indicator. */
 function SheetFooter({ children }) {
 	const insets = useSafeAreaInsets();
 	return /* @__PURE__ */ jsx(View, {

package/dist/native/form/checkbox.d.ts

@@ -2,12 +2,12 @@ import { BaseInputProps } from "../../shared/form.js";
 import { ReactNode } from "react";
 //#region src/native/form/checkbox.d.ts
 export type CheckboxProps = BaseInputProps<boolean> & {
-  /** チェックボックスの右に置くラベル。フィールドの `label` とは別物（こちらがチェックボックスの名前になる）。 */
+  /** Label placed to the right of the checkbox. Distinct from the field's `label` (this one becomes the checkbox's name). */
   checkboxLabel: ReactNode;
 };
 /**
- * TanStack Form 統合の Checkbox。web の `form/checkbox` と同じく
- * `value` / `onValueChange` を渡せば制御モード（field を使わない）、省略すれば field context から取る。
+ * Checkbox integrated with TanStack Form. Like the web `form/checkbox`,
+ * pass `value` / `onValueChange` for controlled mode (the field is not used); omit them to read from the field context.
  */
 export declare function Checkbox(props: CheckboxProps): import("react").JSX.Element;
 //#endregion

package/dist/native/form/checkbox.js

@@ -5,8 +5,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/native/form/checkbox.tsx
 /**
-* TanStack Form 統合の Checkbox。web の `form/checkbox` と同じく
-* `value` / `onValueChange` を渡せば制御モード（field を使わない）、省略すれば field context から取る。
+* Checkbox integrated with TanStack Form. Like the web `form/checkbox`,
+* pass `value` / `onValueChange` for controlled mode (the field is not used); omit them to read from the field context.
 */
 function Checkbox(props) {
 	if (props.value !== void 0 && props.onValueChange !== void 0) return /* @__PURE__ */ jsx(Layout, {

package/dist/native/form/date-picker.d.ts

@@ -4,20 +4,20 @@ export type DatePickerProps = FieldInputProps & {
   mode?: "date" | "time" | "datetime";
   minimumDate?: Date;
   maximumDate?: Date;
-  /** 表示の整形。省略時はロケール既定の日付表記。 */
+  /** Formats the displayed value. Defaults to the locale's date notation. */
   format?: (value: Date) => string;
 };
 /**
- * TanStack Form 統合の日付・時刻入力。web の `form/date-picker` に対応する。
+ * Date/time input integrated with TanStack Form. Corresponds to the web `form/date-picker`.
  *
- * web は react-day-picker のカレンダーをポップオーバーに出すが、native は
- * OS 標準のピッカー（`@react-native-community/datetimepicker`）を使う。
- * iOS は常設のスピナー（inline）、Android はタップでダイアログという OS ごとの作法に従う。
- * react-native-web（preview・vitest）は、このライブラリに web 実装が無いので、`<input type="date">` などの差し替え
- * （`web/datetimepicker.tsx`）で描く（下に「OK」を出す iOS と同じ作法）。
+ * The web version shows a react-day-picker calendar in a popover, whereas native uses
+ * the OS-standard picker (`@react-native-community/datetimepicker`).
+ * It follows each OS's convention: a persistent inline spinner on iOS, a dialog opened by tapping on Android.
+ * react-native-web (preview, vitest) has no web implementation in that library, so it is rendered by a
+ * substitute such as `<input type="date">` (`web/datetimepicker.tsx`), with an "OK" shown below as on iOS.
  *
- * 値は field context から取る（制御モードは持たない。移植元は型だけ `value` / `onValueChange` を受けて無視していた）。
- * トリガーは、押すとピッカーが開く**ボタン**で、名前は「ラベル、現在の値」（`atom/select` と同じ）。
+ * The value comes from the field context (there is no controlled mode).
+ * The trigger is a **button** that opens the picker; its name is "label, current value" (same as `atom/select`).
  */
 export declare function DatePicker({ label, required, description, helpText, placeholder, disabled, debounce, className, wrapperClassName, mode, minimumDate, maximumDate, format, "data-testid": testID }: DatePickerProps): import("react").JSX.Element;
 //#endregion

package/dist/native/form/date-picker.js

@@ -11,23 +11,23 @@ import Feather from "@expo/vector-icons/Feather";
 import DateTimePicker from "@react-native-community/datetimepicker";
 
 //#region src/native/form/date-picker.tsx
-/** 日付・時刻の入力が名前を持たないとき（`label` が要素のときなど）に、ピッカーに付ける名前。 */
+/** Name given to the picker when the date/time input has none (for example when `label` is an element). */
 const PICKER_LABEL = {
 	date: "日付",
 	time: "時刻",
 	datetime: "日時"
 };
 /**
-* TanStack Form 統合の日付・時刻入力。web の `form/date-picker` に対応する。
+* Date/time input integrated with TanStack Form. Corresponds to the web `form/date-picker`.
 *
-* web は react-day-picker のカレンダーをポップオーバーに出すが、native は
-* OS 標準のピッカー（`@react-native-community/datetimepicker`）を使う。
-* iOS は常設のスピナー（inline）、Android はタップでダイアログという OS ごとの作法に従う。
-* react-native-web（preview・vitest）は、このライブラリに web 実装が無いので、`<input type="date">` などの差し替え
-* （`web/datetimepicker.tsx`）で描く（下に「OK」を出す iOS と同じ作法）。
+* The web version shows a react-day-picker calendar in a popover, whereas native uses
+* the OS-standard picker (`@react-native-community/datetimepicker`).
+* It follows each OS's convention: a persistent inline spinner on iOS, a dialog opened by tapping on Android.
+* react-native-web (preview, vitest) has no web implementation in that library, so it is rendered by a
+* substitute such as `<input type="date">` (`web/datetimepicker.tsx`), with an "OK" shown below as on iOS.
 *
-* 値は field context から取る（制御モードは持たない。移植元は型だけ `value` / `onValueChange` を受けて無視していた）。
-* トリガーは、押すとピッカーが開く**ボタン**で、名前は「ラベル、現在の値」（`atom/select` と同じ）。
+* The value comes from the field context (there is no controlled mode).
+* The trigger is a **button** that opens the picker; its name is "label, current value" (same as `atom/select`).
 */
 function DatePicker({ label, required, description, helpText, placeholder, disabled, debounce, className, wrapperClassName, mode = "date", minimumDate, maximumDate, format, "data-testid": testID }) {
 	const [value, setValue] = useFieldValue({ debounce });

package/dist/native/form/form.d.ts

@@ -4,18 +4,17 @@ import { ReactNode } from "react";
 //#region src/native/form/form.d.ts
 export type SubmitButtonProps = Omit<ButtonProps, "onPress"> & {
   children: ReactNode;
-  /** 初期値のままでも送信を許可する。 */
+  /** Allow submitting even when the value is still the initial one. */
   allowDefaultValue?: boolean;
 };
 /**
- * フォームの送信ボタン。送信中・未変更・バリデーション不通過を同じ条件で無効化する
- * （`createFormHook` の `formComponents` に載せて `form.SubmitButton` として使う）。
- * web の love3 にはまだ対応する部品が無い（`@lt-three/web` の `form/form` の `SubmitButton` に対応）。
+ * The form's submit button. It is disabled under the same conditions while submitting, unchanged, or failing validation
+ * (register it in `createFormHook`'s `formComponents` and use it as `form.SubmitButton`).
+ * The web side of love3 has no counterpart yet.
  */
 export declare function SubmitButton({ disabled, allowDefaultValue, children, ...props }: SubmitButtonProps): import("react").JSX.Element;
 /**
- * 配列フィールドの外装（ラベル・子・補足・エラー。`@lt-three/web` の `form/form` の `ArrayFields` に対応する）。
- * 移植元は `description` を受け取るだけで描かなかったので、描くようにした。
+ * Wrapper for array fields (label, children, supplementary text, error). Renders `description` as well.
  */
 export declare function ArrayFields({ label, required, description, children }: Pick<FieldInputProps, "label" | "required" | "description"> & {
   children: ReactNode;

package/dist/native/form/form.js

@@ -5,9 +5,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/native/form/form.tsx
 /**
-* フォームの送信ボタン。送信中・未変更・バリデーション不通過を同じ条件で無効化する
-* （`createFormHook` の `formComponents` に載せて `form.SubmitButton` として使う）。
-* web の love3 にはまだ対応する部品が無い（`@lt-three/web` の `form/form` の `SubmitButton` に対応）。
+* The form's submit button. It is disabled under the same conditions while submitting, unchanged, or failing validation
+* (register it in `createFormHook`'s `formComponents` and use it as `form.SubmitButton`).
+* The web side of love3 has no counterpart yet.
 */
 function SubmitButton({ disabled, allowDefaultValue = false, children, ...props }) {
 	const form = useFormContext();
@@ -26,8 +26,7 @@ function SubmitButton({ disabled, allowDefaultValue = false, children, ...props
 	});
 }
 /**
-* 配列フィールドの外装（ラベル・子・補足・エラー。`@lt-three/web` の `form/form` の `ArrayFields` に対応する）。
-* 移植元は `description` を受け取るだけで描かなかったので、描くようにした。
+* Wrapper for array fields (label, children, supplementary text, error). Renders `description` as well.
 */
 function ArrayFields({ label, required, description, children }) {
 	return /* @__PURE__ */ jsxs(FormItem, { children: [

package/dist/native/form/radio-group.d.ts

@@ -8,16 +8,16 @@ export type RadioOption = {
 };
 export type RadioGroupProps = FieldInputProps & {
   options: RadioOption[];
-  /** `list` は縦積み、`box` は 1px 枠付きの横並び。web と同じ 2 形態。 */
+  /** `list` stacks vertically; `box` lays out horizontally with a 1px border. The same two forms as web. */
   type?: "list" | "box";
 };
 /**
- * TanStack Form 統合のラジオグループ。web の `form/radio-group` に対応する。
+ * Radio group integrated with TanStack Form. Corresponds to the web `form/radio-group`.
  *
- * つまみは 16px の**円**（web と同じ。`rounded-full`）で、未選択は line-control の枠、選択時はインディゴの枠と中心の点が入る。
+ * The knob is a 16px **circle** (same as web; `rounded-full`): unselected has a line-control border, selected has an indigo border and a center dot.
  *
- * グループは `radiogroup` で、ラベルが名前になる（`aria-labelledby`）。選択肢は `radio`（名前は選択肢の `label`）で、
- * 説明とエラーを各選択肢が指す（同じ field に入力が複数あるので、id は選択肢ごとに分ける）。
+ * The group is a `radiogroup` named by its label (`aria-labelledby`). Each option is a `radio` (named by the option's `label`),
+ * and each option points to the description and the error (one field holds several inputs, so ids are separated per option).
  */
 export declare function RadioGroup({ label, required, description, helpText, wrapperClassName, ...rest }: RadioGroupProps): import("react").JSX.Element;
 //#endregion

package/dist/native/form/radio-group.js

@@ -9,12 +9,12 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/native/form/radio-group.tsx
 /**
-* TanStack Form 統合のラジオグループ。web の `form/radio-group` に対応する。
+* Radio group integrated with TanStack Form. Corresponds to the web `form/radio-group`.
 *
-* つまみは 16px の**円**（web と同じ。`rounded-full`）で、未選択は line-control の枠、選択時はインディゴの枠と中心の点が入る。
+* The knob is a 16px **circle** (same as web; `rounded-full`): unselected has a line-control border, selected has an indigo border and a center dot.
 *
-* グループは `radiogroup` で、ラベルが名前になる（`aria-labelledby`）。選択肢は `radio`（名前は選択肢の `label`）で、
-* 説明とエラーを各選択肢が指す（同じ field に入力が複数あるので、id は選択肢ごとに分ける）。
+* The group is a `radiogroup` named by its label (`aria-labelledby`). Each option is a `radio` (named by the option's `label`),
+* and each option points to the description and the error (one field holds several inputs, so ids are separated per option).
 */
 function RadioGroup({ label, required, description, helpText, wrapperClassName, ...rest }) {
 	return /* @__PURE__ */ jsxs(FormItem, {

package/dist/native/form/select.d.ts

@@ -5,8 +5,8 @@ export type SelectProps = FieldInputProps & {
   options: (SelectOption | SelectOptionGroup)[];
 };
 /**
- * TanStack Form 統合の Select。web の `form/select` と同じ props（制御モードは持たない。制御版は `atom/select`）。
- * 値は field context から取る。placeholder の既定は web と同じ「選択してください」。
+ * Select integrated with TanStack Form. Same props as the web `form/select` (no controlled mode; use `atom/select` for a controlled version).
+ * The value comes from the field context. The default placeholder is the same as web's, "選択してください" ("Please select").
  */
 export declare function Select({ label, required, description, helpText, placeholder, disabled, debounce, options, className, wrapperClassName }: SelectProps): import("react").JSX.Element;
 //#endregion

package/dist/native/form/select.js

@@ -6,8 +6,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/native/form/select.tsx
 /**
-* TanStack Form 統合の Select。web の `form/select` と同じ props（制御モードは持たない。制御版は `atom/select`）。
-* 値は field context から取る。placeholder の既定は web と同じ「選択してください」。
+* Select integrated with TanStack Form. Same props as the web `form/select` (no controlled mode; use `atom/select` for a controlled version).
+* The value comes from the field context. The default placeholder is the same as web's, "選択してください" ("Please select").
 */
 function Select({ label, required, description, helpText, placeholder = SELECT_PLACEHOLDER_LABEL, disabled, debounce, options, className, wrapperClassName }) {
 	const [value, setValue] = useFieldValue({ debounce });

package/dist/native/form/slider.d.ts

@@ -7,8 +7,8 @@ export type SliderProps = FieldInputProps & {
   formattedValue?: string;
 };
 /**
- * TanStack Form 統合の Slider。web の `form/slider` に対応する（単一値のみ。範囲は native に無い）。
- * ラベルと現在値の行は `atom/slider` が持つ。制御版が必要なら `atom/slider` を使う。
+ * Slider integrated with TanStack Form. Corresponds to the web `form/slider` (single value only; ranges do not exist on native).
+ * The label and current-value row belongs to `atom/slider`. Use `atom/slider` if you need a controlled version.
  */
 export declare function Slider({ label, required, description, helpText, disabled, debounce, min, max, step, formattedValue, className, wrapperClassName }: SliderProps): import("react").JSX.Element;
 //#endregion

package/dist/native/form/slider.js

@@ -5,8 +5,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/native/form/slider.tsx
 /**
-* TanStack Form 統合の Slider。web の `form/slider` に対応する（単一値のみ。範囲は native に無い）。
-* ラベルと現在値の行は `atom/slider` が持つ。制御版が必要なら `atom/slider` を使う。
+* Slider integrated with TanStack Form. Corresponds to the web `form/slider` (single value only; ranges do not exist on native).
+* The label and current-value row belongs to `atom/slider`. Use `atom/slider` if you need a controlled version.
 */
 function Slider({ label, required, description, helpText, disabled, debounce, min, max, step, formattedValue, className, wrapperClassName }) {
 	const [value, setValue] = useFieldValue({ debounce });

package/dist/native/form/switch.d.ts

@@ -2,8 +2,8 @@ import { BaseInputProps } from "../../shared/form.js";
 //#region src/native/form/switch.d.ts
 export type SwitchProps = BaseInputProps<boolean>;
 /**
- * TanStack Form 統合の Switch。web の `form/switch` と同じく「ラベル左・スイッチ右」の 1 行で並べる。
- * `value` / `onValueChange` を渡せば制御モード（field を使わない）、省略すれば field context から取る。
+ * Switch integrated with TanStack Form. Like the web `form/switch`, it lays out a single row: label on the left, switch on the right.
+ * Pass `value` / `onValueChange` for controlled mode (the field is not used); omit them to read from the field context.
  */
 export declare function Switch(props: SwitchProps): import("react").JSX.Element;
 //#endregion

package/dist/native/form/switch.js

@@ -6,8 +6,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/native/form/switch.tsx
 /**
-* TanStack Form 統合の Switch。web の `form/switch` と同じく「ラベル左・スイッチ右」の 1 行で並べる。
-* `value` / `onValueChange` を渡せば制御モード（field を使わない）、省略すれば field context から取る。
+* Switch integrated with TanStack Form. Like the web `form/switch`, it lays out a single row: label on the left, switch on the right.
+* Pass `value` / `onValueChange` for controlled mode (the field is not used); omit them to read from the field context.
 */
 function Switch(props) {
 	if (props.value !== void 0 && props.onValueChange !== void 0) return /* @__PURE__ */ jsx(Layout, {

package/dist/native/form/text-area.d.ts

@@ -1,11 +1,11 @@
 import { FieldInputProps } from "../../shared/form.js";
 //#region src/native/form/text-area.d.ts
 export type TextareaProps = FieldInputProps & {
-  /** 表示行数の目安（既定 5 行 ≒ web の min-h-[200px]）。 */
+  /** Approximate number of visible lines (default 5 ≈ web's min-h-[200px]). */
   numberOfLines?: number;
 };
 /**
- * TanStack Form 統合の複数行入力。web の `form/text-area` に対応する。
+ * Multi-line input integrated with TanStack Form. Corresponds to the web `form/text-area`.
  */
 export declare function Textarea({ label, required, description, helpText, placeholder, disabled, debounce, className, wrapperClassName, numberOfLines, "data-testid": testID }: TextareaProps): import("react").JSX.Element;
 //#endregion

package/dist/native/form/text-area.js

@@ -7,7 +7,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/native/form/text-area.tsx
 /**
-* TanStack Form 統合の複数行入力。web の `form/text-area` に対応する。
+* Multi-line input integrated with TanStack Form. Corresponds to the web `form/text-area`.
 */
 function Textarea({ label, required, description, helpText, placeholder, disabled, debounce, className, wrapperClassName, numberOfLines = 5, "data-testid": testID }) {
 	const [value, setValue] = useFieldValue({ debounce });

package/dist/native/form/text-input.d.ts

@@ -2,17 +2,17 @@ import { TextFieldProps, TextFieldType } from "../atom/text-field.js";
 import { FieldInputProps } from "../../shared/form.js";
 //#region src/native/form/text-input.d.ts
 export type TextInputProps = FieldInputProps & {
-  /** `number` は数値キーボード + 数値としての格納に切り替える（空にすると null）。 */
+  /** `number` switches to the numeric keyboard and stores the value as a number (null when emptied). */
   type?: TextFieldType;
-  /** 自動入力の種類（web の `TextInput.autoComplete` と同じ意味。`atom/text-field` と同じ型）。 */
+  /** Autofill kind (same meaning as web's `TextInput.autoComplete`; same type as `atom/text-field`). */
   autoComplete?: TextFieldProps["autoComplete"];
   autoCapitalize?: "none" | "sentences" | "words" | "characters";
   multiline?: boolean;
 };
 /**
- * TanStack Form 統合のテキスト入力。web の `form/text-input` に対応する。
- * 値は field context から取り、`debounce` の扱いも共通の `useFieldValue` に委ねる。
- * 入力枠そのものは `atom/text-field`（web の `base/input` に相当）を使う。
+ * Text input integrated with TanStack Form. Corresponds to the web `form/text-input`.
+ * The value comes from the field context, and `debounce` handling is delegated to the shared `useFieldValue`.
+ * The input frame itself uses `atom/text-field` (the counterpart of web's `base/input`).
  */
 export declare function TextInput({ label, required, description, helpText, placeholder, disabled, debounce, className, wrapperClassName, type, autoComplete, autoCapitalize, multiline, "data-testid": testID }: TextInputProps): import("react").JSX.Element;
 //#endregion

package/dist/native/form/text-input.js

@@ -8,11 +8,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/native/form/text-input.tsx
 const DECIMAL = /^[+-]?(?:\d+\.?\d*|\.\d+)$/;
 /**
-* 数値欄の入力中の文字を読む。
-* - 前後の空白は無視し、空（`" "` を含む）は「値なし」（null）
-* - 全角の数字・記号は半角にそろえる（`１２．５` → `12.5`）。`,` は小数点として受ける（`1,5` → 1.5。ロケール）。
-*   千の区切り（`1,000`）は区別できない（1 として読む）。桁の区切りは入れない前提
-* - 読めない文字（`abc`・`-`・`0x10`・`Infinity`・桁あふれ）は `ok: false`
+* Parses the text typed into a number field.
+* - Leading and trailing whitespace is ignored, and empty input (including `" "`) means "no value" (null)
+* - Full-width digits and symbols are normalized to half-width (`１２．５` → `12.5`). `,` is accepted as the decimal point (`1,5` → 1.5; locale).
+*   Thousands separators (`1,000`) cannot be told apart (read as 1); digit grouping is assumed not to be entered
+* - Unreadable text (`abc`, `-`, `0x10`, `Infinity`, overflow) yields `ok: false`
 */
 function parseNumber(text) {
 	const normalized = text.normalize("NFKC").replaceAll("−", "-").replace(",", ".").trim();
@@ -28,9 +28,9 @@ function parseNumber(text) {
 	} : { ok: false };
 }
 /**
-* TanStack Form 統合のテキスト入力。web の `form/text-input` に対応する。
-* 値は field context から取り、`debounce` の扱いも共通の `useFieldValue` に委ねる。
-* 入力枠そのものは `atom/text-field`（web の `base/input` に相当）を使う。
+* Text input integrated with TanStack Form. Corresponds to the web `form/text-input`.
+* The value comes from the field context, and `debounce` handling is delegated to the shared `useFieldValue`.
+* The input frame itself uses `atom/text-field` (the counterpart of web's `base/input`).
 */
 function TextInput({ label, required, description, helpText, placeholder, disabled, debounce, className, wrapperClassName, type = "text", autoComplete, autoCapitalize, multiline, "data-testid": testID }) {
 	const [value, setValue, field] = useFieldValue({ debounce });

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

@@ -1,25 +1,25 @@
 import { ReactNode } from "react";
 //#region src/native/layout/accordion.d.ts
 export type AccordionEntry = {
-  /** 項目の識別子。 */
+  /** Item identifier. */
   value: string;
   trigger: ReactNode;
   content: ReactNode;
 };
 export type AccordionProps = {
   items: AccordionEntry[];
-  /** `single` は 1 つだけ開く、`multiple` は複数同時に開ける。 */
+  /** `single` opens one item at a time; `multiple` allows several open at once. */
   type?: "single" | "multiple";
   defaultValue?: string[];
   className?: string;
   itemClassName?: string;
-  /** 開閉の行（トリガー）に付ける追加のクラス。 */
+  /** Extra classes for the open/close row (the trigger). */
   triggerClassName?: string;
   contentClassName?: string;
 };
 /**
- * `@lt-three/web` の layout/accordion と同じ「items を渡すだけ」のデータ駆動アコーディオン。
- * 区切りは 1px のヘアラインのみで、開閉のシェブロンだけが動く。
+ * A data-driven accordion, like the web `layout/accordion`: just pass `items`.
+ * Dividers are 1px hairlines only, and only the open/close chevron animates.
  */
 export declare function Accordion({ items, type, defaultValue, className, itemClassName, triggerClassName, contentClassName }: AccordionProps): import("react").JSX.Element;
 //#endregion

package/dist/native/layout/accordion.js

@@ -9,8 +9,8 @@ import Feather from "@expo/vector-icons/Feather";
 //#region src/native/layout/accordion.tsx
 if (Platform.OS === "android" && UIManager.setLayoutAnimationEnabledExperimental) UIManager.setLayoutAnimationEnabledExperimental(true);
 /**
-* `@lt-three/web` の layout/accordion と同じ「items を渡すだけ」のデータ駆動アコーディオン。
-* 区切りは 1px のヘアラインのみで、開閉のシェブロンだけが動く。
+* A data-driven accordion, like the web `layout/accordion`: just pass `items`.
+* Dividers are 1px hairlines only, and only the open/close chevron animates.
 */
 function Accordion({ items, type = "single", defaultValue = [], className, itemClassName, triggerClassName, contentClassName }) {
 	const [open, setOpen] = useState(defaultValue);

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

@@ -1,10 +1,10 @@
 import { ReactNode } from "react";
 //#region src/native/layout/card.d.ts
-/** 文字・数字のアクション（それ自体が読み上げ名になる）。 */
+/** A text or number action (it serves as its own spoken name). */
 type TextAction = string | number;
 /**
- * ヘッダー右端のアクション。**タップできるアクション（`actionOnPress`）が文字でない（アイコンなど）ときは、
- * 読み上げ名（`actionLabel`）が必須**（名前の無いボタンになるため）。
+ * The action at the right end of the header. **When the tappable action (`actionOnPress`) is not text (an icon, for example),
+ * a spoken name (`actionLabel`) is required** (otherwise the button would have no name).
  */
 type CardActionProps = {
   action?: undefined;
@@ -26,8 +26,8 @@ type CardActionProps = {
 export type CardProps = CardActionProps & {
   title?: ReactNode;
   /**
-   * タイトルを見出しにする（`role="heading"` と `aria-level`）。画面の見出し構造に入れたいときに渡す。
-   * 未指定ならただの文字（web の `headingLevel` と同じ意味）。
+   * Makes the title a heading (`role="heading"` and `aria-level`). Pass it when the title should be part of the screen's heading structure.
+   * When omitted it is plain text (same meaning as web's `headingLevel`).
    */
   headingLevel?: 2 | 3 | 4 | 5 | 6;
   description?: ReactNode;
@@ -37,10 +37,10 @@ export type CardProps = CardActionProps & {
   contentClassName?: string;
 };
 /**
- * `@lt-three/web` の layout/card と同じ「タイトル・説明・アクション・本文・フッター」の構成。
- * 外装（surface 角丸・1px の極薄の罫線・raised 面）は `Panel` が持つ。
+ * The same "title, description, action, body, footer" structure as the web `layout/card`.
+ * The shell (surface radius, a very faint 1px rule, raised surface) belongs to `Panel`.
  *
- * 中身に自前の余白や区切り線を敷きたいだけなら、素の面である `Panel` を直接使う。
+ * If you only want to lay out your own spacing and dividers inside, use `Panel`, the bare surface, directly.
  */
 export declare function Card({ title, headingLevel, description, action, actionOnPress, actionLabel, content, footer, className, contentClassName }: CardProps): import("react").JSX.Element;
 //#endregion

package/dist/native/layout/card.js

@@ -6,10 +6,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/native/layout/card.tsx
 /**
-* `@lt-three/web` の layout/card と同じ「タイトル・説明・アクション・本文・フッター」の構成。
-* 外装（surface 角丸・1px の極薄の罫線・raised 面）は `Panel` が持つ。
+* The same "title, description, action, body, footer" structure as the web `layout/card`.
+* The shell (surface radius, a very faint 1px rule, raised surface) belongs to `Panel`.
 *
-* 中身に自前の余白や区切り線を敷きたいだけなら、素の面である `Panel` を直接使う。
+* If you only want to lay out your own spacing and dividers inside, use `Panel`, the bare surface, directly.
 */
 function Card({ title, headingLevel, description, action, actionOnPress, actionLabel, content, footer, className, contentClassName }) {
 	const hasHeader = !!title || !!description || !!action;

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

@@ -9,8 +9,8 @@ export type DescriptionProps = {
   sections: DescriptionSection[];
 };
 /**
- * 見出し + 本文のセクションを 1px 罫線で区切って積む。
- * `@lt-three/web` の layout/description に対応する（利用規約・説明画面など）。
+ * Stacks heading + body sections separated by 1px rules.
+ * Corresponds to the web `layout/description` (terms of service, explanation screens, etc.).
  */
 export declare function Description({ sections }: DescriptionProps): import("react").JSX.Element;
 //#endregion

package/dist/native/layout/description.js

@@ -6,8 +6,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/native/layout/description.tsx
 /**
-* 見出し + 本文のセクションを 1px 罫線で区切って積む。
-* `@lt-three/web` の layout/description に対応する（利用規約・説明画面など）。
+* Stacks heading + body sections separated by 1px rules.
+* Corresponds to the web `layout/description` (terms of service, explanation screens, etc.).
 */
 function Description({ sections }) {
 	return /* @__PURE__ */ jsx(View, {

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

@@ -1,6 +1,6 @@
 //#region src/native/layout/error.d.ts
 export type ErrorViewProps = {
-  /** 表示文言。共有パッケージなので使用側が持つ（i18n を持ち込まない）。 */
+  /** Display text. This is a shared package, so the caller owns it (no i18n is brought in). */
   labels: {
     title: string;
     description?: string;
@@ -8,14 +8,14 @@ export type ErrorViewProps = {
   };
   onRetry: () => void;
   /**
-   * 既定は画面いっぱいに中央寄せする。スクロール内の一部として差し込むときは
-   * `h-full` が解決できないので、`className` で高さの指定を上書きする。
+   * By default it fills the screen and centers its content. When inserted as part of scrolling content,
+   * `h-full` cannot be resolved, so override the height with `className`.
    */
   className?: string;
 };
 /**
- * エラー時の画面。`@lt-three/web` の layout/error（ErrorComponent）に対応する。
- * `once/error-boundary` の中身としても使う。
+ * The screen shown on error.
+ * It is also used as the content of `once/error-boundary`.
  */
 export declare function ErrorView({ labels, onRetry, className }: ErrorViewProps): import("react").JSX.Element;
 //#endregion

package/dist/native/layout/error.js

@@ -8,8 +8,8 @@ import Feather from "@expo/vector-icons/Feather";
 
 //#region src/native/layout/error.tsx
 /**
-* エラー時の画面。`@lt-three/web` の layout/error（ErrorComponent）に対応する。
-* `once/error-boundary` の中身としても使う。
+* The screen shown on error.
+* It is also used as the content of `once/error-boundary`.
 */
 function ErrorView({ labels, onRetry, className }) {
 	const ink = useTokenColor("--ink-1000");

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

@@ -11,15 +11,15 @@ export type InformationField = {
 };
 export type InformationProps = {
   fields: InformationField[];
-  /** 値を大きめに出す（詳細画面のヘッダー等）。 */
+  /** Shows values larger (for a detail screen header, etc.). */
   highlighted?: boolean;
   className?: string;
 };
 /**
- * ラベルと値を並べる定義リスト。`@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).
  */
 export declare function Information({ fields, highlighted, className }: InformationProps): import("react").JSX.Element;
 //#endregion