@reco-inc/upbox-ui 0.1.1

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

@@ -0,0 +1,6 @@
+export { default as TextField } from './TextField';
+export { default as TextFieldCount } from './TextFieldCount';
+export { default as TextFieldUnit } from './TextFieldUnit';
+export { TEXT_FIELD_TRAILING_CONTEXT_KEY } from './textFieldContext';
+export type { TextFieldTrailingContext } from './textFieldContext';
+export type { TextFieldProps } from './TextField';

package/dist/components/text-field/textFieldContext.d.ts

@@ -0,0 +1,8 @@
+import { ComputedRef, InjectionKey } from 'vue';
+/** `TextField` 내부 `TextFieldCount`·`TextFieldUnit` 등이 값·제한을 맞출 때 사용 */
+export interface TextFieldTrailingContext {
+    currentCount: ComputedRef<number>;
+    maxLength: ComputedRef<number | undefined>;
+    byteMode: ComputedRef<boolean>;
+}
+export declare const TEXT_FIELD_TRAILING_CONTEXT_KEY: InjectionKey<TextFieldTrailingContext>;

package/dist/components/textarea/Textarea.d.ts

@@ -0,0 +1,59 @@
+import { HTMLAttributes } from 'vue';
+import { InputFrameDesignProps } from '../input-frame';
+export interface TextareaProps extends InputFrameDesignProps {
+    modelValue?: string | number;
+    defaultValue?: string | number;
+    class?: HTMLAttributes["class"];
+    placeholder?: string;
+    /** 카운터(우하단 `현재/최대`) 표시 */
+    counter?: boolean;
+    /** 카운터 최대값 + `<textarea maxlength>` */
+    maxLength?: number;
+    /** 글자수 대신 byte 단위로 카운트 */
+    byteMode?: boolean;
+    /** 입력 양에 따라 자동 높이 (기본 `true`) */
+    autoResize?: boolean;
+    /** 자동 높이 하한. 미지정 시 size 별 Figma 기본값(small=72, regular=92, large=104) */
+    minHeight?: number;
+    /** 자동 높이 상한 */
+    maxHeight?: number;
+    /** `autoResize=false` 일 때 사용하는 기본 행 수 */
+    rows?: number;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        footer?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {
+        textareaRef: HTMLTextAreaElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (payload: string | number) => any;
+}, string, import('vue').PublicProps, Readonly<TextareaProps> & Readonly<{
+    "onUpdate:modelValue"?: ((payload: string | number) => any) | undefined;
+}>, {
+    disabled: boolean;
+    size: "small" | "large" | "regular" | null;
+    error: boolean;
+    variant: "default" | "filled" | "bottomline" | null;
+    readonly: boolean;
+    byteMode: boolean;
+    rows: number;
+    counter: boolean;
+    autoResize: boolean;
+    maxHeight: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    textareaRef: HTMLTextAreaElement;
+}, 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/textarea/Textarea.stories.d.ts

@@ -0,0 +1,112 @@
+import { StoryObj } from '@storybook/vue3-vite';
+declare const meta: {
+    title: string;
+    component: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./Textarea').TextareaProps> & Readonly<{
+            "onUpdate:modelValue"?: ((payload: string | number) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            "update:modelValue": (payload: string | number) => any;
+        }, import('vue').PublicProps, {
+            disabled: boolean;
+            size: "small" | "large" | "regular" | null;
+            error: boolean;
+            variant: "default" | "filled" | "bottomline" | null;
+            readonly: boolean;
+            byteMode: boolean;
+            rows: number;
+            counter: boolean;
+            autoResize: boolean;
+            maxHeight: number;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+            textareaRef: HTMLTextAreaElement;
+        }, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('./Textarea').TextareaProps> & Readonly<{
+            "onUpdate:modelValue"?: ((payload: string | number) => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            disabled: boolean;
+            size: "small" | "large" | "regular" | null;
+            error: boolean;
+            variant: "default" | "filled" | "bottomline" | null;
+            readonly: boolean;
+            byteMode: boolean;
+            rows: number;
+            counter: boolean;
+            autoResize: boolean;
+            maxHeight: number;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('./Textarea').TextareaProps> & Readonly<{
+        "onUpdate:modelValue"?: ((payload: string | number) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "update:modelValue": (payload: string | number) => any;
+    }, string, {
+        disabled: boolean;
+        size: "small" | "large" | "regular" | null;
+        error: boolean;
+        variant: "default" | "filled" | "bottomline" | null;
+        readonly: boolean;
+        byteMode: boolean;
+        rows: number;
+        counter: boolean;
+        autoResize: boolean;
+        maxHeight: number;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            footer?(_: {}): any;
+            default?(_: {}): any;
+        };
+    });
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: "select";
+            options: string[];
+        };
+        size: {
+            control: "select";
+            options: string[];
+        };
+        error: {
+            control: "boolean";
+        };
+        disabled: {
+            control: "boolean";
+        };
+        readonly: {
+            control: "boolean";
+        };
+        counter: {
+            control: "boolean";
+        };
+        byteMode: {
+            control: "boolean";
+        };
+        autoResize: {
+            control: "boolean";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+/**
+ * Figma `textArea` 매트릭스 — size × state. variant 는 `default` 만 정의되어 있다.
+ */
+export declare const FigmaMatrix: Story;
+export declare const Sizes: Story;
+export declare const Variants: Story;
+export declare const ErrorState: Story;
+export declare const Disabled: Story;
+export declare const Readonly: Story;
+export declare const WithCounter: Story;
+export declare const ByteCounter: Story;
+export declare const ManualCount: Story;
+export declare const FixedRows: Story;

package/dist/components/textarea/TextareaCount.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    /**
+     * 부모 `Textarea` 밖에서 쓸 때만. `Textarea` 자식이면 `Textarea`의 model·`maxLength`·`byteMode`가 우선
+     */
+    current?: number;
+    maxLength?: number;
+    byteMode?: boolean;
+    class?: HTMLAttributes["class"];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+export default _default;

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

@@ -0,0 +1,5 @@
+export { default as Textarea } from './Textarea';
+export { default as TextareaCount } from './TextareaCount';
+export { TEXTAREA_TRAILING_CONTEXT_KEY } from './textareaContext';
+export type { TextareaTrailingContext } from './textareaContext';
+export type { TextareaProps } from './Textarea';

package/dist/components/textarea/textareaContext.d.ts

@@ -0,0 +1,8 @@
+import { ComputedRef, InjectionKey } from 'vue';
+/** `Textarea` 내부 `TextareaCount` 등이 값·제한을 맞출 때 사용 */
+export interface TextareaTrailingContext {
+    currentCount: ComputedRef<number>;
+    maxLength: ComputedRef<number | undefined>;
+    byteMode: ComputedRef<boolean>;
+}
+export declare const TEXTAREA_TRAILING_CONTEXT_KEY: InjectionKey<TextareaTrailingContext>;

package/dist/components/time-picker/TimeInput.d.ts

@@ -0,0 +1,28 @@
+import { HTMLAttributes } from 'vue';
+import { Time } from '@internationalized/date';
+import { InputFrameVariantProps } from '../input-frame';
+type __VLS_Props = {
+    size?: InputFrameVariantProps["size"];
+    readonly?: boolean;
+    disabled?: boolean;
+    /** 비어 있을 때(입력 가능할 때)만 표시. 미지정이면 "시간 선택" */
+    placeholder?: string;
+    class?: HTMLAttributes["class"];
+};
+type __VLS_PublicProps = {
+    modelValue?: Time | null;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: Time | null) => any;
+    "update:draftError": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Time | null) => any) | undefined;
+    "onUpdate:draftError"?: ((value: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    size: "small" | "large" | "regular" | null;
+    readonly: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputRef: HTMLInputElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/time-picker/TimePanel.d.ts

@@ -0,0 +1,22 @@
+import { HTMLAttributes } from 'vue';
+import { Time } from '@internationalized/date';
+type __VLS_Props = {
+    modelValue?: Time | null;
+    class?: HTMLAttributes["class"];
+    /** "선택 안함" 체크박스 노출 여부 */
+    showSkip?: boolean;
+    /** 완료 버튼 노출 여부 */
+    showFooter?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: Time | null) => any;
+    change: (value: Time | null) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Time | null) => any) | undefined;
+    onChange?: ((value: Time | null) => any) | undefined;
+}>, {
+    modelValue: Time | null;
+    showFooter: boolean;
+    showSkip: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/time-picker/TimePicker.d.ts

@@ -0,0 +1,37 @@
+import { HTMLAttributes } from 'vue';
+import { Time } from '@internationalized/date';
+import { InputFrameDesignProps } from '../input-frame';
+type __VLS_Props = InputFrameDesignProps & {
+    class?: HTMLAttributes["class"];
+    popoverContentClass?: HTMLAttributes["class"];
+};
+type __VLS_PublicProps = {
+    modelValue?: Time | null;
+} & __VLS_Props;
+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_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: Time | null) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Time | null) => any) | undefined;
+}>, {
+    disabled: boolean;
+    size: "small" | "large" | "regular" | null;
+    error: boolean;
+    variant: "default" | "filled" | "bottomline" | null;
+    readonly: 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/time-picker/TimePicker.stories.d.ts

@@ -0,0 +1,94 @@
+import { StoryObj } from '@storybook/vue3-vite';
+import { Time } from '@internationalized/date';
+declare const meta: {
+    title: string;
+    component: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            modelValue?: Time | null;
+        } & import('../input-frame').InputFrameDesignProps & {
+            class?: import('vue').HTMLAttributes["class"];
+            popoverContentClass?: import('vue').HTMLAttributes["class"];
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((value: Time | null) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (value: Time | null) => any;
+        }, import('vue').PublicProps, {
+            disabled: boolean;
+            size: "small" | "large" | "regular" | null;
+            error: boolean;
+            variant: "default" | "filled" | "bottomline" | null;
+            readonly: boolean;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            modelValue?: Time | null;
+        } & import('../input-frame').InputFrameDesignProps & {
+            class?: import('vue').HTMLAttributes["class"];
+            popoverContentClass?: import('vue').HTMLAttributes["class"];
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((value: Time | null) => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            disabled: boolean;
+            size: "small" | "large" | "regular" | null;
+            error: boolean;
+            variant: "default" | "filled" | "bottomline" | null;
+            readonly: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        modelValue?: Time | null;
+    } & import('../input-frame').InputFrameDesignProps & {
+        class?: import('vue').HTMLAttributes["class"];
+        popoverContentClass?: import('vue').HTMLAttributes["class"];
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: Time | null) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: Time | null) => any;
+    }, string, {
+        disabled: boolean;
+        size: "small" | "large" | "regular" | null;
+        error: boolean;
+        variant: "default" | "filled" | "bottomline" | null;
+        readonly: 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[];
+    argTypes: {
+        size: {
+            control: "select";
+            options: string[];
+        };
+        variant: {
+            control: "select";
+            options: string[];
+        };
+        error: {
+            control: "boolean";
+        };
+        readonly: {
+            control: "boolean";
+        };
+        disabled: {
+            control: "boolean";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+/**
+ * 슬롯에 TimeInput 을 명시적으로 넣는 방법.
+ * placeholder 등 TimeInput 전용 props 를 직접 제어할 수 있다.
+ */
+export declare const WithExplicitTimeInput: Story;
+export declare const StatesAndSizes: Story;

package/dist/components/time-picker/TimeTrigger.d.ts

@@ -0,0 +1,23 @@
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes["class"];
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    class: string | false | Record<string, any> | import('vue').ClassValue[] | null;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+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/time-picker/index.d.ts

@@ -0,0 +1,4 @@
+export { default as TimeInput } from './TimeInput';
+export { default as TimePicker } from './TimePicker';
+export { default as TimeTrigger } from './TimeTrigger';
+export { default as TimePanel } from './TimePanel';

package/dist/components/time-picker/timePickerContext.d.ts

@@ -0,0 +1,7 @@
+import { InjectionKey, Ref } from 'vue';
+import { Time } from '@internationalized/date';
+export interface TimePickerContext {
+    model: Ref<Time | null | undefined>;
+    draftError: Ref<boolean>;
+}
+export declare const TIME_PICKER_CTX_KEY: InjectionKey<TimePickerContext>;

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

@@ -0,0 +1,5 @@
+import { ToasterProps } from 'vue-sonner';
+declare const _default: import('vue').DefineComponent<ToasterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ToasterProps> & Readonly<{}>, {
+    position: "top-left" | "top-right" | "bottom-left" | "bottom-right" | "top-center" | "bottom-center";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,24 @@
+import { StoryObj } from '@storybook/vue3-vite';
+declare const meta: {
+    title: string;
+    component: import('vue').DefineComponent<import('vue-sonner').ToasterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue-sonner').ToasterProps> & Readonly<{}>, {
+        position: "top-left" | "top-right" | "bottom-left" | "bottom-right" | "top-center" | "bottom-center";
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    tags: string[];
+    decorators: (() => {
+        components: {
+            Toast: import('vue').DefineComponent<import('vue-sonner').ToasterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue-sonner').ToasterProps> & Readonly<{}>, {
+                position: "top-left" | "top-right" | "bottom-left" | "bottom-right" | "top-center" | "bottom-center";
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+        };
+        template: string;
+    })[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const States: Story;
+export declare const TitleOnly: Story;
+export declare const WithAction: Story;
+export declare const PromiseToast: Story;
+export declare const CustomDuration: Story;

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

@@ -0,0 +1,3 @@
+export { default as Toast } from './Toast';
+export { toast } from 'vue-sonner';
+export type { ToasterProps as ToastProps } from 'vue-sonner';

package/dist/components/toggle/Toggle.d.ts

@@ -0,0 +1,25 @@
+import { ToggleProps } from '.';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        label?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ToggleProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<ToggleProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    size: "4xsmall" | "3xsmall" | "2xsmall";
+}, {}, {}, {}, 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/toggle/Toggle.stories.d.ts

@@ -0,0 +1,64 @@
+import { StoryObj } from '@storybook/vue3-vite';
+declare const meta: {
+    title: string;
+    component: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('.').ToggleProps> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (value: boolean) => any;
+        }, import('vue').PublicProps, {
+            disabled: boolean;
+            size: "4xsmall" | "3xsmall" | "2xsmall";
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('.').ToggleProps> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            disabled: boolean;
+            size: "4xsmall" | "3xsmall" | "2xsmall";
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('.').ToggleProps> & Readonly<{
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: boolean) => any;
+    }, string, {
+        disabled: boolean;
+        size: "4xsmall" | "3xsmall" | "2xsmall";
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            label?(_: {}): any;
+        };
+    });
+    tags: string[];
+    argTypes: {
+        size: {
+            control: "select";
+            options: string[];
+        };
+        disabled: {
+            control: "boolean";
+        };
+        modelValue: {
+            control: "boolean";
+        };
+        label: {
+            control: "text";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Sizes: Story;
+export declare const States: Story;
+export declare const WithLabel: Story;
+export declare const LabelSlot: Story;
+export declare const Matrix: Story;

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

@@ -0,0 +1,30 @@
+import { Component } from 'vue';
+import { VariantProps } from 'class-variance-authority';
+export { default as Toggle } from './Toggle';
+export declare const toggleTrackVariants: (props?: ({
+    size?: "3xsmall" | "2xsmall" | "4xsmall" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const toggleThumbVariants: (props?: ({
+    size?: "3xsmall" | "2xsmall" | "4xsmall" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const toggleLabelVariants: (props?: ({
+    size?: "3xsmall" | "2xsmall" | "4xsmall" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type ToggleTrackVariants = VariantProps<typeof toggleTrackVariants>;
+export interface ToggleProps {
+    modelValue?: boolean;
+    defaultValue?: boolean;
+    size?: "4xsmall" | "3xsmall" | "2xsmall";
+    disabled?: boolean;
+    required?: boolean;
+    name?: string;
+    value?: string;
+    id?: string;
+    label?: string;
+    asChild?: boolean;
+    as?: string | Component;
+    class?: string;
+}
+export interface ToggleEmits {
+    "update:modelValue": [value: boolean];
+}

package/dist/components/toolbar/Toolbar.d.ts

@@ -0,0 +1,41 @@
+export interface ToolbarProps {
+    /** 선택된 항목 수 — "N개 선택됨" 표기 */
+    selectedCount?: number;
+    /** light: 흰 배경 + 보더 + 그림자 / dark: 짙은 배경(플로팅 스낵바 톤) */
+    variant?: 'light' | 'dark';
+    /** 다운로드 버튼 노출 여부 (옵션) */
+    downloadable?: boolean;
+    /** 삭제 버튼 노출 여부 (옵션) */
+    deletable?: boolean;
+    class?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        actions?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ToolbarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    delete: () => any;
+    download: () => any;
+    deselect: () => any;
+}, string, import('vue').PublicProps, Readonly<ToolbarProps> & Readonly<{
+    onDelete?: (() => any) | undefined;
+    onDownload?: (() => any) | undefined;
+    onDeselect?: (() => any) | undefined;
+}>, {
+    variant: "light" | "dark";
+    downloadable: boolean;
+    selectedCount: number;
+    deletable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};