@datability/8ui 1.2.2 → 1.3.0

package/dist/types/components/assets/arrow-left.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const ArrowLeftSvg: React.FC<React.SVGProps<SVGSVGElement>>;
+export default ArrowLeftSvg;

package/dist/types/components/assets/arrow-right.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const ArrowRightSvg: React.FC<React.SVGProps<SVGSVGElement>>;
+export default ArrowRightSvg;

package/dist/types/components/assets/bar.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const BarSvg: React.FC<React.SVGProps<SVGSVGElement>>;
+export default BarSvg;

package/dist/types/components/assets/calendar.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const CalendarSvg: React.FC<React.SVGProps<SVGSVGElement>>;
+export default CalendarSvg;

package/dist/types/components/assets/check-circle-fill.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const CheckCircleFillSvg: React.FC<React.SVGProps<SVGSVGElement>>;
+export default CheckCircleFillSvg;

package/dist/types/components/assets/chevron-down.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const ChevronDownSvg: React.FC<React.SVGProps<SVGSVGElement>>;
+export default ChevronDownSvg;

package/dist/types/components/assets/chevron-left.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const ChevronLeftSvg: React.FC<React.SVGProps<SVGSVGElement>>;
+export default ChevronLeftSvg;

package/dist/types/components/assets/chevron-right.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const ChevronRightSvg: React.FC<React.SVGProps<SVGSVGElement>>;
+export default ChevronRightSvg;

package/dist/types/components/assets/dots-six-vertical.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const DotsSixVerticalSvg: React.FC<React.SVGProps<SVGSVGElement>>;
+export default DotsSixVerticalSvg;

package/dist/types/components/assets/empty-basic.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const EmptyBasicSvg: React.FC<React.SVGProps<SVGSVGElement>>;
+export default EmptyBasicSvg;

package/dist/types/components/assets/empty-simple.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const EmptySimpleSvg: React.FC<React.SVGProps<SVGSVGElement>>;
+export default EmptySimpleSvg;

package/dist/types/components/assets/eye-off.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const EyeOffSvg: React.FC<React.SVGProps<SVGSVGElement>>;
+export default EyeOffSvg;

package/dist/types/components/assets/eye.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const EyeSvg: React.FC<React.SVGProps<SVGSVGElement>>;
+export default EyeSvg;

package/dist/types/components/assets/file-earmark.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const FileEarmarkSvg: React.FC<React.SVGProps<SVGSVGElement>>;
+export default FileEarmarkSvg;

package/dist/types/components/assets/folder-closed.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const FolderClosedSvg: React.FC<React.SVGProps<SVGSVGElement>>;
+export default FolderClosedSvg;

package/dist/types/components/assets/folder-open.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const FolderOpenSvg: React.FC<React.SVGProps<SVGSVGElement>>;
+export default FolderOpenSvg;

package/dist/types/components/assets/gear.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const GearSvg: React.FC<React.SVGProps<SVGSVGElement>>;
+export default GearSvg;

package/dist/types/components/assets/heart-fill.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const HeartFillSvg: React.FC<React.SVGProps<SVGSVGElement>>;
+export default HeartFillSvg;

package/dist/types/components/assets/heart-outline.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const HeartOutlineSvg: React.FC<React.SVGProps<SVGSVGElement>>;
+export default HeartOutlineSvg;

package/dist/types/components/assets/icon-checkmark.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const IonCheckmarkSvg: React.FC<React.SVGProps<SVGSVGElement>>;
+export default IonCheckmarkSvg;

package/dist/types/components/assets/image-broken.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const ImageBrokenSvg: React.FC<React.SVGProps<SVGSVGElement>>;
+export default ImageBrokenSvg;

package/dist/types/components/assets/images.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const ImagesSvg: React.FC<React.SVGProps<SVGSVGElement>>;
+export default ImagesSvg;

package/dist/types/components/assets/inbox.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const InboxSvg: React.FC<React.SVGProps<SVGSVGElement>>;
+export default InboxSvg;

package/dist/types/components/assets/info-circle-fill.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const InfoCircleFillSvg: React.FC<React.SVGProps<SVGSVGElement>>;
+export default InfoCircleFillSvg;

