@pnkx-lib/ui 1.9.204 → 1.9.206

package/types/Sidebar.d.ts

@@ -0,0 +1,29 @@
+import { default as default_2 } from 'react';
+import { JSX } from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+export declare type MenuType = {
+    name: string;
+    path: string;
+    isShow?: boolean;
+    isPrivateRoute?: boolean;
+    icon?: ReactNode;
+    isShowLabel?: boolean;
+    component?: default_2.LazyExoticComponent<default_2.MemoExoticComponent<any>> | default_2.ExoticComponent<any> | ReactNode | default_2.FC;
+    componentProps?: Record<string, any>;
+    children?: MenuType[];
+};
+
+export declare const Sidebar: ({ children, menu, userInfo }: SidebarProps) => JSX.Element;
+
+export declare interface SidebarProps {
+    children?: default_2.ReactNode;
+    menu: Array<MenuType>;
+    userInfo?: {
+        avatar: string;
+        name: string;
+        email: string;
+    };
+}
+
+export { }

package/types/Skeleton.d.ts

@@ -0,0 +1,11 @@
+import { JSX } from 'react/jsx-runtime';
+import { SkeletonProps as SkeletonProps_2 } from 'antd';
+
+export declare const Skeleton: ({ type, skeletonButtonCount }: SkeletonProps) => JSX.Element;
+
+export declare interface SkeletonProps extends SkeletonProps_2 {
+    type?: "table" | "form";
+    skeletonButtonCount?: number;
+}
+
+export { }

package/types/{components/fields/SliderRanger.d.ts → SliderRanger.d.ts}

@@ -1,12 +1,18 @@
-import { ControllerRenderProps, UseFormStateReturn } from 'react-hook-form';
-import { SliderRangeProps } from 'antd/es/slider';
-export interface SliderRangesProps extends Omit<SliderRangeProps, "onChange"> {
-    field?: ControllerRenderProps<any, any>;
-    formState?: UseFormStateReturn<any>;
-    label?: string;
-    required?: boolean;
-    afterOnChange?: (data: number[]) => void;
-    customStyleContainer?: string;
-    customStyleSlider?: string;
-}
-export declare const SliderRange: (props: SliderRangesProps) => import("react/jsx-runtime").JSX.Element;
+import { ControllerRenderProps } from 'react-hook-form';
+import { JSX } from 'react/jsx-runtime';
+import { SliderRangeProps } from 'antd/es/slider';
+import { UseFormStateReturn } from 'react-hook-form';
+
+export declare const SliderRange: (props: SliderRangesProps) => JSX.Element;
+
+export declare interface SliderRangesProps extends Omit<SliderRangeProps, "onChange"> {
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    label?: string;
+    required?: boolean;
+    afterOnChange?: (data: number[]) => void;
+    customStyleContainer?: string;
+    customStyleSlider?: string;
+}
+
+export { }

package/types/SliderSingle.d.ts

@@ -0,0 +1,18 @@
+import { ControllerRenderProps } from 'react-hook-form';
+import { JSX } from 'react/jsx-runtime';
+import { SliderSingleProps } from 'antd';
+import { UseFormStateReturn } from 'react-hook-form';
+
+export declare interface SliderProps extends Omit<SliderSingleProps, "onChange"> {
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    label?: string;
+    required?: boolean;
+    afterOnChange?: (data: number) => void;
+    customStyleContainer?: string;
+    customStyleSlider?: string;
+}
+
+export declare const SliderSingle: (props: SliderProps) => JSX.Element;
+
+export { }

package/types/Space.d.ts

@@ -0,0 +1,13 @@
+import { Space as Space_2 } from 'antd';
+import { SpaceProps } from 'antd';
+
+declare type BaseProps = {
+    containerClassName?: string;
+    spaceClassName?: string;
+};
+
+export declare const Space: typeof Space_2;
+
+export declare type SpacePropsUnion = BaseProps & SpaceProps;
+
+export { }

package/types/Spin.d.ts

@@ -0,0 +1,11 @@
+import { JSX } from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { SpinProps } from 'antd';
+
+export declare interface PnkxSpinProps extends SpinProps {
+    children?: ReactNode;
+}
+
+export declare const Spin: ({ children, ...rest }: PnkxSpinProps) => JSX.Element;
+
+export { }

