@exem-ui/react 0.1.0-next.bf3c711 → 0.1.0-next.ef0891e

package/dist/flat/segment.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"segment.js"}

package/dist/flat/segment.mjs

@@ -1,4 +0,0 @@
-export { FlatSegment } from '../chunk-34QIGWCT.mjs';
-import '../chunk-Q442ZDTI.mjs';
-//# sourceMappingURL=segment.mjs.map
-//# sourceMappingURL=segment.mjs.map

package/dist/flat/segment.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"segment.mjs"}

package/dist/flat/select.d.mts

@@ -1,58 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentProps } from 'react';
-import { S as Select } from '../Select-DMvWV_rF.mjs';
-import '@radix-ui/react-select';
-
-type FlatSelectOption = {
-    value: string;
-    label: string | React.ReactNode;
-    /** 아이템 오른쪽에 표시할 슬롯 요소 */
-    rightSlot?: React.ReactNode;
-    disabled?: boolean;
-};
-interface FlatSelectProps extends React.ComponentProps<typeof Select> {
-    /** 선택 가능한 옵션 배열 */
-    options: FlatSelectOption[];
-    /** 값이 선택되지 않았을 때 표시할 텍스트 */
-    placeholder?: string;
-    /** 드롭다운 열림/닫힘 상태 변경 핸들러 */
-    onOpenChange?: (open: boolean) => void;
-    /** 포커스 획득 핸들러 */
-    onFocus?: () => void;
-    /** 포커스 해제 핸들러 */
-    onBlur?: () => void;
-    /** 트리거 왼쪽에 표시할 아이콘 */
-    leftIcon?: ComponentProps<typeof Select.Trigger>['leftIcon'];
-    /** 라벨 텍스트 */
-    label?: ComponentProps<typeof Select.Label>['children'];
-    /** 필수 입력 여부 */
-    required?: ComponentProps<typeof Select.Label>['required'];
-    /** 설명 텍스트 */
-    description?: ComponentProps<typeof Select.Description>['children'];
-    /** 드롭다운 리스트 className */
-    listClassName?: string;
-}
-/**
- * Select 컴포넌트의 간소화된 Flat API입니다.
- * options 배열만 전달하면 Compound Component 없이 간편하게 사용할 수 있습니다.
- *
- * @example
- * ```tsx
- * <FlatSelect
- *   options={[
- *     { value: '1', label: '옵션 1' },
- *     { value: '2', label: '옵션 2' },
- *   ]}
- *   placeholder="선택하세요"
- *   label="항목"
- * />
- * ```
- *
- * @see {@link FlatSelectProps} props 상세
- */
-declare function FlatSelect({ options, placeholder, onBlur, onFocus, onOpenChange, label, description, required, listClassName, leftIcon, ...props }: FlatSelectProps): react_jsx_runtime.JSX.Element;
-declare namespace FlatSelect {
-    var displayName: string;
-}
-
-export { FlatSelect, type FlatSelectOption, type FlatSelectProps };

package/dist/flat/select.d.ts

@@ -1,58 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentProps } from 'react';
-import { S as Select } from '../Select-DMvWV_rF.js';
-import '@radix-ui/react-select';
-
-type FlatSelectOption = {
-    value: string;
-    label: string | React.ReactNode;
-    /** 아이템 오른쪽에 표시할 슬롯 요소 */
-    rightSlot?: React.ReactNode;
-    disabled?: boolean;
-};
-interface FlatSelectProps extends React.ComponentProps<typeof Select> {
-    /** 선택 가능한 옵션 배열 */
-    options: FlatSelectOption[];
-    /** 값이 선택되지 않았을 때 표시할 텍스트 */
-    placeholder?: string;
-    /** 드롭다운 열림/닫힘 상태 변경 핸들러 */
-    onOpenChange?: (open: boolean) => void;
-    /** 포커스 획득 핸들러 */
-    onFocus?: () => void;
-    /** 포커스 해제 핸들러 */
-    onBlur?: () => void;
-    /** 트리거 왼쪽에 표시할 아이콘 */
-    leftIcon?: ComponentProps<typeof Select.Trigger>['leftIcon'];
-    /** 라벨 텍스트 */
-    label?: ComponentProps<typeof Select.Label>['children'];
-    /** 필수 입력 여부 */
-    required?: ComponentProps<typeof Select.Label>['required'];
-    /** 설명 텍스트 */
-    description?: ComponentProps<typeof Select.Description>['children'];
-    /** 드롭다운 리스트 className */
-    listClassName?: string;
-}
-/**
- * Select 컴포넌트의 간소화된 Flat API입니다.
- * options 배열만 전달하면 Compound Component 없이 간편하게 사용할 수 있습니다.
- *
- * @example
- * ```tsx
- * <FlatSelect
- *   options={[
- *     { value: '1', label: '옵션 1' },
- *     { value: '2', label: '옵션 2' },
- *   ]}
- *   placeholder="선택하세요"
- *   label="항목"
- * />
- * ```
- *
- * @see {@link FlatSelectProps} props 상세
- */
-declare function FlatSelect({ options, placeholder, onBlur, onFocus, onOpenChange, label, description, required, listClassName, leftIcon, ...props }: FlatSelectProps): react_jsx_runtime.JSX.Element;
-declare namespace FlatSelect {
-    var displayName: string;
-}
-
-export { FlatSelect, type FlatSelectOption, type FlatSelectProps };

