@nation-a/ui 0.16.28 → 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,28 @@
-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;

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/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 {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nation-a/ui",
-  "version": "0.16.28",
+  "version": "0.17.0",
   "type": "module",
   "types": "./dist/types/index.d.ts",
   "main": "./dist/index.cjs",
@@ -14,60 +14,55 @@
     "registry": "https://registry.npmjs.org"
   },
   "dependencies": {
-    "@ark-ui/react": "^5.1.0",
+    "@ark-ui/react": "^5.26.2",
     "@react-spring/web": "^9.7.5",
     "csstype": "^3.1.3",
-    "motion": "^12.6.3",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-hot-toast": "^2.5.2",
+    "motion": "^12.23.24",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "react-hot-toast": "^2.6.0",
     "react-lottie": "^1.2.10",
-    "@nation-a/icons": "0.4.4",
+    "@nation-a/icons": "0.5.0",
     "@nation-a/tokens": "0.4.2"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^3",
-    "@emotion/is-prop-valid": "^1.3.1",
-    "@pandacss/dev": "^0.53.1",
-    "@storybook/addon-essentials": "^8.6.11",
-    "@storybook/addon-interactions": "^8.6.11",
-    "@storybook/addon-onboarding": "^8.6.11",
-    "@storybook/addon-themes": "^8.6.11",
-    "@storybook/blocks": "^8.6.11",
-    "@storybook/builder-vite": "^8.6.11",
-    "@storybook/manager-api": "^8.6.11",
-    "@storybook/react": "^8.6.11",
-    "@storybook/react-vite": "^8.6.11",
-    "@storybook/test": "^8.6.11",
-    "@storybook/theming": "^8.6.11",
-    "@testing-library/jest-dom": "^6.6.3",
+    "@chromatic-com/storybook": "^4.1.1",
+    "@emotion/is-prop-valid": "^1.4.0",
+    "@pandacss/dev": "^1.4.3",
+    "@storybook/addon-docs": "^9.1.13",
+    "@storybook/addon-mcp": "^0.0.5",
+    "@storybook/addon-onboarding": "^9.1.13",
+    "@storybook/addon-themes": "^9.1.13",
+    "@storybook/builder-vite": "^9.1.13",
+    "@storybook/react-vite": "^9.1.13",
+    "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
-    "@types/node": "^22.13.10",
-    "@types/react": "^18.3.1",
-    "@types/react-dom": "^18.3.1",
+    "@types/node": "^22.18.12",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.2",
     "@types/react-lottie": "^1.2.10",
-    "@typescript-eslint/eslint-plugin": "^5.59.7",
-    "@typescript-eslint/parser": "^5.59.7",
-    "@vitejs/plugin-react": "^4.3.4",
+    "@typescript-eslint/eslint-plugin": "^5.62.0",
+    "@typescript-eslint/parser": "^5.62.0",
+    "@vitejs/plugin-react": "^5.0.4",
     "@vitest/coverage-v8": "3.1.3",
-    "chromatic": "^11.28.0",
-    "eslint": "^8.40.0",
-    "eslint-plugin-storybook": "^0.12.0",
-    "happy-dom": "^17.4.7",
+    "chromatic": "^11.29.0",
+    "eslint": "^8.57.1",
+    "eslint-plugin-storybook": "^9.1.13",
+    "happy-dom": "^17.6.3",
     "jsdom": "^26.1.0",
     "rollup-plugin-visualizer": "^5.14.0",
-    "storybook": "^8.6.11",
-    "typescript": "^5.7.3",
-    "vite": "^6.0.11",
-    "vite-plugin-dts": "^4.5.0",
-    "vite-plugin-static-copy": "^2.3.0",
+    "storybook": "^9.1.13",
+    "typescript": "^5.9.3",
+    "vite": "^6.4.1",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-static-copy": "^2.3.2",
     "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^3.1.3"
+    "vitest": "^3.2.4"
   },
   "peerDependencies": {
-    "react": "^18",
-    "react-dom": "^18"
+    "react": "^19",
+    "react-dom": "^19"
   },
   "peerDependenciesMeta": {
     "@pandacss/dev": {