matsuri-ui 9.7.2-alpha.0

package/dist/types/List/List.d.ts

@@ -0,0 +1,11 @@
+import { AsComponentProps, FakeAsComponent } from "../AsComponentProps";
+import React from "react";
+export interface ListBaseProps {
+}
+export declare type ListProps<E extends React.ElementType> = AsComponentProps<E, ListBaseProps>;
+/**
+ * Listコンポーネントのデザインは今後大きく変更される可能性があります。
+ *
+ * 可能であればMenuコンポーネントを使用してください。
+ */
+export declare const List: FakeAsComponent<"ul", ListBaseProps>;

package/dist/types/List/ListItem.d.ts

@@ -0,0 +1,4 @@
+import { AsComponentProps, FakeAsComponent } from "../AsComponentProps";
+import React from "react";
+export declare type ListItemProps<E extends React.ElementType> = AsComponentProps<E, {}>;
+export declare const ListItem: FakeAsComponent<"li", {}>;

package/dist/types/List/ListItemIcon.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export interface ListItemIconProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "css"> {
+}
+export declare const ListItemIcon: React.FC<ListItemIconProps>;

package/dist/types/List/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./List";
+export * from "./ListItemIcon";
+export * from "./ListItem";

package/dist/types/Loading/Loading.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export interface LoadingProps extends React.HTMLAttributes<HTMLOrSVGElement> {
+    loaded?: boolean;
+    children?: never;
+}
+export declare const Loading: React.FC<LoadingProps>;

package/dist/types/Loading/index.d.ts

@@ -0,0 +1 @@
+export * from "./Loading";

package/dist/types/LoadingOverlay/index.d.ts

@@ -0,0 +1,9 @@
+import { OverlayProps } from "../Overlay";
+import React from "react";
+export interface LoadingOverlayProps extends OverlayProps {
+    /**
+     * ユーザーの手助けになるような情報を書く場合は、childrenではなくこちらを使用してください
+     */
+    helperText?: string;
+}
+export declare const LoadingOverlay: React.FC<LoadingOverlayProps>;

package/dist/types/LocaleProvider.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const LocaleContext: import("react").Context<string>;
+export declare const LocaleProvider: import("react").Provider<string>;

package/dist/types/Menu/Menu.d.ts

@@ -0,0 +1,8 @@
+import { AsComponentProps, FakeAsComponent } from "../AsComponentProps";
+import { MenuListBaseProps } from "./MenuList";
+import { PopperBaseProps } from "../Popper";
+import React from "react";
+export interface MenuBaseProps extends PopperBaseProps, MenuListBaseProps {
+}
+export declare type MenuProps<E extends React.ElementType> = AsComponentProps<E, MenuBaseProps>;
+export declare const Menu: FakeAsComponent<"ul", MenuBaseProps>;

package/dist/types/Menu/MenuList.d.ts

@@ -0,0 +1,12 @@
+import { AsComponentProps, FakeAsComponent } from "../AsComponentProps";
+import { ListBaseProps } from "../List/List";
+import { PaperProps } from "../Paper";
+import React from "react";
+export interface MenuListBaseProps extends ListBaseProps {
+    /**
+     * 内部的に使われているPaperコンポーネントに渡すPropsを指定します。
+     */
+    paperProps?: PaperProps;
+}
+export declare type MenuListProps<E extends React.ElementType = "ul"> = AsComponentProps<E, MenuListBaseProps>;
+export declare const MenuList: FakeAsComponent<"ul", MenuListBaseProps>;

package/dist/types/Menu/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Menu";
+export * from "./MenuList";

package/dist/types/Mobile/MobileHeader.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+export interface MobileHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title" | "color"> {
+    /**
+     * タイトルを指定します。
+     */
+    title?: React.ReactNode;
+    /**
+     * 左側のボタンが押されたときの挙動を指定します。
+     *
+     * この属性が存在しない場合、左側のボタンは表示されません。
+     */
+    onPrev?: (event: React.SyntheticEvent<HTMLButtonElement>) => void;
+    /**
+     * 右側のボタンが押されたときの挙動を指定します。
+     *
+     * この属性が存在しない場合、右側のボタンは表示されません。
+     */
+    onNext?: (event: React.SyntheticEvent<HTMLButtonElement>) => void;
+}
+export declare const MobileHeader: React.FC<MobileHeaderProps>;