package/types/Splitter.d.ts

@@ -0,0 +1,13 @@
+import { Splitter as Splitter_2 } from 'antd';
+import { SplitterProps } from 'antd';
+
+declare type BaseProps = {
+    containerClassName?: string;
+    spaceClassName?: string;
+};
+
+export declare const Splitter: typeof Splitter_2;
+
+export declare type SplitterPropsUnion = BaseProps & SplitterProps;
+
+export { }

package/types/Statistic.d.ts

@@ -0,0 +1,7 @@
+import { StatisticProps as StatisticProps_2 } from 'antd';
+
+export declare const Statistic: React.FC<StatisticProps>;
+
+export declare type StatisticProps = StatisticProps_2;
+
+export { }

package/types/Steps.d.ts

@@ -0,0 +1,20 @@
+import { StepProps as StepProps_2 } from 'antd';
+import { Steps as Steps_2 } from 'antd';
+import { StepsProps as StepsProps_2 } from 'antd';
+
+declare type BaseProps = {
+    containerClassName?: string;
+    stepsClassName?: string;
+};
+
+export declare type StepProps = StepProps_2;
+
+export declare const Steps: typeof Steps_2;
+
+export declare interface StepsProps extends StepsProps_2 {
+    items?: StepProps[];
+}
+
+export declare type StepsPropsUnion = BaseProps & StepsProps;
+
+export { }

package/types/Switch.d.ts

@@ -0,0 +1,18 @@
+import { ControllerRenderProps } from 'react-hook-form';
+import { JSX } from 'react/jsx-runtime';
+import { SwitchProps as SwitchProps_2 } from 'antd';
+import { UseFormStateReturn } from 'react-hook-form';
+
+export declare const Switch: (props: SwitchProps) => JSX.Element;
+
+export declare interface SwitchProps extends Omit<SwitchProps_2, "onChange"> {
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    label?: string;
+    required?: boolean;
+    afterOnChange?: (checked: boolean) => void;
+    customStyleContainer?: string;
+    customStyleSwitch?: string;
+}
+
+export { }

package/types/Tabs.d.ts

@@ -0,0 +1,18 @@
+import { default as default_2 } from 'react';
+import { TabsProps as TabsProps_2 } from 'antd';
+
+declare type TabItem = {
+    key: string;
+    label: default_2.ReactNode;
+    children: default_2.ReactNode;
+    disabled?: boolean;
+};
+
+export declare const Tabs: default_2.FC<TabsProps>;
+
+export declare type TabsProps = TabsProps_2 & {
+    items: TabItem[];
+    lazyRender?: boolean;
+};
+
+export { }

package/types/{components/ui/Tag.d.ts → Tag.d.ts}

@@ -1,5 +1,9 @@
-import { TagProps } from 'antd';
-export interface TaglineProps extends TagProps {
-    children: React.ReactNode | string;
-}
-export declare const Tag: React.FC<TaglineProps>;
+import { TagProps } from 'antd';
+
+export declare const Tag: React.FC<TaglineProps>;
+
+export declare interface TaglineProps extends TagProps {
+    children: React.ReactNode | string;
+}
+
+export { }

package/types/Textarea.d.ts

@@ -0,0 +1,17 @@
+import { ControllerRenderProps } from 'react-hook-form';
+import { default as default_2 } from 'react';
+import { TextAreaProps as TextAreaProps_2 } from 'antd/es/input';
+import { UseFormStateReturn } from 'react-hook-form';
+
+export declare const Textarea: default_2.ForwardRefExoticComponent<TextAreaProps & default_2.RefAttributes<HTMLTextAreaElement>>;
+
+export declare interface TextAreaProps extends TextAreaProps_2 {
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    label?: string;
+    customStyleTextarea?: string;
+    afterOnChange?: (value: string) => void;
+    required?: boolean;
+}
+
+export { }

package/types/TimePicker.d.ts

