@jects/jds 0.2.1 → 0.2.2

package/dist/index.d.ts

@@ -1,14 +1,173 @@
-import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import * as react from 'react';
-import { MouseEvent, ReactNode, ElementType, ComponentPropsWithoutRef, ComponentPropsWithRef, ChangeEvent, ComponentProps } from 'react';
-import { ToggleGroup, Tabs, Tooltip as Tooltip$1, DropdownMenu } from 'radix-ui';
+import { ComponentPropsWithoutRef, MouseEvent, ReactNode, ElementType, ComponentPropsWithRef, HTMLAttributes, ChangeEvent, ComponentProps } from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { DropdownMenu, ToggleGroup, Tabs, Tooltip as Tooltip$1 } from 'radix-ui';
+import * as NavigationMenu from '@radix-ui/react-navigation-menu';
 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';
+
+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;
+}
+
+declare const Icon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<HTMLSpanElement>>;
+
+type AccordionSize = "lg" | "md" | "sm";
+interface AccordionRootBaseProps {
+    isStretched?: boolean;
+    size?: AccordionSize;
+}
+type AccordionPrimitiveProps = AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps;
+type AccordionRootProps = AccordionRootBaseProps & AccordionPrimitiveProps;
+type AccordionItemProps = AccordionPrimitive.AccordionItemProps;
+type AccordionTriggerProps = AccordionPrimitive.AccordionTriggerProps & {
+    withPrefixIcon?: IconName;
+};
+type AccordionContentProps = AccordionPrimitive.AccordionContentProps;
+
+declare const Accordion: {
+    Root: react.ForwardRefExoticComponent<AccordionRootProps & react.RefAttributes<HTMLDivElement>>;
+    Item: react.ForwardRefExoticComponent<AccordionPrimitive.AccordionItemProps & react.RefAttributes<HTMLDivElement>>;
+    Trigger: react.ForwardRefExoticComponent<AccordionPrimitive.AccordionTriggerProps & {
+        withPrefixIcon?: IconName;
+    } & react.RefAttributes<HTMLButtonElement>>;
+    Content: react.ForwardRefExoticComponent<AccordionPrimitive.AccordionContentProps & react.RefAttributes<HTMLDivElement>>;
+};
 
 type BadgeStyle = {
     bg: string;
@@ -176,6 +335,69 @@ interface BlockButtonFeedbackProps extends BaseBlockButtonProps {
     intent: FeedbackIntent;
 }
 
+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;
+}
+
+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 BasicHierarchy = "primary" | "secondary";
+type FeedbackHierarchy = "positive" | "destructive" | "notifying";
+type CalloutSize = "lg" | "md" | "sm" | "xs";
+interface BaseCalloutProps {
+    size?: CalloutSize;
+    title?: string;
+    className?: string;
+    labelButtonProps?: Omit<LabelButtonBasicProps, "size">;
+    children: ReactNode;
+}
+interface BasicCalloutModeProps extends BaseCalloutProps {
+    hierarchy?: BasicHierarchy;
+    feedback?: never;
+}
+interface FeedbackCalloutModeProps extends BaseCalloutProps {
+    feedback: FeedbackHierarchy;
+    hierarchy?: never;
+}
+type CalloutProps = BasicCalloutModeProps | FeedbackCalloutModeProps;
+
+declare const Callout: ({ size, title, labelButtonProps, children, className, ...props }: CalloutProps) => _emotion_react_jsx_runtime.JSX.Element;
+
 type CardLayout = "vertical" | "horizontal";
 type CardVariant = "plate" | "post";
 type CardStyle = "outlined" | "empty";