package/dist/types/Mobile/MobilePage.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export interface MobilePageProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const MobilePage: React.FC<MobilePageProps>;

package/dist/types/Mobile/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./MobileHeader";
+export * from "./MobilePage";
+export * from "./useMobile";

package/dist/types/Mobile/useMobile.d.ts

@@ -0,0 +1,35 @@
+export declare const useMobile: <HeaderElement extends Element = HTMLElement, FooterElement extends Element = HTMLElement>() => {
+    rootProps: {
+        style: {
+            readonly position: "absolute";
+            readonly height: "100%";
+            readonly width: "100%";
+            readonly top: 0;
+            readonly left: 0;
+        };
+    };
+    headerProps: {
+        ref: (node: HeaderElement) => void;
+        style: {
+            readonly position: "fixed";
+            readonly width: "100%";
+            readonly zIndex: 99;
+            readonly top: 0;
+        };
+    };
+    footerProps: {
+        ref: (node: FooterElement) => void;
+        style: {
+            readonly position: "fixed";
+            readonly width: "100%";
+            readonly zIndex: 99;
+            readonly bottom: 0;
+        };
+    };
+    bodyProps: {
+        style: {
+            paddingTop: number;
+            paddingBottom: number;
+        };
+    };
+};

package/dist/types/Modal/Modal.d.ts

@@ -0,0 +1,53 @@
+import React from "react";
+export interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * ModalのModalHeaderの右側のXボタンを押すと発火します。
+     *
+     * このPropを指定しない場合、ModalHeaderの右側のXボタンは表示されません。
+     *
+     */
+    onClose?: () => void;
+    /**
+     * falseを指定した場合、Modalは表示されません。
+     *
+     * @default true
+     */
+    open?: boolean;
+    /**
+     * Modalの外側をクリックした場合、発火します。
+     */
+    onClickOutside?: (event: MouseEvent | TouchEvent) => void;
+    /**
+     * EscapeKeyを押した場合、発火します。
+     */
+    onEsc?: () => void;
+    /**
+     * EnterKeyを押した場合、発火します。
+     */
+    onEnter?: () => void;
+    /**
+     * 全画面表示モードになります。
+     */
+    backdrop?: boolean;
+    /**
+     * Modal上部に指定された要素を挿入します。
+     */
+    header?: JSX.Element;
+    /**
+     * Modalに指定された要素を挿入します。
+     */
+    body: JSX.Element;
+    /**
+     * Modal下部に指定された要素を挿入します。
+     */
+    footer?: JSX.Element;
+    /**
+     * @default undefined
+     */
+    width?: string | number;
+    /**
+     * @default 500
+     */
+    maxWidth?: string | number;
+}
+export declare const Modal: React.FC<ModalProps>;

package/dist/types/Modal/ModalBackdrop.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const ModalBackdrop: React.FC;

package/dist/types/Modal/ModalBody.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const ModalBody: React.FC;

package/dist/types/Modal/ModalContext.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ModalProps } from "./";
+export declare const ModalContext: import("react").Context<Partial<ModalProps>>;

package/dist/types/Modal/ModalFooter.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const ModalFooter: React.FC;

package/dist/types/Modal/ModalHeader.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const ModalHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/dist/types/Modal/ModalProvider.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ModalProvider: import("react").Provider<Partial<import("./Modal").ModalProps>>;

package/dist/types/Modal/index.d.ts

@@ -0,0 +1 @@
+export * from "./Modal";

package/dist/types/MultipleTextField/index.d.ts

@@ -0,0 +1,7 @@
+import { FieldProps } from "../TextField";
+import { InputBottomGutterProps } from "../FormHelperText";
+import React from "react";
+export interface MultipleTextFieldProps extends FieldProps<string>, Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange" | "defaultValue" | "value" | "css">, InputBottomGutterProps {
+    children?: never;
+}
+export declare const MultipleTextField: React.ForwardRefExoticComponent<MultipleTextFieldProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/NumberField/NumberField.d.ts

