visits-style 2.1.4 → 2.2.1

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

@@ -0,0 +1,17 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface Props extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ボタンなどの表示するラベル\
+     * showを変更するロジックのイベントが必要となります
+    */
+    header: ReactNode;
+    /** trueの場合、内容を開きます */
+    show: boolean;
+    /**
+     * アニメーションの時間\
+     * 0に設定すると、即時に反応します
+     * @default 300
+     */
+    timeout?: number;
+}
+export default function Accordion({ header, show, children, timeout, ...rest }: Props): import("react").JSX.Element;

package/dist/components/Dialog/DialogHeader.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes, ReactNode } from 'react';
+interface DialogHeaderProps extends HTMLAttributes<HTMLElement> {
+    closeIcon: ReactNode;
+    onClose?: () => void;
+}
+export default function DialogHeader({ onClose, children, closeIcon, ...rest }: DialogHeaderProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,50 @@
+import { HTMLAttributes, ReactNode, Ref } from 'react';
+export interface Props extends HTMLAttributes<HTMLDivElement> {
+    /** trueの場合、モーダルを表示します。 */
+    open?: boolean;
+    /** モーダルのbodyに入れる内容 */
+    children?: ReactNode;
+    /** オーバーレイのクリックでモーダルクローズ */
+    closeOnOverlay?: boolean;
+    /** escボタンでクローズ */
+    closeOnEsc?: boolean;
+    /**
+     * モーダルの表示・非表示のアニメーション速度
+     * @default 150
+     */
+    timeout?: number | {
+        open: number;
+        close: number;
+    };
+    /**
+     * モーダルのデフォルトデザインを適用し、サイズを指定します。\
+     * 未指定の場合は、スタイルを全部外した状態で表示されます
+     * */
+    size?: 'small' | 'medium' | 'large';
+    /** モーダルのtransition exitが完了した時に発火されるcallback */
+    onOpenChange?: (open: boolean) => void;
+    /** モーダルのtransition exitが完了した時に発火されるcallback */
+    onExited?: () => void;
+    /**
+     * モーダルの背景からのpaddingを指定します。
+     * @default '0.85rem'
+     */
+    padding?: string;
+    /**
+     * モーダルの縦並びを設定します。
+     * @default 'center'
+     */
+    verticalAlign?: 'start' | 'center' | 'end';
+}
+export default function Dialog({ open, children, timeout, padding, verticalAlign, closeOnOverlay, closeOnEsc, onExited, className, onOpenChange, size, ...rest }: Props): import("react").JSX.Element;
+export { default as DialogHeader } from './DialogHeader';
+interface DialogContentProps extends HTMLAttributes<HTMLElement> {
+    ref?: Ref<HTMLElement>;
+    size?: Props['size'];
+}
+export declare function DialogContent({ size, ...rest }: DialogContentProps): import("react").JSX.Element;
+interface DialogFooterProps extends HTMLAttributes<HTMLElement> {
+    /** @default 'right' */
+    align?: 'center' | 'left' | 'right';
+}
+export declare function DialogFooter({ align, ...rest }: DialogFooterProps): import("react").JSX.Element;

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

@@ -0,0 +1,58 @@
+import { CSSProperties, HTMLAttributes, ReactElement, ReactNode, Ref } from 'react';
+import { ReferenceType } from '@floating-ui/react';
+import { Placement } from '@floating-ui/core';
+export interface PopoverRef {
+    open: () => void;
+    close: () => void;
+}
+export interface Props extends HTMLAttributes<HTMLDivElement> {
+    ref?: Ref<PopoverRef>;
+    /** ボタンの内容 */
+    label: ReactElement;
+    /** 内容のリスト */
+    children?: ReactNode;
+    /**
+     * 表示される場所
+     * @default 'bottom-end'
+     */
+    position?: Placement;
+    /**
+     * Popoverが表示される間隔
+     * @default '{ x: 0, y: 6 }'
+     */
+    offset?: {
+        x: number;
+        y: number;
+    };
+    /**
+     * Popoverの表示・非表示のアニメーション速度
+     * @default { open: 150, close: 75 }
+     */
+    timeout?: number | {
+        open: number;
+        close: number;
+    };
+    /** 閉じた場合のコールバック */
+    onClose?: (ref?: ReferenceType | null, float?: HTMLElement | null) => void;
+    /** 開けた場合のコールバック */
+    onOpen?: (ref?: ReferenceType | null, float?: HTMLElement | null) => void;
+    /** popoverを閉じる処理を手動に設定します */
+    onManualClose?: () => void;
+    /** コンテンツを出さない */
+    disabled?: boolean;
+    /**
+     * zIndexを指定する
+     * @default 9996
+    */
+    zIndex?: number;
+    /** 基本スタイルを全部外し、classNameの定義のみ使います */
+    override?: boolean;
+}
+export default function Popover({ ref, position, label, children, disabled, offset, onOpen, onClose, onManualClose, timeout, override, zIndex, role, ...rest }: Props): import("react").JSX.Element;
+interface PopoverContentProps extends HTMLAttributes<HTMLDivElement> {
+    styles: CSSProperties;
+    /** 基本スタイルを全部外し、classNameの定義のみ使います */
+    override?: boolean;
+}
+export declare function PopoverContent({ override, styles, style, ...rest }: PopoverContentProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export interface Props {
+    children: ReactNode;
+    container?: HTMLElement;
+    disabled?: boolean;
+}
+export default function Portal({ children, container, disabled }: Props): import('react').ReactPortal | null;

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

@@ -0,0 +1,33 @@
+import { HTMLAttributes } from 'react';
+export interface Props extends HTMLAttributes<HTMLDivElement> {
+    /** trueの場合、モーダルを表示します。 */
+    open?: boolean;
+    /**
+     * モーダルの表示・非表示のアニメーション速度
+     * @default '{ open: 250, close: 150 }'
+     */
+    timeout?: number | {
+        open: number;
+        close: number;
+    };
+    onOpenChange?: (open: boolean) => void;
+    /** 開けた場合のコールバック */
+    onOpen?: () => void;
+    /** モーダルのtransition exitが完了した時に発火されるcallback */
+    onExited?: () => void;
+    overlay?: boolean;
+    /**
+     * sheetが表示されれう場所
+     * @defaut 'right'
+    */
+    position?: 'left' | 'right' | 'top' | 'bottom';
+    /** 基本スタイルを全部外し、classNameの定義のみ使います */
+    override?: boolean;
+}
+export default function Sheet({ open, timeout, onOpenChange, position, overlay, onExited, onOpen, ...rest }: Props): import("react").JSX.Element;
+interface SheetContentProps extends HTMLAttributes<HTMLDivElement> {
+    /** 基本スタイルを全部外し、classNameの定義のみ使います */
+    override?: boolean;
+}
+export declare function SheetContent(props: SheetContentProps): import("react").JSX.Element;
+export {};

package/dist/components/Toast/ToastFloat.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { ToastConfig } from './types';
+interface ToastContainerProps extends Pick<ToastConfig, 'id' | 'duration' | 'className' | 'type'> {
+    index: number;
+    children: ReactNode;
+    inverted?: boolean;
+    timeout?: number;
+    max?: number;
+}
+export default function ToastContainer({ id, type, index, duration, className, children, inverted, timeout, max, }: ToastContainerProps): import("react").JSX.Element | null;
+export {};

package/dist/components/Toast/ToastItem.d.ts

@@ -0,0 +1,2 @@
+import { ToastItemProps } from './types';
+export default function ToastItem({ type, label, message }: ToastItemProps): import("react").JSX.Element;

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

@@ -0,0 +1,3 @@
+import { ToasterProps, ToastContextType } from './types';
+export declare function useToastContext(): ToastContextType;
+export default function Toast({ className, offset, position, max, ListItem, icons, }: ToasterProps): import("react").JSX.Element;

package/dist/components/Toast/observer.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+import { ToastConfig } from './types';
+type PublishArgs = ({
+    id: string;
+    type: 'add';
+    config: ToastConfig;
+} | {
+    id: string;
+    type: 'remove';
+} | {
+    id: string;
+    type: 'update';
+    config: Partial<ToastConfig>;
+});
+declare class ToastObserver {
+    /** システムで１つしか存在しない前提とする */
+    notify: (args: PublishArgs) => void;
+    lastId: number;
+    /** internal use only */
+    subscribe: (callback: (args: PublishArgs) => void) => () => void;
+    add: (label: ReactNode, config?: Omit<ToastConfig, "label" | "id">) => string;
+    /** 表示中のtoastを修正します。promiseのロード状態を表示することなどに使います */
+    update: (id: string, config: Partial<Omit<ToastConfig, "id">>) => void;
+    remove: (id: string) => void;
+    clear: () => void;
+}
+declare const observer: ToastObserver;
+export default observer;

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

@@ -0,0 +1,62 @@
+import { ReactNode, FunctionComponent } from 'react';
+export type ToastType = 'info' | 'success' | 'error' | 'warn' | 'loading';
+export interface ToastConfig {
+    /** 認識ID */
+    id: string;
+    label: ReactNode;
+    type?: ToastType;
+    /** ラベル以外に表示する内容 */
+    message?: ReactNode;
+    /**
+     * 表示される時間 nullの場合は自動で閉じられません
+     * @default 5000
+     */
+    duration?: number | null;
+    className?: string;
+}
+export type ToastItemProps = Omit<ToastConfig, 'duration' | 'className'>;
+export type ToasterPosition = 'top' | 'top-right' | 'top-left' | 'bottom' | 'bottom-right' | 'bottom-left';
+export interface ToasterProps {
+    className?: string;
+    /** レンダリング対象のコンポーネント */
+    /**
+     * toastの表示される場所の指定
+     * \
+     * top, top-right, top-left, bottom, bottom-right, bottom-left
+     * @default 'top-left'
+     */
+    position?: ToasterPosition;
+    /**
+     * offset 単位はpx
+     * @default positionによって16px自動反映
+     */
+    offset?: Partial<{
+        top: string;
+        left: string;
+        right: string;
+        bottom: string;
+    }>;
+    /**
+     * 並ばずに、Toastが積み上げます\
+     * (まだ開発中です)
+    */
+    stack?: boolean;
+    /**
+     * 表示する最大Toast数を指定します
+     * @default 3
+    */
+    max?: number;
+    ListItem?: FunctionComponent<ToastItemProps>;
+    /**
+     * 表示するToastのタイプに使うアイコンを指定(未指定の場合はアイコンは表示されません)\
+     * ただし、loading状態はspinnerを表示します
+    */
+    icons?: Record<Exclude<ToastType, 'loading'>, ReactNode>;
+}
+export interface ToastContextType {
+    /**
+     * 表示するToastのタイプに使うアイコンを指定(未指定の場合はアイコンは表示されません)\
+     * ただし、loading状態はspinnerを表示します
+    */
+    icons?: Record<Exclude<ToastType, 'loading'>, ReactNode>;
+}

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

@@ -0,0 +1,43 @@
+import { ReactNode, ReactElement, RefObject, HTMLAttributes } from 'react';
+import { Placement, ReferenceElement } from '@floating-ui/core';
+export interface TooltipRef {
+    floating: RefObject<HTMLElement | null>;
+    reference: RefObject<ReferenceElement | null>;
+    open: () => void;
+    close: () => void;
+}
+export interface TooltipProps {
+    /** 吹き出しとして表示したい内容 */
+    label: ReactNode;
+    /** マウスオーバーの対象になるelement */
+    children: ReactElement;
+    /**
+     * 表示される場所
+     * @default 'bottom'
+     */
+    position?: Placement;
+    /**
+     * ツールチップが表示される間隔, 単位はpx
+     * @default '{ x: 0, y: 6 }'
+     */
+    offset?: {
+        x: number;
+        y: number;
+    };
+    /**
+     * ツールチップの表示・非表示のアニメーション速度
+     * @default 150
+     */
+    timeout?: number;
+    /** 吹き出し表示座標を対象のElementではなくマウスカーソルにする */
+    clientPoint?: boolean;
+    /** 吹き出しを出さない */
+    disabled?: boolean;
+    className?: string;
+}
+declare const Tooltip: import('react').ForwardRefExoticComponent<TooltipProps & import('react').RefAttributes<TooltipRef>>;
+export default Tooltip;
+interface TooltipContentProps extends HTMLAttributes<HTMLDivElement> {
+    custom?: boolean;
+}
+export declare const TooltipContent: import('react').ForwardRefExoticComponent<TooltipContentProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/index.d.ts

@@ -0,0 +1,11 @@
+export * from '../forms';
+export { default as Accordion, type Props as AccordionProps } from './Accordion';
+export { default as Tooltip, type TooltipProps, type TooltipRef } from './Tooltip';
+export { default as Popover, type Props as PopoverProps, type PopoverRef } from './Popover';
+export { default as Portal, type Props as PortalProps } from './Portal';
+export { default as Dialog, type Props as DialogProps } from './Dialog';
+export { default as Sheet, type Props as SheetProps } from './Sheet';
+export { default as Toast } from './Toast';
+export { default as ToastItem } from './Toast/ToastItem';
+export { default as toast } from './Toast/observer';
+export type * from './Toast/types';

package/dist/elements/Base.d.ts

@@ -0,0 +1,14 @@
+import { ElementType, ComponentPropsWithRef, HTMLAttributes } from 'react';
+import { ClassValue } from '../utils/merge';
+export type { HTMLAttributes, ButtonHTMLAttributes, SVGAttributes } from 'react';
+export interface BaseProps {
+    as?: ElementType;
+    classList?: ClassValue | ClassValue[];
+    /** 基本スタイルを全部外し、classNameの定義のみ使います */
+    override?: boolean;
+}
+export default function Base<T extends HTMLAttributes<HTMLElement>>({ as, classList, className, override, ...props }: T & BaseProps): import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;
+export declare function element<T extends ElementType>(tag: T, classList: ClassValue | ClassValue[]): {
+    ({ className, ...props }: ComponentPropsWithRef<T>): import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;
+    displayName: string;
+};

package/dist/elements/Button/ButtonGroup.d.ts

@@ -0,0 +1,2 @@
+import { HTMLAttributes } from '../Base';
+export default function ButtonGroup(props: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;

package/dist/elements/Button/index.d.ts

@@ -0,0 +1,9 @@
+import { ButtonHTMLAttributes } from 'react';
+interface InnerButtonProps {
+    variant?: 'primary' | 'info' | 'warn' | 'link' | 'outline' | 'ghost' | 'danger';
+    size?: 'icon' | 'none';
+}
+export type ButtonProps = InnerButtonProps & ButtonHTMLAttributes<HTMLButtonElement>;
+export declare function varientButton({ variant, size }: InnerButtonProps): string;
+export default function Button({ size, variant, className, ...rest }: ButtonProps): import("react").JSX.Element;
+export {};

package/dist/elements/Divider/index.d.ts

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from '../Base';
+export interface Props extends HTMLAttributes<HTMLElement> {
+    /** @default 'horizontal' */
+    orientation?: 'horizontal' | 'vertical';
+}
+export default function Divider({ orientation, ...props }: Props): import("react").JSX.Element;

package/dist/elements/Progress/index.d.ts

@@ -0,0 +1,11 @@
+import { HTMLAttributes } from '../Base';
+export interface ProgressProps extends HTMLAttributes<HTMLDivElement> {
+    /** 現状の進捗 */
+    value: number;
+    /**
+     * 進捗の最大値\
+     * 最小値は0基準になるので、それに合わせてください
+    */
+    max: number;
+}
+export default function Progress({ value, max, ...rest }: ProgressProps): import("react").JSX.Element;

package/dist/elements/Skeleton/index.d.ts

@@ -0,0 +1,4 @@
+import { HTMLAttributes } from '../Base';
+type Props = HTMLAttributes<HTMLDivElement>;
+export default function Skeleton(props: Props): import("react").JSX.Element;
+export {};

package/dist/elements/Spinner/index.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from 'react';
+export interface Props extends HTMLAttributes<HTMLDivElement> {
+    /** サイズ */
+    size?: number;
+    label?: string;
+}
+export default function Spinner({ size, label, ...rest }: Props): import("react").JSX.Element;

package/dist/elements/index.d.ts

@@ -0,0 +1,7 @@
+export { default as Base } from './Base';
+export { default as Skeleton } from './Skeleton';
+export { default as Button, type ButtonProps, varientButton } from './Button';
+export { default as ButtonGroup } from './Button/ButtonGroup';
+export { default as Spinner, type Props as SinnerProps } from './Spinner';
+export { default as Progress, type ProgressProps } from './Progress';
+export { default as Divider, type Props as DividerProps } from './Divider';

package/dist/forms/Checkbox/index.d.ts

@@ -0,0 +1,13 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+export interface Props extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onChange' | 'type' | 'role'> {
+    error?: boolean;
+    children?: ReactNode;
+    checked?: boolean;
+    indeterminate?: boolean;
+    /** idが未指定の場合、nameが代わりに使われます */
+    name?: string;
+    /** チェック状態のアイコンを指定する */
+    checkIcon: ReactNode;
+    onChange?: (checked: boolean) => void;
+}
+export default function Checkbox({ checked, indeterminate, id, name, onChange, value, checkIcon, error, ...rest }: Props): import("react").JSX.Element;

package/dist/forms/Field/FormField.d.ts

@@ -0,0 +1,16 @@
+import { HTMLAttributes, ReactElement } from 'react';
+export interface Props extends HTMLAttributes<HTMLDivElement> {
+    label?: string;
+    htmlFor?: string;
+    error?: string;
+    help?: string;
+    innerClass?: string;
+    /**
+     * メッセージの表示する箇所を指定します
+     * 未指定の場合、後に表示し、errorがあると、エラーの表示を優先して入れ替えます
+    */
+    helpBefore?: boolean;
+    children: ReactElement | ReactElement[];
+    required?: boolean;
+}
+export default function Field({ label, children, required, htmlFor, error, help, helpBefore, innerClass, ...rest }: Props): import("react").JSX.Element;

package/dist/forms/Field/FormLabel.d.ts

@@ -0,0 +1,2 @@
+import { LabelHTMLAttributes } from 'react';
+export default function FormLabel(props: LabelHTMLAttributes<HTMLLabelElement>): import("react").JSX.Element;

package/dist/forms/Field/InputField.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from 'react';
+export interface Props extends HTMLAttributes<HTMLInputElement> {
+    error?: boolean;
+    /** 基本スタイルを全部外し、classNameの定義のみ使います */
+    override?: boolean;
+}
+export default function InputField({ error, ...rest }: Props): import("react").JSX.Element;

package/dist/forms/Input/index.d.ts

@@ -0,0 +1,8 @@
+import { InputHTMLAttributes, Ref } from 'react';
+export interface Props extends InputHTMLAttributes<HTMLInputElement> {
+    ref?: Ref<HTMLInputElement>;
+    error?: boolean;
+    /** 基本スタイルを全部外し、classNameの定義のみ使います */
+    override?: boolean;
+}
+export default function Input({ type, error, ...rest }: Props): import("react").JSX.Element;

package/dist/forms/Radio/RadioGroup.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+interface Props<T> {
+    className?: string;
+    name?: string;
+    disabled?: boolean;
+    value: T;
+    options: Array<{
+        id: NonNullable<T>;
+        label: ReactNode;
+    }>;
+    onChange: (value: T) => void;
+}
+export default function RadioGroup<T = unknown>({ name, className, value, options, onChange, disabled, }: Props<T>): import("react").JSX.Element;
+export {};

package/dist/forms/Radio/index.d.ts

@@ -0,0 +1,10 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+export interface Props extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onChange' | 'type' | 'role'> {
+    error?: boolean;
+    children?: ReactNode;
+    checked?: boolean;
+    /** idが未指定の場合、nameが代わりに使われます */
+    name?: string;
+    onChange?: (checked: boolean) => void;
+}
+export default function Radio({ checked, className, id, name, onChange, value, error, ...rest }: Props): import("react").JSX.Element;

package/dist/forms/Select/index.d.ts

@@ -0,0 +1,49 @@
+import { ButtonHTMLAttributes, ReactElement, ReactNode } from 'react';
+type OptionType<T> = {
+    value: T;
+    label: string;
+} | string;
+interface OptionRenderConfig {
+    index: number;
+    selected: boolean;
+    onChange: () => void;
+}
+export interface Props<T> extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'onClick' | 'type' | 'value' | 'children'> {
+    /** 配列の値の入力の場合、複数選択モードに切り替えます */
+    value: T | T[];
+    options: OptionType<T>[];
+    onChange?: (value: T) => void;
+    onClear?: () => void;
+    renderItem?: (item: OptionType<T>, config: OptionRenderConfig) => ReactElement;
+    placeholder?: string;
+    arrowIcon?: ReactNode;
+    closeIcon?: ReactNode;
+    checkIcon?: ReactNode;
+    /**
+     * select選択肢の最大高さ
+     * @default 408
+    */
+    maxHeight?: number;
+    error?: boolean;
+    /** 基本スタイルを全部外し、classNameの定義のみ使います */
+    override?: boolean;
+    /** クリアボタン、矢印アイコンの領域のdivのスタイルのカスタム指定 */
+    buttonAreaStyle?: string;
+    /** section(stringのみで区域を区切った場合)を使うときのスタイルのカスタム指定 */
+    sectionLabelStyle?: string;
+    /** 各選択肢のスタイルのカスタム指定 */
+    optionStyle?: string;
+    /** 選択を取り消すボタンのaria-label */
+    clearLabelText?: string;
+}
+export default function Select<T = unknown>({ className, placeholder, options, error, disabled, value, maxHeight, arrowIcon, closeIcon, checkIcon, onChange, onClear, renderItem, sectionLabelStyle, buttonAreaStyle, clearLabelText, optionStyle, ...rest }: Props<T>): import("react").JSX.Element;
+interface SelectItemProps<T> {
+    className?: string;
+    value: T;
+    label: string;
+    onChange?: (value: T) => void;
+    checkIcon?: ReactNode;
+    selected?: boolean;
+}
+export declare function SelectItem<T>({ className, value, label, selected, checkIcon, onChange, }: SelectItemProps<T>): import("react").JSX.Element;
+export {};

package/dist/forms/Select/native.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode, Ref, SelectHTMLAttributes } from 'react';
+export interface Props extends SelectHTMLAttributes<HTMLSelectElement> {
+    ref?: Ref<HTMLSelectElement>;
+    placeholder?: string;
+    error?: boolean;
+    /** 基本スタイルを全部外し、classNameの定義のみ使います */
+    override?: boolean;
+    arrowIcon?: ReactNode;
+    wrapperStyle?: string;
+}
+export default function NativeSelect({ error, placeholder, children, arrowIcon, wrapperStyle, ...rest }: Props): import("react").JSX.Element;

