ingred-ui 31.0.6 → 32.0.0

package/dist/components/AdvancedFilter/hooks/useAdvancedFilterState.d.ts

@@ -5,9 +5,10 @@
  * メインコンポーネントの複雑性を軽減する。
  */
 /// <reference types="react" />
-import { AppliedFilter, FilterType, FilterConfig } from "../types";
+import { AppliedFilter, FilterType, FilterConfig, AdvancedFilterSelectionMode } from "../types";
 export type UseAdvancedFilterStateProps = {
     types: FilterType[];
+    selectionMode?: AdvancedFilterSelectionMode;
     onFiltersChange?: (filters: AppliedFilter[]) => void;
     initialAppliedFilters?: AppliedFilter[];
 };
@@ -34,10 +35,11 @@ export type UseAdvancedFilterStateReturn = {
         y: number;
     } | null) => void;
     handleTypeSelect: (type: string) => void;
+    handleSlotClick: (type: string) => void;
     handleConfigApply: (config: FilterConfig) => void;
     handleRemoveFilter: (filterId: string) => void;
     handleClearAll: () => void;
     handleConfigCancel: () => void;
     handleEditFilter: (filter: AppliedFilter) => void;
 };
-export declare const useAdvancedFilterState: ({ types, onFiltersChange, initialAppliedFilters, }: UseAdvancedFilterStateProps) => UseAdvancedFilterStateReturn;
+export declare const useAdvancedFilterState: ({ types, selectionMode, onFiltersChange, initialAppliedFilters, }: UseAdvancedFilterStateProps) => UseAdvancedFilterStateReturn;

package/dist/components/AdvancedFilter/index.d.ts

@@ -26,10 +26,10 @@ export { AdvancedFilterTrigger } from "./AdvancedFilterTrigger";
 export { AdvancedFilterConfigPanel } from "./AdvancedFilterConfigPanel";
 export { useAdvancedFilterState } from "./hooks/useAdvancedFilterState";
 export { useFilterMenuPosition } from "./hooks/useFilterMenuPosition";
-export { TEXT_OPERATORS, NUMBER_OPERATORS, DATE_OPERATORS, SELECTION_OPERATORS, PRESET_OPERATORS, getPresetOperators, createOperator, combineOperators, overrideOperatorLabels, changeOperatorLabel, getPresetOperatorsWithLabels, selectOperators, selectOperatorsByIndex, applyOperatorToValue, applyFilter, applyMultipleFilters, evaluateFilterConditions, } from "./utils/operators";
+export { TEXT_OPERATORS, NUMBER_OPERATORS, DATE_OPERATORS, SELECTION_OPERATORS, PRESET_OPERATORS, getPresetOperators, createOperator, combineOperators, overrideOperatorLabels, changeOperatorLabel, getPresetOperatorsWithLabels, selectOperators, selectOperatorsByIndex, applyOperatorToValue, applyFilter, applyMultipleFilters, evaluateFilterConditions, normalizeForSearch, } from "./utils/operators";
 export { createValue, combineValues, overrideValueLabels, changeValueLabel, selectValues, selectValuesByIndex, getValueStrings, getValueLabels, getLabelsForValues, mergeValues, sortValues, } from "./utils/values";
 export type { ValueDefinition } from "./utils/values";
-export { isRangeOperator, isCustomOperator, isValidFilterConfig, isValidFilterType, generateTagText, generateTagTitle, getTagBoldText, getAvailableTypes, getFilterTypeLabel, } from "./utils/helpers";
+export { isRangeOperator, isCustomOperator, isValidFilterConfig, isValidFilterType, generateTagText, generateTagTitle, getTagBoldText, getAvailableTypes, getFilterTypeLabel, buildFilterSlots, getPresetSlotId, isConfiguredFilter, getConfiguredFilters, } from "./utils/helpers";
 export { FilterPositionCalculator } from "./utils/positionCalculator";
 export { ADVANCED_FILTER_CONSTANTS } from "./constants";
-export type { AdvancedFilterProps, FilterType, FilterTypeConfig, FilterConfig, AppliedFilter, OperatorDefinition, AdvancedFilterSize, AdvancedFilterVariant, FilterOperator, FilterInputType, FilterPresetType, } from "./types";
+export type { AdvancedFilterProps, FilterType, FilterTypeConfig, FilterConfig, AppliedFilter, OperatorDefinition, AdvancedFilterSize, AdvancedFilterVariant, FilterOperator, FilterInputType, FilterPresetType, AdvancedFilterSelectionMode, FilterSlotView, } from "./types";

package/dist/components/AdvancedFilter/styled.d.ts