@@ -0,0 +1,33 @@
+import { FieldProps } from "../TextField";
+import { InputBottomGutterProps } from "../FormHelperText";
+import { InputBaseProps } from "../InputBase";
+import { NumberFormatOptions } from "./NumberFormatOptions";
+import React from "react";
+export interface NumberFieldProps extends FieldProps<number>, Omit<InputBaseProps, "defaultValue" | "value" | "onChange">, InputBottomGutterProps {
+    /**
+     * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/NumberFormat
+     */
+    options?: NumberFormatOptions;
+    type?: never;
+    children?: never;
+    /**
+     * 入力が受け付ける最大値を指定します。
+     *
+     * @default Number.MAX_SAFE_INTEGER
+     */
+    max?: number;
+    /**
+     * 入力が受け付ける最小値を指定します。
+     *
+     * @default Number.MIN_SAFE_INTEGER
+     */
+    min?: number;
+}
+/**
+ *
+ * ## コントロール状態とアンコントロール状態における差異
+ *
+ * コントロール状態つまり`onChange`が指定されている場合は、Input要素の入力値は数値以外の値を持ちません。
+ * 一方、アンコントロール状態では、Input要素の入力値は空文字を許容します。
+ */
+export declare const NumberField: React.FC<Readonly<NumberFieldProps>>;

package/dist/types/NumberField/NumberFormatOptions.d.ts

@@ -0,0 +1,12 @@
+export interface NumberFormatOptions {
+    localeMatcher?: "lookup" | "best fit";
+    style?: "decimal" | "percent" | "currency";
+    currency?: "AFN" | "EUR" | "ALL" | "DZD" | "USD" | "EUR" | "AOA" | "XCD" | "XCD" | "ARS" | "AMD" | "AWG" | "AUD" | "EUR" | "AZN" | "BSD" | "BHD" | "BDT" | "BBD" | "BYN" | "EUR" | "BZD" | "XOF" | "BMD" | "INR" | "BTN" | "BOB" | "BOV" | "USD" | "BAM" | "BWP" | "NOK" | "BRL" | "USD" | "BND" | "BGN" | "XOF" | "BIF" | "CVE" | "KHR" | "XAF" | "CAD" | "KYD" | "XAF" | "XAF" | "CLP" | "CLF" | "CNY" | "AUD" | "AUD" | "COP" | "COU" | "KMF" | "CDF" | "XAF" | "NZD" | "CRC" | "XOF" | "HRK" | "CUP" | "CUC" | "ANG" | "EUR" | "CZK" | "DKK" | "DJF" | "XCD" | "DOP" | "USD" | "EGP" | "SVC" | "USD" | "XAF" | "ERN" | "EUR" | "ETB" | "EUR" | "FKP" | "DKK" | "FJD" | "EUR" | "EUR" | "EUR" | "XPF" | "EUR" | "XAF" | "GMD" | "GEL" | "EUR" | "GHS" | "GIP" | "EUR" | "DKK" | "XCD" | "EUR" | "USD" | "GTQ" | "GBP" | "GNF" | "XOF" | "GYD" | "HTG" | "USD" | "AUD" | "EUR" | "HNL" | "HKD" | "HUF" | "ISK" | "INR" | "IDR" | "XDR" | "IRR" | "IQD" | "EUR" | "GBP" | "ILS" | "EUR" | "JMD" | "JPY" | "GBP" | "JOD" | "KZT" | "KES" | "AUD" | "KPW" | "KRW" | "KWD" | "KGS" | "LAK" | "EUR" | "LBP" | "LSL" | "ZAR" | "LRD" | "LYD" | "CHF" | "EUR" | "EUR" | "MOP" | "MKD" | "MGA" | "MWK" | "MYR" | "MVR" | "XOF" | "EUR" | "USD" | "EUR" | "MRU" | "MUR" | "EUR" | "XUA" | "MXN" | "MXV" | "USD" | "MDL" | "EUR" | "MNT" | "EUR" | "XCD" | "MAD" | "MZN" | "MMK" | "NAD" | "ZAR" | "AUD" | "NPR" | "EUR" | "XPF" | "NZD" | "NIO" | "XOF" | "NGN" | "NZD" | "AUD" | "USD" | "NOK" | "OMR" | "PKR" | "USD" | "PAB" | "USD" | "PGK" | "PYG" | "PEN" | "PHP" | "NZD" | "PLN" | "EUR" | "USD" | "QAR" | "EUR" | "RON" | "RUB" | "RWF" | "EUR" | "SHP" | "XCD" | "XCD" | "EUR" | "EUR" | "XCD" | "WST" | "EUR" | "STN" | "SAR" | "XOF" | "RSD" | "SCR" | "SLL" | "SGD" | "ANG" | "XSU" | "EUR" | "EUR" | "SBD" | "SOS" | "ZAR" | "SSP" | "EUR" | "LKR" | "SDG" | "SRD" | "NOK" | "SZL" | "SEK" | "CHF" | "CHE" | "CHW" | "SYP" | "TWD" | "TJS" | "TZS" | "THB" | "USD" | "XOF" | "NZD" | "TOP" | "TTD" | "TND" | "TRY" | "TMT" | "USD" | "AUD" | "UGX" | "UAH" | "AED" | "GBP" | "USD" | "USD" | "USN" | "UYU" | "UYI" | "UYW" | "UZS" | "VUV" | "VES" | "VND" | "USD" | "USD" | "XPF" | "MAD" | "YER" | "ZMW" | "ZWL" | "XBA" | "XBB" | "XBC" | "XBD" | "XTS" | "XXX" | "XAU" | "XPD" | "XPT" | "XAG";
+    currencyDisplay?: "symbol" | "code" | "name";
+    useGrouping?: boolean;
+    minimumIntegerDigits?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21;
+    minimumFractionDigits?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20;
+    maximumFractionDigits?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20;
+    minimumSignificantDigits?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21;
+    maximumSignificantDigits?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21;
+}

