@teamturing/react-kit 2.4.0 → 2.6.0

package/dist/core/Button/index.d.ts

@@ -38,7 +38,7 @@ declare const Button: import("react").ForwardRefExoticComponent<{
      * 크기를 정의합니다.
      * 반응형 디자인이 적용됩니다.
      */
-    size?: ResponsiveValue<"s" | "m" | "l"> | undefined;
+    size?: ResponsiveValue<"m" | "s" | "l"> | undefined;
     /**
      * 색을 정의합니다.
      * hover, active, focused, disabled, loading 등의 모든 상황에 관여합니다.

package/dist/core/Dialog/index.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { SxProp } from '../../utils/styled-system';
+type Props = {
+    isOpen?: boolean;
+    onDismiss?: () => void;
+    size?: 'l' | 's';
+} & SxProp;
+declare const _default: import("react").ForwardRefExoticComponent<{
+    isOpen?: boolean | undefined;
+    onDismiss?: (() => void) | undefined;
+    size?: "s" | "l" | undefined;
+} & SxProp & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export default _default;
+export type { Props as DialogProps };

package/dist/core/DialogHandler/index.d.ts

@@ -0,0 +1,13 @@
+import { MouseEvent as ReactMouseEvent, ReactNode } from 'react';
+type Props<Element extends HTMLElement> = {
+    renderDialog: ({ isOpen, closeDialog }: {
+        isOpen: boolean;
+        closeDialog: () => void;
+    }) => React.ReactNode;
+    onClick?: (e: ReactMouseEvent<Element, MouseEvent>) => void;
+    children: ReactNode | (({ openDialog }: {
+        openDialog: () => void;
+    }) => ReactNode);
+};
+declare const DialogHandler: <Element_1 extends HTMLElement>({ renderDialog, onClick, children: propChildren, }: Props<Element_1>) => import("react/jsx-runtime").JSX.Element;
+export default DialogHandler;

package/dist/core/GradientText/index.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 import type { TextProps } from '../Text';
 type Props = {} & TextProps;
 declare const GradientText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<{
@@ -50,32 +49,32 @@ declare const GradientText: import("styled-components").IStyledComponent<"web",
     itemRef?: string | undefined;
     results?: number | undefined;
     security?: string | undefined;
-    unselectable?: "off" | "on" | undefined;
-    inputMode?: "search" | "numeric" | "none" | "url" | "text" | "email" | "tel" | "decimal" | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "false" | "true") | undefined;
-    'aria-autocomplete'?: "inline" | "both" | "none" | "list" | undefined;
+    'aria-autocomplete'?: "none" | "inline" | "both" | "list" | undefined;
     'aria-braillelabel'?: string | undefined;
     'aria-brailleroledescription'?: string | undefined;
     'aria-busy'?: (boolean | "false" | "true") | undefined;
-    'aria-checked'?: boolean | "false" | "mixed" | "true" | undefined;
+    'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
     'aria-colcount'?: number | undefined;
     'aria-colindex'?: number | undefined;
     'aria-colindextext'?: string | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "false" | "time" | "location" | "page" | "true" | "step" | "date" | undefined;
+    'aria-current'?: boolean | "page" | "time" | "false" | "true" | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-description'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "false" | "true") | undefined;
-    'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+    'aria-dropeffect'?: "none" | "link" | "copy" | "move" | "execute" | "popup" | undefined;
     'aria-errormessage'?: string | undefined;
     'aria-expanded'?: (boolean | "false" | "true") | undefined;
     'aria-flowto'?: string | undefined;
     'aria-grabbed'?: (boolean | "false" | "true") | undefined;
-    'aria-haspopup'?: boolean | "false" | "grid" | "dialog" | "menu" | "listbox" | "true" | "tree" | undefined;
+    'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "listbox" | "false" | "true" | "tree" | undefined;
     'aria-hidden'?: (boolean | "false" | "true") | undefined;
     'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined;
@@ -90,7 +89,7 @@ declare const GradientText: import("styled-components").IStyledComponent<"web",
     'aria-owns'?: string | undefined;
     'aria-placeholder'?: string | undefined;
     'aria-posinset'?: number | undefined;
-    'aria-pressed'?: boolean | "false" | "mixed" | "true" | undefined;
+    'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
     'aria-readonly'?: (boolean | "false" | "true") | undefined;
     'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
     'aria-required'?: (boolean | "false" | "true") | undefined;
@@ -101,7 +100,7 @@ declare const GradientText: import("styled-components").IStyledComponent<"web",
     'aria-rowspan'?: number | undefined;
     'aria-selected'?: (boolean | "false" | "true") | undefined;
     'aria-setsize'?: number | undefined;
-    'aria-sort'?: "none" | "other" | "ascending" | "descending" | undefined;
+    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
     'aria-valuemax'?: number | undefined;
     'aria-valuemin'?: number | undefined;
     'aria-valuenow'?: number | undefined;
@@ -273,8 +272,8 @@ declare const GradientText: import("styled-components").IStyledComponent<"web",
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
 } & {
-    typography?: import("styled-system").ResponsiveValue<"s" | "m" | "xxs" | "xs" | "l" | "xl" | "xxl" | "display1" | "display2" | "display3" | "display4" | "xxl/regular" | "xxl/bold" | "xl/regular" | "xl/bold" | "l/regular" | "l/bold" | "m/regular" | "m/bold" | "s/regular" | "s/bold" | "xs/regular" | "xs/bold" | "xxs/regular" | "xxs/bold"> | undefined;
-} & import("../..").SxProp & import("../../utils/styled-system").WordBreakProps & import("../../utils/styled-system").WhiteSpaceProps & import("../../utils/styled-system").TextDecorationProps & import("styled-system").FontSizeProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "s" | "m" | "xxs" | "xs" | "l" | "xl" | "xxl" | "display1" | "display2" | "display3" | "display4"> & import("styled-system").FontWeightProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "bold" | "medium" | "regular"> & import("styled-system").LineHeightProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, 2 | 1> & import("styled-system").TextAlignProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "link" | "icon/neutral" | "scale/violet/0" | "scale/violet/1" | "scale/violet/2" | "scale/violet/3" | "scale/violet/4" | "scale/violet/5" | "scale/violet/6" | "scale/violet/7" | "scale/violet/8" | "scale/violet/9" | "dim" | "link/hovered" | "link/pressed" | "link/neutral" | "link/neutral/hovered" | "link/neutral/pressed" | "link/neutral/bold" | "link/neutral/bold/hovered" | "link/neutral/bold/pressed" | "link/disabled" | "icon/neutral/bold" | "icon/neutral/bolder" | "icon/accent/gray" | "icon/accent/blue" | "icon/accent/blue/bold" | "icon/accent/green" | "icon/accent/yellow" | "icon/accent/red" | "icon/inverse" | "icon/disabled" | "icon/disabled/subtler" | "icon/selected/violet" | "icon/selected" | "icon/primary/subtle" | "icon/primary" | "icon/primary/bold" | "icon/success" | "icon/warning" | "icon/danger" | "border/neutral/subtle" | "border/neutral" | "border/neutral/bolder" | "border/input" | "border/inverse" | "border/selected" | "border/disabled" | "border/primary" | "border/hovered" | "border/focused" | "border/danger" | "border/success" | "bg/secondary" | "bg/secondary/hovered" | "bg/secondary/pressed" | "bg/primary" | "bg/primary/hovered" | "bg/primary/pressed" | "bg/neutral/subtler" | "bg/neutral/subtler/hovered" | "bg/neutral/subtler/pressed" | "bg/neutral/subtle" | "bg/neutral/subtle/hovered" | "bg/neutral/subtle/pressed" | "bg/neutral" | "bg/neutral/hovered" | "bg/neutral/pressed" | "bg/neutral/bold" | "bg/neutral/bold/hovered" | "bg/neutral/bold/pressed" | "bg/neutral/bolder" | "bg/neutral/bolder/hovered" | "bg/neutral/bolder/pressed" | "bg/disabled" | "bg/disabled/subtlest" | "bg/input" | "bg/accent/blue/subtlest" | "bg/accent/green/subtlest" | "bg/accent/yellow/subtlest" | "bg/accent/red/subtlest" | "bg/accent/red/subtle" | "bg/accent/red" | "bg/accent/gray/subtlest" | "bg/selected/violet" | "bg/selected" | "bg/selected/subtle" | "bg/inverse" | "bg/inverse/subtlest" | "bg/success" | "bg/success/bold" | "bg/warning" | "bg/warning/bold" | "bg/danger" | "bg/danger/bold" | "bg/danger/bold/hovered" | "bg/danger/bold/pressed" | "text/primary" | "text/accent/blue" | "text/accent/green" | "text/accent/yellow" | "text/accent/red" | "text/neutral/subtlest" | "text/neutral/subtler" | "text/neutral/subtle" | "text/neutral" | "text/inverse" | "text/inverse/subtle" | "text/inverse/subtler" | "text/disabled" | "text/success" | "text/warning" | "text/danger" | "text/selected">, "ref"> & {
+    typography?: import("styled-system").ResponsiveValue<"m" | "s" | "xxs" | "xs" | "l" | "xl" | "xxl" | "display1" | "display2" | "display3" | "display4" | "xxl/regular" | "xxl/bold" | "xl/regular" | "xl/bold" | "l/regular" | "l/bold" | "m/regular" | "m/bold" | "s/regular" | "s/bold" | "xs/regular" | "xs/bold" | "xxs/regular" | "xxs/bold"> | undefined;
+} & import("../..").SxProp & import("../../utils/styled-system").WordBreakProps & import("../../utils/styled-system").WhiteSpaceProps & import("../../utils/styled-system").TextDecorationProps & import("styled-system").FontSizeProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "m" | "s" | "xxs" | "xs" | "l" | "xl" | "xxl" | "display1" | "display2" | "display3" | "display4"> & import("styled-system").FontWeightProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "medium" | "bold" | "regular"> & import("styled-system").LineHeightProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, 1 | 2> & import("styled-system").TextAlignProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "link" | "icon/neutral" | "scale/violet/0" | "scale/violet/1" | "scale/violet/2" | "scale/violet/3" | "scale/violet/4" | "scale/violet/5" | "scale/violet/6" | "scale/violet/7" | "scale/violet/8" | "scale/violet/9" | "dim" | "link/hovered" | "link/pressed" | "link/neutral" | "link/neutral/hovered" | "link/neutral/pressed" | "link/neutral/bold" | "link/neutral/bold/hovered" | "link/neutral/bold/pressed" | "link/disabled" | "icon/neutral/bold" | "icon/neutral/bolder" | "icon/accent/gray" | "icon/accent/blue" | "icon/accent/blue/bold" | "icon/accent/green" | "icon/accent/yellow" | "icon/accent/red" | "icon/inverse" | "icon/disabled" | "icon/disabled/subtler" | "icon/selected/violet" | "icon/selected" | "icon/primary/subtle" | "icon/primary" | "icon/primary/bold" | "icon/success" | "icon/warning" | "icon/danger" | "border/neutral/subtle" | "border/neutral" | "border/neutral/bolder" | "border/input" | "border/inverse" | "border/selected" | "border/disabled" | "border/primary" | "border/hovered" | "border/focused" | "border/danger" | "border/success" | "bg/secondary" | "bg/secondary/hovered" | "bg/secondary/pressed" | "bg/primary" | "bg/primary/hovered" | "bg/primary/pressed" | "bg/neutral/subtler" | "bg/neutral/subtler/hovered" | "bg/neutral/subtler/pressed" | "bg/neutral/subtle" | "bg/neutral/subtle/hovered" | "bg/neutral/subtle/pressed" | "bg/neutral" | "bg/neutral/hovered" | "bg/neutral/pressed" | "bg/neutral/bold" | "bg/neutral/bold/hovered" | "bg/neutral/bold/pressed" | "bg/neutral/bolder" | "bg/neutral/bolder/hovered" | "bg/neutral/bolder/pressed" | "bg/disabled" | "bg/disabled/subtlest" | "bg/input" | "bg/accent/blue/subtlest" | "bg/accent/green/subtlest" | "bg/accent/yellow/subtlest" | "bg/accent/red/subtlest" | "bg/accent/red/subtle" | "bg/accent/red" | "bg/accent/gray/subtlest" | "bg/selected/violet" | "bg/selected" | "bg/selected/subtle" | "bg/inverse" | "bg/inverse/subtlest" | "bg/success" | "bg/success/bold" | "bg/warning" | "bg/warning/bold" | "bg/danger" | "bg/danger/bold" | "bg/danger/bold/hovered" | "bg/danger/bold/pressed" | "text/primary" | "text/accent/blue" | "text/accent/green" | "text/accent/yellow" | "text/accent/red" | "text/neutral/subtlest" | "text/neutral/subtler" | "text/neutral/subtle" | "text/neutral" | "text/inverse" | "text/inverse/subtle" | "text/inverse/subtler" | "text/disabled" | "text/success" | "text/warning" | "text/danger" | "text/selected">, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
 }, Props>>;
 export default GradientText;

package/dist/core/Grid/index.d.ts

@@ -13,8 +13,8 @@ type GridUnitProps = {
     size: ResponsiveValue<UnitSizeType>;
 } & Pick<ViewProps, 'order' | 'sx'> & AsProp;
 declare const _default: import("react").ForwardRefExoticComponent<{
-    gapX?: ResponsiveValue<0 | 2 | 1 | 3 | 4 | 8 | 16 | 32 | 5 | 6 | 10 | 7 | 12 | 14 | 18 | 20 | 24 | 0.5 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | "-0.25" | 0.25 | 28 | 30 | 40 | 48 | 50 | 80> | undefined;
-    gapY?: ResponsiveValue<0 | 2 | 1 | 3 | 4 | 8 | 16 | 32 | 5 | 6 | 10 | 7 | 12 | 14 | 18 | 20 | 24 | 0.5 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | "-0.25" | 0.25 | 28 | 30 | 40 | 48 | 50 | 80> | undefined;
+    gapX?: ResponsiveValue<0 | 1 | 32 | 2 | 3 | 4 | 5 | 6 | 20 | 16 | 12 | 0.5 | 24 | 0.25 | 8 | 7 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | "-0.25" | 10 | 14 | 18 | 28 | 30 | 40 | 48 | 50 | 80> | undefined;
+    gapY?: ResponsiveValue<0 | 1 | 32 | 2 | 3 | 4 | 5 | 6 | 20 | 16 | 12 | 0.5 | 24 | 0.25 | 8 | 7 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | "-0.25" | 10 | 14 | 18 | 28 | 30 | 40 | 48 | 50 | 80> | undefined;
     wrap?: ResponsiveValue<boolean> | undefined;
 } & Pick<ViewProps, "alignItems" | "justifyContent" | "sx"> & AsProp & {
     children?: import("react").ReactNode;

package/dist/core/IconButton/index.d.ts

@@ -34,7 +34,7 @@ declare const IconButton: import("react").ForwardRefExoticComponent<{
      * 크기를 정의합니다.
      * 반응형 디자인이 적용됩니다.
      */
-    size?: ResponsiveValue<"s" | "m" | "l"> | undefined;
+    size?: ResponsiveValue<"m" | "s" | "l"> | undefined;
     /**
      * 색을 정의합니다.
      * hover, active, focused, disabled, loading 등의 모든 상황에 관여합니다.

package/dist/core/ItemList/index.d.ts

@@ -1,10 +1,10 @@
-import { ReactNode, JSX } from 'react';
+import { ReactNode } from 'react';
 type Props<T> = {
     items: readonly T[];
     renderItem: (item: T, index: number) => ReactNode;
     renderItemWrapper?: (children: ReactNode, item: T, index: number) => ReactNode;
     emptyState?: ReactNode;
 };
-declare const ItemList: <T>({ items, renderItem, renderItemWrapper, emptyState, }: Props<T>) => JSX.Element;
+declare const ItemList: <T>({ items, renderItem, renderItemWrapper, emptyState, }: Props<T>) => import("react/jsx-runtime").JSX.Element;
 export default ItemList;
 export type { Props as ItemListProps };

package/dist/core/MotionView/index.d.ts

@@ -0,0 +1,3 @@
+import { ViewProps } from '../View';
+declare const MotionView: import("framer-motion").CustomDomComponent<ViewProps>;
+export default MotionView;

package/dist/core/Spinner/index.d.ts

@@ -2,159 +2,91 @@ import { SVGProps } from 'react';
 type Props = SVGProps<SVGSVGElement>;
 declare const Spinner: import("styled-components").IStyledComponent<"web", {
     string?: string | number | undefined;
-    filter?: string | undefined;
-    values?: string | undefined;
-    fill?: string | undefined;
-    stroke?: string | undefined;
-    max?: string | number | undefined;
-    type?: string | undefined;
-    accumulate?: "none" | "sum" | undefined;
-    offset?: string | number | undefined;
-    key?: import("react").Key | null | undefined;
-    id?: string | undefined;
-    media?: string | undefined;
-    origin?: string | number | undefined;
-    height?: string | number | undefined;
-    width?: string | number | undefined;
-    end?: string | number | undefined;
-    name?: string | undefined;
-    min?: string | number | undefined;
-    alignmentBaseline?: "auto" | "inherit" | "alphabetic" | "hanging" | "ideographic" | "middle" | "baseline" | "after-edge" | "before-edge" | "central" | "mathematical" | "text-after-edge" | "text-before-edge" | undefined;
-    baselineShift?: string | number | undefined;
-    clip?: string | number | undefined;
+    fontWeight?: string | number | undefined;
     clipPath?: string | undefined;
-    clipRule?: string | number | undefined;
     color?: string | undefined;
-    colorInterpolation?: string | number | undefined;
-    colorInterpolationFilters?: "auto" | "inherit" | "linearRGB" | "sRGB" | undefined;
     cursor?: string | number | undefined;
     direction?: string | number | undefined;
     display?: string | number | undefined;
-    dominantBaseline?: string | number | undefined;
-    fillOpacity?: string | number | undefined;
-    fillRule?: "evenodd" | "nonzero" | "inherit" | undefined;
-    floodColor?: string | number | undefined;
-    floodOpacity?: string | number | undefined;
+    filter?: string | undefined;
     fontFamily?: string | undefined;
     fontSize?: string | number | undefined;
     fontSizeAdjust?: string | number | undefined;
     fontStretch?: string | number | undefined;
     fontStyle?: string | number | undefined;
     fontVariant?: string | number | undefined;
-    fontWeight?: string | number | undefined;
+    height?: string | number | undefined;
     imageRendering?: string | number | undefined;
     letterSpacing?: string | number | undefined;
-    lightingColor?: string | number | undefined;
-    markerEnd?: string | undefined;
-    markerMid?: string | undefined;
-    markerStart?: string | undefined;
-    mask?: string | undefined;
     opacity?: string | number | undefined;
     order?: string | number | undefined;
-    overflow?: string | number | undefined;
     paintOrder?: string | number | undefined;
     pointerEvents?: string | number | undefined;
     rotate?: string | number | undefined;
     scale?: string | number | undefined;
+    textRendering?: string | number | undefined;
+    transform?: string | undefined;
+    unicodeBidi?: string | number | undefined;
+    visibility?: string | number | undefined;
+    width?: string | number | undefined;
+    wordSpacing?: string | number | undefined;
+    writingMode?: string | number | undefined;
+    mask?: string | undefined;
+    offset?: string | number | undefined;
+    overflow?: string | number | undefined;
+    textDecoration?: string | number | undefined;
+    alignmentBaseline?: "inherit" | "auto" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "baseline" | "middle" | "after-edge" | "before-edge" | "central" | "text-after-edge" | "text-before-edge" | undefined;
+    baselineShift?: string | number | undefined;
+    clip?: string | number | undefined;
+    clipRule?: string | number | undefined;
+    colorInterpolation?: string | number | undefined;
+    colorRendering?: string | number | undefined;
+    dominantBaseline?: string | number | undefined;
+    fill?: string | undefined;
+    fillOpacity?: string | number | undefined;
+    fillRule?: "inherit" | "evenodd" | "nonzero" | undefined;
+    floodColor?: string | number | undefined;
+    floodOpacity?: string | number | undefined;
+    glyphOrientationVertical?: string | number | undefined;
+    lightingColor?: string | number | undefined;
+    markerEnd?: string | undefined;
+    markerMid?: string | undefined;
+    markerStart?: string | undefined;
     shapeRendering?: string | number | undefined;
     stopColor?: string | undefined;
     stopOpacity?: string | number | undefined;
+    stroke?: string | undefined;
     strokeDasharray?: string | number | undefined;
     strokeDashoffset?: string | number | undefined;
-    strokeLinecap?: "square" | "butt" | "round" | "inherit" | undefined;
-    strokeLinejoin?: "round" | "bevel" | "miter" | "inherit" | undefined;
+    strokeLinecap?: "inherit" | "round" | "butt" | "square" | undefined;
+    strokeLinejoin?: "inherit" | "round" | "bevel" | "miter" | undefined;
     strokeMiterlimit?: string | number | undefined;
     strokeOpacity?: string | number | undefined;
     strokeWidth?: string | number | undefined;
     textAnchor?: string | undefined;
-    textDecoration?: string | number | undefined;
-    textRendering?: string | number | undefined;
-    transform?: string | undefined;
-    unicodeBidi?: string | number | undefined;
-    visibility?: string | number | undefined;
-    wordSpacing?: string | number | undefined;
-    writingMode?: string | number | undefined;
-    alphabetic?: string | number | undefined;
-    hanging?: string | number | undefined;
-    ideographic?: string | number | undefined;
+    vectorEffect?: string | number | undefined;
+    azimuth?: string | number | undefined;
     style?: import("react").CSSProperties | undefined;
     path?: string | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    className?: string | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    max?: string | number | undefined;
+    media?: string | undefined;
     method?: string | undefined;
+    min?: string | number | undefined;
+    name?: string | undefined;
     target?: string | undefined;
-    lang?: string | undefined;
-    className?: string | undefined;
+    type?: string | undefined;
     role?: import("react").AriaRole | undefined;
-    children?: import("react").ReactNode;
     tabIndex?: number | undefined;
-    orientation?: string | number | undefined;
-    local?: string | number | undefined;
-    unicode?: string | number | undefined;
-    x?: string | number | undefined;
-    y?: string | number | undefined;
-    mathematical?: string | number | undefined;
-    azimuth?: string | number | undefined;
-    colorRendering?: string | number | undefined;
-    glyphOrientationVertical?: string | number | undefined;
-    vectorEffect?: string | number | undefined;
-    additive?: "replace" | "sum" | undefined;
     crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
-    href?: string | undefined;
-    suppressHydrationWarning?: boolean | undefined;
-    'aria-activedescendant'?: string | undefined;
-    'aria-atomic'?: (boolean | "false" | "true") | undefined;
-    'aria-autocomplete'?: "inline" | "both" | "none" | "list" | undefined;
-    'aria-braillelabel'?: string | undefined;
-    'aria-brailleroledescription'?: string | undefined;
-    'aria-busy'?: (boolean | "false" | "true") | undefined;
-    'aria-checked'?: boolean | "false" | "mixed" | "true" | undefined;
-    'aria-colcount'?: number | undefined;
-    'aria-colindex'?: number | undefined;
-    'aria-colindextext'?: string | undefined;
-    'aria-colspan'?: number | undefined;
-    'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "false" | "time" | "location" | "page" | "true" | "step" | "date" | undefined;
-    'aria-describedby'?: string | undefined;
-    'aria-description'?: string | undefined;
-    'aria-details'?: string | undefined;
-    'aria-disabled'?: (boolean | "false" | "true") | undefined;
-    'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
-    'aria-errormessage'?: string | undefined;
-    'aria-expanded'?: (boolean | "false" | "true") | undefined;
-    'aria-flowto'?: string | undefined;
-    'aria-grabbed'?: (boolean | "false" | "true") | undefined;
-    'aria-haspopup'?: boolean | "false" | "grid" | "dialog" | "menu" | "listbox" | "true" | "tree" | undefined;
-    'aria-hidden'?: (boolean | "false" | "true") | undefined;
-    'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
-    'aria-keyshortcuts'?: string | undefined;
-    'aria-label'?: string | undefined;
-    'aria-labelledby'?: string | undefined;
-    'aria-level'?: number | undefined;
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    'aria-modal'?: (boolean | "false" | "true") | undefined;
-    'aria-multiline'?: (boolean | "false" | "true") | undefined;
-    'aria-multiselectable'?: (boolean | "false" | "true") | undefined;
-    'aria-orientation'?: "horizontal" | "vertical" | undefined;
-    'aria-owns'?: string | undefined;
-    'aria-placeholder'?: string | undefined;
-    'aria-posinset'?: number | undefined;
-    'aria-pressed'?: boolean | "false" | "mixed" | "true" | undefined;
-    'aria-readonly'?: (boolean | "false" | "true") | undefined;
-    'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-    'aria-required'?: (boolean | "false" | "true") | undefined;
-    'aria-roledescription'?: string | undefined;
-    'aria-rowcount'?: number | undefined;
-    'aria-rowindex'?: number | undefined;
-    'aria-rowindextext'?: string | undefined;
-    'aria-rowspan'?: number | undefined;
-    'aria-selected'?: (boolean | "false" | "true") | undefined;
-    'aria-setsize'?: number | undefined;
-    'aria-sort'?: "none" | "other" | "ascending" | "descending" | undefined;
-    'aria-valuemax'?: number | undefined;
-    'aria-valuemin'?: number | undefined;
-    'aria-valuenow'?: number | undefined;
-    'aria-valuetext'?: string | undefined;
     accentHeight?: string | number | undefined;
+    accumulate?: "none" | "sum" | undefined;
+    additive?: "replace" | "sum" | undefined;
     allowReorder?: "yes" | "no" | undefined;
+    alphabetic?: string | number | undefined;
     amplitude?: string | number | undefined;
     arabicForm?: "initial" | "medial" | "terminal" | "isolated" | undefined;
     ascent?: string | number | undefined;
@@ -170,6 +102,7 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
     calcMode?: string | number | undefined;
     capHeight?: string | number | undefined;
     clipPathUnits?: string | number | undefined;
+    colorInterpolationFilters?: "inherit" | "auto" | "linearRGB" | "sRGB" | undefined;
     colorProfile?: string | number | undefined;
     contentScriptType?: string | number | undefined;
     contentStyleType?: string | number | undefined;
@@ -186,6 +119,7 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
     edgeMode?: string | number | undefined;
     elevation?: string | number | undefined;
     enableBackground?: string | number | undefined;
+    end?: string | number | undefined;
     exponent?: string | number | undefined;
     externalResourcesRequired?: (boolean | "false" | "true") | undefined;
     filterRes?: string | number | undefined;
@@ -203,8 +137,11 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
     glyphRef?: string | number | undefined;
     gradientTransform?: string | undefined;
     gradientUnits?: string | undefined;
+    hanging?: string | number | undefined;
     horizAdvX?: string | number | undefined;
     horizOriginX?: string | number | undefined;
+    href?: string | undefined;
+    ideographic?: string | number | undefined;
     in2?: string | number | undefined;
     in?: string | undefined;
     intercept?: string | number | undefined;
@@ -221,15 +158,19 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
     keyTimes?: string | number | undefined;
     lengthAdjust?: string | number | undefined;
     limitingConeAngle?: string | number | undefined;
+    local?: string | number | undefined;
     markerHeight?: string | number | undefined;
     markerUnits?: string | number | undefined;
     markerWidth?: string | number | undefined;
     maskContentUnits?: string | number | undefined;
     maskUnits?: string | number | undefined;
+    mathematical?: string | number | undefined;
     mode?: string | number | undefined;
     numOctaves?: string | number | undefined;
     operator?: string | number | undefined;
     orient?: string | number | undefined;
+    orientation?: string | number | undefined;
+    origin?: string | number | undefined;
     overlinePosition?: string | number | undefined;
     overlineThickness?: string | number | undefined;
     panose1?: string | number | undefined;
@@ -282,9 +223,11 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
     u2?: string | number | undefined;
     underlinePosition?: string | number | undefined;
     underlineThickness?: string | number | undefined;
+    unicode?: string | number | undefined;
     unicodeRange?: string | number | undefined;
     unitsPerEm?: string | number | undefined;
     vAlphabetic?: string | number | undefined;
+    values?: string | undefined;
     version?: string | undefined;
     vertAdvY?: string | number | undefined;
     vertOriginX?: string | number | undefined;
@@ -297,6 +240,7 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
     widths?: string | number | undefined;
     x1?: string | number | undefined;
     x2?: string | number | undefined;
+    x?: string | number | undefined;
     xChannelSelector?: string | undefined;
     xHeight?: string | number | undefined;
     xlinkActuate?: string | undefined;
@@ -313,9 +257,64 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
     xmlSpace?: string | undefined;
     y1?: string | number | undefined;
     y2?: string | number | undefined;
+    y?: string | number | undefined;
     yChannelSelector?: string | undefined;
     z?: string | number | undefined;
     zoomAndPan?: string | undefined;
+    'aria-activedescendant'?: string | undefined;
+    'aria-atomic'?: (boolean | "false" | "true") | undefined;
+    'aria-autocomplete'?: "none" | "inline" | "both" | "list" | undefined;
+    'aria-braillelabel'?: string | undefined;
+    'aria-brailleroledescription'?: string | undefined;
+    'aria-busy'?: (boolean | "false" | "true") | undefined;
+    'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
+    'aria-colcount'?: number | undefined;
+    'aria-colindex'?: number | undefined;
+    'aria-colindextext'?: string | undefined;
+    'aria-colspan'?: number | undefined;
+    'aria-controls'?: string | undefined;
+    'aria-current'?: boolean | "page" | "time" | "false" | "true" | "step" | "location" | "date" | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-description'?: string | undefined;
+    'aria-details'?: string | undefined;
+    'aria-disabled'?: (boolean | "false" | "true") | undefined;
+    'aria-dropeffect'?: "none" | "link" | "copy" | "move" | "execute" | "popup" | undefined;
+    'aria-errormessage'?: string | undefined;
+    'aria-expanded'?: (boolean | "false" | "true") | undefined;
+    'aria-flowto'?: string | undefined;
+    'aria-grabbed'?: (boolean | "false" | "true") | undefined;
+    'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "listbox" | "false" | "true" | "tree" | undefined;
+    'aria-hidden'?: (boolean | "false" | "true") | undefined;
+    'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    'aria-keyshortcuts'?: string | undefined;
+    'aria-label'?: string | undefined;
+    'aria-labelledby'?: string | undefined;
+    'aria-level'?: number | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    'aria-modal'?: (boolean | "false" | "true") | undefined;
+    'aria-multiline'?: (boolean | "false" | "true") | undefined;
+    'aria-multiselectable'?: (boolean | "false" | "true") | undefined;
+    'aria-orientation'?: "horizontal" | "vertical" | undefined;
+    'aria-owns'?: string | undefined;
+    'aria-placeholder'?: string | undefined;
+    'aria-posinset'?: number | undefined;
+    'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
+    'aria-readonly'?: (boolean | "false" | "true") | undefined;
+    'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    'aria-required'?: (boolean | "false" | "true") | undefined;
+    'aria-roledescription'?: string | undefined;
+    'aria-rowcount'?: number | undefined;
+    'aria-rowindex'?: number | undefined;
+    'aria-rowindextext'?: string | undefined;
+    'aria-rowspan'?: number | undefined;
+    'aria-selected'?: (boolean | "false" | "true") | undefined;
+    'aria-setsize'?: number | undefined;
+    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
+    'aria-valuemax'?: number | undefined;
+    'aria-valuemin'?: number | undefined;
+    'aria-valuenow'?: number | undefined;
+    'aria-valuetext'?: string | undefined;
+    children?: import("react").ReactNode;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined;
@@ -481,6 +480,7 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
     onAnimationIterationCapture?: import("react").AnimationEventHandler<SVGSVGElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<SVGSVGElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<SVGSVGElement> | undefined;
+    key?: import("react").Key | null | undefined;
     ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
 }>;
 export default Spinner;

package/dist/core/Stack/index.d.ts

@@ -8,8 +8,8 @@ type Props = {
     gapY?: ResponsiveValue<SpaceKey>;
 } & Pick<ViewProps, 'alignItems' | 'justifyContent' | 'sx'> & AsProp;
 declare const _default: import("react").ForwardRefExoticComponent<{
-    gapX?: ResponsiveValue<0 | 2 | 1 | 3 | 4 | 8 | 16 | 32 | 5 | 6 | 10 | 7 | 12 | 14 | 18 | 20 | 24 | 0.5 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | "-0.25" | 0.25 | 28 | 30 | 40 | 48 | 50 | 80> | undefined;
-    gapY?: ResponsiveValue<0 | 2 | 1 | 3 | 4 | 8 | 16 | 32 | 5 | 6 | 10 | 7 | 12 | 14 | 18 | 20 | 24 | 0.5 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | "-0.25" | 0.25 | 28 | 30 | 40 | 48 | 50 | 80> | undefined;
+    gapX?: ResponsiveValue<0 | 1 | 32 | 2 | 3 | 4 | 5 | 6 | 20 | 16 | 12 | 0.5 | 24 | 0.25 | 8 | 7 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | "-0.25" | 10 | 14 | 18 | 28 | 30 | 40 | 48 | 50 | 80> | undefined;
+    gapY?: ResponsiveValue<0 | 1 | 32 | 2 | 3 | 4 | 5 | 6 | 20 | 16 | 12 | 0.5 | 24 | 0.25 | 8 | 7 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | "-0.25" | 10 | 14 | 18 | 28 | 30 | 40 | 48 | 50 | 80> | undefined;
 } & Pick<ViewProps, "alignItems" | "justifyContent" | "sx"> & AsProp & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLDivElement>> & {

package/dist/core/TextInput/index.d.ts

@@ -0,0 +1,39 @@
+import { ElementType, HTMLProps, InputHTMLAttributes, ReactNode } from 'react';
+type Props = {
+    /**
+     * TODO asdf
+     */
+    validationStatus?: 'error' | 'success' | undefined;
+    /**
+     * 입력 창 앞에 보여질 시각적 요소를 정의합니다. Icon, Text, Image 등이 될 수 있습니다.
+     */
+    leadingVisual?: ElementType | ReactNode;
+    /**
+     * 입력 창 뒤에 보여질 시각적 요소를 정의합니다. Icon, Text, Image 등이 될 수 있습니다.
+     */
+    trailingVisual?: ElementType | ReactNode;
+    /**
+     * 입력 창 뒤에 사용작용할 요소를 정의합니다.
+     */
+    trailingAction?: React.ReactElement<HTMLProps<HTMLButtonElement>>;
+} & InputHTMLAttributes<HTMLInputElement>;
+declare const TextInput: import("react").ForwardRefExoticComponent<{
+    /**
+     * TODO asdf
+     */
+    validationStatus?: 'error' | 'success' | undefined;
+    /**
+     * 입력 창 앞에 보여질 시각적 요소를 정의합니다. Icon, Text, Image 등이 될 수 있습니다.
+     */
+    leadingVisual?: ElementType | ReactNode;
+    /**
+     * 입력 창 뒤에 보여질 시각적 요소를 정의합니다. Icon, Text, Image 등이 될 수 있습니다.
+     */
+    trailingVisual?: ElementType | ReactNode;
+    /**
+     * 입력 창 뒤에 사용작용할 요소를 정의합니다.
+     */
+    trailingAction?: import("react").ReactElement<HTMLProps<HTMLButtonElement>, string | import("react").JSXElementConstructor<any>> | undefined;
+} & InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
+export default TextInput;
+export type { Props as TextInputProps };

package/dist/core/Textarea/index.d.ts

@@ -0,0 +1,9 @@
+import { TextareaHTMLAttributes } from 'react';
+type Props = {
+    validationStatus?: 'error' | 'success' | undefined;
+} & TextareaHTMLAttributes<HTMLTextAreaElement>;
+declare const Textarea: import("react").ForwardRefExoticComponent<{
+    validationStatus?: 'error' | 'success' | undefined;
+} & TextareaHTMLAttributes<HTMLTextAreaElement> & import("react").RefAttributes<HTMLTextAreaElement>>;
+export default Textarea;
+export type { Props as TextareaProps };

package/dist/hook/useDialogHandler.d.ts

@@ -0,0 +1,6 @@
+declare const useDialogHandler: () => {
+    isOpen: boolean;
+    openDialog: () => void;
+    closeDialog: () => void;
+};
+export default useDialogHandler;