@@ -0,0 +1,16 @@
+import { ControllerRenderProps } from 'react-hook-form';
+import { Dayjs } from 'dayjs';
+import { default as default_2 } from 'react';
+import { TimePickerProps } from 'antd/es/time-picker';
+import { UseFormStateReturn } from 'react-hook-form';
+
+export declare const TimePicker: default_2.FC<TimeRangePickerProps>;
+
+declare interface TimeRangePickerProps extends Omit<TimePickerProps, "value" | "onChange"> {
+    afterOnChange?: (dates: [Dayjs | null, Dayjs | null] | null) => void;
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    label?: string;
+}
+
+export { }

package/types/TimeRangePicker.d.ts

@@ -0,0 +1,16 @@
+import { ControllerRenderProps } from 'react-hook-form';
+import { Dayjs } from 'dayjs';
+import { default as default_2 } from 'react';
+import { TimeRangePickerProps as TimeRangePickerProps_2 } from 'antd/es/time-picker';
+import { UseFormStateReturn } from 'react-hook-form';
+
+export declare const TimeRangePicker: default_2.FC<TimeRangePickerProps>;
+
+declare interface TimeRangePickerProps extends TimeRangePickerProps_2 {
+    afterOnChange?: (dates: [Dayjs | null, Dayjs | null] | null, dateStrings: [string, string]) => void;
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    label?: string;
+}
+
+export { }

package/types/Timeline.d.ts

@@ -0,0 +1,7 @@
+import { TimelineProps as TimelineProps_2 } from 'antd';
+
+export declare const Timeline: React.FC<TimelineProps>;
+
+export declare type TimelineProps = TimelineProps_2;
+
+export { }

package/types/{components/fields/TinyMCE.d.ts → TinyMCE.d.ts}