package/dist/types/NumberField/index.d.ts

@@ -0,0 +1 @@
+export * from "./NumberField";

package/dist/types/NumericTextField/index.d.ts

@@ -0,0 +1,7 @@
+import { FieldProps } from "../TextField";
+import { InputBottomGutterProps } from "../FormHelperText";
+import { InputBaseProps } from "../InputBase";
+import React from "react";
+export interface NumericTextFieldProps extends FieldProps<string>, Omit<InputBaseProps, "value" | "onChange" | "defaultValue">, InputBottomGutterProps {
+}
+export declare const NumericTextField: React.ForwardRefExoticComponent<NumericTextFieldProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/Overlay/index.d.ts

@@ -0,0 +1,47 @@
+import React from "react";
+interface OverlayStyleProps {
+    /**
+     * 0以上1以下の数値を背景の透過度を指定します。
+     * ベースとなる色はtheme.palette.background.overlay
+     *
+     * @default 0.9
+     */
+    opacity: number;
+}
+export interface OverlayBaseProps extends Partial<OverlayStyleProps> {
+    /**
+     * このコンポーネントを表示するかどうかを指定します。
+     *
+     * @default true
+     */
+    open?: boolean;
+    /**
+     * このコンポーネントが出現する際のアニメーションを無効化します。
+     *
+     * @default false
+     */
+    disableAnimation?: boolean;
+    /**
+     * このコンポーネントを表示する位置を指定します。
+     *
+     * @default top
+     */
+    position?: "top" | "right" | "bottom" | "left";
+    /**
+     * このコンポーネントが閉じられた場合の挙動を指定します。
+     */
+    onClose?: () => void;
+    /**
+     *
+     */
+    fullScreen?: boolean;
+}
+export interface OverlayProps extends OverlayBaseProps, React.HTMLAttributes<HTMLDivElement> {
+}
+/**
+ * Overlayはなるべく上の階層に配置してください。
+ * 特にLayout系のコンポーネントの子要素として使うと、予期しない挙動をする可能性があります。
+ * Overlayをなるべく上の階層に配置することは、文章構成としても妥当です。
+ */
+export declare const Overlay: React.FC<OverlayProps>;
+export {};

package/dist/types/Pagination/Pagination.d.ts

@@ -0,0 +1,37 @@
+import React from "react";
+export interface PaginationProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * 現在のページ番号、0はじまり。
+     * @default 0
+     */
+    pageIndex?: number;
+    /**
+     * ページの数、1はじまり。
+     * @default 5
+     */
+    pageSize?: number;
+    /**
+     * Paginationのボタンが押されたときに発火するメソッド
+     */
+    onChangePage?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, index: number) => void;
+    children?: never;
+    /**
+     * 表示する長さ。7以下および偶数の値は指定できません。
+     */
+    visibleWidth?: number;
+}
+export declare const Pagination: React.FC<PaginationProps> & {
+    Container: React.FC<React.HTMLAttributes<HTMLDivElement>>;
+    Item: <E extends React.ElementType<any> = "button">({ children, current, ...props }: Omit<JSX.LibraryManagedAttributes<E, React.ComponentPropsWithRef<E>>, keyof import("..").BaseButtonProps> & import("..").BaseButtonProps & {
+        as?: E | undefined;
+    } & {
+        current?: boolean | undefined;
+    }) => JSX.Element;
+    Prev: <E_1 extends React.ElementType<any> = "button">({ ...props }: Omit<import("..").ButtonProps<E_1>, "children">) => JSX.Element;
+    Next: <E_2 extends React.ElementType<any> = "button">({ ...props }: Omit<import("..").ButtonProps<E_2>, "children">) => JSX.Element;
+    More: <E_3 extends React.ElementType<any> = "button">(props: Omit<JSX.LibraryManagedAttributes<E_3, React.ComponentPropsWithRef<E_3>>, keyof import("..").BaseButtonProps> & import("..").BaseButtonProps & {
+        as?: E_3 | undefined;
+    } & {
+        current?: boolean | undefined;
+    }) => JSX.Element;
+};

