@liner-fe/prism 2.1.55 → 2.1.57

package/lib/index.d.ts

@@ -1,20 +1,547 @@
-export * from './utils/icon';
-export * from './utils/object';
-export * from './components/Button';
-export * from './components/Toast/export';
-export * from './components/Typography';
-export * from './components/Icon';
-export * from './components/Popover';
-export * from './components/Tooltip';
-export * from './components/IconButton';
-export * from './components/CheckBox';
-export * from './components/Radio';
-export * from './components/Textfield';
-export * from './components/Slider';
-export * from './components/Select';
-export * from './components/List';
-export * from './components/Label';
-export * from './components/TextButton';
-export * from './components/Loading';
-export * from './types/color';
-export * from './type/index';
+import { SystemKeys, breakpointOrigin, TypographyCaptionPrefix, TypographyDisplayPrefix, TypographyParagraphPrefix, TypographyHeadingPrefix, TypographyTitlePrefix } from '@liner-fe/design-token';
+import * as react from 'react';
+import react__default, { SVGProps, ButtonHTMLAttributes, RefAttributes, HTMLAttributes, ReactNode, ComponentPropsWithoutRef, InputHTMLAttributes, ComponentProps, LiHTMLAttributes } from 'react';
+import * as cva from 'cva';
+import { VariantProps } from 'cva';
+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 { Popover as Popover$1, Tooltip as Tooltip$1, Checkbox as Checkbox$1, RadioGroup, Slider as Slider$1, Select as Select$1, Label as Label$1 } from 'radix-ui';
+import { ImageProps } from 'next/image';
+import { Property } from 'csstype';
+
+interface IconComponentProps {
+    className?: string;
+    color?: string;
+    fill?: boolean;
+    thick?: boolean;
+    size?: 16 | 20 | 24 | 32 | 40;
+}
+type IconComponent = (props: IconComponentProps) => JSX.Element | undefined;
+type IconMapType = typeof iconMap;
+type IconKey = 'close-fill' | 'more' | 'liner' | 'liner-variation' | 'person-fill' | 'list' | 'history' | 'start' | 'end' | 'paperclip' | 'share' | 'sign-out' | 'check-mark-fill' | 'exclamationmark-fill' | 'plus' | 'minus' | 'new-thread' | 'move' | 'search' | 'globe' | 'graduationcap' | 'palette' | 'download' | 'regenerate' | 'credit' | 'feedback' | 'tune' | 'arrow-back' | 'arrow-forward' | 'arrow-up' | 'arrow-down' | 'menu' | 'document-warning' | 'arrow-right' | 'arrow-left' | 'step' | 'arrow-turn' | 'power' | 'desktop' | 'desktop-on-cursor' | 'view-list' | 'chart-bar' | 'chart-line-uptrend' | 'folder' | 'person' | 'trash' | 'pencil' | 'copy' | 'book' | 'description' | 'bookmark' | 'photo' | 'camera' | 'bolt' | 'question-message' | 'books' | 'balance' | 'folder-add' | 'document' | 'person-add' | 'send' | 'check-mark' | 'exclamationmark' | 'close' | 'lock' | 'ai' | 'stack' | 'summarize' | 'memo' | 'highlighter' | 'creditcard' | 'speaker' | 'light' | 'document-add' | 'thumb-up' | 'thumb-down' | 'shield' | 'home' | 'visibility' | 'visibility-off' | 'magic-wand' | 'magic-pencil' | 'bulb-exclamtionmark' | 'bulb' | 'paraphase' | 'make-easy' | 'translate' | 'Info' | 'folder-open' | 'highlight-edit' | 'apple' | 'android' | 'twitter' | 'facebook' | 'google' | 'paraphrase' | 'car' | 'airplane' | 'rocket' | 'source' | 'setting' | 'extend' | 'shorten' | 'sun' | 'moon' | 'fire' | 'arrow-upward' | 'arrow-downward' | 'light-mode' | 'dark-mode' | 'target' | 'question-box' | 'new-tab' | 'example' | 'quote' | 'document-check' | 'block' | 'bookmark-cancel' | 'arrow-up-right' | 'arrow-down-left' | 'arrow-up-left' | 'email' | 'filter' | 'timer' | 'play-button' | 'text-select' | 'arrow-drop-down' | 'bell' | 'secret-mode' | 'add-clock' | 'clock' | 'arrow-backward' | 'link' | 'sheet-export' | 'shield-usage' | 'essay' | 'spinner' | 'drop-down' | 'drop-up' | 'arrow-drop-right' | 'arrow-up-down' | 'google-export' | 'shield-person' | 'formal-bag' | 'casual-shoe' | 'undo' | 'redo' | 'expand' | 'verification-badge' | 'volume-up' | 'volume' | 'folder-open-share' | 'folder-share' | 'report' | 'mindmap' | 'flowchart' | 'show-all' | 'hide-all' | 'brain' | 'zoom-in' | 'zoom-out' | 'focus' | 'help' | 'paragraph';
+
+declare const iconMap: Record<IconKey, IconComponent>;
+
+type MyExtract<T, U extends Partial<T>> = T extends U ? T : never;
+type BasicColorType = MyExtract<SystemKeys, 'neutral-label-primary' | 'neutral-label-secondary' | 'neutral-label-tertiary' | 'neutral-label-quaternary' | 'neutral-label-static-primary' | 'neutral-label-static-secondary' | 'inverse-label-primary' | 'inverse-label-secondary' | 'inverse-label-tertiary' | 'inverse-label-quaternary' | 'inverse-label-static-primary' | 'inverse-label-static-secondary' | 'brand-label-primary' | 'brand-label-secondary' | 'function-label-positive' | 'function-label-negative' | 'function-label-caution' | 'accent-yellow' | 'accent-cyan' | 'accent-mint' | 'accent-purple' | 'accent-pink' | 'neutral-fill-low' | 'neutral-fill-mid' | 'neutral-fill-high' | 'neutral-fill-highest' | 'neutral-container-lowest' | 'neutral-container-low' | 'neutral-container-mid' | 'neutral-container-high' | 'neutral-container-highest' | 'neutral-container-static-lowest' | 'brand-container-mid' | 'brand-container-high' | 'inverse-container-lowest' | 'inverse-container-low' | 'inverse-container-mid' | 'inverse-container-high' | 'inverse-container-static-high' | 'inverse-container-highest'>;
+
+declare const objectToArray: <T extends Record<string, any>>(obj: T) => [string, any][];
+declare const arrayToStyleObject: (colorKeys: BasicColorType[], style: {
+    readonly [key: string]: string;
+}, prefix?: string) => Partial<Record<BasicColorType, string>>;
+declare const isEmptyObject: (obj: object) => boolean;
+
+declare const iconSizeMap: {
+    readonly xs: 16;
+    readonly s: 20;
+    readonly m: 24;
+    readonly l: 32;
+    readonly xl: 40;
+};
+declare const iconKeyOptions: IconKey[];
+declare const colorKeys: BasicColorType[];
+declare const iconVariants: (props?: ({
+    type?: BasicColorType | undefined;
+    fillType?: BasicColorType | undefined;
+} & ({
+    class?: cva.ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: cva.ClassValue;
+})) | undefined) => string;
+declare const getIconComponent: (iconKey: IconKey, map: IconMapType) => IconComponent;
+type IconSizeKey = keyof typeof iconSizeMap;
+type IconColorType = Extract<SystemKeys, BasicColorType>;
+interface IconProps extends VariantProps<typeof iconVariants>, Omit<SVGProps<SVGSVGElement>, 'fill'> {
+    name: IconKey;
+    type?: IconColorType;
+    fillType?: IconColorType;
+    size?: IconSizeKey;
+    thick?: boolean;
+    fill?: boolean;
+    className?: string;
+}
+declare const Icon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const defaultButtonVariants: (props?: ({
+    level?: "primary" | "secondary" | "tertiary" | "quaternary" | "negative" | "static" | "inverse-static" | undefined;
+    fill?: boolean | undefined;
+    align?: "center" | "spaceBetween" | undefined;
+    size?: "m" | "s" | "l" | "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' | 'negative' | 'static' | 'inverse-static';
+type FillFalseLevelType = 'primary' | 'secondary';
+type ButtonSizeType = 'cta' | 'l' | 'm' | 's';
+type DefaultLevelType<T> = T extends true ? FillLevelType : FillFalseLevelType;
+type ButtonIconProps = Exclude<IconProps, 'size' | 'thick'>;
+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?: ButtonIconProps;
+    rightIcon?: 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: Omit<IconProps, 'size'>;
+    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?: BasicColorType;
+}
+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: 1 | 3;
+    weight: REGULAR;
+}
+interface IPropsAccent extends ITypographyCommon {
+    type: ACCENT;
+    size: 1 | 2 | 3;
+    weight: REGULAR | MEDIUM | BOLD;
+}
+interface IPropsAnswer extends ITypographyCommon {
+    type: ANSWER;
+    size: 1;
+    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 | MEDIUM;
+    size: 1 | 2 | 3 | 4;
+}
+declare const Title: react__default.ForwardRefExoticComponent<ITitleProps & react__default.RefAttributes<HTMLParagraphElement>>;
+
+interface IDisplayProps extends ITypographyCommon {
+    size: 2 | 3;
+    type: 'accent' | 'normal';
+    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<"m" | "s" | "xs" | "l" | "xl" | "xxl" | "xxxl"> & {
+    children: react.ReactNode;
+}>;
+declare const Media: react.ComponentType<_artsy_fresnel_dist_Media.MediaProps<"m" | "s" | "xs" | "l" | "xl" | "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]: TypographyDisplayPrefix;
+} & OmitChildren<IDisplayProps, T>) | ({
+    [KEY]: TypographyParagraphPrefix;
+} & OmitChildren<ParagraphProps, T>) | ({
+    [KEY]: TypographyHeadingPrefix;
+} & OmitChildren<IHeadingProps, T>) | ({
+    [KEY]: TypographyTitlePrefix;
+} & OmitChildren<ITitleProps, 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?: Pick<IconProps, 'name' | '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 react__default.HTMLAttributes<HTMLDivElement> {
+    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?: "m" | "s" | "xs" | "l" | 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: Omit<IconProps, 'className'>;
+    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';
+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 Range {
+    text: string;
+    icon: IconKey;
+}
+interface SliderRootProps extends ComponentPropsWithoutRef<typeof Slider$1.Root> {
+    label?: string;
+    tooltip?: string;
+    rangeLeft: Range;
+    rangeRight: Range;
+}
+declare const Slider: react.ForwardRefExoticComponent<SliderRootProps & react.RefAttributes<HTMLSpanElement>>;
+
+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?: IconProps;
+    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?: IconProps;
+    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;
+};
+
+declare const defaultLabelVariants: (props?: ({
+    level?: "primary" | "secondary" | undefined;
+    position?: "top" | "right" | undefined;
+    size?: "m" | "s" | "l" | 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?: ButtonIconProps;
+    rightIcon?: ButtonIconProps;
+}
+declare const TextButton: react.ForwardRefExoticComponent<TextButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+type LoadingSizeType = '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;
+}
+declare const Loading: ({ size, level }: LoadingProps) => react_jsx_runtime.JSX.Element;
+
+type LightIllustType = "decoration-airplane-1_1" | "decoration-bulb-1_1" | "decoration-car-1_1" | "decoration-coffee-1_1" | "decoration-english-1_1" | "decoration-flag-1_1" | "decoration-hourglass-1_1" | "decoration-money-1_1" | "decoration-palm-1_1" | "decoration-rocket-1_1" | "decoration-shake_hands-1_1" | "decoration-star_01-1_1" | "decoration-star_02-1_1" | "decoration-star_03-1_1" | "decoration-star_04-1_1" | "decoration-star_05-1_1" | "decoration-star_06-1_1" | "decoration-star_07-1_1" | "decoration-star_08-1_1" | "decoration-star_09-1_1" | "decoration-star_10-1_1" | "decoration-star_11-1_1" | "decoration-tennis-1_1" | "object-bomb-1_1" | "object-book_pencil-4_3" | "object-brain-1_1" | "object-clap-1_1" | "object-documents_02-1_1" | "object-empty_box-1_1" | "object-empty_box-4_3" | "object-feather_pen-1_1" | "object-folder_01-1_1" | "object-folder_02-1_1" | "object-free_ticket-1_1" | "object-gift-1_1" | "object-give_gift-1_1" | "object-graduation_cap_pencil-4_3" | "object-lock-4_3" | "object-magnifying_glass-1_1" | "object-magnifying_glass-4_3" | "object-megaphone-1_1" | "object-paper-1_1" | "object-pencil_paper-16_9" | "object-puzzle-4_3" | "object-smoke-16_9" | "object-university_01-1_1" | "object-university_02-1_1" | "object_documents_01-1_1" | "object_find_man-1_1" | "person-ai_writing-1_1" | "person-bye-4_3" | "person-cheerup-16_9" | "person-cheerup-4_3" | "person-holding_a_book-1_1" | "person-introduce-1_1" | "person-introduce-pro-1_1" | "person-make_profile-1_1" | "person-raining-1_1" | "person-searching-16_9" | "person-searching_01-1_1" | "person-searching_01-4_3" | "person-searching_02-1_1" | "person-space_in_work-4_3" | "person-standing_with_a_star-16_9" | "person-time_out_01-1_1" | "person-time_out_02-1_1" | "person-time_out_03-1_1" | "person-time_out_04-1_1" | "person-time_out_05-1_1" | "person-understand-1_1" | "person-working_01-4_3" | "person-working_02-4_3" | "person-worried-1_1" | "person-worried_01-4_3" | "person-worried_02-4_3" | "person-worried_03-4_3" | "person-worried_04-4_3" | "person-writing_01-1_1" | "person-writing_02-1_1";
+type DarkIllustType = "decoration-airplane-1_1" | "decoration-bulb-1_1" | "decoration-car-1_1" | "decoration-flag-1_1" | "decoration-hourglass-1_1" | "decoration-rocket-1_1" | "decoration-star_01-1_1" | "decoration-star_02-1_1" | "decoration-star_03-1_1" | "decoration-star_04-1_1" | "decoration-star_05-1_1" | "decoration-star_06-1_1" | "decoration-star_07-1_1" | "decoration-star_08-1_1" | "decoration-star_09-1_1" | "decoration-star_10-1_1" | "decoration-star_11-1_1" | "object-bomb-1_1" | "object-brain-1_1" | "object-clap-1_1" | "object-documents_02-1_1" | "object-empty_box-1_1" | "object-empty_box-4_3" | "object-folder_01-1_1" | "object-folder_02-1_1" | "object-free_ticket-1_1" | "object-gift-1_1" | "object-give_gift-1_1" | "object-graduation_cap_pencil-4_3" | "object-lock-4_3" | "object-magnifying_glass-1_1" | "object-magnifying_glass-4_3" | "object-megaphone-1_1" | "object-paper-1_1" | "object-pencil_paper-16_9" | "object-puzzle-4_3" | "object-smoke-16_9" | "object_documents_01-1_1" | "object_find_man-1_1" | "person-bye-4_3" | "person-holding_a_book-1_1" | "person-introduce-1_1" | "person-introduce-pro-1_1" | "person-make_profile-1_1" | "person-raining-1_1" | "person-searching-16_9" | "person-searching_01-1_1" | "person-searching_01-4_3" | "person-searching_02-1_1" | "person-space_in_work-4_3" | "person-standing_with_a_star-16_9" | "person-time_out_01-1_1" | "person-time_out_02-1_1" | "person-time_out_03-1_1" | "person-time_out_04-1_1" | "person-time_out_05-1_1" | "person-working_01-4_3" | "person-worried-1_1" | "person-worried_01-4_3" | "person-worried_02-4_3" | "person-worried_03-4_3" | "person-worried_04-4_3" | "person-writing_01-1_1";
+type IllustType = DarkIllustType | LightIllustType;
+
+interface Source<T extends false | true = true> {
+    name: IllustType;
+    inverse?: T;
+}
+interface IProps extends Omit<ImageProps, 'alt' | 'width' | 'height' | 'fill' | 'src'> {
+    width: number;
+    src: {
+        light: Source<false>;
+        dark?: Source;
+    };
+    margin?: Property.Margin<string>;
+}
+declare const Illust: (props: IProps) => react_jsx_runtime.JSX.Element;
+
+declare const prefetchIllust: ({ name, isDark }: {
+    name: IllustType;
+    isDark?: boolean;
+}) => Promise<Response>;
+
+export { type BasicColorType, type BreakPointsKey, Button, type ButtonIconProps, type ButtonProps, type ButtonSizeType, Caption, Checkbox, type CommonButtonProps, DefaultButton, type DefaultButtonProps, Display, type FillFalseLevelType, type FillLevelType, type FillType, Heading, type ICaptionProps, type IDisplayProps, type IHeadingProps, type IPropsAccent, type IPropsAnswer, type IPropsNormal, type IPropsPost, type ITitleProps, Icon, IconButton, type IconButtonLevelType, type IconButtonProps, type IconColorType, type IconComponent, type IconComponentProps, type IconKey, type IconMapType, type IconProps, type IconSizeKey, type IconSizeType, Illust, type ItemProps, Label, List, Loading, Media, MediaContextProvider, Paragraph, type ParagraphProps, Popover, type PopoverContentProps, Radio, Select, type SelectItemProps, type SelectProps, Slider, type Source, TextButton, type TextButtonProps, Textfield, type TextfieldButtonProps, type TextfieldLabelType, type TextfieldProps, Title, Toaster, Tooltip, Typography, arrayToStyleObject, colorKeys, getIconComponent, iconKeyOptions, iconMap, isEmptyObject, objectToArray, prefetchIllust, rootMediaStyle, useToast };