@nation-a/ui 0.16.27 → 0.17.0

package/dist/types/components/Tag/Tag.stories.d.ts

@@ -1,8 +1,13 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { default as Tag } from './index';
-declare const meta: Meta<typeof Tag>;
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
 export default meta;
-type Story = StoryObj<typeof Tag>;
+type Story = StoryObj<typeof meta>;
 export declare const DefaultTag: Story;
 export declare const NoCloseTag: Story;
 export declare const TagWithBackground: Story;

package/dist/types/components/Tag/index.d.ts

@@ -6,5 +6,8 @@ export type TagProps = Assign<HTMLStyledProps<'div'>, TagVariantProps> & {
     text: string;
     onDeleteClick?: () => void;
 };
-declare const _default: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<Omit<TagProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>>;
-export default _default;
+declare const Tag: {
+    ({ imageSrc, text, onDeleteClick, ref, ...rest }: TagProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default Tag;

package/dist/types/components/Text/Text.stories.d.ts

@@ -1,6 +1,31 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { default as Text } from './index';
-declare const meta: Meta<typeof Text>;
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: {
+        (props: import('./index').TextProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: "select";
+            options: string[];
+        };
+        font: {
+            control: "select";
+            options: string[];
+        };
+    };
+    args: {
+        onClick: import('vitest').Mock<(...args: any[]) => any>;
+    };
+};
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Typography: Story;
+export declare const WithLanguageProvider: Story;
+export declare const KoreanLanguage: Story;
+export declare const EnglishLanguage: Story;

package/dist/types/components/Text/index.d.ts

@@ -1,280 +1,8 @@
 import { HTMLStyledProps } from '../../../styled-system/jsx';
 import { TextVariantProps } from './text.recipe';
 export type TextProps = HTMLStyledProps<'p'> & TextVariantProps;
-declare const Text: import('react').ForwardRefExoticComponent<Omit<{
-    slot?: string | undefined | undefined;
-    style?: import('react').CSSProperties | undefined;
-    title?: string | undefined | undefined;
-    color?: string | undefined | undefined;
-    hidden?: boolean | undefined | undefined;
-    key?: import('react').Key | null | undefined;
-    suppressHydrationWarning?: boolean | undefined | undefined;
-    className?: string | undefined | undefined;
-    id?: string | undefined | undefined;
-    lang?: string | undefined | undefined;
-    role?: import('react').AriaRole | undefined;
-    tabIndex?: number | undefined | undefined;
-    "aria-activedescendant"?: string | undefined | undefined;
-    "aria-atomic"?: (boolean | "true" | "false") | undefined;
-    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
-    "aria-braillelabel"?: string | undefined | undefined;
-    "aria-brailleroledescription"?: string | undefined | undefined;
-    "aria-busy"?: (boolean | "true" | "false") | undefined;
-    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-    "aria-colcount"?: number | undefined | undefined;
-    "aria-colindex"?: number | undefined | undefined;
-    "aria-colindextext"?: string | undefined | undefined;
-    "aria-colspan"?: number | undefined | undefined;
-    "aria-controls"?: string | undefined | undefined;
-    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
-    "aria-describedby"?: string | undefined | undefined;
-    "aria-description"?: string | undefined | undefined;
-    "aria-details"?: string | undefined | undefined;
-    "aria-disabled"?: (boolean | "true" | "false") | undefined;
-    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
-    "aria-errormessage"?: string | undefined | undefined;
-    "aria-expanded"?: (boolean | "true" | "false") | undefined;
-    "aria-flowto"?: string | undefined | undefined;
-    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
-    "aria-hidden"?: (boolean | "true" | "false") | undefined;
-    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
-    "aria-keyshortcuts"?: string | undefined | undefined;
-    "aria-label"?: string | undefined | undefined;
-    "aria-labelledby"?: string | undefined | undefined;
-    "aria-level"?: number | undefined | undefined;
-    "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
-    "aria-modal"?: (boolean | "true" | "false") | undefined;
-    "aria-multiline"?: (boolean | "true" | "false") | undefined;
-    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
-    "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
-    "aria-owns"?: string | undefined | undefined;
-    "aria-placeholder"?: string | undefined | undefined;
-    "aria-posinset"?: number | undefined | undefined;
-    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-    "aria-readonly"?: (boolean | "true" | "false") | undefined;
-    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
-    "aria-required"?: (boolean | "true" | "false") | undefined;
-    "aria-roledescription"?: string | undefined | undefined;
-    "aria-rowcount"?: number | undefined | undefined;
-    "aria-rowindex"?: number | undefined | undefined;
-    "aria-rowindextext"?: string | undefined | undefined;
-    "aria-rowspan"?: number | undefined | undefined;
-    "aria-selected"?: (boolean | "true" | "false") | undefined;
-    "aria-setsize"?: number | undefined | undefined;
-    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
-    "aria-valuemax"?: number | undefined | undefined;
-    "aria-valuemin"?: number | undefined | undefined;
-    "aria-valuenow"?: number | undefined | undefined;
-    "aria-valuetext"?: string | undefined | undefined;
-    children?: import('react').ReactNode;
-    dangerouslySetInnerHTML?: {
-        __html: string | TrustedHTML;
-    } | undefined | undefined;
-    onCopy?: import('react').ClipboardEventHandler<HTMLParagraphElement> | undefined;
-    onCopyCapture?: import('react').ClipboardEventHandler<HTMLParagraphElement> | undefined;
-    onCut?: import('react').ClipboardEventHandler<HTMLParagraphElement> | undefined;
-    onCutCapture?: import('react').ClipboardEventHandler<HTMLParagraphElement> | undefined;
-    onPaste?: import('react').ClipboardEventHandler<HTMLParagraphElement> | undefined;
-    onPasteCapture?: import('react').ClipboardEventHandler<HTMLParagraphElement> | undefined;
-    onCompositionEnd?: import('react').CompositionEventHandler<HTMLParagraphElement> | undefined;
-    onCompositionEndCapture?: import('react').CompositionEventHandler<HTMLParagraphElement> | undefined;
-    onCompositionStart?: import('react').CompositionEventHandler<HTMLParagraphElement> | undefined;
-    onCompositionStartCapture?: import('react').CompositionEventHandler<HTMLParagraphElement> | undefined;
-    onCompositionUpdate?: import('react').CompositionEventHandler<HTMLParagraphElement> | undefined;
-    onCompositionUpdateCapture?: import('react').CompositionEventHandler<HTMLParagraphElement> | undefined;
-    onFocus?: import('react').FocusEventHandler<HTMLParagraphElement> | undefined;
-    onFocusCapture?: import('react').FocusEventHandler<HTMLParagraphElement> | undefined;
-    onBlur?: import('react').FocusEventHandler<HTMLParagraphElement> | undefined;
-    onBlurCapture?: import('react').FocusEventHandler<HTMLParagraphElement> | undefined;
-    onChange?: import('react').FormEventHandler<HTMLParagraphElement> | undefined;
-    onChangeCapture?: import('react').FormEventHandler<HTMLParagraphElement> | undefined;
-    onBeforeInput?: import('react').FormEventHandler<HTMLParagraphElement> | undefined;
-    onBeforeInputCapture?: import('react').FormEventHandler<HTMLParagraphElement> | undefined;
-    onInput?: import('react').FormEventHandler<HTMLParagraphElement> | undefined;
-    onInputCapture?: import('react').FormEventHandler<HTMLParagraphElement> | undefined;
-    onReset?: import('react').FormEventHandler<HTMLParagraphElement> | undefined;
-    onResetCapture?: import('react').FormEventHandler<HTMLParagraphElement> | undefined;
-    onSubmit?: import('react').FormEventHandler<HTMLParagraphElement> | undefined;
-    onSubmitCapture?: import('react').FormEventHandler<HTMLParagraphElement> | undefined;
-    onInvalid?: import('react').FormEventHandler<HTMLParagraphElement> | undefined;
-    onInvalidCapture?: import('react').FormEventHandler<HTMLParagraphElement> | undefined;
-    onLoad?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onLoadCapture?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onError?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onErrorCapture?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onKeyDown?: import('react').KeyboardEventHandler<HTMLParagraphElement> | undefined;
-    onKeyDownCapture?: import('react').KeyboardEventHandler<HTMLParagraphElement> | undefined;
-    onKeyPress?: import('react').KeyboardEventHandler<HTMLParagraphElement> | undefined;
-    onKeyPressCapture?: import('react').KeyboardEventHandler<HTMLParagraphElement> | undefined;
-    onKeyUp?: import('react').KeyboardEventHandler<HTMLParagraphElement> | undefined;
-    onKeyUpCapture?: import('react').KeyboardEventHandler<HTMLParagraphElement> | undefined;
-    onAbort?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onAbortCapture?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onCanPlay?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onCanPlayCapture?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onCanPlayThrough?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onCanPlayThroughCapture?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onDurationChange?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onDurationChangeCapture?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onEmptied?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onEmptiedCapture?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onEncrypted?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onEncryptedCapture?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onEnded?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onEndedCapture?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onLoadedData?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onLoadedDataCapture?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onLoadedMetadata?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onLoadedMetadataCapture?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onLoadStart?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onLoadStartCapture?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onPause?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onPauseCapture?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onPlay?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onPlayCapture?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onPlaying?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onPlayingCapture?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onProgress?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onProgressCapture?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onRateChange?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onRateChangeCapture?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onResize?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onResizeCapture?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onSeeked?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onSeekedCapture?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onSeeking?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onSeekingCapture?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onStalled?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onStalledCapture?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onSuspend?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onSuspendCapture?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onTimeUpdate?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onTimeUpdateCapture?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onVolumeChange?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onVolumeChangeCapture?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onWaiting?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onWaitingCapture?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onAuxClick?: import('react').MouseEventHandler<HTMLParagraphElement> | undefined;
-    onAuxClickCapture?: import('react').MouseEventHandler<HTMLParagraphElement> | undefined;
-    onClick?: import('react').MouseEventHandler<HTMLParagraphElement> | undefined;
-    onClickCapture?: import('react').MouseEventHandler<HTMLParagraphElement> | undefined;
-    onContextMenu?: import('react').MouseEventHandler<HTMLParagraphElement> | undefined;
-    onContextMenuCapture?: import('react').MouseEventHandler<HTMLParagraphElement> | undefined;
-    onDoubleClick?: import('react').MouseEventHandler<HTMLParagraphElement> | undefined;
-    onDoubleClickCapture?: import('react').MouseEventHandler<HTMLParagraphElement> | undefined;
-    onDrag?: import('react').DragEventHandler<HTMLParagraphElement> | undefined;
-    onDragCapture?: import('react').DragEventHandler<HTMLParagraphElement> | undefined;
-    onDragEnd?: import('react').DragEventHandler<HTMLParagraphElement> | undefined;
-    onDragEndCapture?: import('react').DragEventHandler<HTMLParagraphElement> | undefined;
-    onDragEnter?: import('react').DragEventHandler<HTMLParagraphElement> | undefined;
-    onDragEnterCapture?: import('react').DragEventHandler<HTMLParagraphElement> | undefined;
-    onDragExit?: import('react').DragEventHandler<HTMLParagraphElement> | undefined;
-    onDragExitCapture?: import('react').DragEventHandler<HTMLParagraphElement> | undefined;
-    onDragLeave?: import('react').DragEventHandler<HTMLParagraphElement> | undefined;
-    onDragLeaveCapture?: import('react').DragEventHandler<HTMLParagraphElement> | undefined;
-    onDragOver?: import('react').DragEventHandler<HTMLParagraphElement> | undefined;
-    onDragOverCapture?: import('react').DragEventHandler<HTMLParagraphElement> | undefined;
-    onDragStart?: import('react').DragEventHandler<HTMLParagraphElement> | undefined;
-    onDragStartCapture?: import('react').DragEventHandler<HTMLParagraphElement> | undefined;
-    onDrop?: import('react').DragEventHandler<HTMLParagraphElement> | undefined;
-    onDropCapture?: import('react').DragEventHandler<HTMLParagraphElement> | undefined;
-    onMouseDown?: import('react').MouseEventHandler<HTMLParagraphElement> | undefined;
-    onMouseDownCapture?: import('react').MouseEventHandler<HTMLParagraphElement> | undefined;
-    onMouseEnter?: import('react').MouseEventHandler<HTMLParagraphElement> | undefined;
-    onMouseLeave?: import('react').MouseEventHandler<HTMLParagraphElement> | undefined;
-    onMouseMove?: import('react').MouseEventHandler<HTMLParagraphElement> | undefined;
-    onMouseMoveCapture?: import('react').MouseEventHandler<HTMLParagraphElement> | undefined;
-    onMouseOut?: import('react').MouseEventHandler<HTMLParagraphElement> | undefined;
-    onMouseOutCapture?: import('react').MouseEventHandler<HTMLParagraphElement> | undefined;
-    onMouseOver?: import('react').MouseEventHandler<HTMLParagraphElement> | undefined;
-    onMouseOverCapture?: import('react').MouseEventHandler<HTMLParagraphElement> | undefined;
-    onMouseUp?: import('react').MouseEventHandler<HTMLParagraphElement> | undefined;
-    onMouseUpCapture?: import('react').MouseEventHandler<HTMLParagraphElement> | undefined;
-    onSelect?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onSelectCapture?: import('react').ReactEventHandler<HTMLParagraphElement> | undefined;
-    onTouchCancel?: import('react').TouchEventHandler<HTMLParagraphElement> | undefined;
-    onTouchCancelCapture?: import('react').TouchEventHandler<HTMLParagraphElement> | undefined;
-    onTouchEnd?: import('react').TouchEventHandler<HTMLParagraphElement> | undefined;
-    onTouchEndCapture?: import('react').TouchEventHandler<HTMLParagraphElement> | undefined;
-    onTouchMove?: import('react').TouchEventHandler<HTMLParagraphElement> | undefined;
-    onTouchMoveCapture?: import('react').TouchEventHandler<HTMLParagraphElement> | undefined;
-    onTouchStart?: import('react').TouchEventHandler<HTMLParagraphElement> | undefined;
-    onTouchStartCapture?: import('react').TouchEventHandler<HTMLParagraphElement> | undefined;
-    onPointerDown?: import('react').PointerEventHandler<HTMLParagraphElement> | undefined;
-    onPointerDownCapture?: import('react').PointerEventHandler<HTMLParagraphElement> | undefined;
-    onPointerMove?: import('react').PointerEventHandler<HTMLParagraphElement> | undefined;
-    onPointerMoveCapture?: import('react').PointerEventHandler<HTMLParagraphElement> | undefined;
-    onPointerUp?: import('react').PointerEventHandler<HTMLParagraphElement> | undefined;
-    onPointerUpCapture?: import('react').PointerEventHandler<HTMLParagraphElement> | undefined;
-    onPointerCancel?: import('react').PointerEventHandler<HTMLParagraphElement> | undefined;
-    onPointerCancelCapture?: import('react').PointerEventHandler<HTMLParagraphElement> | undefined;
-    onPointerEnter?: import('react').PointerEventHandler<HTMLParagraphElement> | undefined;
-    onPointerLeave?: import('react').PointerEventHandler<HTMLParagraphElement> | undefined;
-    onPointerOver?: import('react').PointerEventHandler<HTMLParagraphElement> | undefined;
-    onPointerOverCapture?: import('react').PointerEventHandler<HTMLParagraphElement> | undefined;
-    onPointerOut?: import('react').PointerEventHandler<HTMLParagraphElement> | undefined;
-    onPointerOutCapture?: import('react').PointerEventHandler<HTMLParagraphElement> | undefined;
-    onGotPointerCapture?: import('react').PointerEventHandler<HTMLParagraphElement> | undefined;
-    onGotPointerCaptureCapture?: import('react').PointerEventHandler<HTMLParagraphElement> | undefined;
-    onLostPointerCapture?: import('react').PointerEventHandler<HTMLParagraphElement> | undefined;
-    onLostPointerCaptureCapture?: import('react').PointerEventHandler<HTMLParagraphElement> | undefined;
-    onScroll?: import('react').UIEventHandler<HTMLParagraphElement> | undefined;
-    onScrollCapture?: import('react').UIEventHandler<HTMLParagraphElement> | undefined;
-    onWheel?: import('react').WheelEventHandler<HTMLParagraphElement> | undefined;
-    onWheelCapture?: import('react').WheelEventHandler<HTMLParagraphElement> | undefined;
-    onAnimationStart?: import('react').AnimationEventHandler<HTMLParagraphElement> | undefined;
-    onAnimationStartCapture?: import('react').AnimationEventHandler<HTMLParagraphElement> | undefined;
-    onAnimationEnd?: import('react').AnimationEventHandler<HTMLParagraphElement> | undefined;
-    onAnimationEndCapture?: import('react').AnimationEventHandler<HTMLParagraphElement> | undefined;
-    onAnimationIteration?: import('react').AnimationEventHandler<HTMLParagraphElement> | undefined;
-    onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLParagraphElement> | undefined;
-    onTransitionEnd?: import('react').TransitionEventHandler<HTMLParagraphElement> | undefined;
-    onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLParagraphElement> | undefined;
-    defaultChecked?: boolean | undefined | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined | undefined;
-    accessKey?: string | undefined | undefined;
-    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
-    autoFocus?: boolean | undefined | undefined;
-    contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
-    contextMenu?: string | undefined | undefined;
-    dir?: string | undefined | undefined;
-    draggable?: (boolean | "true" | "false") | undefined;
-    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    nonce?: string | undefined | undefined;
-    spellCheck?: (boolean | "true" | "false") | undefined;
-    translate?: "yes" | "no" | undefined | undefined;
-    radioGroup?: string | undefined | undefined;
-    about?: string | undefined | undefined;
-    content?: string | undefined | undefined;
-    datatype?: string | undefined | undefined;
-    inlist?: any;
-    prefix?: string | undefined | undefined;
-    property?: string | undefined | undefined;
-    rel?: string | undefined | undefined;
-    resource?: string | undefined | undefined;
-    rev?: string | undefined | undefined;
-    typeof?: string | undefined | undefined;
-    vocab?: string | undefined | undefined;
-    autoCorrect?: string | undefined | undefined;
-    autoSave?: string | undefined | undefined;
-    itemProp?: string | undefined | undefined;
-    itemScope?: boolean | undefined | undefined;
-    itemType?: string | undefined | undefined;
-    itemID?: string | undefined | undefined;
-    itemRef?: string | undefined | undefined;
-    results?: number | undefined | undefined;
-    security?: string | undefined | undefined;
-    unselectable?: "on" | "off" | undefined | undefined;
-    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
-    is?: string | undefined | undefined;
-    exportparts?: string | undefined | undefined;
-    part?: string | undefined | undefined;
-    ref?: import('react').Ref<HTMLParagraphElement> | undefined;
-} & import('../../../styled-system/types').WithCss & {
-    variant?: "label.sm" | "body.md" | "body.lg" | "body.sm" | "label.md" | "title.sm" | "title.md" | "title.lg" | "headline.sm" | "headline.md" | "display.md" | "display.lg" | "title.main.22.bold" | "title.main.24.bold" | "title.main.30.bold" | "title.main.56.bold" | "title.sub.16.bold" | "title.sub.18.bold" | "title.sub.20.bold" | "text.chat.14.bold" | "text.chat.14.regular" | "text.chat.16.bold" | "text.chat.16.regular" | "text.body.14.bold" | "text.body.14.regular" | "text.body.16.bold" | "text.body.16.regular" | "label.caption.10.semibold" | "label.caption.10.regular" | "label.caption.12.semibold" | "label.caption.12.regular" | "label.caption.14.semibold" | undefined;
-    language?: "en" | "ko" | undefined;
-    font?: "freeman" | "dmSans" | "pretendard" | "notoSans" | "inter" | undefined;
-}, "ref"> & import('react').RefAttributes<HTMLParagraphElement>>;
+declare const Text: {
+    (props: TextProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default Text;

package/dist/types/components/TextArea/TextArea.stories.d.ts

@@ -1,8 +1,13 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { default as Textarea } from './index';
-declare const meta: Meta<typeof Textarea>;
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
 export default meta;
-type Story = StoryObj<typeof Textarea>;
+type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const WithDescription: Story;
 export declare const WithRemoveBorder: Story;

package/dist/types/components/TextArea/index.d.ts

@@ -12,5 +12,8 @@ export type TextAreaProps = Assign<HTMLStyledProps<'textarea'>, InputVariantProp
     showTextCount?: boolean;
     containerCss?: SystemStyleObject;
 };
-declare const _default: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & import('react').RefAttributes<HTMLTextAreaElement>>>;
+declare const _default: import('react').MemoExoticComponent<{
+    ({ value, required, disabled, label, description, labelPosition, textLimit, showTextCount, color, radius, variant, onChange, className, containerCss, removeBorder, error, ref, ...rest }: TextAreaProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+}>;
 export default _default;

package/dist/types/components/Toast/Toast.stories.d.ts

@@ -1,8 +1,13 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { default as Toast } from './index';
-declare const meta: Meta<typeof Toast>;
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
 export default meta;
-type Story = StoryObj<typeof Toast>;
+type Story = StoryObj<typeof meta>;
 export declare const DefaultToast: Story;
 export declare const ToastWithTypes: Story;
 export declare const ToastWithAction: Story;

package/dist/types/components/Toast/index.d.ts

@@ -11,8 +11,11 @@ export interface ToastProps {
         disableCloseOnActionClick?: boolean;
         position?: ToastPosition;
     };
+    ref?: React.Ref<HTMLDivElement>;
 }
-interface ToastComponent extends React.ForwardRefExoticComponent<ToastProps & React.RefAttributes<HTMLDivElement>> {
+interface ToastComponent {
+    (props: ToastProps): React.ReactElement;
+    displayName?: string;
     Root: typeof Root;
     Content: typeof Content;
     Description: typeof Description;
@@ -23,29 +26,49 @@ interface ToastComponent extends React.ForwardRefExoticComponent<ToastProps & Re
     success: (description: ToastProps['description'], option?: ToastProps['option']) => void;
     error: (description: ToastProps['description'], option?: ToastProps['option']) => void;
 }
-declare const Root: import('react').ForwardRefExoticComponent<{
-    children: ReactNode;
-    className?: string;
-    width?: string;
-} & import('react').RefAttributes<HTMLDivElement>>;
-declare const Content: import('react').ForwardRefExoticComponent<{
-    children: ReactNode;
-    className?: string;
-} & import('react').RefAttributes<HTMLDivElement>>;
-declare const Description: import('react').ForwardRefExoticComponent<{
-    children: ReactNode;
-    className?: string;
-} & import('react').RefAttributes<HTMLDivElement>>;
-declare const Icon: import('react').ForwardRefExoticComponent<{
-    icon?: ReactNode;
-    className?: string;
-} & import('react').RefAttributes<HTMLDivElement>>;
-declare const ActionTrigger: import('react').ForwardRefExoticComponent<{
-    onClick: () => void;
-    children: ReactNode;
-    className?: string;
-    asLink?: boolean;
-} & import('react').RefAttributes<HTMLButtonElement | null>>;
+declare const Root: {
+    ({ children, className, width, ref, ...props }: {
+        children: ReactNode;
+        className?: string;
+        width?: string;
+        ref?: React.Ref<HTMLDivElement>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const Content: {
+    ({ children, className, ref, }: {
+        children: ReactNode;
+        className?: string;
+        ref?: React.Ref<HTMLDivElement>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const Description: {
+    ({ children, className, ref, }: {
+        children: ReactNode;
+        className?: string;
+        ref?: React.Ref<HTMLDivElement>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const Icon: {
+    ({ icon, className, ref }: {
+        icon?: ReactNode;
+        className?: string;
+        ref?: React.Ref<HTMLDivElement>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const ActionTrigger: {
+    ({ onClick, children, className, asLink, ref, }: {
+        onClick: () => void;
+        children: ReactNode;
+        className?: string;
+        asLink?: boolean;
+        ref?: React.Ref<HTMLButtonElement>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 declare const Toaster: {
     ({ toastOptions, ...props }: {
         toastOptions?: DefaultToastOptions;

package/dist/types/components/Toast/toast.recipe.d.ts

@@ -13,6 +13,24 @@ export declare const toastRecipe: import('../../../styled-system/types').SlotRec
             };
         };
     };
+    language: {
+        en: {
+            description: {
+                textStyle: "en.text.body.14.bold";
+            };
+            actionTrigger: {
+                textStyle: "en.text.body.14.bold";
+            };
+        };
+        ko: {
+            description: {
+                textStyle: "ko.text.body.14.bold";
+            };
+            actionTrigger: {
+                textStyle: "ko.text.body.14.bold";
+            };
+        };
+    };
     asLink: {
         true: {
             actionTrigger: {

package/dist/types/components/index.d.ts

@@ -18,3 +18,4 @@ export { default as Switch, type SwitchProps } from './Switch';
 export { default as Fab, type FabProps } from './Fab';
 export { default as List, type ListProps, type ListItemProps } from './List';
 export * from './Layout';
+export { LanguageProvider, useLanguage, type Language, type LanguageContextValue } from './LanguageProvider';

package/dist/types/index.d.ts

@@ -1,3 +1,2 @@
 export * from './components';
 export * from './theme';
-export * from './utils';

package/dist/types/utils/with-polymorphic-component.d.ts

@@ -3,7 +3,10 @@ type ElementType = React.ElementType;
 type AsProp<C extends ElementType> = {
     as?: C;
 };
-type PropsWithAs<C extends ElementType, Props = {}> = AsProp<C> & Props & Omit<React.ComponentPropsWithoutRef<C>, keyof (AsProp<C> & Props)>;
+type PropsWithAs<C extends ElementType, Props = Record<string, unknown>> = AsProp<C> & Omit<Props, keyof AsProp<C>> & Omit<React.ComponentPropsWithoutRef<C>, keyof Props | keyof AsProp<C>>;
+type PolymorphicComponentProps<C extends ElementType, Props = Record<string, unknown>> = PropsWithAs<C, Props> & {
+    ref?: React.ComponentPropsWithRef<C>['ref'];
+};
 /**
  * 다형성 컴포넌트를 생성하는 유틸리티 함수 (ArkUI와는 사용시 충돌이 발생할 수 있음)
  * @param Component - 다형성 컴포넌트를 생성할 기본 컴포넌트 Ex) Button
@@ -12,7 +15,5 @@ type PropsWithAs<C extends ElementType, Props = {}> = AsProp<C> & Props & Omit<R
  * @type {OwnProps} - 컴포넌트의 속성 타입 Ex) ButtonProps
  * @returns as가 추가된 컴포넌트
  */
-export declare function withPolymorphicComponent<ComponentType extends React.ComponentType<any>, DefaultTag extends ElementType = 'div', OwnProps = React.ComponentPropsWithoutRef<ComponentType>>(Component: ComponentType): <C extends ElementType = DefaultTag>(props: PropsWithAs<C, OwnProps> & {
-    ref?: React.Ref<React.ElementRef<C>>;
-}) => React.ReactElement;
+export declare function withPolymorphicComponent<ComponentType extends React.ComponentType<Record<string, unknown>>, DefaultTag extends ElementType = 'div'>(Component: ComponentType): <C extends ElementType = DefaultTag>(props: PolymorphicComponentProps<C, Omit<React.PropsWithoutRef<React.ComponentProps<ComponentType>>, "as">>) => React.ReactElement;
 export {};