@liner-fe/prism 2.8.19 → 2.8.21

package/lib/index.d.mts

@@ -1,631 +0,0 @@
-import { SystemKeys, TypographyCaptionPrefix, TypographyParagraphPrefix, TypographyHeadingPrefix, TypographyTitlePrefix, TypographyDisplayPrefix, BasicColorType } from '@liner-fe/design-token-primitive';
-import * as react from 'react';
-import react__default, { ButtonHTMLAttributes, RefAttributes, HTMLAttributes, ReactNode, ComponentPropsWithoutRef, InputHTMLAttributes, ComponentProps, LiHTMLAttributes, MouseEventHandler } from 'react';
-import * as cva from 'cva';
-import { VariantProps } from 'cva';
-import { IconProps, IconComponentType } from '@liner-fe/icon';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ToastProps } from '@radix-ui/react-toast';
-import * as _artsy_fresnel_dist_Media from '@artsy/fresnel/dist/Media';
-import { breakpointOrigin } from '@liner-fe/design-token';
-import { Popover as Popover$1, Tooltip as Tooltip$1, Checkbox as Checkbox$1, RadioGroup, Select as Select$1, Label as Label$1 } from 'radix-ui';
-import * as recoil from 'recoil';
-import * as PopoverPrimitive from '@radix-ui/react-popover';
-import { PopoverProps, PopoverPortalProps } from '@radix-ui/react-popover';
-import { IllustProps } from '@liner-fe/illust';
-
-declare const objectToArray: <T extends Record<string, unknown>>(obj: T) => [string, unknown][];
-declare const arrayToStyleObject: <T extends SystemKeys>(colorKeys: T[], style: {
-    readonly [key: string]: string;
-}, prefix?: string) => Partial<Record<SystemKeys, string>>;
-declare const isEmptyObject: (obj: object) => boolean;
-
-declare const defaultButtonVariants: (props?: ({
-    level?: "primary" | "secondary" | "tertiary" | "quaternary" | "quinary" | "negative" | "static" | "inverse-static" | undefined;
-    fill?: boolean | undefined;
-    align?: "center" | "spaceBetween" | undefined;
-    size?: "l" | "m" | "s" | "cta" | undefined;
-    width?: "full" | "fit-content" | undefined;
-} & ({
-    class?: cva.ClassValue;
-    className?: never;
-} | {
-    class?: never;
-    className?: cva.ClassValue;
-})) | undefined) => string;
-interface CommonButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    as?: 'default' | 'text';
-    asChild?: boolean;
-}
-type FillType = boolean;
-type FillLevelType = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'quinary' | 'negative' | 'static' | 'inverse-static';
-type FillFalseLevelType = 'primary' | 'secondary';
-type ButtonSizeType = 'cta' | 'l' | 'm' | 's';
-type DefaultLevelType<T> = T extends true ? FillLevelType : FillFalseLevelType;
-type ButtonIconProps = Pick<IconProps, 'type' | 'size' | 'thick' | 'fill'>;
-interface DefaultButtonProps<T extends FillType> extends CommonButtonProps, VariantProps<typeof defaultButtonVariants> {
-    asChild?: boolean;
-    level?: DefaultLevelType<T>;
-    fill?: T;
-    size?: ButtonSizeType;
-    align?: 'center' | 'spaceBetween';
-    width?: 'full' | 'fit-content';
-    leftIcon?: {
-        icon: IconComponentType;
-    } & ButtonIconProps;
-    rightIcon?: {
-        icon: IconComponentType;
-    } & ButtonIconProps;
-    isLoading?: boolean;
-}
-type ButtonProps = DefaultButtonProps<FillType>;
-declare const DefaultButton: react.ForwardRefExoticComponent<DefaultButtonProps<boolean> & react.RefAttributes<HTMLButtonElement>>;
-declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
-
-interface IToastBase extends ToastProps, RefAttributes<HTMLLIElement> {
-    toastId: number;
-    message: string;
-    timer: number;
-    isLoading?: boolean;
-}
-interface IToastIcon {
-    icon: {
-        icon: IconComponentType;
-    } & Pick<IconProps, 'fill' | 'thick' | 'type' | 'fillType'>;
-    button?: never;
-}
-interface IToastButton {
-    icon?: never;
-    button: {
-        onClick: () => void;
-        label: string;
-    };
-}
-type ToastProp = IToastBase & (IToastIcon | IToastButton);
-declare const Toaster: () => react_jsx_runtime.JSX.Element;
-
-type StrictOmit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
-
-declare const useToast: () => {
-    open: (toast: StrictOmit<ToastProp, "toastId" | "timer">) => {
-        toastId: number;
-    };
-    endLoading: (toastId: number) => void;
-};
-
-interface ITypographyCommon<T extends HTMLElement = HTMLParagraphElement> extends Omit<HTMLAttributes<T>, 'color'>, WithHTMLAsProps {
-    color?: SystemKeys;
-}
-type BOLD = 'bold';
-type MEDIUM = 'medium';
-type REGULAR = 'regular';
-type ANSWER = 'answer';
-type ACCENT = 'accent';
-type NORMAL = 'normal';
-type POST = 'post';
-type AcceptAsHTMLTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'header' | 'footer' | 'p' | 'article' | 'body' | 'main' | 'b' | 'blockquote';
-interface WithHTMLAsProps {
-    as?: Extract<keyof HTMLElementTagNameMap, AcceptAsHTMLTag>;
-}
-type HTMLAsElementObject = Pick<HTMLElementTagNameMap, AcceptAsHTMLTag>;
-type HTMLAsElement = HTMLAsElementObject[keyof HTMLAsElementObject];
-
-interface IHeadingProps extends ITypographyCommon<HTMLAsElement> {
-    type: 'answer';
-    size: 1 | 2 | 3 | 4 | 5 | 6;
-}
-declare const Heading: react__default.ForwardRefExoticComponent<IHeadingProps & react__default.RefAttributes<HTMLAsElement>>;
-
-interface IPropsNormalBold extends ITypographyCommon<HTMLElement> {
-    type: NORMAL;
-    size: 1 | 2 | 3;
-    weight: BOLD;
-}
-interface IPropsNormalRegular extends ITypographyCommon<HTMLElement> {
-    type: NORMAL;
-    size: 1 | 2 | 3;
-    weight: REGULAR;
-}
-interface IPropsNormalMedium extends ITypographyCommon<HTMLElement> {
-    type: NORMAL;
-    size: 1 | 2 | 3;
-    weight: MEDIUM;
-}
-type ICaptionProps = IPropsNormalBold | IPropsNormalRegular | IPropsNormalMedium;
-declare const Caption: react.ForwardRefExoticComponent<ICaptionProps & react.RefAttributes<HTMLParagraphElement>>;
-
-interface IPropsNormal extends ITypographyCommon {
-    type: NORMAL;
-    size: 1 | 2 | 3 | 4;
-    weight: REGULAR | MEDIUM | BOLD;
-}
-interface IPropsPost extends ITypographyCommon {
-    type: POST;
-    size: 2 | 3 | 4;
-    weight: REGULAR;
-}
-interface IPropsAccent extends ITypographyCommon {
-    type: ACCENT;
-    size: 1 | 2 | 3;
-    weight: REGULAR | MEDIUM | BOLD;
-}
-interface IPropsAnswer extends ITypographyCommon {
-    type: ANSWER;
-    size: 2;
-    weight: BOLD | REGULAR;
-}
-type ParagraphProps = IPropsNormal | IPropsPost | IPropsAccent | IPropsAnswer;
-declare const Paragraph: react.ForwardRefExoticComponent<ParagraphProps & react.RefAttributes<HTMLParagraphElement>>;
-
-interface ITitleProps extends ITypographyCommon {
-    type: ACCENT | NORMAL;
-    weight: BOLD;
-    size: 1 | 2 | 3 | 4 | 5;
-}
-declare const Title: react__default.ForwardRefExoticComponent<ITitleProps & react__default.RefAttributes<HTMLParagraphElement>>;
-
-interface IDisplayProps extends ITypographyCommon {
-    size: 2 | 3;
-    type: 'accent';
-    weight: 'black';
-}
-declare const Display: react.ForwardRefExoticComponent<IDisplayProps & react.RefAttributes<HTMLParagraphElement>>;
-
-type BreakPointsKey = keyof typeof breakpointOrigin;
-declare const rootMediaStyle: string;
-declare const MediaContextProvider: react.ComponentType<_artsy_fresnel_dist_Media.MediaContextProviderProps<"xl" | "l" | "m" | "s" | "xs" | "xxl" | "xxxl"> & {
-    children: react.ReactNode;
-}>;
-declare const Media: react.ComponentType<_artsy_fresnel_dist_Media.MediaProps<"xl" | "l" | "m" | "s" | "xs" | "xxl" | "xxxl", never>>;
-
-declare const KEY = "level";
-
-type OmitChildren<T, P extends string | react__default.ReactNode> = Omit<T, 'children'> & {
-    text?: P;
-};
-type TypoSet<T extends string | react__default.ReactNode = string> = ({
-    [KEY]: TypographyCaptionPrefix;
-} & OmitChildren<ICaptionProps, T>) | ({
-    [KEY]: TypographyParagraphPrefix;
-} & OmitChildren<ParagraphProps, T>) | ({
-    [KEY]: TypographyHeadingPrefix;
-} & OmitChildren<IHeadingProps, T>) | ({
-    [KEY]: TypographyTitlePrefix;
-} & OmitChildren<ITitleProps, T>) | ({
-    [KEY]: TypographyDisplayPrefix;
-} & OmitChildren<IDisplayProps, T>);
-
-type TypographyType = (props: Partial<Record<BreakPointsKey, TypoSet>> & {
-    children?: react__default.ReactNode;
-}) => JSX.Element;
-declare const Typography: TypographyType;
-
-/**
- * PopoverRoot
- */
-interface PopoverRootProps {
-    isOpen?: boolean;
-    children?: react.ReactNode;
-    onChange?: (isOpen: boolean) => void;
-}
-/**
- * PopoverTrigger
- */
-interface PopoverTriggerProps {
-    by?: ReactNode;
-}
-/**
- * PopoverContent
- */
-interface PopoverContentProps extends HTMLAttributes<HTMLDivElement> {
-    level?: 'primary' | 'secondary';
-    tag?: string;
-    icon?: {
-        icon: IconComponentType;
-    } & Pick<IconProps, 'thick' | 'fill'>;
-    title?: string;
-    description?: string;
-    position?: 'top' | 'right' | 'bottom' | 'left';
-    align?: 'start' | 'center' | 'end';
-    confirmText?: string;
-    isOverlay?: boolean;
-    container?: HTMLElement;
-    onConfirm?: () => void;
-    onClose?: () => void;
-    onPointerDownOutside?: () => void;
-}
-declare const Popover: (({ isOpen, children, onChange }: PopoverRootProps) => react_jsx_runtime.JSX.Element) & {
-    Trigger: ({ by }: PopoverTriggerProps) => react_jsx_runtime.JSX.Element;
-    Content: react.ForwardRefExoticComponent<PopoverContentProps & react.RefAttributes<HTMLDivElement>>;
-    Arrow: react.ForwardRefExoticComponent<Popover$1.PopoverArrowProps & react.RefAttributes<SVGSVGElement>>;
-    Close: react.ForwardRefExoticComponent<Popover$1.PopoverCloseProps & react.RefAttributes<HTMLButtonElement>>;
-};
-
-interface TooltipRootProps {
-    /**
-     * Tooltip 내부에 렌더링할 컴포넌트입니다.
-     */
-    children?: ReactNode;
-    /**
-     * Tooltip의 열림 상태를 제어합니다.
-     * controlled 상태로 사용할 때 활용합니다.
-     */
-    open?: boolean;
-    /**
-     * Tooltip의 초기 열림 상태를 설정합니다.
-     * uncontrolled 상태로 사용할 때 활용합니다.
-     */
-    defaultOpen?: boolean;
-    /**
-     * Tooltip의 열림/닫힘 상태가 변경될 때 호출되는 콜백 함수입니다.
-     */
-    onOpenChange?: (open: boolean) => void;
-    /**
-     * 마우스가 Trigger에 진입한 후 Tooltip이 열리기까지의 지연 시간(ms)입니다.
-     * Provider에 설정된 값을 재정의합니다.
-     * @default 0
-     */
-    delayDuration?: number;
-    /**
-     * true로 설정하면 Tooltip 컨텐츠에 마우스를 올렸을 때
-     * Trigger를 벗어나도 Tooltip이 닫히지 않습니다.
-     * @default false
-     */
-    disableHoverableContent?: boolean;
-}
-type Side = 'top' | 'right' | 'bottom' | 'left';
-interface TooltipTriggerProps {
-    /**
-     * @param by
-     * Tooltip을 표시할 트리거 엘리먼트를 설정합니다.
-     */
-    by: ReactNode;
-}
-interface TooltipContentProps extends ComponentPropsWithoutRef<typeof Tooltip$1.Content> {
-    children?: ReactNode;
-    /**
-     * @param description
-     * Tooltip안에 표시할 텍스트 컨텐츠를 설정합니다.
-     */
-    description?: string;
-    /**
-     * @param position
-     * Tooltip을 렌더링할 방향을 설정합니다.
-     */
-    position?: Side;
-    /**
-     * @param offset
-     * Tooltip과 Trigger 사이의 간격을 설정합니다(px)
-     */
-    offset?: 'medium' | 'high';
-    /**
-     * @param collisionPadding
-     * Tooltip이 충돌 판정을 받는 영역을 조정합니다.
-     */
-    collisionPadding?: number | Partial<Record<Side, number>>;
-}
-declare const Tooltip: (({ children, ...props }: TooltipRootProps) => react_jsx_runtime.JSX.Element) & {
-    Provider: react__default.FC<Tooltip$1.TooltipProviderProps>;
-    Trigger: ({ by }: TooltipTriggerProps) => react_jsx_runtime.JSX.Element;
-    Content: react__default.ForwardRefExoticComponent<TooltipContentProps & react__default.RefAttributes<HTMLDivElement>>;
-};
-
-declare const iconButtonVariants: (props?: ({
-    level?: "primary" | "secondary" | "tertiary" | "quaternary" | "negative" | "static" | "inverse-static" | "inverse" | undefined;
-    size?: "l" | "m" | "s" | "xs" | undefined;
-    fill?: boolean | undefined;
-} & ({
-    class?: cva.ClassValue;
-    className?: never;
-} | {
-    class?: never;
-    className?: cva.ClassValue;
-})) | undefined) => string;
-type IconButtonLevelType = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'negative' | 'static' | 'inverse' | 'inverse-static';
-type IconSizeType = 'l' | 'm' | 's' | 'xs';
-interface IconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof iconButtonVariants> {
-    asChild?: boolean;
-    size?: 'l' | 'm' | 's' | 'xs';
-    fill?: boolean;
-    level?: IconButtonLevelType;
-    icon: {
-        icon: IconComponentType;
-    } & Pick<IconProps, 'type' | 'size' | 'thick' | 'fill' | 'fillType'>;
-    isLoading?: boolean;
-}
-declare const IconButton: react.ForwardRefExoticComponent<IconButtonProps & react.RefAttributes<HTMLButtonElement>>;
-
-interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof Checkbox$1.Root> {
-    label?: string;
-    description?: string;
-}
-declare const Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLButtonElement>>;
-
-interface RadioItemProps extends ComponentPropsWithoutRef<typeof RadioGroup.Item> {
-    label?: string;
-    description?: string;
-}
-declare const Radio: react.ForwardRefExoticComponent<Omit<RadioGroup.RadioGroupProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>> & {
-    Item: react.ForwardRefExoticComponent<RadioItemProps & react.RefAttributes<HTMLButtonElement>>;
-};
-
-declare const defaultTextfieldVariants: (props?: ({
-    color?: "neutral-container-lowest" | "neutral-container-mid" | undefined;
-} & ({
-    class?: cva.ClassValue;
-    className?: never;
-} | {
-    class?: never;
-    className?: cva.ClassValue;
-})) | undefined) => string;
-type TextfieldButtonProps = Omit<DefaultButtonProps<FillType>, 'size'>;
-type TextfieldLabelType = 'in' | 'out' | 'visually-hidden';
-interface TextfieldLabelProps {
-    text: string;
-    type?: TextfieldLabelType;
-}
-interface TextfieldProps extends InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof defaultTextfieldVariants> {
-    label?: TextfieldLabelProps;
-    value?: string;
-    maxCharacter?: number;
-    error?: string;
-    disabled?: boolean;
-    button?: TextfieldButtonProps;
-    color?: Extract<BasicColorType, 'neutral-container-mid' | 'neutral-container-lowest'>;
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    onClear?: () => void;
-}
-declare const Textfield: react.ForwardRefExoticComponent<TextfieldProps & react.RefAttributes<HTMLInputElement>>;
-
-interface SelectProps extends ComponentPropsWithoutRef<typeof Select$1.Root> {
-    id?: string;
-    placeholder?: string;
-    label?: string;
-    chip?: string;
-    listLabel?: string;
-    popSide?: ComponentProps<typeof Select$1.Content>['side'];
-    sideOffset?: ComponentProps<typeof Select$1.Content>['sideOffset'];
-    isResponsive?: boolean;
-    openDirection?: 'slide-up' | 'slide-right';
-    badge?: string;
-    container?: HTMLElement;
-}
-interface SelectItemProps {
-    value: string;
-    text?: string;
-    disabled?: boolean;
-    icon?: {
-        icon: IconComponentType;
-    } & Pick<IconProps, 'fill' | 'thick' | 'type' | 'fillType' | 'size'>;
-    onClick?: () => void;
-}
-declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<never>> & {
-    Item: ({ value, text, disabled, icon, onClick }: SelectItemProps) => react_jsx_runtime.JSX.Element;
-};
-
-interface ListRootProps extends LiHTMLAttributes<HTMLUListElement> {
-    children?: ReactNode;
-    value?: string;
-    onChangeValue?: (value: string) => void;
-}
-interface ItemProps {
-    value: string;
-    text: string;
-    disabled?: boolean;
-    icon?: {
-        icon: IconComponentType;
-    } & Pick<IconProps, 'fill' | 'thick' | 'type' | 'fillType' | 'size'>;
-    onClick?: () => void;
-}
-declare const List: (({ children, className, ...props }: ListRootProps) => react_jsx_runtime.JSX.Element) & {
-    Item: ({ value, text, disabled, icon, onClick }: ItemProps) => react_jsx_runtime.JSX.Element;
-};
-
-interface ISnackbarBase extends ToastProps {
-    title: string;
-    description?: string;
-    position?: 'left' | 'right';
-}
-interface ButtonType {
-    onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
-    text: string;
-}
-interface ISnackbarBasic {
-    kind?: 'basic';
-    icon?: {
-        icon: IconComponentType;
-    } & Pick<IconProps, 'fill' | 'thick' | 'type' | 'fillType'>;
-    button?: {
-        text?: ButtonType;
-        basic?: ButtonType;
-    };
-}
-interface ISnackbarNavigation {
-    kind: 'navigation';
-    button: {
-        onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
-    };
-}
-interface ISnackbarExtended {
-    kind: 'extended';
-    button?: {
-        text?: ButtonType;
-        basic?: ButtonType;
-    };
-}
-type SnackbarProp = ISnackbarBase & (ISnackbarBasic | ISnackbarNavigation | ISnackbarExtended);
-type SnackbarPropWithId = SnackbarProp & {
-    snackbarId: number;
-};
-
-declare const Snackbar: () => react_jsx_runtime.JSX.Element;
-declare const SingleSnackbar: (props: SnackbarPropWithId & {
-    position: "left" | "right";
-}) => react_jsx_runtime.JSX.Element;
-
-declare const snackbarAtom: recoil.RecoilState<SnackbarPropWithId[]>;
-declare const useSnackbar: () => {
-    open: (info: SnackbarProp) => void;
-};
-
-declare const defaultLabelVariants: (props?: ({
-    level?: "primary" | "secondary" | undefined;
-    position?: "right" | "top" | undefined;
-    size?: "l" | "m" | "s" | undefined;
-    offset?: "medium" | "high" | "low" | undefined;
-    disabled?: boolean | undefined;
-    error?: boolean | undefined;
-} & ({
-    class?: cva.ClassValue;
-    className?: never;
-} | {
-    class?: never;
-    className?: cva.ClassValue;
-})) | undefined) => string;
-interface LabelProps extends ComponentPropsWithoutRef<typeof Label$1.Root>, VariantProps<typeof defaultLabelVariants> {
-    level?: 'primary' | 'secondary';
-    position?: 'top' | 'right';
-    size?: 'l' | 'm' | 's';
-    offset?: 'high' | 'medium' | 'low';
-    disabled?: boolean;
-    error?: boolean;
-}
-declare const Label: react.ForwardRefExoticComponent<LabelProps & react.RefAttributes<HTMLLabelElement>>;
-
-declare const textButtonVariants: (props?: ({
-    level?: "primary" | "secondary" | "tertiary" | "inverse-static" | "inverse" | undefined;
-    size?: "m" | "s" | undefined;
-    thick?: boolean | undefined;
-    underline?: boolean | undefined;
-} & ({
-    class?: cva.ClassValue;
-    className?: never;
-} | {
-    class?: never;
-    className?: cva.ClassValue;
-})) | undefined) => string;
-type TextLevelType = 'primary' | 'secondary' | 'tertiary' | 'inverse' | 'inverse-static';
-type TextButtonSizeType = Extract<ButtonSizeType, 'm' | 's'>;
-interface TextButtonProps extends CommonButtonProps, VariantProps<typeof textButtonVariants> {
-    asChild?: boolean;
-    level?: TextLevelType;
-    thick?: boolean;
-    underline?: boolean;
-    size?: TextButtonSizeType;
-    leftIcon?: {
-        icon: IconComponentType;
-    } & Pick<IconProps, 'type' | 'size' | 'thick' | 'fill'>;
-    rightIcon?: {
-        icon: IconComponentType;
-    } & Pick<IconProps, 'type' | 'size' | 'thick' | 'fill'>;
-}
-declare const TextButton: react.ForwardRefExoticComponent<TextButtonProps & react.RefAttributes<HTMLButtonElement>>;
-
-type LoadingSizeType = 'xl' | 'l' | 'm' | 's' | 'xs';
-type LoadingLevelType = 'brand-label-primary' | 'neutral-label-primary' | 'neutral-label-static-primary' | 'inverse-label-primary' | 'inverse-label-static-primary';
-interface LoadingProps {
-    size?: LoadingSizeType;
-    level?: LoadingLevelType;
-    type?: 'dots' | 'spinner';
-}
-declare const Loading: ({ type, ...props }: LoadingProps) => react_jsx_runtime.JSX.Element;
-
-interface LogoSquareProps {
-    type: 'circle' | 'favicon';
-    size: number;
-    className?: string;
-}
-interface LogoRectangleProps {
-    type: 'combination' | 'team' | 'pro' | 'max';
-    width: number;
-    height: number;
-    className?: string;
-}
-type LogoProps = LogoSquareProps | LogoRectangleProps;
-declare const Logo: (props: LogoProps) => react_jsx_runtime.JSX.Element;
-
-type PrimitiveCoachMarkRootProps = PopoverProps & {
-    trigger: ReactNode;
-};
-/**
- * PrimitiveCoachMark Content
- * 사용 가능한 속성은 @radix-ui/react-popover 의 PopoverContentProps 참고
- * https://www.radix-ui.com/primitives/docs/components/popover#content
- */
-interface PrimitiveCoachMarkContentProps extends PopoverPrimitive.PopoverContentProps, PopoverPortalProps {
-    dim?: boolean;
-}
-/**
- * @description 커스텀 스타일용 기본 CoachMark 컴포넌트
- * - Anchor에 색상이 들어가있지 않습니다.
- * - CoachMarkContent의 className을 통해 span > svg > path의 fill 값을 변경해 사용해주세요.
- */
-declare const PrimitiveCoachMark: (({ trigger, children, ...props }: PrimitiveCoachMarkRootProps) => react_jsx_runtime.JSX.Element) & {
-    Content: react.ForwardRefExoticComponent<PrimitiveCoachMarkContentProps & react.RefAttributes<HTMLDivElement>>;
-    Portal: react.FC<PopoverPrimitive.PopoverPortalProps>;
-};
-
-interface Step {
-    total: number;
-    current: number;
-}
-interface RestrictedButtonProps {
-    children?: ReactNode;
-    onClick?: MouseEventHandler<HTMLButtonElement>;
-}
-
-type CoachMarkProps = PrimitiveCoachMarkRootProps & {
-    children?: ReactNode;
-};
-interface BaseCoachMarkContentProps extends Omit<PrimitiveCoachMarkContentProps, 'children'> {
-    tag?: string;
-    title?: string;
-    level?: 'brand' | 'inverse-static' | 'inverse';
-    onClose?: () => void;
-}
-type BaseCoachMarkContent = {
-    icon?: {
-        icon: IconComponentType;
-    } & Pick<IconProps, 'fill' | 'thick' | 'type' | 'fillType'>;
-    description?: string;
-    step?: Step;
-    primaryButton?: RestrictedButtonProps;
-    secondaryButton?: RestrictedButtonProps;
-    width?: number;
-};
-type WithImage = BaseCoachMarkContent & {
-    image: React.ImgHTMLAttributes<HTMLImageElement>;
-    illust?: undefined;
-};
-type WithIllust = BaseCoachMarkContent & {
-    image?: undefined;
-    illust: Omit<IllustProps, 'width'>;
-};
-type WithoutMedia = BaseCoachMarkContent & {
-    image?: undefined;
-    illust?: undefined;
-};
-type CoachMarkContentProps = (WithImage | WithIllust | WithoutMedia) & BaseCoachMarkContentProps;
-declare const CoachMark: ((props: CoachMarkProps) => react_jsx_runtime.JSX.Element) & {
-    Content: react.ForwardRefExoticComponent<CoachMarkContentProps & react.RefAttributes<HTMLDivElement>>;
-    Portal: react.FC<PopoverPrimitive.PopoverPortalProps>;
-};
-
-type CompactCoachMarkProps = PrimitiveCoachMarkRootProps;
-declare const CompactCoachMark: ((props: CompactCoachMarkProps) => react_jsx_runtime.JSX.Element) & {
-    Content: react.ForwardRefExoticComponent<BaseCoachMarkContentProps & react.RefAttributes<HTMLDivElement>>;
-    Portal: react.FC<PopoverPrimitive.PopoverPortalProps>;
-};
-
-interface TagProps extends Omit<IPropsNormalBold, 'type' | 'size' | 'weight'> {
-    children: ReactNode;
-    color?: SystemKeys;
-    backgroundColor?: SystemKeys;
-    borderColor?: SystemKeys;
-    radius?: 'square' | 'rounded';
-    thick?: boolean;
-    size?: 's' | 'm' | 'l';
-}
-declare const Tag: react.ForwardRefExoticComponent<TagProps & react.RefAttributes<HTMLParagraphElement>>;
-
-export { type BaseCoachMarkContentProps, type BreakPointsKey, Button, type ButtonIconProps, type ButtonProps, type ButtonSizeType, Caption, Checkbox, CoachMark, type CoachMarkContentProps, type CommonButtonProps, CompactCoachMark, DefaultButton, type DefaultButtonProps, Display, type FillFalseLevelType, type FillLevelType, type FillType, Heading, type ICaptionProps, type IDisplayProps, type IHeadingProps, type IPropsAccent, type IPropsAnswer, type IPropsNormal, type IPropsNormalBold, type IPropsPost, type ITitleProps, IconButton, type IconButtonLevelType, type IconButtonProps, type IconSizeType, type ItemProps, Label, List, Loading, Logo, Media, MediaContextProvider, Paragraph, type ParagraphProps, Popover, type PopoverContentProps, PrimitiveCoachMark, type PrimitiveCoachMarkContentProps, type PrimitiveCoachMarkRootProps, Radio, Select, type SelectItemProps, type SelectProps, SingleSnackbar, Snackbar, Tag, TextButton, type TextButtonProps, Textfield, type TextfieldButtonProps, type TextfieldLabelType, type TextfieldProps, Title, Toaster, Tooltip, Typography, arrayToStyleObject, isEmptyObject, objectToArray, rootMediaStyle, snackbarAtom, useSnackbar, useToast };