package/dist/types/components/assets/search.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const SearchSvg: React.FC<React.SVGProps<SVGSVGElement>>;
+export default SearchSvg;

package/dist/types/components/assets/star-fill.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const StarFillSvg: React.FC<React.SVGProps<SVGSVGElement>>;
+export default StarFillSvg;

package/dist/types/components/assets/trash.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const TrashSvg: React.FC<React.SVGProps<SVGSVGElement>>;
+export default TrashSvg;

package/dist/types/components/assets/upload-simple.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const UploadSimpleSvg: React.FC<React.SVGProps<SVGSVGElement>>;
+export default UploadSimpleSvg;

package/dist/types/components/assets/warning-fill.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const WarningFillSvg: React.FC<React.SVGProps<SVGSVGElement>>;
+export default WarningFillSvg;

package/dist/types/components/assets/x-circle-fill.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const XCircleFillSvg: React.FC<React.SVGProps<SVGSVGElement>>;
+export default XCircleFillSvg;

package/dist/types/components/avatar-group/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsAvatarGroup } from './index.type';
+declare const AvatarGroup: React.FC<PropsAvatarGroup>;
+export default AvatarGroup;

package/dist/types/components/avatar-group/index.type.d.ts

@@ -0,0 +1,15 @@
+import { CSSProperties } from 'react';
+import { AvatarsSize } from '../avatars/index.type';
+export type AvatarGroupType = "spaced" | "overlap";
+export type AvatarGroupItem = {
+    src?: string;
+    initial?: string;
+};
+export type PropsAvatarGroup = {
+    items: AvatarGroupItem[];
+    type?: AvatarGroupType;
+    size?: AvatarsSize;
+    max?: number;
+    className?: string;
+    style?: CSSProperties;
+};

package/dist/types/components/avatars/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsAvatars } from './index.type';
+declare const Avatars: React.FC<PropsAvatars>;
+export default Avatars;

package/dist/types/components/avatars/index.type.d.ts

@@ -0,0 +1,11 @@
+import { CSSProperties } from 'react';
+export type AvatarsSize = "sm" | "md" | "lg" | "xl" | "2xl";
+export type AvatarsType = "image" | "initial";
+export type PropsAvatars = {
+    size?: AvatarsSize;
+    type?: AvatarsType;
+    src?: string;
+    initial?: string;
+    className?: string;
+    style?: CSSProperties;
+};

package/dist/types/components/battery/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsBattery } from './index.type';
+declare const Battery: React.FC<PropsBattery>;
+export default Battery;

package/dist/types/components/battery/index.type.d.ts

@@ -0,0 +1,6 @@
+export type BatteryVariant = "bw" | "color";
+export type PropsBattery = {
+    value: number;
+    variant?: BatteryVariant;
+    className?: string;
+};

package/dist/types/components/breadcrumbs/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsBreadcrumbs } from './index.type';
+declare const Breadcrumbs: React.FC<PropsBreadcrumbs>;
+export default Breadcrumbs;

package/dist/types/components/breadcrumbs/index.type.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export type BreadcrumbItem = {
+    label: ReactNode;
+    href?: string;
+    onClick?: () => void;
+};
+export type PropsBreadcrumbs = {
+    items: BreadcrumbItem[];
+    className?: string;
+};

package/dist/types/components/button/index.type.d.ts

@@ -1,7 +1,14 @@
-import { CSSProperties, ElementType } from 'react';
+import { CSSProperties, ElementType, ReactNode } from 'react';
+export type ButtonColor = "primary" | "secondary" | "tertiary" | "success" | "warning" | "danger" | "default" | "neutral" | "disabled";
+export type ButtonVariant = "default" | "outline" | "link";
+export type ButtonSize = "sm" | "md" | "lg";
 export type PropsButton = {
+    children?: ReactNode;
     name?: string;
     type?: "button" | "submit";
+    variant?: ButtonVariant;
+    color?: ButtonColor;
+    size?: ButtonSize;
     disabled?: boolean;
     onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
     startIcon?: string | ElementType;
@@ -9,4 +16,5 @@ export type PropsButton = {
     className?: string;
     style?: CSSProperties;
     isLoading?: boolean;
+    count?: number;
 };

package/dist/types/components/button-icon/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsButtonIcon } from './index.type';
+declare const ButtonIcon: React.FC<PropsButtonIcon>;
+export default ButtonIcon;

