visits-style 2.0.0 → 2.0.2

package/dist/index.d.cts

@@ -1,404 +0,0 @@
-export { default as clsx } from 'clsx';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { HTMLAttributes, ReactElement, LabelHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, ButtonHTMLAttributes, ReactNode, RefObject, FunctionComponent, SVGAttributes } from 'react';
-import { ReferenceElement, Placement } from '@floating-ui/core';
-import { ReferenceType } from '@floating-ui/react';
-
-declare function merge(a: string, b?: string): string;
-
-interface Props$e extends HTMLAttributes<HTMLDivElement> {
-    label?: string;
-    htmlFor?: string;
-    error?: string;
-    help?: string;
-    innerClass?: string;
-    /**
-     * メッセージの表示する箇所を指定します
-     * 未指定の場合、後に表示し、errorがあると、エラーの表示を優先して入れ替えます
-    */
-    helpBefore?: boolean;
-    children: ReactElement | ReactElement[];
-    required?: boolean;
-}
-declare function Field({ label, children, required, htmlFor, error, help, helpBefore, className, innerClass, ...rest }: Props$e): react_jsx_runtime.JSX.Element;
-
-declare function FormLabel({ className, ...rest }: LabelHTMLAttributes<HTMLLabelElement>): react_jsx_runtime.JSX.Element;
-
-interface Props$d extends HTMLAttributes<HTMLInputElement> {
-    error?: boolean;
-    /** 基本スタイルを全部外し、完全にclassNameの定義によせます */
-    unstyled?: boolean;
-}
-declare function InputField({ error, unstyled, className, ...rest }: Props$d): react_jsx_runtime.JSX.Element;
-
-interface Props$c extends InputHTMLAttributes<HTMLInputElement> {
-    error?: boolean;
-    /** 基本スタイルを全部外し、完全にclassNameの定義によせます */
-    unstyled?: boolean;
-}
-declare const Input: react.ForwardRefExoticComponent<Props$c & react.RefAttributes<HTMLInputElement>>;
-
-interface Props$b extends TextareaHTMLAttributes<HTMLTextAreaElement> {
-    error?: boolean;
-    unstyled?: boolean;
-}
-declare const Textarea: react.ForwardRefExoticComponent<Props$b & react.RefAttributes<HTMLTextAreaElement>>;
-
-interface Props$a extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onChange' | 'type' | 'role'> {
-    children?: ReactNode;
-    checked?: boolean;
-    indeterminate?: boolean;
-    /** idが未指定の場合、nameが代わりに使われます */
-    name?: string;
-    onChange?: (checked: boolean) => void;
-}
-declare function Checkbox({ checked, indeterminate, className, id, name, onChange, value, ...rest }: Props$a): react_jsx_runtime.JSX.Element;
-
-type OptionType<T> = {
-    value: T;
-    label: string;
-} | string;
-interface OptionRenderConfig {
-    index: number;
-    selected: boolean;
-    onChange: () => void;
-}
-interface Props$9<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;
-    arrow?: ReactNode;
-    maxHeight?: number;
-    error?: boolean;
-    unstyled?: boolean;
-}
-declare function Select<T = any>({ className, placeholder, options, error, unstyled, disabled, value, maxHeight, arrow, onChange, onClear, renderItem, ...rest }: Props$9<T>): react_jsx_runtime.JSX.Element;
-
-interface Props$8 extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onChange' | 'type' | 'role'> {
-    children?: ReactNode;
-    checked?: boolean;
-    /** idが未指定の場合、nameが代わりに使われます */
-    name?: string;
-    onChange?: (checked: boolean) => void;
-}
-declare function Radio({ checked, className, id, name, onChange, value, ...rest }: Props$8): react_jsx_runtime.JSX.Element;
-
-interface Props$7 extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onChange' | 'type' | 'role'> {
-    checked?: boolean;
-    onChange?: (checked: boolean) => void;
-}
-declare const Switch: react.ForwardRefExoticComponent<Props$7 & react.RefAttributes<HTMLInputElement>>;
-
-interface Props$6 extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * ボタンなどの表示するラベル\
-     * showを変更するロジックのイベントが必要となります
-    */
-    header: ReactNode;
-    /** trueの場合、内容を開きます */
-    show: boolean;
-    /**
-     * アニメーションの時間\
-     * 0に設定すると、即時に反応します
-     * @default 300
-     */
-    timeout?: number;
-}
-declare function Accordion({ header, show, children, timeout, ...rest }: Props$6): react_jsx_runtime.JSX.Element;
-
-interface TooltipRef {
-    floating: RefObject<HTMLElement | null>;
-    reference: RefObject<ReferenceElement | null>;
-    open: () => void;
-    close: () => void;
-}
-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: react.ForwardRefExoticComponent<TooltipProps & react.RefAttributes<TooltipRef>>;
-
-interface PopoverRef {
-    open: () => void;
-    close: () => void;
-}
-interface Props$5 extends HTMLAttributes<HTMLDivElement> {
-    /** ボタンの内容 */
-    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;
-    /** デフォルトスタイルを外し、cssクラスを適用します */
-    unstyled?: boolean;
-}
-declare const Popover: react.ForwardRefExoticComponent<Props$5 & react.RefAttributes<PopoverRef>>;
-
-interface Props$4 {
-    children: ReactNode;
-    container?: HTMLElement;
-    disabled?: boolean;
-}
-declare function Portal({ children, container, disabled }: Props$4): react.ReactPortal | null;
-
-interface Props$3 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';
-}
-declare function Dialog({ open, children, timeout, padding, verticalAlign, closeOnOverlay, closeOnEsc, onExited, className, onOpenChange, size, ...rest }: Props$3): react_jsx_runtime.JSX.Element;
-
-interface Props$2 extends HTMLAttributes<HTMLDivElement> {
-    /** trueの場合、モーダルを表示します。 */
-    open?: boolean;
-    /**
-     * モーダルの表示・非表示のアニメーション速度
-     * @default '{ open: 250, close: 150 }'
-     */
-    timeout?: number | {
-        open: number;
-        close: number;
-    };
-    /** モーダルのtransition exitが完了した時に発火されるcallback */
-    onOpenChange?: (open: boolean) => void;
-    /** モーダルのtransition exitが完了した時に発火されるcallback */
-    onExited?: () => void;
-    overlay?: boolean;
-    /**
-     * sheetが表示されれう場所
-     * @defaut 'right'
-    */
-    position?: 'left' | 'right' | 'top' | 'bottom';
-    unstyled?: boolean;
-}
-declare function Sheet({ open, timeout, onOpenChange, position, overlay, ...rest }: Props$2): react_jsx_runtime.JSX.Element;
-
-type ToastType = 'info' | 'success' | 'error' | 'warn' | 'loading';
-interface ToastConfig {
-    /** 認識ID */
-    id: string;
-    label: ReactNode;
-    type?: ToastType;
-    /** ラベル以外に表示する内容 */
-    message?: ReactNode;
-    /**
-     * 表示される時間 nullの場合は自動で閉じられません
-     * @default 5000
-     */
-    duration?: number | null;
-    className?: string;
-}
-type ToastItemProps = Omit<ToastConfig, 'duration' | 'className'>;
-type ToasterPosition = 'top' | 'top-right' | 'top-left' | 'bottom' | 'bottom-right' | 'bottom-left';
-interface ToasterProps {
-    className?: string;
-    /** レンダリング対象のコンポーネント */
-    /**
-     * toastの表示される場所の指定
-     * \
-     * top, top-right, top-left, bottom, bottom-right, bottom-left
-     * @default 'top-left'
-     */
-    position?: ToasterPosition;
-    /**
-     * margin 単位はpx
-     * @default '16px'
-     */
-    margin?: number;
-    /**
-     * 並ばずに、Toastが積み上げます\
-     * (まだ開発中です)
-    */
-    stack?: boolean;
-    /**
-     * 表示する最大Toast数を指定します
-     * @default 3
-    */
-    max?: number;
-    ListItem?: FunctionComponent<ToastItemProps>;
-}
-
-declare function Toast({ className, margin, position, max, ListItem, }: ToasterProps): react_jsx_runtime.JSX.Element;
-
-declare function ToastItem({ type, label, message }: ToastItemProps): react_jsx_runtime.JSX.Element;
-
-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;
-
-declare function Skeleton({ className, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-
-interface InnerButtonProps {
-    variant?: 'primary' | 'info' | 'warn' | 'link' | 'outline' | 'ghost' | 'danger';
-    size?: 'icon' | 'none';
-}
-type ButtonProps = InnerButtonProps & ButtonHTMLAttributes<HTMLButtonElement>;
-declare function Button({ size, variant, className, ...rest }: ButtonProps): react_jsx_runtime.JSX.Element;
-
-declare function ButtonGroup({ className, ...rest }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-
-interface Props$1 extends HTMLAttributes<HTMLDivElement> {
-    /** サイズ */
-    size?: number;
-    label?: string;
-}
-declare function Spinner({ size, label, ...rest }: Props$1): react_jsx_runtime.JSX.Element;
-
-interface ProgressProps extends HTMLAttributes<HTMLDivElement> {
-    /** 現状の進捗 */
-    value: number;
-    /**
-     * 進捗の最大値\
-     * 最小値は0基準になるので、それに合わせてください
-    */
-    max: number;
-}
-declare function Progress({ value, max, className, ...rest }: ProgressProps): react_jsx_runtime.JSX.Element;
-
-interface Props extends HTMLAttributes<HTMLElement> {
-    /** @default 'horizontal' */
-    orientation?: 'horizontal' | 'vertical';
-}
-declare function Divider({ className, orientation, ...props }: Props): react_jsx_runtime.JSX.Element;
-
-declare function Approved(props: SVGAttributes<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Alert(props: SVGAttributes<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Caution(props: SVGAttributes<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Check(props: SVGAttributes<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function IconChevronRound(props: SVGAttributes<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function FileRound(props: SVGAttributes<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Pencil(props: SVGAttributes<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function User(props: SVGAttributes<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Close(props: SVGAttributes<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Refresh(props: SVGAttributes<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Plus(props: SVGAttributes<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function ChevronDown(props: SVGAttributes<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-export { Accordion, type Props$6 as AccordionProps, Button, ButtonGroup, type ButtonProps, Checkbox, type Props$a as CheckboxProps, Dialog, type Props$3 as DialogProps, Divider, type Props as DividerProps, Field as FormField, type Props$e as FormFieldProps, FormLabel, Alert as IconAlert, Approved as IconApproved, ChevronDown as IconArrowDown, Caution as IconCaution, Check as IconCheck, IconChevronRound, Close as IconClose, FileRound as IconFileRound, Pencil as IconPencil, Plus as IconPlus, Refresh as IconRefresh, User as IconUser, Input, InputField, type Props$d as InputFieldProps, type Props$c as InputProps, Skeleton as Placeholder, Popover, type Props$5 as PopoverProps, type PopoverRef, Portal, type Props$4 as PortalProps, Progress, type ProgressProps, Radio, type Props$8 as RadioProps, Select, type Props$9 as SelectProps, Sheet, type Props$2 as SheetProps, type Props$1 as SinnerProps, Spinner, Switch, type Props$7 as SwitchProps, Textarea, type Props$b as TextareaProps, Toast, type ToastConfig, ToastItem, type ToastItemProps, type ToastType, type ToasterPosition, type ToasterProps, Tooltip, type TooltipProps, type TooltipRef, merge, observer as toast };