@lt-three/love3 0.1.0 → 0.1.1

package/dist/native/atom/image.d.ts

@@ -1,21 +1,21 @@
 //#region src/native/atom/image.d.ts
 export type ImageWithLoaderProps = {
   src: string;
-  /** スクリーンリーダー向けの説明。web の `alt` に対応する。 */
+  /** Description for screen readers. Corresponds to the web `alt`. */
   alt: string;
-  /** タップで全画面表示にする（既定 true）。 */
+  /** Opens a full-screen view on tap (default true). */
   expandable?: boolean;
-  /** 読み込み失敗時に出す文言。共有パッケージなので文言は使用側が持つ。 */
+  /** Text shown when loading fails. This is a shared package, so consumers own the wording. */
   errorText?: string;
-  /** 拡大するボタンの読み上げ名。 */
+  /** Screen reader name of the expand button. */
   expandLabel?: string;
-  /** 拡大表示を閉じるボタンの読み上げ名。 */
+  /** Screen reader name of the button that closes the expanded view. */
   closeLabel?: string;
   className?: string;
 };
 /**
- * 読み込み中はスケルトン、失敗時はプレースホルダを出す画像。
- * `@lt-three/web` の atom/image（ImageWithLoader）に対応する。
+ * An image that shows a skeleton while loading and a placeholder on failure.
+ * Mirrors the web atom/image (ImageWithLoader).
  */
 export declare function ImageWithLoader({ src, alt, expandable, errorText, expandLabel, closeLabel, className }: ImageWithLoaderProps): import("react").JSX.Element;
 //#endregion

package/dist/native/atom/image.js

