@e-burgos/tucu-ui 2.5.0 → 2.7.0

package/components/icons/index.d.ts

@@ -1,98 +0,0 @@
-export * from './arrow-link-icon';
-export * from './arrow-right';
-export * from './arrow-up';
-export * from './bitcoin';
-export * from './bnb';
-export * from './book';
-export * from './brands/facebook';
-export * from './brands/github';
-export * from './brands/instagram';
-export * from './brands/telegram';
-export * from './brands/twitter';
-export * from './calendar-icon';
-export * from './cardano';
-export * from './check';
-export * from './checkmark';
-export * from './chevron-down';
-export * from './chevron-forward';
-export * from './chevron-left';
-export * from './chevron-right';
-export * from './classic-layout-icon';
-export * from './close';
-export * from './compact-grid';
-export * from './compass';
-export * from './copy';
-export * from './disk';
-export * from './document';
-export * from './doge';
-export * from './dots-icon';
-export * from './ethereum-dark';
-export * from './ethereum';
-export * from './exchange';
-export * from './export-icon';
-export * from './external-link';
-export * from './eye';
-export * from './eyeslash';
-export * from './farm';
-export * from './flash';
-export * from './flow';
-export * from './gas-icon';
-export * from './guide-icon';
-export * from './history';
-export * from './home';
-export * from './horizontal-three-dots';
-export * from './icon-us-flag';
-export * from './info-circle';
-export * from './info-icon';
-export * from './left-align';
-export * from './level-icon';
-export * from './link-icon';
-export * from './live-pricing';
-export * from './lock-icon';
-export * from './long-arrow-left';
-export * from './long-arrow-right';
-export * from './long-arrow-up';
-export * from './loop-icon';
-export * from './media-play-icon';
-export * from './menu-icon';
-export * from './minimal-layout-icon';
-export * from './modern-layout-icon';
-export * from './moon';
-export * from './more-icon';
-export * from './normal-grid';
-export * from './option';
-export * from './play-icon';
-export * from './plus-circle';
-export * from './plus';
-export * from './pool';
-export * from './power';
-export * from './profile';
-export * from './question-icon';
-export * from './question-solid-icon';
-export * from './range-icon';
-export * from './refresh';
-export * from './retro-layout-icon';
-export * from './right-align';
-export * from './sand-clock';
-export * from './search';
-export * from './shut-down-icon';
-export * from './spike-bar';
-export * from './star-fill';
-export * from './star';
-export * from './sun';
-export * from './swap-icon';
-export * from './tag-icon';
-export * from './tag';
-export * from './tether';
-export * from './trading-bot-icon';
-export * from './trend-arrow-down-icon';
-export * from './trend-arrow-up-icon';
-export * from './tucu';
-export * from './unlocked';
-export * from './upload';
-export * from './usdc';
-export * from './verified-icon';
-export * from './verified';
-export * from './vertical-three-dots';
-export * from './vote-icon';
-export * from './warning';

package/components/icons/info-circle.d.ts

