@farmzone/fz-react-ui 0.0.1

package/dist/index.d.ts

@@ -0,0 +1,1277 @@
+import * as React$1 from 'react';
+import React__default, { ReactNode, ButtonHTMLAttributes, Ref, CSSProperties, InputHTMLAttributes, TextareaHTMLAttributes, ComponentProps, HTMLAttributes, RefObject } from 'react';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
+import { z } from 'zod';
+import { FieldValues, Path, ControllerRenderProps, ControllerFieldState, UseFormReturn } from 'react-hook-form';
+import * as zustand_middleware from 'zustand/middleware';
+import * as zustand from 'zustand';
+import { Address } from 'react-daum-postcode';
+import { Location } from 'react-router';
+import { ClassValue } from 'clsx';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+
+interface BadgeProps {
+    text?: string;
+    children?: ReactNode;
+    className?: string;
+    textClassName?: string;
+    badgeCount?: number;
+    badgeCountClassName?: string;
+    maxCount?: number;
+}
+declare function Badge(props: BadgeProps): React$1.JSX.Element;
+
+type ButtonVariant = "outline" | "save" | "delete" | "reset" | "search" | "file" | "carousel" | "accent" | "ghost" | "link";
+type ButtonSize = "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | "link";
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    ref?: Ref<HTMLButtonElement>;
+    asChild?: boolean;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    tooltip?: ReactNode;
+    tooltipPosition?: "top" | "bottom";
+    tooltipClassName?: string;
+    tooltipContentClassName?: string;
+}
+declare function Button(props: ButtonProps): React$1.JSX.Element;
+
+interface TooltipProps {
+    children: ReactNode;
+    text?: ReactNode;
+    content: ReactNode;
+    position?: "top" | "bottom";
+    className?: string;
+    triggerClassName?: string;
+    arrowClassName?: string;
+    contentClassName?: string;
+    contentStyle?: CSSProperties;
+    offsetX?: number;
+    offsetY?: number;
+    delayDuration?: number;
+    asChild?: boolean;
+    disableHoverableContent?: boolean;
+    sideOffset?: number;
+}
+declare function Tooltip(props: TooltipProps): React$1.JSX.Element;
+
+interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "defaultChecked" | "checked"> {
+    checked: boolean;
+    label?: string;
+    indeterminate?: boolean;
+    ref?: Ref<HTMLDivElement>;
+    onChange?: (checked: boolean) => void;
+    tooltipConfig?: Pick<TooltipProps, "content" | "position">;
+    wrapperClassName?: string;
+    labelClassName?: string;
+    iconClassName?: string;
+    checkedClassName?: string;
+    uncheckedClassName?: string;
+    disabledCheckedClassName?: string;
+    disabledUncheckedClassName?: string;
+}
+declare function Checkbox(props: CheckboxProps): React$1.JSX.Element;
+
+interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+    ref?: Ref<HTMLInputElement>;
+    placeholder?: string;
+    disabled?: boolean;
+    status?: "default" | "success" | "error";
+    message?: string;
+    label?: string;
+    bare?: boolean;
+    type?: "text" | "number" | "date" | "password" | "email" | "money";
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    showPasswordToggle?: boolean;
+}
+declare function Input(props: InputProps): React$1.JSX.Element;
+
+interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+    ref?: Ref<HTMLTextAreaElement>;
+    status?: "default" | "success" | "error";
+    message?: string;
+    label?: string;
+    bare?: boolean;
+}
+declare function Textarea(props: TextareaProps): React$1.JSX.Element;
+
+type SwitchTrackSize = {
+    width: string | number;
+    height: string | number;
+    dotSize: string | number;
+};
+type SwitchTrackSizeInput = Partial<SwitchTrackSize>;
+declare const switchTrackSizes: {
+    readonly sm: {
+        readonly width: "1.75rem";
+        readonly height: "1rem";
+        readonly dotSize: "0.75rem";
+    };
+    readonly md: {
+        readonly width: "2rem";
+        readonly height: "1.15rem";
+        readonly dotSize: "1rem";
+    };
+    readonly lg: {
+        readonly width: "2.75rem";
+        readonly height: "1.5rem";
+        readonly dotSize: "1.25rem";
+    };
+};
+
+interface BaseSwitchProps extends React$1.ComponentProps<typeof SwitchPrimitive.Root> {
+    activeColor?: string;
+    dotColor?: string;
+    trackSize?: SwitchTrackSizeInput;
+}
+declare function BaseSwitch({ className, activeColor, dotColor, trackSize, style, ...props }: BaseSwitchProps): React$1.JSX.Element;
+
+interface SwitchProps extends ComponentProps<typeof BaseSwitch> {
+    label?: string;
+    labelClassName?: string;
+    contentClassName?: string;
+    activeColor?: string;
+    dotColor?: string;
+    trackSize?: SwitchTrackSizeInput;
+}
+declare function Switch(props: SwitchProps): React$1.JSX.Element;
+
+interface SliderProps {
+    value?: Array<number>;
+    defaultValue?: Array<number>;
+    onValueChange?: (value: Array<number>) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    orientation?: "horizontal" | "vertical";
+    className?: string;
+    trackClassName?: string;
+    rangeClassName?: string;
+    thumbClassName?: string;
+    ariaLabel?: string;
+    name?: string;
+}
+declare function Slider(props: SliderProps): React$1.JSX.Element;
+
+type SkeletonProps = ComponentProps<"div">;
+declare function Skeleton(props: SkeletonProps): React$1.JSX.Element;
+
+interface ScrollAreaProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    height?: string | number;
+    maxHeight?: string | number;
+    orientation?: "vertical" | "horizontal" | "both";
+}
+declare const ScrollArea: React$1.ForwardRefExoticComponent<ScrollAreaProps & React$1.RefAttributes<HTMLDivElement>>;
+
+declare function Select$1({ ...props }: React$1.ComponentProps<typeof SelectPrimitive.Root>): React$1.JSX.Element;
+declare function SelectValue({ ...props }: React$1.ComponentProps<typeof SelectPrimitive.Value>): React$1.JSX.Element;
+declare function SelectTrigger({ className, size, children, value, resetValue, canReset, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Trigger> & {
+    size?: "sm" | "default";
+    value?: string;
+    canReset?: boolean;
+    resetValue: () => void;
+}): React$1.JSX.Element;
+declare function SelectContent({ className, children, position, disableScrollButtonEvents, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Content> & {
+    disableScrollButtonEvents?: boolean;
+}): React$1.JSX.Element;
+declare function SelectLabel({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Label>): React$1.JSX.Element;
+declare function SelectItem({ className, children, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Item>): React$1.JSX.Element;
+declare function SelectSeparator({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Separator>): React$1.JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): React$1.JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): React$1.JSX.Element;
+
+interface SelectOptionType {
+    label: string | ReactNode;
+    value: string;
+    disabled?: boolean;
+}
+
+interface SelectProps<T extends SelectOptionType = SelectOptionType> extends Omit<React.ComponentProps<typeof Select$1>, "onValueChange" | "value" | "defaultValue"> {
+    value: string;
+    onChange: (value: string) => void;
+    containerClass?: string;
+    options: Array<T>;
+    placeholder?: string;
+    triggerClassName?: string;
+    contentClassName?: string;
+    itemClassName?: string;
+    disabledItemClassName?: string;
+    label?: ReactNode | string;
+    labelClassName?: string;
+    disabled?: boolean;
+    className?: string;
+    hasError?: boolean;
+    canReset?: boolean;
+    disableScrollButtonEvents?: boolean;
+    onReset?: () => void;
+}
+declare function Select<T extends SelectOptionType = SelectOptionType>(props: SelectProps<T>): React$1.JSX.Element;
+
+interface SelectGroupProps extends ComponentProps<typeof SelectPrimitive.Root> {
+    children: ReactNode;
+    className?: string;
+    label?: string;
+    labelClassName?: string;
+}
+declare function SelectGroup(props: SelectGroupProps): React$1.JSX.Element;
+
+interface RadioOptionType<T extends string = string> {
+    label: string | ReactNode;
+    value: T;
+    disabled?: boolean;
+}
+
+interface RadioProps<T extends string = string> {
+    name: string;
+    value: T;
+    label: ReactNode;
+    checked?: boolean;
+    onChange?: (value: T) => void;
+    disabled?: boolean;
+    checkColor?: string;
+    unCheckColor?: string;
+    labelClassName?: string;
+    indicatorClassName?: string;
+    wrapperClassName?: string;
+}
+declare function Radio<T extends string = string>(props: RadioProps<T>): React$1.JSX.Element;
+interface RadioGroupProps<T extends string = string> {
+    name: string;
+    value: T;
+    onChange: (value: T) => void;
+    options: Array<RadioOptionType<T>>;
+    direction?: "horizontal" | "vertical";
+    disabled?: boolean;
+    checkColor?: string;
+    unCheckColor?: string;
+    containerClassName?: string;
+    labelClassName?: string;
+    indicatorClassName?: string;
+    wrapperClassName?: string;
+}
+declare function RadioGroup<T extends string = string>(props: RadioGroupProps<T>): React$1.JSX.Element;
+
+type PopoverContentPrimitiveProps = React$1.ComponentProps<typeof PopoverPrimitive.Content>;
+type PopoverAlign = NonNullable<PopoverContentPrimitiveProps["align"]>;
+type PopoverPosition = NonNullable<PopoverContentPrimitiveProps["side"]>;
+type PopoverContentProps = Omit<PopoverContentPrimitiveProps, "side"> & {
+    position?: PopoverPosition;
+};
+declare const Popover: React$1.FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const PopoverAnchor: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React$1.RefAttributes<HTMLDivElement>>;
+declare function PopoverContent({ className, align, position, sideOffset, ...props }: PopoverContentProps): React$1.JSX.Element;
+declare function PopoverHeader({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
+declare function PopoverTitle({ className, ...props }: React$1.HTMLAttributes<HTMLHeadingElement>): React$1.JSX.Element;
+declare function PopoverDescription({ className, ...props }: React$1.HTMLAttributes<HTMLParagraphElement>): React$1.JSX.Element;
+declare function PopoverFooter({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
+declare function PopoverClose({ className, ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Close>): React$1.JSX.Element;
+
+interface SimplePopoverProps {
+    trigger: ReactNode;
+    title?: string;
+    description?: string;
+    children?: ReactNode;
+    align?: "start" | "center" | "end";
+    position?: "top" | "right" | "bottom" | "left";
+    className?: string;
+    contentClassName?: string;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+declare function SimplePopover(props: SimplePopoverProps): React$1.JSX.Element;
+
+type SpinnerSize = "sm" | "md" | "lg" | "xl";
+type SpinnerColor = "blue" | "purple" | "green" | "red";
+interface SpinnerProps {
+    className?: string;
+    size?: SpinnerSize;
+    color?: SpinnerColor;
+    ariaLabel?: string;
+}
+declare function Spinner(props: SpinnerProps): React$1.JSX.Element;
+
+interface LoadingOverlayProps {
+    isVisible: boolean;
+    children: ReactNode;
+    fullScreen?: boolean;
+    blur?: boolean;
+    opacity?: number;
+    backdropColor?: "white" | "black";
+    zIndex?: number;
+}
+declare function LoadingOverlay(props: LoadingOverlayProps): React$1.JSX.Element | null;
+
+type LoadingSize = SpinnerSize;
+type LoadingColor = SpinnerColor;
+type LoadingOverlayConfig = Omit<LoadingOverlayProps, "children">;
+interface LoadingProps {
+    size?: LoadingSize;
+    color?: LoadingColor;
+    label?: string;
+    className?: string;
+    ariaLabel?: string;
+    overlayConfig?: LoadingOverlayConfig;
+}
+declare function Loading(props: LoadingProps): React$1.JSX.Element;
+
+interface PaginationProps {
+    page: number;
+    totalPages: number;
+    onPageChange?: (page: number) => void;
+    showTotalCount?: boolean;
+}
+declare function Pagination(props: PaginationProps): React$1.JSX.Element | null;
+
+type BreadCrumbItem = {
+    label: string;
+    to: string;
+    href?: never;
+    onClick?: () => void;
+} | {
+    label: string;
+    href: string;
+    to?: never;
+    onClick?: () => void;
+} | {
+    label: string;
+    onClick: () => void;
+    to?: never;
+    href?: never;
+} | {
+    label: string;
+    to?: never;
+    href?: never;
+    onClick?: never;
+};
+interface BreadCrumbRoot {
+    displayName: string;
+    basePath: string;
+    pathPrefixes: readonly string[];
+}
+interface BreadCrumbMenuItem {
+    label: string;
+    path?: string;
+    children?: BreadCrumbMenuItem[];
+}
+interface BuildBreadCrumbItemsParams {
+    pathname: string;
+    title: string;
+    rootConfig?: Record<string, BreadCrumbRoot>;
+    /** 미지정 시 pathname으로 rootConfig에서 자동 매칭 */
+    rootKey?: string;
+    menuList?: BreadCrumbMenuItem[];
+}
+
+interface BreadCrumbProps<T extends BreadCrumbItem = BreadCrumbItem> {
+    items: Array<T>;
+    separator?: ReactNode;
+    className?: string;
+    listClassName?: string;
+    itemClassName?: string;
+    linkClassName?: string;
+    activeItemClassName?: string;
+    separatorClassName?: string;
+}
+declare function BreadCrumb<T extends BreadCrumbItem = BreadCrumbItem>(props: BreadCrumbProps<T>): React$1.JSX.Element | null;
+
+declare function findParentMenuItem(pathname: string, menuList: BreadCrumbMenuItem[]): BreadCrumbMenuItem | undefined;
+declare function findParentMenuName(pathname: string, menuList: BreadCrumbMenuItem[]): string | undefined;
+declare function buildBreadCrumbItems({ pathname, title, rootConfig, rootKey, menuList, }: BuildBreadCrumbItemsParams): BreadCrumbItem[];
+
+declare function useBreadCrumbItems(params: Omit<BuildBreadCrumbItemsParams, "pathname"> & {
+    pathname?: string;
+}): BreadCrumbItem[];
+
+declare function ToastProvider(): React$1.JSX.Element;
+
+type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+type ToastType = "success" | "error" | "warning" | "info" | "loading";
+interface ToastProps {
+    toast: string;
+    id?: string;
+    type?: ToastType;
+    position?: ToastPosition;
+    duration?: number;
+    showCloseButton?: boolean;
+    className?: string;
+    icon?: ReactNode;
+    onClose?: () => void;
+    onClick?: () => void;
+}
+interface ToastHookReturn {
+    showToast: (props: ToastProps) => string;
+    dismissToast: (toastId: string) => void;
+    dismissAllToast: () => void;
+    dismissAllExcept: (type: ToastType) => void;
+}
+declare const useToast: () => ToastHookReturn;
+declare const toast: {
+    success: (toast: string, options?: Omit<ToastProps, "toast" | "type">) => string;
+    error: (toast: string, options?: Omit<ToastProps, "toast" | "type">) => string;
+    warning: (toast: string, options?: Omit<ToastProps, "toast" | "type">) => string;
+    info: (toast: string, options?: Omit<ToastProps, "toast" | "type">) => string;
+    loading: (toast: string, options?: Omit<ToastProps, "toast" | "type">) => string;
+    dismissToast: (toastId: string) => void;
+    dismissAllToast: () => void;
+    dismissAllExcept: (type: ToastType) => void;
+};
+
+interface CalendarYearRange {
+    minYear: string;
+    maxYear: string;
+}
+
+type YmdDateString = string & {
+    readonly __brand: "YmdDateString";
+};
+
+type DatePickerBaseProps = {
+    className?: string;
+    editDateSelect?: boolean;
+    onKeyDownEnter?: () => void;
+    datePosition?: "top" | "bottom";
+    disabled?: boolean;
+    maxDate?: YmdDateString;
+    calendarYearRange?: CalendarYearRange;
+    showTodayButton?: boolean;
+};
+type DatePickerSingleMode = DatePickerBaseProps & {
+    isRange?: false;
+    value?: string;
+    onChange?: (date: string) => void;
+    placeholder?: string;
+    validation?: boolean;
+    onBlur?: (value: string) => void;
+};
+type DatePickerRangeMode = DatePickerBaseProps & {
+    isRange: true;
+    startValue?: string;
+    endValue?: string;
+    onRangeChange?: (startDate: string, endDate: string) => void;
+};
+type CalendarInputProps = DatePickerSingleMode | DatePickerRangeMode;
+declare function DatePicker(props: CalendarInputProps): React$1.JSX.Element;
+
+interface SearchBarProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onSearch"> {
+    ref?: Ref<HTMLInputElement>;
+    placeholder?: string;
+    onSearch?: (value: string) => void;
+    className?: string;
+    value?: string;
+    defaultValue?: string;
+}
+declare function SearchBar(props: SearchBarProps): React$1.JSX.Element;
+
+interface DebouncedButtonProps extends ButtonProps {
+    debounceDelay?: number;
+}
+declare function DebouncedButton(props: DebouncedButtonProps): React$1.JSX.Element;
+
+interface TabItem {
+    label: string;
+    value: string;
+    disabled?: boolean;
+    content?: ReactNode;
+    icon?: ReactNode;
+    children?: TabItem[];
+}
+
+interface TabProps {
+    tabs: TabItem[];
+    activeTab: string;
+    onChange: (value: string) => void;
+    direction?: "row" | "col";
+    className?: string;
+    tabListClassName?: string;
+    tabClassName?: string;
+    childTabListClassName?: string;
+    childTabClassName?: string;
+    contentClassName?: string;
+    showContent?: boolean;
+    showIndicator?: boolean;
+    indicatorClassName?: string;
+    children?: ReactNode;
+}
+declare function Tab(props: TabProps): React$1.JSX.Element;
+
+declare const emptyIconVariants: (props?: ({
+    iconVariant?: "plain" | "boxed" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type EmptyIconVariant = NonNullable<VariantProps<typeof emptyIconVariants>["iconVariant"]>;
+
+type EmptyProps = Omit<ComponentProps<"div">, "title"> & {
+    defaultUI?: boolean;
+    icon?: ReactNode;
+    iconVariant?: EmptyIconVariant;
+    title?: ReactNode;
+    description?: ReactNode;
+    action?: ReactNode;
+    titleClassName?: string;
+    descriptionClassName?: string;
+    iconClassName?: string;
+    actionClassName?: string;
+    fullScreen?: boolean;
+};
+declare function Empty(props: EmptyProps): React$1.JSX.Element;
+
+interface ModalBodyProps {
+    ref?: Ref<HTMLDivElement>;
+    children: ReactNode;
+    className?: string;
+}
+declare function ModalBody(props: ModalBodyProps): React$1.JSX.Element;
+
+interface ModalContentProps {
+    ref?: Ref<HTMLDivElement>;
+    children: ReactNode;
+    className?: string;
+    zIndex?: number;
+}
+declare function ModalContent(props: ModalContentProps): React$1.JSX.Element;
+
+interface ModalFooterProps {
+    ref?: Ref<HTMLDivElement>;
+    children: ReactNode;
+    className?: string;
+}
+declare function ModalFooter(props: ModalFooterProps): React$1.JSX.Element;
+
+interface ModalHeaderProps {
+    ref?: Ref<HTMLDivElement>;
+    children: ReactNode;
+    className?: string;
+}
+declare function ModalHeader(props: ModalHeaderProps): React$1.JSX.Element;
+
+type ModalType = "detail" | "create" | "edit" | "search" | "info" | "delete" | "warning";
+interface ModalIconHeaderProps {
+    type: ModalType;
+    title: string;
+    description?: string;
+    onClose: () => void;
+    className?: string;
+}
+declare function ModalIconHeader(props: ModalIconHeaderProps): React$1.JSX.Element;
+
+interface ModalOverlayProps {
+    isOpen: boolean;
+    onClose?: () => void;
+    className?: string;
+    closeOnOverlayClick?: boolean;
+    zIndex?: number;
+}
+declare function ModalOverlay(props: ModalOverlayProps): React$1.JSX.Element | null;
+
+interface ModalProps {
+    isOpen: boolean;
+    onClose?: () => void;
+    children: ReactNode;
+    overlayClassName?: string;
+    contentClassName?: string;
+    closeOnOverlayClick?: boolean;
+    closeOnEscape?: boolean;
+}
+declare function Modal(props: ModalProps): React$1.JSX.Element | null;
+
+interface ConfirmOptions<T = void> {
+    content: string;
+    title?: string;
+    okText?: string;
+    cancelText?: string;
+    subContent?: string;
+    variant?: "danger" | "warning" | "info" | "success";
+    data?: T;
+    onOk?: (data?: T) => void | Promise<void>;
+    onCancel?: () => void | Promise<void>;
+    isHideOkButton?: boolean;
+    isHideCancelButton?: boolean;
+    className?: string;
+}
+declare function confirmModal<T = void>(options: ConfirmOptions<T>): Promise<T | undefined>;
+
+interface TableFooterProps {
+    paginationInfo?: PaginationProps;
+    renderLeft?: ReactNode;
+    renderRight?: ReactNode;
+}
+
+type SortOrder = "asc" | "desc";
+
+type TableFixed = "left" | "right";
+interface SortOption {
+    sortKey: string;
+    sortOrder: SortOrder;
+    visibleType?: "always" | "hovered";
+}
+interface Column<T> {
+    key: string;
+    mainTitle?: string;
+    mainTitleRowSpan?: number;
+    subTitle?: string;
+    title: string | ReactNode;
+    render?: (value: unknown, record: T, index: number) => ReactNode;
+    width?: string | number;
+    minWidth?: string | number;
+    maxWidth?: string | number;
+    align?: "left" | "center" | "right";
+    sortable?: boolean;
+    sort?: "asc" | "desc" | null;
+    fixed?: TableFixed;
+}
+
+interface CheckboxInfo {
+    selectedKeys: Array<string | number>;
+    onSelectionChange: (keys: Array<string | number>) => void;
+    fixed?: boolean;
+}
+type DragEndResult = {
+    type: "row" | "column";
+    order: Array<string>;
+    movedKey: string;
+    targetKey: string;
+};
+interface TableProps<T> {
+    columns: Array<Column<T>>;
+    data: Array<T>;
+    isLoading?: boolean;
+    onRowClick?: (record: T, index: number) => void;
+    rowKey?: keyof T | ((record: T, index: number) => string | number);
+    sortOption?: SortOption;
+    onSortChange?: (sortKey: string, sortOrder: SortOrder) => void;
+    paginationInfo?: PaginationProps;
+    checkboxInfo?: CheckboxInfo;
+    renderFooter?: Pick<TableFooterProps, "renderLeft" | "renderRight">;
+    rowDraggable?: boolean;
+    columnDraggable?: boolean;
+    onRowDragEnd?: (result: DragEndResult) => void;
+    onColumnDragEnd?: (result: DragEndResult) => void;
+    tooltipConfig?: "always" | "overflow" | false;
+    isDynamicHeight?: boolean;
+}
+declare function Table<T>(props: TableProps<T>): React$1.JSX.Element;
+
+type CarouselApi = UseEmblaCarouselType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+type CarouselProps$1 = {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    orientation?: "horizontal" | "vertical";
+    setApi?: (api: CarouselApi) => void;
+};
+declare function Carousel$1({ orientation, opts, setApi, plugins, className, children, ...props }: React$1.ComponentProps<"div"> & CarouselProps$1): React$1.JSX.Element;
+
+interface CarouselRef {
+    /** 현재 선택된 슬라이드 인덱스 */
+    currentIndex: number;
+    /** Embla Carousel API 인스턴스 */
+    api: CarouselApi | undefined;
+    /** 특정 인덱스로 이동 */
+    scrollTo: (index: number) => void;
+    /** 이전 슬라이드로 이동 */
+    scrollPrev: () => void;
+    /** 다음 슬라이드로 이동 */
+    scrollNext: () => void;
+    /** 이전 슬라이드로 이동 가능한지 여부 */
+    canScrollPrev: boolean;
+    /** 다음 슬라이드로 이동 가능한지 여부 */
+    canScrollNext: boolean;
+}
+interface CarouselProps {
+    /** 캐러셀에 표시할 아이템들 */
+    children: React__default.ReactNode;
+    /** 화살표 버튼 표시 여부 (기본: true) */
+    showArrows?: boolean;
+    /** 인디케이터(도트) 표시 여부 (기본: false) */
+    showDots?: boolean;
+    /** 자동 재생 여부 (기본: false) 3000ms 마다 자동 재생 */
+    autoPlay?: boolean;
+    /** 자동 재생 간격 (ms, 기본: 3000) */
+    autoPlayInterval?: number;
+    /** 무한 루프 여부 (기본: false) */
+    loop?: boolean;
+    /** 아이템 간격 (px, 기본: 16) */
+    spacing?: number;
+    /** 화살표 버튼 위치 (기본: "outside") */
+    arrowsPosition?: "inside" | "outside";
+    /** 커스텀 이전 버튼 (제공하지 않으면 기본 버튼 사용) */
+    previousButton?: React__default.ReactNode;
+    /** 커스텀 다음 버튼 (제공하지 않으면 기본 버튼 사용) */
+    nextButton?: React__default.ReactNode;
+    /** 슬라이드 변경 시 호출되는 콜백 */
+    onSlideChange?: (index: number) => void;
+    /** 초기 슬라이드 인덱스 (기본: 0) */
+    initialSlide?: number;
+    /** 컨테이너 커스텀 클래스 */
+    containerClassName?: string;
+    /** 컨텐츠 영역 커스텀 클래스 */
+    contentClassName?: string;
+    /** 아이템 커스텀 클래스 */
+    itemClassName?: string;
+    /** 인디케이터 커스텀 클래스 */
+    dotsClassName?: string;
+    /** 인디케이터 활성화 상태 커스텀 클래스 */
+    dotActiveClassName?: string;
+    /** Embla 캐러셀 옵션 */
+    carouselOptions?: Parameters<typeof Carousel$1>[0]["opts"];
+    /** Embla 캐러셀 플러그인 */
+    plugins?: Parameters<typeof Carousel$1>[0]["plugins"];
+}
+declare const Carousel: React__default.ForwardRefExoticComponent<CarouselProps & React__default.RefAttributes<CarouselRef>>;
+
+interface FilePreviewViewerFeatures {
+    zoom?: boolean;
+    rotate?: boolean;
+    download?: boolean;
+    navigation?: boolean;
+}
+type PreviewFileType = "image" | "pdf" | "unsupported";
+
+interface FilePreviewViewerProps<T extends string = string> {
+    isOpen: boolean;
+    onClose: () => void;
+    files: T | Array<T>;
+    /** 각 파일의 타입을 명시적으로 지정합니다. blob URL처럼 URL에서 타입을 추론할 수 없을 때 사용합니다. */
+    fileTypes?: Array<PreviewFileType>;
+    /** 각 파일의 원본 파일명을 지정합니다. blob URL처럼 URL에서 파일명을 추출할 수 없을 때 사용합니다. */
+    fileNames?: Array<string>;
+    initialIndex?: number;
+    features?: Partial<FilePreviewViewerFeatures>;
+}
+declare function FilePreviewViewer<T extends string = string>(props: FilePreviewViewerProps<T>): React$1.JSX.Element | null;
+
+interface TableCellRenderContext {
+    value: unknown;
+    rowIndex: number;
+    rowId: string;
+    fieldKey: string;
+    onChange: (value: string) => void;
+    onBlur: () => void;
+    onDelete: () => void;
+    isFirstRow: boolean;
+    disabled?: boolean;
+    hasError?: boolean;
+    errorClassName?: string;
+    /** submit 후 셀 하단에 표시할 메시지 (FormTable이 렌더; 커스텀 render에서도 사용 가능) */
+    errorMessage?: string;
+}
+interface SubmitTableColumn {
+    key: string;
+    title: ReactNode;
+    className?: string;
+    rowClassName?: string;
+    required?: boolean;
+    /** Plus 헤더 클릭 → 행 추가, Trash 셀 → 행 삭제 */
+    type?: "add";
+    cellType?: "text" | "number";
+    align?: "left" | "center" | "right";
+    maxLength?: number;
+    placeholder?: string;
+    render?: (ctx: TableCellRenderContext) => ReactNode;
+}
+interface FormTableProps<TFieldValues extends FieldValues = FieldValues> {
+    /** React Hook Form 배열 필드 경로 */
+    name?: Path<TFieldValues>;
+    /** gg-livestock formKey (name과 동일) */
+    formKey?: Path<TFieldValues>;
+    label: string;
+    columns?: SubmitTableColumn[];
+    /** gg-livestock column */
+    column?: SubmitTableColumn[];
+    colspan?: number;
+    isLabel?: boolean;
+    /** 첫 행 수정 시 모든 행에 동일 값 반영 (수정란 분류 등) */
+    firstRowAppliesAll?: boolean;
+    containerClassName?: string;
+    minRows?: number;
+    /** 첫 행 삭제 불가 (약품 수불 기본 행) */
+    protectFirstRow?: boolean;
+    createEmptyRow: () => Record<string, unknown>;
+    disabled?: boolean;
+}
+type FormFieldType = "input" | "email" | "password" | "number" | "money" | "phone" | "textarea" | "select" | "radio" | "checkbox" | "date" | "date-range" | "switch" | "file" | "address" | "input-with-button" | "cascading-select" | "select-with-input";
+interface SelectOption$1 {
+    label: string;
+    value: string | number;
+}
+interface SubmitFormSelectClassNames {
+    containerClassName?: string;
+    triggerClassName?: string;
+}
+type SubmitFormSelectClassNameProp = string | SubmitFormSelectClassNames;
+interface AddressFieldClassNames {
+    controlClassName?: string;
+    inputClassName?: string;
+    buttonClassName?: string;
+}
+interface CascadingSelectFieldClassNames {
+    controlClassName?: string;
+    firstClassName?: SubmitFormSelectClassNameProp;
+    secondClassName?: SubmitFormSelectClassNameProp;
+}
+interface SelectWithInputFieldClassNames {
+    controlClassName?: string;
+    selectClassName?: SubmitFormSelectClassNameProp;
+    inputClassName?: string;
+}
+interface CascadingSelectFieldConfig {
+    primaryOptions: SelectOption$1[];
+    getSecondaryOptions: (primaryValue: string) => SelectOption$1[];
+    primaryPlaceholder?: string;
+    secondaryPlaceholder?: string;
+    separator?: string;
+}
+interface SelectWithInputFieldConfig {
+    inputMode?: "number" | "text";
+}
+interface InputWithButtonFieldConfig {
+    buttonLabel?: string;
+}
+interface FormFieldConfig<TFieldValues extends FieldValues = FieldValues> {
+    name: Path<TFieldValues>;
+    label: string;
+    type?: FormFieldType;
+    placeholder?: string;
+    required?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    maxLength?: number;
+    options?: SelectOption$1[];
+    className?: string;
+    allowDecimal?: boolean;
+    canReset?: boolean;
+    datePosition?: "top" | "bottom";
+    disableFutureDates?: boolean;
+    /**
+     * 이 필드 값이 바뀌거나 blur될 때 함께 재검증할 필드 경로.
+     * 비밀번호 확인·시작/종료일 등 객체 superRefine 연동에 사용.
+     */
+    revalidateFields?: Path<TFieldValues>[];
+    renderCustomField?: (props: CustomFieldRenderProps<TFieldValues>) => ReactNode;
+    colspan?: number;
+    checkboxLabel?: string;
+    contentAlign?: "left" | "center" | "right";
+    addressDetailKey?: Path<TFieldValues>;
+    addressClassNames?: AddressFieldClassNames;
+    cascadingSelect?: CascadingSelectFieldConfig;
+    cascadingSelectClassNames?: CascadingSelectFieldClassNames;
+    selectWithInput?: SelectWithInputFieldConfig;
+    selectWithInputClassNames?: SelectWithInputFieldClassNames;
+    inputWithButton?: InputWithButtonFieldConfig;
+    onClickInputWithButton?: () => void;
+}
+interface CustomFieldRenderProps<TFieldValues extends FieldValues = FieldValues> {
+    field: ControllerRenderProps<TFieldValues, Path<TFieldValues>>;
+    fieldState: ControllerFieldState;
+}
+interface SubmitFormProps<TSchema extends z.ZodTypeAny = z.ZodTypeAny> {
+    schema: TSchema;
+    formId: string;
+    defaultValues?: z.input<TSchema>;
+    onSubmit: (data: z.infer<TSchema>) => void | Promise<void>;
+    children: ReactNode;
+    className?: string;
+    formClassName?: string;
+    gridClassName?: string;
+    /**
+     * React Hook Form validation mode. 기본 `onSubmit` — blur 시 자동 zod 검증 없음.
+     * blur 검증은 FormField가 `trigger`로 수동 실행.
+     */
+    mode?: "onBlur" | "onChange" | "onSubmit" | "onTouched" | "all";
+}
+
+declare function FormTable<TFieldValues extends FieldValues = FieldValues>(props: FormTableProps<TFieldValues>): React$1.JSX.Element;
+
+type SubmitFormRowProps<TFieldValues extends FieldValues = FieldValues> = Omit<FormFieldConfig<TFieldValues>, "name" | "type"> & {
+    formKey: Path<TFieldValues>;
+    name?: Path<TFieldValues>;
+    formType?: FormFieldType;
+    type?: FormFieldType;
+};
+
+declare function SubmitFormRow<TFieldValues extends FieldValues = FieldValues>(props: SubmitFormRowProps<TFieldValues>): React$1.JSX.Element;
+
+declare function SubmitFormRoot<TSchema extends z.ZodTypeAny = z.ZodTypeAny>(props: SubmitFormProps<TSchema>): React$1.JSX.Element;
+declare const SubmitForm: typeof SubmitFormRoot & {
+    Row: typeof SubmitFormRow;
+    Table: typeof FormTable;
+};
+
+type SelectableOption = {
+    label: string;
+    value: string;
+};
+interface BaseOption<P> {
+    label?: string;
+    key: keyof P;
+}
+type InputOption<P> = BaseOption<P> & {
+    type: "input";
+    placeholder?: string;
+};
+type SelectOption<P> = BaseOption<P> & {
+    type: "select";
+    options: Array<SelectableOption>;
+    placeholder?: string;
+};
+type RadioOption<P> = BaseOption<P> & {
+    type: "radio";
+    options: Array<SelectableOption>;
+};
+type DateOption<P> = BaseOption<P> & {
+    type: "date";
+    placeholder?: string;
+};
+type DateRangeOption<P> = BaseOption<P> & {
+    type: "date-range";
+    endKey: keyof P;
+};
+type CheckboxOption<P> = BaseOption<P> & {
+    type: "checkbox";
+    options: Array<SelectableOption>;
+};
+type FilterOption<P> = InputOption<P> | SelectOption<P> | RadioOption<P> | DateOption<P> | DateRangeOption<P> | CheckboxOption<P>;
+interface FilterRow<P> {
+    options: Array<FilterOption<P>>;
+}
+
+interface PageFilterProps<P> {
+    rows: Array<FilterRow<P>>;
+    onChange: (updates: Partial<P>) => void;
+    onSubmit: () => void;
+    onReset?: () => void;
+    containerClassName?: string;
+    rowGap?: number;
+    colGap?: number;
+    submitButtonText?: string;
+    resetButtonText?: string;
+    values: P;
+}
+declare function PageFilter<P extends Record<keyof P, string>>(props: PageFilterProps<P>): React$1.JSX.Element;
+
+type MultiTab = {
+    id: string;
+    basePath: string;
+    label: string;
+    currentPath: string;
+};
+interface MultiTabStore {
+    tabs: MultiTab[];
+    activeTabId: string | null;
+    hasHydrated: boolean;
+    /**
+     * 탭 열기 (메뉴 클릭용)
+     * - 동일 basePath 탭이 있으면 활성화 후 currentPath 반환
+     * - 없으면 새 탭 생성 후 null 반환
+     */
+    openTab: (basePath: string, label: string, initialPath?: string) => string | null;
+    /**
+     * 탭 강제 추가 ([+] 버튼용)
+     * - 동일 basePath가 있어도 항상 새 탭 생성
+     */
+    addTab: (basePath: string, label: string, currentPath: string) => string;
+    /**
+     * 탭 전환
+     * - 이전 탭의 currentPath를 fromPath로 갱신 후 대상 탭 활성화
+     * - 전환할 탭의 currentPath 반환
+     */
+    switchToTab: (toId: string, fromPath: string) => string;
+    closeTab: (id: string) => string | null;
+    updateCurrentPath: (id: string, path: string) => void;
+    setActiveTabId: (id: string) => void;
+    setHasHydrated: (v: boolean) => void;
+}
+declare const useMultiTabStore: zustand.UseBoundStore<Omit<zustand.StoreApi<MultiTabStore>, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<zustand_middleware.PersistOptions<MultiTabStore, unknown>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: MultiTabStore) => void) => () => void;
+        onFinishHydration: (fn: (state: MultiTabStore) => void) => () => void;
+        getOptions: () => Partial<zustand_middleware.PersistOptions<MultiTabStore, unknown>>;
+    };
+}>;
+
+interface MultiTabBarProps {
+    tabs: Array<MultiTab>;
+    activeTabId: string | null;
+    onTabClick: (tabId: string) => void;
+    onTabClose: (tabId: string) => void;
+    onTabAdd?: () => void;
+}
+declare function MultiTabBar(props: MultiTabBarProps): React$1.JSX.Element | null;
+
+type SearchAddressProps = {
+    ref?: Ref<HTMLButtonElement>;
+    handleComplete: (data: Address) => void;
+    disabled?: boolean;
+    label?: string;
+    buttonClassName?: string;
+};
+declare function SearchAddress(props: SearchAddressProps): React$1.JSX.Element;
+
+interface ScrollBarProps {
+    direction: "horizontal" | "vertical";
+    scrollRef: RefObject<HTMLDivElement | null>;
+}
+declare function ScrollBar(props: ScrollBarProps): React$1.JSX.Element | null;
+
+interface ToggleSwitchProps {
+    isOn: boolean;
+    toggleSwitch: () => void;
+    offText?: string;
+    onText?: string;
+    width?: string;
+    height?: string;
+    circleSize?: string;
+    onColor?: {
+        from: string;
+        to: string;
+    };
+    offColor?: {
+        from: string;
+        to: string;
+    };
+    textPosition?: {
+        on: string;
+        off: string;
+    };
+}
+declare function ToggleSwitch(props: ToggleSwitchProps): React$1.JSX.Element;
+
+interface ExcelUploaderProps {
+    files: Array<File>;
+    onChange: (files: Array<File>) => void;
+    disabled?: boolean;
+    className?: string;
+}
+declare function ExcelUploader(props: ExcelUploaderProps): React$1.JSX.Element;
+
+interface FileUploaderProps {
+    files: Array<File>;
+    onChange: (files: Array<File>) => void;
+    multiple?: boolean;
+    disabled?: boolean;
+    className?: string;
+}
+declare function FileUploader(props: FileUploaderProps): React$1.JSX.Element;
+
+type DetailMode = "read" | "edit";
+type DetailFieldType = "text" | "badge" | "tag" | "link" | "image" | "date" | "number" | "boolean";
+type BadgeTone = "success" | "warning" | "error" | "info" | "default";
+interface DetailRenderContext<T> {
+    value: T[keyof T];
+    row: T;
+    mode: DetailMode;
+}
+interface DetailField<T> {
+    kind?: "field";
+    key: keyof T & string;
+    label: string;
+    type?: DetailFieldType;
+    tone?: (value: T[keyof T]) => BadgeTone;
+    render?: (ctx: DetailRenderContext<T>) => ReactNode;
+    colspan?: number;
+}
+interface DetailSection<T> {
+    kind: "section";
+    render: (ctx: {
+        data: T;
+        mode: DetailMode;
+    }) => ReactNode;
+    colspan?: number;
+}
+type DetailFieldOrSection<T> = DetailField<T> | DetailSection<T>;
+interface DetailEditBodyContext<TFieldValues extends FieldValues, S extends z.ZodTypeAny> {
+    methods: UseFormReturn<z.infer<S>>;
+    data: TFieldValues;
+}
+interface DetailController {
+    mode: DetailMode;
+    isDirty: boolean;
+    isSaving: boolean;
+    /** <form id> 연결용 — SubmitForm + 외부 submit 버튼 패턴 */
+    formId: string;
+    toEdit: () => void;
+    toRead: () => void;
+    /** DetailEditView 내부 FormDirtyBridge 에서 호출 */
+    handleDirtyChange: (dirty: boolean) => void;
+    /** onSave 시작/완료 신호 — DetailEditView 에서 호출 */
+    handleSaveStart: () => void;
+    handleSaveEnd: () => void;
+}
+interface UseDetailControllerParams {
+    /** controlled mode: URL params 등 외부에서 mode 관리 시 주입 */
+    mode?: DetailMode;
+    onModeChange?: (mode: DetailMode) => void;
+}
+interface DetailContentProps<T, S extends z.ZodTypeAny = z.ZodTypeAny> {
+    controller: DetailController;
+    data: T | undefined;
+    readFields: Array<DetailFieldOrSection<T>>;
+    editSchema?: S;
+    editFields?: Array<FormFieldConfig<z.infer<S>>>;
+    onSave?: (data: z.infer<S>) => Promise<void>;
+    /** Body 전면 교체 — schema로 표현 불가한 read 영역 */
+    renderReadBody?: (ctx: {
+        data: T;
+    }) => ReactNode;
+    /** Body 전면 교체 — edit 영역 (RHF methods 포함) */
+    renderEditBody?: (ctx: DetailEditBodyContext<z.infer<S>, S>) => ReactNode;
+    layout?: "compact" | "full";
+    className?: string;
+}
+
+interface DetailModalFrameProps<T, S extends z.ZodTypeAny = z.ZodTypeAny> {
+    open: boolean;
+    title: string;
+    data: T | undefined;
+    readFields: Array<DetailFieldOrSection<T>>;
+    editSchema?: S;
+    editFields?: Array<FormFieldConfig<z.infer<S>>>;
+    onSave?: (data: z.infer<S>) => Promise<void>;
+    onDone: () => void;
+    renderReadBody?: DetailContentProps<T, S>["renderReadBody"];
+    renderEditBody?: DetailContentProps<T, S>["renderEditBody"];
+    /** controlled mode 주입 (URL query 등으로 외부에서 mode 관리 시) */
+    mode?: UseDetailControllerParams["mode"];
+    onModeChange?: UseDetailControllerParams["onModeChange"];
+    contentClassName?: string;
+}
+declare function DetailModalFrame<T, S extends z.ZodTypeAny = z.ZodTypeAny>(props: DetailModalFrameProps<T, S>): React$1.JSX.Element;
+
+interface DetailPageFrameProps<T, S extends z.ZodTypeAny = z.ZodTypeAny> {
+    data: T | undefined;
+    readFields: Array<DetailFieldOrSection<T>>;
+    editSchema?: S;
+    editFields?: Array<FormFieldConfig<z.infer<S>>>;
+    onSave?: (data: z.infer<S>) => Promise<void>;
+    /** 닫기/뒤로가기 — navigate(-1) 또는 라우터 이동 */
+    onDone: () => void;
+    renderReadBody?: DetailContentProps<T, S>["renderReadBody"];
+    renderEditBody?: DetailContentProps<T, S>["renderEditBody"];
+    /** controlled mode 주입 (URL ?mode=edit 등) */
+    mode?: UseDetailControllerParams["mode"];
+    onModeChange?: UseDetailControllerParams["onModeChange"];
+    className?: string;
+}
+declare function DetailPageFrame<T, S extends z.ZodTypeAny = z.ZodTypeAny>(props: DetailPageFrameProps<T, S>): React$1.JSX.Element;
+
+declare function DetailContent<T, S extends z.ZodTypeAny = z.ZodTypeAny>(props: DetailContentProps<T, S>): React$1.JSX.Element;
+
+declare function useDetailController(params?: UseDetailControllerParams): DetailController;
+
+/**
+ * URL query parameter를 사용하여 모달을 관리하는 hook
+ * @param modalKey - URL query parameter에 사용될 키 (예: "modal", "dialog")
+ * @returns { isOpen, openModal, closeModal }
+ * 모달 open 시 URL query parameter에 modalKey를 true로 설정 닫을 시 삭제
+ */
+declare function useModal(modalKey?: string): {
+    isOpen: boolean;
+    openModal: () => void;
+    closeModal: () => void;
+};
+
+interface ConfirmArgs {
+    currentLocation: Location;
+    nextLocation: Location;
+}
+interface UseCustomBlockerOptions {
+    enabled: boolean;
+    isDirty: boolean;
+    bypass?: boolean;
+    message?: string;
+    confirm?: (args: ConfirmArgs) => boolean | Promise<boolean>;
+    excludedPaths?: Array<string>;
+}
+type CustomBlockerState = "idle" | "blocked" | "confirming";
+interface UseCustomBlockerResult {
+    proceed: () => void;
+    reset: () => void;
+    state: CustomBlockerState;
+}
+declare function useCustomBlocker(options: UseCustomBlockerOptions): UseCustomBlockerResult;
+
+interface BlockModalConfirmOptions {
+    content?: string;
+    onOk?: () => void | Promise<void>;
+    onCancel?: () => void | Promise<void>;
+    okText?: string;
+    cancelText?: string;
+}
+declare function useBlockModalConfirm(): {
+    promiseConfirm: (options: BlockModalConfirmOptions) => Promise<boolean>;
+};
+
+/**
+ * 스크롤을 맨 위로 이동시키는 함수를 반환하는 hook
+ * @param containerId - 스크롤할 컨테이너의 id (없으면 window 스크롤)
+ * @returns scrollToTop - 호출 시 스크롤을 맨 위로 이동
+ *
+ * @example
+ * // window 스크롤
+ * const scrollToTop = useScrollToTop();
+ *
+ * // 특정 컨테이너 스크롤
+ * const scrollToTop = useScrollToTop("doc-scroll-container");
+ *
+ * // 버튼 클릭 시 스크롤 이동
+ * <button onClick={scrollToTop}>맨 위로</button>
+ *
+ * // 또는 함수 내에서 직접 호출
+ * const handleSubmit = () => {
+ *   // ... 로직
+ *   scrollToTop();
+ * }
+ */
+declare function useScrollToTop(containerId?: string): () => void;
+
+declare function cn(...inputs: Array<ClassValue>): string;
+declare const buttonVariants: (props?: ({
+    variant?: "outline" | "save" | "delete" | "reset" | "search" | "file" | "carousel" | "accent" | "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?: ({
+    variant?: "default" | "muted" | "danger" | "success" | "info" | null | undefined;
+    size?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | null | undefined;
+    weight?: "normal" | "medium" | "semibold" | "bold" | null | undefined;
+    color?: "default" | "main" | "lightGray" | "basicGray" | "darkGray" | "white" | "black" | "gray" | "brown" | "orange" | "yellow" | "green" | "blue" | "purple" | "pink" | "red" | "inherit" | null | undefined;
+    textLine?: "underline" | "strikethrough" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+declare const Z_INDEX: {
+    readonly TABLE_COL_STICKY: 1;
+    readonly TABLE_FIXED_CELL: 5;
+    readonly TABLE_FIXED_HEADER_CELL: 10;
+    readonly LOCAL_OVERLAY: 10;
+    readonly LAYOUT_HEADER: 20;
+    readonly DROPDOWN_LOCAL: 20;
+    readonly SIDEBAR_CONTAINER: 30;
+    readonly SIDEBAR_BACKDROP: 40;
+    readonly SIDEBAR: 50;
+    readonly DROPDOWN: 50;
+    readonly CALENDAR_ANCHORED: 50;
+    readonly LOADING_OVERLAY_DEFAULT: 50;
+    readonly DRAWING_CANVAS_1: 51;
+    readonly DRAWING_CANVAS_2: 52;
+    readonly DRAWING: 53;
+    readonly MODAL_OVERLAY: 54;
+    readonly MODAL: 55;
+    readonly CALENDAR_PORTAL: 60;
+    readonly SELECT_CONTENT: 100;
+    readonly TOP: 9999;
+    readonly MODAL_Z_STEP: 10;
+};
+type ZIndexKey = keyof typeof Z_INDEX;
+
+export { Badge, type BadgeProps, BreadCrumb, type BreadCrumbItem, type BreadCrumbProps, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Carousel, type CarouselProps, type CarouselRef, Checkbox, type CheckboxProps, type ConfirmOptions, DatePicker, DebouncedButton, type DebouncedButtonProps, DetailContent, type DetailContentProps, type DetailFieldOrSection, DetailModalFrame, type DetailMode, DetailPageFrame, Empty, ExcelUploader, FilePreviewViewer, FileUploader, Input, type InputProps, Loading, LoadingOverlay, type LoadingOverlayProps, type LoadingProps, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, ModalIconHeader, type ModalIconHeaderProps, ModalOverlay, type ModalProps, type ModalType, MultiTabBar as MultiTab, type MultiTab as MultiTabItem, PageFilter, Pagination, type PaginationProps, Popover, type PopoverAlign, PopoverAnchor, PopoverClose, PopoverContent, type PopoverContentProps, PopoverDescription, PopoverFooter, PopoverHeader, type PopoverPosition, PopoverTitle, PopoverTrigger, Radio, RadioGroup, type RadioGroupProps, type RadioOptionType, type RadioProps, ScrollArea, ScrollBar, SearchAddress, type SearchAddressProps, SearchBar, type SearchBarProps, Select, Select$1 as SelectBase, SelectContent, SelectGroup, SelectItem, SelectLabel, type SelectOptionType, type SelectProps, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SimplePopover, type SimplePopoverProps, Skeleton, type SkeletonProps, Slider, type SliderProps, Spinner, type SpinnerColor, type SpinnerProps, type SpinnerSize, SubmitForm, Switch, type SwitchProps, Tab, type TabItem, type TabProps, Table, Textarea, type TextareaProps, type ToastPosition, type ToastProps, ToastProvider, type ToastType, ToggleSwitch, Tooltip, type TooltipProps, type ZIndexKey, Z_INDEX, buildBreadCrumbItems, buttonVariants, cn, confirmModal, findParentMenuItem, findParentMenuName, switchTrackSizes, textVariants, toast, useBlockModalConfirm, useBreadCrumbItems, useCustomBlocker, useDetailController, useModal, useMultiTabStore, useScrollToTop, useToast };