@@ -307,7 +529,6 @@ declare const Card: {
     Preset: {
         PlateWithTitle: {
             Link: react.ForwardRefExoticComponent<{
-                isDisabled?: boolean | undefined;
                 body: react.ReactNode;
                 caption?: string | undefined;
                 title: string;
@@ -318,10 +539,10 @@ declare const Card: {
                 target?: string | undefined;
                 href: string;
                 rel?: string | undefined;
+                isDisabled?: boolean | undefined;
                 layout?: CardLayout | undefined;
             } & react.RefAttributes<HTMLDivElement>>;
             Button: react.ForwardRefExoticComponent<{
-                isDisabled?: boolean | undefined;
                 body: react.ReactNode;
                 caption?: string | undefined;
                 title: string;
@@ -331,12 +552,12 @@ declare const Card: {
                 } | undefined;
                 type?: ("button" | "submit" | "reset") | undefined;
                 onClick: () => void;
+                isDisabled?: boolean | undefined;
                 layout?: CardLayout | undefined;
             } & react.RefAttributes<HTMLDivElement>>;
         };
         PlateWithLabel: {
             Link: react.ForwardRefExoticComponent<{
-                isDisabled?: boolean | undefined;
                 body: react.ReactNode;
                 caption?: string | undefined;
                 label: string;
@@ -347,10 +568,10 @@ declare const Card: {
                 target?: string | undefined;
                 href: string;
                 rel?: string | undefined;
+                isDisabled?: boolean | undefined;
                 layout?: CardLayout | undefined;
             } & react.RefAttributes<HTMLDivElement>>;
             Button: react.ForwardRefExoticComponent<{
-                isDisabled?: boolean | undefined;
                 body: react.ReactNode;
                 caption?: string | undefined;
                 label: string;
@@ -360,12 +581,12 @@ declare const Card: {
                 } | undefined;
                 type?: ("button" | "submit" | "reset") | undefined;
                 onClick: () => void;
+                isDisabled?: boolean | undefined;
                 layout?: CardLayout | undefined;
             } & react.RefAttributes<HTMLDivElement>>;
         };
         PlateCompact: {
             Link: react.ForwardRefExoticComponent<{
-                isDisabled?: boolean | undefined;
                 body: react.ReactNode;
                 caption: string;
                 image?: {
@@ -375,10 +596,10 @@ declare const Card: {
                 target?: string | undefined;
                 href: string;
                 rel?: string | undefined;
+                isDisabled?: boolean | undefined;
                 layout?: CardLayout | undefined;
             } & react.RefAttributes<HTMLDivElement>>;
             Button: react.ForwardRefExoticComponent<{
-                isDisabled?: boolean | undefined;
                 body: react.ReactNode;
                 caption: string;
                 image?: {
@@ -387,12 +608,12 @@ declare const Card: {
                 } | undefined;
                 type?: ("button" | "submit" | "reset") | undefined;
                 onClick: () => void;
+                isDisabled?: boolean | undefined;
                 layout?: CardLayout | undefined;
             } & react.RefAttributes<HTMLDivElement>>;
         };
         Post: {
             Link: react.ForwardRefExoticComponent<{
-                isDisabled?: boolean | undefined;
                 body: react.ReactNode;
                 title: string;
                 image?: {
@@ -403,12 +624,12 @@ declare const Card: {
                 href: string;
                 rel?: string | undefined;
                 date: string;
+                isDisabled?: boolean | undefined;
                 layout?: CardLayout | undefined;
                 cardStyle?: ("outlined" | "empty") | undefined;
                 author: string;
             } & react.RefAttributes<HTMLDivElement>>;
             Button: react.ForwardRefExoticComponent<{
-                isDisabled?: boolean | undefined;
                 body: react.ReactNode;
                 title: string;
                 image?: {
@@ -418,6 +639,7 @@ declare const Card: {
                 type?: ("button" | "submit" | "reset") | undefined;
                 onClick: () => void;
                 date: string;
+                isDisabled?: boolean | undefined;
                 layout?: CardLayout | undefined;
                 cardStyle?: ("outlined" | "empty") | undefined;
                 author: string;
@@ -426,52 +648,9 @@ declare const Card: {
     };
 };
 
-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 BasicHierarchy = "primary" | "secondary";
-type FeedbackHierarchy = "positive" | "destructive" | "notifying";
-type CalloutSize = "lg" | "md" | "sm" | "xs";
-interface BaseCalloutProps {
-    size?: CalloutSize;
-    title?: string;
-    className?: string;
-    labelButtonProps?: Omit<LabelButtonBasicProps, "size">;
-    children: ReactNode;
-}
-interface BasicCalloutModeProps extends BaseCalloutProps {
-    hierarchy?: BasicHierarchy;
-    feedback?: never;
-}
-interface FeedbackCalloutModeProps extends BaseCalloutProps {
-    feedback: FeedbackHierarchy;
-    hierarchy?: never;
-}
-type CalloutProps = BasicCalloutModeProps | FeedbackCalloutModeProps;
-
-declare const Callout: ({ size, title, labelButtonProps, children, className, ...props }: CalloutProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-declare const Checkbox: {
-    Basic: react.ForwardRefExoticComponent<CheckboxBasicProps & react.RefAttributes<HTMLInputElement>>;
-    Content: react.ForwardRefExoticComponent<CheckboxContentProps & react.RefAttributes<HTMLInputElement>>;
+declare const Checkbox: {
+    Basic: react.ForwardRefExoticComponent<CheckboxBasicProps & react.RefAttributes<HTMLInputElement>>;
+    Content: react.ForwardRefExoticComponent<CheckboxContentProps & react.RefAttributes<HTMLInputElement>>;
 };
 
 type CheckboxSize = "xs" | "sm" | "md" | "lg";
@@ -499,6 +678,74 @@ interface CheckboxContentProps extends CheckboxCommonProps {
     checked?: CheckedState;
 }
 
+type CodeSize = "lg" | "md" | "sm" | "xs";
+interface CodeProps extends HTMLAttributes<HTMLElement> {
+    children: ReactNode;
+    size?: CodeSize;
+}
+interface CodeStyleProps {
+    $size: CodeSize;
+}
+
+declare const Code: {
+    ({ children, size, className, ...restProps }: CodeProps): _emotion_react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type BlockButtonActionProps$1 = 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$1;
+    tertiaryAction?: BlockButtonActionProps$1;
+};
+interface DialogBaseProps {
+    header: string;
+    body: ReactNode;
+    isButtonStretched?: boolean;
+    checkboxAction?: CheckBoxActionProps;
+    primaryAction: BlockButtonActionProps$1;
+}
+type DialogProps = DialogBaseProps & DialogActionOptions & RadixDialogProps;
+
+declare const Dialog: react.ForwardRefExoticComponent<DialogProps & 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";
+};
+type BlockButtonActionProps = Pick<BlockButtonBasicProps, "children" | "onClick" | "disabled">;
+type EmptyStateActionOptions = {
+    primaryAction?: undefined;
+    secondaryAction?: never;
+} | {
+    primaryAction: BlockButtonActionProps;
+    secondaryAction?: BlockButtonActionProps;
+};
+interface EmptyStateBaseProps {
+    header: string;
+    body: string;
+    icon?: IconName;
+}
+type EmptyStateProps = EmptyStateStyleVariant & EmptyStateBaseProps & EmptyStateActionOptions;
+
+declare const EmptyState: react.ForwardRefExoticComponent<EmptyStateProps & react.RefAttributes<HTMLDivElement>>;
+
 interface FileItemProps extends ComponentPropsWithoutRef<"button"> {
     fileName: ReactNode;
     fileSize?: ReactNode;
@@ -512,141 +759,6 @@ interface FileItemProps extends ComponentPropsWithoutRef<"button"> {
 
 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;
@@ -724,28 +836,6 @@ interface HeroProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 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 InputValidation = "none" | "error" | "success";
 type InputInteraction = "enabled" | "disabled" | "readOnly";
@@ -854,10 +944,30 @@ declare const Input: {
     };
 };
 
-declare const TEXT_ALIGN_MAPPING: {
-    readonly center: "center";
-    readonly left: "flex-start";
-    readonly right: "flex-end";
+type KbdSize = "lg" | "md" | "sm" | "xs";
+type KbdType = "key" | "text" | "function";
+interface KbdProps extends HTMLAttributes<HTMLElement> {
+    children: ReactNode;
+    size?: KbdSize;
+    type?: KbdType;
+    muted?: boolean;
+    "aria-label"?: string;
+}
+interface KbdStyleProps {
+    $size: KbdSize;
+    $type: KbdType;
+    $isMuted: boolean;
+}
+
+declare const Kbd: {
+    ({ children, size, type, muted, className, ...restProps }: KbdProps): _emotion_react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+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;
@@ -897,6 +1007,203 @@ interface LogoProps extends Omit<ComponentPropsWithoutRef<"a">, "children"> {
 
 declare const Logo: react.ForwardRefExoticComponent<LogoProps & react.RefAttributes<HTMLAnchorElement>>;
 
+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 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 RadioSize = "lg" | "md" | "sm" | "xs";
+type RadioStyle = "empty" | "outline";
+type RadioAlign = "left" | "right";
+interface RadioRootProps {
+    radioSize?: RadioSize;
+    radioStyle?: RadioStyle;
+    radioAlign?: RadioAlign;
+    disabled?: boolean;
+    value?: string;
+    onChange?: (value: string) => void;
+    name?: string;
+    children: ReactNode;
+}
+interface RadioBasicProps extends ComponentPropsWithoutRef<"input"> {
+    radioSize?: RadioSize;
+}
+interface RadioItemProps extends ComponentPropsWithoutRef<"div"> {
+    radioSize?: RadioSize;
+    radioStyle?: RadioStyle;
+    radioAlign?: RadioAlign;
+    disabled?: boolean;
+    children: ReactNode;
+}
+interface RadioLabelProps {
+    children: ReactNode;
+}
+interface RadioSubLabelProps {
+    children: ReactNode;
+}
+
+declare const Radio: {
+    Root: {
+        ({ radioSize, radioStyle, radioAlign, disabled, value, onChange, name, children, }: RadioRootProps): _emotion_react_jsx_runtime.JSX.Element;
+        displayName: string;
+    };
+    Item: react.ForwardRefExoticComponent<RadioItemProps & react.RefAttributes<HTMLDivElement>>;
+    Basic: react.ForwardRefExoticComponent<RadioBasicProps & react.RefAttributes<HTMLInputElement>>;
+    Label: react.ForwardRefExoticComponent<RadioLabelProps & react.RefAttributes<HTMLDivElement>>;
+    SubLabel: react.ForwardRefExoticComponent<RadioSubLabelProps & react.RefAttributes<HTMLDivElement>>;
+};
+
 type SegmentedControlSize = "lg" | "md" | "sm" | "xs";
 interface SegmentedControlRootProps extends Omit<ToggleGroupSingleProps, "type"> {
     size?: SegmentedControlSize;
@@ -959,6 +1266,70 @@ declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAtt
     Checkbox: react.ForwardRefExoticComponent<SelectCheckboxProps & react.RefAttributes<HTMLDivElement>>;
 };
 
+interface LimitedQueueProviderBaseItem {
+    id: string;
+    isClosing?: boolean;
+}
+
+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 StepSize = 'lg' | 'md' | 'sm' | 'xs';
 type StepStatus = 'completed' | 'ongoing' | 'uncompleted';
 interface StepRootProps extends ComponentPropsWithoutRef<'div'> {
@@ -1015,315 +1386,75 @@ declare const Tab: {
     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;
+interface TableRowItemBaseProps extends HTMLAttributes<HTMLTableCellElement> {
+    hasDivider?: boolean;
+    children: ReactNode;
 }
-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> {
+interface TableHeaderProps extends HTMLAttributes<HTMLTableCellElement> {
     children: ReactNode;
+    width?: string | number;
 }
-declare const Title: react.ForwardRefExoticComponent<Omit<TitleProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-interface TooltipProps extends Omit<Tooltip$1.TooltipProps, "children"> {
+interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {
     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 TableProps extends HTMLAttributes<HTMLTableElement> {
+    children: ReactNode;
 }
-interface UploaderFileProps extends UploaderOptions, Omit<UploaderFileButtonProps, "triggerUpload"> {
-    multiple?: boolean;
-    messages?: UploaderMessages;
+interface TableRowItemLabelProps extends TableRowItemBaseProps {
+    variant: "label";
+    description?: string;
+    prefixIcon?: IconName;
+    color?: string;
 }
-interface UploaderImageButtonProps {
-    isDisabled?: boolean;
-    isLoading?: boolean;
-    uploadLabel?: string;
-    loadingLabel?: string;
-    cancelButton?: ReactNode;
+interface TableRowItemCodeProps extends TableRowItemBaseProps {
+    variant: "code";
+    description?: string;
 }
-interface UploaderImageProps extends UploaderOptions, UploaderImageButtonProps {
-    multiple?: boolean;
+interface TableRowItemBadgeProps extends TableRowItemBaseProps {
+    variant: "badge";
 }
+type TableRowItemProps = TableRowItemLabelProps | TableRowItemCodeProps | TableRowItemBadgeProps;
 
-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;
+declare const Table: {
+    Root: react.ForwardRefExoticComponent<TableProps & react.RefAttributes<HTMLTableElement>>;
+    Header: {
+        ({ children }: Pick<TableHeaderProps, "children">): _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;
+    HeaderItem: {
+        ({ children }: TableHeaderProps): _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";
-};
-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;
+    Body: {
+        ({ children }: TableRowProps): _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;
+    Row: {
+        ({ children, ...restProps }: TableRowProps): _emotion_react_jsx_runtime.JSX.Element;
+        displayName: string;
+    };
+    RowItem: {
+        (props: TableRowItemProps): _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 TitleSize = "lg" | "md" | "sm" | "xs";
+type TitleTextAlign = keyof typeof TEXT_ALIGN_MAPPING$1;
+interface StyledTitleProps {
+    size: TitleSize;
+    textAlign: TitleTextAlign;
+    color?: string;
 }
-type DialogProps = DialogBaseProps & DialogActionOptions & RadixDialogProps;
-
-declare const Dialog: react.ForwardRefExoticComponent<DialogProps & react.RefAttributes<HTMLDivElement>>;
+declare const StyledTitle: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme;
+    as?: React.ElementType;
+} & StyledTitleProps, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 
-interface LimitedQueueProviderBaseItem {
-    id: string;
-    isClosing?: boolean;
+interface TitleProps extends ComponentProps<typeof StyledTitle> {
+    children: ReactNode;
 }
+declare const Title: react.ForwardRefExoticComponent<Omit<TitleProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 type ToastVariant = "positive" | "destructive";
 type ToastStyle = "basic" | ToastVariant;
@@ -1377,87 +1508,84 @@ type ToastController = {
 };
 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 TooltipProps extends Omit<Tooltip$1.TooltipProps, "children"> {
+    children: ReactNode;
 }
-interface SnackbarHandler {
-    basic: (snackbarFnParam: SnackbarBaseProps) => void;
-    positive: (snackbarFnParam: SnackbarBaseProps) => void;
-    destructive: (snackbarFnParam: SnackbarBaseProps) => void;
+type TooltipTriggerProps = Tooltip$1.TooltipTriggerProps;
+interface TooltipContentProps extends Tooltip$1.TooltipContentProps {
+    children?: ReactNode;
 }
 
-declare const Snackbar: {
-    Basic: {
-        ({ id, caption, prefixButtonProps, suffixButtonProps, title, onRemove, isClosing, }: SnackbarBasicProps): _emotion_react_jsx_runtime.JSX.Element;
+declare const Tooltip: {
+    Provider: react.FC<Tooltip$1.TooltipProviderProps>;
+    Root: {
+        ({ children, delayDuration, ...radixProps }: TooltipProps): _emotion_react_jsx_runtime.JSX.Element;
         displayName: string;
     };
-    Feedback: {
-        ({ id, variant, caption, prefixButtonProps, suffixButtonProps, title, onRemove, isClosing, }: SnackbarFeedbackProps): _emotion_react_jsx_runtime.JSX.Element;
+    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;
     };
 };
 
-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"];
+type ByteNumber = number;
+type UploadError = {
+    type: UploadErrorType;
+    file: File;
 };
-declare const snackbarController: SnackbarController;
-
-type AccordionSize = "lg" | "md" | "sm";
-interface AccordionRootBaseProps {
-    isStretched?: boolean;
-    size?: AccordionSize;
+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;
 }
-type AccordionPrimitiveProps = AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps;
-type AccordionRootProps = AccordionRootBaseProps & AccordionPrimitiveProps;
-type AccordionItemProps = AccordionPrimitive.AccordionItemProps;
-type AccordionTriggerProps = AccordionPrimitive.AccordionTriggerProps & {
-    withPrefixIcon?: IconName;
-};
-type AccordionContentProps = AccordionPrimitive.AccordionContentProps;
 
-declare const Accordion: {
-    Root: react.ForwardRefExoticComponent<AccordionRootProps & react.RefAttributes<HTMLDivElement>>;
-    Item: react.ForwardRefExoticComponent<AccordionPrimitive.AccordionItemProps & react.RefAttributes<HTMLDivElement>>;
-    Trigger: react.ForwardRefExoticComponent<AccordionPrimitive.AccordionTriggerProps & {
-        withPrefixIcon?: IconName;
-    } & react.RefAttributes<HTMLButtonElement>>;
-    Content: react.ForwardRefExoticComponent<AccordionPrimitive.AccordionContentProps & react.RefAttributes<HTMLDivElement>>;
+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;
+    };
 };
 
 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 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 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 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 SelectListProps, 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 };
+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 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, Code, type CodeProps, type CodeSize, type CodeStyleProps, 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 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 InputStyle, type InputValidation, JDS_VERSION, Kbd, type KbdProps, type KbdSize, type KbdStyleProps, type KbdType, 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, Radio, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlRootProps, type SegmentedControlSize, Select, type SelectCheckboxProps, type SelectContextType, SelectField, type SelectFieldProps, type SelectListProps, 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, Table, 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 };