@@ -1,16 +1,22 @@
-import { IAllProps } from '@tinymce/tinymce-react';
-import { ControllerRenderProps, UseFormStateReturn } from 'react-hook-form';
-export interface TinyProps extends IAllProps {
-    height?: number | string;
-    openHidenMenubar?: boolean;
-    required?: boolean;
-    field?: ControllerRenderProps<any, any>;
-    formState?: UseFormStateReturn<any>;
-    label?: string;
-    customStyleLabel?: string;
-    text_patterns?: any;
-}
-export declare const TinyMCE: {
-    (props: TinyProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+import { ControllerRenderProps } from 'react-hook-form';
+import { IAllProps } from '@tinymce/tinymce-react';
+import { JSX } from 'react/jsx-runtime';
+import { UseFormStateReturn } from 'react-hook-form';
+
+export declare const TinyMCE: {
+    (props: TinyProps): JSX.Element;
+    displayName: string;
+};
+
+export declare interface TinyProps extends IAllProps {
+    height?: number | string;
+    openHidenMenubar?: boolean;
+    required?: boolean;
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    label?: string;
+    customStyleLabel?: string;
+    text_patterns?: any;
+}
+
+export { }

package/types/Tooltip.d.ts

@@ -0,0 +1,8 @@
+import { default as default_2 } from 'react';
+import { TooltipProps as TooltipProps_2 } from 'antd';
+
+export declare const Tooltip: default_2.FC<TooltipProps>;
+
+export declare type TooltipProps = TooltipProps_2;
+
+export { }

package/types/Tour.d.ts

@@ -0,0 +1,7 @@
+import { TourProps as TourProps_2 } from 'antd';
+
+export declare const Tour: React.FC<TourProps>;
+
+export declare type TourProps = TourProps_2;
+
+export { }

package/types/Tree.d.ts

@@ -0,0 +1,7 @@
+import { TreeProps as TreeProps_2 } from 'antd';
+
+export declare const Tree: React.FC<TreeProps>;
+
+export declare type TreeProps = TreeProps_2;
+
+export { }

package/types/Typography.d.ts

@@ -0,0 +1,12 @@
+import { JSX } from 'react/jsx-runtime';
+import { ParagraphProps } from 'antd/es/typography/Paragraph';
+import { TextProps } from 'antd/es/typography/Text';
+import { TitleProps } from 'antd/es/typography/Title';
+
+export declare const Typography: {
+    Title: (props: TitleProps) => JSX.Element;
+    Paragraph: (props: ParagraphProps) => JSX.Element;
+    Text: (props: TextProps) => JSX.Element;
+};
+
+export { }

package/types/Upload.d.ts

@@ -0,0 +1,23 @@
+import { ControllerFieldState } from 'react-hook-form';
+import { ControllerRenderProps } from 'react-hook-form';
+import { JSX } from 'react/jsx-runtime';
+import { UploadFile } from 'antd';
+import { UploadProps } from 'antd';
+import { UseFormStateReturn } from 'react-hook-form';
+
+export declare const UploadField: (props: UploadFieldProps) => JSX.Element;
+
+export declare interface UploadFieldProps extends Omit<UploadProps, "value" | "onChange" | "fileList"> {
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    fieldState?: ControllerFieldState;
+    label?: string;
+    required?: boolean;
+    maxFiles?: number;
+    uploadButtonText?: string;
+    customStyleContainer?: string;
+    customStyleUpload?: string;
+    afterOnChange?: (fileList: UploadFile[]) => void;
+}
+
+export { }

package/types/UploadImage.d.ts

@@ -0,0 +1,9 @@
+import { default as default_2 } from 'react';
+
+export declare const UploadImage: default_2.FC<UploadImageProps>;
+
+declare interface UploadImageProps {
+    onUploadSuccess?: (url: string) => void;
+}
+
+export { }

package/types/{components/ui/Watermark.d.ts → Watermark.d.ts}

@@ -1,2 +1,6 @@
-import { WatermarkProps } from 'antd';
-export declare const Watermark: ({ ...rest }: WatermarkProps) => import("react/jsx-runtime").JSX.Element;
+import { JSX } from 'react/jsx-runtime';
+import { WatermarkProps } from 'antd';
+
+export declare const Watermark: ({ ...rest }: WatermarkProps) => JSX.Element;
+
+export { }

package/types/index.d.ts

@@ -1,2 +1,42 @@
-export * from './components/index'
-export {}
+export declare const PAGE_NUMBER = "page";
+
+export declare const PAGE_SIZE = "size";
+
+export declare const SORT = "sort";
+
+export declare const START_PAGE = 1;
+
+export declare const START_PAGE_SIZE = 10;
+
+export declare const TINY_API = "miai0qn3c79adm555yoxd9kz6j6a323ek760nf7qd81nv1p5";
+
+export declare enum TypeActionRowTable {
+    DELETE = "DELETE",
+    EDIT = "EDIT",
+    UNDO = "UNDO",
+    CANCELUNDO = "CANCELUNDO",
+    CHECKIN = "CHECKIN",
+    PRINT = "PRINT",
+    PAYMENT = "PAYMENT",
+    PLAY = "PLAY",
+    PAUSE = "PAUSE",
+    DOWNLOAD = "DOWNLOAD",
+    VIEW = "VIEW"
+}
+
+export declare enum TypeBulkActions {
+    BULKACTION = "bulkaction",
+    DROPLIST = "droplist"
+}
+
+export declare enum TypeStatusTable {
+    ALL = "ALL",// Tất cả
+    DRAFT = 0,// Tạo mới
+    WAITING_APPROVAL = 1,// Chờ duyệt
+    ACTIVE = 2,// Hoạt động
+    INACTIVE = 3,// Ngưng hoạt động
+    REJECTED = 4,// Từ chối duyệt
+    DELETED = 5
+}
+
+export { }

package/types/{components/hooks/useMessage.d.ts → useMessage.d.ts}

@@ -1,5 +1,9 @@
-import { ArgsProps } from 'antd/lib/message';
-export type OptionalArgsMessage = Partial<ArgsProps> & {
-    type?: ArgsProps["type"];
-};
-export declare const useMessage: (defaultProps?: OptionalArgsMessage) => (overrideProps?: OptionalArgsMessage) => void;
+import { ArgsProps } from 'antd/lib/message';
+
+export declare type OptionalArgsMessage = Partial<ArgsProps> & {
+    type?: ArgsProps["type"];
+};
+
+export declare const useMessage: (defaultProps?: OptionalArgsMessage) => (overrideProps?: OptionalArgsMessage) => void;
+
+export { }

package/types/{components/hooks/useToast.d.ts → useToast.d.ts}

@@ -1,12 +1,16 @@
-import { ArgsProps } from 'antd/es/notification';
-export type OptionalArgsToast = Partial<ArgsProps> & {
-    message?: React.ReactNode;
-    type?: "success" | "error" | "info" | "warning";
-};
-export declare const useToast: (defaultProps?: OptionalArgsToast) => {
-    (overrideProps?: OptionalArgsToast): void;
-    success(props?: OptionalArgsToast): void;
-    error(props?: OptionalArgsToast): void;
-    info(props?: OptionalArgsToast): void;
-    warning(props?: OptionalArgsToast): void;
-};
+import { ArgsProps } from 'antd/es/notification';
+
+export declare type OptionalArgsToast = Partial<ArgsProps> & {
+    message?: React.ReactNode;
+    type?: "success" | "error" | "info" | "warning";
+};
+
+export declare const useToast: (defaultProps?: OptionalArgsToast) => {
+    (overrideProps?: OptionalArgsToast): void;
+    success(props?: OptionalArgsToast): void;
+    error(props?: OptionalArgsToast): void;
+    info(props?: OptionalArgsToast): void;
+    warning(props?: OptionalArgsToast): void;
+};
+
+export { }

package/types/components/fields/CascaderField.d.ts

@@ -1,14 +0,0 @@
-import { CascaderProps as CascaderPropsAntd } from 'antd';
-import { ControllerRenderProps, UseFormSetValue, UseFormStateReturn } from 'react-hook-form';
-interface CascaderFieldProps extends CascaderPropsAntd {
-    field?: ControllerRenderProps<any, any>;
-    formState?: UseFormStateReturn<any>;
-    setValue?: UseFormSetValue<any>;
-    label?: string;
-    required?: boolean;
-    afterOnChange?: (value: any) => void;
-    classNameContainer?: string;
-    classNameCascader?: string;
-}
-export declare const Cascader: (props: CascaderFieldProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/types/components/fields/Checkbox.d.ts

@@ -1,12 +0,0 @@
-import { CheckboxProps as CheckboxAntdProps } from 'antd';
-import { ControllerRenderProps, UseFormStateReturn } from 'react-hook-form';
-export interface CheckboxProps extends Omit<CheckboxAntdProps, "onChange" | "checked"> {
-    field?: ControllerRenderProps<any, any>;
-    formState?: UseFormStateReturn<any>;
-    label?: string;
-    required?: boolean;
-    afterOnChange?: (checked: boolean) => void;
-    customStyleContainer?: string;
-    customStyleCheckbox?: string;
-}
-export declare const Checkbox: (props: CheckboxProps) => import("react/jsx-runtime").JSX.Element;

package/types/components/fields/DatePicker.d.ts

@@ -1,21 +0,0 @@
-import { default as React } from 'react';
-import { ReactDatePickerProps } from 'react-datepicker';
-import { ControllerRenderProps, UseFormSetValue, UseFormStateReturn } from 'react-hook-form';
-export type TSize = "small" | "medium" | "large";
-export interface DatePickerProps extends Omit<ReactDatePickerProps, "onChange"> {
-    field?: ControllerRenderProps<any, any>;
-    formState?: UseFormStateReturn<any>;
-    setValue?: UseFormSetValue<any>;
-    classNameDatepicker?: string;
-    disabledInputChange?: boolean;
-    required?: boolean;
-    dateFormat?: string | string[];
-    placeholder?: string;
-    label?: string;
-    maxDate?: Date;
-    showTimeSelect?: boolean;
-    customOnChange?: (date: any, event: React.SyntheticEvent<any>) => void;
-    customValue?: Date | null;
-    size?: TSize;
-}
-export declare const DatePicker: (props: DatePickerProps) => import("react/jsx-runtime").JSX.Element;

package/types/components/fields/Input.d.ts

@@ -1,33 +0,0 @@
-import { default as React, JSX } from 'react';
-import { InputProps as InputPropsAntd } from 'antd';
-import { ControllerRenderProps, UseFormStateReturn } from 'react-hook-form';
-type CustomInputTypeAttribute = React.HTMLInputTypeAttribute | "money";
-type TInputNumberType = "number" | "money";
-export interface InputProps extends InputPropsAntd {
-    field?: ControllerRenderProps<any, any>;
-    formState?: UseFormStateReturn<any>;
-    label?: string;
-    classNameInput?: string;
-    type?: CustomInputTypeAttribute;
-    afterOnChange?: (value: number | string | null) => void;
-    iconStartInput?: React.ReactNode;
-    iconEndInput?: React.ReactNode;
-    allowNegative?: boolean;
-    decimalScale?: number;
-    prefix?: string;
-    suffix?: string;
-    contentTooltip?: string;
-}
-export declare const Input: (props: InputProps) => import("react/jsx-runtime").JSX.Element;
-export interface PropsNumberFormat extends Omit<InputProps, "onChange" | "afterOnChange" | "value" | "defaultValue" | "iconStartInput" | "iconEndInput"> {
-    onChange?: (event: any) => void;
-    afterOnChange?: (value: string | number) => void;
-    value?: string;
-    name?: string;
-    ref: any;
-    type?: TInputNumberType;
-    prefix?: string;
-    suffix?: string;
-    helperText?: () => JSX.Element | null;
-}
-export {};

package/types/components/fields/PnkxField.d.ts

@@ -1,11 +0,0 @@
-import { Control } from 'react-hook-form';
-import * as React from "react";
-export type ComponentPropsType<TComponent> = TComponent extends React.ComponentType<infer P> ? P : never;
-export type PnkxFieldProps<TComponent extends React.ComponentType<any>> = {
-    control: Control<any, any>;
-    name: string;
-    component: TComponent;
-} & Omit<ComponentPropsType<TComponent>, "control" | "name" | "formState" | "field" | "fieldState">;
-export declare class PnkxField<TComponent extends React.ComponentType<any>> extends React.PureComponent<PnkxFieldProps<TComponent>> {
-    render(): import("react/jsx-runtime").JSX.Element;
-}

package/types/components/fields/Radio.d.ts

@@ -1,19 +0,0 @@
-import { RadioGroupProps } from 'antd';
-import { ControllerRenderProps, UseFormStateReturn } from 'react-hook-form';
-type TOptionGRadio = {
-    label: string;
-    value: string | number;
-};
-type TPositionRadio = "before" | "after";
-export interface RadioProps extends Omit<RadioGroupProps, "options" | "onChange"> {
-    field?: ControllerRenderProps<any, any>;
-    formState?: UseFormStateReturn<any>;
-    customStyleRadioGroup?: string;
-    customStyleRadio?: string;
-    customStyleWrap?: string;
-    afterOnChange?: (value: any) => void;
-    options: TOptionGRadio[];
-    position?: TPositionRadio;
-}
-export declare const RadioGroup: (props: RadioProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/types/components/fields/Select.d.ts

@@ -1,13 +0,0 @@
-import { SelectProps } from 'antd';
-import { ControllerRenderProps, UseFormSetValue, UseFormStateReturn } from 'react-hook-form';
-export interface SelectFieldProps extends SelectProps {
-    field?: ControllerRenderProps<any, any>;
-    formState?: UseFormStateReturn<any>;
-    setValue?: UseFormSetValue<any>;
-    label?: string;
-    required?: boolean;
-    afterOnChange?: (value: any) => void;
-    classNameContainer?: string;
-    classNameSelect?: string;
-}
-export declare const Select: (props: SelectFieldProps) => import("react/jsx-runtime").JSX.Element;

package/types/components/fields/SliderSingle.d.ts

@@ -1,12 +0,0 @@
-import { SliderSingleProps as SliderSingleAntdProps } from 'antd';
-import { ControllerRenderProps, UseFormStateReturn } from 'react-hook-form';
-export interface SliderProps extends Omit<SliderSingleAntdProps, "onChange"> {
-    field?: ControllerRenderProps<any, any>;
-    formState?: UseFormStateReturn<any>;
-    label?: string;
-    required?: boolean;
-    afterOnChange?: (data: number) => void;
-    customStyleContainer?: string;
-    customStyleSlider?: string;
-}
-export declare const SliderSingle: (props: SliderProps) => import("react/jsx-runtime").JSX.Element;