package/dist/types/components/button-icon/index.type.d.ts

@@ -0,0 +1,15 @@
+import { CSSProperties, ElementType } from 'react';
+export type ButtonIconColor = "primary" | "secondary" | "tertiary" | "danger" | "default" | "neutral" | "disabled";
+export type ButtonIconVariant = "default" | "outline" | "ghost";
+export type ButtonIconSize = "sm" | "md" | "lg";
+export type PropsButtonIcon = {
+    icon: string | ElementType;
+    type?: "button" | "submit";
+    variant?: ButtonIconVariant;
+    color?: ButtonIconColor;
+    size?: ButtonIconSize;
+    disabled?: boolean;
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    className?: string;
+    style?: CSSProperties;
+};

package/dist/types/components/calendar/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsCalendar } from './index.type';
+declare const Calendar: React.FC<PropsCalendar>;
+export default Calendar;

package/dist/types/components/calendar/index.type.d.ts

@@ -0,0 +1,9 @@
+export type PropsCalendar = {
+    value?: Date | null;
+    onChange?: (date: Date) => void;
+    rangeStart?: Date | null;
+    rangeEnd?: Date | null;
+    min?: Date;
+    max?: Date;
+    className?: string;
+};

package/dist/types/components/chip/index.type.d.ts

@@ -1,9 +1,11 @@
-import { CSSProperties, ElementType } from 'react';
+import { ReactNode } from 'react';
+export type ChipColor = "default" | "primary" | "secondary" | "tertiary";
+export type ChipSize = "sm" | "md" | "lg";
 export type PropsChip = {
-    label: string;
-    onDelete?: () => void;
-    onClick?: () => void;
-    icon?: string | ElementType;
+    children: ReactNode;
+    color?: ChipColor;
+    size?: ChipSize;
+    disabled?: boolean;
+    onRemove?: () => void;
     className?: string;
-    style?: CSSProperties;
 };

package/dist/types/components/counter-label/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsCounterLabel } from './index.type';
+declare const CounterLabel: React.FC<PropsCounterLabel>;
+export default CounterLabel;

package/dist/types/components/counter-label/index.type.d.ts

@@ -0,0 +1,9 @@
+export type CounterLabelShape = "circle" | "ellipse";
+export type CounterLabelSize = "sm" | "md" | "lg" | "xl";
+export type CounterLabelType = "default" | "secondary" | "brand-primary" | "brand-secondary" | "brand-tertiary" | "black" | "white" | "red";
+export type PropsCounterLabel = {
+    children: React.ReactNode;
+    shape?: CounterLabelShape;
+    size?: CounterLabelSize;
+    type?: CounterLabelType;
+};

package/dist/types/components/dialog-box/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsDialogBox } from './index.type';
+declare const DialogBox: React.FC<PropsDialogBox>;
+export default DialogBox;

package/dist/types/components/dialog-box/index.type.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { ButtonColor } from '../button/index.type';
+export type PropsDialogBox = {
+    open: boolean;
+    onClose: () => void;
+    title?: ReactNode;
+    children?: ReactNode;
+    onConfirm?: () => void;
+    onCancel?: () => void;
+    confirmText?: string;
+    cancelText?: string;
+    confirmColor?: ButtonColor;
+    showCancel?: boolean;
+};

package/dist/types/components/empty/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsEmpty } from './index.type';
+declare const Empty: React.FC<PropsEmpty>;
+export default Empty;

package/dist/types/components/empty/index.type.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export type EmptyType = "basic" | "simple";
+export type PropsEmpty = {
+    type?: EmptyType;
+    description?: ReactNode;
+    image?: ReactNode;
+    action?: ReactNode;
+    className?: string;
+};

