@lt-three/love3 0.1.0 → 0.1.1

package/dist/web/atom/toggle-chip.d.ts

@@ -3,20 +3,20 @@ import { ReactNode } from "react";
 //#region src/web/atom/toggle-chip.d.ts
 export type ToggleChipProps = {
   children: ReactNode;
-  /** 選択されているか。選択時は `variant` が `default`（インディゴ塗り）になる。 */
+  /** Whether it is selected. When selected, `variant` becomes `default` (indigo fill). */
   pressed: boolean;
   onPressedChange: (pressed: boolean) => void;
-  /** 非選択時の見た目（既定 `outline`）。 */
+  /** Look when not selected (default `outline`). */
   inactiveVariant?: BadgeVariants;
   disabled?: boolean;
   className?: string;
 };
 /**
- * 押して選択を切り替える Badge。絞り込みのタグやアカウントの複数選択に使う。
+ * A Badge that toggles selection when pressed. Used for filter tags and multi-selecting accounts.
  *
- * `<button>` で `Badge` を包む形はアプリ側で何度も書かれていたが、`type="button"` の
- * 付け忘れや `aria-pressed` の欠落が起きやすい。押下状態の表現（インディゴ塗り）も
- * design system 側で決めるべきものなので、1 つのコンポーネントにまとめている。
+ * Wrapping a `Badge` in a `<button>` by hand makes it easy to forget `type="button"`
+ * or miss `aria-pressed`. How the pressed state looks (indigo fill) is also something
+ * the design system should decide, so it is gathered into a single component.
  */
 export declare function ToggleChip({ children, pressed, onPressedChange, inactiveVariant, disabled, className }: ToggleChipProps): import("react").JSX.Element;
 //#endregion

package/dist/web/atom/toggle-chip.js