package/dist/types/Pagination/PaginationContainer.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const PaginationContainer: React.FC<React.HTMLAttributes<HTMLDivElement>>;

package/dist/types/Pagination/PaginationItem.d.ts

@@ -0,0 +1,7 @@
+import { ButtonProps } from "../Button";
+import React from "react";
+export declare const PaginationItem: <E extends React.ElementType<any> = "button">({ children, current, ...props }: Omit<JSX.LibraryManagedAttributes<E, React.ComponentPropsWithRef<E>>, keyof import("../Button").BaseButtonProps> & import("../Button").BaseButtonProps & {
+    as?: E | undefined;
+} & {
+    current?: boolean | undefined;
+}) => JSX.Element;

package/dist/types/Pagination/PaginationMore.d.ts

@@ -0,0 +1,7 @@
+import { ButtonProps } from "../Button";
+import React from "react";
+export declare const PaginationMore: <E extends React.ElementType<any> = "button">(props: Omit<JSX.LibraryManagedAttributes<E, React.ComponentPropsWithRef<E>>, keyof import("../Button").BaseButtonProps> & import("../Button").BaseButtonProps & {
+    as?: E | undefined;
+} & {
+    current?: boolean | undefined;
+}) => JSX.Element;

package/dist/types/Pagination/PaginationNext.d.ts

@@ -0,0 +1,3 @@
+import { ButtonProps } from "../Button";
+import React from "react";
+export declare const PaginationNext: <E extends React.ElementType<any> = "button">({ ...props }: Omit<ButtonProps<E>, "children">) => JSX.Element;

package/dist/types/Pagination/PaginationPrev.d.ts

@@ -0,0 +1,3 @@
+import { ButtonProps } from "../Button";
+import React from "react";
+export declare const PaginationPrev: <E extends React.ElementType<any> = "button">({ ...props }: Omit<ButtonProps<E>, "children">) => JSX.Element;

package/dist/types/Pagination/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Pagination";
+export * from "./usePagination";
+export * from "./usePaginationIndex";

package/dist/types/Pagination/usePagination.d.ts

@@ -0,0 +1,38 @@
+import { PaginationProps } from "./Pagination";
+import React from "react";
+export declare const usePagination: (props?: {
+    initialState?: {
+        pageIndex?: number | undefined;
+        pageSize?: number | undefined;
+    } | undefined;
+    onChangePage?: PaginationProps["onChangePage"];
+} | undefined) => {
+    readonly items: {
+        getProps: () => {
+            key: string;
+            current: boolean;
+            onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+        };
+        render: () => number;
+    }[];
+    readonly prevItem: {
+        getProps: () => {
+            disabled: boolean;
+            onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+        };
+    };
+    readonly nextItem: {
+        getProps: () => {
+            disabled: boolean;
+            onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+        };
+    };
+    readonly setPageIndex: React.Dispatch<React.SetStateAction<number>>;
+    readonly setPageSize: React.Dispatch<React.SetStateAction<number>>;
+    readonly nextPage: (event?: React.MouseEvent<HTMLButtonElement, MouseEvent> | undefined) => void;
+    readonly prevPage: (event?: React.MouseEvent<HTMLButtonElement, MouseEvent> | undefined) => void;
+    readonly canPrevPage: boolean;
+    readonly canNextPage: boolean;
+    readonly pageIndex: number;
+    readonly pageSize: number;
+};

package/dist/types/Pagination/usePaginationIndex.d.ts