@@ -1 +0,0 @@
-export declare function InfoCircle(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/info-icon.d.ts

@@ -1 +0,0 @@
-export declare function InfoIcon(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/left-align.d.ts

@@ -1 +0,0 @@
-export declare function LeftAlign(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/level-icon.d.ts

@@ -1 +0,0 @@
-export declare function LevelIcon(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/link-icon.d.ts

@@ -1 +0,0 @@
-export declare const LinkIcon: React.FC<React.SVGAttributes<SVGElement>>;

package/components/icons/live-pricing.d.ts

@@ -1 +0,0 @@
-export declare function LivePricing(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/lock-icon.d.ts

@@ -1 +0,0 @@
-export declare function LockIcon(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/long-arrow-left.d.ts

@@ -1 +0,0 @@
-export declare function LongArrowLeft(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/long-arrow-right.d.ts

@@ -1 +0,0 @@
-export declare function LongArrowRight(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/long-arrow-up.d.ts

@@ -1 +0,0 @@
-export declare const LongArrowUp: React.FC<React.SVGAttributes<SVGElement>>;

package/components/icons/loop-icon.d.ts

@@ -1 +0,0 @@
-export declare function LoopIcon(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/lucide-react/index.d.ts

@@ -1 +0,0 @@
-export * from 'lucide-react';

package/components/icons/media-play-icon.d.ts

@@ -1 +0,0 @@
-export declare function MediaPlayIcon(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/menu-icon.d.ts

@@ -1,2 +0,0 @@
-declare const Logo: React.FC<React.SVGAttributes<object>>;
-export default Logo;

package/components/icons/minimal-layout-icon.d.ts

@@ -1 +0,0 @@
-export declare function MinimalLayoutIcon(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/modern-layout-icon.d.ts

@@ -1 +0,0 @@
-export declare function ModernLayoutIcon(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/moon.d.ts

@@ -1 +0,0 @@
-export declare function Moon(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/more-icon.d.ts

@@ -1 +0,0 @@
-export declare function MoreIcon(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/normal-grid.d.ts

@@ -1 +0,0 @@
-export declare function NormalGridIcon(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/option.d.ts

@@ -1 +0,0 @@
-export declare function OptionIcon(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/play-icon.d.ts

@@ -1 +0,0 @@
-export declare function PlayIcon(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/plus-circle.d.ts

@@ -1 +0,0 @@
-export declare function PlusCircle(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/plus.d.ts

@@ -1 +0,0 @@
-export declare function Plus(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/pool.d.ts

@@ -1 +0,0 @@
-export declare function PoolIcon(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/power.d.ts

@@ -1 +0,0 @@
-export declare function PowerIcon(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/profile.d.ts

@@ -1 +0,0 @@
-export declare function ProfileIcon(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/question-icon.d.ts

@@ -1 +0,0 @@
-export declare const QuestionIcon: React.FC<React.SVGAttributes<SVGElement>>;

package/components/icons/question-solid-icon.d.ts

@@ -1 +0,0 @@
-export declare function QuestionSolidIcon(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/range-icon.d.ts

@@ -1 +0,0 @@
-export declare function RangeIcon(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/refresh.d.ts

@@ -1 +0,0 @@
-export declare const Refresh: React.FC<React.SVGAttributes<SVGElement>>;

package/components/icons/retro-layout-icon.d.ts

@@ -1 +0,0 @@
-export declare function RetroLayoutIcon(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/right-align.d.ts

@@ -1 +0,0 @@
-export declare function RightAlign(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/sand-clock.d.ts

@@ -1 +0,0 @@
-export declare function SandClock(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/search.d.ts

@@ -1 +0,0 @@
-export declare const SearchIcon: React.FC<React.SVGAttributes<SVGElement>>;

package/components/icons/shut-down-icon.d.ts

@@ -1 +0,0 @@
-export declare function ShutdownIcon(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/spike-bar.d.ts

@@ -1 +0,0 @@
-export declare function SpikeBarIcon(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/star-fill.d.ts

@@ -1 +0,0 @@
-export declare function StarFill(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/star.d.ts

@@ -1 +0,0 @@
-export declare function Star(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/sun.d.ts

@@ -1 +0,0 @@
-export declare function Sun(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/swap-icon.d.ts

@@ -1 +0,0 @@
-export declare function SwapIcon(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/tag-icon.d.ts

@@ -1 +0,0 @@
-export declare function TagIcon(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/tag.d.ts

@@ -1 +0,0 @@
-export declare function Tag(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/tether.d.ts

@@ -1 +0,0 @@
-export declare function Tether(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/trading-bot-icon.d.ts

@@ -1 +0,0 @@
-export declare function TradingBotIcon(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/trend-arrow-down-icon.d.ts

@@ -1 +0,0 @@
-export declare function TrendArrowDownIcon(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/trend-arrow-up-icon.d.ts

@@ -1 +0,0 @@
-export declare function TrendArrowUpIcon(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/tucu.d.ts

@@ -1 +0,0 @@
-export declare function Tucu(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/unlocked.d.ts

@@ -1 +0,0 @@
-export declare function Unlocked(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/upload.d.ts

@@ -1 +0,0 @@
-export default function UploadIcon({ ...props }: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/usdc.d.ts

@@ -1 +0,0 @@
-export declare function Usdc(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/verified-icon.d.ts

@@ -1 +0,0 @@
-export declare const VerifiedIcon: React.FC<React.SVGAttributes<SVGElement>>;

package/components/icons/verified.d.ts

@@ -1 +0,0 @@
-export declare const Verified: React.FC<React.SVGAttributes<SVGElement>>;

package/components/icons/vertical-three-dots.d.ts

@@ -1 +0,0 @@
-export default function VerticalThreeDots(): import("react/jsx-runtime").JSX.Element;

package/components/icons/vote-icon.d.ts

@@ -1 +0,0 @@
-export declare function VoteIcon(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/icons/warning.d.ts

@@ -1 +0,0 @@
-export declare function Warning(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/index.d.ts

@@ -1,22 +0,0 @@
-export * from './auth';
-export * from './blockchain';
-export * from './macos';
-export * from './buttons';
-export * from './cards';
-export * from './carousel';
-export * from './charts';
-export * from './common';
-export * from './dialog';
-export * from './forms';
-export * from './icons';
-export * from './inputs';
-export * from './layouts';
-export * from './links';
-export * from './list';
-export * from './loaders';
-export * from './logos';
-export * from './notifications';
-export * from './table';
-export * from './tabs';
-export * from './typography';
-export * from './utils';

package/components/inputs/checkbox.d.ts

@@ -1,42 +0,0 @@
-export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
-    /** The size of the component */
-    size?: 'sm' | 'md' | 'lg';
-    /** Change input color */
-    color?: 'primary' | 'secondary' | 'danger' | 'info' | 'success' | 'warning';
-    /** Available directions of the label are: */
-    labelPlacement?: 'start' | 'end';
-    /** Whether the input is disabled */
-    disabled?: boolean;
-    /** Set field label */
-    label?: React.ReactNode;
-    /** Show error message using this prop */
-    error?: string;
-    /** Add helper text. It could be string or a React component */
-    helperText?: React.ReactNode;
-    /** Use className prop to apply style for entire component */
-    className?: string;
-    /** Use activeClassName prop to apply style on active component from checkboxGroup */
-    activeClassName?: string;
-    /** Use containerClassName prop to apply some additional style for label and checkbox container */
-    containerClassName?: string;
-    /** Use iconClassName prop to apply some additonal style for check mark icon */
-    iconClassName?: string;
-    /** Use labelClassName prop to apply some addition style for the field label */
-    labelClassName?: string;
-    /** Add custom classes for the input filed extra style */
-    inputClassName?: string;
-    /** This prop allows you to customize the error message style */
-    errorClassName?: string;
-    /** This prop allows you to customize the helper message style */
-    helperClassName?: string;
-    /** The variant of the component */
-    variant?: 'ghost' | 'solid' | 'transparent';
-    /** The shape of the component */
-    shape?: 'rounded' | 'square';
-}
-/**
- * A simplified checkbox component that uses a single color-based styling approach.
- * The checkbox changes appearance based on its state (unchecked, checked, hover, focus, disabled).
- */
-export declare const Checkbox: import('react').ForwardRefExoticComponent<CheckboxProps & import('react').RefAttributes<HTMLInputElement>>;
-export default Checkbox;

package/components/inputs/file-input.d.ts

@@ -1,41 +0,0 @@
-import { ControlColor } from './helpers/control-colors';
-export declare const acceptedFileType: {
-    img: string;
-    pdf: string;
-    csvAndExcel: string;
-    imgAndPdf: string;
-    all: string;
-};
-export interface FileInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'accept' | 'children'> {
-    /** Specify type of the files. If not provided or 'all', accepts any file type */
-    accept?: 'img' | 'pdf' | 'csvAndExcel' | 'imgAndPdf' | 'all';
-    /** Pass multiple files */
-    multiple?: boolean;
-    /** Whether disable upload */
-    disabled?: boolean;
-    /** Pass children to customize file item style */
-    children?: React.ReactNode;
-    /** Pass field label */
-    label?: React.ReactNode;
-    /** Change input color */
-    color?: ControlColor;
-    /** Set your custom text to show in upload field */
-    placeholderText?: React.ReactNode;
-    /** To pass additional props to the container element */
-    containerProps?: React.HTMLAttributes<HTMLDivElement>;
-    /** To pass additional props to the input element */
-    additionalInputProps?: React.InputHTMLAttributes<HTMLInputElement>;
-    /** Pass wrapperClassName to style the container */
-    wrapperClassName?: string;
-    /** Pass className to style the container */
-    className?: string;
-    /** Pass label className to style label */
-    labelClassName?: string;
-    /** Pass containerClassName to style the container */
-    containerClassName?: string;
-}
-declare const FileInputWithRef: import('react').ForwardRefExoticComponent<FileInputProps & {
-    children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLInputElement>>;
-export default FileInputWithRef;
-export { FileInputWithRef as FileInput };

package/components/inputs/helpers/control-colors.d.ts

@@ -1,13 +0,0 @@
-export type ControlColor = 'primary' | 'secondary' | 'danger' | 'info' | 'success' | 'warning';
-type TextControlVariant = 'ghost' | 'solid' | 'transparent';
-export declare const textControlColorClasses: Record<TextControlVariant, Record<ControlColor, string>>;
-export declare const controlAccentTextClasses: Record<ControlColor, string>;
-export declare const controlAccentChipClasses: Record<ControlColor, string>;
-type ButtonLikeColor = 'primary' | 'gray' | 'danger' | 'info' | 'success' | 'warning';
-export declare const buttonColorByControlColor: Record<ControlColor, ButtonLikeColor>;
-export declare const buttonHoverClassByControlColor: Record<ControlColor, string>;
-export declare const fileInputColorClasses: Record<ControlColor, {
-    wrapper: string;
-    dropzone: string;
-}>;
-export {};

package/components/inputs/helpers/control-sizes.d.ts

@@ -1,2 +0,0 @@
-export type TextControlSize = 'sm' | 'md' | 'lg';
-export declare const textControlSizeClasses: Record<'input' | 'select' | 'textarea', Record<TextControlSize, string>>;

package/components/inputs/helpers/field-error-text.d.ts

@@ -1,19 +0,0 @@
-import { default as React } from 'react';
-declare const fieldErrorClasses: {
-    base: string;
-    size: {
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-};
-export interface FieldErrorProps extends React.HTMLAttributes<HTMLDivElement | HTMLSpanElement> {
-    tag?: 'div' | 'span';
-    error: string | null | undefined;
-    size?: keyof typeof fieldErrorClasses.size;
-    className?: string;
-    id?: string;
-}
-export declare function FieldError({ tag, error, size, className, id, ...props }: FieldErrorProps): import("react/jsx-runtime").JSX.Element;
-export default FieldError;

package/components/inputs/helpers/field-helper-text.d.ts

@@ -1,18 +0,0 @@
-import { default as React } from 'react';
-declare const helperTextClasses: {
-    base: string;
-    size: {
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-};
-export interface FieldHelperTextProps extends React.HTMLAttributes<HTMLDivElement | HTMLSpanElement> {
-    tag?: 'div' | 'span';
-    size?: keyof typeof helperTextClasses.size;
-    className?: string;
-    id?: string;
-}
-export declare function FieldHelperText({ size, tag, children, className, id, ...props }: React.PropsWithChildren<FieldHelperTextProps>): import("react/jsx-runtime").JSX.Element;
-export default FieldHelperText;

package/components/inputs/helpers/input-label.d.ts

@@ -1,9 +0,0 @@
-export interface InputLabelProps {
-    title: string;
-    subTitle?: string;
-    important?: boolean;
-    className?: string;
-    titleClassName?: string;
-}
-export declare function InputLabel({ title, subTitle, important, className, titleClassName, }: InputLabelProps): import("react/jsx-runtime").JSX.Element;
-export default InputLabel;

package/components/inputs/index.d.ts

@@ -1,14 +0,0 @@
-export * from './checkbox';
-export * from './helpers/field-error-text';
-export * from './helpers/field-helper-text';
-export * from './helpers/input-label';
-export * from './input-searcher';
-export * from './input';
-export * from './pin-code';
-export * from './radio-group';
-export * from './radio';
-export * from './select';
-export * from './switch';
-export * from './textarea';
-export * from './toggle-bar';
-export * from './file-input';

package/components/inputs/input-searcher.d.ts

@@ -1,18 +0,0 @@
-import { default as React } from 'react';
-import { SelectOption } from './select';
-import { ControlColor } from './helpers/control-colors';
-import { TextControlSize } from './helpers/control-sizes';
-export interface InputSearcherProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'size'> {
-    label?: string;
-    initialValue?: string | number;
-    onOptionSelect?: (option: SelectOption | SelectOption[]) => void;
-    options?: SelectOption[];
-    noMatchesMessage?: string;
-    multiple?: boolean;
-    variant?: 'ghost' | 'solid' | 'transparent';
-    color?: ControlColor;
-    size?: TextControlSize;
-    disabled?: boolean;
-}
-export declare function InputSearcher({ label, onOptionSelect, options, initialValue, noMatchesMessage, multiple, variant, color, size, disabled, ...props }: InputSearcherProps): import("react/jsx-runtime").JSX.Element;
-export default InputSearcher;

package/components/inputs/input.d.ts

@@ -1,29 +0,0 @@
-import { ControlColor } from './helpers/control-colors';
-import { TextControlSize } from './helpers/control-sizes';
-export type DateFormat = 'DD-MM-YYYY' | 'MM-DD-YYYY' | 'YYYY-MM-DD' | 'DD/MM/YYYY' | 'MM/DD/YYYY' | 'YYYY/MM/DD';
-export type Locale = 'en-US' | 'es-ES' | 'fr-FR' | 'de-DE' | 'pt-BR';
-export type InputProps = Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'size'> & {
-    label?: string;
-    error?: string;
-    variant?: 'ghost' | 'solid' | 'transparent';
-    className?: string;
-    inputClassName?: string;
-    labelClassName?: string;
-    useUppercaseLabel?: boolean;
-    helperText?: string;
-    /** Change input color */
-    color?: ControlColor;
-    suffix?: React.ReactNode;
-    suffixClassName?: string;
-    icon?: React.ReactNode;
-    dateFormat?: DateFormat;
-    locale?: Locale;
-    size?: TextControlSize;
-};
-export declare const inputVariantClasses: {
-    ghost: string;
-    solid: string;
-    transparent: string;
-};
-export declare const Input: import('react').ForwardRefExoticComponent<Omit<InputProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
-export default Input;

package/components/inputs/pin-code.d.ts

@@ -1,74 +0,0 @@
-import { default as React } from 'react';
-import { ControlColor } from './helpers/control-colors';
-declare const inputClasses: {
-    base: string;
-    numberType: string;
-    error: string;
-    size: {
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    rounded: {
-        none: string;
-        sm: string;
-        md: string;
-        lg: string;
-        full: string;
-    };
-    variant: {
-        ghost: {
-            base: string;
-        };
-        solid: {
-            base: string;
-        };
-        transparent: {
-            base: string;
-        };
-    };
-};
-export interface PinCodeProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'onChange'> {
-    /** Current value of the pin code */
-    value?: string;
-    /** Callback function called when pin code changes */
-    onChange?: (value: string) => void;
-    /** This Pin Code component only support these two types */
-    type?: 'text' | 'number';
-    /** Mask and unmask to hide and show pin code */
-    mask?: boolean;
-    /** Set pin code length */
-    length?: number;
-    /** Make pin code horizontally center */
-    center?: boolean;
-    /** Set placeholder text */
-    placeholder?: string;
-    /** The size of the component. `"sm"` is equivalent to the dense input styling. */
-    size?: keyof typeof inputClasses.size;
-    /** The rounded variants are: */
-    rounded?: keyof typeof inputClasses.rounded;
-    /** The variants of the component are: */
-    variant?: keyof typeof inputClasses.variant;
-    /** Change input color */
-    color?: ControlColor;
-    /** Show error message using this prop */
-    error?: string;
-    /** Add custom classes for the input filed extra style */
-    inputClassName?: string;
-    /** This prop allows you to customize the error message style */
-    errorClassName?: string;
-    /** This prop allows you to add a helper text to the pin code component */
-    helperText?: string;
-    /** This prop allows you to add a helper text to the pin code component */
-    helperTextClassName?: string;
-    /** This prop allows you to make the pin code component full width */
-    fullWidth?: boolean;
-}
-/**
- * A basic widget for getting pin code. Here is the API documentation of the Pin Code component.
- * And the rest of the props of PinCode are the same as the original html input field.
- * You can use props like `disabled`, `placeholder`, `defaultValue` etc.
- */
-export declare function PinCode({ type, value, onChange, mask, length, center, size, rounded, variant, color, placeholder, error, className, inputClassName, errorClassName, helperText, helperTextClassName, fullWidth, ...props }: PinCodeProps): import("react/jsx-runtime").JSX.Element;
-export default PinCode;