package/dist/types/components/favorite/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsFavorite } from './index.type';
+declare const Favorite: React.FC<PropsFavorite>;
+export default Favorite;

package/dist/types/components/favorite/index.type.d.ts

@@ -0,0 +1,7 @@
+export type FavoriteVariant = "ghost" | "contained";
+export type PropsFavorite = {
+    liked?: boolean;
+    variant?: FavoriteVariant;
+    onClick?: () => void;
+    className?: string;
+};

package/dist/types/components/file-uploader/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsFileUploader } from './index.type';
+declare const FileUploader: React.FC<PropsFileUploader>;
+export default FileUploader;

package/dist/types/components/file-uploader/index.type.d.ts

@@ -0,0 +1,12 @@
+export type FileUploaderSize = "sm" | "md";
+export type FileUploaderVariant = "default" | "neutral";
+export type PropsFileUploader = {
+    size?: FileUploaderSize;
+    variant?: FileUploaderVariant;
+    preview?: string;
+    progress?: number;
+    onChange?: (file: File | null) => void;
+    onDelete?: () => void;
+    accept?: string;
+    className?: string;
+};

package/dist/types/components/input/auto-complete/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsAutoComplete } from './index.type';
+declare const AutoComplete: React.FC<PropsAutoComplete>;
+export default AutoComplete;

package/dist/types/components/input/auto-complete/index.type.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { PropsInputField } from '../input-base/index.type';
+import { TSelectOption } from '../select/index.type';
+export type AutoCompleteRenderProps = {
+    query: string;
+    onSelect: (value: string | number) => void;
+};
+export type PropsAutoComplete = PropsInputField & {
+    options: TSelectOption[];
+    loading?: boolean;
+    emptyText?: string;
+    children?: (props: AutoCompleteRenderProps) => ReactNode;
+};

package/dist/types/components/input/checkbox/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsCheckbox } from './index.type';
+declare const Checkbox: React.FC<PropsCheckbox>;
+export default Checkbox;

package/dist/types/components/input/checkbox/index.type.d.ts

@@ -0,0 +1,22 @@
+import { Control } from 'react-hook-form';
+import { InputBaseSize } from '../input-base/index.type';
+export type CheckboxOption = {
+    label: string;
+    value: string | number;
+    description?: string;
+    indeterminate?: boolean;
+};
+export type PropsCheckbox = {
+    control: Control<any>;
+    name: string;
+    label?: string;
+    caption?: string;
+    disabled?: boolean;
+    require?: boolean;
+    fullWidth?: boolean;
+    size?: InputBaseSize;
+    isVertical?: boolean;
+    hint?: string;
+    isSuccess?: boolean;
+    options: CheckboxOption[];
+};

package/dist/types/components/input/date-input/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsDateInput } from './index.type';
+declare const DateInput: React.FC<PropsDateInput>;
+export default DateInput;

package/dist/types/components/input/date-input/index.type.d.ts

@@ -0,0 +1,5 @@
+import { PropsInputField } from '../input-base/index.type';
+export type PropsDateInput = PropsInputField & {
+    min?: string;
+    max?: string;
+};

package/dist/types/components/input/date-range-input/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsDateRangeInput } from './index.type';
+declare const DateRangeInput: React.FC<PropsDateRangeInput>;
+export default DateRangeInput;

package/dist/types/components/input/date-range-input/index.type.d.ts

@@ -0,0 +1,11 @@
+import { PropsInputField } from '../input-base/index.type';
+export type DateRangeValue = {
+    start: string;
+    end: string;
+};
+export type PropsDateRangeInput = Omit<PropsInputField, "placeholder"> & {
+    min?: string;
+    max?: string;
+    startPlaceholder?: string;
+    endPlaceholder?: string;
+};

package/dist/types/components/input/date-time-input/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsDateTimeInput } from './index.type';
+declare const DateTimeInput: React.FC<PropsDateTimeInput>;
+export default DateTimeInput;

package/dist/types/components/input/date-time-input/index.type.d.ts

@@ -0,0 +1,5 @@
+import { PropsInputField } from '../input-base/index.type';
+export type PropsDateTimeInput = PropsInputField & {
+    min?: string;
+    max?: string;
+};