package/dist/flat/select.js

@@ -1,14 +0,0 @@
-'use strict';
-
-var chunkFDX4IQK5_js = require('../chunk-FDX4IQK5.js');
-require('../chunk-MQVHREEI.js');
-require('../chunk-5M47B2XJ.js');
-
-
-
-Object.defineProperty(exports, "FlatSelect", {
-  enumerable: true,
-  get: function () { return chunkFDX4IQK5_js.FlatSelect; }
-});
-//# sourceMappingURL=select.js.map
-//# sourceMappingURL=select.js.map

package/dist/flat/select.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"select.js"}

package/dist/flat/select.mjs

@@ -1,5 +0,0 @@
-export { FlatSelect } from '../chunk-DPUTW5KD.mjs';
-import '../chunk-ZWCMSHDP.mjs';
-import '../chunk-LZWKMQJL.mjs';
-//# sourceMappingURL=select.mjs.map
-//# sourceMappingURL=select.mjs.map

package/dist/flat/select.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"select.mjs"}

package/dist/flat/tooltip.d.mts

@@ -1,98 +0,0 @@
-import * as React$1 from 'react';
-import { ComponentProps } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Tooltip } from '../tooltip/index.mjs';
-import 'class-variance-authority/types';
-import '@exem-ui/core/utils';
-import '@radix-ui/react-tooltip';
-
-interface FlatTooltipProps {
-    /** 툴팁을 적용할 자식 요소 */
-    children: React.ReactNode;
-    /** 툴팁 제목 (선택) */
-    title?: React.ReactNode;
-    /** 툴팁 크기 */
-    size: ComponentProps<typeof Tooltip.Content>['size'];
-    /** 툴팁 표시 위치 */
-    side?: ComponentProps<typeof Tooltip.Content>['side'];
-    /** 툴팁 정렬 */
-    align?: ComponentProps<typeof Tooltip.Content>['align'];
-    /** 사이드 방향 오프셋 (px) */
-    sideOffset?: ComponentProps<typeof Tooltip.Content>['sideOffset'];
-    /** 정렬 방향 오프셋 (px) */
-    alignOffset?: ComponentProps<typeof Tooltip.Content>['alignOffset'];
-    /** 툴팁 설명 텍스트 */
-    description: React.ReactNode;
-}
-/**
- * Tooltip 컴포넌트의 간소화된 Flat API입니다.
- * Compound Component 없이 props만으로 간편하게 사용할 수 있습니다.
- *
- * @example
- * ```tsx
- * <FlatTooltip size="small" description="도움말 텍스트">
- *   <button>호버하세요</button>
- * </FlatTooltip>
- *
- * <FlatTooltip size="tiny" title="제목" description="설명">
- *   <span>정보</span>
- * </FlatTooltip>
- * ```
- *
- * @see {@link FlatTooltipProps} props 상세
- */
-declare const FlatTooltip: {
-    ({ children, title, size, description, ...props }: FlatTooltipProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-/** FlatTooltip 설정 객체 타입 (children 제외) */
-type TooltipConfig = Omit<ComponentProps<typeof FlatTooltip>, 'children' | 'size'> & {
-    /**
-     * 툴팁 사용 여부
-     * @default true
-     */
-    use?: boolean;
-    size?: ComponentProps<typeof FlatTooltip>['size'];
-};
-interface ConditionalTooltipProps {
-    /** 툴팁으로 감쌀 자식 요소 */
-    children: React.ReactNode;
-    /**
-     * 툴팁 설정값
-     * - `string`: 기본 tiny 사이즈의 툴팁 description으로 사용
-     * - `object`: FlatTooltip props를 직접 전달 (`use: false`로 비활성화 가능)
-     */
-    tooltip: ComponentProps<typeof FlatTooltip>['description'] | TooltipConfig;
-}
-/**
- * 조건부로 FlatTooltip을 적용하는 래퍼 컴포넌트입니다.
- *
- * @description
- * tooltip prop의 타입에 따라 다르게 동작합니다:
- * - `string`: tiny 사이즈의 기본 툴팁으로 렌더링
- * - `object` (`use !== false`): 전달된 props로 FlatTooltip 렌더링
- * - `object` (`use === false`) 또는 기타: children만 반환 (툴팁 없음)
- *
- * @example
- * ```tsx
- * <ConditionalTooltip tooltip="도움말 텍스트">
- *   <button>버튼</button>
- * </ConditionalTooltip>
- *
- * <ConditionalTooltip tooltip={{ description: "설명", size: "small", side: "top" }}>
- *   <button>버튼</button>
- * </ConditionalTooltip>
- *
- * <ConditionalTooltip tooltip={{ use: false, description: "" }}>
- *   <button>툴팁 없음</button>
- * </ConditionalTooltip>
- * ```
- *
- * @see {@link ConditionalTooltipProps} props 상세
- */
-declare function ConditionalTooltip({ children, tooltip }: ConditionalTooltipProps): string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<React$1.ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<React$1.ReactNode> | null | undefined> | null | undefined;
-declare namespace ConditionalTooltip {
-    var displayName: string;
-}
-
-export { ConditionalTooltip, type ConditionalTooltipProps, FlatTooltip, type FlatTooltipProps, type TooltipConfig };

package/dist/flat/tooltip.d.ts

@@ -1,98 +0,0 @@
-import * as React$1 from 'react';
-import { ComponentProps } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Tooltip } from '../tooltip/index.js';
-import 'class-variance-authority/types';
-import '@exem-ui/core/utils';
-import '@radix-ui/react-tooltip';
-
-interface FlatTooltipProps {
-    /** 툴팁을 적용할 자식 요소 */
-    children: React.ReactNode;
-    /** 툴팁 제목 (선택) */
-    title?: React.ReactNode;
-    /** 툴팁 크기 */
-    size: ComponentProps<typeof Tooltip.Content>['size'];
-    /** 툴팁 표시 위치 */
-    side?: ComponentProps<typeof Tooltip.Content>['side'];
-    /** 툴팁 정렬 */
-    align?: ComponentProps<typeof Tooltip.Content>['align'];
-    /** 사이드 방향 오프셋 (px) */
-    sideOffset?: ComponentProps<typeof Tooltip.Content>['sideOffset'];
-    /** 정렬 방향 오프셋 (px) */
-    alignOffset?: ComponentProps<typeof Tooltip.Content>['alignOffset'];
-    /** 툴팁 설명 텍스트 */
-    description: React.ReactNode;
-}
-/**
- * Tooltip 컴포넌트의 간소화된 Flat API입니다.
- * Compound Component 없이 props만으로 간편하게 사용할 수 있습니다.
- *
- * @example
- * ```tsx
- * <FlatTooltip size="small" description="도움말 텍스트">
- *   <button>호버하세요</button>
- * </FlatTooltip>
- *
- * <FlatTooltip size="tiny" title="제목" description="설명">
- *   <span>정보</span>
- * </FlatTooltip>
- * ```
- *
- * @see {@link FlatTooltipProps} props 상세
- */
-declare const FlatTooltip: {
-    ({ children, title, size, description, ...props }: FlatTooltipProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-/** FlatTooltip 설정 객체 타입 (children 제외) */
-type TooltipConfig = Omit<ComponentProps<typeof FlatTooltip>, 'children' | 'size'> & {
-    /**
-     * 툴팁 사용 여부
-     * @default true
-     */
-    use?: boolean;
-    size?: ComponentProps<typeof FlatTooltip>['size'];
-};
-interface ConditionalTooltipProps {
-    /** 툴팁으로 감쌀 자식 요소 */
-    children: React.ReactNode;
-    /**
-     * 툴팁 설정값
-     * - `string`: 기본 tiny 사이즈의 툴팁 description으로 사용
-     * - `object`: FlatTooltip props를 직접 전달 (`use: false`로 비활성화 가능)
-     */
-    tooltip: ComponentProps<typeof FlatTooltip>['description'] | TooltipConfig;
-}
-/**
- * 조건부로 FlatTooltip을 적용하는 래퍼 컴포넌트입니다.
- *
- * @description
- * tooltip prop의 타입에 따라 다르게 동작합니다:
- * - `string`: tiny 사이즈의 기본 툴팁으로 렌더링
- * - `object` (`use !== false`): 전달된 props로 FlatTooltip 렌더링
- * - `object` (`use === false`) 또는 기타: children만 반환 (툴팁 없음)
- *
- * @example
- * ```tsx
- * <ConditionalTooltip tooltip="도움말 텍스트">
- *   <button>버튼</button>
- * </ConditionalTooltip>
- *
- * <ConditionalTooltip tooltip={{ description: "설명", size: "small", side: "top" }}>
- *   <button>버튼</button>
- * </ConditionalTooltip>
- *
- * <ConditionalTooltip tooltip={{ use: false, description: "" }}>
- *   <button>툴팁 없음</button>
- * </ConditionalTooltip>
- * ```
- *
- * @see {@link ConditionalTooltipProps} props 상세
- */
-declare function ConditionalTooltip({ children, tooltip }: ConditionalTooltipProps): string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<React$1.ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<React$1.ReactNode> | null | undefined> | null | undefined;
-declare namespace ConditionalTooltip {
-    var displayName: string;
-}
-
-export { ConditionalTooltip, type ConditionalTooltipProps, FlatTooltip, type FlatTooltipProps, type TooltipConfig };

package/dist/flat/tooltip.js

@@ -1,17 +0,0 @@
-'use strict';
-
-var chunk3FPMWAQT_js = require('../chunk-3FPMWAQT.js');
-require('../chunk-T7U2QRLC.js');
-
-
-
-Object.defineProperty(exports, "ConditionalTooltip", {
-  enumerable: true,
-  get: function () { return chunk3FPMWAQT_js.ConditionalTooltip; }
-});
-Object.defineProperty(exports, "FlatTooltip", {
-  enumerable: true,
-  get: function () { return chunk3FPMWAQT_js.FlatTooltip; }
-});
-//# sourceMappingURL=tooltip.js.map
-//# sourceMappingURL=tooltip.js.map

package/dist/flat/tooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"tooltip.js"}

package/dist/flat/tooltip.mjs

@@ -1,4 +0,0 @@
-export { ConditionalTooltip, FlatTooltip } from '../chunk-5WGNZX7Z.mjs';
-import '../chunk-YVFLRPFV.mjs';
-//# sourceMappingURL=tooltip.mjs.map
-//# sourceMappingURL=tooltip.mjs.map

package/dist/flat/tooltip.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"tooltip.mjs"}

package/dist/index-CXip5Wb1.d.mts

@@ -1,62 +0,0 @@
-import './Button-CMenVfb7.mjs';
-import React__default, { ComponentProps } from 'react';
-import { ConditionalTooltip } from './flat/tooltip.mjs';
-
-type ButtonGroupSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
-interface ButtonGroupItem {
-    id: string;
-    label?: string;
-    icon?: React__default.ReactElement<{
-        className?: string;
-    }>;
-    /** 툴팁 설정 (문자열 또는 FlatTooltip 설정 객체) */
-    tooltip?: ComponentProps<typeof ConditionalTooltip>['tooltip'];
-    onClick?: () => void;
-}
-interface ButtonGroupProps {
-    /** 버튼 그룹 스타일 변형 */
-    variant?: 'contained' | 'outlined';
-    /** 아이콘만 표시 */
-    iconOnly?: boolean;
-    /** 배경색 표시 여부 (뒷 레이어가 보이지 않아야 할 때) */
-    hasBackground?: boolean;
-    /** 버튼 크기 */
-    size?: ButtonGroupSize;
-    /** 버튼 항목 목록 */
-    items: ButtonGroupItem[];
-    /** 커스텀 className */
-    className?: string;
-}
-type ButtonGroupComponent = React__default.ForwardRefExoticComponent<ButtonGroupProps & React__default.RefAttributes<HTMLDivElement>>;
-declare const ButtonGroup: ButtonGroupComponent;
-
-type IconButtonVariant = 'contained' | 'outlined' | 'invisible';
-type IconButtonColorVariantCombination = {
-    color?: 'primary';
-    variant?: 'contained' | 'outlined' | 'invisible';
-} | {
-    color?: 'accent';
-    variant?: 'contained' | 'outlined' | 'invisible';
-} | {
-    color?: 'critical';
-    variant?: 'contained' | 'outlined' | 'invisible';
-} | {
-    color?: 'assistive';
-    variant?: 'contained';
-} | {
-    color?: 'inverse';
-    variant?: 'contained';
-};
-type IconButtonProps = Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, 'children'> & IconButtonColorVariantCombination & {
-    icon: React__default.ReactElement<{
-        className?: string;
-    }>;
-    variant?: IconButtonVariant;
-    size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
-    /** 툴팁 설정 (문자열 또는 FlatTooltip 설정 객체) */
-    tooltip?: ComponentProps<typeof ConditionalTooltip>['tooltip'];
-};
-type IconButtonComponent = React__default.ForwardRefExoticComponent<IconButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
-declare const IconButton: IconButtonComponent;
-
-export { ButtonGroup as B, IconButton as I, type ButtonGroupComponent as a, type ButtonGroupItem as b, type ButtonGroupProps as c, type IconButtonComponent as d, type IconButtonProps as e };

package/dist/index-Drz3P-6Y.d.ts

@@ -1,62 +0,0 @@
-import './Button-CMenVfb7.js';
-import React__default, { ComponentProps } from 'react';
-import { ConditionalTooltip } from './flat/tooltip.js';
-
-type ButtonGroupSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
-interface ButtonGroupItem {
-    id: string;
-    label?: string;
-    icon?: React__default.ReactElement<{
-        className?: string;
-    }>;
-    /** 툴팁 설정 (문자열 또는 FlatTooltip 설정 객체) */
-    tooltip?: ComponentProps<typeof ConditionalTooltip>['tooltip'];
-    onClick?: () => void;
-}
-interface ButtonGroupProps {
-    /** 버튼 그룹 스타일 변형 */
-    variant?: 'contained' | 'outlined';
-    /** 아이콘만 표시 */
-    iconOnly?: boolean;
-    /** 배경색 표시 여부 (뒷 레이어가 보이지 않아야 할 때) */
-    hasBackground?: boolean;
-    /** 버튼 크기 */
-    size?: ButtonGroupSize;
-    /** 버튼 항목 목록 */
-    items: ButtonGroupItem[];
-    /** 커스텀 className */
-    className?: string;
-}
-type ButtonGroupComponent = React__default.ForwardRefExoticComponent<ButtonGroupProps & React__default.RefAttributes<HTMLDivElement>>;
-declare const ButtonGroup: ButtonGroupComponent;
-
-type IconButtonVariant = 'contained' | 'outlined' | 'invisible';
-type IconButtonColorVariantCombination = {
-    color?: 'primary';
-    variant?: 'contained' | 'outlined' | 'invisible';
-} | {
-    color?: 'accent';
-    variant?: 'contained' | 'outlined' | 'invisible';
-} | {
-    color?: 'critical';
-    variant?: 'contained' | 'outlined' | 'invisible';
-} | {
-    color?: 'assistive';
-    variant?: 'contained';
-} | {
-    color?: 'inverse';
-    variant?: 'contained';
-};
-type IconButtonProps = Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, 'children'> & IconButtonColorVariantCombination & {
-    icon: React__default.ReactElement<{
-        className?: string;
-    }>;
-    variant?: IconButtonVariant;
-    size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
-    /** 툴팁 설정 (문자열 또는 FlatTooltip 설정 객체) */
-    tooltip?: ComponentProps<typeof ConditionalTooltip>['tooltip'];
-};
-type IconButtonComponent = React__default.ForwardRefExoticComponent<IconButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
-declare const IconButton: IconButtonComponent;
-
-export { ButtonGroup as B, IconButton as I, type ButtonGroupComponent as a, type ButtonGroupItem as b, type ButtonGroupProps as c, type IconButtonComponent as d, type IconButtonProps as e };

package/dist/input/index.d.mts

@@ -1,82 +0,0 @@
-import { V as Variant, k as Size, I as Icon } from '../Select-DMvWV_rF.mjs';
-export { S as Select, a as SelectBoxProps, b as SelectComponent, c as SelectDescriptionProps, d as SelectEmptyProps, e as SelectGroupProps, f as SelectItemProps, g as SelectLabelProps, h as SelectListProps, i as SelectRootProps, j as SelectTriggerProps } from '../Select-DMvWV_rF.mjs';
-import * as React from 'react';
-import React__default from 'react';
-import '@radix-ui/react-select';
-
-type TextAreaLabelProps = {
-    children: React.ReactNode;
-    required?: boolean;
-    className?: string;
-};
-type TextAreaFieldProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size' | 'disabled' | 'id' | 'value' | 'onChange' | 'maxLength'>;
-type TextAreaDescriptionProps = {
-    children?: React.ReactNode;
-    showCounter?: boolean;
-    className?: string;
-};
-type TextAreaRootProps = {
-    children?: React.ReactNode;
-    /**
-     * 입력 필드 스타일 유형
-     * @default 'fill'
-     */
-    variant?: Variant;
-    size?: Size;
-    error?: boolean;
-    disabled?: boolean;
-    /**
-     * TextArea의 기본값. Context를 통해 하위 컴포넌트로 전달됩니다.
-     * TextArea.Field에서 value prop이 전달되면 Field의 value가 우선 적용됩니다.
-     *
-     * 사용 패턴:
-     * - 통합 관리: <TextArea value={state}> - Context로 모든 Field에 적용
-     * - 개별 제어: <TextArea.Field value={localState}> - 특정 Field만 개별 제어
-     */
-    value?: string;
-    maxLength?: number;
-    className?: string;
-} & Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size' | 'disabled' | 'id' | 'className'>;
-type TextAreaComponent = React.ForwardRefExoticComponent<TextAreaRootProps & React.RefAttributes<HTMLDivElement>> & {
-    Label: React.ForwardRefExoticComponent<TextAreaLabelProps & React.RefAttributes<HTMLLabelElement>>;
-    Field: React.ForwardRefExoticComponent<TextAreaFieldProps & React.RefAttributes<HTMLTextAreaElement>>;
-    Description: React.ForwardRefExoticComponent<TextAreaDescriptionProps & React.RefAttributes<HTMLDivElement>>;
-};
-declare const TextArea: TextAreaComponent;
-
-type TextFieldRootProps = {
-    children?: React__default.ReactNode;
-    /**
-     * 입력 필드 스타일 유형
-     * @default 'fill'
-     */
-    variant?: Variant;
-    size?: Size;
-    error?: boolean;
-    disabled?: boolean;
-    className?: string;
-    value?: string;
-    onChange?: React__default.ChangeEventHandler<HTMLInputElement>;
-} & Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'size' | 'disabled' | 'className' | 'value' | 'onChange'>;
-type TextFieldLabelProps = {
-    children: React__default.ReactNode;
-    required?: boolean;
-    className?: string;
-};
-type TextFieldInputProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'size' | 'disabled' | 'id' | 'value' | 'onChange'> & {
-    leftIcon?: Icon;
-    rightIcon?: Icon;
-    subText?: string;
-};
-type TextFieldDescriptionProps = {
-    children: React__default.ReactNode;
-    className?: string;
-};
-type TextFieldComponent = React__default.ForwardRefExoticComponent<TextFieldRootProps & React__default.RefAttributes<HTMLDivElement>> & {
-    Label: React__default.ForwardRefExoticComponent<TextFieldLabelProps & React__default.RefAttributes<HTMLLabelElement>>;
-    Input: React__default.ForwardRefExoticComponent<TextFieldInputProps & React__default.RefAttributes<HTMLInputElement>>;
-    Description: React__default.ForwardRefExoticComponent<TextFieldDescriptionProps & React__default.RefAttributes<HTMLParagraphElement>>;
-};
-declare const TextField: TextFieldComponent;
-
-export { TextArea, type TextAreaComponent, type TextAreaDescriptionProps, type TextAreaFieldProps, type TextAreaLabelProps, type TextAreaRootProps, TextField, type TextFieldComponent, type TextFieldDescriptionProps, type TextFieldInputProps, type TextFieldLabelProps, type TextFieldRootProps };