package/dist/forms/Switch/index.d.ts

@@ -0,0 +1,8 @@
+import { ButtonHTMLAttributes, Ref } from 'react';
+export interface Props extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onChange' | 'type' | 'role'> {
+    ref?: Ref<HTMLInputElement>;
+    error?: boolean;
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
+}
+export default function Switch({ checked, onChange, value, id, name, error, ref, ...rest }: Props): import("react").JSX.Element;

package/dist/forms/Textarea/index.d.ts

@@ -0,0 +1,8 @@
+import { Ref, TextareaHTMLAttributes } from 'react';
+export interface Props extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+    ref?: Ref<HTMLTextAreaElement>;
+    error?: boolean;
+    /** 基本スタイルを全部外し、classNameの定義のみ使います */
+    override?: boolean;
+}
+export default function Textarea({ error, ...rest }: Props): import("react").JSX.Element;

package/dist/forms/index.d.ts

@@ -0,0 +1,9 @@
+export { default as FormField, type Props as FormFieldProps } from './Field/FormField';
+export { default as FormLabel } from './Field/FormLabel';
+export { default as InputField, type Props as InputFieldProps } from './Field/InputField';
+export { default as Input, type Props as InputProps } from './Input';
+export { default as Textarea, type Props as TextareaProps } from './Textarea';
+export { default as Checkbox, type Props as CheckboxProps } from './Checkbox';
+export { default as Select, type Props as SelectProps } from './Select';
+export { default as Radio, type Props as RadioProps } from './Radio';
+export { default as Switch, type Props as SwitchProps } from './Switch';

package/dist/hooks/useIsomorphicLayoutEffect.d.ts

@@ -0,0 +1,3 @@
+import { useLayoutEffect } from 'react';
+declare const _default: typeof useLayoutEffect;
+export default _default;