@farmzone/fz-react-ui 1.0.2 → 1.0.4

package/dist/index.d.cts

@@ -26,7 +26,7 @@ interface BadgeProps {
 }
 declare function Badge(props: BadgeProps): react.JSX.Element;
 
-type ButtonVariant = "outline" | "save" | "delete" | "reset" | "search" | "file" | "carousel" | "accent" | "ghost" | "link";
+type ButtonVariant = "outline" | "save" | "delete" | "reset" | "search" | "file" | "carousel" | "accent" | "ghost" | "link" | "metal";
 type ButtonSize = "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | "link";
 interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     ref?: Ref<HTMLButtonElement>;
@@ -50,6 +50,7 @@ interface TooltipProps {
     arrowClassName?: string;
     contentClassName?: string;
     contentStyle?: CSSProperties;
+    containerStyle?: CSSProperties;
     offsetX?: number;
     offsetY?: number;
     delayDuration?: number;
@@ -570,6 +571,7 @@ interface ModalIconHeaderProps {
 declare function ModalIconHeader(props: ModalIconHeaderProps): react.JSX.Element;
 
 interface ModalOverlayProps {
+    ref?: Ref<HTMLDivElement>;
     isOpen: boolean;
     onClose?: () => void;
     className?: string;
@@ -889,6 +891,7 @@ interface FormFieldConfig<TFieldValues extends FieldValues = FieldValues> {
     selectWithInputClassNames?: SelectWithInputFieldClassNames;
     inputWithButton?: InputWithButtonFieldConfig;
     onClickInputWithButton?: () => void;
+    autoComplete?: string;
 }
 interface CustomFieldRenderProps<TFieldValues extends FieldValues = FieldValues> {
     field: ControllerRenderProps<TFieldValues, Path<TFieldValues>>;
@@ -908,6 +911,7 @@ interface SubmitFormProps<TSchema extends z.ZodTypeAny = z.ZodTypeAny> {
      * blur 검증은 FormField가 `trigger`로 수동 실행.
      */
     mode?: "onBlur" | "onChange" | "onSubmit" | "onTouched" | "all";
+    autoComplete?: string;
 }
 
 declare function FormTable<TFieldValues extends FieldValues = FieldValues>(props: FormTableProps<TFieldValues>): react.JSX.Element;
@@ -977,6 +981,7 @@ interface PageFilterProps<P> {
     submitButtonText?: string;
     resetButtonText?: string;
     values: P;
+    primaryColor?: string;
 }
 declare function PageFilter<P extends Record<keyof P, string>>(props: PageFilterProps<P>): react.JSX.Element;
 
@@ -1024,12 +1029,15 @@ declare const useMultiTabStore: zustand.UseBoundStore<Omit<zustand.StoreApi<Mult
     };
 }>;
 
+type MultiTabVariant = "light" | "dark" | "system-light" | "system-dark";
 interface MultiTabBarProps {
     tabs: Array<MultiTab>;
     activeTabId: string | null;
     onTabClick: (tabId: string) => void;
     onTabClose: (tabId: string) => void;
     onTabAdd?: () => void;
+    variant?: MultiTabVariant;
+    primaryColor?: string;
 }
 declare function MultiTabBar(props: MultiTabBarProps): react.JSX.Element | null;
 
@@ -1120,13 +1128,16 @@ interface MenuSection {
     title?: string;
     items: Array<MenuItem>;
 }
+type SidebarVariant = "light" | "dark" | "system-dark" | "system-light";
 interface SidebarProps {
-    isOpen: boolean;
-    onClose: () => void;
     menuSections: Array<MenuSection>;
     header?: ReactNode;
+    footer?: ReactNode;
     className?: string;
     showCollapseButton?: boolean;
+    onClose?: () => void;
+    variant?: SidebarVariant;
+    primaryColor?: string;
 }
 declare function Sidebar(props: SidebarProps): react.JSX.Element;
 
@@ -1325,7 +1336,7 @@ declare function ArrowIcon(props: ArrowIconProps): react.JSX.Element;
 
 declare function cn(...inputs: Array<ClassValue>): string;
 declare const buttonVariants: (props?: ({
-    variant?: "outline" | "save" | "delete" | "reset" | "search" | "file" | "carousel" | "accent" | "ghost" | "link" | null | undefined;
+    variant?: "outline" | "save" | "delete" | "reset" | "search" | "file" | "carousel" | "accent" | "metal" | "ghost" | "link" | null | undefined;
     size?: "link" | "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const textVariants: (props?: ({
@@ -1355,6 +1366,7 @@ declare const Z_INDEX: {
     readonly MODAL_OVERLAY: 54;
     readonly MODAL: 55;
     readonly CALENDAR_PORTAL: 60;
+    readonly TOOLTIP: 70;
     readonly SELECT_CONTENT: 100;
     readonly TOP: 9999;
     readonly MODAL_Z_STEP: 10;

package/dist/index.d.ts

@@ -26,7 +26,7 @@ interface BadgeProps {
 }
 declare function Badge(props: BadgeProps): react.JSX.Element;
 
-type ButtonVariant = "outline" | "save" | "delete" | "reset" | "search" | "file" | "carousel" | "accent" | "ghost" | "link";
+type ButtonVariant = "outline" | "save" | "delete" | "reset" | "search" | "file" | "carousel" | "accent" | "ghost" | "link" | "metal";
 type ButtonSize = "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | "link";
 interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     ref?: Ref<HTMLButtonElement>;
@@ -50,6 +50,7 @@ interface TooltipProps {
     arrowClassName?: string;
     contentClassName?: string;
     contentStyle?: CSSProperties;
+    containerStyle?: CSSProperties;
     offsetX?: number;
     offsetY?: number;
     delayDuration?: number;
@@ -570,6 +571,7 @@ interface ModalIconHeaderProps {
 declare function ModalIconHeader(props: ModalIconHeaderProps): react.JSX.Element;
 
 interface ModalOverlayProps {
+    ref?: Ref<HTMLDivElement>;
     isOpen: boolean;
     onClose?: () => void;
     className?: string;
@@ -889,6 +891,7 @@ interface FormFieldConfig<TFieldValues extends FieldValues = FieldValues> {
     selectWithInputClassNames?: SelectWithInputFieldClassNames;
     inputWithButton?: InputWithButtonFieldConfig;
     onClickInputWithButton?: () => void;
+    autoComplete?: string;
 }
 interface CustomFieldRenderProps<TFieldValues extends FieldValues = FieldValues> {
     field: ControllerRenderProps<TFieldValues, Path<TFieldValues>>;
@@ -908,6 +911,7 @@ interface SubmitFormProps<TSchema extends z.ZodTypeAny = z.ZodTypeAny> {
      * blur 검증은 FormField가 `trigger`로 수동 실행.
      */
     mode?: "onBlur" | "onChange" | "onSubmit" | "onTouched" | "all";
+    autoComplete?: string;
 }
 
 declare function FormTable<TFieldValues extends FieldValues = FieldValues>(props: FormTableProps<TFieldValues>): react.JSX.Element;
@@ -977,6 +981,7 @@ interface PageFilterProps<P> {
     submitButtonText?: string;
     resetButtonText?: string;
     values: P;
+    primaryColor?: string;
 }
 declare function PageFilter<P extends Record<keyof P, string>>(props: PageFilterProps<P>): react.JSX.Element;
 
@@ -1024,12 +1029,15 @@ declare const useMultiTabStore: zustand.UseBoundStore<Omit<zustand.StoreApi<Mult
     };
 }>;
 
+type MultiTabVariant = "light" | "dark" | "system-light" | "system-dark";
 interface MultiTabBarProps {
     tabs: Array<MultiTab>;
     activeTabId: string | null;
     onTabClick: (tabId: string) => void;
     onTabClose: (tabId: string) => void;
     onTabAdd?: () => void;
+    variant?: MultiTabVariant;
+    primaryColor?: string;
 }
 declare function MultiTabBar(props: MultiTabBarProps): react.JSX.Element | null;
 
@@ -1120,13 +1128,16 @@ interface MenuSection {
     title?: string;
     items: Array<MenuItem>;
 }
+type SidebarVariant = "light" | "dark" | "system-dark" | "system-light";
 interface SidebarProps {
-    isOpen: boolean;
-    onClose: () => void;
     menuSections: Array<MenuSection>;
     header?: ReactNode;
+    footer?: ReactNode;
     className?: string;
     showCollapseButton?: boolean;
+    onClose?: () => void;
+    variant?: SidebarVariant;
+    primaryColor?: string;
 }
 declare function Sidebar(props: SidebarProps): react.JSX.Element;
 
@@ -1325,7 +1336,7 @@ declare function ArrowIcon(props: ArrowIconProps): react.JSX.Element;
 
 declare function cn(...inputs: Array<ClassValue>): string;
 declare const buttonVariants: (props?: ({
-    variant?: "outline" | "save" | "delete" | "reset" | "search" | "file" | "carousel" | "accent" | "ghost" | "link" | null | undefined;
+    variant?: "outline" | "save" | "delete" | "reset" | "search" | "file" | "carousel" | "accent" | "metal" | "ghost" | "link" | null | undefined;
     size?: "link" | "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const textVariants: (props?: ({
@@ -1355,6 +1366,7 @@ declare const Z_INDEX: {
     readonly MODAL_OVERLAY: 54;
     readonly MODAL: 55;
     readonly CALENDAR_PORTAL: 60;
+    readonly TOOLTIP: 70;
     readonly SELECT_CONTENT: 100;
     readonly TOP: 9999;
     readonly MODAL_Z_STEP: 10;