@aiquants/virtualscroll 3.6.1 → 3.7.0

package/dist/labels.d.cts

@@ -0,0 +1,125 @@
+/**
+ * @module labels
+ * @description Built-in UI chrome label catalog of the package. Covers exactly the seven strings
+ * the components render on their own: the ScrollBar arrow aria-labels, the VirtualScroll
+ * scroll-to-edge pill texts and the empty-state text. Live-region wording stays consumer-owned
+ * (`liveRegion.format` / `liveRegion.buildMessage`) and is not part of this catalog. The default
+ * locale is `"en"`; `"ja"` is the second locale. No language negotiation happens here: hosts map
+ * `navigator.language` (or anything else) to a supported locale themselves.
+ *
+ * @description パッケージ内蔵の UI クローム文言カタログ。コンポーネント自身が描画する 7 文言
+ * (ScrollBar 矢印の aria-label、VirtualScroll の端スクロールピル文言、空状態文言) だけを対象とし、
+ * ライブリージョンの文言は利用側の所有 (`liveRegion.format` / `liveRegion.buildMessage`) で
+ * 本カタログの対象外。既定ロケールは `"en"`、第 2 ロケールは `"ja"`。言語ネゴシエーションは行わず、
+ * `navigator.language` 等から対応ロケールへの対応付けはホスト側の責務。
+ */
+/**
+ * Supported UI chrome locales, in declaration order. The first entry is NOT implicitly the
+ * default — the default lives only in {@link resolveVirtualScrollLocale}.
+ * 対応する UI クロームロケールの一覧 (宣言順)。先頭要素が暗黙の既定値になるわけではなく、
+ * 既定値は {@link resolveVirtualScrollLocale} にのみ存在。
+ */
+export declare const VIRTUAL_SCROLL_LOCALES: readonly ["en", "ja"];
+/**
+ * A supported UI chrome locale (`"en"` | `"ja"`).
+ * 対応 UI クロームロケール (`"en"` | `"ja"`)。
+ */
+export type VirtualScrollLocale = (typeof VIRTUAL_SCROLL_LOCALES)[number];
+/**
+ * The complete set of built-in chrome strings, one value per rendered surface.
+ * 内蔵クローム文言の完全な集合 (描画面ごとに 1 値)。
+ */
+export type VirtualScrollLabels = {
+    /**
+     * aria-label of the vertical ScrollBar start (up) arrow button.
+     * 縦 ScrollBar 始端 (上) 矢印ボタンの aria-label。
+     */
+    readonly scrollUp: string;
+    /**
+     * aria-label of the vertical ScrollBar end (down) arrow button.
+     * 縦 ScrollBar 終端 (下) 矢印ボタンの aria-label。
+     */
+    readonly scrollDown: string;
+    /**
+     * aria-label of the horizontal ScrollBar start (left) arrow button.
+     * 横 ScrollBar 始端 (左) 矢印ボタンの aria-label。
+     */
+    readonly scrollLeft: string;
+    /**
+     * aria-label of the horizontal ScrollBar end (right) arrow button.
+     * 横 ScrollBar 終端 (右) 矢印ボタンの aria-label。
+     */
+    readonly scrollRight: string;
+    /**
+     * Text of the VirtualScroll scroll-to-top pill, shown when
+     * `scrollBarOptions.enableScrollToTopBottomButtons` is on.
+     * `scrollBarOptions.enableScrollToTopBottomButtons` 有効時に表示される VirtualScroll 先頭移動ピルの文言。
+     */
+    readonly scrollToTop: string;
+    /**
+     * Text of the VirtualScroll scroll-to-bottom pill, shown when
+     * `scrollBarOptions.enableScrollToTopBottomButtons` is on.
+     * `scrollBarOptions.enableScrollToTopBottomButtons` 有効時に表示される VirtualScroll 末尾移動ピルの文言。
+     */
+    readonly scrollToBottom: string;
+    /**
+     * VirtualScroll empty-state text shown when `itemCount === 0`. VirtualGrid shows it too, for
+     * 0 rows, an all-frozen row set and degenerate bands (its embedded VirtualScroll gets 0 items).
+     * `itemCount === 0` 時の VirtualScroll 空状態文言。VirtualGrid も 0 行・全行固定・退化帯で表示
+     * (内蔵 VirtualScroll の項目数が 0 になるため)。
+     */
+    readonly noItems: string;
+};
+/**
+ * Partial per-key overrides laid over the catalog of the chosen locale. An `undefined` value keeps
+ * the catalog value; any present value must be a string with non-whitespace content.
+ * 選択ロケールのカタログへ重ねるキー単位の部分上書き。`undefined` 値はカタログ値を維持し、
+ * 値を与える場合は空白以外の文字を含む文字列であることが必須。
+ */
+export type VirtualScrollLabelOverrides = {
+    readonly [K in keyof VirtualScrollLabels]?: VirtualScrollLabels[K];
+};
+/**
+ * Every key of {@link VirtualScrollLabels}, in catalog order. This is the closed key set that
+ * overrides are validated against.
+ * {@link VirtualScrollLabels} の全キー (カタログ順)。上書き検証に用いる閉じたキー集合。
+ */
+export declare const VIRTUAL_SCROLL_LABEL_KEYS: readonly ["scrollUp", "scrollDown", "scrollLeft", "scrollRight", "scrollToTop", "scrollToBottom", "noItems"];
+/**
+ * Frozen built-in catalogs per locale. `en` is the package's historical English wording.
+ * ロケールごとの凍結済み内蔵カタログ。`en` はパッケージ従来の英語文言。
+ */
+export declare const VIRTUAL_SCROLL_LABEL_CATALOGS: Readonly<Record<VirtualScrollLocale, VirtualScrollLabels>>;
+/**
+ * Resolves the UI chrome locale. `undefined` (an absent prop) maps to the default `"en"`; a member
+ * of {@link VIRTUAL_SCROLL_LOCALES} is returned as-is. This is the single place the default lives.
+ * UI クロームロケールの解決。`undefined` (prop 未指定) は既定の `"en"`、
+ * {@link VIRTUAL_SCROLL_LOCALES} の要素はそのまま返却。既定値を持つ唯一の場所。
+ *
+ * @param locale - Requested locale, or `undefined` for the default / 要求ロケール (`undefined` で既定)
+ * @returns The resolved supported locale / 解決済みの対応ロケール
+ * @throws {RangeError} When `locale` is neither `undefined` nor a supported locale (`null`, `""`,
+ * `"EN"`, `"ja-JP"`, `"fr"`, numbers, ...) — no language negotiation /
+ * `undefined` でも対応ロケールでもない場合 (`null`、`""`、`"EN"`、`"ja-JP"`、`"fr"`、数値など)。言語ネゴシエーションなし
+ */
+export declare const resolveVirtualScrollLocale: (locale: VirtualScrollLocale | undefined) => VirtualScrollLocale;
+/**
+ * Resolves the effective labels: the catalog of the resolved locale overlaid by `overrides`.
+ * Returns the frozen catalog itself (same identity) when `overrides` is `undefined`, otherwise a
+ * new frozen object. Inputs are never mutated.
+ * 実効ラベルの解決。解決済みロケールのカタログへ `overrides` を重ねた結果。`overrides` が
+ * `undefined` なら凍結カタログそのもの (同一参照)、それ以外は新しい凍結オブジェクトを返却。入力は不変。
+ *
+ * @param locale - Requested locale, or `undefined` for the default / 要求ロケール (`undefined` で既定)
+ * @param overrides - Per-key overrides, or `undefined` for none / キー単位の上書き (`undefined` で上書きなし)
+ * @returns The resolved, frozen labels / 解決済みの凍結ラベル
+ * @throws {RangeError} When the locale is unsupported, `overrides` is `null` or not an object,
+ * `overrides` is not a plain object (its prototype is neither `Object.prototype` nor `null`, e.g.
+ * an array or a class instance), an own key is not a label key, or a present own value is not a
+ * string with non-whitespace content. Only own properties are read /
+ * ロケールが非対応、`overrides` が `null` または非オブジェクト、`overrides` が素のオブジェクトでない
+ * (プロトタイプが `Object.prototype` でも `null` でもない。配列やクラスインスタンスなど)、自身のキーが
+ * ラベルキー外、または与えられた自身の値が空白以外の文字を含む文字列でない場合。読むのは自身の
+ * プロパティのみ
+ */
+export declare const resolveVirtualScrollLabels: (locale: VirtualScrollLocale | undefined, overrides: VirtualScrollLabelOverrides | undefined) => VirtualScrollLabels;