@@ -0,0 +1,12 @@
+interface MakePaginationOption {
+    total: number;
+    width: number;
+}
+declare type Items = (number | "next-more" | "prev-more")[];
+export declare const makePaginationIndex: (current: number, option: MakePaginationOption) => Items;
+/**
+ * @deprecated Use usePaginationIndex, makePaginationIndex instead
+ */
+export declare const makePagination: (current: number, option: MakePaginationOption) => Items;
+export declare const usePaginationIndex: (current: number, option: MakePaginationOption) => Items;
+export {};

package/dist/types/Pagination/usePaginationIndex.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/Panel/Panel.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+export interface PanelProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * 文字色を灰色に、取り消し線を装飾することでそのPanelが無効化された状態にあることを示します。
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 右側に任意の要素を挿入します。アイコンのような小さな要素を入れることを想定しています。
+     */
+    icon?: React.ReactNode;
+    /**
+     * 中身のコンポーネントを任意のHTML要素またはReact.Componentに切り替えます。
+     *
+     * @default div
+     */
+    as?: React.ElementType;
+}
+/**
+Panelコンポーネントはテキストと任意のアイコンのみによる単純な区切りを表すものとして設計しています。
+見出し要素などを入れる場合は別のModalやPaperなどのコンポーネントを検討してください。
+*/
+export declare const Panel: React.FC<PanelProps>;

package/dist/types/Panel/index.d.ts

@@ -0,0 +1 @@
+export * from "./Panel";

package/dist/types/Paper/Paper.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+export interface PaperProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Paperの角に丸みを持たせるかを指定します。
+     *
+     * @default false
+     */
+    square?: boolean;
+    /**
+     * Paperの影の濃さと重なりを整数で指定します。数値が高いほど上に重なり、影は濃くなります。
+     *
+     * @default 1
+     */
+    elevation?: number;
+}
+export declare const Paper: React.ForwardRefExoticComponent<PaperProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/Paper/index.d.ts

@@ -0,0 +1 @@
+export * from "./Paper";

package/dist/types/Popper/Popper.d.ts

@@ -0,0 +1,35 @@
+import { Instance, Options } from "@popperjs/core";
+import { PortalProps } from "../Portal";
+import React from "react";
+export declare type PopperInstance = Instance;
+export declare type PopperOptions = Partial<Omit<Options, "placement">>;
+export declare type PopperPlacement = Options["placement"];
+export interface PopperBaseProps {
+    /**
+     * Popperの起点となる要素を指定します。
+     */
+    anchorEl?: Element | null;
+    /**
+     * Popperの位置を指定します。
+     */
+    placement?: PopperPlacement;
+    /**
+     * @see https://popper.js.org/popper-documentation.html#defaults
+     */
+    options?: PopperOptions;
+    /**
+     * Popperの開閉を指定します。
+     *
+     * @default true
+     */
+    open?: boolean;
+    /**
+     * 要素の範囲外がクリックされたら発火するCallbackを指定します。
+     *
+     * @default undefined
+     */
+    onClickOutside?: (event: MouseEvent | TouchEvent) => void;
+}
+export interface PopperProps extends React.HTMLAttributes<HTMLDivElement>, Pick<PortalProps, "disablePortal">, PopperBaseProps {
+}
+export declare const Popper: React.FC<PopperProps>;

package/dist/types/Popper/index.d.ts

@@ -0,0 +1 @@
+export * from "./Popper";

package/dist/types/Popper/useOnClickOutside.d.ts

@@ -0,0 +1 @@
+export declare const useOnClickOutside: (ref: React.RefObject<HTMLElement>, handler?: ((event: MouseEvent | TouchEvent) => void) | undefined) => void;

package/dist/types/Portal/Portal.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+export declare const setRef: (ref: React.Ref<Element>, value: Element | null) => void;
+export interface PortalProps {
+    node?: Element | null;
+    /**
+     * Portalがレンダリングされたときに発火します。
+     */
+    onRender?: () => void;
+    children?: React.ReactNode;
+    /**
+     * Portalの挙動を無効化します。子要素は親のDOMヒエラルキーの中に留まります。
+     */
+    disablePortal?: boolean;
+}
+export declare const Portal: React.ForwardRefExoticComponent<PortalProps & React.RefAttributes<HTMLElement>>;

package/dist/types/Portal/PortalContext.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export interface PortalProviderProps {
+    root: HTMLElement | null;
+}
+export declare const PortalContext: React.Context<HTMLElement | null>;
+export declare const PortalProvider: React.FC<PortalProviderProps>;

package/dist/types/Portal/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Portal";
+export * from "./PortalContext";