package/dist/types/components/input/date-utils.d.ts

@@ -0,0 +1,5 @@
+export declare function parseDate(str: string): Date | null;
+export declare function formatDate(date: Date): string;
+export declare function formatDisplayDate(str: string): string;
+export declare function formatDisplayDateTime(str: string): string;
+export declare function getTimePart(str: string): string;

package/dist/types/components/input/input-base/index.type.d.ts

@@ -1,11 +1,30 @@
 import { JSX } from 'react';
-import { FieldError, FieldErrorsImpl, Merge } from 'react-hook-form';
+import { Control, FieldError, FieldErrorsImpl, Merge } from 'react-hook-form';
+export type InputBaseSize = "sm" | "md" | "lg" | "xl";
 export type PropsInputBase = {
     name: string;
     label?: string;
+    caption?: string;
     require?: boolean;
     fullWidth?: boolean;
+    size?: InputBaseSize;
     children: JSX.Element | JSX.Element[];
     isInvalid: boolean;
+    isSuccess?: boolean;
+    hint?: string;
     errorMessage: string | FieldError | Merge<FieldError, FieldErrorsImpl<any>> | undefined;
 };
+export type PropsInputField = {
+    control: Control<any>;
+    name: string;
+    label?: string;
+    caption?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    require?: boolean;
+    fullWidth?: boolean;
+    size?: InputBaseSize;
+    hint?: string;
+    isSuccess?: boolean;
+};

package/dist/types/components/input/multi-select/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsMultiSelect } from './index.type';
+declare const MultiSelect: React.FC<PropsMultiSelect>;
+export default MultiSelect;

package/dist/types/components/input/multi-select/index.type.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { PropsInputField } from '../input-base/index.type';
+import { TSelectOption, MultiSelectRenderProps } from '../select/index.type';
+export type PropsMultiSelect = Omit<PropsInputField, "readOnly"> & {
+    options: TSelectOption[];
+    loading?: boolean;
+    children?: (props: MultiSelectRenderProps) => ReactNode;
+};

package/dist/types/components/input/number-input/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsNumberInput } from './index.type';
+declare const NumberInput: React.FC<PropsNumberInput>;
+export default NumberInput;

package/dist/types/components/input/number-input/index.type.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { PropsInputField } from '../input-base/index.type';
+export type PropsNumberInput = PropsInputField & {
+    icon?: ReactNode;
+    iconText?: string;
+};

package/dist/types/components/input/password-input/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsPasswordInput } from './index.type';
+declare const PasswordInput: React.FC<PropsPasswordInput>;
+export default PasswordInput;

package/dist/types/components/input/password-input/index.type.d.ts

@@ -0,0 +1,2 @@
+import { PropsInputField } from '../input-base/index.type';
+export type PropsPasswordInput = PropsInputField;

package/dist/types/components/input/phone-input/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsPhoneInput } from './index.type';
+declare const PhoneInput: React.FC<PropsPhoneInput>;
+export default PhoneInput;

package/dist/types/components/input/phone-input/index.type.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { PropsInputField } from '../input-base/index.type';
+export type PropsPhoneInput = PropsInputField & {
+    icon?: ReactNode;
+    iconText?: string;
+};

package/dist/types/components/input/radio-button/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsRadioButton } from './index.type';
+declare const RadioButton: React.FC<PropsRadioButton>;
+export default RadioButton;

package/dist/types/components/input/radio-button/index.type.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { Control } from 'react-hook-form';
+import { InputBaseSize } from '../input-base/index.type';
+export type RadioOption = {
+    label: string;
+    value: string | number;
+    description?: string;
+    image?: React.ReactNode;
+};
+export type PropsRadioButton = {
+    control: Control<any>;
+    name: string;
+    label?: string;
+    caption?: string;
+    disabled?: boolean;
+    require?: boolean;
+    fullWidth?: boolean;
+    size?: InputBaseSize;
+    isVertical?: boolean;
+    hint?: string;
+    isSuccess?: boolean;
+    options: RadioOption[];
+};