package/dist/labels.d.ts

@@ -0,0 +1,126 @@
+/**
+ * @module labels
+ * @description Built-in UI chrome label catalog of the package. Covers exactly the seven strings
+ * the components render on their own: the ScrollBar arrow aria-labels, the VirtualScroll
+ * scroll-to-edge pill texts and the empty-state text. Live-region wording stays consumer-owned
+ * (`liveRegion.format` / `liveRegion.buildMessage`) and is not part of this catalog. The default
+ * locale is `"en"`; `"ja"` is the second locale. No language negotiation happens here: hosts map
+ * `navigator.language` (or anything else) to a supported locale themselves.
+ *
+ * @description パッケージ内蔵の UI クローム文言カタログ。コンポーネント自身が描画する 7 文言
+ * (ScrollBar 矢印の aria-label、VirtualScroll の端スクロールピル文言、空状態文言) だけを対象とし、
+ * ライブリージョンの文言は利用側の所有 (`liveRegion.format` / `liveRegion.buildMessage`) で
+ * 本カタログの対象外。既定ロケールは `"en"`、第 2 ロケールは `"ja"`。言語ネゴシエーションは行わず、
+ * `navigator.language` 等から対応ロケールへの対応付けはホスト側の責務。
+ */
+/**
+ * Supported UI chrome locales, in declaration order. The first entry is NOT implicitly the
+ * default — the default lives only in {@link resolveVirtualScrollLocale}.
+ * 対応する UI クロームロケールの一覧 (宣言順)。先頭要素が暗黙の既定値になるわけではなく、
+ * 既定値は {@link resolveVirtualScrollLocale} にのみ存在。
+ */
+export declare const VIRTUAL_SCROLL_LOCALES: readonly ["en", "ja"];
+/**
+ * A supported UI chrome locale (`"en"` | `"ja"`).
+ * 対応 UI クロームロケール (`"en"` | `"ja"`)。
+ */
+export type VirtualScrollLocale = (typeof VIRTUAL_SCROLL_LOCALES)[number];
+/**
+ * The complete set of built-in chrome strings, one value per rendered surface.
+ * 内蔵クローム文言の完全な集合 (描画面ごとに 1 値)。
+ */
+export type VirtualScrollLabels = {
+    /**
+     * aria-label of the vertical ScrollBar start (up) arrow button.
+     * 縦 ScrollBar 始端 (上) 矢印ボタンの aria-label。
+     */
+    readonly scrollUp: string;
+    /**
+     * aria-label of the vertical ScrollBar end (down) arrow button.
+     * 縦 ScrollBar 終端 (下) 矢印ボタンの aria-label。
+     */
+    readonly scrollDown: string;
+    /**
+     * aria-label of the horizontal ScrollBar start (left) arrow button.
+     * 横 ScrollBar 始端 (左) 矢印ボタンの aria-label。
+     */
+    readonly scrollLeft: string;
+    /**
+     * aria-label of the horizontal ScrollBar end (right) arrow button.
+     * 横 ScrollBar 終端 (右) 矢印ボタンの aria-label。
+     */
+    readonly scrollRight: string;
+    /**
+     * Text of the VirtualScroll scroll-to-top pill, shown when
+     * `scrollBarOptions.enableScrollToTopBottomButtons` is on.
+     * `scrollBarOptions.enableScrollToTopBottomButtons` 有効時に表示される VirtualScroll 先頭移動ピルの文言。
+     */
+    readonly scrollToTop: string;
+    /**
+     * Text of the VirtualScroll scroll-to-bottom pill, shown when
+     * `scrollBarOptions.enableScrollToTopBottomButtons` is on.
+     * `scrollBarOptions.enableScrollToTopBottomButtons` 有効時に表示される VirtualScroll 末尾移動ピルの文言。
+     */
+    readonly scrollToBottom: string;
+    /**
+     * VirtualScroll empty-state text shown when `itemCount === 0`. VirtualGrid shows it too, for
+     * 0 rows, an all-frozen row set and degenerate bands (its embedded VirtualScroll gets 0 items).
+     * `itemCount === 0` 時の VirtualScroll 空状態文言。VirtualGrid も 0 行・全行固定・退化帯で表示
+     * (内蔵 VirtualScroll の項目数が 0 になるため)。
+     */
+    readonly noItems: string;
+};
+/**
+ * Partial per-key overrides laid over the catalog of the chosen locale. An `undefined` value keeps
+ * the catalog value; any present value must be a string with non-whitespace content.
+ * 選択ロケールのカタログへ重ねるキー単位の部分上書き。`undefined` 値はカタログ値を維持し、
+ * 値を与える場合は空白以外の文字を含む文字列であることが必須。
+ */
+export type VirtualScrollLabelOverrides = {
+    readonly [K in keyof VirtualScrollLabels]?: VirtualScrollLabels[K];
+};
+/**
+ * Every key of {@link VirtualScrollLabels}, in catalog order. This is the closed key set that
+ * overrides are validated against.
+ * {@link VirtualScrollLabels} の全キー (カタログ順)。上書き検証に用いる閉じたキー集合。
+ */
+export declare const VIRTUAL_SCROLL_LABEL_KEYS: readonly ["scrollUp", "scrollDown", "scrollLeft", "scrollRight", "scrollToTop", "scrollToBottom", "noItems"];
+/**
+ * Frozen built-in catalogs per locale. `en` is the package's historical English wording.
+ * ロケールごとの凍結済み内蔵カタログ。`en` はパッケージ従来の英語文言。
+ */
+export declare const VIRTUAL_SCROLL_LABEL_CATALOGS: Readonly<Record<VirtualScrollLocale, VirtualScrollLabels>>;
+/**
+ * Resolves the UI chrome locale. `undefined` (an absent prop) maps to the default `"en"`; a member
+ * of {@link VIRTUAL_SCROLL_LOCALES} is returned as-is. This is the single place the default lives.
+ * UI クロームロケールの解決。`undefined` (prop 未指定) は既定の `"en"`、
+ * {@link VIRTUAL_SCROLL_LOCALES} の要素はそのまま返却。既定値を持つ唯一の場所。
+ *
+ * @param locale - Requested locale, or `undefined` for the default / 要求ロケール (`undefined` で既定)
+ * @returns The resolved supported locale / 解決済みの対応ロケール
+ * @throws {RangeError} When `locale` is neither `undefined` nor a supported locale (`null`, `""`,
+ * `"EN"`, `"ja-JP"`, `"fr"`, numbers, ...) — no language negotiation /
+ * `undefined` でも対応ロケールでもない場合 (`null`、`""`、`"EN"`、`"ja-JP"`、`"fr"`、数値など)。言語ネゴシエーションなし
+ */
+export declare const resolveVirtualScrollLocale: (locale: VirtualScrollLocale | undefined) => VirtualScrollLocale;
+/**
+ * Resolves the effective labels: the catalog of the resolved locale overlaid by `overrides`.
+ * Returns the frozen catalog itself (same identity) when `overrides` is `undefined`, otherwise a
+ * new frozen object. Inputs are never mutated.
+ * 実効ラベルの解決。解決済みロケールのカタログへ `overrides` を重ねた結果。`overrides` が
+ * `undefined` なら凍結カタログそのもの (同一参照)、それ以外は新しい凍結オブジェクトを返却。入力は不変。
+ *
+ * @param locale - Requested locale, or `undefined` for the default / 要求ロケール (`undefined` で既定)
+ * @param overrides - Per-key overrides, or `undefined` for none / キー単位の上書き (`undefined` で上書きなし)
+ * @returns The resolved, frozen labels / 解決済みの凍結ラベル
+ * @throws {RangeError} When the locale is unsupported, `overrides` is `null` or not an object,
+ * `overrides` is not a plain object (its prototype is neither `Object.prototype` nor `null`, e.g.
+ * an array or a class instance), an own key is not a label key, or a present own value is not a
+ * string with non-whitespace content. Only own properties are read /
+ * ロケールが非対応、`overrides` が `null` または非オブジェクト、`overrides` が素のオブジェクトでない
+ * (プロトタイプが `Object.prototype` でも `null` でもない。配列やクラスインスタンスなど)、自身のキーが
+ * ラベルキー外、または与えられた自身の値が空白以外の文字を含む文字列でない場合。読むのは自身の
+ * プロパティのみ
+ */
+export declare const resolveVirtualScrollLabels: (locale: VirtualScrollLocale | undefined, overrides: VirtualScrollLabelOverrides | undefined) => VirtualScrollLabels;
+//# sourceMappingURL=labels.d.ts.map

