@aivex/ui 1.1.0-dev.1 → 1.1.0-dev.11

package/dist/components/Button/Button.d.ts

@@ -3,17 +3,16 @@ import type { ButtonHTMLAttributes, ReactNode, Ref } from "react";
 declare const buttonVariantStyles: (props?: ({
     variant?: "solid" | "outline" | "ghost" | null | undefined;
     color?: "danger" | "primary" | "secondary" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "sm" | "md" | "lg" | "icon-sm" | "icon-md" | "icon-lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type ButtonVariantProps = VariantProps<typeof buttonVariantStyles>;
 declare function buttonVariants({ variant, color, size, className, }?: ButtonVariantProps & {
     className?: string;
 }): string;
-export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "color" | "prefix">, ButtonVariantProps {
+export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "color">, ButtonVariantProps {
     asChild?: boolean;
-    prefix?: ReactNode;
-    suffix?: ReactNode;
+    children?: ReactNode;
     ref?: Ref<HTMLButtonElement>;
 }
-declare function Button({ className, variant, color, size, asChild, ref, prefix, suffix, children, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+declare function Button({ className, variant, color, size, asChild, ref, children, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
 export { Button, buttonVariants };

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,7 +1,7 @@
 import { type VariantProps } from "class-variance-authority";
 import { type InputHTMLAttributes, type Ref } from "react";
 declare const checkboxVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "sm" | "md" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type">, VariantProps<typeof checkboxVariants> {
     label?: string;

package/dist/components/Checkbox/ChipsCheckbox.d.ts

@@ -0,0 +1,6 @@
+import { type InputHTMLAttributes, type Ref } from "react";
+export interface ChipsCheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
+    ref?: Ref<HTMLInputElement>;
+}
+declare function ChipsCheckbox({ className, disabled, checked, defaultChecked, onChange, id, ref, ...props }: ChipsCheckboxProps): import("react/jsx-runtime").JSX.Element;
+export { ChipsCheckbox };

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

@@ -1,2 +1,4 @@
 export type { CheckboxProps } from "./Checkbox";
 export { Checkbox, checkboxVariants } from "./Checkbox";
+export type { ChipsCheckboxProps } from "./ChipsCheckbox";
+export { ChipsCheckbox } from "./ChipsCheckbox";

package/dist/components/IconButton/IconButton.d.ts

@@ -1,14 +1,17 @@
 import { type VariantProps } from "class-variance-authority";
 import type { ButtonHTMLAttributes, ReactNode, Ref } from "react";
 declare const iconButtonVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | null | undefined;
     shape?: "rounded" | "rectangle" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface IconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type">, VariantProps<typeof iconButtonVariants> {
-    variant?: "default" | "on-color";
+    /** 아이콘 색상 — primary: 기본(어두운) 배경, white: 어두운 배경 위 */
+    color?: "primary" | "white";
+    /** true 이면 danger 색상 적용 (color 보다 우선) */
+    error?: boolean;
     asChild?: boolean;
     children?: ReactNode;
     ref?: Ref<HTMLButtonElement>;
 }
-declare function IconButton({ className, size, shape, variant, asChild, children, ref, ...props }: IconButtonProps): import("react/jsx-runtime").JSX.Element;
+declare function IconButton({ className, size, shape, color, error, asChild, children, ref, ...props }: IconButtonProps): import("react/jsx-runtime").JSX.Element;
 export { IconButton, iconButtonVariants };

package/dist/components/InputBase/InputBase.d.ts

@@ -0,0 +1,30 @@
+import type { ReactNode } from "react";
+declare const inputContainerVariants: (props?: ({
+    state?: "default" | "disabled" | "error" | "focused" | null | undefined;
+    size?: "sm" | "md" | null | undefined;
+    layout?: "wrap" | "inline" | "block" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type InputLayout = "inline" | "block" | "wrap";
+export type InputState = "default" | "focused" | "error" | "disabled";
+export interface InputBaseProps {
+    id?: string;
+    label?: string;
+    /** 인풋 하단 도움말 텍스트. error=true 이면 danger 색상으로 표시 */
+    helperText?: string;
+    error?: boolean;
+    disabled?: boolean;
+    focused?: boolean;
+    size?: "sm" | "md";
+    layout?: InputLayout;
+    /** 인풋 컨테이너 왼쪽 슬롯 */
+    leadingElement?: ReactNode;
+    /** 인풋 컨테이너 오른쪽 슬롯 */
+    trailingElement?: ReactNode;
+    /** 인풋 컨테이너(border 박스)에 추가할 className */
+    containerClassName?: string;
+    /** 최외곽 래퍼 div 에 추가할 className */
+    className?: string;
+    children: ReactNode;
+}
+declare function InputBase({ id, label, helperText, error, disabled, focused, size, layout, leadingElement, trailingElement, containerClassName, className, children, }: InputBaseProps): import("react/jsx-runtime").JSX.Element;
+export { InputBase, inputContainerVariants };

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

@@ -0,0 +1 @@
+export * from "./InputBase";

package/dist/components/Radio/Radio.d.ts

@@ -1,7 +1,7 @@
 import { type VariantProps } from "class-variance-authority";
 import type { InputHTMLAttributes, Ref } from "react";
 declare const radioVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "sm" | "md" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type">, VariantProps<typeof radioVariants> {
     label?: string;

package/dist/components/SelectBox/SelectBox.d.ts

@@ -0,0 +1,34 @@
+export interface SelectBoxOption {
+    value: string;
+    label: string;
+    /** option의 key. 미지정 시 value 사용 */
+    key?: string;
+    /** 위험 액션 강조 (빨간색) */
+    danger?: boolean;
+}
+export interface SelectBoxGroup {
+    /** 그룹 타이틀 */
+    title?: string;
+    options: SelectBoxOption[];
+}
+export interface SelectBoxProps {
+    groups: SelectBoxGroup[];
+    value?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    size?: "sm" | "md";
+    onChange?: (value: string) => void;
+    /**
+     * 선택된 값이 트리거에 표시될 텍스트를 커스텀하는 함수.
+     * 미지정 시 option.label 을 그대로 표시.
+     * @example renderValue={(option, group) => `${group.title} / ${option.label}`}
+     */
+    renderValue?: (option: SelectBoxOption, group: SelectBoxGroup) => string;
+    /** 최외곽 래퍼에 추가할 className */
+    className?: string;
+    label?: string;
+    helperText?: string;
+    error?: boolean;
+}
+declare function SelectBox({ groups, value, placeholder, disabled, size, onChange, renderValue, className, label, helperText, error, }: SelectBoxProps): import("react/jsx-runtime").JSX.Element;
+export { SelectBox };

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

@@ -0,0 +1,2 @@
+export type { SelectBoxGroup, SelectBoxOption, SelectBoxProps } from "./SelectBox";
+export { SelectBox } from "./SelectBox";

package/dist/components/Tagbox/Tagbox.d.ts

@@ -1,12 +1,19 @@
 import { type InputHTMLAttributes, type Ref } from "react";
-export interface TagboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "onChange"> {
+export interface TagboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "onChange" | "onPaste"> {
     size?: "sm" | "md";
     label?: string;
+    /** 인풋 하단 도움말 텍스트 */
+    helperText?: string;
     error?: boolean;
     value?: string[];
     defaultValue?: string[];
     onChange?: (tags: string[]) => void;
+    /** 붙여넣기 텍스트를 태그 배열로 파싱하는 함수 */
+    parsePaste?: (text: string) => string[];
+    onPaste?: (e: React.ClipboardEvent<HTMLInputElement>) => void;
+    /** 태그 유효성 검사. false 반환 시 인풋이 error 상태로 전환 */
+    validate?: (tag: string) => boolean;
     ref?: Ref<HTMLInputElement>;
 }
-declare function Tagbox({ className, size, label, error, disabled, value, defaultValue, onChange, placeholder, id, ref, onBlur, onCompositionEnd, onCompositionStart, onFocus, onKeyDown, ...props }: TagboxProps): import("react/jsx-runtime").JSX.Element;
+declare function Tagbox({ className, size, label, helperText, error, disabled, value, defaultValue, onChange, parsePaste, validate, placeholder, id, ref, onBlur, onCompositionEnd, onCompositionStart, onFocus, onKeyDown, onPaste, ...props }: TagboxProps): import("react/jsx-runtime").JSX.Element;
 export { Tagbox };

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

@@ -1,13 +1,19 @@
-import { type VariantProps } from "class-variance-authority";
-import type { Ref, TextareaHTMLAttributes } from "react";
-declare const textareaWrapperVariants: (props?: ({
-    state?: "default" | "disabled" | "focused" | "error" | null | undefined;
-    size?: "sm" | "md" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "size">, Pick<VariantProps<typeof textareaWrapperVariants>, "size"> {
+import type { ReactNode, Ref, TextareaHTMLAttributes } from "react";
+export interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> {
+    size?: "sm" | "md";
     label?: string;
+    /** 인풋 하단 도움말 텍스트 */
+    helperText?: string;
     error?: boolean;
+    /** 초기 최소 높이 (CSS 값. 예: "120px", "8rem") */
+    minHeight?: string | number;
+    /** true 이면 높이를 고정하여 resize 비활성화 */
+    fixedHeight?: boolean;
+    /** Textarea 좌측 슬롯 */
+    leadingElement?: ReactNode;
+    /** Textarea 우측 슬롯 */
+    trailingElement?: ReactNode;
     ref?: Ref<HTMLTextAreaElement>;
 }
-declare function Textarea({ className, label, error, disabled, size, id, ref, onFocus, onBlur, ...props }: TextareaProps): import("react/jsx-runtime").JSX.Element;
-export { Textarea, textareaWrapperVariants };
+declare function Textarea({ className, label, helperText, error, disabled, size, minHeight, fixedHeight, leadingElement, trailingElement, id, ref, onFocus, onBlur, ...props }: TextareaProps): import("react/jsx-runtime").JSX.Element;
+export { Textarea };

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

@@ -1,2 +1,2 @@
 export type { TextareaProps } from "./Textarea";
-export { Textarea, textareaWrapperVariants } from "./Textarea";
+export { Textarea } from "./Textarea";

package/dist/components/Textbox/Textbox.d.ts

@@ -0,0 +1,18 @@
+import type { InputHTMLAttributes, ReactNode, Ref } from "react";
+import { inputContainerVariants } from "@/components/InputBase";
+export interface TextboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
+    size?: "sm" | "md";
+    label?: string;
+    /** 인풋 하단 도움말 텍스트 */
+    helperText?: string;
+    error?: boolean;
+    /** 입력값 전체 삭제 버튼 표시 여부 */
+    clearable?: boolean;
+    /** 인풋 좌측 슬롯 */
+    leadingElement?: ReactNode;
+    /** 인풋 우측 슬롯 (clearable=true 이고 값이 있으면 삭제 버튼이 추가됨) */
+    trailingElement?: ReactNode;
+    ref?: Ref<HTMLInputElement>;
+}
+declare function Textbox({ className, label, helperText, error, disabled, clearable, leadingElement, trailingElement, size, id, ref, value, defaultValue, onChange, onFocus, onBlur, ...props }: TextboxProps): import("react/jsx-runtime").JSX.Element;
+export { inputContainerVariants as inputWrapperVariants, Textbox };

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

@@ -0,0 +1,2 @@
+export type { TextboxProps } from "./Textbox";
+export { inputWrapperVariants, Textbox } from "./Textbox";