@@ -4,11 +4,11 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/web/atom/toggle-chip.tsx
 /**
-* 押して選択を切り替える Badge。絞り込みのタグやアカウントの複数選択に使う。
+* A Badge that toggles selection when pressed. Used for filter tags and multi-selecting accounts.
 *
-* `<button>` で `Badge` を包む形はアプリ側で何度も書かれていたが、`type="button"` の
-* 付け忘れや `aria-pressed` の欠落が起きやすい。押下状態の表現（インディゴ塗り）も
-* design system 側で決めるべきものなので、1 つのコンポーネントにまとめている。
+* Wrapping a `Badge` in a `<button>` by hand makes it easy to forget `type="button"`
+* or miss `aria-pressed`. How the pressed state looks (indigo fill) is also something
+* the design system should decide, so it is gathered into a single component.
 */
 function ToggleChip({ children, pressed, onPressedChange, inactiveVariant = "outline", disabled, className }) {
 	return /* @__PURE__ */ jsx("button", {

package/dist/web/atom/tooltip.d.ts

@@ -2,21 +2,21 @@ import React from "react";
 //#region src/web/atom/tooltip.d.ts
 type Props = {
   /**
-   * ツールチップの本文。falsy のときは、ツールチップを付けず子をそのまま描画する。
-   * 「ボタンが無効のときだけ理由を出す」のように、条件つきで有効にしやすい。
+   * The tooltip body. When falsy, no tooltip is attached and the children are rendered as is.
+   * This makes it easy to enable conditionally, e.g. "show the reason only when the button is disabled".
    */
   content?: React.ReactNode;
   /**
-   * ホバーやフォーカスの対象になる要素。無効な要素は、フォーカスできる span で包んで扱う。
-   * `<button disabled>` を渡しても、ホバーとキーボードのフォーカスで本文が出る。
+   * The element that is the target of hover and focus. A disabled element is wrapped in a focusable span.
+   * Even if you pass `<button disabled>`, the body appears on hover and on keyboard focus.
    */
   children: React.ReactNode;
   side?: "top" | "right" | "bottom" | "left";
 };
 /**
- * shadcn の Tooltip を包んだ軽い部品。「トリガーが無効（押せない）ときに理由を出す」用途を想定する。
+ * A light component wrapping shadcn's Tooltip. It is meant for "showing the reason when the trigger is disabled (cannot be pressed)".
  *
- * content が空のときは、ツールチップを付けず、子をそのまま描画する。
+ * When content is empty, no tooltip is attached and the children are rendered as is.
  */
 export declare function Tooltip({ content, children, side }: Props): React.JSX.Element;
 //#endregion

package/dist/web/atom/tooltip.js

@@ -3,9 +3,9 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/web/atom/tooltip.tsx
 /**
-* shadcn の Tooltip を包んだ軽い部品。「トリガーが無効（押せない）ときに理由を出す」用途を想定する。
+* A light component wrapping shadcn's Tooltip. It is meant for "showing the reason when the trigger is disabled (cannot be pressed)".
 *
-* content が空のときは、ツールチップを付けず、子をそのまま描画する。
+* When content is empty, no tooltip is attached and the children are rendered as is.
 */
 function Tooltip({ content, children, side }) {
 	if (!content) return /* @__PURE__ */ jsx(Fragment, { children });

package/dist/web/base/accordion.js

@@ -1,7 +1,7 @@
 import { cn } from "../lib/utils.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { ChevronDownIcon } from "lucide-react";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { ChevronDownIcon } from "lucide-react";
 
 //#region src/web/base/accordion.tsx
 function Accordion({ ...props }) {

package/dist/web/base/breadcrumb.d.ts

@@ -9,7 +9,7 @@ declare function BreadcrumbLink({ asChild, className, ...props }: React$1.Compon
 declare function BreadcrumbPage({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
 declare function BreadcrumbSeparator({ children, className, ...props }: React$1.ComponentProps<"li">): React$1.JSX.Element;
 declare function BreadcrumbEllipsis({ className, moreLabel, ...props }: React$1.ComponentProps<"span"> & {
-  /** 省略された階層の読み上げ名 */
+  /** Accessible name of the omitted levels */
   moreLabel?: string;
 }): React$1.JSX.Element;
 //#endregion

package/dist/web/base/breadcrumb.js

@@ -1,5 +1,5 @@
-import { BREADCRUMB_LABEL, MORE_LEVELS_LABEL } from "../lib/labels.js";
 import { cn } from "../lib/utils.js";
+import { BREADCRUMB_LABEL, MORE_LEVELS_LABEL } from "../lib/labels.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronRight, MoreHorizontal } from "lucide-react";

package/dist/web/base/card.d.ts

@@ -2,11 +2,11 @@ import * as React$1 from "react";
 //#region src/web/base/card.d.ts
 declare function Card({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
 declare function CardHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
-/** 見出しのレベル（`<h2>`〜`<h6>`）。h1 はページに 1 つなので、カードの題には選ばせない。 */
+/** Heading level (`<h2>` to `<h6>`). There is one h1 per page, so a card title cannot choose it. */
 export type CardHeadingLevel = 2 | 3 | 4 | 5 | 6;
 /**
- * カードの題。既定は `<div>`（見出しの階層に入れない）。`headingLevel` を渡すと `<h2>`〜`<h6>` になり、見出しの階層に入る
- * （見た目は同じ。見出しの既定の余白・大きさは打ち消す）。
+ * The title of a card. Defaults to a `<div>` (not part of the heading hierarchy). Passing `headingLevel` makes it `<h2>` to `<h6>` and puts it in the heading hierarchy
+ * (it looks the same; the default margin and size of headings are cancelled).
  */
 declare function CardTitle({ className, headingLevel, ...props }: React$1.ComponentProps<"div"> & {
   headingLevel?: CardHeadingLevel;

package/dist/web/base/card.js

@@ -24,8 +24,8 @@ const HEADINGS = {
 	6: "h6"
 };
 /**
-* カードの題。既定は `<div>`（見出しの階層に入れない）。`headingLevel` を渡すと `<h2>`〜`<h6>` になり、見出しの階層に入る
-* （見た目は同じ。見出しの既定の余白・大きさは打ち消す）。
+* The title of a card. Defaults to a `<div>` (not part of the heading hierarchy). Passing `headingLevel` makes it `<h2>` to `<h6>` and puts it in the heading hierarchy
+* (it looks the same; the default margin and size of headings are cancelled).
 */
 function CardTitle({ className, headingLevel, ...props }) {
 	const classes = cn("text-base font-semibold leading-tight tracking-tight", className);

package/dist/web/base/dialog.d.ts

@@ -8,7 +8,7 @@ declare function DialogClose({ ...props }: React$1.ComponentProps<typeof DialogP
 declare function DialogOverlay({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Overlay>): React$1.JSX.Element;
 declare function DialogContent({ className, children, showCloseButton, closeLabel, onClose, onOpenAutoFocus, onCloseAutoFocus, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Content> & {
   showCloseButton?: boolean;
-  /** 閉じるボタンの読み上げ名 */
+  /** Accessible name of the close button */
   closeLabel?: string;
   onClose?: () => void;
 }): React$1.JSX.Element;

package/dist/web/base/dialog.js

@@ -1,5 +1,5 @@
-import { CLOSE_LABEL } from "../lib/labels.js";
 import { cn } from "../lib/utils.js";
+import { CLOSE_LABEL } from "../lib/labels.js";
 import { useRestoreFocus } from "../lib/restore-focus.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { XIcon } from "lucide-react";

package/dist/web/base/form.d.ts

@@ -12,26 +12,26 @@ declare const useFormField: () => {
 };
 declare function FormItem({ className, errors, ...props }: React$1.ComponentProps<"div"> & {
   /**
-   * フィールド（TanStack Form）の外で使うときのエラー。入力欄の `aria-invalid` と `aria-describedby`、
-   * ラベルの `data-error`、`FormMessage` の表示に使う。フィールドの中では不要（field のエラーを読む）。
+   * Errors for use outside a field (TanStack Form). Used for the input's `aria-invalid` and `aria-describedby`,
+   * the label's `data-error`, and the display of `FormMessage`. Not needed inside a field (it reads the field's errors).
    */
   errors?: readonly unknown[];
 }): React$1.JSX.Element;
 declare function FormLabel({ required, helpText, helpLabel, className, ...props }: {
   required?: boolean;
   helpText?: React$1.ReactNode;
-  /** ヘルプのトリガーの読み上げ名 */
+  /** Accessible name of the help trigger */
   helpLabel?: string;
 } & React$1.ComponentProps<typeof LabelPrimitive.Root>): React$1.JSX.Element;
 /**
- * 入力欄に id・aria-describedby・aria-invalid を渡す。
- * 既定の id はラベルの `htmlFor` が指す `formItemId`。**1 つの field に control が複数あるとき**（radio の選択肢など）は、
- * 同じ id が重なるので、2 つ目以降は `id` を渡して分ける（aria-describedby と aria-invalid は、どの control にも付く）。
+ * Passes id, aria-describedby and aria-invalid to the input.
+ * The default id is `formItemId`, which the label's `htmlFor` points at. **When one field has several controls** (the options of a radio, etc.),
+ * the same id would repeat, so the second and later controls pass `id` to tell them apart (aria-describedby and aria-invalid are applied to every control).
  */
 declare function FormControl({ className: _className, id, ...props }: React$1.ComponentProps<typeof Slot>): React$1.JSX.Element;
 declare function FormDescription({ className, ...props }: React$1.ComponentProps<"p">): React$1.JSX.Element;
 declare function FormMessage({ className, errors: overriddenErrors, ...props }: React$1.ComponentProps<"p"> & {
-  /** このメッセージだけに出すエラー。入力欄の aria-invalid には効かない（それは FormItem の errors） */
+  /** An error shown only in this message. It does not affect the input's aria-invalid (that comes from FormItem's errors) */
   errors?: readonly unknown[];
 }): React$1.JSX.Element | null;
 //#endregion

package/dist/web/base/form.js

@@ -1,8 +1,8 @@
 import { useOptionalFieldContext } from "../../shared/form.js";
-import { HELP_LABEL } from "../lib/labels.js";
 import { cn } from "../lib/utils.js";
-import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip.js";
+import { HELP_LABEL } from "../lib/labels.js";
 import { Field, FieldDescription, FieldError, FieldLabel } from "./field.js";
+import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip.js";
 import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CircleQuestionMark } from "lucide-react";
@@ -69,9 +69,9 @@ function FormLabel({ required, helpText, helpLabel = HELP_LABEL, className, ...p
 	});
 }
 /**
-* 入力欄に id・aria-describedby・aria-invalid を渡す。
-* 既定の id はラベルの `htmlFor` が指す `formItemId`。**1 つの field に control が複数あるとき**（radio の選択肢など）は、
-* 同じ id が重なるので、2 つ目以降は `id` を渡して分ける（aria-describedby と aria-invalid は、どの control にも付く）。
+* Passes id, aria-describedby and aria-invalid to the input.
+* The default id is `formItemId`, which the label's `htmlFor` points at. **When one field has several controls** (the options of a radio, etc.),
+* the same id would repeat, so the second and later controls pass `id` to tell them apart (aria-describedby and aria-invalid are applied to every control).
 */
 function FormControl({ className: _className, id, ...props }) {
 	const { errors, formItemId, formDescriptionId, formMessageId } = useFormField();

package/dist/web/base/pagination.d.ts

@@ -9,8 +9,8 @@ type PaginationLinkCommonProps = {
   disabled?: boolean;
 } & Pick<React$1.ComponentProps<typeof Button>, "size">;
 /**
- * `href` があればリンク（`<a>`）、**無ければボタン（`<button type="button">`）**。クライアントの状態でページを替える画面では
- * href を持たないので、`<a>` のままだとフォーカスもキーボードの操作もできない（href の無い `<a>` はリンクではない）。
+ * A link (`<a>`) when there is an `href`, **a button (`<button type="button">`) when there is not**. Screens that change pages through client state
+ * have no href, and an `<a>` left as it is can be neither focused nor operated by keyboard (an `<a>` without href is not a link).
  */
 type PaginationLinkProps = PaginationLinkCommonProps & (({
   href: string;
@@ -19,15 +19,15 @@ type PaginationLinkProps = PaginationLinkCommonProps & (({
 } & Omit<React$1.ComponentProps<"button">, "type">));
 declare function PaginationLink(props: PaginationLinkProps): React$1.JSX.Element;
 declare function PaginationPrevious({ className, previousLabel, ...props }: React$1.ComponentProps<typeof PaginationLink> & {
-  /** 読み上げ名（アイコンだけの表示なので、名前はここで付ける） */
+  /** Accessible name (it is shown as an icon only, so the name is given here) */
   previousLabel?: string;
 }): React$1.JSX.Element;
 declare function PaginationNext({ className, nextLabel, ...props }: React$1.ComponentProps<typeof PaginationLink> & {
-  /** 読み上げ名（アイコンだけの表示なので、名前はここで付ける） */
+  /** Accessible name (it is shown as an icon only, so the name is given here) */
   nextLabel?: string;
 }): React$1.JSX.Element;
 declare function PaginationEllipsis({ className, moreLabel, ...props }: React$1.ComponentProps<"span"> & {
-  /** 省略されたページの読み上げ名 */
+  /** Accessible name of the omitted pages */
   moreLabel?: string;
 }): React$1.JSX.Element;
 //#endregion

package/dist/web/base/pagination.js

@@ -1,5 +1,5 @@
-import { MORE_PAGES_LABEL, NEXT_PAGE_LABEL, PAGINATION_LABEL, PREVIOUS_PAGE_LABEL } from "../lib/labels.js";
 import { cn } from "../lib/utils.js";
+import { MORE_PAGES_LABEL, NEXT_PAGE_LABEL, PAGINATION_LABEL, PREVIOUS_PAGE_LABEL } from "../lib/labels.js";
 import { buttonVariants } from "./button.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";

package/dist/web/base/sheet.d.ts

@@ -7,7 +7,7 @@ declare function SheetClose({ ...props }: React$1.ComponentProps<typeof SheetPri
 declare function SheetContent({ className, children, side, showCloseButton, closeLabel, onClose, onOpenAutoFocus, onCloseAutoFocus, ...props }: React$1.ComponentProps<typeof SheetPrimitive.Content> & {
   side?: "top" | "right" | "bottom" | "left";
   showCloseButton?: boolean;
-  /** 閉じるボタンの読み上げ名 */
+  /** Accessible name of the close button */
   closeLabel?: string;
   onClose?: () => void;
 }): React$1.JSX.Element;

package/dist/web/base/sheet.js

@@ -1,5 +1,5 @@
-import { CLOSE_LABEL } from "../lib/labels.js";
 import { cn } from "../lib/utils.js";
+import { CLOSE_LABEL } from "../lib/labels.js";
 import { useRestoreFocus } from "../lib/restore-focus.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { XIcon } from "lucide-react";

package/dist/web/base/slider.d.ts

@@ -2,7 +2,7 @@ import * as React$1 from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";
 //#region src/web/base/slider.d.ts
 declare function Slider({ className, defaultValue, value, min, max, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, thumbLabels, ...props }: React$1.ComponentProps<typeof SliderPrimitive.Root> & {
-  /** つまみごとの読み上げ名（範囲指定で、つまみを区別したいとき）。無ければ `aria-label` を全部のつまみに付ける */
+  /** Accessible name per thumb (when you want to tell the thumbs of a range apart). If absent, `aria-label` is applied to all thumbs */
   thumbLabels?: readonly string[];
 }): React$1.JSX.Element;
 //#endregion

package/dist/web/base/sonner.d.ts

@@ -1,8 +1,8 @@
 import { ToasterProps } from "sonner";
 //#region src/web/base/sonner.d.ts
 /**
- * 通知の描画先。テーマは `theme` で渡す（既定は OS に合わせる）。
- * love3 はアプリの状態（テーマの保存先など）を持たないので、`@lt-three/web` と違い、ここでテーマを引かない。
+ * Where notifications are rendered. The theme is passed with `theme` (defaults to following the OS).
+ * love3 holds no app state (such as where the theme is stored), so the theme is not read here.
  */
 declare const Toaster: ({ ...props }: ToasterProps) => import("react").JSX.Element;
 //#endregion

package/dist/web/base/sonner.js

@@ -4,8 +4,8 @@ import { Toaster as Toaster$1 } from "sonner";
 
 //#region src/web/base/sonner.tsx
 /**
-* 通知の描画先。テーマは `theme` で渡す（既定は OS に合わせる）。
-* love3 はアプリの状態（テーマの保存先など）を持たないので、`@lt-three/web` と違い、ここでテーマを引かない。
+* Where notifications are rendered. The theme is passed with `theme` (defaults to following the OS).
+* love3 holds no app state (such as where the theme is stored), so the theme is not read here.
 */
 const Toaster = ({ ...props }) => {
 	return /* @__PURE__ */ jsx(Toaster$1, {

package/dist/web/base/spinner.js

@@ -1,5 +1,5 @@
-import { LOADING_LABEL } from "../lib/labels.js";
 import { cn } from "../lib/utils.js";
+import { LOADING_LABEL } from "../lib/labels.js";
 import { jsx } from "react/jsx-runtime";
 import { Loader2Icon } from "lucide-react";
 

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

@@ -4,10 +4,10 @@ import "../lib/form.js";
 import React, { ComponentProps } from "react";
 //#region src/web/form/checkbox.d.ts
 /**
- * チェックボックスの名前。次のどれかが要る（名前の無いチェックボックスにしない）。
- * - `checkboxLabel`: 右に出す文字（押すと切り替わる）
- * - `label`: 上に出すフィールドのラベル（単体のチェックボックスで、右に文字を置かないとき。ラベルが名前になる）
- * - `aria-label` / `aria-labelledby`: 見えるラベルが無いとき（表の行の選択など）
+ * The name of the checkbox. One of the following is required (so a checkbox never has no name).
+ * - `checkboxLabel`: text shown on the right (clicking it toggles)
+ * - `label`: the field label shown above (for a standalone checkbox with no text on the right; the label becomes the name)
+ * - `aria-label` / `aria-labelledby`: when there is no visible label (selecting a table row, etc.)
  */
 type CheckboxNameProps = {
   checkboxLabel: React.ReactNode;
@@ -22,13 +22,13 @@ type CheckboxNameProps = {
   "aria-labelledby": string;
 };
 export type CheckboxProps = BaseInputProps<boolean> & Omit<ComponentProps<typeof Checkbox$1>, "checked" | "onCheckedChange" | "value" | "onChange"> & {
-  /** チェックボックスとラベルの垂直配置 */
+  /** Vertical alignment of the checkbox and the label */
   align?: "center" | "start";
 } & CheckboxNameProps;
 /**
- * Form / 制御の双方向対応の Checkbox。
- * - `value` / `onValueChange` を渡すと制御モード (内部で `atom/checkbox` を使う)
- * - 省略すると field context から取得する
+ * A Checkbox that supports both form and controlled use.
+ * - Passing `value` / `onValueChange` selects controlled mode (it uses `atom/checkbox` inside)
+ * - When omitted, it takes the value from the field context
  */
 export declare function Checkbox(props: CheckboxProps): React.JSX.Element;
 //#endregion

package/dist/web/form/checkbox.js

@@ -8,9 +8,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/web/form/checkbox.tsx
 /**
-* Form / 制御の双方向対応の Checkbox。
-* - `value` / `onValueChange` を渡すと制御モード (内部で `atom/checkbox` を使う)
-* - 省略すると field context から取得する
+* A Checkbox that supports both form and controlled use.
+* - Passing `value` / `onValueChange` selects controlled mode (it uses `atom/checkbox` inside)
+* - When omitted, it takes the value from the field context
 */
 function Checkbox(props) {
 	if (props.value !== void 0 && props.onValueChange !== void 0) return /* @__PURE__ */ jsx(ControlledCheckbox, {

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

@@ -23,9 +23,9 @@ function RadioGroup({ label, description, required, helpText, ...rest }) {
 	] });
 }
 /**
-* 選択肢の入れ物。FormItem の中（ラベルと同じ context）で描くので、ラベルの id を読める。
-* グループ自身が `formItemId`（ラベルの `htmlFor` の行き先）を持ち、`aria-labelledby` でラベルを名前にする。
-* 各選択肢の入力欄は FormControl に自分の id を渡す（同じ field に control が複数あるので、formItemId を使い回すと重複する）。
+* The container of the options. It is drawn inside FormItem (the same context as the label), so it can read the label's id.
+* The group itself holds `formItemId` (the target of the label's `htmlFor`) and takes its name from the label through `aria-labelledby`.
+* The input of each option passes its own id to FormControl (one field has several controls, so reusing formItemId would duplicate it).
 */
 function RadioGroupBody({ hasLabel, options, disabled, debounce, className, full, type = "list" }) {
 	const [value, setValue] = useFieldValue({ debounce });

package/dist/web/form/select.js

@@ -1,7 +1,7 @@
 import { useFieldValue } from "../../shared/form.js";
 import { cn } from "../lib/utils.js";
-import { Select as Select$1, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue } from "../base/select.js";
 import { FormControl, FormDescription, FormItem, FormLabel, FormMessage } from "../base/form.js";
+import { Select as Select$1, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue } from "../base/select.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/web/form/select.tsx

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

@@ -3,7 +3,7 @@ import "../lib/form.js";
 import React from "react";
 //#region src/web/form/slider.d.ts
 /**
- * Slider に対応するフィールド型は単一値 (`number`) と範囲 (`number[]`) の両方を許容する（どちらかは field の値で決まる）。
+ * The field type for Slider allows both a single value (`number`) and a range (`number[]`) (which one is decided by the field's value).
  */
 export type SliderProps = FieldInputProps & {
   min?: number;
@@ -12,8 +12,8 @@ export type SliderProps = FieldInputProps & {
   formattedValue?: React.ReactNode;
 };
 /**
- * TanStack Form 統合版 Slider。値は field context から取得する。
- * 制御版が必要なら `atom/slider` を使う。
+ * The Slider with TanStack Form integration. The value comes from the field context.
+ * If you need a controlled one, use `atom/slider`.
  */
 export declare function Slider(props: SliderProps): React.JSX.Element;
 //#endregion

package/dist/web/form/slider.js

@@ -1,12 +1,12 @@
 import { useFieldValue } from "../../shared/form.js";
-import { Slider as Slider$1 } from "../atom/slider.js";
 import { FormControl, FormDescription, FormItem, FormMessage } from "../base/form.js";
+import { Slider as Slider$1 } from "../atom/slider.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/web/form/slider.tsx
 /**
-* TanStack Form 統合版 Slider。値は field context から取得する。
-* 制御版が必要なら `atom/slider` を使う。
+* The Slider with TanStack Form integration. The value comes from the field context.
+* If you need a controlled one, use `atom/slider`.
 */
 function Slider(props) {
 	const { label, required, description, helpText, min, max, step, debounce, disabled, className, wrapperClassName, formattedValue } = props;

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

@@ -3,9 +3,9 @@ import "../lib/form.js";
 //#region src/web/form/switch.d.ts
 export type SwitchProps = BaseInputProps<boolean>;
 /**
- * Form / 制御の双方向対応の Switch。
- * - `value` / `onValueChange` を渡すと制御モード（field context を読まないので、field の外でも使える）
- * - 省略すると field context から取得する
+ * A Switch that supports both form and controlled use.
+ * - Passing `value` / `onValueChange` selects controlled mode (it does not read the field context, so it works outside a field)
+ * - When omitted, it takes the value from the field context
  */
 export declare function Switch(props: SwitchProps): import("react").JSX.Element;
 //#endregion

package/dist/web/form/switch.js

@@ -1,14 +1,14 @@
 import { useFieldValue } from "../../shared/form.js";
 import { cn } from "../lib/utils.js";
-import { Switch as Switch$1 } from "../base/switch.js";
 import { FormControl, FormDescription, FormItem, FormLabel, FormMessage } from "../base/form.js";
+import { Switch as Switch$1 } from "../base/switch.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/web/form/switch.tsx
 /**
-* Form / 制御の双方向対応の Switch。
-* - `value` / `onValueChange` を渡すと制御モード（field context を読まないので、field の外でも使える）
-* - 省略すると field context から取得する
+* A Switch that supports both form and controlled use.
+* - Passing `value` / `onValueChange` selects controlled mode (it does not read the field context, so it works outside a field)
+* - When omitted, it takes the value from the field context
 */
 function Switch(props) {
 	if (props.value !== void 0 && props.onValueChange !== void 0) return /* @__PURE__ */ jsx(Layout, {

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

@@ -1,7 +1,7 @@
 import { useFieldValue } from "../../shared/form.js";
 import { cn } from "../lib/utils.js";
-import { Textarea as Textarea$1 } from "../base/textarea.js";
 import { FormControl, FormDescription, FormItem, FormLabel, FormMessage } from "../base/form.js";
+import { Textarea as Textarea$1 } from "../base/textarea.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/web/form/text-area.tsx

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

@@ -3,7 +3,7 @@ import "../lib/form.js";
 //#region src/web/form/text-input.d.ts
 export type TextInputProps = {
   type?: "text" | "email" | "password" | "tel" | "url" | "number";
-  /** ブラウザの自動入力のヒント（`email`・`current-password`・`one-time-code` など。HTML の `autocomplete` 属性の値）。 */
+  /** Hint for the browser's autofill (`email`, `current-password`, `one-time-code` and so on; a value of the HTML `autocomplete` attribute). */
   autoComplete?: string;
 } & FieldInputProps;
 export declare function TextInput({ label, required, description, debounce, className, wrapperClassName, type, helpText, ...remain }: TextInputProps): import("react").JSX.Element;

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

@@ -1,7 +1,7 @@
 import { useFieldValue } from "../../shared/form.js";
 import { cn } from "../lib/utils.js";
-import { Input } from "../base/input.js";
 import { FormControl, FormDescription, FormItem, FormLabel, FormMessage } from "../base/form.js";
+import { Input } from "../base/input.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/web/form/text-input.tsx

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

@@ -2,24 +2,24 @@ import { Accordion as Accordion$1 } from "../base/accordion.js";
 import { ComponentProps, ReactNode } from "react";
 //#region src/web/layout/accordion.d.ts
 export type AccordionEntry = {
-  /** Radix の item の value に使う、変わらない ID。 */
+  /** A stable ID used for the Radix item's value. */
   value: string;
   trigger: ReactNode;
   content: ReactNode;
 };
 type RootProps = ComponentProps<typeof Accordion$1>;
-/** Radix の single / multiple の判別共用体を保つための、分配する Omit。 */
+/** A distributive Omit, to keep Radix's single / multiple discriminated union. */
 type DistributedOmit<T, K extends keyof never> = T extends unknown ? Omit<T, K> : never;
 export type AccordionProps = DistributedOmit<RootProps, "children"> & {
   items: AccordionEntry[];
-  /** 各 item の外側に付ける追加のクラス。 */
+  /** Extra class attached to the outside of each item. */
   itemClassName?: string;
   triggerClassName?: string;
   contentClassName?: string;
 };
 /**
- * shadcn のプリミティブを包んだ、データ駆動の Accordion。
- * 呼び出し側が Item / Trigger / Content を自分で組まなくて済む。
+ * A data-driven Accordion wrapping the shadcn primitives.
+ * Callers do not have to assemble Item / Trigger / Content themselves.
  */
 export declare function Accordion({ items, itemClassName, triggerClassName, contentClassName, className, ...rest }: AccordionProps): import("react").JSX.Element;
 //#endregion

package/dist/web/layout/accordion.js

@@ -4,8 +4,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/web/layout/accordion.tsx
 /**
-* shadcn のプリミティブを包んだ、データ駆動の Accordion。
-* 呼び出し側が Item / Trigger / Content を自分で組まなくて済む。
+* A data-driven Accordion wrapping the shadcn primitives.
+* Callers do not have to assemble Item / Trigger / Content themselves.
 */
 function Accordion({ items, itemClassName, triggerClassName, contentClassName, className, ...rest }) {
 	return /* @__PURE__ */ jsx(Accordion$1, {

package/dist/web/layout/alert-modal.d.ts

@@ -5,7 +5,7 @@ export type AlertModalAction = {
   label: string;
   onClick: () => void;
   /**
-   * 省略時は「最後の操作が主操作（インディゴ塗り。danger なら destructive-solid の塗り）、それ以外は枠だけ（outline）」。
+   * When omitted: "the last action is the primary action (indigo fill; for danger, the destructive-solid fill), and the others are border only (outline)".
    */
   emphasis?: "primary" | "secondary";
   disabled?: boolean;
@@ -14,27 +14,27 @@ export type AlertModalAction = {
 type AlertModalProps = {
   open: boolean;
   onOpenChange: (open: boolean) => void;
-  /** `danger` は取り消せない操作の確認。見出しの左に state-error のアイコンが付き、主操作が destructive-solid の塗りになる（見出しの文字色は通常のまま）。 */
+  /** `danger` is a confirmation of an action that cannot be undone. A state-error icon is added to the left of the heading, and the primary action gets the destructive-solid fill (the heading text colour stays normal). */
   tone?: AlertModalTone;
   title: React$1.ReactNode;
   description?: React$1.ReactNode;
-  /** 左から順に右寄せで並ぶ。通常は [取消, 主操作]。 */
+  /** Laid out right-aligned, in order from the left. Usually [cancel, primary action]. */
   actions: AlertModalAction[];
-  /** false のとき、スクリムのクリック・Esc で閉じない（どちらかを選ばせる）。 */
+  /** When false, a scrim click or Esc does not close it (to make the user choose one of the actions). */
   dismissible?: boolean;
   "data-testid"?: string;
 };
 /**
- * 確認のための小さなモーダル（× を持たない）。
+ * A small modal for confirmation (it has no ×).
  *
- * overlay 面・p-5・幅 400（ビューポートに収まる）。見出し（16/24 semibold）と本文（13/20・muted）、右寄せの操作（gap-2・Button の既定サイズ）。
- * `danger` では見出しの左に小さな state-error のアイコンが付き、主操作が destructive-solid の塗りになる。
- * 枠もリングも付けない（影だけで浮く。`DialogContent` の流儀）。開閉状態は呼び出し側が持つ（制御専用）。
+ * Overlay surface, p-5, width 400 (fitted to the viewport). A heading (16/24 semibold) and body text (13/20, muted), with right-aligned actions (gap-2, the default Button size).
+ * With `danger`, a small state-error icon is added to the left of the heading and the primary action gets the destructive-solid fill.
+ * No border and no ring (it floats on the shadow alone, like `DialogContent`). The caller holds the open state (controlled only).
  *
- * 表示中は `data-modal-open` を持つので、浮いている常駐 UI を CSS で隠せる。
+ * While shown it carries `data-modal-open`, so floating persistent UI can be hidden with CSS.
  *
- * 開いたときの初期フォーカスは、キーボードで開いたときだけ最初の操作に置き、それ以外はモーダルの本体に置く
- * （マウスで開いて最初のボタンに枠が出ないように。`useModalOpenAutoFocus`）。
+ * The initial focus on open goes to the first action only when it was opened by keyboard, and otherwise to the modal body
+ * (so that no ring appears on the first button when opened with the mouse; `useModalOpenAutoFocus`).
  */
 export declare function AlertModal({ open, onOpenChange, tone, title, description, actions, dismissible, "data-testid": testId }: AlertModalProps): React$1.JSX.Element;
 //#endregion