@@ -82,6 +82,7 @@ export declare const IconArea: import("styled-components/dist/types").IStyledCom
 /**
  * 中央：タグエリア
  */
+export declare const CONFIGURED_PRESET_SLOT_TAG_CLASS = "ingred-advanced-filter-configured-tag";
 export declare const TagArea: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
 /**
  * プレースホルダーテキスト

package/dist/components/AdvancedFilter/types.d.ts

@@ -14,6 +14,7 @@
  * 注: FilterOperator, FilterInputType, FilterPresetType は src/utils/filterTypes.ts で
  * 定義され、本ファイルから re-export しています。
  */
+import type { MouseEvent } from "react";
 import { Theme } from "../../themes";
 import type { FilterOperator, FilterInputType, FilterPresetType } from "../../utils/filterTypes";
 export type { FilterOperator, FilterInputType, FilterPresetType };
@@ -22,6 +23,20 @@ export type FilterType = {
     label: string;
     disabled?: boolean;
 };
+/**
+ * フィルター選択 UI のモード
+ * - menu: メニューからタイプを選んで追加（default）
+ * - presetSlots: types 分のスロットを常時表示。未設定はタイプ名のみ、クリックで ConfigPanel を直接開く
+ */
+export type AdvancedFilterSelectionMode = "menu" | "presetSlots";
+/** presetSlots モード用の表示スロット */
+export type FilterSlotView = {
+    type: string;
+    typeLabel: string;
+    disabled?: boolean;
+    slotId: string;
+    filter: AppliedFilter | null;
+};
 export type OperatorDefinition = {
     value: FilterOperator | (string & {});
     label: string;
@@ -148,14 +163,22 @@ export type AdvancedFilterProps = {
     onFiltersChange?: (filters: AppliedFilter[]) => void;
     /** Story等で初期表示用に事前適用されたフィルターを指定する */
     initialAppliedFilters?: AppliedFilter[];
+    /**
+     * フィルター選択 UI のモード
+     * @default 'menu'
+     */
+    selectionMode?: AdvancedFilterSelectionMode;
 };
 export type AdvancedFilterTriggerProps = {
     placeholder?: string;
     disabled?: boolean;
     isOpen?: boolean;
-    onClick?: () => void;
+    onClick?: (event?: MouseEvent) => void;
     appliedFilters?: AppliedFilter[];
+    selectionMode?: AdvancedFilterSelectionMode;
+    filterSlots?: FilterSlotView[];
     onEditFilter?: (filter: AppliedFilter) => void;
+    onSlotClick?: (type: string) => void;
     onRemoveFilter?: (filterId: string) => void;
     onClearAll?: () => void;
     size?: "small" | "medium" | "large";

package/dist/components/AdvancedFilter/utils/helpers.d.ts

@@ -11,7 +11,7 @@
  * - タグ表示: タグのテキスト・タイトル生成
  * - バリデーション: フィルター設定・タイプの有効性チェック
  */
-import { AppliedFilter, FilterConfig, FilterInputType, FilterTypeConfig, MultiFilterConditionConfig, OperatorDefinition, ValueDefinition } from "../types";
+import { AppliedFilter, FilterConfig, FilterInputType, FilterSlotView, FilterTypeConfig, MultiFilterConditionConfig, OperatorDefinition, ValueDefinition } from "../types";
 /**
  * 範囲指定が必要なオペレーターかどうかを判定
  * @param operator オペレーターのvalue
@@ -159,4 +159,16 @@ type ConditionForTextFocus = {
  * 複数条件モードで最初のテキスト入力条件の ID を取得する
  */
 export declare const getFirstTextConditionId: (filterConfig: FilterTypeConfig | undefined, conditions: ConditionForTextFocus[]) => string | null;
+/** 未設定スロットの安定 ID */
+export declare const getPresetSlotId: (type: string) => string;
+/** 設定済み（値が入っている）フィルターかどうか */
+export declare const isConfiguredFilter: (filter: AppliedFilter) => boolean;
+/** 設定済みフィルターのみ返す */
+export declare const getConfiguredFilters: (appliedFilters: AppliedFilter[]) => AppliedFilter[];
+/** types と appliedFilters から presetSlots 表示用スロットを構築 */
+export declare const buildFilterSlots: (types: Array<{
+    type: string;
+    label: string;
+    disabled?: boolean;
+}>, appliedFilters: AppliedFilter[]) => FilterSlotView[];
 export {};

package/dist/components/AdvancedFilter/utils/operators.d.ts

@@ -69,6 +69,14 @@ export declare const selectOperators: (operators: OperatorDefinition[], values:
  * オペレーター配列から指定されたインデックスの要素のみを抽出
  */
 export declare const selectOperatorsByIndex: (operators: OperatorDefinition[], indices: number[]) => OperatorDefinition[];
+/**
+ * フィルタリング処理用のヘルパー関数群
+ * 実際のデータフィルタリング処理で使用
+ */
+/**
+ * 文字列比較用の正規化（大文字小文字・全角半角を区別しない）
+ */
+export declare const normalizeForSearch: (value: string) => string;
 /**
  * 単一の値に対してオペレーターを適用
  */

package/dist/components/AdvancedFilter/utils/positionCalculator.d.ts

@@ -27,9 +27,13 @@ export declare class FilterPositionCalculator {
      */
     private static calculateSafePosition;
     /**
-     * ConfigPanelの座標を計算
+     * ConfigPanelの座標を計算（AppliedFilter 用。後方互換）
      */
     static calculateConfigPanelPosition(filter: AppliedFilter, appliedFilters: AppliedFilter[], triggerRef: React.RefObject<HTMLDivElement>): MenuPosition;
+    /**
+     * ConfigPanelの座標を計算（slotId ベース。presetSlots モード用）
+     */
+    static calculateConfigPanelPositionBySlotId(slotId: string, slotIndex: number, triggerRef: React.RefObject<HTMLDivElement>): MenuPosition;
     /**
      * 実際のDOM要素から座標を計算
      */

package/dist/components/NavigationRail/Fixture/Fixture.d.ts

@@ -3,5 +3,5 @@ export type LabelFixtureTooltip = (isFixed: boolean) => string;
 type Props = {
     labelFixtureTooltip?: LabelFixtureTooltip;
 };
-declare const Fixture: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+declare const Fixture: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement>>;
 export { Fixture };

package/dist/components/NavigationRail/Fixture/styled.d.ts

@@ -1 +1,2 @@
-export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, never> & Partial<Pick<any, never>>> & string;
+/** Tooltip の参照要素。子の入れ替え時もホバー追跡を安定させる */
+export declare const FixtureTooltipAnchor: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;

package/dist/components/NavigationRail/NavigationRail.d.ts

@@ -6,6 +6,7 @@ import { Fixture } from "./Fixture";
 import { Menu } from "./Menu";
 import { ExpansionMenu } from "./ExpansionMenu";
 import { ExpansionMenuItem } from "./ExpansionMenuItem";
+import { Slot, SlotContent } from "./Slot";
 type ExportedComponentType = {
     (props: Props & React.RefAttributes<HTMLDivElement>): JSX.Element;
     Container: typeof NavigationRailContainer;
@@ -17,13 +18,11 @@ type ExportedComponentType = {
     ExpansionMenuItem: typeof ExpansionMenuItem;
     Fixture: typeof Fixture;
     MainContent: typeof MainContent;
+    Slot: typeof Slot;
+    SlotContent: typeof SlotContent;
 };
 type Props = {
     children?: React.ReactNode;
-    /**
-     * モバイルメニューが開いた時に、閉じるボタンとメニューの間に表示するコンテンツ
-     */
-    mobileHeaderContent?: React.ReactNode;
 };
-declare const _default: ExportedComponentType;
-export default _default;
+declare const ExportedComponent: ExportedComponentType;
+export default ExportedComponent;

package/dist/components/NavigationRail/NavigationRailContainer/NavigationRailContainer.d.ts

@@ -12,6 +12,16 @@ export type NavigationRailContainerProps = {
      * It can define callback function that triggered when NavigationRail is `fixed`.
      */
     onChangeFixed?: (isFixed: boolean) => void;
+    /**
+     * モバイル向けの未読件数。メニュー内の `Menu` / `ExpansionMenu` 等も含めた合算を渡す。
+     * ドロワー閉時はメニューを開くボタンに赤ドット（件数なし）、開時は Slot 内の通知ボタンへ件数表示。
+     */
+    notificationCount?: number;
+    /**
+     * デスクトップ向け、Slot 領域のみの未読件数（通知ボタンへ件数表示）。
+     * 折りたたみ時の `Fixture` には 1 件以上で赤ドットのみ（件数なし）。メニュー行とは別管理。
+     */
+    slotNotificationCount?: number;
     children: React.ReactNode;
 };
 declare const NavigationRailContainer: React.ForwardRefExoticComponent<NavigationRailContainerProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/NavigationRail/NavigationRailContainer/styled.d.ts

@@ -1,2 +1,2 @@
 export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
-export declare const MobileMenuButton: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export declare const MobileMenuButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, never> & Partial<Pick<any, never>>> & string;

package/dist/components/NavigationRail/Slot/Slot.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+export type SlotProps = {
+    children?: React.ReactNode;
+    /**
+     * 右端に表示する操作（デスクトップの Fixture など）。
+     * モバイル時は上段に閉じるボタンのみ表示し、`actions` は無視される。
+     * 下段 `children` の padding は利用側で指定する。
+     * 未指定時のデスクトップ: Fixture。
+     */
+    actions?: React.ReactNode;
+};
+declare const Slot: React.ForwardRefExoticComponent<SlotProps & React.RefAttributes<HTMLDivElement>>;
+export { Slot };

package/dist/components/NavigationRail/Slot/SlotContent.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+export type SlotContentVisibility = "desktop" | "mobile" | "all";
+export type SlotContentProps = {
+    children?: React.ReactNode;
+    /**
+     * 表示するビューポート。
+     * - `desktop`: 576px 超のみ
+     * - `mobile`: 576px 以下のみ
+     * - `all`: 常に（レール開閉による非表示は Slot 側で制御）
+     */
+    visibility?: SlotContentVisibility;
+};
+declare const SlotContent: React.ForwardRefExoticComponent<SlotContentProps & React.RefAttributes<HTMLDivElement>>;
+export { SlotContent };

package/dist/components/NavigationRail/Slot/index.d.ts

@@ -0,0 +1,4 @@
+export { Slot } from "./Slot";
+export type { SlotProps } from "./Slot";
+export { SlotContent } from "./SlotContent";
+export type { SlotContentProps, SlotContentVisibility } from "./SlotContent";

package/dist/components/NavigationRail/Slot/styled.d.ts

@@ -0,0 +1,6 @@
+export declare const MobileSlotRoot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, never> & Partial<Pick<any, never>>> & string;
+export declare const MobileCloseBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, never> & Partial<Pick<any, never>>> & string;
+export declare const SlotBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, never> & Partial<Pick<any, never>>> & string;
+export declare const SlotCustom: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, never> & Partial<Pick<any, never>>> & string;
+export declare const SlotActions: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, never> & Partial<Pick<any, never>>> & string;
+export declare const SlotContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, never> & Partial<Pick<any, never>>> & string;

package/dist/components/NavigationRail/constants.d.ts

@@ -1,9 +1,14 @@
 export declare const NavigationRailWidth: {
-    readonly NARROW: "74px";
+    readonly NARROW: "64px";
     readonly WIDE: "256px";
 };
 export declare const NavigationRailContentHeight: {
     readonly HEADER: "72px";
     readonly FOOTER: "72px";
+    readonly SLOT: "56px";
+    /** モバイル Slot 上段（閉じるボタン専用行） */
+    readonly SLOT_MOBILE_CLOSE: "48px";
 };
 export declare const NavigationRailTransitionDuration = 0.3;
+/** NotificationBadge overlay の角からのオフセット（%）。アイコンボタン向け */
+export declare const NavigationRailBadgeOverlayOffsetPercent = 10;

package/dist/components/NavigationRail/hooks/useNavigationRail.d.ts

@@ -0,0 +1,2 @@
+import { type NavigationRailContextValues } from "../utils";
+export declare function useNavigationRail(): NavigationRailContextValues;

package/dist/components/NavigationRail/index.d.ts

@@ -3,4 +3,6 @@ export type { NavigationRailExpansionMenuProps } from "./ExpansionMenu";
 export type { NavigationRailExpansionMenuItemProps } from "./ExpansionMenuItem";
 export type { NavigationRailMenuProps } from "./Menu";
 export type { NavigationRailContainerProps } from "./NavigationRailContainer";
+export type { SlotProps } from "./Slot";
+export type { SlotContentProps, SlotContentVisibility } from "./Slot";
 export * from "./utils";

package/dist/components/NavigationRail/styled.d.ts

@@ -1,4 +1,2 @@
 export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, never> & Partial<Pick<any, never>>> & string;
 export declare const MobileOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, never> & Partial<Pick<any, never>>> & string;
-export declare const MobileCloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
-export declare const MobileHeaderContent: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;

package/dist/components/NavigationRail/utils.d.ts

@@ -9,5 +9,14 @@ export type NavigationRailContextValues = {
     isMobile: boolean;
     isMobileMenuOpen: boolean;
     handleMobileMenuToggle?: () => void;
+    /**
+     * モバイル向けの未読件数（メニュー内の通知を含む合算。ドロワー閉時は開くボタンへ表示）。
+     */
+    notificationCount: number;
+    /**
+     * デスクトップ向け、Slot 領域のみの未読件数（通知ボタン・折りたたみ時の Fixture）。
+     */
+    slotNotificationCount: number;
 };
 export declare const NavigationRailContext: React.Context<NavigationRailContextValues>;
+export { useNavigationRail } from "./hooks/useNavigationRail";

package/dist/components/NotificationBadge/NotificationBadge.d.ts

@@ -8,17 +8,23 @@ type NotificationBadgeBaseProps = NotificationBadgePillProps & {
     showZero?: boolean;
     invisible?: boolean;
     children: React.ReactNode;
+    /**
+     * overlay 時、角から外へずらす量（バッジ自身の幅・高さに対する %）。
+     * 小さいほど子（主にアイコン）に近づく。`0` で角に揃う。inline では無視される。
+     * @default 50
+     */
+    overlayOffsetPercent?: number;
 };
-type OverlayNormalProps = NotificationBadgeBaseProps & {
+type OverlayLayoutProps = NotificationBadgeBaseProps & {
     layout?: "overlay";
-    variant?: "normal";
     position?: "top-right" | "top-left" | "bottom-right" | "bottom-left";
+};
+type OverlayNormalProps = OverlayLayoutProps & {
+    variant?: "normal";
     dotSize?: never;
 };
-type OverlayDotProps = NotificationBadgeBaseProps & {
-    layout?: "overlay";
+type OverlayDotProps = OverlayLayoutProps & {
     variant: "dot";
-    position?: "top-right" | "top-left" | "bottom-right" | "bottom-left";
     /** dot variant のサイズ */
     dotSize?: "small" | "medium" | "large";
 };
@@ -28,6 +34,7 @@ type InlineProps = NotificationBadgeBaseProps & {
     variant?: "normal";
     position?: never;
     dotSize?: never;
+    overlayOffsetPercent?: never;
 };
 export type NotificationBadgeProps = OverlayNormalProps | OverlayDotProps | InlineProps;
 declare const NotificationBadge: React.ForwardRefExoticComponent<NotificationBadgeProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Select2/styled.d.ts

@@ -7,7 +7,7 @@ export declare const SelectLabel: import("styled-components/dist/types").IStyled
 export declare const SelectLabelText: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
 export declare const SelectLabelIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, never> & Partial<Pick<any, never>>> & string;
 export declare const TagContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, never> & Partial<Pick<any, never>>> & string;
-export declare const StyledTag: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../Tag").TagProps, never> & Partial<Pick<import("../Tag").TagProps, never>>> & string & Omit<({ label, size, variant, onRemove, className, disabled, boldText, onClick, "aria-label": ariaLabel, "data-tag": dataTag, prepend, }: import("../Tag").TagProps) => JSX.Element, keyof import("react").Component<any, {}, any>>;
+export declare const StyledTag: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../Tag").TagProps, never> & Partial<Pick<import("../Tag").TagProps, never>>> & string & Omit<({ label, size, variant, onRemove, className, disabled, boldText, onClick, onPointerDown, "aria-label": ariaLabel, "data-tag": dataTag, prepend, }: import("../Tag").TagProps) => JSX.Element, keyof import("react").Component<any, {}, any>>;
 export declare const Placeholder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, never> & Partial<Pick<any, never>>> & string;
 export declare const IconArea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, never> & Partial<Pick<any, never>>> & string;
 export declare const StyledContextMenu2TextInputItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<{

package/dist/components/Tag/Tag.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { TagProps } from "./types";
-export declare const Tag: ({ label, size, variant, onRemove, className, disabled, boldText, onClick, "aria-label": ariaLabel, "data-tag": dataTag, prepend, }: TagProps) => JSX.Element;
+export declare const Tag: ({ label, size, variant, onRemove, className, disabled, boldText, onClick, onPointerDown, "aria-label": ariaLabel, "data-tag": dataTag, prepend, }: TagProps) => JSX.Element;

package/dist/components/Tag/types.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from "react";
+import type { PointerEventHandler, ReactNode } from "react";
 export type TagSize = "small" | "medium" | "large" | "xl";
 export type TagVariant = "light" | "dark";
 export type TagProps = {
@@ -10,6 +10,11 @@ export type TagProps = {
     disabled?: boolean;
     boldText?: string | string[];
     onClick?: () => void;
+    /**
+     * ポインター押下時（マウス・タッチ）。`preventDefault` でフォーカス移動によるスクロールを抑止する用途向け。
+     * タッチでは `onMouseDown` だけでは効かないことがある。
+     */
+    onPointerDown?: PointerEventHandler<HTMLDivElement>;
     "aria-label"?: string;
     "data-tag"?: string;
     prepend?: ReactNode;