@sikka/hawa
Version:
Modern UI Kit made with Tailwind
1,149 lines (1,096 loc) • 91.9 kB
text/typescript
import * as React$1 from 'react';
import React__default, { FC, RefObject, ReactNode, ChangeEvent, InputHTMLAttributes, useEffect } from 'react';
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
import * as AccordionPrimitive from '@radix-ui/react-accordion';
import * as class_variance_authority_types from 'class-variance-authority/types';
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
import * as SheetPrimitive from '@radix-ui/react-dialog';
import { DialogProps } from '@radix-ui/react-dialog';
import { VariantProps } from 'class-variance-authority';
import { RowData, ColumnDef } from '@tanstack/react-table';
export { ColumnDef } from '@tanstack/react-table';
import * as PopoverPrimitive from '@radix-ui/react-popover';
import { PopoverContentProps } from '@radix-ui/react-popover';
import { Command as Command$1 } from 'cmdk';
import * as TabsPrimitive from '@radix-ui/react-tabs';
import * as SwitchPrimitives from '@radix-ui/react-switch';
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
import * as ProgressPrimitive from '@radix-ui/react-progress';
import * as input_otp from 'input-otp';
import { OTPInputProps } from 'input-otp';
import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
import * as SliderPrimitive from '@radix-ui/react-slider';
import { HighlightProps } from 'prism-react-renderer';
import { EmblaOptionsType } from 'embla-carousel';
import * as ToastPrimitives from '@radix-ui/react-toast';
import * as MenubarPrimitive from '@radix-ui/react-menubar';
export { Portal as DropdownMenuPortal } from '@headlessui/react';
interface CardProps extends React$1.HTMLAttributes<HTMLDivElement> {
clickable?: boolean;
variant?: "default" | "neoBrutalism";
asContainer?: boolean;
}
declare const Card: React$1.ForwardRefExoticComponent<CardProps & React$1.RefAttributes<HTMLDivElement>>;
declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & {
actions?: React$1.ReactNode;
} & React$1.RefAttributes<HTMLDivElement>>;
declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
declare const CardContent: React$1.ForwardRefExoticComponent<{
headless?: boolean;
noPadding?: boolean;
} & React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & {
noPadding?: boolean;
} & React$1.RefAttributes<HTMLDivElement>>;
type LoadingTypes = {
/** Specifies the size of the loading component.*/
size?: "button" | "xs" | "sm" | "normal" | "lg" | "xl";
/** Determines the design of the loading animation.*/
design?: "spinner" | "dots-bounce" | "dots-pulse" | "pulse" | "spinner-dots" | "squircle" | "square" | "progress" | "orbit";
/** Specifies the color of the loading component. By default it will inherit the value of --primary global CSS variable*/
color?: string;
classNames?: {
container?: string;
track?: string;
car?: string;
};
themeMode?: "dark" | "light";
};
declare const Loading: FC<LoadingTypes>;
type DirectionType = "rtl" | "ltr";
type PositionType = "top" | "bottom" | "right" | "left";
type SeverityType = "info" | "warning" | "error" | "success" | "none";
type OrientationType = "vertical" | "horizontal";
type RadiusType = "full" | "inherit" | "none";
type RadioOptionType = {
label: string;
value: string;
};
type TooltipTypes = {
/** Controls the open state of the tooltip. */
open?: any;
/** Specifies the side where the tooltip will appear. */
side?: PositionType;
/** Content to be displayed within the tooltip. */
content?: any;
/** Elements to which the tooltip is anchored. */
children?: any;
/** Sets the default open state of the tooltip. */
defaultOpen?: any;
/** Event handler for open state changes. */
onOpenChange?: any;
/** Duration of the delay before the tooltip appears. */
delayDuration?: any;
/** Size of the tooltip. */
size?: "default" | "small" | "large";
/** Disables the tooltip. */
disabled?: boolean;
triggerProps?: TooltipPrimitive.TooltipTriggerProps;
contentProps?: TooltipPrimitive.TooltipContentProps;
providerProps?: TooltipPrimitive.TooltipProps;
};
declare const Tooltip: React__default.FunctionComponent<TooltipTypes>;
interface SkeletonProps extends React__default.HTMLAttributes<HTMLDivElement> {
className?: string;
animation?: "none" | "pulse" | "shimmer";
content?: any;
fade?: "top" | "bottom" | "left" | "right";
}
declare function Skeleton({ className, content, animation, fade, ...props }: SkeletonProps): React__default.JSX.Element;
declare const DropdownMenuRoot: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps>;
declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
declare const DropdownMenuGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
declare const DropdownMenuSub: React$1.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
declare const DropdownMenuRadioGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
declare const DropdownMenuSubTrigger: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
inset?: boolean;
} & React$1.RefAttributes<HTMLDivElement>>;
declare const DropdownMenuSubContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const DropdownMenuContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const DropdownMenuItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
inset?: boolean;
end?: any;
shortcut?: React$1.ReactNode;
badged?: boolean;
slug?: string;
LinkComponent?: any;
} & React$1.RefAttributes<HTMLDivElement>>;
declare const DropdownMenuCheckboxItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const DropdownMenuRadioItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const DropdownMenuLabel: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
inset?: boolean;
} & React$1.RefAttributes<HTMLDivElement>>;
declare const DropdownMenuSeparator: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const DropdownMenuShortcut: {
({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): React$1.JSX.Element;
displayName: string;
};
type ExtendedDropdownMenuContentProps = Partial<React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>> & {};
type ExtendedDropdownMenuTriggerProps = Partial<React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger>> & {};
type SubItem$1 = {
label?: string;
value?: any;
icon?: any;
action?: () => void;
onMiddleClick?: (e: any) => void;
highlighted?: boolean;
disabled?: boolean;
slug?: string;
};
type MenuItemType = {
icon?: React$1.ReactNode;
label?: string;
shortcut?: React$1.ReactNode;
badged?: boolean;
value?: any;
content?: any;
slug?: string;
end?: any;
presist?: boolean;
itemType?: "separator" | "label" | "custom" | "radio";
action?: () => void;
highlighted?: boolean;
subitems?: SubItem$1[];
options?: RadioOptionType[];
currentOption?: string;
onOptionChange?: (value: string) => void;
disabled?: boolean;
onMiddleClick?: (e: any) => void;
onClick?: any;
};
interface DropdownMenuProps {
trigger?: any;
items: MenuItemType[];
direction?: DirectionType;
classNames?: {
trigger?: string;
content?: string;
item?: string;
separator?: string;
};
className?: ExtendedDropdownMenuContentProps["className"];
triggerClassname?: ExtendedDropdownMenuTriggerProps["className"];
triggerProps?: DropdownMenuPrimitive.DropdownMenuTriggerProps;
sideOffset?: ExtendedDropdownMenuContentProps["sideOffset"];
side?: ExtendedDropdownMenuContentProps["side"];
align?: ExtendedDropdownMenuContentProps["align"];
alignOffset?: ExtendedDropdownMenuContentProps["alignOffset"];
contentProps?: ExtendedDropdownMenuContentProps;
width?: "default" | "sm" | "lg" | "parent";
size?: "default" | "sm";
onItemSelect?: any;
onOpenChange?: any;
header?: React$1.ReactNode;
open?: any;
LinkComponent?: any;
}
declare const DropdownMenu: React$1.FC<DropdownMenuProps>;
interface DropdownMenuRadioOptionType extends RadioOptionType {
props?: Omit<DropdownMenuPrimitive.DropdownMenuItemProps, "value" | "label">;
}
interface DropdownMenuRadioProps {
trigger?: React$1.ReactNode;
side?: ExtendedDropdownMenuContentProps["side"];
align?: ExtendedDropdownMenuContentProps["align"];
options: DropdownMenuRadioOptionType[];
value: string;
onValueChange: any;
label?: string;
contentProps?: ExtendedDropdownMenuContentProps;
radioGroupProps?: React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioGroup>;
}
declare const DropdownMenuRadio: React$1.FC<DropdownMenuRadioProps>;
type ChipColors = "green" | "blue" | "red" | "yellow" | "orange" | "purple" | "cyan" | "hyper" | "oceanic";
type ChipTypes = React__default.HTMLAttributes<HTMLSpanElement> & {
/** The text inside the chip */
label: string;
/** The small icon before the chip label */
icon?: JSX.Element;
/** The color of the chip, must be a tailwind color */
color?: ChipColors;
/** The size of the chip */
size?: "small" | "normal" | "large";
/** Enable/Disable the dot before the label of the chip */
dot?: boolean;
/** Red/Green dot next to the label of the chip indicating online/offline or available/unavailable */
dotStatus?: "available" | "unavailable" | "none";
radius?: RadiusType;
};
declare const Chip: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLSpanElement> & {
/** The text inside the chip */
label: string;
/** The small icon before the chip label */
icon?: JSX.Element;
/** The color of the chip, must be a tailwind color */
color?: ChipColors;
/** The size of the chip */
size?: "small" | "normal" | "large";
/** Enable/Disable the dot before the label of the chip */
dot?: boolean;
/** Red/Green dot next to the label of the chip indicating online/offline or available/unavailable */
dotStatus?: "available" | "unavailable" | "none";
radius?: RadiusType;
} & React__default.RefAttributes<HTMLSpanElement>>;
type AccordionItemProps = {
trigger: React$1.ReactNode;
content: React$1.ReactNode;
disabled?: boolean;
chip?: ChipTypes;
};
type AccordionProps = {
items: AccordionItemProps[];
itemClassNames?: string;
triggerclassNames?: string;
contentclassNames?: string;
className?: string;
design?: "default" | "separated";
type: "single" | "multiple";
collapsible?: boolean;
};
declare const Accordion: React$1.ForwardRefExoticComponent<AccordionProps & React$1.RefAttributes<HTMLDivElement>>;
declare const AccordionItem: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const AccordionTrigger: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
unstyled?: boolean;
hideArrow?: boolean;
} & React$1.RefAttributes<HTMLButtonElement>>;
declare const AccordionRoot: React$1.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React$1.RefAttributes<HTMLDivElement>>;
declare const AccordionContent: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
unstyled?: boolean;
} & React$1.RefAttributes<HTMLDivElement>>;
type IconProps = React__default.HTMLAttributes<SVGElement>;
declare const Logos: {
metamask: (props: IconProps) => React__default.JSX.Element;
nafath: (props: IconProps) => React__default.JSX.Element;
hawa: (props: IconProps) => React__default.JSX.Element;
sikka: (props: IconProps) => React__default.JSX.Element;
mail: (props: IconProps) => React__default.JSX.Element;
phone: (props: IconProps) => React__default.JSX.Element;
twitter: (props: IconProps) => React__default.JSX.Element;
x: (props: IconProps) => React__default.JSX.Element;
instagram: (props: IconProps) => React__default.JSX.Element;
telegram: (props: IconProps) => React__default.JSX.Element;
youtube: (props: IconProps) => React__default.JSX.Element;
tiktok: (props: IconProps) => React__default.JSX.Element;
linkedin: (props: IconProps) => React__default.JSX.Element;
behance: (props: IconProps) => React__default.JSX.Element;
microsoft: (props: IconProps) => React__default.JSX.Element;
github: (props: IconProps) => React__default.JSX.Element;
radix: (props: IconProps) => React__default.JSX.Element;
aria: (props: IconProps) => React__default.JSX.Element;
npm: (props: IconProps) => React__default.JSX.Element;
yarn: (props: IconProps) => React__default.JSX.Element;
pnpm: (props: IconProps) => React__default.JSX.Element;
react: (props: IconProps) => React__default.JSX.Element;
tailwind: (props: IconProps) => React__default.JSX.Element;
google: (props: IconProps) => React__default.JSX.Element;
googleplay: (props: IconProps) => React__default.JSX.Element;
apple: (props: IconProps) => React__default.JSX.Element;
applestore: (props: IconProps) => React__default.JSX.Element;
paypal: (props: IconProps) => React__default.JSX.Element;
spinner: (props: IconProps) => React__default.JSX.Element;
whatsapp: (props: IconProps) => React__default.JSX.Element;
visa: (props: IconProps) => React__default.JSX.Element;
mastercard: (props: IconProps) => React__default.JSX.Element;
};
declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp | undefined) => string;
type StandardNavigationMenuItemProps = {
icon?: React$1.ReactNode;
title: string;
subtitle?: string;
};
type NavigationMenuItemProps = {
trigger: any;
content?: any;
action?: any;
path?: string;
};
type NavigationMenuTypes = {
items: NavigationMenuItemProps[];
rootClassNames?: string;
viewportClassNames?: string;
triggerClassNames?: string;
actionFirst?: boolean;
direction?: DirectionType;
};
declare const NavigationMenuRoot: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React$1.RefAttributes<HTMLElement>, "ref"> & {
viewportClassNames?: string;
} & React$1.RefAttributes<HTMLElement>>;
declare const NavigationMenuList: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React$1.RefAttributes<HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
declare const NavigationMenuTrigger: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
declare const NavigationMenuContent: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const StandardNavigationMenuItem: React$1.FC<StandardNavigationMenuItemProps & React$1.ComponentProps<typeof NavigationMenuPrimitive.Link>>;
declare const NavigationMenuViewport: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const NavigationMenuIndicator: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const NavigationMenu: React$1.FC<NavigationMenuTypes>;
declare const NavigationMenuItem$1: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & React$1.RefAttributes<HTMLLIElement>>;
declare const NavigationMenuLink: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
declare const Sheet: React$1.FC<SheetPrimitive.DialogProps>;
declare const SheetTrigger: React$1.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
declare const SheetClose: React$1.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
declare const SheetPortal: React$1.FC<SheetPrimitive.DialogPortalProps>;
declare const SheetOverlay: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const sheetVariants: (props?: ({
side?: "top" | "bottom" | "right" | "left" | null | undefined;
} & class_variance_authority_types.ClassProp) | undefined) => string;
interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
hideCloseButton?: boolean;
persist?: boolean;
}
declare const SheetContent: React$1.ForwardRefExoticComponent<SheetContentProps & React$1.RefAttributes<HTMLDivElement>>;
declare const SheetHeader: {
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
displayName: string;
};
declare const SheetFooter: {
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
displayName: string;
};
declare const SheetTitle: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
declare const SheetDescription: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
declare const Dialog: React$1.FC<SheetPrimitive.DialogProps>;
declare const DialogTrigger: React$1.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
declare const DialogPortal: {
({ ...props }: SheetPrimitive.DialogPortalProps): React$1.JSX.Element;
displayName: string | undefined;
};
declare const DialogOverlay: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
persist?: boolean;
hideCloseButton?: boolean;
container?: HTMLElement;
overlayProps?: React$1.ComponentPropsWithoutRef<typeof DialogOverlay>;
classNames?: {
content?: string;
overlay?: string;
closeButton?: string;
};
ids?: {
overlay?: string;
closeButton?: string;
closeIcon?: string;
};
} & React$1.RefAttributes<HTMLDivElement>>;
declare const DialogCarouselContent: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
hideCloseButton?: boolean;
hidePrevButton?: boolean;
persist?: boolean;
onPrev?: () => void;
} & React$1.RefAttributes<HTMLDivElement>>;
declare const DialogHeader: {
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
displayName: string;
};
declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
declare const DialogFooter: {
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
displayName: string;
};
interface DialogCarouselProps {
children: React$1.ReactNode;
stepsApi?: any;
stepsRef?: any;
direction?: DirectionType;
}
declare const DialogCarousel: React$1.FC<DialogCarouselProps>;
interface DialogStepsProps {
currentStep: string;
visibleStepRef: React$1.RefObject<HTMLDivElement>;
children: React$1.ReactNode;
}
declare const DialogSteps: React$1.FC<DialogStepsProps>;
interface DialogStepProps {
id: string;
children: React$1.ReactNode;
className?: string;
stepRef?: any;
}
declare const DialogStep: React$1.FC<DialogStepProps>;
interface DialogBodyProps {
children: React$1.ReactNode;
className?: string;
}
declare const DialogBody: React$1.FC<DialogBodyProps>;
type AlertTypes = {
severity?: SeverityType | "hyper" | "oceanic";
/** The title of the alert placed above the text of the alert. Can be used alone */
title?: React__default.ReactNode;
/** The text of the alert placed below the title of the alert. Can be used alone */
text: React__default.ReactNode;
/** The duration for the alert to stay on the screen */
duration?: number;
direction?: DirectionType;
actions?: [
{
label: string;
onClick: any;
variant: "outline" | "link" | "default" | "destructive" | "secondary" | "ghost";
}
];
/** Removes the close button */
persistent?: boolean;
icon?: any;
className?: string;
onAlertClosed?: () => void;
noDestroy?: boolean;
};
declare const Alert: React__default.FunctionComponent<AlertTypes>;
interface AvatarProps {
isUploadable?: boolean;
src?: string;
alt?: string;
size?: "2xs" | "xs" | "sm" | "default" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl";
radius?: RadiusType;
className?: string;
icon?: React__default.ReactNode;
hideIcon?: boolean;
}
declare const Avatar: React__default.FC<AvatarProps>;
type LabelProps = {
hint?: React$1.ReactNode;
hintSide?: PositionType;
htmlFor?: string;
required?: boolean;
};
declare const Label: React$1.ForwardRefExoticComponent<React$1.LabelHTMLAttributes<HTMLLabelElement> & LabelProps & React$1.RefAttributes<HTMLLabelElement>>;
declare const buttonVariants: (props?: ({
variant?: "default" | "neoBrutalism" | "link" | "combobox" | "light" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
size?: "default" | "xs" | "sm" | "lg" | "xl" | "icon" | "heightless" | "smallIcon" | null | undefined;
} & class_variance_authority_types.ClassProp) | undefined) => string;
interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
asChild?: boolean;
centered?: boolean;
isLoading?: boolean;
label?: string;
labelProps?: LabelProps;
/** The small red text under the input field to show validation. */
helperText?: any;
showHelperText?: boolean;
/**
* If true, the button will include a label and helper text. This is useful for forms where the button is part of the form.
*/
asInput?: boolean;
}
declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
type DataTableProps<DataProps = {}> = {
direction?: DirectionType;
columns: ColumnDef<DataProps>[];
enableSearch?: boolean;
enableHideColumns?: boolean;
enableGoTo?: boolean;
enableSelection?: boolean;
enableFiltering?: boolean;
resetSelection?: boolean;
filters?: {
accessorKey: string;
value: string;
label: string;
}[];
hideHeader?: boolean;
data: DataProps[];
itemsPerPage?: any[];
showCount?: boolean;
showSelectionCount?: boolean;
paginationPosition?: "top" | "bottom";
condensed?: boolean;
isLoading?: boolean;
defaultSort?: string;
translateFn?: any;
bulkActions?: any[];
texts?: {
columns?: string;
searchPlaceholder?: string;
item?: string;
noData?: any;
page?: string;
filter?: string;
of?: string;
total?: string;
goTo?: string;
selectedRows?: string;
bulkAction?: string;
};
};
declare module "@tanstack/table-core" {
interface ColumnMeta<TData extends RowData, TValue> {
padding?: "condensed" | "default" | "noPadding";
sortable?: boolean;
hidden?: boolean;
i18nKey?: string;
}
}
declare const DataTable: <DataProps extends {}>({ columns, data, paginationPosition, translateFn, resetSelection, enableHideColumns, enableSelection, enableFiltering, enableSearch, enableGoTo, ...props }: DataTableProps<DataProps>) => React$1.JSX.Element;
type BackToTopTypes = {
/** Horizontal padding relative to the attached corner */
paddingX?: number;
/** Vertical padding relative to the attached corner */
paddingY?: number;
/** Increase to the threshold of the scroll value that has to be passed for the button to appear */
paddingThreshold?: number;
corner?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
anchor: RefObject<HTMLInputElement>;
};
declare const BackToTop: FC<BackToTopTypes>;
type RadioOptionsTypes = {
value: any;
label: any;
disabled?: any;
sublabel?: any;
icon?: any;
tooltip?: string;
tooltipContentProps?: PopoverContentProps;
};
type RadioTypes = {
/** Required to enable selection and differentiate between different Radio instances. */
name: string;
disabled?: boolean;
orientation?: OrientationType;
design?: "default" | "tabs" | "cards" | "bordered";
width?: "default" | "full" | "none";
size?: "default" | "lg" | "sm" | "xs";
options: RadioOptionsTypes[];
onChange?: any;
defaultValue?: any;
value?: any;
direction?: DirectionType;
helperText?: any;
labelProps?: LabelProps;
label?: string;
tabsContainerClassName?: string;
forceHideHelperText?: boolean;
containerClassNames?: {
bordered?: string;
tabs?: string;
cards?: string;
default?: string;
};
};
declare const Radio: React__default.ForwardRefExoticComponent<RadioTypes & React__default.RefAttributes<HTMLInputElement>>;
interface TableHeadProps extends React$1.ThHTMLAttributes<HTMLTableCellElement> {
clickable?: boolean;
condensed?: boolean;
}
interface TableCellProps extends React$1.TdHTMLAttributes<HTMLTableCellElement> {
condensed?: boolean;
enablePadding?: boolean;
padding?: "condensed" | "default" | "noPadding";
}
declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & React$1.RefAttributes<HTMLTableElement>>;
declare const TableHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
declare const TableHead: React$1.ForwardRefExoticComponent<TableHeadProps & React$1.RefAttributes<HTMLTableCellElement>>;
declare const TableBody: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
declare const TableFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
declare const TableRow: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableRowElement> & React$1.RefAttributes<HTMLTableRowElement>>;
declare const TableCell: React$1.ForwardRefExoticComponent<TableCellProps & React$1.RefAttributes<HTMLTableCellElement>>;
declare const TableCaption: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableCaptionElement> & React$1.RefAttributes<HTMLTableCaptionElement>>;
interface CommandProps extends React$1.ComponentPropsWithoutRef<typeof Command$1> {
}
interface CommandDialogProps extends DialogProps {
}
interface CommandInputProps extends React$1.ComponentPropsWithoutRef<typeof Command$1.Input> {
}
interface CommandListProps extends React$1.ComponentPropsWithoutRef<typeof Command$1.List> {
}
interface CommandEmptyProps extends React$1.ComponentPropsWithoutRef<typeof Command$1.Empty> {
}
interface CommandGroupProps extends React$1.ComponentPropsWithoutRef<typeof Command$1.Group> {
}
interface CommandSeparatorProps extends React$1.ComponentPropsWithoutRef<typeof Command$1.Separator> {
}
interface CommandItemProps extends React$1.ComponentPropsWithoutRef<typeof Command$1.Item> {
}
interface CommandShortcutProps extends React$1.HTMLAttributes<HTMLSpanElement> {
}
declare const Command: React$1.ForwardRefExoticComponent<CommandProps & React$1.RefAttributes<HTMLDivElement>>;
declare const CommandDialog: ({ children, ...props }: CommandDialogProps) => React$1.JSX.Element;
declare const CommandInput: React$1.ForwardRefExoticComponent<CommandInputProps & React$1.RefAttributes<HTMLInputElement>>;
declare const CommandList: React$1.ForwardRefExoticComponent<CommandListProps & React$1.RefAttributes<HTMLDivElement>>;
declare const CommandEmpty: React$1.ForwardRefExoticComponent<CommandEmptyProps & React$1.RefAttributes<HTMLDivElement>>;
declare const CommandGroup: React$1.ForwardRefExoticComponent<CommandGroupProps & React$1.RefAttributes<HTMLDivElement>>;
declare const CommandSeparator: React$1.ForwardRefExoticComponent<CommandSeparatorProps & React$1.RefAttributes<HTMLDivElement>>;
declare const CommandItem: React$1.ForwardRefExoticComponent<CommandItemProps & React$1.RefAttributes<HTMLDivElement>>;
declare const CommandShortcut: {
({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement> & CommandShortcutProps): React$1.JSX.Element;
displayName: string;
};
type FullCommandItem = {
type: "group" | "separator";
heading?: string;
items?: {
icon: React$1.ElementType;
label: string | React$1.ReactNode;
action: () => void;
shortcut?: string;
}[];
};
type FullCommandProps = {
items: FullCommandItem[];
direction?: DirectionType;
onActionClick?: () => void;
texts?: {
searchPlaceholder?: string;
emptyText?: string;
};
};
declare const FullCommand: ({ items, direction, texts, onActionClick, }: FullCommandProps) => React$1.JSX.Element;
type AppCommandProps = {
commandProps: Omit<FullCommandProps, "onActionClick">;
dialogProps: DialogProps;
onActionClick?: () => void;
};
declare const AppCommand: ({ commandProps, dialogProps, onActionClick, }: AppCommandProps) => React$1.JSX.Element;
type ComboboxTypes<T> = {
labelKey?: keyof T | any;
valueKey?: keyof T | any;
data: T[];
width?: string;
texts?: {
noItems?: string;
placeholder?: string;
searchPlaceholder?: string;
};
isLoading?: boolean;
helperText?: any;
popoverClassName?: string;
/** This the same value as the one with the key valueKey */
defaultValue?: string;
preview?: boolean;
hideInput?: boolean;
direction?: DirectionType;
inputProps?: CommandInputProps;
id?: string;
/** The label of the input field */
label?: any;
labelProps?: LabelProps;
/** If true, it will show a red asterisk next to the label*/
isRequired?: boolean;
onChange?: (e: any) => void;
renderOption?: (item: T) => React$1.ReactNode;
renderSelected?: (item: T) => React$1.ReactNode;
};
declare const Combobox: React$1.ForwardRefExoticComponent<ComboboxTypes<any> & React$1.RefAttributes<HTMLDivElement>>;
interface TextareaProps extends React$1.TextareaHTMLAttributes<HTMLTextAreaElement> {
helperText?: any;
isLoading?: boolean;
/** The label of the input field */
label?: any;
labelProps?: LabelProps;
forceHideHelperText?: boolean;
textareaProps?: React$1.TextareaHTMLAttributes<HTMLTextAreaElement>;
showCount?: boolean;
countPosition?: "top" | "bottom";
classNames?: {
textarea?: string;
};
}
declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
type FileDropzoneTypes = {
/** The text label above the component. Consistant with the other form input fields */
label?: string;
files: [File];
setFiles: any;
setDeletedFiles: any;
maxFiles: number;
accept: any;
onAcceptedFiles: any;
showPreview: any;
onDeleteFile: any;
onClearFiles: any;
maxSize: number;
errorMessages: string;
disclaimer?: boolean;
termsLink?: string;
privacyLink?: string;
/** The translation object, use this to replace the default text with any translated text you want.*/
texts: {
errorUploading: any;
clickHereToUpload: any;
maxFileSize: any;
tooManyFiles: any;
fileTooLarge: any;
acceptedFileTypes: any;
invalidFileType: any;
terms?: string;
privacyPolicy?: string;
disclaimer?: string;
and?: string;
};
};
declare const FileDropzone: React__default.FunctionComponent<FileDropzoneTypes>;
type SortButtonProps = {
onSort: () => void;
label: string;
condensed?: boolean;
};
declare const SortButton: React__default.FC<SortButtonProps>;
type TabsVariants = "default" | "underlined" | "underlined_tabs";
declare const Tabs: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
variant?: TabsVariants;
scrollable?: boolean;
} & React$1.RefAttributes<HTMLDivElement>>;
declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
classNames?: {
scrollArea?: string;
};
} & React$1.RefAttributes<HTMLDivElement>>;
declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
chipProps?: ChipTypes;
className?: string;
showPopover?: boolean;
popoverContent?: React$1.ReactNode;
withPopover?: boolean;
onPopoverClick?: () => void;
} & React$1.RefAttributes<HTMLButtonElement>>;
declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
type TextFieldTypes = React__default.InputHTMLAttributes<HTMLInputElement> & {
isLoading?: boolean;
isLoadingError?: boolean;
containerClassName?: string;
margin?: "none" | "normal" | "large";
width?: "small" | "normal" | "full" | "auto";
/** The label of the input field */
label?: any;
labelProps?: LabelProps;
hideSeparator?: boolean;
/** The small red text under the input field to show validation. */
helperText?: any;
prefixText?: any;
forceHideHelperText?: boolean;
inputProps?: React__default.InputHTMLAttributes<HTMLInputElement>;
/** The icon inside the input field */
icon?: any;
/** Boolean to enable/disable editing the input field and using it as a text field */
preview?: boolean;
iconInside?: React__default.ReactNode;
endIcon?: React__default.ReactNode;
endIconProps?: {
className?: string;
};
startIcon?: React__default.ReactNode;
placeholder?: React__default.ReactNode;
/** Show the count of characters left in the input field. Works along with maxLength prop. */
showCount?: boolean;
countPosition?: "top" | "bottom" | "center";
popup?: boolean;
popupContent?: React__default.ReactNode;
outsidePrefix?: any;
loadingErrorMesssage?: string;
};
declare const Input: React__default.ForwardRefExoticComponent<React__default.InputHTMLAttributes<HTMLInputElement> & {
isLoading?: boolean;
isLoadingError?: boolean;
containerClassName?: string;
margin?: "none" | "normal" | "large";
width?: "small" | "normal" | "full" | "auto";
/** The label of the input field */
label?: any;
labelProps?: LabelProps;
hideSeparator?: boolean;
/** The small red text under the input field to show validation. */
helperText?: any;
prefixText?: any;
forceHideHelperText?: boolean;
inputProps?: React__default.InputHTMLAttributes<HTMLInputElement>;
/** The icon inside the input field */
icon?: any;
/** Boolean to enable/disable editing the input field and using it as a text field */
preview?: boolean;
iconInside?: React__default.ReactNode;
endIcon?: React__default.ReactNode;
endIconProps?: {
className?: string;
};
startIcon?: React__default.ReactNode;
placeholder?: React__default.ReactNode;
/** Show the count of characters left in the input field. Works along with maxLength prop. */
showCount?: boolean;
countPosition?: "top" | "bottom" | "center";
popup?: boolean;
popupContent?: React__default.ReactNode;
outsidePrefix?: any;
loadingErrorMesssage?: string;
} & React__default.RefAttributes<HTMLInputElement>>;
declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
container?: HTMLElement | null;
} & React$1.RefAttributes<HTMLDivElement>>;
interface PopoverProps {
side?: PositionType;
align?: "start" | "center" | "end";
trigger?: React$1.ReactNode;
children: React$1.ReactNode;
className?: string;
sideOffset?: number;
disableTrigger?: any;
width?: "trigger" | "default";
open?: boolean;
contentProps?: PopoverPrimitive.PopoverContentProps;
triggerProps?: PopoverPrimitive.PopoverTriggerProps;
}
type HawaPopoverTypes = PopoverProps & React$1.ComponentProps<typeof PopoverPrimitive.Root>;
declare const Popover: React$1.FC<HawaPopoverTypes>;
declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
declare const PopoverPortal: React$1.FC<PopoverPrimitive.PopoverPortalProps>;
declare const PopoverRoot: React$1.FC<PopoverPrimitive.PopoverProps>;
type SelectOptionProps = {
value: any;
label: any;
};
type SelectTypes = {
label?: string;
hideHelperText?: boolean;
options: SelectOptionProps[];
labelKey?: string;
isCreatable?: boolean;
isClearable?: boolean;
isMulti?: boolean;
isSearchable?: boolean;
controlClassNames?: string;
containerClassNames?: string;
onChange: any;
helperText?: any;
onInputChange?: any;
native?: any;
width?: "full" | "small" | "fit";
value?: any;
children?: any;
getOptionLabel?: any;
disabled?: boolean;
defaultValue?: any;
handleCreateOption?: () => void;
placeholder?: string;
hideIndicator?: boolean;
phoneCode?: boolean;
isLoading?: any;
labelProps?: LabelProps;
texts?: {
noOptions?: string;
createLabel?: string;
};
};
declare const Select: FC<SelectTypes>;
interface SwitchProps extends React$1.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {
size?: "default" | "sm" | "lg";
label?: string;
roundedness?: RadiusType;
}
declare const Switch: React$1.ForwardRefExoticComponent<SwitchProps & React$1.RefAttributes<HTMLButtonElement>>;
type CheckBoxTypes = {
id: string;
label?: React$1.ReactNode;
sublabel?: React$1.ReactNode;
helperText?: any;
size?: "xs" | "sm" | "default" | "md" | "lg" | "xl";
radius?: RadiusType;
};
type CheckboxProps = CheckBoxTypes & React$1.ComponentProps<typeof CheckboxElement>;
declare const Checkbox: React$1.FC<CheckboxProps>;
declare const CheckboxElement: React$1.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
size?: "xs" | "sm" | "default" | "md" | "lg" | "xl";
radius?: RadiusType;
} & React$1.RefAttributes<HTMLButtonElement>>;
declare const Progress: React$1.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
label?: string;
labelProps?: LabelProps;
} & React$1.RefAttributes<HTMLDivElement>>;
type BreadcrumbItemProps = {
label: string;
href: string;
};
interface BCTypes {
/** The array of crumbs, each one with a label and a href link */
breadcrumbLinks: BreadcrumbItemProps[];
/** The separator between each crumb, can be character or React Node. The default is ">" */
separator?: string | ReactNode;
size?: "normal" | "small" | "xs";
}
declare const Breadcrumb: FC<BCTypes>;
type StoreButtonsTypes = {
store: "apple" | "google";
};
declare const AppStores: FC<StoreButtonsTypes>;
type BadgeTypes = {
position: "right" | "left";
anchor: RefObject<HTMLElement>;
size?: "small" | "default" | "large";
text?: string | number;
className?: string;
};
declare const Badge: FC<BadgeTypes>;
declare const BadgedComponent: ({ children, className, hideBadge, position, size, text, }: any) => React__default.JSX.Element;
type PhoneInputProps = {
preferredCountry?: {
label: string;
};
helperText?: any;
label?: string;
labelProps?: LabelProps;
placeholder?: string;
handleChange?: (value: string) => void;
inputProps?: React__default.InputHTMLAttributes<HTMLInputElement>;
countryCodes?: {
label: string;
}[];
};
declare const PhoneInput: FC<PhoneInputProps>;
declare const PinInputRoot: React$1.ForwardRefExoticComponent<(Omit<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "containerClassName" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "noScriptCSSFallback"> & {
value?: string;
onChange?: (newValue: string) => unknown;
maxLength: number;
textAlign?: "left" | "center" | "right";
onComplete?: (...args: any[]) => unknown;
pushPasswordManagerStrategy?: "increase-width" | "none";
containerClassName?: string;
noScriptCSSFallback?: string | null;
} & {
render: (props: input_otp.RenderProps) => React$1.ReactNode;
children?: never;
} & React$1.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "containerClassName" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "noScriptCSSFallback"> & {
value?: string;
onChange?: (newValue: string) => unknown;
maxLength: number;
textAlign?: "left" | "center" | "right";
onComplete?: (...args: any[]) => unknown;
pushPasswordManagerStrategy?: "increase-width" | "none";
containerClassName?: string;
noScriptCSSFallback?: string | null;
} & {
render?: never;
children: React$1.ReactNode;
} & React$1.RefAttributes<HTMLInputElement>, "ref">) & React$1.RefAttributes<HTMLInputElement>>;
declare const PinInputGroup: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const PinInputSlot: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
index: number;
} & React$1.RefAttributes<HTMLDivElement>>;
declare const PinInputSeperator: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
type PinInputProps = Omit<OTPInputProps, "render"> & {
separatorPosition?: number;
helperText?: any;
};
declare const PinInput: React$1.FC<PinInputProps>;
declare const StopPropagationWrapper: (props: any) => React__default.JSX.Element;
declare const ScrollArea: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
orientation?: OrientationType;
} & React$1.RefAttributes<HTMLDivElement>>;
declare const ScrollBar: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
type ColorPickerTypes = {
label?: string;
id?: string;
isLoading?: boolean;
labelProps?: LabelProps;
helperText?: any;
forceHideHelperText?: boolean;
/** Boolean to enable/disable editing the input field and using it as a text field */
preview?: boolean;
/** The hex code for the color */
color?: any;
/** Fires everytime the color changes */
handleChange?: (e: ChangeEvent<HTMLInputElement>) => void;
colorPickerClassNames?: string;
colorTextClassNames?: string;
colorPickerProps?: InputHTMLAttributes<HTMLInputElement>;
textInputProps?: InputHTMLAttributes<HTMLInputElement>;
containerProps?: InputHTMLAttributes<HTMLDivElement>;
};
declare const ColorPicker: FC<ColorPickerTypes>;
type Size = "xs" | "sm" | "md" | "lg" | "xl";
interface ProgressCircleProps extends React__default.HTMLAttributes<HTMLDivElement> {
value: number;
size?: Size;
color?: any;
showAnimation?: boolean;
tooltip?: string;
radius?: number;
strokeWidth?: number;
children?: React__default.ReactNode;
}
declare const ProgressCircle: React__default.ForwardRefExoticComponent<ProgressCircleProps & React__default.RefAttributes<HTMLDivElement>>;
type PaginationProps = {
direction?: DirectionType;
totalPages: number;
currentPage?: number;
};
declare const Pagination: React__default.FC<PaginationProps>;
type PasswordInputIndicatorProps = {
strength?: any;
};
declare const PasswordStrengthIndicator: React__default.FC<PasswordInputIndicatorProps>;
type PasswordInputType$1 = {
onChange?: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
hidePopover?: boolean;
};
declare const PasswordInput: React__default.FC<PasswordInputType$1>;
declare const Slider: React$1.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
type SimpleTableProps<DataProps = {}> = {
direction?: DirectionType;
columns: ColumnDef<DataProps>[];
headerless?: boolean;
data: DataProps[];
condensed?: boolean;
isLoading?: boolean;
defaultSort?: string;
classNames?: string;
extra?: React$1.ReactNode;
texts?: {
searchPlaceholder?: string;
noData?: any;
page?: string;
filter?: string;
of?: string;
total?: string;
};
};
declare module "@tanstack/table-core" {
interface ColumnMeta<TData extends RowData, TValue> {
padding?: "condensed" | "default" | "noPadding";
sortable?: boolean;
hidden?: boolean;
}
}
declare const SimpleTable: <DataProps extends {}>({ columns, data, classNames, headerless, ...props }: SimpleTableProps<DataProps>) => React$1.JSX.Element;
type SeparatorProps = {
className?: string;
orientation?: OrientationType;
};
declare const Separator: React$1.FC<SeparatorProps>;
type ScrollIndicatorProps = {
anchor: RefObject<HTMLInputElement>;
inContainer?: boolean;
};
declare const ScrollIndicator: FC<ScrollIndicatorProps>;
type CodeBlockTypesBase = {
/** Specifies the programming language for syntax highlighting.*/
language?: HighlightProps["language"];
/** Defines the width of the code block.*/
width?: "full" | "md" | "sm";
/** Name of the file being displayed. */
fileName?: string;
/** line numbers for code block */
lineNumbers?: boolean;
/** Wrap text in code block */
wrapText?: boolean;
/** Custom class names for the code block */
classNames?: {
root?: string;
tabs?: string;
tab?: string;
code?: string;
fileName?: string;
codeBlockContainer?: string;
};
};
/**
* Type for when tabs are provided. In this case, the code property is optional.
* Do not provide the "code" prop if "tabs" exists.
*/
type CodeBlockTypesWithTabs = CodeBlockTypesBase & {
/** Array of tabs each containing a title and code content.*/
tabs: {
title: string;
code: string;
}[];
/** Code content to be displayed within the code block.*/
code?: string;
};
/**