@reco-inc/upbox-ui 0.1.1

package/dist/components/panel/Panel.stories.d.ts

@@ -0,0 +1,59 @@
+import { StoryObj } from '@storybook/vue3-vite';
+declare const meta: {
+    title: string;
+    component: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('.').PanelProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+            size: "small" | "medium" | "large";
+            variant: "base" | "primary" | "negative" | "warning" | "informative" | "positive";
+            icon: boolean;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('.').PanelProps> & Readonly<{}>, {}, {}, {}, {}, {
+            size: "small" | "medium" | "large";
+            variant: "base" | "primary" | "negative" | "warning" | "informative" | "positive";
+            icon: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('.').PanelProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+        size: "small" | "medium" | "large";
+        variant: "base" | "primary" | "negative" | "warning" | "informative" | "positive";
+        icon: boolean;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            icon?(_: {}): any;
+            default?(_: {}): any;
+        };
+    });
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: "select";
+            options: string[];
+        };
+        size: {
+            control: "select";
+            options: string[];
+        };
+        icon: {
+            control: "boolean";
+        };
+        iconSrc: {
+            control: "text";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Variants: Story;
+export declare const Sizes: Story;
+export declare const WithBody: Story;
+export declare const WithoutIcon: Story;
+export declare const CustomIcon: Story;

package/dist/components/panel/PanelIcon.d.ts

@@ -0,0 +1,7 @@
+export interface PanelIconProps {
+    /** 앱 Icon src와 같은 경로. 없으면 variant 기본 글리프 */
+    src?: string;
+    class?: string;
+}
+declare const _default: import('vue').DefineComponent<PanelIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PanelIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+export default _default;

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

@@ -0,0 +1,17 @@
+export { default as Panel } from './Panel';
+export { default as PanelIcon } from './PanelIcon';
+export type { PanelIconProps } from './PanelIcon';
+export { PANEL_CONTEXT_KEY } from './panelContext';
+export type { PanelContext } from './panelContext';
+export { panelVariants, panelIconVariants, panelTextVariants, } from './panelVariants';
+export type { PanelVariants } from './panelVariants';
+export interface PanelProps {
+    /** 상태 색상. base·primary는 시안 보강 전 앱 토큰 임시값 */
+    variant?: "base" | "primary" | "negative" | "warning" | "informative" | "positive";
+    size?: "small" | "medium" | "large";
+    /** 기본 PanelIcon. false 면 숨김 */
+    icon?: boolean;
+    /** 글리프만 교체. 크기·색은 variant/size. 앱 Icon src와 같은 경로 */
+    iconSrc?: string;
+    class?: string;
+}

package/dist/components/panel/panelContext.d.ts

@@ -0,0 +1,8 @@
+import { ComputedRef, InjectionKey } from 'vue';
+export type PanelContextVariant = "base" | "primary" | "negative" | "warning" | "informative" | "positive";
+export type PanelContextSize = "small" | "medium" | "large";
+export interface PanelContext {
+    variant: ComputedRef<PanelContextVariant>;
+    size: ComputedRef<PanelContextSize>;
+}
+export declare const PANEL_CONTEXT_KEY: InjectionKey<PanelContext>;

package/dist/components/panel/panelVariants.d.ts

@@ -0,0 +1,13 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const panelVariants: (props?: ({
+    variant?: "base" | "negative" | "positive" | "informative" | "warning" | "primary" | null | undefined;
+    size?: "small" | "large" | "medium" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const panelIconVariants: (props?: ({
+    variant?: "base" | "negative" | "positive" | "informative" | "warning" | "primary" | null | undefined;
+    size?: "small" | "large" | "medium" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const panelTextVariants: (props?: ({
+    size?: "small" | "large" | "medium" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type PanelVariants = VariantProps<typeof panelVariants>;

package/dist/components/popover/Popover.d.ts

@@ -0,0 +1,22 @@
+import { PopoverRootProps } from 'reka-ui';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<PopoverRootProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<PopoverRootProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/popover/Popover.stories.d.ts

@@ -0,0 +1,38 @@
+import { StoryObj } from '@storybook/vue3-vite';
+declare const meta: {
+    title: string;
+    component: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').PopoverRootProps> & Readonly<{
+            "onUpdate:open"?: ((value: boolean) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:open": (value: boolean) => any;
+        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('reka-ui').PopoverRootProps> & Readonly<{
+            "onUpdate:open"?: ((value: boolean) => any) | undefined;
+        }>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').PopoverRootProps> & Readonly<{
+        "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:open": (value: boolean) => any;
+    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    });
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Alignments: Story;
+export declare const Sides: Story;
+export declare const WithForm: Story;

package/dist/components/popover/PopoverContent.d.ts

@@ -0,0 +1,39 @@
+import { PopoverContentProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = PopoverContentProps & {
+    class?: HTMLAttributes["class"];
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    escapeKeyDown: (event: KeyboardEvent) => any;
+    pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
+    focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
+    interactOutside: (event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any;
+    openAutoFocus: (event: Event) => any;
+    closeAutoFocus: (event: Event) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
+    onOpenAutoFocus?: ((event: Event) => any) | undefined;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
+}>, {
+    sideOffset: number;
+    align: "end" | "start" | "center";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/popover/PopoverTrigger.d.ts

@@ -0,0 +1,18 @@
+import { PopoverTriggerProps } from 'reka-ui';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<PopoverTriggerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PopoverTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,5 @@
+export { default as Popover } from './Popover';
+export { default as PopoverContent } from './PopoverContent';
+export { default as PopoverTrigger } from './PopoverTrigger';
+export { PopoverAnchor } from 'reka-ui';
+export { PopoverArrow } from 'reka-ui';

package/dist/components/radio-group/RadioGroup.d.ts

@@ -0,0 +1,26 @@
+import { RadioGroupRootProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = RadioGroupRootProps & {
+    class?: HTMLAttributes["class"];
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (payload: import('reka-ui').AcceptableValue) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((payload: import('reka-ui').AcceptableValue) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/radio-group/RadioGroup.stories.d.ts

@@ -0,0 +1,48 @@
+import { StoryObj } from '@storybook/vue3-vite';
+declare const meta: {
+    title: string;
+    component: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').RadioGroupRootProps & {
+            class?: import('vue').HTMLAttributes["class"];
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((payload: import('reka-ui').AcceptableValue) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (payload: import('reka-ui').AcceptableValue) => any;
+        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('reka-ui').RadioGroupRootProps & {
+            class?: import('vue').HTMLAttributes["class"];
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((payload: import('reka-ui').AcceptableValue) => any) | undefined;
+        }>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').RadioGroupRootProps & {
+        class?: import('vue').HTMLAttributes["class"];
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((payload: import('reka-ui').AcceptableValue) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (payload: import('reka-ui').AcceptableValue) => any;
+    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    });
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Error: Story;
+export declare const Sizes: Story;
+/**
+ * Figma `Radio_parts`(12266:12938) 3(크기)×6(활성·비활성·읽기전용 × 미선택/선택) 격자.
+ * 셀마다 `RadioGroup` 1개·옵션 `on` 1개로 격리된 상태를 표시합니다.
+ */
+export declare const FigmaComponentSet: Story;

package/dist/components/radio-group/RadioGroupField.d.ts

@@ -0,0 +1,28 @@
+import { HTMLAttributes } from 'vue';
+import { SelectOption } from '../../lib/options';
+/** reka RadioGroup 은 string value 기반 → 내부에서 String 매핑, emit 시 원본 타입 복원 */
+type RadioValue = string | number;
+type __VLS_Props = {
+    modelValue?: RadioValue | null;
+    options: SelectOption<RadioValue>[];
+    /** 배치 방향 (default: vertical) */
+    orientation?: "horizontal" | "vertical";
+    size?: "small" | "regular" | "large";
+    /** 미지정 시 RadioGroupItem 이 Form 에러 컨텍스트로 fallback */
+    error?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    name?: string;
+    class?: HTMLAttributes["class"];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: RadioValue) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: RadioValue) => any) | undefined;
+}>, {
+    disabled: boolean;
+    orientation: "horizontal" | "vertical";
+    size: "small" | "regular" | "large";
+    readOnly: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/radio-group/RadioGroupField.stories.d.ts

@@ -0,0 +1,31 @@
+import { StoryObj } from '@storybook/vue3-vite';
+declare const meta: {
+    title: string;
+    component: any;
+    tags: string[];
+    argTypes: {
+        orientation: {
+            control: "inline-radio";
+            options: string[];
+        };
+        size: {
+            control: "select";
+            options: string[];
+        };
+        error: {
+            control: "boolean";
+        };
+        disabled: {
+            control: "boolean";
+        };
+        readOnly: {
+            control: "boolean";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Horizontal: Story;
+export declare const NumberValues: Story;
+export declare const Sizes: Story;

package/dist/components/radio-group/RadioGroupItem.d.ts

@@ -0,0 +1,12 @@
+import { RadioGroupItemProps } from 'reka-ui';
+interface Props extends RadioGroupItemProps {
+    class?: string;
+    size?: "small" | "regular" | "large";
+    error?: boolean;
+    readOnly?: boolean;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    size: "small" | "regular" | "large";
+    readOnly: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+export default _default;

package/dist/components/radio-group/index.d.ts

@@ -0,0 +1,9 @@
+export { default as RadioGroup } from './RadioGroup';
+export { default as RadioGroupField } from './RadioGroupField';
+export { default as RadioGroupItem } from './RadioGroupItem';
+export interface RadioGroupItemProps {
+    size?: "small" | "regular" | "large";
+    error?: boolean;
+    readOnly?: boolean;
+    class?: string;
+}

package/dist/components/search-field/SearchField.d.ts

@@ -0,0 +1,33 @@
+import { SearchFieldProps } from './index';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        filter?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<SearchFieldProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    clear: () => any;
+    "update:modelValue": (value: string) => any;
+    submit: (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<SearchFieldProps> & Readonly<{
+    onClear?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onSubmit?: ((value: string) => any) | undefined;
+}>, {
+    disabled: boolean;
+    size: "small" | "regular" | "large";
+    error: boolean;
+    variant: "basic" | "filter";
+    readonly: boolean;
+    clearable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/search-field/SearchField.stories.d.ts

@@ -0,0 +1,94 @@
+import { StoryObj } from '@storybook/vue3-vite';
+declare const meta: {
+    title: string;
+    component: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('.').SearchFieldProps> & Readonly<{
+            onClear?: (() => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            onSubmit?: ((value: string) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            clear: () => any;
+            "update:modelValue": (value: string) => any;
+            submit: (value: string) => any;
+        }, import('vue').PublicProps, {
+            disabled: boolean;
+            size: "small" | "regular" | "large";
+            error: boolean;
+            variant: "basic" | "filter";
+            readonly: boolean;
+            clearable: boolean;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('.').SearchFieldProps> & Readonly<{
+            onClear?: (() => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            onSubmit?: ((value: string) => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            disabled: boolean;
+            size: "small" | "regular" | "large";
+            error: boolean;
+            variant: "basic" | "filter";
+            readonly: boolean;
+            clearable: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('.').SearchFieldProps> & Readonly<{
+        onClear?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        onSubmit?: ((value: string) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        clear: () => any;
+        "update:modelValue": (value: string) => any;
+        submit: (value: string) => any;
+    }, string, {
+        disabled: boolean;
+        size: "small" | "regular" | "large";
+        error: boolean;
+        variant: "basic" | "filter";
+        readonly: boolean;
+        clearable: boolean;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            filter?(_: {}): any;
+        };
+    });
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: "select";
+            options: string[];
+        };
+        size: {
+            control: "select";
+            options: string[];
+        };
+        error: {
+            control: "boolean";
+        };
+        disabled: {
+            control: "boolean";
+        };
+        readonly: {
+            control: "boolean";
+        };
+        clearable: {
+            control: "boolean";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Variants: Story;
+export declare const Sizes: Story;
+export declare const States: Story;
+export declare const ClearableDemo: Story;
+export declare const FilterVariantDemo: Story;
+export declare const Matrix: Story;

package/dist/components/search-field/index.d.ts

@@ -0,0 +1,17 @@
+export { default as SearchField } from './SearchField';
+export interface SearchFieldProps {
+    modelValue?: string;
+    defaultValue?: string;
+    variant?: "basic" | "filter";
+    size?: "small" | "regular" | "large";
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    error?: boolean;
+    /** clear 버튼 표시 여부 (default: true) */
+    clearable?: boolean;
+    class?: string;
+    name?: string;
+    id?: string;
+    autofocus?: boolean;
+}

package/dist/components/select/Select.d.ts

@@ -0,0 +1,33 @@
+import { AcceptableValue, SelectRootProps } from 'reka-ui';
+type __VLS_Props = SelectRootProps & {
+    /**
+     * 선택한 항목을 지울 수 있음.
+     * true 이면 SelectTrigger 에 X 버튼이 표시된다.
+     */
+    clearable?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: AcceptableValue) => any;
+    "update:open": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: AcceptableValue) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    clearable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/select/Select.stories.d.ts

@@ -0,0 +1,54 @@
+import { StoryObj } from '@storybook/vue3-vite';
+declare const meta: {
+    title: string;
+    component: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').SelectRootProps<import('reka-ui').AcceptableValue> & {
+            clearable?: boolean;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((value: import('reka-ui').AcceptableValue) => any) | undefined;
+            "onUpdate:open"?: ((value: boolean) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (value: import('reka-ui').AcceptableValue) => any;
+            "update:open": (value: boolean) => any;
+        }, import('vue').PublicProps, {
+            clearable: boolean;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('reka-ui').SelectRootProps<import('reka-ui').AcceptableValue> & {
+            clearable?: boolean;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((value: import('reka-ui').AcceptableValue) => any) | undefined;
+            "onUpdate:open"?: ((value: boolean) => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            clearable: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').SelectRootProps<import('reka-ui').AcceptableValue> & {
+        clearable?: boolean;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: import('reka-ui').AcceptableValue) => any) | undefined;
+        "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: import('reka-ui').AcceptableValue) => any;
+        "update:open": (value: boolean) => any;
+    }, string, {
+        clearable: boolean;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    });
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Clearable: Story;
+export declare const WithGroups: Story;

package/dist/components/select/SelectClearIcon.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+export default _default;