@@ -8,8 +8,8 @@ import { Image } from "expo-image";
 
 //#region src/native/atom/image.tsx
 /**
-* 読み込み中はスケルトン、失敗時はプレースホルダを出す画像。
-* `@lt-three/web` の atom/image（ImageWithLoader）に対応する。
+* An image that shows a skeleton while loading and a placeholder on failure.
+* Mirrors the web atom/image (ImageWithLoader).
 */
 function ImageWithLoader({ src, alt, expandable = true, errorText = "画像の読み込みに失敗しました", expandLabel = "画像を拡大する", closeLabel = "閉じる", className }) {
 	const [status, setStatus] = useState("loading");

package/dist/native/atom/label.d.ts

@@ -2,17 +2,17 @@ import { ReactNode } from "react";
 //#region src/native/atom/label.d.ts
 export type LabelProps = {
   children: ReactNode;
-  /** 必須マーク（`*`）を付ける。 */
+  /** Adds the required mark (`*`). */
   required?: boolean;
-  /** ラベルの右に添える補足。 */
+  /** Supplementary text placed to the right of the label. */
   helpText?: ReactNode;
   className?: string;
-  /** 文字の部分の `id`。入力の `aria-labelledby` から指す（必須の `*` と補足は名前に含めない）。 */
+  /** The `id` of the text part. Point to it from the input's `aria-labelledby` (the required `*` and the supplementary text are not part of the name). */
   id?: string;
 };
 /**
- * `@lt-three/web` の base/label と同じ見た目のラベル。
- * web の `htmlFor` に相当するものは RN に無いので、タップでの入力フォーカス連動は持たない。
+ * A label that looks the same as the web base/label.
+ * RN has no equivalent of the web's `htmlFor`, so tapping the label does not move focus to the input.
  */
 export declare function Label({ children, required, helpText, className, id }: LabelProps): import("react").JSX.Element;
 //#endregion

package/dist/native/atom/label.js

@@ -5,8 +5,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/native/atom/label.tsx
 /**
-* `@lt-three/web` の base/label と同じ見た目のラベル。
-* web の `htmlFor` に相当するものは RN に無いので、タップでの入力フォーカス連動は持たない。
+* A label that looks the same as the web base/label.
+* RN has no equivalent of the web's `htmlFor`, so tapping the label does not move focus to the input.
 */
 function Label({ children, required, helpText, className, id }) {
 	return /* @__PURE__ */ jsxs(View, {

package/dist/native/atom/link.d.ts

@@ -6,13 +6,13 @@ export type LinkProps = ComponentProps<typeof Link$1> & {
   children: ReactNode;
 };
 /**
- * expo-router の `Link` にスタイルを当てたもの。`@lt-three/web` の atom/link
- * （TanStack Router の `Link` をラップ）に対応する。`href` の型はルーター側のものを保つ。
+ * A styled expo-router `Link`. Mirrors the web atom/link
+ * (which wraps TanStack Router's `Link`). The `href` type stays the router's own.
  *
- * 文字色は `text-foreground`（移植元は色を持たず、親が色を渡さないとダークで黒のまま背景に沈む）。className で上書きできる。
+ * The text color is `text-foreground` (without a color of its own, the link would stay black on a dark background unless the parent passed one). It can be overridden via className.
  *
- * expo-router のナビゲーションツリーの中でしか描画できないため、実機では story を持たない
- * （`base/` を Storybook から外しているのと同じ理由）。preview・vitest は `<a href>` の差し替え（`web/expo-router.tsx`）で描く。
+ * It can only render inside an expo-router navigation tree, so it has no story on a device
+ * (the same reason `base/` is excluded from Storybook). Previews and vitest render it by substituting `<a href>` (`web/expo-router.tsx`).
  */
 export declare function Link({ disabled, className, children, ...props }: LinkProps): import("react").JSX.Element;
 //#endregion

package/dist/native/atom/link.js

@@ -4,13 +4,13 @@ import { Link as Link$1 } from "expo-router";
 
 //#region src/native/atom/link.tsx
 /**
-* expo-router の `Link` にスタイルを当てたもの。`@lt-three/web` の atom/link
-* （TanStack Router の `Link` をラップ）に対応する。`href` の型はルーター側のものを保つ。
+* A styled expo-router `Link`. Mirrors the web atom/link
+* (which wraps TanStack Router's `Link`). The `href` type stays the router's own.
 *
-* 文字色は `text-foreground`（移植元は色を持たず、親が色を渡さないとダークで黒のまま背景に沈む）。className で上書きできる。
+* The text color is `text-foreground` (without a color of its own, the link would stay black on a dark background unless the parent passed one). It can be overridden via className.
 *
-* expo-router のナビゲーションツリーの中でしか描画できないため、実機では story を持たない
-* （`base/` を Storybook から外しているのと同じ理由）。preview・vitest は `<a href>` の差し替え（`web/expo-router.tsx`）で描く。
+* It can only render inside an expo-router navigation tree, so it has no story on a device
+* (the same reason `base/` is excluded from Storybook). Previews and vitest render it by substituting `<a href>` (`web/expo-router.tsx`).
 */
 function Link({ disabled, className, children, ...props }) {
 	return /* @__PURE__ */ jsx(Link$1, {

package/dist/native/atom/readout.d.ts

@@ -1,22 +1,22 @@
 //#region src/native/atom/readout.d.ts
 export type ReadoutProps = {
-  /** オールキャップスのメトリクス名（例: NET PROFIT）。 */
+  /** Metric name in all caps (e.g. NET PROFIT). */
   label: string;
   value: string;
   /**
-   * 数値の色。損益の gain/loss のように**テーマ非依存で意味が固定された色**を
-   * 呼び出し側が渡す用途に限る。未指定なら `text-foreground`。
+   * The value color. Reserved for callers passing a **theme-independent color with a fixed meaning**,
+   * such as gain/loss. Defaults to `text-foreground`.
    */
   valueColor?: string;
   sub?: string;
-  /** 大型（詳細ヘッダ用）か通常か。 */
+  /** Large (for detail headers) or regular. */
   size?: "md" | "lg";
   className?: string;
 };
 /**
- * 計器的な読み取り値。`@lt-three/web` の MetricCard の内側に揃えた
- * 「オールキャップスのミュートラベル + 大型の太字数値 + 補助テキスト」の 3 段構成。
- * 数値は等幅（Geist Mono + タブラー）にして桁を揃える。
+ * An instrument-style readout, matching the inside of the web MetricCard:
+ * three tiers of an all-caps muted label, a large bold number and secondary text.
+ * The number is monospaced (Geist Mono + tabular) so the digits line up.
  */
 export declare function Readout({ label, value, valueColor, sub, size, className }: ReadoutProps): import("react").JSX.Element;
 //#endregion

package/dist/native/atom/readout.js

@@ -6,9 +6,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/native/atom/readout.tsx
 /**
-* 計器的な読み取り値。`@lt-three/web` の MetricCard の内側に揃えた
-* 「オールキャップスのミュートラベル + 大型の太字数値 + 補助テキスト」の 3 段構成。
-* 数値は等幅（Geist Mono + タブラー）にして桁を揃える。
+* An instrument-style readout, matching the inside of the web MetricCard:
+* three tiers of an all-caps muted label, a large bold number and secondary text.
+* The number is monospaced (Geist Mono + tabular) so the digits line up.
 */
 function Readout({ label, value, valueColor, sub, size = "md", className }) {
 	return /* @__PURE__ */ jsxs(View, {

package/dist/native/atom/search-input.d.ts

@@ -5,8 +5,8 @@ export type SearchInputProps = {
   placeholder: string;
 };
 /**
- * 検索入力。`@lt-three/web` の SearchInput に合わせ、control 角丸・ソフトな面・
- * 先頭の検索アイコンという同じ構成にする（Liquid Glass のカプセルは使わない）。
+ * A search input. Matches the web SearchInput with the same structure: control corner radius, a soft surface,
+ * and a leading search icon (no Liquid Glass capsule).
  */
 export declare function SearchInput({ value, onChangeText, placeholder }: SearchInputProps): import("react").JSX.Element;
 //#endregion

package/dist/native/atom/search-input.js

@@ -5,8 +5,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/native/atom/search-input.tsx
 /**
-* 検索入力。`@lt-three/web` の SearchInput に合わせ、control 角丸・ソフトな面・
-* 先頭の検索アイコンという同じ構成にする（Liquid Glass のカプセルは使わない）。
+* A search input. Matches the web SearchInput with the same structure: control corner radius, a soft surface,
+* and a leading search icon (no Liquid Glass capsule).
 */
 function SearchInput({ value, onChangeText, placeholder }) {
 	const mutedInk = useTokenColor("--ink-500");

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

@@ -19,36 +19,36 @@ export type SelectProps = ControlA11yProps & {
   description?: ReactNode;
   helpText?: ReactNode;
   disabled?: boolean;
-  /** エラー。トリガーの罫線が destructive になり、`aria-invalid` が付く（フォームの中では `FormControl` が渡す `aria-invalid` でも同じ）。 */
+  /** Error state. The trigger's border becomes destructive and `aria-invalid` is set (inside a form, the `aria-invalid` passed by `FormControl` has the same effect). */
   invalid?: boolean;
   size?: "xs" | "sm" | "default";
-  /** 開閉の制御（省略時は内部状態）。 */
+  /** Controls open/closed (internal state when omitted). */
   open?: boolean;
   onOpenChange?: (open: boolean) => void;
-  /** ピッカーの見出し（省略時は `label`、無ければ `placeholder`）。ダイアログの名前になる。 */
+  /** The picker heading (falls back to `label`, then `placeholder`). It becomes the dialog's name. */
   sheetTitle?: ReactNode;
-  /** ピッカーの閉じるボタンの読み上げ名（既定は「閉じる」）。 */
+  /** Screen reader name of the picker's close button (the default is the Japanese "close" label). */
   closeLabel?: string;
   /**
-   * トリガーの名前（可視のラベルが無いとき。`label` が文字列ならそれが既定）。読み上げは「名前、現在の値」になる
-   * （トリガーは押すとシートが開くボタンなので、値も名前に含めて読ませる）。
+   * The trigger's name (when there is no visible label; a string `label` is the default). It is read as "name, current value"
+   * (the trigger is a button that opens a sheet, so the value is included in the name).
    */
   accessibilityLabel?: string;
-  /** form 側でエラーを差し込むためのスロット。 */
+  /** Slot for the form to insert an error. */
   errorSlot?: ReactNode;
   className?: string;
   wrapperClassName?: string;
 };
 /**
- * 制御専用の Select。`@lt-three/web` の atom/select と同じ API（フラット / グループのオプション、
- * ラベル・説明・エラースロット・`open` / `onOpenChange`）を持つ。検索は web にも移植元にも無い。
+ * A controlled-only Select. It has the same API as the web atom/select (flat / grouped options,
+ * label, description, error slot, `open` / `onOpenChange`). There is no search, just like on the web.
  *
- * web は Radix のポップオーバーだが、native は下から出るシート（`Modal`）で選ばせる。
- * トリガーの見た目は web の入力枠（control 角丸・1px の line-strong 枠・raised 面）に揃えてある。
+ * The web uses a Radix popover, but native lets the user choose in a bottom sheet (`Modal`).
+ * The trigger looks the same as the web input frame (control corner radius, 1px line-strong border, raised surface).
  *
- * アクセシビリティ: トリガーは `button`（`aria-expanded`）で、web の `combobox` ではない（押すと**ダイアログ**が開くため）。
- * 名前は「ラベル 現在の値」。シートはダイアログで、見出し（`sheetTitle`）が名前。選択肢は `radiogroup` の `radio`
- * （`aria-checked`。グループは見出しで名前を付けた radiogroup）。
+ * Accessibility: the trigger is a `button` (`aria-expanded`), not the web's `combobox` (pressing it opens a **dialog**).
+ * Its name is "label, current value". The sheet is a dialog whose name is the heading (`sheetTitle`). The options are `radio`s in a `radiogroup`
+ * (`aria-checked`; each group is a radiogroup named by its heading).
  */
 export declare function Select({ value, onValueChange, options, placeholder, label, required, description, helpText, disabled, invalid, size, open, onOpenChange, sheetTitle, closeLabel, accessibilityLabel, errorSlot, className, wrapperClassName, id, accessibilityHint, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid }: SelectProps): import("react").JSX.Element;
 //#endregion

package/dist/native/atom/select.js

@@ -22,7 +22,7 @@ function isOptionGroup(option) {
 function flatten(options) {
 	return options.flatMap((option) => isOptionGroup(option) ? option.options : [option]);
 }
-/** グループでない選択肢の連続を 1 つの塊にする（それぞれを 1 つの radiogroup にするため）。 */
+/** Groups consecutive non-group options into one segment (so that each becomes a single radiogroup). */
 function toSegments(options) {
 	const segments = [];
 	for (const option of options) {
@@ -43,15 +43,15 @@ function toSegments(options) {
 	return segments;
 }
 /**
-* 制御専用の Select。`@lt-three/web` の atom/select と同じ API（フラット / グループのオプション、
-* ラベル・説明・エラースロット・`open` / `onOpenChange`）を持つ。検索は web にも移植元にも無い。
+* A controlled-only Select. It has the same API as the web atom/select (flat / grouped options,
+* label, description, error slot, `open` / `onOpenChange`). There is no search, just like on the web.
 *
-* web は Radix のポップオーバーだが、native は下から出るシート（`Modal`）で選ばせる。
-* トリガーの見た目は web の入力枠（control 角丸・1px の line-strong 枠・raised 面）に揃えてある。
+* The web uses a Radix popover, but native lets the user choose in a bottom sheet (`Modal`).
+* The trigger looks the same as the web input frame (control corner radius, 1px line-strong border, raised surface).
 *
-* アクセシビリティ: トリガーは `button`（`aria-expanded`）で、web の `combobox` ではない（押すと**ダイアログ**が開くため）。
-* 名前は「ラベル 現在の値」。シートはダイアログで、見出し（`sheetTitle`）が名前。選択肢は `radiogroup` の `radio`
-* （`aria-checked`。グループは見出しで名前を付けた radiogroup）。
+* Accessibility: the trigger is a `button` (`aria-expanded`), not the web's `combobox` (pressing it opens a **dialog**).
+* Its name is "label, current value". The sheet is a dialog whose name is the heading (`sheetTitle`). The options are `radio`s in a `radiogroup`
+* (`aria-checked`; each group is a radiogroup named by its heading).
 */
 function Select({ value, onValueChange, options, placeholder, label, required, description, helpText, disabled, invalid, size = "default", open, onOpenChange, sheetTitle, closeLabel, accessibilityLabel, errorSlot, className, wrapperClassName, id, accessibilityHint, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid }) {
 	const [internalOpen, setInternalOpen] = useState(false);

package/dist/native/atom/separator.d.ts

@@ -4,10 +4,9 @@ export type SeparatorProps = {
   className?: string;
 };
 /**
- * 1px の区切り線。`@lt-three/web` の base/separator と同じ役割。
+ * A 1px divider line. Same role as the web base/separator.
  *
- * 色は `bg-border` ではなく `bg-line` を使う（`--border` は畳み込みでダークに追従しないことがある。
- * `.claude/rules/packages/ts/index.md` 参照）。
+ * Use `bg-line` rather than `bg-border` for the color (`--border` can fail to follow dark mode after its value is folded).
  */
 export declare function Separator({ orientation, className }: SeparatorProps): import("react").JSX.Element;
 //#endregion

package/dist/native/atom/separator.js

@@ -4,10 +4,9 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/native/atom/separator.tsx
 /**
-* 1px の区切り線。`@lt-three/web` の base/separator と同じ役割。
+* A 1px divider line. Same role as the web base/separator.
 *
-* 色は `bg-border` ではなく `bg-line` を使う（`--border` は畳み込みでダークに追従しないことがある。
-* `.claude/rules/packages/ts/index.md` 参照）。
+* Use `bg-line` rather than `bg-border` for the color (`--border` can fail to follow dark mode after its value is folded).
 */
 function Separator({ orientation = "horizontal", className }) {
 	return /* @__PURE__ */ jsx(View, { className: cn("bg-line shrink-0", orientation === "horizontal" ? "h-px w-full" : "h-full w-px", className) });

package/dist/native/atom/skeleton.d.ts

@@ -3,10 +3,10 @@ export type SkeletonProps = {
   className?: string;
 };
 /**
- * 読み込み中のプレースホルダ。`@lt-three/web` の base/skeleton と同じ薄い面 + 明滅。
+ * A loading placeholder. The same pale surface + pulse as the web base/skeleton.
  *
- * web は `animate-pulse`（CSS アニメーション）だが、native は CSS アニメーションの対応状況に
- * 依存させたくないので `Animated` で同じ 2 秒周期の明滅を作る。
+ * The web uses `animate-pulse` (a CSS animation), but native should not depend on
+ * CSS animation support, so `Animated` produces the same 2-second pulse.
  */
 export declare function Skeleton({ className }: SkeletonProps): import("react").JSX.Element;
 //#endregion

package/dist/native/atom/skeleton.js

@@ -5,10 +5,10 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/native/atom/skeleton.tsx
 /**
-* 読み込み中のプレースホルダ。`@lt-three/web` の base/skeleton と同じ薄い面 + 明滅。
+* A loading placeholder. The same pale surface + pulse as the web base/skeleton.
 *
-* web は `animate-pulse`（CSS アニメーション）だが、native は CSS アニメーションの対応状況に
-* 依存させたくないので `Animated` で同じ 2 秒周期の明滅を作る。
+* The web uses `animate-pulse` (a CSS animation), but native should not depend on
+* CSS animation support, so `Animated` produces the same 2-second pulse.
 */
 function Skeleton({ className }) {
 	const opacity = useRef(new Animated.Value(1)).current;

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

@@ -12,21 +12,21 @@ export type SliderProps = NamedControlA11yProps & {
   description?: ReactNode;
   helpText?: ReactNode;
   disabled?: boolean;
-  /** 値の右側に表示する整形済み文字列。省略時は生の数値。 */
+  /** Formatted string shown to the right of the value. Defaults to the raw number. */
   formattedValue?: string;
-  /** 読み上げ名。`label` が文字列ならそれを使うので、文字列でないときだけ渡す。 */
+  /** Name for screen readers. A string `label` is used as-is, so pass this only when `label` is not a string. */
   accessibilityLabel?: string;
   className?: string;
-  /** ラベルの文字のクラス（フォームがエラーのとき destructive にする）。 */
+  /** Class for the label text (made destructive when the form has an error). */
   labelClassName?: string;
   wrapperClassName?: string;
   errorSlot?: ReactNode;
 };
 /**
- * 制御専用の Slider。`@lt-three/web` の atom/slider と同じ「ラベル行 + 右端に現在値」の構成。
+ * A controlled-only Slider. Same layout as the web atom/slider: a label row with the current value at the right end.
  *
- * web は Radix の内部表現に合わせて範囲（`number[]`）も取れるが、
- * `@react-native-community/slider` は単一つまみのみなので native は単一値だけを扱う。
+ * The web also accepts a range (`number[]`) to match Radix's internal representation,
+ * but `@react-native-community/slider` has a single thumb only, so native handles a single value only.
  */
 export declare function Slider({ value, onValueChange, min, max, step, label, required, description, helpText, disabled, formattedValue, accessibilityLabel, accessibilityHint, className, labelClassName, wrapperClassName, errorSlot, id, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid }: SliderProps): import("react").JSX.Element;
 //#endregion

package/dist/native/atom/slider.js

@@ -9,10 +9,10 @@ import SliderPrimitive from "@react-native-community/slider";
 
 //#region src/native/atom/slider.tsx
 /**
-* 制御専用の Slider。`@lt-three/web` の atom/slider と同じ「ラベル行 + 右端に現在値」の構成。
+* A controlled-only Slider. Same layout as the web atom/slider: a label row with the current value at the right end.
 *
-* web は Radix の内部表現に合わせて範囲（`number[]`）も取れるが、
-* `@react-native-community/slider` は単一つまみのみなので native は単一値だけを扱う。
+* The web also accepts a range (`number[]`) to match Radix's internal representation,
+* but `@react-native-community/slider` has a single thumb only, so native handles a single value only.
 */
 function Slider({ value, onValueChange, min = 0, max, step, label, required, description, helpText, disabled, formattedValue, accessibilityLabel, accessibilityHint, className, labelClassName, wrapperClassName, errorSlot, id, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid }) {
 	const action = useTokenColor("--action");

package/dist/native/atom/spinner.d.ts

@@ -1,15 +1,15 @@
 //#region src/native/atom/spinner.d.ts
 export type SpinnerProps = {
-  /** 親いっぱいに広げて中央寄せする。 */
+  /** Fills the parent and centers the spinner. */
   full?: boolean;
   size?: "small" | "large";
-  /** 読み上げ名。既定は「読み込み中」。 */
+  /** Name for screen readers. Defaults to the "loading" label. */
   label?: string;
   className?: string;
 };
 /**
- * 読み込みインジケータ。`@lt-three/web` の atom/spinner と同じ `full` の振る舞いを持つ。
- * 見た目は OS 標準のスピナー（web の lucide の回転アイコンに対応する native の作法）。
+ * Loading indicator. Its `full` behavior is the same as the web atom/spinner.
+ * It looks like the OS-standard spinner (the native counterpart of the web's rotating lucide icon).
  */
 export declare function Spinner({ full, size, label, className }: SpinnerProps): import("react").JSX.Element;
 //#endregion

package/dist/native/atom/spinner.js

@@ -6,8 +6,8 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/native/atom/spinner.tsx
 /**
-* 読み込みインジケータ。`@lt-three/web` の atom/spinner と同じ `full` の振る舞いを持つ。
-* 見た目は OS 標準のスピナー（web の lucide の回転アイコンに対応する native の作法）。
+* Loading indicator. Its `full` behavior is the same as the web atom/spinner.
+* It looks like the OS-standard spinner (the native counterpart of the web's rotating lucide icon).
 */
 function Spinner({ full, size = "small", label = LOADING_LABEL, className }) {
 	const ink = useTokenColor("--ink-1000");

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

@@ -4,15 +4,15 @@ export type SwitchProps = ControlA11yProps & {
   checked: boolean;
   onCheckedChange: (checked: boolean) => void;
   disabled?: boolean;
-  /** 読み上げ用の名前。スイッチ単体には文字が無いので、隣にラベルを置く使い方では必ず渡す。 */
+  /** Name for screen readers. The switch itself has no text, so always pass it when a label is placed next to it. */
   accessibilityLabel?: string;
   className?: string;
 };
 /**
- * `@lt-three/web` の base/switch と同じ丸いスイッチ（on はインディゴ塗り、off は wash 面 + line-control の枠）。
+ * A round switch identical to the web base/switch (on is filled indigo, off is a wash surface with a line-control border).
  *
- * OS 標準のスイッチが要る場合は `base/` の `@expo/ui` 側を使う。ここは
- * 「web と同じ見た目を優先する」方針に沿った RN 実装。
+ * When the OS-standard switch is needed, use the `@expo/ui` one in `base/`. This is
+ * an RN implementation that prioritizes looking the same as the web.
  */
 export declare function Switch({ checked, onCheckedChange, disabled, accessibilityLabel, accessibilityHint, className, id, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid }: SwitchProps): import("react").JSX.Element;
 //#endregion

package/dist/native/atom/switch.js

@@ -8,10 +8,10 @@ import { jsx } from "react/jsx-runtime";
 const TRACK_PADDING = 1;
 const KNOB_TRAVEL = 19;
 /**
-* `@lt-three/web` の base/switch と同じ丸いスイッチ（on はインディゴ塗り、off は wash 面 + line-control の枠）。
+* A round switch identical to the web base/switch (on is filled indigo, off is a wash surface with a line-control border).
 *
-* OS 標準のスイッチが要る場合は `base/` の `@expo/ui` 側を使う。ここは
-* 「web と同じ見た目を優先する」方針に沿った RN 実装。
+* When the OS-standard switch is needed, use the `@expo/ui` one in `base/`. This is
+* an RN implementation that prioritizes looking the same as the web.
 */
 function Switch({ checked, onCheckedChange, disabled, accessibilityLabel, accessibilityHint, className, id, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid }) {
 	const progress = useRef(new Animated.Value(checked ? 1 : 0)).current;

package/dist/native/atom/symbol.d.ts

@@ -1,15 +1,15 @@
 import { SymbolProps } from "./symbol.types.js";
 //#region src/native/atom/symbol.d.ts
 /**
- * アイコン。iOS は SF Symbols、Android は Material Symbols で描く。
+ * An icon. Drawn with SF Symbols on iOS and Material Symbols on Android.
  *
- * **`SymbolView` に SF 名を文字列で渡すと Android では何も描かれない。**
- * 例外も警告も出ないのでアイコンだけが無言で消える（実際に Android では検索欄の虫眼鏡・
- * 設定の歯車・行の `>`・空状態のアイコンが全部消えていた）。`{ ios, android }` の形で
- * 渡したときだけ Android 実装が動くので、**アプリからは必ずこのコンポーネントを使う**。
+ * **Passing an SF name to `SymbolView` as a string draws nothing on Android.**
+ * No exception or warning is raised, so the icon silently disappears (for example the search magnifier,
+ * the settings gear, a row's `>` and empty-state icons all vanish). The Android implementation
+ * only runs when the name is passed as `{ ios, android }`, so **apps must always use this component**.
  *
- * 読み替え表は `symbol.types.ts`。表に無い SF 名は Android で描かれないため、
- * `fallback` に薄い丸を出して「アイコンがあるべき場所」を残す（詰めた見た目にしない）。
+ * The mapping table is in `symbol.types.ts`. SF names missing from the table are not drawn on Android,
+ * so `fallback` renders an empty box of the icon's size to keep the space where the icon should be (the layout does not collapse).
  */
 export declare function Symbol({ name, size, tintColor, accessibilityLabel, className, style }: SymbolProps): import("react").JSX.Element;
 //#endregion

package/dist/native/atom/symbol.js

@@ -5,15 +5,15 @@ import { SymbolView } from "expo-symbols";
 
 //#region src/native/atom/symbol.tsx
 /**
-* アイコン。iOS は SF Symbols、Android は Material Symbols で描く。
+* An icon. Drawn with SF Symbols on iOS and Material Symbols on Android.
 *
-* **`SymbolView` に SF 名を文字列で渡すと Android では何も描かれない。**
-* 例外も警告も出ないのでアイコンだけが無言で消える（実際に Android では検索欄の虫眼鏡・
-* 設定の歯車・行の `>`・空状態のアイコンが全部消えていた）。`{ ios, android }` の形で
-* 渡したときだけ Android 実装が動くので、**アプリからは必ずこのコンポーネントを使う**。
+* **Passing an SF name to `SymbolView` as a string draws nothing on Android.**
+* No exception or warning is raised, so the icon silently disappears (for example the search magnifier,
+* the settings gear, a row's `>` and empty-state icons all vanish). The Android implementation
+* only runs when the name is passed as `{ ios, android }`, so **apps must always use this component**.
 *
-* 読み替え表は `symbol.types.ts`。表に無い SF 名は Android で描かれないため、
-* `fallback` に薄い丸を出して「アイコンがあるべき場所」を残す（詰めた見た目にしない）。
+* The mapping table is in `symbol.types.ts`. SF names missing from the table are not drawn on Android,
+* so `fallback` renders an empty box of the icon's size to keep the space where the icon should be (the layout does not collapse).
 */
 function Symbol({ name, size = 20, tintColor, accessibilityLabel, className, style }) {
 	const android = SF_TO_ANDROID[name];

package/dist/native/atom/symbol.types.d.ts

@@ -2,7 +2,7 @@ import { StyleProp, ViewStyle } from "react-native";
 import { AndroidSymbol, SFSymbol } from "expo-symbols";
 //#region src/native/atom/symbol.types.d.ts
 export type SymbolProps = {
-  /** SF Symbol の名前。Android は `SF_TO_ANDROID` で Material Symbols に読み替える。 */
+  /** The SF Symbol name. On Android it is mapped to Material Symbols via `SF_TO_ANDROID`. */
   name: SFSymbol;
   size?: number;
   tintColor?: string;
@@ -11,15 +11,15 @@ export type SymbolProps = {
   style?: StyleProp<ViewStyle>;
 };
 /**
- * SF Symbol → Material Symbols（Android）の読み替え表。
+ * Mapping table from SF Symbol to Material Symbols (Android).
  *
- * **`SymbolView` は `name` を文字列で渡すと Android では何も描かない。**
- * `{ ios, android }` の形で渡したときだけ Android 実装（Material Symbols のフォント）が動く。
- * 実際、アプリ全体が SF 名の文字列を渡していたため、Android では検索欄の虫眼鏡・設定の歯車・
- * 行の `>`・空状態のアイコンが**例外も警告も無く全部消えていた**。
+ * **`SymbolView` draws nothing on Android when `name` is passed as a string.**
+ * The Android implementation (the Material Symbols font) only runs when `name` is passed as `{ ios, android }`.
+ * Passing SF names as plain strings makes icons such as the search magnifier, the settings gear,
+ * a row's `>` and empty-state icons **disappear on Android without any exception or warning**.
  *
- * **fill の有無を潰さない。** SF は `circle` / `circle.fill` の差だけで選択状態や
- * チェック済みを表している箇所があるので、Android 側も別のアイコンに割り当てる。
+ * **Do not collapse the fill distinction.** SF sometimes expresses selected or
+ * checked state only through `circle` vs `circle.fill`, so the Android side maps them to different icons.
  */
 export declare const SF_TO_ANDROID: Record<string, AndroidSymbol>;
 //#endregion

package/dist/native/atom/symbol.types.js

@@ -1,14 +1,14 @@
 //#region src/native/atom/symbol.types.ts
 /**
-* SF Symbol → Material Symbols（Android）の読み替え表。
+* Mapping table from SF Symbol to Material Symbols (Android).
 *
-* **`SymbolView` は `name` を文字列で渡すと Android では何も描かない。**
-* `{ ios, android }` の形で渡したときだけ Android 実装（Material Symbols のフォント）が動く。
-* 実際、アプリ全体が SF 名の文字列を渡していたため、Android では検索欄の虫眼鏡・設定の歯車・
-* 行の `>`・空状態のアイコンが**例外も警告も無く全部消えていた**。
+* **`SymbolView` draws nothing on Android when `name` is passed as a string.**
+* The Android implementation (the Material Symbols font) only runs when `name` is passed as `{ ios, android }`.
+* Passing SF names as plain strings makes icons such as the search magnifier, the settings gear,
+* a row's `>` and empty-state icons **disappear on Android without any exception or warning**.
 *
-* **fill の有無を潰さない。** SF は `circle` / `circle.fill` の差だけで選択状態や
-* チェック済みを表している箇所があるので、Android 側も別のアイコンに割り当てる。
+* **Do not collapse the fill distinction.** SF sometimes expresses selected or
+* checked state only through `circle` vs `circle.fill`, so the Android side maps them to different icons.
 */
 const SF_TO_ANDROID = {
 	archivebox: "archive",