@aivex/ui 1.1.0-dev.4 → 1.1.0-dev.5

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/Select/Select.d.ts

@@ -1,13 +1,13 @@
-import { type VariantProps } from "class-variance-authority";
-import type { Ref, SelectHTMLAttributes } from "react";
-declare const selectWrapperVariants: (props?: ({
-    state?: "default" | "disabled" | "focused" | "error" | null | undefined;
-    size?: "sm" | "md" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, "size">, Pick<VariantProps<typeof selectWrapperVariants>, "size"> {
+import type { ReactNode, Ref, SelectHTMLAttributes } from "react";
+export interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, "size"> {
+    size?: "sm" | "md";
     label?: string;
+    /** 인풋 하단 도움말 텍스트 */
+    helperText?: string;
     error?: boolean;
+    /** 셀렉트 좌측 슬롯 */
+    leadingElement?: ReactNode;
     ref?: Ref<HTMLSelectElement>;
 }
-declare function Select({ className, label, error, disabled, size, id, children, ref, onFocus, onBlur, ...props }: SelectProps): import("react/jsx-runtime").JSX.Element;
-export { Select, selectWrapperVariants };
+declare function Select({ className, label, helperText, error, disabled, size, leadingElement, id, children, ref, onFocus, onBlur, ...props }: SelectProps): import("react/jsx-runtime").JSX.Element;
+export { Select };

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

@@ -1,2 +1,2 @@
 export type { SelectProps } from "./Select";
-export { Select, selectWrapperVariants } from "./Select";
+export { Select } from "./Select";

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

@@ -2,11 +2,13 @@ import { type InputHTMLAttributes, type Ref } from "react";
 export interface TagboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "onChange"> {
     size?: "sm" | "md";
     label?: string;
+    /** 인풋 하단 도움말 텍스트 */
+    helperText?: string;
     error?: boolean;
     value?: string[];
     defaultValue?: string[];
     onChange?: (tags: string[]) => void;
     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, placeholder, id, ref, onBlur, onCompositionEnd, onCompositionStart, onFocus, onKeyDown, ...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";