package/dist/labels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"labels.d.ts","sourceRoot":"","sources":["../src/labels.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,uBAAwB,CAAA;AAE3D;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAA;AAEzE;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAC9B;;;OAGG;IACH,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB;;;OAGG;IACH,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B;;;OAGG;IACH,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B;;;OAGG;IACH,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B;;;;;OAKG;IACH,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;CAC3B,CAAA;AAED;;;;;GAKG;AACH,MAAM,MAAM,2BAA2B,GAAG;IAAE,QAAQ,EAAE,CAAC,IAAI,MAAM,mBAAmB,CAAC,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC;CAAE,CAAA;AAEhH;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,8GAAgK,CAAA;AAMtM;;;GAGG;AACH,eAAO,MAAM,6BAA6B,EAAE,QAAQ,CAAC,MAAM,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,CAmBnG,CAAA;AAiCF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,0BAA0B,GAAI,QAAQ,mBAAmB,GAAG,SAAS,KAAG,mBASpF,CAAA;AAWD;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,0BAA0B,GAAI,QAAQ,mBAAmB,GAAG,SAAS,EAAE,WAAW,2BAA2B,GAAG,SAAS,KAAG,mBAiCxI,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiquants/virtualscroll",
-  "version": "3.6.1",
+  "version": "3.7.0",
   "description": "High-performance virtual scrolling component for React with variable item heights",
   "sideEffects": [
     "**/*.css"

package/src/ScrollBar.tsx

@@ -6,6 +6,7 @@
 import type { CSSProperties, ReactNode } from "react"
 import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react"
 import { twMerge } from "tailwind-merge"
+import { resolveVirtualScrollLabels, type VirtualScrollLabelOverrides, type VirtualScrollLocale } from "./labels.ts"
 import { Logger } from "./logger.ts"
 import { TapScrollCircle, type TapScrollCircleDragState, type TapScrollCircleHandle, type TapScrollCircleRenderProps } from "./TapScrollCircle.tsx"
 import { getAxisScale, minmax } from "./utils.ts"
@@ -21,7 +22,6 @@ type OrientationConfig = {
     positionKey: "left" | "top"
     selectDelta: (deltaX: number, deltaY: number) => number
     getPointerCoordinate: (point: { clientX: number; clientY: number }) => number
-    arrowLabels: [string, string]
     arrowIcons: [string, string]
     directionClass: string
     orientation: "vertical" | "horizontal"
@@ -193,6 +193,21 @@ export type ScrollBarProps = {
     visibleStartIndex?: number
     /** The index of the last visible item. / 最後の可視アイテムのインデックス。 */
     visibleEndIndex?: number
+    /**
+     * UI chrome locale of the built-in arrow aria-labels (default `"en"`). An unsupported value
+     * throws a RangeError at render; no language negotiation happens.
+     * 内蔵矢印 aria-label の UI クロームロケール (既定 `"en"`)。非対応値は描画時に RangeError、
+     * 言語ネゴシエーションなし。
+     */
+    locale?: VirtualScrollLocale
+    /**
+     * Per-key overrides laid over the catalog of `locale`. This bar reads `scrollUp` / `scrollDown`
+     * (vertical) or `scrollLeft` / `scrollRight` (horizontal); unknown keys and blank values throw a
+     * RangeError at render.
+     * `locale` のカタログへ重ねるキー単位の上書き。本バーが読むのは縦なら `scrollUp` / `scrollDown`、
+     * 横なら `scrollLeft` / `scrollRight`。未知キーと空白値は描画時に RangeError。
+     */
+    labels?: VirtualScrollLabelOverrides
 }
 
 /** The minimum size of the scrollbar thumb. / スクロールバーのつまみの最小サイズ。 */
@@ -255,7 +270,6 @@ const createOrientationConfig = (horizontal: boolean): OrientationConfig => {
             positionKey: "left",
             selectDelta: (deltaX: number, _deltaY: number) => deltaX,
             getPointerCoordinate: ({ clientX }) => clientX,
-            arrowLabels: ["Scroll left", "Scroll right"],
             arrowIcons: ["◀", "▶"],
             directionClass: "aqvs-scrollbar-horizontal",
             orientation: "horizontal",
@@ -268,7 +282,6 @@ const createOrientationConfig = (horizontal: boolean): OrientationConfig => {
         positionKey: "top",
         selectDelta: (_deltaX: number, deltaY: number) => deltaY,
         getPointerCoordinate: ({ clientY }) => clientY,
-        arrowLabels: ["Scroll up", "Scroll down"],
         arrowIcons: ["▲", "▼"],
         directionClass: "aqvs-scrollbar-vertical",
         orientation: "vertical",
@@ -608,6 +621,8 @@ export const ScrollBar = ({
     renderThumbOverlay,
     visibleStartIndex,
     visibleEndIndex,
+    locale,
+    labels,
 }: ScrollBarProps) => {
     const [isDragging, setIsDragging] = useState(false)
     const [isThumbHovered, setIsThumbHovered] = useState(false)
@@ -635,6 +650,8 @@ export const ScrollBar = ({
     const autoScrollDirectionRef = useRef<0 | 1 | -1>(0)
     const resolvedTapScrollOptions = useMemo<ResolvedTapScrollCircleOptions>(() => resolveTapScrollCircleOptions(tapScrollCircleOptions, itemCount), [itemCount, tapScrollCircleOptions])
     const orientationConfig = useMemo(() => createOrientationConfig(horizontal), [horizontal])
+    const resolvedLabels = useMemo(() => resolveVirtualScrollLabels(locale, labels), [locale, labels])
+    const arrowLabels = horizontal ? ([resolvedLabels.scrollLeft, resolvedLabels.scrollRight] as const) : ([resolvedLabels.scrollUp, resolvedLabels.scrollDown] as const)
     const {
         enabled: tapCircleEnabled,
         size: tapCircleSize,
@@ -661,7 +678,7 @@ export const ScrollBar = ({
         onScroll,
         scrollPosition,
     })
-    const { mainSizeKey, crossSizeKey, positionKey, selectDelta, getPointerCoordinate, arrowLabels, arrowIcons, directionClass, orientation } = orientationConfig
+    const { mainSizeKey, crossSizeKey, positionKey, selectDelta, getPointerCoordinate, arrowIcons, directionClass, orientation } = orientationConfig
     const effectiveTapMaxDistance = Math.max(tapCircleMaxDistance, 1)
     // 表示領域に対するコンテンツの比率
     const scrollRatio = viewportSize / contentSize

package/src/ScrollPane.tsx

@@ -1,5 +1,6 @@
 import { forwardRef, useCallback, useEffect, useId, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react"
 import { twMerge } from "tailwind-merge"
+import type { VirtualScrollLabelOverrides, VirtualScrollLocale } from "./labels.ts"
 import { Logger } from "./logger.ts"
 import { ScrollBar, type ScrollBarTapCircleOptions, type ScrollBarThumbOverlayRenderProps, TAP_SCROLL_CANCEL_EVENT } from "./ScrollBar.tsx"
 import { getAxisScale, minmax } from "./utils.ts"
@@ -167,6 +168,20 @@ export type ScrollPaneProps = {
      * `className` / `style` / `ref` を表現できない型にしてあり、この口からレイアウトを壊せない。
      */
     contentProps?: React.AriaAttributes & { id?: string; role?: React.AriaRole }
+    /**
+     * UI chrome locale forwarded to the pane's ScrollBar (arrow aria-labels; default `"en"`).
+     * An unsupported value throws a RangeError at render.
+     * ペインの ScrollBar へ転送する UI クロームロケール (矢印の aria-label、既定 `"en"`)。
+     * 非対応値は描画時に RangeError。
+     */
+    locale?: VirtualScrollLocale
+    /**
+     * Per-key label overrides forwarded to the pane's ScrollBar, laid over the catalog of `locale`.
+     * Unknown keys and blank values throw a RangeError at render.
+     * ペインの ScrollBar へ転送するキー単位のラベル上書き (`locale` のカタログへ重ねる)。
+     * 未知キーと空白値は描画時に RangeError。
+     */
+    labels?: VirtualScrollLabelOverrides
 }
 
 export type ScrollPaneInertiaOptions = {
@@ -332,6 +347,8 @@ export const ScrollPane = forwardRef<ScrollPaneHandle, ScrollPaneProps>(
             renderOverlay,
             initialScrollPosition = 0,
             contentProps,
+            locale,
+            labels,
         },
         ref,
     ) => {
@@ -1638,6 +1655,8 @@ export const ScrollPane = forwardRef<ScrollPaneHandle, ScrollPaneProps>(
                     renderThumbOverlay={renderThumbOverlay}
                     visibleStartIndex={visibleStartIndex}
                     visibleEndIndex={visibleEndIndex}
+                    locale={locale}
+                    labels={labels}
                 />
                 {renderOverlay?.()}
             </div>

package/src/VirtualGrid.tsx

@@ -24,6 +24,7 @@
 import { type CSSProperties, forwardRef, type HTMLAttributes, type ReactNode, useCallback, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react"
 import { twMerge } from "tailwind-merge"
 import type { TapScrollAxisSpeedParams } from "./computeTapScrollVelocity.ts"
+import type { VirtualScrollLabelOverrides, VirtualScrollLocale } from "./labels.ts"
 import { Logger } from "./logger.ts"
 import { resolveTapScrollCircleOptions, ScrollBar, type ScrollBarTapCircleOptions } from "./ScrollBar.tsx"
 import type { ScrollPaneProps } from "./ScrollPane.tsx"
@@ -216,7 +217,7 @@ export type VirtualGridRange = {
     totalHeight: number
 }
 
-/** Live-region options: the consumer owns wording/locale (no built-in strings — row-parity). / liveRegion オプション: 文言とロケールは消費側所有 (内蔵文字列なし — 行側と同一方針)。 */
+/** Live-region options: the consumer owns announcement wording/locale; the built-in catalog (`locale` / `labels`) covers only the seven chrome strings (arrows, pills, empty state) — row-parity. / liveRegion オプション: 読み上げの文言とロケールは消費側所有。内蔵カタログ (`locale` / `labels`) はクローム 7 文言 (矢印・ピル・空状態) のみ対象 — 行側と同一方針。 */
 export type VirtualGridLiveRegionOptions = {
     /** Builds the announcement (same string = no re-announce, "" clears). / 読み上げ文言の組み立て (同一文字列 = 再読み上げなし、"" でクリア)。 */
     buildMessage: (range: VirtualGridRange) => string
@@ -392,6 +393,21 @@ export type VirtualGridProps<T> = {
     behaviorOptions?: VirtualGridBehaviorOptions
     scrollBarOptions?: VirtualScrollScrollBarOptions
     liveRegion?: VirtualGridLiveRegionOptions
+    /**
+     * UI chrome locale (default `"en"`), forwarded to the embedded vertical VirtualScroll (its
+     * arrows and the 0-row / all-frozen / degenerate-band empty state) and the horizontal bar
+     * arrows. An unsupported value throws a RangeError at render.
+     * UI クロームロケール (既定 `"en"`)。内蔵の縦 VirtualScroll (矢印と 0 行・全行固定・退化帯の
+     * 空状態) と横バーの矢印へ転送。非対応値は描画時に RangeError。
+     */
+    locale?: VirtualScrollLocale
+    /**
+     * Per-key label overrides laid over the catalog of `locale`, forwarded to the same two
+     * surfaces as `locale`. Unknown keys and blank values throw a RangeError at render.
+     * `locale` のカタログへ重ねるキー単位のラベル上書き (`locale` と同じ 2 面へ転送)。
+     * 未知キーと空白値は描画時に RangeError。
+     */
+    labels?: VirtualScrollLabelOverrides
     className?: string
     testId?: string
 }
@@ -749,6 +765,8 @@ const VirtualGridInner = <T,>(
         behaviorOptions,
         scrollBarOptions,
         liveRegion,
+        locale,
+        labels,
         className,
         testId,
     }: VirtualGridProps<T>,
@@ -1910,6 +1928,8 @@ const VirtualGridInner = <T,>(
                     onRangeChange={handleRangeChangeWithLive}
                     onWheelHorizontal={consumeHorizontalDelta}
                     onPanHorizontal={consumeHorizontalDelta}
+                    locale={locale}
+                    labels={labels}
                     testId={testId ? `${testId}-rows` : undefined}>
                     {renderRow}
                 </VirtualScroll>
@@ -1951,6 +1971,8 @@ const VirtualGridInner = <T,>(
                         return applyHxRef.current(typeof request === "function" ? request(previous ?? hxRef.current) : request)
                     }}
                     scrollBarWidth={scrollBarWidth}
+                    locale={locale}
+                    labels={labels}
                 />
             </div>
             {tapCircleEnabled && gridScrollable && (

package/src/VirtualScroll.tsx

@@ -1,4 +1,5 @@
 import React, { forwardRef, type ReactNode, useCallback, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react"
+import { resolveVirtualScrollLabels, type VirtualScrollLabelOverrides, type VirtualScrollLocale } from "./labels.ts"
 import { Logger } from "./logger.ts"
 import { ScrollPane, type ScrollPaneContentInsets, type ScrollPaneHandle, type ScrollPaneProps } from "./ScrollPane.tsx"
 import { useFenwickMapTree } from "./useFenwickMapTree.ts"
@@ -224,12 +225,13 @@ export type VirtualScrollLiveRegionOptions = {
     /**
      * Formats the announcement text. Called after the visible range settles; returning the same
      * string as last time leaves the DOM untouched (no re-announcement), returning `""` clears
-     * the region. The package ships NO built-in strings — wording and language are the
-     * consumer's (a generic package must not hardcode a locale).
+     * the region. The live-region wording and its language are consumer-owned: the package's
+     * built-in catalog (`locale` / `labels`) covers only the seven chrome strings (scrollbar arrow
+     * aria-labels, the scroll-to-edge pills and the empty state), never announcements.
      * 読み上げ文言を組み立てる。可視範囲が静定した後に呼ばれ、前回と同じ文字列なら DOM を
-     * 触らない (再読み上げしない)。`""` を返すとリージョンを空にする。パッケージは文言を
-     * 一切内蔵しない — 言語と文面は消費側の所有物 (汎用パッケージはロケールをハードコード
-     * できない)。
+     * 触らない (再読み上げしない)。`""` を返すとリージョンを空にする。読み上げの文面と言語は
+     * 消費側の所有物 — パッケージの内蔵カタログ (`locale` / `labels`) が扱うのはクローム 7 文言
+     * (スクロールバー矢印の aria-label、端スクロールピル、空状態) だけで、読み上げは対象外。
      *
      * @param range - The settled visible range / 静定した可視範囲
      * @returns Announcement text / 読み上げ文言
@@ -310,6 +312,23 @@ export type VirtualScrollProps<T> = {
      * その場合は `onRangeChange` から自前のリージョンを更新する従来手段を使う。
      */
     liveRegion?: VirtualScrollLiveRegionOptions
+    /**
+     * UI chrome locale of the built-in strings (default `"en"`): the scrollbar arrow aria-labels,
+     * the scroll-to-edge pills and the empty-state text. Live-region wording is not affected (see
+     * {@link VirtualScrollLiveRegionOptions.format}). An unsupported value throws a RangeError at
+     * render; no language negotiation happens.
+     * 内蔵文言 (スクロールバー矢印の aria-label、端スクロールピル、空状態文言) の UI クロームロケール
+     * (既定 `"en"`)。ライブリージョンの文言には影響しない ({@link VirtualScrollLiveRegionOptions.format}
+     * 参照)。非対応値は描画時に RangeError、言語ネゴシエーションなし。
+     */
+    locale?: VirtualScrollLocale
+    /**
+     * Per-key overrides laid over the catalog of `locale`; forwarded to the pane's scrollbar as-is.
+     * Unknown keys and blank values throw a RangeError at render.
+     * `locale` のカタログへ重ねるキー単位の上書き。ペインのスクロールバーへもそのまま転送。
+     * 未知キーと空白値は描画時に RangeError。
+     */
+    labels?: VirtualScrollLabelOverrides
     background?: ReactNode
     children: (item: T, index: number) => ReactNode
     initialScrollIndex?: number
@@ -1023,10 +1042,13 @@ const VirtualScrollInner = <T,>(
         horizontalKeyStep = DEFAULT_HORIZONTAL_KEY_STEP,
         contentProps,
         liveRegion,
+        locale,
+        labels,
     }: VirtualScrollProps<T>,
     ref: React.Ref<VirtualScrollHandle>,
 ) => {
     const { width: scrollBarWidth, enableThumbDrag, enableTrackClick, enableArrowButtons, enableScrollToTopBottomButtons, renderThumbOverlay, tapScrollCircleOptions } = scrollBarOptions ?? {}
+    const resolvedLabels = useMemo(() => resolveVirtualScrollLabels(locale, labels), [locale, labels])
 
     const { enablePointerDrag, pointerDragInputs, enableKeyboardNavigation = true, enableEscapeRowReturn = false, wheelSpeedMultiplier, inertiaOptions, overscrollBehavior, clipItemHeight = false, resetOnGetItemHeightChange = false } = behaviorOptions ?? {}
 
@@ -2168,9 +2190,11 @@ const VirtualScrollInner = <T,>(
     }, [contentSize, renderingEndIndex, renderingStartIndex, resolvedInsets.top, scheduleRangeEffect, scrollPosition, visibleEndIndex, visibleStartIndex])
 
     /**
-     * Renders the auto-hiding Top/Bottom pill overlay, neutralized while hidden.
+     * Renders the auto-hiding top/bottom pill overlay (texts from the resolved `scrollToTop` /
+     * `scrollToBottom` labels), neutralized while hidden.
      *
-     * 自動非表示の Top/Bottom ピルのオーバーレイを描画し、非表示中は無効化する処理。
+     * 自動非表示の先頭/末尾ピルのオーバーレイ (文言は解決済みラベルの `scrollToTop` /
+     * `scrollToBottom`) を描画し、非表示中は無効化する処理。
      *
      * ❗ 非表示は `opacity: 0` で表現するため、要素は DOM に残り続ける (フェードのために
      * アンマウントしない)。`opacity` はフォーカス可能性に影響せず、CSS の `pointer-events: none`
@@ -2213,7 +2237,7 @@ const VirtualScrollInner = <T,>(
                                 scrollToIndex(0)
                                 setShowScrollButtons(false)
                             }}>
-                            Top
+                            {resolvedLabels.scrollToTop}
                         </button>
                     </div>
                 ) : (
@@ -2229,13 +2253,13 @@ const VirtualScrollInner = <T,>(
                                 scrollToIndex(itemCount - 1)
                                 setShowScrollButtons(false)
                             }}>
-                            Bottom
+                            {resolvedLabels.scrollToBottom}
                         </button>
                     </div>
                 )}
             </div>
         )
-    }, [enableScrollToTopBottomButtons, showScrollButtons, scrollDirection, scrollToIndex, itemCount])
+    }, [enableScrollToTopBottomButtons, showScrollButtons, scrollDirection, scrollToIndex, itemCount, resolvedLabels])
 
     // 量子化アンカー (fix: LayoutUnit/f32 精度対策)。行 top はコンテンツ絶対座標そのままではなく
     // 「絶対座標 - アンカー」で描画し、ラッパー側 translateY にアンカーを足し戻す。
@@ -2258,7 +2282,7 @@ const VirtualScrollInner = <T,>(
             return {
                 visibleItems: (
                     <div className="aqvs-no-items-container">
-                        <div className="aqvs-no-items-text">No items</div>
+                        <div className="aqvs-no-items-text">{resolvedLabels.noItems}</div>
                     </div>
                 ),
                 renderAnchor: 0,
@@ -2397,6 +2421,7 @@ const VirtualScrollInner = <T,>(
         registerItemRef,
         renderingEndIndex,
         renderingStartIndex,
+        resolvedLabels,
         updateScrollPositionImmediate,
         visibleStartIndex,
     ])
@@ -2588,7 +2613,9 @@ const VirtualScrollInner = <T,>(
             visibleStartIndex={visibleStartIndex}
             visibleEndIndex={visibleEndIndex}
             renderOverlay={renderOverlay}
-            initialScrollPosition={initialValues.position}>
+            initialScrollPosition={initialValues.position}
+            locale={locale}
+            labels={labels}>
             {renderVisibleItems}
         </ScrollPane>
     )

package/src/index.ts

@@ -6,6 +6,7 @@
  */
 
 export { computeTapScrollVelocity, type TapScrollAxisSpeedParams, type TapScrollVelocityInput } from "./computeTapScrollVelocity.ts"
+export { resolveVirtualScrollLabels, resolveVirtualScrollLocale, VIRTUAL_SCROLL_LABEL_CATALOGS, VIRTUAL_SCROLL_LABEL_KEYS, VIRTUAL_SCROLL_LOCALES, type VirtualScrollLabelOverrides, type VirtualScrollLabels, type VirtualScrollLocale } from "./labels.ts"
 export { createResidualQuantizer, type ResidualQuantizer, type ResidualQuantizerOptions } from "./residualQuantizer.ts"
 export { computeAutoTapScrollMaxSpeedMultiplier, computeTapScrollSpeed, ScrollBar, type ScrollBarProps, type ScrollBarTapCircleOptions, type ScrollBarThumbOverlayRenderProps, TAP_SCROLL_SPEED_DEFAULTS, type TapScrollSpeedInput } from "./ScrollBar.tsx"
 export { ScrollPane, type ScrollPaneContentInsets, type ScrollPaneHandle, type ScrollPaneInertiaOptions, type ScrollPaneProps } from "./ScrollPane.tsx"