@jects/jds 0.0.1

package/dist/index.d.ts

@@ -0,0 +1,1474 @@
+import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
+import * as react from 'react';
+import { ReactNode, ElementType, ComponentPropsWithoutRef, ComponentPropsWithRef, ChangeEvent, ComponentProps } from 'react';
+import { ToggleGroup, Tabs, Tooltip as Tooltip$1, DropdownMenu } from 'radix-ui';
+import { ToggleGroupSingleProps, ToggleGroupItemProps } from '@radix-ui/react-toggle-group';
+import * as TabPrimitive from '@radix-ui/react-tabs';
+import * as _emotion_styled from '@emotion/styled';
+import * as _emotion_react from '@emotion/react';
+import * as NavigationMenu from '@radix-ui/react-navigation-menu';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+
+type BadgeStyle = {
+    bg: string;
+    color: string;
+    border: string;
+};
+type BadgeStyleWithoutBorder = Omit<BadgeStyle, "border">;
+type ContentBadgeStyle = "solid" | "alpha" | "outlined";
+type NumericBadgeStyle = "solid" | "empty";
+type BadgeSize = "lg" | "md" | "sm" | "xs";
+type BasicHierarchy$1 = "accent" | "primary" | "secondary" | "tertiary";
+type FeedbackVariant = "positive" | "destructive" | "notifying";
+type ThemeVariant = "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "violet" | "purple" | "fuchsia" | "pink" | "rose";
+
+interface ContentBadgeBasicProps {
+    hierarchy?: BasicHierarchy$1;
+    size?: BadgeSize;
+    badgeStyle?: ContentBadgeStyle;
+    isMuted?: boolean;
+    withIcon?: boolean;
+    children: ReactNode;
+}
+interface ContentFeedbackBadgeProps {
+    variant?: FeedbackVariant;
+    size?: BadgeSize;
+    badgeStyle?: ContentBadgeStyle;
+    isMuted?: boolean;
+    children: ReactNode;
+}
+interface ContentThemeBadgeProps {
+    variant?: ThemeVariant;
+    size?: BadgeSize;
+    badgeStyle?: ContentBadgeStyle;
+    isMuted?: boolean;
+    children: ReactNode;
+}
+declare const ContentBadge: {
+    Basic: {
+        ({ hierarchy, size, badgeStyle, isMuted, withIcon, children, }: ContentBadgeBasicProps): _emotion_react_jsx_runtime.JSX.Element;
+        displayName: string;
+    };
+    Feedback: {
+        ({ variant, size, badgeStyle, isMuted, children, }: ContentFeedbackBadgeProps): _emotion_react_jsx_runtime.JSX.Element;
+        displayName: string;
+    };
+    Theme: {
+        ({ variant, size, badgeStyle, isMuted, children, }: ContentThemeBadgeProps): _emotion_react_jsx_runtime.JSX.Element;
+        displayName: string;
+    };
+};
+
+interface DotBadgeFeedbackProps {
+    variant: FeedbackVariant;
+    size?: BadgeSize;
+    isMuted?: boolean;
+}
+declare const DotBadgeFeedback: {
+    ({ variant, size, isMuted, }: DotBadgeFeedbackProps): _emotion_react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DotBadge: {
+    Feedback: {
+        ({ variant, size, isMuted, }: DotBadgeFeedbackProps): _emotion_react_jsx_runtime.JSX.Element;
+        displayName: string;
+    };
+};
+
+interface NumericBadgeBasicProps {
+    hierarchy?: BasicHierarchy$1;
+    size?: BadgeSize;
+    badgeStyle?: NumericBadgeStyle;
+    isMuted?: boolean;
+    children: ReactNode;
+}
+interface NumericBasicBadgeProps {
+    variant?: FeedbackVariant;
+    size?: BadgeSize;
+    badgeStyle?: NumericBadgeStyle;
+    isMuted?: boolean;
+    children: ReactNode;
+}
+declare const NumericBadge: {
+    Basic: {
+        ({ hierarchy, size, badgeStyle, isMuted, children, }: NumericBadgeBasicProps): _emotion_react_jsx_runtime.JSX.Element;
+        displayName: string;
+    };
+    Feedback: {
+        ({ variant, size, badgeStyle, isMuted, children, }: NumericBasicBadgeProps): _emotion_react_jsx_runtime.JSX.Element;
+        displayName: string;
+    };
+};
+
+/**
+ * Polymorphic Component Prop type (ref 제외)
+ */
+type PolymorphicProps<E extends ElementType, P> = P & Omit<ComponentPropsWithoutRef<E>, keyof P | "as"> & {
+    as?: E;
+};
+type PolymorphicRef<E extends ElementType> = ComponentPropsWithRef<E>["ref"];
+type PolymorphicComponentPropsWithRef<E extends ElementType, P> = PolymorphicProps<E, P> & {
+    ref?: PolymorphicRef<E>;
+};
+
+type ImgRatio = "1:1" | "4:5" | "3:4" | "2:3" | "9:16" | "1:2" | "9:21";
+type ImgOrientation = "portrait" | "landscape";
+interface ImageOwnProps {
+    src?: string;
+    fallbackSrc?: string;
+    alt: string;
+    ratio?: ImgRatio;
+    orientation?: ImgOrientation;
+    isReadonly?: boolean;
+    badgeVisible?: boolean;
+    badgeLabel?: string;
+    loading?: "lazy" | "eager";
+}
+declare const Image: (<E extends ElementType = "button">(props: PolymorphicComponentPropsWithRef<E, ImageOwnProps>) => react.ReactElement | null) & {
+    displayName?: string;
+};
+
+type BannerVariant = "bar" | "image";
+interface BaseBannerProps extends ComponentPropsWithoutRef<"div"> {
+    title: string;
+    subtitle?: string;
+}
+interface BannerBarProps extends BaseBannerProps {
+    variant?: "bar";
+    label?: string;
+    onClose?: () => void;
+    closeAriaLabel?: string;
+}
+interface BannerImageProps extends Omit<ImageOwnProps, "ratio" | "orientation" | "badgeVisible" | "badgeLabel" | "alt"> {
+    variant?: "image";
+    title: string;
+    subtitle?: string;
+}
+type BannerProps = BannerBarProps | BannerImageProps;
+
+declare const Banner: {
+    Bar: react.ForwardRefExoticComponent<BannerBarProps & react.RefAttributes<HTMLDivElement>>;
+    Image: react.ForwardRefExoticComponent<BannerImageProps & react.RefAttributes<HTMLDivElement>>;
+};
+
+declare const BlockButton: {
+    Basic: react.ForwardRefExoticComponent<BlockButtonBasicProps & react.RefAttributes<HTMLButtonElement>>;
+    Feedback: react.ForwardRefExoticComponent<BlockButtonFeedbackProps & react.RefAttributes<HTMLButtonElement>>;
+};
+
+type BlockButtonSize = "xs" | "sm" | "md" | "lg";
+type BlockButtonHierarchy = "accent" | "primary" | "secondary" | "tertiary";
+type BlockButtonStyle = "solid" | "outlined" | "empty";
+type FeedbackIntent = "positive" | "destructive";
+interface BaseBlockButtonProps extends ComponentPropsWithoutRef<"button"> {
+    children: ReactNode;
+    size?: BlockButtonSize;
+    prefixIcon?: IconName;
+    suffixIcon?: IconName;
+}
+interface BlockButtonBasicProps extends BaseBlockButtonProps {
+    variant?: BlockButtonStyle;
+    hierarchy?: BlockButtonHierarchy;
+}
+interface BlockButtonFeedbackProps extends BaseBlockButtonProps {
+    intent: FeedbackIntent;
+}
+
+type CardLayout = "vertical" | "horizontal";
+type CardVariant = "plate" | "post";
+type CardStyle = "outlined" | "empty";
+interface CardRootOwnProps {
+    layout?: CardLayout;
+    variant?: CardVariant;
+    cardStyle?: CardStyle;
+    isDisabled?: boolean;
+    interactive?: boolean;
+    children?: ReactNode;
+}
+interface CardImageProps extends ComponentPropsWithoutRef<"div"> {
+    src?: string;
+    alt: string;
+    fallbackSrc?: string;
+    ratio?: ImgRatio;
+    orientation?: ImgOrientation;
+    badgeVisible?: boolean;
+    badgeLabel?: string;
+    loading?: "lazy" | "eager";
+}
+interface CardContentProps extends ComponentPropsWithoutRef<"div"> {
+    children: ReactNode;
+}
+interface CardCaptionProps extends ComponentPropsWithoutRef<"span"> {
+    children: ReactNode;
+    standalone?: boolean;
+}
+interface CardTitleProps extends ComponentPropsWithoutRef<"h3"> {
+    children: ReactNode;
+}
+interface CardLabelProps extends ComponentPropsWithoutRef<"h4"> {
+    children: ReactNode;
+}
+interface CardBodyProps extends ComponentPropsWithoutRef<"p"> {
+    children: ReactNode;
+}
+interface CardMetaProps extends ComponentPropsWithoutRef<"div"> {
+    children: ReactNode;
+}
+interface CardMetaItemProps extends ComponentPropsWithoutRef<"span"> {
+    children: ReactNode;
+}
+interface BasePresetOwnProps {
+    layout?: CardLayout;
+    isDisabled?: boolean;
+    image?: {
+        src?: string;
+        alt: string;
+    };
+}
+interface PlateWithTitlePresetBaseProps extends BasePresetOwnProps {
+    caption?: string;
+    title: string;
+    body: ReactNode;
+}
+type PlateWithTitlePresetProps = (PlateWithTitlePresetBaseProps & {
+    as: "a";
+    href: string;
+    target?: string;
+    rel?: string;
+}) | (PlateWithTitlePresetBaseProps & {
+    as: "button";
+    onClick: () => void;
+    type?: "button" | "submit" | "reset";
+});
+interface PlateWithLabelPresetBaseProps extends BasePresetOwnProps {
+    caption?: string;
+    label: string;
+    body: ReactNode;
+}
+type PlateWithLabelPresetProps = (PlateWithLabelPresetBaseProps & {
+    as: "a";
+    href: string;
+    target?: string;
+    rel?: string;
+}) | (PlateWithLabelPresetBaseProps & {
+    as: "button";
+    onClick: () => void;
+    type?: "button" | "submit" | "reset";
+});
+interface PlateCompactPresetBaseProps extends BasePresetOwnProps {
+    caption: string;
+    body: ReactNode;
+}
+type PlateCompactPresetProps = (PlateCompactPresetBaseProps & {
+    as: "a";
+    href: string;
+    target?: string;
+    rel?: string;
+}) | (PlateCompactPresetBaseProps & {
+    as: "button";
+    onClick: () => void;
+    type?: "button" | "submit" | "reset";
+});
+interface PostPresetBaseProps extends BasePresetOwnProps {
+    cardStyle?: "outlined" | "empty";
+    title: string;
+    body: ReactNode;
+    author: string;
+    date: string;
+}
+type PostPresetProps = (PostPresetBaseProps & {
+    as: "a";
+    href: string;
+    target?: string;
+    rel?: string;
+}) | (PostPresetBaseProps & {
+    as: "button";
+    onClick: () => void;
+    type?: "button" | "submit" | "reset";
+});
+
+declare const Card: {
+    Root: react.ForwardRefExoticComponent<CardRootOwnProps & react.RefAttributes<HTMLDivElement>>;
+    Image: react.ForwardRefExoticComponent<CardImageProps & react.RefAttributes<HTMLDivElement>>;
+    Content: react.ForwardRefExoticComponent<CardContentProps & react.RefAttributes<HTMLDivElement>>;
+    Caption: react.ForwardRefExoticComponent<CardCaptionProps & react.RefAttributes<HTMLSpanElement>>;
+    Title: react.ForwardRefExoticComponent<CardTitleProps & react.RefAttributes<HTMLHeadingElement>>;
+    Label: react.ForwardRefExoticComponent<CardLabelProps & react.RefAttributes<HTMLHeadingElement>>;
+    Body: react.ForwardRefExoticComponent<CardBodyProps & react.RefAttributes<HTMLParagraphElement>>;
+    Meta: react.ForwardRefExoticComponent<CardMetaProps & react.RefAttributes<HTMLDivElement>>;
+    MetaItem: react.ForwardRefExoticComponent<CardMetaItemProps & react.RefAttributes<HTMLSpanElement>>;
+    Overlay: (<E extends react.ElementType = "a">(props: PolymorphicComponentPropsWithRef<E, {
+        [x: string]: never;
+    }>) => react.ReactElement | null) & {
+        displayName?: string;
+    };
+    Preset: {
+        PlateWithTitle: {
+            Link: react.ForwardRefExoticComponent<{
+                isDisabled?: boolean | undefined;
+                body: react.ReactNode;
+                caption?: string | undefined;
+                title: string;
+                image?: {
+                    src?: string;
+                    alt: string;
+                } | undefined;
+                target?: string | undefined;
+                href: string;
+                rel?: string | undefined;
+                layout?: CardLayout | undefined;
+            } & react.RefAttributes<HTMLDivElement>>;
+            Button: react.ForwardRefExoticComponent<{
+                isDisabled?: boolean | undefined;
+                body: react.ReactNode;
+                caption?: string | undefined;
+                title: string;
+                image?: {
+                    src?: string;
+                    alt: string;
+                } | undefined;
+                type?: ("button" | "submit" | "reset") | undefined;
+                onClick: () => void;
+                layout?: CardLayout | undefined;
+            } & react.RefAttributes<HTMLDivElement>>;
+        };
+        PlateWithLabel: {
+            Link: react.ForwardRefExoticComponent<{
+                isDisabled?: boolean | undefined;
+                body: react.ReactNode;
+                caption?: string | undefined;
+                label: string;
+                image?: {
+                    src?: string;
+                    alt: string;
+                } | undefined;
+                target?: string | undefined;
+                href: string;
+                rel?: string | undefined;
+                layout?: CardLayout | undefined;
+            } & react.RefAttributes<HTMLDivElement>>;
+            Button: react.ForwardRefExoticComponent<{
+                isDisabled?: boolean | undefined;
+                body: react.ReactNode;
+                caption?: string | undefined;
+                label: string;
+                image?: {
+                    src?: string;
+                    alt: string;
+                } | undefined;
+                type?: ("button" | "submit" | "reset") | undefined;
+                onClick: () => void;
+                layout?: CardLayout | undefined;
+            } & react.RefAttributes<HTMLDivElement>>;
+        };
+        PlateCompact: {
+            Link: react.ForwardRefExoticComponent<{
+                isDisabled?: boolean | undefined;
+                body: react.ReactNode;
+                caption: string;
+                image?: {
+                    src?: string;
+                    alt: string;
+                } | undefined;
+                target?: string | undefined;
+                href: string;
+                rel?: string | undefined;
+                layout?: CardLayout | undefined;
+            } & react.RefAttributes<HTMLDivElement>>;
+            Button: react.ForwardRefExoticComponent<{
+                isDisabled?: boolean | undefined;
+                body: react.ReactNode;
+                caption: string;
+                image?: {
+                    src?: string;
+                    alt: string;
+                } | undefined;
+                type?: ("button" | "submit" | "reset") | undefined;
+                onClick: () => void;
+                layout?: CardLayout | undefined;
+            } & react.RefAttributes<HTMLDivElement>>;
+        };
+        Post: {
+            Link: react.ForwardRefExoticComponent<{
+                isDisabled?: boolean | undefined;
+                body: react.ReactNode;
+                title: string;
+                image?: {
+                    src?: string;
+                    alt: string;
+                } | undefined;
+                target?: string | undefined;
+                href: string;
+                rel?: string | undefined;
+                date: string;
+                layout?: CardLayout | undefined;
+                cardStyle?: ("outlined" | "empty") | undefined;
+                author: string;
+            } & react.RefAttributes<HTMLDivElement>>;
+            Button: react.ForwardRefExoticComponent<{
+                isDisabled?: boolean | undefined;
+                body: react.ReactNode;
+                title: string;
+                image?: {
+                    src?: string;
+                    alt: string;
+                } | undefined;
+                type?: ("button" | "submit" | "reset") | undefined;
+                onClick: () => void;
+                date: string;
+                layout?: CardLayout | undefined;
+                cardStyle?: ("outlined" | "empty") | undefined;
+                author: string;
+            } & react.RefAttributes<HTMLDivElement>>;
+        };
+    };
+};
+
+type BasicHierarchy = "accent" | "primary" | "secondary";
+type FeedbackHierarchy = "positive" | "destructive" | "notifying";
+type CalloutVariant = "hero" | "hint";
+type CalloutSize = "lg" | "md" | "sm" | "xs" | "2xs";
+interface BaseCalloutProps {
+    variant?: CalloutVariant;
+    size?: CalloutSize;
+    titleVisible?: boolean;
+    extraButtonVisible?: boolean;
+    title?: string;
+    blockButtonProps?: Omit<BaseBlockButtonProps, "size">;
+    children: ReactNode;
+    className?: string;
+}
+interface BasicCalloutProps extends BaseCalloutProps {
+    hierarchy: BasicHierarchy;
+}
+interface FeedbackCalloutProps extends BaseCalloutProps {
+    feedback: FeedbackHierarchy;
+}
+
+declare const Callout: {
+    Basic: {
+        ({ variant, hierarchy, size, title, blockButtonProps, children, className, }: BasicCalloutProps): _emotion_react_jsx_runtime.JSX.Element;
+        displayName: string;
+    };
+    Feedback: {
+        ({ variant, feedback, size, title, blockButtonProps, children, className, }: FeedbackCalloutProps): _emotion_react_jsx_runtime.JSX.Element;
+        displayName: string;
+    };
+};
+
+declare const Checkbox: {
+    Basic: react.ForwardRefExoticComponent<CheckboxBasicProps & react.RefAttributes<HTMLInputElement>>;
+    Content: react.ForwardRefExoticComponent<CheckboxContentProps & react.RefAttributes<HTMLInputElement>>;
+};
+
+type CheckboxSize = "xs" | "sm" | "md" | "lg";
+type CheckboxVariant = "empty" | "outlined";
+type CheckboxAlign = "left" | "right";
+type CheckedState = boolean | "indeterminate";
+interface CheckboxCommonProps extends Omit<ComponentPropsWithoutRef<"input">, "size" | "onChange" | "checked" | "defaultChecked"> {
+    disabled?: boolean;
+    isInvalid?: boolean;
+    size?: CheckboxSize;
+    onCheckedChange?: (checked: CheckedState) => void;
+}
+interface CheckboxBoxProps extends CheckboxCommonProps {
+    checked: boolean;
+    isIndeterminate: boolean;
+}
+interface CheckboxBasicProps extends CheckboxCommonProps {
+    checked?: CheckedState;
+}
+interface CheckboxContentProps extends CheckboxCommonProps {
+    variant?: CheckboxVariant;
+    align?: CheckboxAlign;
+    label: ReactNode;
+    subLabel?: ReactNode;
+    checked?: CheckedState;
+}
+
+interface FileItemProps extends ComponentPropsWithoutRef<"button"> {
+    fileName: ReactNode;
+    fileSize?: ReactNode;
+    readonly?: boolean;
+    disabled?: boolean;
+    hasError?: boolean;
+    errorMessage?: ReactNode;
+    suffixButton?: ReactNode;
+}
+
+declare const FileItem: react.ForwardRefExoticComponent<FileItemProps & react.RefAttributes<HTMLButtonElement>>;
+
+declare const iconMap: {
+    readonly absolute: (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "account-circle-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "add-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "alert-fill": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "alert-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "arrow-down-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "arrow-down-s-fill": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "arrow-down-s-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "arrow-down-wide-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "arrow-go-back-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "arrow-go-forward-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "arrow-left-down-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "arrow-left-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "arrow-left-s-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "arrow-left-up-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "arrow-right-down-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "arrow-right-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "arrow-right-s-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "arrow-right-up-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "arrow-up-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "arrow-up-s-fill": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "arrow-up-s-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "arrow-up-wide-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly asterisk: (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "at-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "attachment-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly bar: (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly blank: (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "bookmark-fill": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "bookmark-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "calendar-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "chat-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "check-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "circle-fill": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "circle-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "close-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "cloud-fill": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "cloud-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "code-s-slash-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "coin-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly component: (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "computer-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "corner-down-left-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "corner-down-right-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "cursor-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "delete-bin-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "download-2-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly draggable: (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly effect: (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "error-warning-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "export-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "external-link-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "eye-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "eye-off-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "file-3-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "file-text-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "file-unknow-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "file-warning-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "figma-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "flag-fill": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "flag-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "flow-chart": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "folder-4-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "footer-logo": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly frame: (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "function-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "github-fill": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "global-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "guide-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "heart-3-fill": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "heart-3-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "home-2-fill": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "home-2-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "image-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "information-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "information-fill": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly instagram: (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly instance: (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly layer: (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly line: (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "link-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "mail-fill": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "mail-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "megaphone-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "message-2-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "moon-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "more-horizontal": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "more-vertical": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "notification-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "notion-fill": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "pencil-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly property: (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "qr-code-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "question-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "radius-angled": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "radius-circle": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "radius-rounded": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "reset-left-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "restart-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "robot-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "save-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "search-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly shapes: (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "slash-command": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "smartphone-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly spinner: (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "square-fill": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "square-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "sticky-note-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly style: (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "subtract-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "sun-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "tablet-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly text: (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "upload-2-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "user-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly variable: (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly vector: (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "youtube-fill": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "menu-line": (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly frontend: (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly backend: (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly product: (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly design: (props: react.SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+};
+
+type IconName = keyof typeof iconMap;
+type IconSize = "5xl" | "4xl" | "3xl" | "2xl" | "xl" | "lg" | "md" | "sm" | "xs" | "2xs";
+interface IconProps extends Omit<ComponentPropsWithoutRef<"svg">, "width" | "height"> {
+    name: IconName;
+    size?: IconSize;
+    color?: string;
+}
+
+interface FooterLink {
+    label: string;
+    href: string;
+    external?: boolean;
+}
+interface FooterSection {
+    title: string;
+    links: FooterLink[];
+}
+interface FooterRootProps extends ComponentPropsWithoutRef<"footer"> {
+    children: ReactNode;
+}
+interface FooterContentProps extends ComponentPropsWithoutRef<"div"> {
+    children: ReactNode;
+}
+interface FooterHeaderProps extends ComponentPropsWithoutRef<"div"> {
+    children: ReactNode;
+}
+interface FooterLogoLinkProps extends ComponentPropsWithoutRef<"a"> {
+    children?: ReactNode;
+}
+interface FooterLogoDivProps extends ComponentPropsWithoutRef<"div"> {
+    children?: ReactNode;
+}
+interface FooterNavProps extends ComponentPropsWithoutRef<"nav"> {
+    sections: FooterSection[];
+}
+interface FooterSectionProps extends ComponentPropsWithoutRef<"div"> {
+    title: string;
+    links: FooterLink[];
+}
+interface FooterSocialProps extends ComponentPropsWithoutRef<"div"> {
+    github?: string;
+    instagram?: string;
+    iconSize?: IconSize;
+}
+interface FooterBottomProps extends ComponentPropsWithoutRef<"div"> {
+    copyright: string;
+    email?: string;
+    privacyLink?: string;
+}
+
+declare const Footer: {
+    Root: react.ForwardRefExoticComponent<FooterRootProps & react.RefAttributes<HTMLElement>>;
+    Content: react.ForwardRefExoticComponent<FooterContentProps & react.RefAttributes<HTMLDivElement>>;
+    Header: react.ForwardRefExoticComponent<FooterHeaderProps & react.RefAttributes<HTMLDivElement>>;
+    Divider: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref"> & react.RefAttributes<HTMLHRElement>>;
+    LogoLink: react.ForwardRefExoticComponent<FooterLogoLinkProps & react.RefAttributes<HTMLAnchorElement>>;
+    LogoDiv: react.ForwardRefExoticComponent<FooterLogoDivProps & react.RefAttributes<HTMLDivElement>>;
+    Social: react.ForwardRefExoticComponent<FooterSocialProps & react.RefAttributes<HTMLDivElement>>;
+    Nav: react.ForwardRefExoticComponent<FooterNavProps & react.RefAttributes<HTMLElement>>;
+    Section: react.ForwardRefExoticComponent<FooterSectionProps & react.RefAttributes<HTMLDivElement>>;
+    Bottom: react.ForwardRefExoticComponent<FooterBottomProps & react.RefAttributes<HTMLDivElement>>;
+};
+
+declare const SIZE_TO_TEXT_STYLE: {
+    readonly xs: "semantic-textStyle-hero-1";
+    readonly sm: "semantic-textStyle-hero-2";
+    readonly md: "semantic-textStyle-hero-3";
+    readonly lg: "semantic-textStyle-hero-4";
+};
+declare const TEXT_ALIGN_MAPPING$1: {
+    readonly center: "center";
+    readonly left: "flex-start";
+    readonly right: "flex-end";
+};
+type HeroSize = keyof typeof SIZE_TO_TEXT_STYLE;
+type HeroTextAlign = keyof typeof TEXT_ALIGN_MAPPING$1;
+
+interface HeroProps {
+    size?: HeroSize;
+    textAlign?: HeroTextAlign;
+    color?: string;
+    children: React.ReactNode;
+}
+declare const Hero: react.ForwardRefExoticComponent<HeroProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const Icon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<HTMLSpanElement>>;
+
+declare const IconButton: {
+    Basic: react.ForwardRefExoticComponent<IconButtonBasicProps & react.RefAttributes<HTMLButtonElement>>;
+    Feedback: react.ForwardRefExoticComponent<IconButtonFeedbackProps & react.RefAttributes<HTMLButtonElement>>;
+};
+
+type IconButtonSize = "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
+type IconButtonHierarchy = "accent" | "primary" | "secondary" | "tertiary";
+type IconButtonIntent = "positive" | "destructive";
+interface BaseIconButtonProps extends ComponentPropsWithoutRef<"button"> {
+    icon: IconName;
+    size?: IconButtonSize;
+    "aria-label"?: string;
+}
+interface IconButtonBasicProps extends BaseIconButtonProps {
+    hierarchy?: IconButtonHierarchy;
+}
+interface IconButtonFeedbackProps extends BaseIconButtonProps {
+    intent: IconButtonIntent;
+}
+
+type InputStyle = "outlined" | "empty";
+type InputLayout = "vertical" | "horizontal";
+type InputValidation = "none" | "error" | "success";
+type InputInteraction = "enabled" | "disabled" | "readOnly";
+interface FieldPublicProps {
+    style?: InputStyle;
+    layout?: InputLayout;
+    validation?: InputValidation;
+    interaction?: InputInteraction;
+}
+type FieldInputPublicProps = Omit<ComponentPropsWithoutRef<"input">, "style">;
+type FieldTextAreaPublicProps = Omit<ComponentPropsWithoutRef<"textarea">, "style">;
+
+interface Tag {
+    id: string;
+    label: string;
+}
+interface TagFieldPublicProps extends FieldPublicProps, Omit<ComponentPropsWithoutRef<"input">, "value" | "onChange" | "defaultValue" | "style" | "type"> {
+    label?: string;
+    labelIcon?: IconName;
+    helperText?: string;
+    tags: Tag[];
+    onTagsChange: (tags: Tag[]) => void;
+    maxTags?: number;
+    allowDuplicates?: boolean;
+    placeholder?: string;
+}
+type TagFieldProps = TagFieldPublicProps;
+interface TagFieldButtonProps extends TagFieldPublicProps {
+    button: ReactNode;
+}
+
+declare const TagField: react.ForwardRefExoticComponent<TagFieldPublicProps & react.RefAttributes<HTMLInputElement>> & {
+    Button: react.ForwardRefExoticComponent<TagFieldButtonProps & react.RefAttributes<HTMLInputElement>>;
+};
+
+type InputAreaStyle = "outlined" | "empty";
+type InputAreaLayout = "vertical" | "horizontal";
+type InputAreaValidation = "none" | "error";
+type InputAreaStatus = "placeholder" | "filled";
+interface InputAreaPublicProps extends Omit<ComponentPropsWithoutRef<"textarea">, "style"> {
+    style?: InputAreaStyle;
+    layout?: InputAreaLayout;
+    validation?: InputAreaValidation;
+    interaction?: InputInteraction;
+    label?: ReactNode;
+    labelIcon?: IconName;
+    labelVisible?: boolean;
+    helperText?: string;
+    maxLength?: number;
+    height?: number | string;
+    minHeight?: number | string;
+    value: string;
+    onChange: (e: ChangeEvent<HTMLTextAreaElement>) => void;
+}
+type InputAreaProps = InputAreaPublicProps;
+
+interface SelectFieldPublicProps extends FieldPublicProps {
+    label?: ReactNode;
+    labelIcon?: IconName;
+    helperText?: string;
+    value: string;
+    placeholder?: string;
+    dropdownIcon?: IconName;
+    isOpen?: boolean;
+    onClick?: () => void;
+    children?: ReactNode;
+}
+type SelectFieldProps = SelectFieldPublicProps;
+interface SelectFieldButtonProps extends SelectFieldPublicProps {
+    button: ReactNode;
+}
+
+declare const SelectField: react.ForwardRefExoticComponent<SelectFieldPublicProps & react.RefAttributes<HTMLDivElement>> & {
+    Button: react.ForwardRefExoticComponent<SelectFieldButtonProps & react.RefAttributes<HTMLDivElement>>;
+};
+
+interface TextFieldPublicProps extends FieldPublicProps, Omit<FieldInputPublicProps, "value" | "onChange" | "defaultValue"> {
+    label?: ReactNode;
+    labelIcon?: IconName;
+    helperText?: string;
+    value: string;
+    onChange: (e: ChangeEvent<HTMLInputElement>) => void;
+}
+type TextFieldProps = TextFieldPublicProps;
+interface TextFieldButtonProps extends TextFieldPublicProps {
+    button: ReactNode;
+}
+
+declare const TextField: react.ForwardRefExoticComponent<TextFieldPublicProps & react.RefAttributes<HTMLInputElement>> & {
+    Button: react.ForwardRefExoticComponent<TextFieldButtonProps & react.RefAttributes<HTMLInputElement>>;
+};
+
+declare const InputArea: react.ForwardRefExoticComponent<InputAreaPublicProps & react.RefAttributes<HTMLTextAreaElement>>;
+
+declare const Input: {
+    TextField: react.ForwardRefExoticComponent<TextFieldPublicProps & react.RefAttributes<HTMLInputElement>> & {
+        Button: react.ForwardRefExoticComponent<TextFieldButtonProps & react.RefAttributes<HTMLInputElement>>;
+    };
+    SelectField: react.ForwardRefExoticComponent<SelectFieldPublicProps & react.RefAttributes<HTMLDivElement>> & {
+        Button: react.ForwardRefExoticComponent<SelectFieldButtonProps & react.RefAttributes<HTMLDivElement>>;
+    };
+    InputArea: react.ForwardRefExoticComponent<InputAreaPublicProps & react.RefAttributes<HTMLTextAreaElement>>;
+    TagField: react.ForwardRefExoticComponent<TagFieldPublicProps & react.RefAttributes<HTMLInputElement>> & {
+        Button: react.ForwardRefExoticComponent<TagFieldButtonProps & react.RefAttributes<HTMLInputElement>>;
+    };
+};
+
+declare const TEXT_ALIGN_MAPPING: {
+    readonly center: "center";
+    readonly left: "flex-start";
+    readonly right: "flex-end";
+};
+type LabelSize = "lg" | "md" | "sm" | "xs";
+type LabelTextAlign = keyof typeof TEXT_ALIGN_MAPPING;
+type LabelWeight = "bold" | "normal" | "subtle";
+
+/**
+ * @remarks
+ * - polymorphicForwardRef를 통해 `as` prop이 자동으로 추가됩니다
+ * - 색상 커스터마이징이 필요한 경우 `styled(Label)` 패턴을 사용하면 됩니다.
+ */
+type LabelOwnProps = {
+    size?: LabelSize;
+    textAlign?: LabelTextAlign;
+    weight?: LabelWeight;
+};
+
+/**
+ * Label - Polymorphic Label 컴포넌트
+ *
+ * `as` prop을 통해 다양한 HTML 요소로 렌더링할 수 있습니다.
+ * TypeScript가 `as` prop에 따라 올바른 HTML 속성을 자동으로 추론합니다.
+ *
+ *
+ */
+declare const Label: (<E extends ElementType = "label">(props: PolymorphicComponentPropsWithRef<E, LabelOwnProps>) => react.ReactElement | null) & {
+    displayName?: string;
+};
+
+declare const LabelButton: {
+    Basic: react.ForwardRefExoticComponent<LabelButtonBasicProps & react.RefAttributes<HTMLButtonElement>>;
+    Feedback: react.ForwardRefExoticComponent<LabelButtonFeedbackProps & react.RefAttributes<HTMLButtonElement>>;
+};
+
+type LabelButtonSize = "xs" | "sm" | "md" | "lg";
+type LabelButtonHierarchy = "accent" | "primary" | "secondary" | "tertiary";
+type LabelButtonIntent = "positive" | "destructive";
+interface BaseLabelButtonProps extends ComponentPropsWithoutRef<"button"> {
+    children: ReactNode;
+    size?: LabelButtonSize;
+    prefixIcon?: IconName;
+    suffixIcon?: IconName;
+}
+interface LabelButtonBasicProps extends BaseLabelButtonProps {
+    hierarchy?: LabelButtonHierarchy;
+}
+interface LabelButtonFeedbackProps extends BaseLabelButtonProps {
+    intent: LabelButtonIntent;
+}
+
+type LogoHierarchy = "primary" | "secondary" | "tertiary" | "inverse";
+interface LogoProps extends Omit<ComponentPropsWithoutRef<"a">, "children"> {
+    hierarchy?: LogoHierarchy;
+    height?: number;
+    href?: string;
+}
+
+declare const Logo: react.ForwardRefExoticComponent<LogoProps & react.RefAttributes<HTMLAnchorElement>>;
+
+type SegmentedControlSize = "lg" | "md" | "sm" | "xs";
+interface SegmentedControlRootProps extends Omit<ToggleGroupSingleProps, "type"> {
+    size?: SegmentedControlSize;
+}
+type SegmentedControlItemProps = ToggleGroupItemProps;
+
+declare const SegmentedControl: {
+    Root: react.ForwardRefExoticComponent<SegmentedControlRootProps & react.RefAttributes<HTMLDivElement>>;
+    Item: react.ForwardRefExoticComponent<ToggleGroup.ToggleGroupItemProps & react.RefAttributes<HTMLButtonElement>>;
+};
+
+type SelectVariant = "list" | "checkbox" | "radio";
+type SelectSize = "md" | "sm";
+type SelectValue = string | string[];
+interface SelectContextType {
+    value: SelectValue;
+    variant: SelectVariant;
+    size: SelectSize;
+    onChange: (value: string) => void;
+    isSelected: (value: string) => boolean;
+}
+interface BaseSelectProps {
+    size?: SelectSize;
+    label?: string;
+    children?: ReactNode;
+}
+interface SelectListProps extends BaseSelectProps, Omit<ComponentPropsWithoutRef<"div">, "size" | "onChange"> {
+    variant?: "list";
+    value: string;
+    onChange: (value: string) => void;
+}
+interface SelectRadioVariantProps extends BaseSelectProps, Omit<ComponentPropsWithoutRef<"div">, "size" | "onChange"> {
+    variant: "radio";
+    value: string;
+    onChange: (value: string) => void;
+}
+interface SelectCheckboxVariantProps extends BaseSelectProps, Omit<ComponentPropsWithoutRef<"div">, "size" | "onChange"> {
+    variant: "checkbox";
+    value: string[];
+    onChange: (value: string[]) => void;
+}
+type SelectProps = SelectListProps | SelectRadioVariantProps | SelectCheckboxVariantProps;
+interface BaseSelectItemProps {
+    value: string;
+    isDisabled?: boolean;
+    caption?: string;
+    children?: ReactNode;
+}
+interface SelectLabelProps extends BaseSelectItemProps, Omit<ComponentPropsWithoutRef<"div">, "onClick"> {
+    badge?: ReactNode;
+}
+interface SelectRadioProps extends BaseSelectItemProps, Omit<ComponentPropsWithoutRef<"div">, "onClick"> {
+}
+interface SelectCheckboxProps extends BaseSelectItemProps, Omit<ComponentPropsWithoutRef<"div">, "onClick"> {
+}
+
+declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLDivElement>> & {
+    Label: react.ForwardRefExoticComponent<SelectLabelProps & react.RefAttributes<HTMLDivElement>>;
+    Radio: react.ForwardRefExoticComponent<SelectRadioProps & react.RefAttributes<HTMLDivElement>>;
+    Checkbox: react.ForwardRefExoticComponent<SelectCheckboxProps & react.RefAttributes<HTMLDivElement>>;
+};
+
+type StepSize = 'lg' | 'md' | 'sm' | 'xs';
+type StepStatus = 'completed' | 'ongoing' | 'uncompleted';
+interface StepRootProps extends ComponentPropsWithoutRef<'div'> {
+    size?: StepSize;
+    current?: number;
+    children: ReactNode;
+}
+interface StepItemProps extends ComponentPropsWithoutRef<'div'> {
+    index: number;
+    status?: StepStatus;
+    children: ReactNode;
+}
+
+declare const Step: {
+    Root: react.ForwardRefExoticComponent<StepRootProps & react.RefAttributes<HTMLDivElement>>;
+    Item: react.ForwardRefExoticComponent<StepItemProps & react.RefAttributes<HTMLDivElement>>;
+};
+
+type TabVariant = "header" | "content";
+type TabRootProps = ComponentPropsWithoutRef<typeof TabPrimitive.Root> & {
+    variant?: TabVariant;
+    isItemStretched?: boolean;
+};
+type TabListProps = ComponentPropsWithoutRef<typeof TabPrimitive.List> & {
+    variant?: TabVariant;
+};
+type TabTriggerProps = ComponentPropsWithoutRef<typeof TabPrimitive.Trigger> & {
+    badge?: ReactNode;
+};
+type TabContentProps = ComponentPropsWithoutRef<typeof TabPrimitive.Content>;
+
+declare const TabRoot: react.ForwardRefExoticComponent<Omit<Tabs.TabsProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    variant?: TabVariant;
+    isItemStretched?: boolean;
+} & react.RefAttributes<HTMLDivElement>>;
+declare const TabList: react.ForwardRefExoticComponent<Omit<Tabs.TabsListProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    variant?: TabVariant;
+} & react.RefAttributes<HTMLDivElement>>;
+declare const TabTrigger: react.ForwardRefExoticComponent<Omit<Tabs.TabsTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & {
+    badge?: react.ReactNode;
+} & react.RefAttributes<HTMLButtonElement>>;
+declare const TabContent: react.ForwardRefExoticComponent<Omit<Tabs.TabsContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const Tab: {
+    Root: react.ForwardRefExoticComponent<Omit<Tabs.TabsProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
+        variant?: TabVariant;
+        isItemStretched?: boolean;
+    } & react.RefAttributes<HTMLDivElement>>;
+    List: react.ForwardRefExoticComponent<Omit<Tabs.TabsListProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
+        variant?: TabVariant;
+    } & react.RefAttributes<HTMLDivElement>>;
+    Trigger: react.ForwardRefExoticComponent<Omit<Tabs.TabsTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & {
+        badge?: react.ReactNode;
+    } & react.RefAttributes<HTMLButtonElement>>;
+    Content: react.ForwardRefExoticComponent<Omit<Tabs.TabsContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+};
+
+type TitleSize = "lg" | "md" | "sm" | "xs";
+type TitleTextAlign = keyof typeof TEXT_ALIGN_MAPPING$1;
+interface StyledTitleProps {
+    size: TitleSize;
+    textAlign: TitleTextAlign;
+    color?: string;
+}
+declare const StyledTitle: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme;
+    as?: React.ElementType;
+} & StyledTitleProps, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+
+interface TitleProps extends ComponentProps<typeof StyledTitle> {
+    children: ReactNode;
+}
+declare const Title: react.ForwardRefExoticComponent<Omit<TitleProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+interface TooltipProps extends Omit<Tooltip$1.TooltipProps, "children"> {
+    children: ReactNode;
+}
+type TooltipTriggerProps = Tooltip$1.TooltipTriggerProps;
+interface TooltipContentProps extends Tooltip$1.TooltipContentProps {
+    children?: ReactNode;
+}
+
+declare const Tooltip: {
+    Provider: react.FC<Tooltip$1.TooltipProviderProps>;
+    Root: {
+        ({ children, delayDuration, ...radixProps }: TooltipProps): _emotion_react_jsx_runtime.JSX.Element;
+        displayName: string;
+    };
+    Trigger: {
+        ({ children, asChild, ...restProps }: TooltipTriggerProps): _emotion_react_jsx_runtime.JSX.Element;
+        displayName: string;
+    };
+    Content: {
+        ({ children, side, sideOffset, collisionPadding, avoidCollisions, ...restProps }: TooltipContentProps): _emotion_react_jsx_runtime.JSX.Element;
+        displayName: string;
+    };
+};
+
+type ByteNumber = number;
+type UploadError = {
+    type: UploadErrorType;
+    file: File;
+};
+type UploadErrorType = "FILE_TOO_LARGE" | "INVALID_TYPE" | "TOTAL_SIZE_EXCEEDED";
+interface UploaderOptions {
+    accept?: string[];
+    maxFileSize?: ByteNumber;
+    maxTotalSize?: ByteNumber;
+    existingFilesSize?: ByteNumber;
+    files?: File[];
+    onUpload?: (files: File[]) => void;
+    onError?: (error: UploadError) => void;
+}
+interface UploaderMessages {
+    rest: ReactNode;
+    loading: ReactNode;
+    disabled: ReactNode;
+}
+interface UploaderFileButtonProps {
+    triggerUpload: () => void;
+    isLoading?: boolean;
+    isDisabled?: boolean;
+    uploadButton?: (triggerUpload: () => void) => ReactNode;
+    cancelButton?: ReactNode;
+    helperLabel?: ReactNode;
+}
+interface UploaderFileProps extends UploaderOptions, Omit<UploaderFileButtonProps, "triggerUpload"> {
+    multiple?: boolean;
+    messages?: UploaderMessages;
+}
+interface UploaderImageButtonProps {
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    uploadLabel?: string;
+    loadingLabel?: string;
+    cancelButton?: ReactNode;
+}
+interface UploaderImageProps extends UploaderOptions, UploaderImageButtonProps {
+    multiple?: boolean;
+}
+
+declare const Uploader: {
+    File: {
+        ({ accept, multiple, maxFileSize, maxTotalSize, existingFilesSize, files: controlledFiles, onUpload, onError, isLoading, isDisabled, messages, uploadButton, cancelButton, helperLabel, }: UploaderFileProps): _emotion_react_jsx_runtime.JSX.Element;
+        displayName: string;
+    };
+    Image: {
+        ({ accept, multiple, maxFileSize, maxTotalSize, existingFilesSize, files: controlledFiles, onUpload, onError, isLoading, isDisabled, uploadLabel, loadingLabel, cancelButton, }: UploaderImageProps): _emotion_react_jsx_runtime.JSX.Element;
+        displayName: string;
+    };
+};
+
+type GlobalNavigationVariant = "empty" | "solid";
+type GlobalNavigationVariantAlign = "left" | "center" | "right";
+interface GlobalNavigationRootProps extends NavigationMenu.NavigationMenuProps {
+    variant?: GlobalNavigationVariant;
+}
+interface GlobalNavigationListProps extends NavigationMenu.NavigationMenuListProps {
+    align?: GlobalNavigationVariantAlign;
+}
+interface GlobalNavigationToggleItemProps extends NavigationMenu.NavigationMenuItemProps {
+    label?: ReactNode;
+}
+interface GlobalNavigationBlockItemProps extends NavigationMenu.NavigationMenuLinkProps {
+    href: string;
+}
+interface GlobalNavigationMenuContentProps extends NavigationMenu.NavigationMenuContentProps {
+    offset?: number;
+}
+interface GlobalNavigationLogoItemProps extends ComponentPropsWithoutRef<"div"> {
+    children?: ReactNode;
+}
+interface GlobalNavigationLogoLinkProps extends NavigationMenu.NavigationMenuLinkProps {
+    children?: ReactNode;
+    href: string;
+}
+type GlobalNavigationMobileMenuButtonProps = Omit<IconButtonBasicProps, "hierarchy" | "icon" | "size" | "aria-label">;
+
+declare const GlobalNavigation: {
+    Root: react.ForwardRefExoticComponent<GlobalNavigationRootProps & react.RefAttributes<HTMLElement>>;
+    List: react.ForwardRefExoticComponent<GlobalNavigationListProps & react.RefAttributes<HTMLUListElement>>;
+    Item: react.ForwardRefExoticComponent<NavigationMenu.NavigationMenuItemProps & react.RefAttributes<HTMLLIElement>>;
+    Trigger: react.ForwardRefExoticComponent<NavigationMenu.NavigationMenuTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+    Link: react.ForwardRefExoticComponent<NavigationMenu.NavigationMenuLinkProps & react.RefAttributes<HTMLAnchorElement>>;
+    LogoItem: react.ForwardRefExoticComponent<GlobalNavigationLogoItemProps & react.RefAttributes<HTMLDivElement>>;
+    LogoLink: react.ForwardRefExoticComponent<GlobalNavigationLogoLinkProps & react.RefAttributes<HTMLAnchorElement>>;
+    Divider: () => _emotion_react_jsx_runtime.JSX.Element;
+    Content: react.ForwardRefExoticComponent<GlobalNavigationMenuContentProps & react.RefAttributes<HTMLDivElement>>;
+    MobileMenuButton: react.ForwardRefExoticComponent<GlobalNavigationMobileMenuButtonProps & react.RefAttributes<HTMLButtonElement>>;
+};
+
+interface UseGlobalNavigationVariantOptions {
+    threshold?: number;
+}
+declare const useGlobalNavigationVariant: (options?: UseGlobalNavigationVariantOptions) => GlobalNavigationVariant;
+
+interface LocalNavigationRootProps {
+    isStretched?: boolean;
+    children?: ReactNode;
+}
+type LocalNavigationBackButtonProps = Omit<IconButtonBasicProps, 'icon' | 'hierarchy' | 'size'>;
+interface LocalNavigationTitleProps {
+    as?: ElementType;
+    children?: ReactNode;
+}
+interface LocalNavigationButtonGroupProps {
+    extraButtonVisible?: boolean;
+    children?: ReactNode;
+}
+
+declare const LocalNavigation: {
+    Root: react.ForwardRefExoticComponent<LocalNavigationRootProps & react.RefAttributes<HTMLDivElement>>;
+    BackButton: react.ForwardRefExoticComponent<LocalNavigationBackButtonProps & react.RefAttributes<HTMLButtonElement>>;
+    Title: react.ForwardRefExoticComponent<LocalNavigationTitleProps & react.RefAttributes<HTMLDivElement>>;
+    ButtonGroup: react.ForwardRefExoticComponent<LocalNavigationButtonGroupProps & react.RefAttributes<HTMLDivElement>>;
+};
+
+type DividerThickness = "normal" | "bold" | "bolder" | "boldest";
+type DividerOrientation = "horizontal" | "vertical";
+type DividerVariant = "solid" | "dashed";
+interface DividerProps extends Omit<ComponentPropsWithoutRef<"hr">, "children" | "color"> {
+    thickness?: DividerThickness;
+    decorative?: boolean;
+    orientation?: DividerOrientation;
+    variant?: DividerVariant;
+}
+
+declare const Divider: react.ForwardRefExoticComponent<DividerProps & react.RefAttributes<HTMLDivElement | HTMLHRElement>>;
+
+type EmptyStateStyleVariant = {
+    variant?: "empty" | "outlined" | "alpha";
+    layout?: "vertical" | "horizontal";
+    button?: "primary" | "both";
+};
+type BlockButtonActionProps$1 = Pick<BlockButtonBasicProps, "children" | "onClick" | "disabled">;
+type EmptyStateActionOptions = {
+    primaryAction?: undefined;
+    secondaryAction?: never;
+} | {
+    primaryAction: BlockButtonActionProps$1;
+    secondaryAction?: BlockButtonActionProps$1;
+};
+interface EmptyStateBaseProps {
+    header: string;
+    body: string;
+    icon?: IconName;
+}
+type EmptyStateProps = EmptyStateStyleVariant & EmptyStateBaseProps & EmptyStateActionOptions;
+
+declare const EmptyState: react.ForwardRefExoticComponent<EmptyStateProps & react.RefAttributes<HTMLDivElement>>;
+
+type MegaMenuProps = ComponentPropsWithoutRef<"div">;
+interface MegaMenuSectionProps extends ComponentPropsWithoutRef<"div"> {
+    sectionName?: string;
+    children: ReactNode;
+}
+interface MegaMenuGroupProps extends ComponentPropsWithoutRef<"ul"> {
+    children: ReactNode;
+}
+type MegaMenuGroupItemProps = ComponentPropsWithoutRef<"li">;
+
+declare const MegaMenu: {
+    Root: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+    Section: react.ForwardRefExoticComponent<MegaMenuSectionProps & react.RefAttributes<HTMLDivElement>>;
+    Divider: {
+        (): _emotion_react_jsx_runtime.JSX.Element;
+        displayName: string;
+    };
+    Group: react.ForwardRefExoticComponent<MegaMenuGroupProps & react.RefAttributes<HTMLUListElement>>;
+    GroupItem: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & react.RefAttributes<HTMLLIElement>>;
+};
+
+type MenuItemVariant = "icon" | "thumbnail";
+type MenuItemSize = "lg" | "md" | "sm";
+interface MenuItemButtonProps extends ComponentPropsWithoutRef<"button"> {
+    variant?: MenuItemVariant;
+    size?: MenuItemSize;
+    isSelected?: boolean;
+    isDestructive?: boolean;
+    prefixIcon?: IconName;
+    suffixIcon?: IconName;
+    prefixIconVisible?: boolean;
+    suffixIconVisible?: boolean;
+    children: ReactNode;
+    imageAlt?: string;
+    imageSrc?: string;
+}
+interface MenuItemAnchorProps extends ComponentPropsWithoutRef<"a"> {
+    variant?: MenuItemVariant;
+    size?: MenuItemSize;
+    disabled?: boolean;
+    isSelected?: boolean;
+    isDestructive?: boolean;
+    prefixIcon?: IconName;
+    suffixIcon?: IconName;
+    prefixIconVisible?: boolean;
+    suffixIconVisible?: boolean;
+    children: ReactNode;
+    imageAlt?: string;
+    imageSrc?: string;
+}
+
+declare const MenuItem: {
+    Button: react.ForwardRefExoticComponent<MenuItemButtonProps & react.RefAttributes<HTMLButtonElement>>;
+    Anchor: react.ForwardRefExoticComponent<MenuItemAnchorProps & react.RefAttributes<HTMLAnchorElement>>;
+};
+
+type MenuStyle = "solid" | "empty";
+type MenuSize = "lg" | "md" | "sm";
+interface MenuRootProps extends ComponentPropsWithoutRef<typeof DropdownMenu.Root> {
+    menuStyle?: MenuStyle;
+    size?: MenuSize;
+    children: ReactNode;
+}
+interface MenuContentProps extends ComponentPropsWithoutRef<typeof DropdownMenu.Content> {
+    children: ReactNode;
+}
+interface MenuCategoryProps extends LabelOwnProps {
+    children: ReactNode;
+}
+interface MenuGroupProps {
+    children: ReactNode;
+}
+type MenuTrigger = DropdownMenu.DropdownMenuTriggerProps;
+type MenuItemProps = ComponentPropsWithoutRef<typeof DropdownMenu.Item>;
+type MenuButtonProps = MenuItemButtonProps;
+type MenuAnchorProps = MenuItemAnchorProps;
+
+declare const Menu: {
+    Root: {
+        ({ children, menuStyle, size, ...rest }: MenuRootProps): _emotion_react_jsx_runtime.JSX.Element;
+        displayName: string;
+    };
+    Trigger: react.ForwardRefExoticComponent<DropdownMenu.DropdownMenuTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+    Content: react.ForwardRefExoticComponent<MenuContentProps & react.RefAttributes<HTMLDivElement>>;
+    Category: react.ForwardRefExoticComponent<MenuCategoryProps & react.RefAttributes<HTMLDivElement>>;
+    Group: react.ForwardRefExoticComponent<MenuGroupProps & react.RefAttributes<HTMLUListElement>>;
+    GroupItem: react.ForwardRefExoticComponent<Omit<DropdownMenu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLLIElement>>;
+    Button: react.ForwardRefExoticComponent<MenuItemButtonProps & react.RefAttributes<HTMLButtonElement>>;
+    Anchor: react.ForwardRefExoticComponent<MenuItemAnchorProps & react.RefAttributes<HTMLAnchorElement>>;
+};
+
+type BlockButtonActionProps = Pick<BlockButtonBasicProps, "children" | "onClick" | "disabled" | "hierarchy">;
+type CheckBoxActionProps = Pick<CheckboxContentProps, "label" | "checked" | "onCheckedChange">;
+type RadixDialogProps = Omit<DialogPrimitive.DialogProps, "children">;
+type DialogActionOptions = {
+    secondaryAction?: undefined;
+    tertiaryAction?: never;
+} | {
+    secondaryAction: BlockButtonActionProps;
+    tertiaryAction?: BlockButtonActionProps;
+};
+interface DialogBaseProps {
+    header: string;
+    body: ReactNode;
+    isButtonStretched?: boolean;
+    checkboxAction?: CheckBoxActionProps;
+    primaryAction: BlockButtonActionProps;
+}
+type DialogProps = DialogBaseProps & DialogActionOptions & RadixDialogProps;
+
+declare const Dialog: react.ForwardRefExoticComponent<DialogProps & react.RefAttributes<HTMLDivElement>>;
+
+interface LimitedQueueProviderBaseItem {
+    id: string;
+    isClosing?: boolean;
+}
+
+type ToastVariant = "positive" | "destructive";
+type ToastStyle = "basic" | ToastVariant;
+interface ToastBaseProps {
+    title: ReactNode;
+    caption?: ReactNode;
+}
+type ToastBase = ToastBaseProps & LimitedQueueProviderBaseItem;
+interface ToastBasicProps extends ToastBase {
+    onRemove?: () => void;
+}
+interface ToastFeedbackProps extends ToastBase {
+    variant?: ToastVariant;
+    onRemove?: () => void;
+}
+interface ToastItem extends ToastBase {
+    type: ToastStyle;
+}
+interface ToastHandler {
+    basic: (title: string, caption?: string) => void;
+    positive: (title: string, caption?: string) => void;
+    destructive: (title: string, caption?: string) => void;
+}
+
+declare const Toast: {
+    Basic: {
+        ({ id, caption, onRemove, title, isClosing }: ToastBasicProps): _emotion_react_jsx_runtime.JSX.Element;
+        displayName: string;
+    };
+    Feedback: {
+        ({ id, variant, caption, onRemove, title, isClosing, }: ToastFeedbackProps): _emotion_react_jsx_runtime.JSX.Element;
+        displayName: string;
+    };
+};
+
+interface ToastContextType {
+    toast: ToastHandler;
+    removeToast: (id: string) => void;
+}
+declare const ToastProvider: ({ children }: {
+    children: ReactNode;
+}) => _emotion_react_jsx_runtime.JSX.Element;
+declare const useToast: () => ToastContextType;
+
+type ToastController = {
+    setHandler: (handler: ToastHandler) => void;
+    clearHandler: () => void;
+    basic: ToastHandler["basic"];
+    positive: ToastHandler["positive"];
+    destructive: ToastHandler["destructive"];
+};
+declare const toastController: ToastController;
+
+type SnackbarVariant = "positive" | "destructive";
+type SnackbarStyle = "basic" | SnackbarVariant;
+type SnackbarButtonProps = Omit<BlockButtonBasicProps, "hierarchy" | "size" | "variants">;
+interface SnackbarButtonsProps {
+    prefixButtonProps?: SnackbarButtonProps;
+    suffixButtonProps?: SnackbarButtonProps;
+}
+interface SnackbarBaseProps {
+    title: ReactNode;
+    caption?: ReactNode;
+    prefixButtonProps?: SnackbarButtonProps;
+    suffixButtonProps?: SnackbarButtonProps;
+}
+type SnackbarBase = SnackbarBaseProps & LimitedQueueProviderBaseItem;
+interface SnackbarBasicProps extends SnackbarBase {
+    onRemove?: () => void;
+}
+interface SnackbarFeedbackProps extends SnackbarBase {
+    variant?: SnackbarVariant;
+    onRemove?: () => void;
+}
+interface SnackbarItem extends SnackbarBase {
+    type: SnackbarStyle;
+}
+interface SnackbarHandler {
+    basic: (snackbarFnParam: SnackbarBaseProps) => void;
+    positive: (snackbarFnParam: SnackbarBaseProps) => void;
+    destructive: (snackbarFnParam: SnackbarBaseProps) => void;
+}
+
+declare const Snackbar: {
+    Basic: {
+        ({ id, caption, prefixButtonProps, suffixButtonProps, title, onRemove, isClosing, }: SnackbarBasicProps): _emotion_react_jsx_runtime.JSX.Element;
+        displayName: string;
+    };
+    Feedback: {
+        ({ id, variant, caption, prefixButtonProps, suffixButtonProps, title, onRemove, isClosing, }: SnackbarFeedbackProps): _emotion_react_jsx_runtime.JSX.Element;
+        displayName: string;
+    };
+};
+
+interface SnackbarContextType {
+    snackbar: SnackbarHandler;
+    removeSnackbar: (id: string) => void;
+}
+declare const SnackbarProvider: ({ children }: {
+    children: ReactNode;
+}) => _emotion_react_jsx_runtime.JSX.Element;
+declare const useSnackbar: () => SnackbarContextType;
+
+type SnackbarController = {
+    setHandler: (handler: SnackbarHandler) => void;
+    clearHandler: () => void;
+    basic: SnackbarHandler["basic"];
+    positive: SnackbarHandler["positive"];
+    destructive: SnackbarHandler["destructive"];
+};
+declare const snackbarController: SnackbarController;
+
+type AccordionSize = "lg" | "md" | "sm";
+type AccordionRootProps = ComponentPropsWithoutRef<typeof AccordionPrimitive.Root> & {
+    isStretched?: boolean;
+    withPrefixIcon?: boolean;
+    size?: AccordionSize;
+};
+type AccordionItemProps = ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>;
+type AccordionTriggerProps = ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> & {
+    isStretched?: boolean;
+    withPrefixIcon?: IconName | null;
+};
+type AccordionContentProps = ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>;
+
+declare const Accordion: {
+    Root: {
+        ({ children, isStretched, size, ...props }: AccordionRootProps): _emotion_react_jsx_runtime.JSX.Element;
+        displayName: string;
+    };
+    Item: react.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+    Trigger: react.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & {
+        isStretched?: boolean;
+        withPrefixIcon?: IconName | null;
+    } & react.RefAttributes<HTMLButtonElement>>;
+    Content: react.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+};
+
+declare const JDS_VERSION = "0.0.1";
+
+export { Accordion, type AccordionContentProps, type AccordionItemProps, type AccordionRootProps, type AccordionTriggerProps, type BadgeSize, type BadgeStyle, type BadgeStyleWithoutBorder, Banner, type BannerBarProps, type BannerImageProps, type BannerProps, type BannerVariant, type BasicCalloutProps, type BasicHierarchy$1 as BasicHierarchy, BlockButton, type BlockButtonBasicProps, type BlockButtonFeedbackProps, type BlockButtonHierarchy, type BlockButtonSize, type BlockButtonStyle, Callout, Card, type CardBodyProps, type CardCaptionProps, type CardContentProps, type CardImageProps, type CardLabelProps, type CardLayout, type CardMetaItemProps, type CardMetaProps, type CardRootOwnProps, type CardStyle, type CardTitleProps, type CardVariant, Checkbox, type CheckboxAlign, type CheckboxBasicProps, type CheckboxBoxProps, type CheckboxContentProps, type CheckboxSize, type CheckboxVariant, type CheckedState, ContentBadge, type ContentBadgeBasicProps, type ContentBadgeStyle, type ContentFeedbackBadgeProps, type ContentThemeBadgeProps, Dialog, type DialogProps, Divider, type DividerOrientation, type DividerProps, type DividerThickness, type DividerVariant, DotBadge, DotBadgeFeedback, type DotBadgeFeedbackProps, EmptyState, type EmptyStateProps, type FeedbackCalloutProps, type FeedbackIntent, type FeedbackVariant, type FieldInputPublicProps, type FieldPublicProps, type FieldTextAreaPublicProps, FileItem, type FileItemProps, Footer, type FooterBottomProps, type FooterContentProps, type FooterHeaderProps, type FooterLink, type FooterLogoDivProps, type FooterLogoLinkProps, type FooterNavProps, type FooterRootProps, type FooterSection, type FooterSectionProps, type FooterSocialProps, GlobalNavigation, type GlobalNavigationBlockItemProps, type GlobalNavigationListProps, type GlobalNavigationLogoItemProps, type GlobalNavigationLogoLinkProps, type GlobalNavigationRootProps, type GlobalNavigationToggleItemProps, type GlobalNavigationVariant, Hero, type HeroProps, Icon, IconButton, type IconButtonBasicProps, type IconButtonFeedbackProps, type IconButtonHierarchy, type IconButtonIntent, type IconButtonSize, type IconName, type IconProps, type IconSize, Image, type ImageOwnProps, type ImgOrientation, type ImgRatio, Input, InputArea, type InputAreaLayout, type InputAreaProps, type InputAreaStatus, type InputAreaStyle, type InputAreaValidation, type InputLayout, type InputStyle, type InputValidation, JDS_VERSION, Label, LabelButton, type LabelButtonBasicProps, type LabelButtonFeedbackProps, type LabelButtonHierarchy, type LabelButtonIntent, type LabelButtonSize, type LabelOwnProps, LocalNavigation, type LocalNavigationBackButtonProps, type LocalNavigationButtonGroupProps, type LocalNavigationRootProps, type LocalNavigationTitleProps, Logo, type LogoHierarchy, type LogoProps, MegaMenu, type MegaMenuGroupItemProps, type MegaMenuGroupProps, type MegaMenuProps, type MegaMenuSectionProps, Menu, type MenuAnchorProps, type MenuButtonProps, type MenuCategoryProps, type MenuContentProps, type MenuGroupProps, MenuItem, type MenuItemAnchorProps, type MenuItemButtonProps, type MenuItemProps, type MenuItemSize, type MenuItemVariant, type MenuRootProps, type MenuSize, type MenuStyle, type MenuTrigger, NumericBadge, type NumericBadgeBasicProps, type NumericBadgeStyle, type NumericBasicBadgeProps, type PlateCompactPresetProps, type PlateWithLabelPresetProps, type PlateWithTitlePresetProps, type PostPresetProps, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlRootProps, type SegmentedControlSize, Select, type SelectCheckboxProps, type SelectContextType, SelectField, type SelectFieldProps, type SelectLabelProps, type SelectProps, type SelectRadioProps, type SelectSize, type SelectValue, type SelectVariant, Snackbar, type SnackbarBase, type SnackbarBaseProps, type SnackbarBasicProps, type SnackbarButtonsProps, type SnackbarFeedbackProps, type SnackbarHandler, type SnackbarItem, SnackbarProvider, type SnackbarStyle, type SnackbarVariant, Step, type StepItemProps, type StepRootProps, type StepSize, type StepStatus, Tab, TabContent, type TabContentProps, TabList, type TabListProps, TabRoot, type TabRootProps, TabTrigger, type TabTriggerProps, type TabVariant, type Tag, TagField, type TagFieldProps, TextField, type TextFieldButtonProps, type TextFieldProps, type TextFieldPublicProps, type ThemeVariant, Title, type TitleProps, Toast, type ToastBaseProps, type ToastFeedbackProps, type ToastHandler, type ToastItem, ToastProvider, type ToastStyle, Tooltip, type TooltipContentProps, type TooltipProps, type TooltipTriggerProps, type UploadError, type UploadErrorType, Uploader, type UploaderFileButtonProps, type UploaderFileProps, type UploaderImageButtonProps, type UploaderImageProps, type UploaderOptions, snackbarController, toastController, useGlobalNavigationVariant, useSnackbar, useToast };