boottent-design 0.1.78 → 0.1.80

package/dist/types/main.d.ts

@@ -1,1129 +0,0 @@
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
-import { ClassProp } from 'class-variance-authority/types';
-import { ClassValue } from 'clsx';
-import { ComponentPropsWithRef } from 'react';
-import { default as default_2 } from 'react';
-import { DetailedHTMLProps } from 'react';
-import { DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES } from 'react';
-import { FC } from 'react';
-import { ForwardRefExoticComponent } from 'react';
-import { HTMLAttributes } from 'react';
-import { JSX as JSX_2 } from 'react/jsx-runtime';
-import * as React_2 from 'react';
-import { RefAttributes } from 'react';
-import { RefObject } from 'react';
-import * as ToastPrimitives from '@radix-ui/react-toast';
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-import { VariantProps } from 'class-variance-authority';
-
-export declare const Accordion: React_2.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare const AccordionContent: React_2.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare const AccordionItem: React_2.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare const AccordionTrigger: React_2.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
-
-declare type Action = {
-    type: ActionType["ADD_TOAST"];
-    toast: ToasterProps;
-} | {
-    type: ActionType["UPDATE_TOAST"];
-    toast: Partial<ToasterProps>;
-} | {
-    type: ActionType["DISMISS_TOAST"];
-    toastId?: ToasterProps["id"];
-} | {
-    type: ActionType["REMOVE_TOAST"];
-    toastId?: ToasterProps["id"];
-};
-
-declare type ActionType = typeof actionTypes;
-
-declare const actionTypes: {
-    readonly ADD_TOAST: "ADD_TOAST";
-    readonly UPDATE_TOAST: "UPDATE_TOAST";
-    readonly DISMISS_TOAST: "DISMISS_TOAST";
-    readonly REMOVE_TOAST: "REMOVE_TOAST";
-};
-
-export declare const Alert: React_2.FC<AlertProps>;
-
-export declare interface AlertPortalOptions {
-    id: string;
-    type: "alert";
-    props: AlertProps;
-}
-
-export declare interface AlertProps {
-    id?: string;
-    title?: string;
-    description: string | default_2.ReactNode;
-    confirmText?: string;
-    onConfirm?: () => void;
-    size?: "sm" | "md" | "lg" | "fit";
-    onClose?: () => void;
-}
-
-declare function ArrowDown({ size, fill, className, }: SvgIconType): JSX_2.Element;
-
-declare function ArrowDown2({ size, fill, className, }: SvgIconType): JSX_2.Element;
-
-declare function ArrowDown_2({ size, fill, className, }: SvgIconType): JSX_2.Element;
-
-declare function ArrowDownButton({ size, fill, className, }: SvgIconType): JSX_2.Element;
-
-declare function ArrowLeft({ size, fill, className, }: SvgIconType): JSX_2.Element;
-
-declare function ArrowLeft2({ size, fill, className, }: SvgIconType): JSX_2.Element;
-
-declare function ArrowRight({ size, fill, className, }: SvgIconType): JSX_2.Element;
-
-declare function ArrowRight2({ size, fill, className, }: SvgIconType): JSX_2.Element;
-
-declare function ArrowRightButton({ size, disabled, }: Props): JSX_2.Element;
-
-declare function ArrowUp2({ size, fill, className, }: SvgIconType): JSX_2.Element;
-
-export declare const AspectRatio: ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & RefAttributes<HTMLDivElement>>;
-
-export declare const Box: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-ref?: ((instance: HTMLDivElement | null) => void | DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | RefObject<HTMLDivElement> | null | undefined;
-}, "ref"> & RefAttributes<HTMLDivElement>>;
-
-declare type BoxProps = ComponentPropsWithRef<"div">;
-
-declare function Bubbles({ size, fill, className, }: SvgIconType): JSX_2.Element;
-
-export declare const Button: React_2.ForwardRefExoticComponent<ButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
-
-export declare interface ButtonProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
-    asChild?: boolean;
-    icLeft?: React_2.ReactNode;
-    icRight?: React_2.ReactNode;
-}
-
-export declare const buttonVariants: (props?: ({
-    theme?: "primary" | "secondary" | "etc" | null | undefined;
-    size?: "sm" | "md" | "lg" | "xs" | "icon" | null | undefined;
-    variant?: "text" | "solid" | "outline" | null | undefined;
-    shape?: "square" | "rounded" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-declare function Calendar({ size, fill, className, }: SvgIconType): JSX_2.Element;
-
-export declare const Callout: default_2.FC<CalloutBoxProps> & {
-    Fill: default_2.FC<CalloutBoxProps>;
-    Outline: default_2.FC<CalloutBoxProps>;
-};
-
-declare type CalloutBoxProps = BoxProps & {
-    heading?: default_2.ReactNode | string;
-    size?: "sm" | "md" | "lg";
-};
-
-declare function Cancel({ size, fill }: SvgIconType): JSX_2.Element;
-
-declare function Checkbox({ type, size, fill }: Props_3): JSX_2.Element;
-
-declare function CircleFillArrowRight({ size, color, className, }: ReactIconProps): JSX_2.Element;
-
-export declare const cn: (...classes: ClassValue[]) => string;
-
-export declare const colors: {
-    [key: string]: any;
-};
-
-declare function Company({ fill, className }: SvgIconType): JSX_2.Element;
-
-declare function Control({ size, fill, className, }: SvgIconType): JSX_2.Element;
-
-declare function CopyLink(): JSX_2.Element;
-
-export declare interface CustomDialogProps extends Omit<DialogProps, "onConfirm" | "onCancel" | "content"> {
-    size?: "sm" | "md" | "lg" | "fit";
-    content?: default_2.ReactNode;
-    description?: string;
-    className?: string;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    footer?: default_2.ReactNode;
-}
-
-declare function DefaultProfile({ size }: SvgIconType): JSX_2.Element;
-
-export declare const Dialog: default_2.ForwardRefExoticComponent<DialogProps & default_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface DialogPortalOptions {
-    id: string;
-    type: "dialog";
-    props: DialogProps;
-}
-
-export declare interface DialogProps {
-    id?: string;
-    title: string;
-    content: string | default_2.ReactNode;
-    onClose?: () => void;
-    size?: "sm" | "md" | "lg" | "fit";
-    description?: string;
-    className?: string;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    footer?: default_2.ReactNode;
-}
-
-export declare const Dropdown: React_2.ForwardRefExoticComponent<DropdownProps & React_2.RefAttributes<DropdownRef>>;
-
-export declare interface DropdownActionItem extends DropdownItemBase {
-    type: "action";
-    label: string;
-    onClick: () => void;
-    icLeft?: default_2.ReactNode;
-    icRight?: default_2.ReactNode;
-    disabled?: boolean;
-}
-
-export declare interface DropdownContainerOptionsType {
-    containerType: DropdownContainerType;
-    containerKey: string;
-    containerTitle: string;
-    isShowTitle?: boolean;
-    items: DropdownItem[];
-    isShowSeparator?: boolean;
-}
-
-export declare type DropdownContainerType = "default" | "checkbox" | "radio";
-
-export declare type DropdownItem = DropdownSelectableItem | DropdownSeparatorItem | DropdownTitleItem | DropdownActionItem | DropdownSubItem;
-
-export declare interface DropdownItemBase {
-    type: DropdownItemType;
-}
-
-export declare type DropdownItemType = "default" | "checkbox" | "radio" | "separator" | "title" | 'action' | "sub";
-
-export declare interface DropdownProps {
-    children: React_2.ReactNode;
-    items: DropdownContainerOptionsType[];
-    defaultValue?: SelectedDropdownItem[];
-    defaultOpen?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    onChange?: (selectedItems: SelectedDropdownItem[]) => void;
-    size?: "fit" | number;
-    column?: number;
-    multiple?: boolean;
-    className?: string;
-}
-
-export declare interface DropdownRef {
-    setSelectedItems: React_2.Dispatch<React_2.SetStateAction<SelectedDropdownItem[]>>;
-}
-
-export declare interface DropdownSelectableItem extends DropdownItemBase {
-    type: "default" | "checkbox" | "radio";
-    label: string | default_2.ReactNode;
-    value: string;
-    disabled?: boolean;
-    icLeft?: default_2.ReactNode;
-    icRight?: default_2.ReactNode;
-    onSelect?: () => void;
-}
-
-export declare interface DropdownSeparatorItem extends DropdownItemBase {
-    type: "separator";
-}
-
-export declare interface DropdownSubItem extends DropdownItemBase {
-    type: "sub";
-    label: string;
-    items: DropdownContainerOptionsType[];
-    inset?: boolean;
-    icLeft?: default_2.ReactNode;
-    icRight?: default_2.ReactNode;
-}
-
-export declare interface DropdownTitleItem extends DropdownItemBase {
-    type: "title";
-    label: string;
-    inset?: boolean;
-}
-
-declare function Filter({ fill, size }: SvgIconType): JSX_2.Element;
-
-export declare const FlexBox: default_2.FC<FlexBoxProps> & {
-    Col: default_2.FC<BoxProps>;
-    Row: default_2.FC<BoxProps>;
-};
-
-declare type FlexBoxProps = BoxProps;
-
-export declare const getDropdownButtonText: (selectedItems: SelectedDropdownItem[], initialText: string | React.ReactNode) => JSX_2.Element;
-
-declare function Google({ size }: SvgIconType): JSX_2.Element;
-
-export declare const GridBox: default_2.FC<GridBoxProps>;
-
-declare type GridBoxProps = BoxProps & {
-    columns?: number;
-    rows?: number;
-    gap?: number;
-};
-
-declare function HeartFill({ size, fill, }: SvgIconType): JSX_2.Element;
-
-declare function HeartOutline({ size, fill, }: SvgIconType): JSX_2.Element;
-
-declare function Home({ size, fill, className, }: SvgIconType): JSX_2.Element;
-
-export declare const Icon: {
-    ArrowDown: typeof ArrowDown;
-    ArrowUp: typeof ArrowDown_2;
-    ArrowLeft: typeof ArrowLeft;
-    ArrowRight: typeof ArrowRight;
-    ArrowDown2: typeof ArrowDown2;
-    ArrowUp2: typeof ArrowUp2;
-    ArrowLeft2: typeof ArrowLeft2;
-    ArrowRight2: typeof ArrowRight2;
-    ArrowDownButton: typeof ArrowDownButton;
-    ArrowRightButton: typeof ArrowRightButton;
-    Bubbles: typeof Bubbles;
-    Calendar: typeof Calendar;
-    Cancel: typeof Cancel;
-    Company: typeof Company;
-    Control: typeof Control;
-    CopyLink: typeof CopyLink;
-    DefaultProfile: typeof DefaultProfile;
-    Filter: typeof Filter;
-    Google: typeof Google;
-    HeartFill: typeof HeartFill;
-    HeartOutline: typeof HeartOutline;
-    Home: typeof Home;
-    Info: typeof Info;
-    Link: typeof Info_2;
-    Location: typeof Location_2;
-    Menu: typeof Menu;
-    Message: typeof Message;
-    New: typeof New;
-    Play: typeof Play;
-    Present: typeof Present;
-    Profile: typeof Profile;
-    Program: typeof Program;
-    Reset: typeof Reset;
-    RICircleFillArrowRight: typeof CircleFillArrowRight;
-    RIReturnRight: typeof ReturnRight;
-    RIZoomIn: typeof ZoomIn;
-    RIZoomOut: typeof ZoomOut;
-    Search: typeof Search;
-    Share: typeof Share;
-    Checkbox: typeof Checkbox;
-    Radio: typeof Radio;
-    ViewTable: typeof ViewTable;
-    ViewMore: typeof ViewMore;
-    ViewCard: typeof ViewCard;
-};
-
-export declare type ImageProps = default_2.ComponentPropsWithoutRef<"img"> & {
-    object?: "contain" | "cover" | "fill" | "scale-down" | "none";
-    lazy?: boolean;
-    size?: "full" | "fit" | "auto" | number;
-    className?: string;
-};
-
-declare function Info({ size, fill, className, }: SvgIconType): JSX_2.Element;
-
-declare function Info_2({ size, fill, className, }: SvgIconType): JSX_2.Element;
-
-export declare const Input: React_2.ForwardRefExoticComponent<InputProps & React_2.RefAttributes<HTMLInputElement>>;
-
-export declare interface InputProps extends React_2.InputHTMLAttributes<HTMLInputElement> {
-    icon?: React_2.ReactNode;
-    iconPosition?: "left" | "right";
-    error?: boolean;
-}
-
-declare type Listener = (options: PortalOptions, isOpen: boolean) => void;
-
-declare function Location_2({ fill, size, className, }: SvgIconType): JSX_2.Element;
-
-declare function Menu({ fill }: SvgIconType): JSX_2.Element;
-
-declare function Message({ size, fill, className, }: SvgIconType): JSX_2.Element;
-
-export declare const Modal: React_2.ForwardRefExoticComponent<ModalProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface ModalPortalOptions {
-    id: string;
-    type: "modal";
-    props: ModalProps;
-}
-
-export declare interface ModalProps {
-    id?: string;
-    title?: string;
-    description?: string | default_2.ReactNode;
-    subDescription?: string | default_2.ReactNode;
-    size?: "sm" | "md" | "lg" | "fit";
-    confirmText?: string;
-    onConfirm?: () => void;
-    cancelText?: string;
-    onClose?: () => void;
-    contents?: default_2.ReactNode;
-    className?: string;
-}
-
-export declare const Multiple: default_2.FC<ToggleButtonMultipleProps>;
-
-declare function New({ size, fill }: SvgIconType): JSX_2.Element;
-
-declare function Play({ size, fill, className, }: SvgIconType): JSX_2.Element;
-
-export declare const PortalContainer: ({ children }: Props_5) => default_2.ReactPortal | null;
-
-declare class PortalManager {
-    private listeners;
-    private portals;
-    private queue;
-    private isProcessing;
-    private processQueue;
-    private isPortalOpen;
-    subscribe(listener: Listener): () => void;
-    showPortal<T extends PortalType>(type: T, props: PortalTypeMap[T] & {
-        id?: string;
-    }): string | null;
-    setPortalOpen(id: string, isOpen: boolean): void;
-    getIsPortalOpen(id: string): boolean;
-    getOpenPortals(): string[];
-    private generateId;
-}
-
-export declare const portalManager: PortalManager;
-
-export declare type PortalOptions = ModalPortalOptions | ToastPortalOptions | AlertPortalOptions | DialogPortalOptions;
-
-export declare const PortalProvider: () => JSX_2.Element;
-
-export declare type PortalType = "modal" | "toast" | "alert" | "dialog";
-
-export declare interface PortalTypeMap {
-    modal: ModalProps;
-    toast: ToasterProps;
-    alert: AlertProps;
-    dialog: DialogProps;
-}
-
-declare function Present({ size, fill, className, }: SvgIconType): JSX_2.Element;
-
-declare function Profile({ fill, className, size, }: SvgIconType): JSX_2.Element;
-
-declare function Program({ size, fill, className, }: SvgIconType): JSX_2.Element;
-
-declare type Props = {
-    size?: string;
-    disabled?: boolean;
-};
-
-declare type Props_2 = {
-    size?: string;
-    fill?: string;
-};
-
-declare type Props_3 = {
-    type?: "disabled" | "checked" | "blank";
-    size?: string;
-    fill?: string;
-};
-
-declare type Props_4 = {
-    type?: "checked" | "blank";
-    size?: string;
-    fill?: string;
-};
-
-declare type Props_5 = {
-    children: default_2.ReactNode;
-};
-
-declare function Radio({ type, size, fill }: Props_4): JSX_2.Element;
-
-export declare interface ReactIconProps {
-    size?: number;
-    color?: string;
-    className?: string;
-}
-
-export declare const reducer: (state: State, action: Action) => State;
-
-declare function Reset({ size, fill }: SvgIconType): JSX_2.Element;
-
-declare function ReturnRight({ size, color, className, }: ReactIconProps): JSX_2.Element;
-
-declare function Search({ size, fill }: SvgIconType): JSX_2.Element;
-
-export declare interface SelectedDropdownItem {
-    containerType: DropdownContainerType;
-    containerKey: string;
-    label: string | default_2.ReactNode;
-    value: string;
-}
-
-declare function Share({ size, fill }: Props_2): JSX_2.Element;
-
-export declare const Single: default_2.FC<ToggleButtonSingleProps>;
-
-export declare function Skeleton({ className, ...props }: default_2.HTMLAttributes<HTMLDivElement>): JSX_2.Element;
-
-export declare type SpecificPortalOptions<T extends PortalType> = {
-    id: string;
-    type: T;
-    props: PortalTypeMap[T];
-};
-
-declare interface State {
-    toasts: ToasterProps[];
-}
-
-export declare type SvgIconType = {
-    size?: string;
-    fill?: string;
-    className?: string;
-};
-
-export declare const Symbols: {
-    Apple: FC<SvgIconType>;
-    FacebookRound: FC<SvgIconType>;
-    Google: FC<SvgIconType>;
-    GooglePlaystore: FC<SvgIconType>;
-    GoogleRound: FC<SvgIconType>;
-    KakaoMessage: FC<SvgIconType>;
-    KakaoRound: FC<SvgIconType>;
-    LinkedIn: FC<SvgIconType>;
-    NaverBlog: FC<SvgIconType>;
-    YouTube: FC<SvgIconType>;
-    Boottent: FC<SvgIconType>;
-};
-
-export declare function Tag({ className, variant, size, shape, icLeft, icRight, ...props }: TagProps): JSX_2.Element;
-
-export declare interface TagProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof tagVariants> {
-    icLeft?: React_2.ReactNode;
-    icRight?: React_2.ReactNode;
-}
-
-export declare const tagVariants: (props?: ({
-    variant?: "etc" | "solid-primary-50" | "solid-primary-100" | "solid-primary-600" | "solid-secondary-100" | "solid-secondary-400" | "solid-secondary-800" | "outline-primary-600" | "outline-secondary-200" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-    shape?: "square" | "round" | "ad" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-declare const Toast: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React_2.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
-    variant?: "white" | "black" | null | undefined;
-    size?: "sm" | "md" | "lg" | "xl" | "full" | "fit" | null | undefined;
-} & ClassProp) | undefined) => string> & React_2.RefAttributes<HTMLLIElement>>;
-
-export declare function toast({ ...props }: Toast_2): {
-    id: string;
-    dismiss: () => void;
-    update: (props: ToasterProps) => void;
-};
-
-declare type Toast_2 = Omit<ToasterProps, "id">;
-
-export declare function Toaster(): JSX_2.Element;
-
-export declare function toaster(): {
-    toast: typeof toast;
-    dismiss: (toastId?: string) => void;
-    toasts: ToasterProps[];
-};
-
-export declare type ToasterProps = ToastProps & ToastViewportProps & {
-    id?: string;
-    title?: default_2.ReactNode;
-    description?: default_2.ReactNode;
-    action?: () => void;
-    actionText?: string | default_2.ReactNode;
-    closeButton?: boolean;
-    onClose?: () => void;
-};
-
-export declare interface ToastPortalOptions {
-    id: string;
-    type: "toast";
-    props: ToasterProps;
-}
-
-declare type ToastPositionsType = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
-
-declare type ToastProps = React_2.ComponentPropsWithoutRef<typeof Toast>;
-
-declare const ToastViewport: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React_2.RefAttributes<HTMLOListElement>, "ref"> & {
-    position?: ToastPositionsType;
-} & React_2.RefAttributes<HTMLOListElement>>;
-
-declare type ToastViewportProps = React_2.ComponentPropsWithoutRef<typeof ToastViewport>;
-
-export declare const ToggleButtonGroup: {
-    Single: default_2.FC<ToggleButtonSingleProps>;
-    Multiple: default_2.FC<ToggleButtonMultipleProps>;
-};
-
-export declare interface ToggleButtonMultipleProps extends ToggleButtonProps {
-    value: string[];
-    onChange: (value: string[]) => void;
-}
-
-export declare interface ToggleButtonOptions extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    value: string;
-    label: React.ReactNode | string;
-    tooltip?: Omit<TooltipButtonProps, "children">;
-}
-
-export declare interface ToggleButtonProps {
-    options: ToggleButtonOptions[];
-    variant?: Omit<ButtonProps["variant"], "text">;
-    theme?: Omit<ButtonProps["theme"], "etc">;
-    size?: Omit<ButtonProps["size"], "icon">;
-    shape?: ButtonProps["shape"];
-    className?: string;
-}
-
-export declare interface ToggleButtonSingleProps extends ToggleButtonProps {
-    value: string;
-    onChange: (value: string) => void;
-    nullable?: boolean;
-}
-
-export declare const Tooltip: React_2.FC<TooltipButtonProps>;
-
-export declare interface TooltipButtonProps extends TooltipContentProps {
-    label: string | React_2.ReactNode;
-    children: React_2.ReactNode;
-    isMobile?: boolean | number;
-}
-
-declare type TooltipContentProps = React_2.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> & {
-    variant?: "primary" | "secondary" | "white";
-    size?: "sm" | "md";
-    icLeft?: React_2.ReactNode;
-    icRight?: React_2.ReactNode;
-    position?: TooltipPosition;
-    bubbleTip?: boolean;
-};
-
-declare type TooltipPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | "right" | "left";
-
-export declare const usePortal: () => {
-    modal: (props: ModalProps) => string | null;
-    toast: (props: ToasterProps | string) => string | null;
-    alert: (props: AlertProps | string) => string | null;
-    dialog: (props: DialogProps) => string | null;
-    getIsOpen: (id: string) => boolean;
-    openPortals: string[];
-};
-
-declare function ViewCard({ size, fill, }: SvgIconType): JSX_2.Element;
-
-declare function ViewMore({ size, fill, }: SvgIconType): JSX_2.Element;
-
-declare function ViewTable({ size, fill, }: SvgIconType): JSX_2.Element;
-
-declare function ZoomIn({ size, color, className }: ReactIconProps): JSX_2.Element;
-
-declare function ZoomOut({ size, color, className }: ReactIconProps): JSX_2.Element;
-
-export { }
-
-declare namespace _default {
-    let content: string[];
-    namespace theme {
-        export namespace container {
-            let center: boolean;
-            let padding: string;
-            let screens: {
-                "2xl": string;
-            };
-        }
-        export namespace extend {
-            export namespace colors {
-                let border: string;
-                let input: string;
-                let ring: string;
-                let background: string;
-                let foreground: string;
-                namespace primary {
-                    export let DEFAULT: string;
-                    let foreground_1: string;
-                    export { foreground_1 as foreground };
-                }
-                namespace secondary {
-                    let DEFAULT_1: string;
-                    export { DEFAULT_1 as DEFAULT };
-                    let foreground_2: string;
-                    export { foreground_2 as foreground };
-                }
-                namespace destructive {
-                    let DEFAULT_2: string;
-                    export { DEFAULT_2 as DEFAULT };
-                    let foreground_3: string;
-                    export { foreground_3 as foreground };
-                }
-                namespace muted {
-                    let DEFAULT_3: string;
-                    export { DEFAULT_3 as DEFAULT };
-                    let foreground_4: string;
-                    export { foreground_4 as foreground };
-                    let border_1: string;
-                    export { border_1 as border };
-                }
-                namespace accent {
-                    let DEFAULT_4: string;
-                    export { DEFAULT_4 as DEFAULT };
-                    let foreground_5: string;
-                    export { foreground_5 as foreground };
-                }
-                namespace popover {
-                    let DEFAULT_5: string;
-                    export { DEFAULT_5 as DEFAULT };
-                    let foreground_6: string;
-                    export { foreground_6 as foreground };
-                }
-                namespace card {
-                    let DEFAULT_6: string;
-                    export { DEFAULT_6 as DEFAULT };
-                    let foreground_7: string;
-                    export { foreground_7 as foreground };
-                }
-            }
-            export namespace borderRadius {
-                let lg: string;
-                let md: string;
-                let sm: string;
-            }
-            export let keyframes: {
-                "accordion-down": {
-                    from: {
-                        height: string;
-                    };
-                    to: {
-                        height: string;
-                    };
-                };
-                "accordion-up": {
-                    from: {
-                        height: string;
-                    };
-                    to: {
-                        height: string;
-                    };
-                };
-                pokeRight: {
-                    "0%, 100%": {
-                        transform: string;
-                        animationTimingFunction: string;
-                    };
-                    "50%": {
-                        transform: string;
-                        animationTimingFunction: string;
-                    };
-                };
-            };
-            export let animation: {
-                "accordion-down": string;
-                "accordion-up": string;
-                pokeRight: string;
-            };
-            export namespace fontFamily {
-                let pretendard: string[];
-            }
-            export namespace aspectRatio {
-                let photo: string;
-                let portrait: string;
-            }
-            let padding_1: {
-                2.5: string;
-                3.5: string;
-                7.5: string;
-            };
-            export { padding_1 as padding };
-            export let backgroundImage: {
-                "gradient-radial": string;
-                "gradient-conic": string;
-            };
-        }
-        export namespace listStyleType {
-            let none: string;
-            let disc: string;
-            let decimal: string;
-            let square: string;
-            let roman: string;
-            let dash: string;
-        }
-        export let fontSize: any;
-        export let boxShadow: any;
-        let screens_1: any;
-        export { screens_1 as screens };
-        let colors_1: {
-            grey: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-                950: string;
-            };
-            main: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-                950: string;
-            };
-            red: {
-                50: string;
-                300: string;
-                400: string;
-                500: string;
-                '100': "#fee2e2";
-                '200': "#fecaca";
-                '600': "#dc2626";
-                '700': "#b91c1c";
-                '800': "#991b1b";
-                '900': "#7f1d1d";
-                '950': "#450a0a";
-            };
-            pink: {
-                50: string;
-                500: string;
-                '100': "#fce7f3";
-                '200': "#fbcfe8";
-                '300': "#f9a8d4";
-                '400': "#f472b6";
-                '600': "#db2777";
-                '700': "#be185d";
-                '800': "#9d174d";
-                '900': "#831843";
-                '950': "#500724";
-            };
-            yellow: {
-                100: string;
-                300: string;
-                400: string;
-                kakao: string;
-                '50': "#fefce8";
-                '200': "#fef08a";
-                '500': "#eab308";
-                '600': "#ca8a04";
-                '700': "#a16207";
-                '800': "#854d0e";
-                '900': "#713f12";
-                '950': "#422006";
-            };
-            orange: {
-                50: string;
-                500: string;
-                '100': "#ffedd5";
-                '200': "#fed7aa";
-                '300': "#fdba74";
-                '400': "#fb923c";
-                '600': "#ea580c";
-                '700': "#c2410c";
-                '800': "#9a3412";
-                '900': "#7c2d12";
-                '950': "#431407";
-            };
-            brown: {
-                50: string;
-                500: string;
-            };
-            lime: {
-                50: string;
-                500: string;
-                '100': "#ecfccb";
-                '200': "#d9f99d";
-                '300': "#bef264";
-                '400': "#a3e635";
-                '600': "#65a30d";
-                '700': "#4d7c0f";
-                '800': "#3f6212";
-                '900': "#365314";
-                '950': "#1a2e05";
-            };
-            green: {
-                50: string;
-                500: string;
-                naver: string;
-                '100': "#dcfce7";
-                '200': "#bbf7d0";
-                '300': "#86efac";
-                '400': "#4ade80";
-                '600': "#16a34a";
-                '700': "#15803d";
-                '800': "#166534";
-                '900': "#14532d";
-                '950': "#052e16";
-            };
-            teal: {
-                50: string;
-                500: string;
-                '100': "#ccfbf1";
-                '200': "#99f6e4";
-                '300': "#5eead4";
-                '400': "#2dd4bf";
-                '600': "#0d9488";
-                '700': "#0f766e";
-                '800': "#115e59";
-                '900': "#134e4a";
-                '950': "#042f2e";
-            };
-            blue: {
-                50: string;
-                100: string;
-                400: string;
-                500: string;
-                600: string;
-                '200': "#bfdbfe";
-                '300': "#93c5fd";
-                '700': "#1d4ed8";
-                '800': "#1e40af";
-                '900': "#1e3a8a";
-                '950': "#172554";
-            };
-            inherit: "inherit";
-            current: "currentColor";
-            transparent: "transparent";
-            black: "#000";
-            white: "#fff";
-            slate: {
-                "50": "#f8fafc";
-                "100": "#f1f5f9";
-                "200": "#e2e8f0";
-                "300": "#cbd5e1";
-                "400": "#94a3b8";
-                "500": "#64748b";
-                "600": "#475569";
-                "700": "#334155";
-                "800": "#1e293b";
-                "900": "#0f172a";
-                "950": "#020617";
-            };
-            gray: {
-                "50": "#f9fafb";
-                "100": "#f3f4f6";
-                "200": "#e5e7eb";
-                "300": "#d1d5db";
-                "400": "#9ca3af";
-                "500": "#6b7280";
-                "600": "#4b5563";
-                "700": "#374151";
-                "800": "#1f2937";
-                "900": "#111827";
-                "950": "#030712";
-            };
-            zinc: {
-                "50": "#fafafa";
-                "100": "#f4f4f5";
-                "200": "#e4e4e7";
-                "300": "#d4d4d8";
-                "400": "#a1a1aa";
-                "500": "#71717a";
-                "600": "#52525b";
-                "700": "#3f3f46";
-                "800": "#27272a";
-                "900": "#18181b";
-                "950": "#09090b";
-            };
-            neutral: {
-                "50": "#fafafa";
-                "100": "#f5f5f5";
-                "200": "#e5e5e5";
-                "300": "#d4d4d4";
-                "400": "#a3a3a3";
-                "500": "#737373";
-                "600": "#525252";
-                "700": "#404040";
-                "800": "#262626";
-                "900": "#171717";
-                "950": "#0a0a0a";
-            };
-            stone: {
-                "50": "#fafaf9";
-                "100": "#f5f5f4";
-                "200": "#e7e5e4";
-                "300": "#d6d3d1";
-                "400": "#a8a29e";
-                "500": "#78716c";
-                "600": "#57534e";
-                "700": "#44403c";
-                "800": "#292524";
-                "900": "#1c1917";
-                "950": "#0c0a09";
-            };
-            amber: {
-                "50": "#fffbeb";
-                "100": "#fef3c7";
-                "200": "#fde68a";
-                "300": "#fcd34d";
-                "400": "#fbbf24";
-                "500": "#f59e0b";
-                "600": "#d97706";
-                "700": "#b45309";
-                "800": "#92400e";
-                "900": "#78350f";
-                "950": "#451a03";
-            };
-            emerald: {
-                "50": "#ecfdf5";
-                "100": "#d1fae5";
-                "200": "#a7f3d0";
-                "300": "#6ee7b7";
-                "400": "#34d399";
-                "500": "#10b981";
-                "600": "#059669";
-                "700": "#047857";
-                "800": "#065f46";
-                "900": "#064e3b";
-                "950": "#022c22";
-            };
-            cyan: {
-                "50": "#ecfeff";
-                "100": "#cffafe";
-                "200": "#a5f3fc";
-                "300": "#67e8f9";
-                "400": "#22d3ee";
-                "500": "#06b6d4";
-                "600": "#0891b2";
-                "700": "#0e7490";
-                "800": "#155e75";
-                "900": "#164e63";
-                "950": "#083344";
-            };
-            sky: {
-                "50": "#f0f9ff";
-                "100": "#e0f2fe";
-                "200": "#bae6fd";
-                "300": "#7dd3fc";
-                "400": "#38bdf8";
-                "500": "#0ea5e9";
-                "600": "#0284c7";
-                "700": "#0369a1";
-                "800": "#075985";
-                "900": "#0c4a6e";
-                "950": "#082f49";
-            };
-            indigo: {
-                "50": "#eef2ff";
-                "100": "#e0e7ff";
-                "200": "#c7d2fe";
-                "300": "#a5b4fc";
-                "400": "#818cf8";
-                "500": "#6366f1";
-                "600": "#4f46e5";
-                "700": "#4338ca";
-                "800": "#3730a3";
-                "900": "#312e81";
-                "950": "#1e1b4b";
-            };
-            violet: {
-                "50": "#f5f3ff";
-                "100": "#ede9fe";
-                "200": "#ddd6fe";
-                "300": "#c4b5fd";
-                "400": "#a78bfa";
-                "500": "#8b5cf6";
-                "600": "#7c3aed";
-                "700": "#6d28d9";
-                "800": "#5b21b6";
-                "900": "#4c1d95";
-                "950": "#2e1065";
-            };
-            purple: {
-                "50": "#faf5ff";
-                "100": "#f3e8ff";
-                "200": "#e9d5ff";
-                "300": "#d8b4fe";
-                "400": "#c084fc";
-                "500": "#a855f7";
-                "600": "#9333ea";
-                "700": "#7e22ce";
-                "800": "#6b21a8";
-                "900": "#581c87";
-                "950": "#3b0764";
-            };
-            fuchsia: {
-                "50": "#fdf4ff";
-                "100": "#fae8ff";
-                "200": "#f5d0fe";
-                "300": "#f0abfc";
-                "400": "#e879f9";
-                "500": "#d946ef";
-                "600": "#c026d3";
-                "700": "#a21caf";
-                "800": "#86198f";
-                "900": "#701a75";
-                "950": "#4a044e";
-            };
-            rose: {
-                "50": "#fff1f2";
-                "100": "#ffe4e6";
-                "200": "#fecdd3";
-                "300": "#fda4af";
-                "400": "#fb7185";
-                "500": "#f43f5e";
-                "600": "#e11d48";
-                "700": "#be123c";
-                "800": "#9f1239";
-                "900": "#881337";
-                "950": "#4c0519";
-            };
-            lightBlue: import("tailwindcss/types/generated/colors").DefaultColors["sky"];
-            warmGray: import("tailwindcss/types/generated/colors").DefaultColors["stone"];
-            trueGray: import("tailwindcss/types/generated/colors").DefaultColors["neutral"];
-            coolGray: import("tailwindcss/types/generated/colors").DefaultColors["gray"];
-            blueGray: import("tailwindcss/types/generated/colors").DefaultColors["slate"];
-        };
-        export { colors_1 as colors };
-    }
-    let plugins: never[];
-    let darkMode: string;
-}
-
-declare namespace _default {
-    namespace plugins {
-        let tailwindcss: {};
-        let autoprefixer: {};
-    }
-}
-
-declare namespace _default {
-    let preset: string;
-    let testEnvironment: string;
-    let extensionsToTreatAsEsm: string[];
-    let setupFilesAfterEnv: string[];
-    let moduleNameMapper: {
-        '^@/(.*)$': string;
-        '\\.(css|less|scss|sass)$': string;
-        '\\.(jpg|jpeg|png|gif|webp|svg)$': string;
-    };
-    let transform: {
-        '^.+\\.(ts|tsx)$': (string | {
-            useESM: boolean;
-        })[];
-    };
-    let collectCoverage: boolean;
-    let collectCoverageFrom: string[];
-    let coverageReporters: string[];
-}
-