@herca/r-kit 0.0.16 → 0.0.17

package/dist/components/hero/index.d.cts

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import react__default from 'react';
+
+declare function Hero({ className, ...props }: react__default.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+
+export { Hero };

package/dist/components/hero/index.d.ts

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import react__default from 'react';
+
+declare function Hero({ className, ...props }: react__default.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+
+export { Hero };

package/dist/components/icons/index.d.cts

@@ -0,0 +1,8 @@
+import react__default from 'react';
+import { a as IconProps, I as IconNameProps } from '../../type-B49-vkNZ.cjs';
+
+declare const Icon: react__default.FC<IconProps & {
+    name: IconNameProps;
+}>;
+
+export { Icon, IconNameProps };

package/dist/components/icons/index.d.ts

@@ -0,0 +1,8 @@
+import react__default from 'react';
+import { a as IconProps, I as IconNameProps } from '../../type-B49-vkNZ.js';
+
+declare const Icon: react__default.FC<IconProps & {
+    name: IconNameProps;
+}>;
+
+export { Icon, IconNameProps };

package/dist/index.d.cts

@@ -0,0 +1,156 @@
+import { ClassValue } from 'clsx';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import react__default, { ButtonHTMLAttributes, HtmlHTMLAttributes } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+export { Hero } from './components/hero/index.cjs';
+export { Icon } from './components/icons/index.cjs';
+import { I as IconNameProps } from './type-B49-vkNZ.cjs';
+import { T as TextProps } from './type-fvT6Ki3j.cjs';
+export { A as AlignMent, C as ColorVariant, a as TextBaseProps, b as TextVariant, c as TextWeight, d as TextWithChildren, e as TextWithValue } from './type-fvT6Ki3j.cjs';
+
+declare function Text({ as: TextComponent, align, color, numberOfLines, variant, weight, value, children, className, }: TextProps): react_jsx_runtime.JSX.Element;
+
+declare function cn(...inputs: ClassValue[]): string;
+declare function fieldHasError(errorMessages: unknown): boolean;
+
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "outline" | "tertiary" | null | undefined;
+    size?: "sm" | "md" | "lg" | "icon" | null | undefined;
+    color?: "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "orange" | "purple" | "gray" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ButtonVariantProps = VariantProps<typeof buttonVariants>;
+
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, ButtonVariantProps {
+    asChild?: boolean;
+    color?: "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "orange" | "purple" | "gray";
+}
+declare const Button: ({ variant, size, color, className, disabled, asChild, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
+
+declare const badgeVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    color?: "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "orange" | "purple" | "gray" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type BadgeVariantProps = VariantProps<typeof badgeVariants>;
+
+interface BadgeProps extends HtmlHTMLAttributes<HTMLDivElement>, BadgeVariantProps {
+    color?: "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "orange" | "purple" | "gray";
+}
+declare const Badge: ({ children, className, size, color }: BadgeProps) => react_jsx_runtime.JSX.Element;
+
+declare const cardVariants: (props?: ({
+    variant?: "outline" | "filled" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    color?: "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "orange" | "purple" | "gray" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type CardVariantProps = VariantProps<typeof cardVariants>;
+declare const paddingBySize: Record<string, string>;
+declare const dividerColors: Record<string, string>;
+
+interface CardProps extends react.HtmlHTMLAttributes<HTMLDivElement>, CardVariantProps {
+    color?: "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "orange" | "purple" | "gray";
+}
+declare const Card: ({ variant, color, size, className, children, ...props }: CardProps) => react_jsx_runtime.JSX.Element;
+interface CardHeaderProps extends react.HTMLAttributes<HTMLDivElement> {
+    divider?: boolean;
+    noPadding?: boolean;
+    size?: "sm" | "md" | "lg";
+    variant?: "outline" | "filled";
+}
+declare const CardHeader: ({ divider, noPadding, size, color, variant, className, children, ...props }: CardHeaderProps) => react_jsx_runtime.JSX.Element;
+interface CardBodyProps extends react.HTMLAttributes<HTMLDivElement> {
+    size?: "sm" | "md" | "lg";
+}
+declare const CardBody: ({ size, className, children, ...props }: CardBodyProps) => react_jsx_runtime.JSX.Element;
+interface CardFooterProps extends react.HTMLAttributes<HTMLDivElement> {
+    size?: "sm" | "md" | "lg";
+    divider?: boolean;
+    variant?: "outline" | "filled";
+}
+declare const CardFooter: ({ divider, size, color, variant, className, children, ...props }: CardFooterProps) => react_jsx_runtime.JSX.Element;
+
+interface RoundedSpinnerProps {
+    size?: number;
+    radius?: number;
+    stroke?: number;
+    duration?: number;
+    color?: "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "orange" | "purple" | "gray";
+}
+declare function RoundedSpinner({ size, radius, stroke, duration, color, }: RoundedSpinnerProps): react_jsx_runtime.JSX.Element;
+
+type AvatarSizeType = "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
+type AvatarColorType = "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "purple" | "orange" | "gray";
+type AvatarVariantType = "circle" | "square" | "rounded";
+interface AvatarProps {
+    size?: AvatarSizeType;
+    color?: AvatarColorType;
+    variant?: AvatarVariantType;
+    url?: string;
+    name?: string;
+    className?: string;
+    alt?: string;
+}
+
+declare const Avatar: react__default.FC<AvatarProps>;
+
+declare const AvatarVariants: (props?: ({
+    variant?: "circle" | "square" | "rounded" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | "xl" | "xxl" | null | undefined;
+    color?: "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "orange" | "purple" | "gray" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+interface Props$2 {
+    code: string;
+    lang?: "tsx" | "md" | "ts" | "js" | "jsx" | "json" | "css" | "html" | "toml";
+    theme?: "dark-plus" | "light-plus";
+}
+declare function CodeBlock({ code, lang, theme }: Props$2): react_jsx_runtime.JSX.Element | null;
+
+type ColorVariant = "danger" | "success" | "warning" | "info" | "gray";
+
+type IndicatorPosition = "top-right" | "top-left" | "bottom-right" | "bottom-left";
+interface Props$1 {
+    color: ColorVariant;
+    size?: "sm" | "md" | "lg";
+    value?: number;
+    position?: IndicatorPosition;
+    pulse?: boolean;
+    children: React.ReactNode;
+}
+declare function Indicator({ color, size, value, position, pulse, children, }: Props$1): react_jsx_runtime.JSX.Element;
+
+interface Props {
+    className?: string;
+    brandLogo: string;
+    name?: string;
+}
+declare function BrandLogo({ brandLogo, className, name }: Props): react_jsx_runtime.JSX.Element;
+
+interface KbdProps extends react__default.HTMLAttributes<HTMLElement> {
+    size?: "sm" | "md" | "lg";
+    variant?: "default" | "outline" | "ghost";
+    color?: "neutral" | "primary" | "success" | "danger" | "info" | "warning";
+}
+declare function Kbd({ size, variant, color, className, ...props }: KbdProps): react_jsx_runtime.JSX.Element;
+
+declare const kbdVariants: (props?: ({
+    variant?: "default" | "outline" | "ghost" | null | undefined;
+    color?: "primary" | "success" | "danger" | "warning" | "info" | "neutral" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+interface BreadcrumbItem {
+    href?: string;
+    label: string;
+}
+interface BreadcrumbsProps {
+    separator?: IconNameProps;
+    items: BreadcrumbItem[];
+    linkComponent?: React.ElementType | string;
+    separatorClassName?: string;
+}
+
+declare function Breadcrumbs({ items, separator, separatorClassName, linkComponent: LinkComponent, }: BreadcrumbsProps): react_jsx_runtime.JSX.Element;
+
+export { Avatar, AvatarVariants, Badge, type BadgeVariantProps, BrandLogo, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonVariantProps, Card, CardBody, CardFooter, CardHeader, type CardVariantProps, CodeBlock, IconNameProps, Indicator, Kbd, RoundedSpinner, Text, TextProps, badgeVariants, buttonVariants, cardVariants, cn, dividerColors, fieldHasError, kbdVariants, paddingBySize };

package/dist/index.d.ts

@@ -0,0 +1,156 @@
+import { ClassValue } from 'clsx';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import react__default, { ButtonHTMLAttributes, HtmlHTMLAttributes } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+export { Hero } from './components/hero/index.js';
+export { Icon } from './components/icons/index.js';
+import { I as IconNameProps } from './type-B49-vkNZ.js';
+import { T as TextProps } from './type-fvT6Ki3j.js';
+export { A as AlignMent, C as ColorVariant, a as TextBaseProps, b as TextVariant, c as TextWeight, d as TextWithChildren, e as TextWithValue } from './type-fvT6Ki3j.js';
+
+declare function Text({ as: TextComponent, align, color, numberOfLines, variant, weight, value, children, className, }: TextProps): react_jsx_runtime.JSX.Element;
+
+declare function cn(...inputs: ClassValue[]): string;
+declare function fieldHasError(errorMessages: unknown): boolean;
+
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "outline" | "tertiary" | null | undefined;
+    size?: "sm" | "md" | "lg" | "icon" | null | undefined;
+    color?: "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "orange" | "purple" | "gray" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ButtonVariantProps = VariantProps<typeof buttonVariants>;
+
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, ButtonVariantProps {
+    asChild?: boolean;
+    color?: "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "orange" | "purple" | "gray";
+}
+declare const Button: ({ variant, size, color, className, disabled, asChild, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
+
+declare const badgeVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    color?: "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "orange" | "purple" | "gray" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type BadgeVariantProps = VariantProps<typeof badgeVariants>;
+
+interface BadgeProps extends HtmlHTMLAttributes<HTMLDivElement>, BadgeVariantProps {
+    color?: "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "orange" | "purple" | "gray";
+}
+declare const Badge: ({ children, className, size, color }: BadgeProps) => react_jsx_runtime.JSX.Element;
+
+declare const cardVariants: (props?: ({
+    variant?: "outline" | "filled" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    color?: "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "orange" | "purple" | "gray" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type CardVariantProps = VariantProps<typeof cardVariants>;
+declare const paddingBySize: Record<string, string>;
+declare const dividerColors: Record<string, string>;
+
+interface CardProps extends react.HtmlHTMLAttributes<HTMLDivElement>, CardVariantProps {
+    color?: "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "orange" | "purple" | "gray";
+}
+declare const Card: ({ variant, color, size, className, children, ...props }: CardProps) => react_jsx_runtime.JSX.Element;
+interface CardHeaderProps extends react.HTMLAttributes<HTMLDivElement> {
+    divider?: boolean;
+    noPadding?: boolean;
+    size?: "sm" | "md" | "lg";
+    variant?: "outline" | "filled";
+}
+declare const CardHeader: ({ divider, noPadding, size, color, variant, className, children, ...props }: CardHeaderProps) => react_jsx_runtime.JSX.Element;
+interface CardBodyProps extends react.HTMLAttributes<HTMLDivElement> {
+    size?: "sm" | "md" | "lg";
+}
+declare const CardBody: ({ size, className, children, ...props }: CardBodyProps) => react_jsx_runtime.JSX.Element;
+interface CardFooterProps extends react.HTMLAttributes<HTMLDivElement> {
+    size?: "sm" | "md" | "lg";
+    divider?: boolean;
+    variant?: "outline" | "filled";
+}
+declare const CardFooter: ({ divider, size, color, variant, className, children, ...props }: CardFooterProps) => react_jsx_runtime.JSX.Element;
+
+interface RoundedSpinnerProps {
+    size?: number;
+    radius?: number;
+    stroke?: number;
+    duration?: number;
+    color?: "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "orange" | "purple" | "gray";
+}
+declare function RoundedSpinner({ size, radius, stroke, duration, color, }: RoundedSpinnerProps): react_jsx_runtime.JSX.Element;
+
+type AvatarSizeType = "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
+type AvatarColorType = "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "purple" | "orange" | "gray";
+type AvatarVariantType = "circle" | "square" | "rounded";
+interface AvatarProps {
+    size?: AvatarSizeType;
+    color?: AvatarColorType;
+    variant?: AvatarVariantType;
+    url?: string;
+    name?: string;
+    className?: string;
+    alt?: string;
+}
+
+declare const Avatar: react__default.FC<AvatarProps>;
+
+declare const AvatarVariants: (props?: ({
+    variant?: "circle" | "square" | "rounded" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | "xl" | "xxl" | null | undefined;
+    color?: "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "orange" | "purple" | "gray" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+interface Props$2 {
+    code: string;
+    lang?: "tsx" | "md" | "ts" | "js" | "jsx" | "json" | "css" | "html" | "toml";
+    theme?: "dark-plus" | "light-plus";
+}
+declare function CodeBlock({ code, lang, theme }: Props$2): react_jsx_runtime.JSX.Element | null;
+
+type ColorVariant = "danger" | "success" | "warning" | "info" | "gray";
+
+type IndicatorPosition = "top-right" | "top-left" | "bottom-right" | "bottom-left";
+interface Props$1 {
+    color: ColorVariant;
+    size?: "sm" | "md" | "lg";
+    value?: number;
+    position?: IndicatorPosition;
+    pulse?: boolean;
+    children: React.ReactNode;
+}
+declare function Indicator({ color, size, value, position, pulse, children, }: Props$1): react_jsx_runtime.JSX.Element;
+
+interface Props {
+    className?: string;
+    brandLogo: string;
+    name?: string;
+}
+declare function BrandLogo({ brandLogo, className, name }: Props): react_jsx_runtime.JSX.Element;
+
+interface KbdProps extends react__default.HTMLAttributes<HTMLElement> {
+    size?: "sm" | "md" | "lg";
+    variant?: "default" | "outline" | "ghost";
+    color?: "neutral" | "primary" | "success" | "danger" | "info" | "warning";
+}
+declare function Kbd({ size, variant, color, className, ...props }: KbdProps): react_jsx_runtime.JSX.Element;
+
+declare const kbdVariants: (props?: ({
+    variant?: "default" | "outline" | "ghost" | null | undefined;
+    color?: "primary" | "success" | "danger" | "warning" | "info" | "neutral" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+interface BreadcrumbItem {
+    href?: string;
+    label: string;
+}
+interface BreadcrumbsProps {
+    separator?: IconNameProps;
+    items: BreadcrumbItem[];
+    linkComponent?: React.ElementType | string;
+    separatorClassName?: string;
+}
+
+declare function Breadcrumbs({ items, separator, separatorClassName, linkComponent: LinkComponent, }: BreadcrumbsProps): react_jsx_runtime.JSX.Element;
+
+export { Avatar, AvatarVariants, Badge, type BadgeVariantProps, BrandLogo, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonVariantProps, Card, CardBody, CardFooter, CardHeader, type CardVariantProps, CodeBlock, IconNameProps, Indicator, Kbd, RoundedSpinner, Text, TextProps, badgeVariants, buttonVariants, cardVariants, cn, dividerColors, fieldHasError, kbdVariants, paddingBySize };

package/dist/type-B49-vkNZ.d.cts

@@ -0,0 +1,298 @@
+import * as react from 'react';
+
+declare const iconRegistry: {
+    "arrow-left-circle": react.FC<BaseIconProps>;
+    "arrow-right-circle": react.FC<BaseIconProps>;
+    search: react.FC<BaseIconProps>;
+    user: react.FC<BaseIconProps>;
+    eye: react.FC<BaseIconProps>;
+    "eye-open": react.FC<BaseIconProps>;
+    "arrow-right": react.FC<BaseIconProps>;
+    "arrow-left": react.FC<BaseIconProps>;
+    document: react.FC<BaseIconProps>;
+    calendar: react.FC<BaseIconProps>;
+    "exclamation-mark": react.FC<BaseIconProps>;
+    "x-circle": react.FC<BaseIconProps>;
+    "sticky-note": react.FC<BaseIconProps>;
+    "radio-button": react.FC<BaseIconProps>;
+    "arrow-back-alt": react.FC<BaseIconProps>;
+    "arrow-forward-alt": react.FC<BaseIconProps>;
+    "arrow-down": react.FC<BaseIconProps>;
+    "arrow-up": react.FC<BaseIconProps>;
+    check: react.FC<BaseIconProps>;
+    filter: react.FC<BaseIconProps>;
+    "air-plane": react.FC<BaseIconProps>;
+    camera: react.FC<BaseIconProps>;
+    image: react.FC<BaseIconProps>;
+    times: react.FC<BaseIconProps>;
+    plus: react.FC<BaseIconProps>;
+    bell: react.FC<BaseIconProps>;
+    "file-list-check": react.FC<BaseIconProps>;
+    "file-text": react.FC<BaseIconProps>;
+    "bookmark-user": react.FC<BaseIconProps>;
+    "folder-clock": react.FC<BaseIconProps>;
+    "home-fill": react.FC<BaseIconProps>;
+    "home-outline": react.FC<BaseIconProps>;
+    "user-circle-outline": react.FC<BaseIconProps>;
+    "user-circle-fill": react.FC<BaseIconProps>;
+    "clipboard-list-check": react.FC<BaseIconProps>;
+    "clipboard-list": react.FC<BaseIconProps>;
+    megaphone: react.FC<BaseIconProps>;
+    scanner: react.FC<BaseIconProps>;
+    clock: react.FC<BaseIconProps>;
+    "clock-outline": react.FC<BaseIconProps>;
+    "clipboard-list-check-outline": react.FC<BaseIconProps>;
+    "box-outline": react.FC<BaseIconProps>;
+    box: react.FC<BaseIconProps>;
+    "plus-square": react.FC<BaseIconProps>;
+    "at-sign": react.FC<BaseIconProps>;
+    "briefcase-outline": react.FC<BaseIconProps>;
+    "edit-square-outline": react.FC<BaseIconProps>;
+    "globe-earth": react.FC<BaseIconProps>;
+    "lock-fill": react.FC<BaseIconProps>;
+    "question-circle-outline": react.FC<BaseIconProps>;
+    "shield-fill": react.FC<BaseIconProps>;
+    users: react.FC<BaseIconProps>;
+    bold: react.FC<BaseIconProps>;
+    italic: react.FC<BaseIconProps>;
+    underline: react.FC<BaseIconProps>;
+    "settings-slider": react.FC<BaseIconProps>;
+    "rotate-square-fill": react.FC<BaseIconProps>;
+    "location-pin-fill": react.FC<BaseIconProps>;
+    "discount-fill": react.FC<BaseIconProps>;
+    "copy-fill": react.FC<BaseIconProps>;
+    "copy-text-fill": react.FC<BaseIconProps>;
+    "shield-checked-fill": react.FC<BaseIconProps>;
+    "calendar-edit": react.FC<BaseIconProps>;
+    "info-circle-outline": react.FC<BaseIconProps>;
+    "user-edit": react.FC<BaseIconProps>;
+    bolt: react.FC<BaseIconProps>;
+    "bolt-slash": react.FC<BaseIconProps>;
+    "image-plus": react.FC<BaseIconProps>;
+    "whatsapp-fill": react.FC<BaseIconProps>;
+    "layout-web": react.FC<BaseIconProps>;
+    ellipse: react.FC<BaseIconProps>;
+    upload: react.FC<IconProps>;
+    "activity-notification-square": react.FC<IconProps>;
+    "address-book": react.FC<IconProps>;
+    adjust: react.FC<IconProps>;
+    "angle-down-small": react.FC<IconProps>;
+    "angle-left-small": react.FC<IconProps>;
+    "angle-right-small": react.FC<IconProps>;
+    "angle-up-small": react.FC<IconProps>;
+    "angles-down-small": react.FC<IconProps>;
+    "angles-left-small": react.FC<IconProps>;
+    "angles-right-small": react.FC<IconProps>;
+    "angles-up-small": react.FC<IconProps>;
+    "arrow-down-small": react.FC<IconProps>;
+    "arrow-export": react.FC<IconProps>;
+    "arrow-left-small": react.FC<IconProps>;
+    "arrow-reply": react.FC<IconProps>;
+    "arrow-right-small": react.FC<IconProps>;
+    "arrow-share": react.FC<IconProps>;
+    "arrow-turn-down-left": react.FC<IconProps>;
+    "arrow-up-small": react.FC<IconProps>;
+    "arrows-expand": react.FC<IconProps>;
+    backward: react.FC<IconProps>;
+    "book-open-text": react.FC<IconProps>;
+    "book-text": react.FC<IconProps>;
+    "box-check": react.FC<IconProps>;
+    "box-minus": react.FC<IconProps>;
+    "box-return": react.FC<IconProps>;
+    "box-search": react.FC<IconProps>;
+    boxes: react.FC<IconProps>;
+    "briefcase-money": react.FC<IconProps>;
+    "buildings-alt": react.FC<IconProps>;
+    "calendar-check-alt": react.FC<IconProps>;
+    "calendar-star": react.FC<IconProps>;
+    "caret-down": react.FC<IconProps>;
+    "caret-left": react.FC<IconProps>;
+    "caret-right": react.FC<IconProps>;
+    "caret-up": react.FC<IconProps>;
+    "chart-bar-circle": react.FC<IconProps>;
+    "chart-bar-vertical": react.FC<IconProps>;
+    "chart-line": react.FC<IconProps>;
+    "chart-pie": react.FC<IconProps>;
+    "chart-trend-up": react.FC<IconProps>;
+    "check-square": react.FC<IconProps>;
+    "circle-and-square": react.FC<IconProps>;
+    "clipboard-edit": react.FC<IconProps>;
+    "clipboard-list-check2": react.FC<IconProps>;
+    "clock-fast-forward": react.FC<IconProps>;
+    "closed-captioning": react.FC<IconProps>;
+    coin: react.FC<IconProps>;
+    coins: react.FC<IconProps>;
+    "comment-notification": react.FC<IconProps>;
+    "comment-text": react.FC<IconProps>;
+    cpu: react.FC<IconProps>;
+    "credit-card-change": react.FC<IconProps>;
+    "credit-card-convert": react.FC<IconProps>;
+    "credit-card-edit": react.FC<IconProps>;
+    csv: react.FC<IconProps>;
+    cursor: react.FC<IconProps>;
+    "delivery-cart-arrow-up": react.FC<IconProps>;
+    "delivery-cart": react.FC<IconProps>;
+    desktop: react.FC<IconProps>;
+    doc: react.FC<IconProps>;
+    "document-list-check": react.FC<IconProps>;
+    docx: react.FC<IconProps>;
+    download: react.FC<IconProps>;
+    "envelope-check": react.FC<IconProps>;
+    excel: react.FC<IconProps>;
+    expand: react.FC<IconProps>;
+    "export-file": react.FC<IconProps>;
+    "file-ban": react.FC<IconProps>;
+    "file-check": react.FC<IconProps>;
+    "file-list-edit": react.FC<IconProps>;
+    "file-list-search": react.FC<IconProps>;
+    "file-list-shield": react.FC<IconProps>;
+    "file-list": react.FC<IconProps>;
+    "file-lock": react.FC<IconProps>;
+    "file-settings": react.FC<IconProps>;
+    "file-text-check": react.FC<IconProps>;
+    "file-text-edit": react.FC<IconProps>;
+    "file-text-map": react.FC<IconProps>;
+    "file-text-plus": react.FC<IconProps>;
+    "file-text-search": react.FC<IconProps>;
+    "file-user": react.FC<IconProps>;
+    "folder-open": react.FC<IconProps>;
+    forward: react.FC<IconProps>;
+    "graduation-cap": react.FC<IconProps>;
+    "grid-square-reg": react.FC<IconProps>;
+    "grid-square": react.FC<IconProps>;
+    "hand-holding-dollar-circle": react.FC<IconProps>;
+    "hand-holding-dollar": react.FC<IconProps>;
+    hashtag: react.FC<IconProps>;
+    "id-badge": react.FC<IconProps>;
+    "id-card": react.FC<IconProps>;
+    keyboard: react.FC<IconProps>;
+    laptop: react.FC<IconProps>;
+    "layout-web-left": react.FC<IconProps>;
+    "layout-web-right": react.FC<IconProps>;
+    "line-up-change": react.FC<IconProps>;
+    "line-up-square": react.FC<IconProps>;
+    "location-pin-coin": react.FC<IconProps>;
+    "location-pin-search": react.FC<IconProps>;
+    "location-pin-user": react.FC<IconProps>;
+    "location-pin-users": react.FC<IconProps>;
+    lock: react.FC<IconProps>;
+    "log-out": react.FC<IconProps>;
+    "map-location": react.FC<IconProps>;
+    "menu-left": react.FC<IconProps>;
+    "message-text-notification": react.FC<IconProps>;
+    minus: react.FC<IconProps>;
+    mobile: react.FC<IconProps>;
+    "money-bill-ban": react.FC<IconProps>;
+    "money-bill-check": react.FC<IconProps>;
+    "money-bill-convert": react.FC<IconProps>;
+    "money-bill-minus": react.FC<IconProps>;
+    "money-bill-plus": react.FC<IconProps>;
+    "money-bill-send": react.FC<IconProps>;
+    "money-bill-times": react.FC<IconProps>;
+    "money-bills": react.FC<IconProps>;
+    "money-withdrawal": react.FC<IconProps>;
+    mp3: react.FC<IconProps>;
+    mp4: react.FC<IconProps>;
+    music: react.FC<IconProps>;
+    "package-check": react.FC<IconProps>;
+    package: react.FC<IconProps>;
+    paperclip: react.FC<IconProps>;
+    pause: react.FC<IconProps>;
+    pdf: react.FC<IconProps>;
+    "percent-circle": react.FC<IconProps>;
+    play: react.FC<IconProps>;
+    "plus-circle": react.FC<IconProps>;
+    ppt: react.FC<IconProps>;
+    "presentation-dollar": react.FC<IconProps>;
+    "presentation-poll": react.FC<IconProps>;
+    "presentation-user": react.FC<IconProps>;
+    print: react.FC<IconProps>;
+    puzzle: react.FC<IconProps>;
+    rar: react.FC<IconProps>;
+    "receipt-text": react.FC<IconProps>;
+    "refresh-ccw": react.FC<IconProps>;
+    road: react.FC<IconProps>;
+    "rotate-square": react.FC<IconProps>;
+    "sack-dollar": react.FC<IconProps>;
+    "scan-qr": react.FC<IconProps>;
+    server: react.FC<IconProps>;
+    settings: react.FC<IconProps>;
+    "shopping-basket-times": react.FC<IconProps>;
+    "shopping-basket-user": react.FC<IconProps>;
+    "shopping-basket": react.FC<IconProps>;
+    "shopping-cart-arrow-down": react.FC<IconProps>;
+    "shopping-cart-arrow-top": react.FC<IconProps>;
+    "shopping-cart-plus": react.FC<IconProps>;
+    "shopping-cart": react.FC<IconProps>;
+    "sort-ascending-circle": react.FC<IconProps>;
+    "sort-descending-circle": react.FC<IconProps>;
+    "sort-vertical": react.FC<IconProps>;
+    standings: react.FC<IconProps>;
+    stop: react.FC<IconProps>;
+    store: react.FC<IconProps>;
+    subtract: react.FC<IconProps>;
+    tag: react.FC<IconProps>;
+    tags: react.FC<IconProps>;
+    telegram: react.FC<IconProps>;
+    "time-past": react.FC<IconProps>;
+    timelapse: react.FC<IconProps>;
+    "times-circle": react.FC<IconProps>;
+    tool: react.FC<IconProps>;
+    "trash-check": react.FC<IconProps>;
+    "trash-regular": react.FC<IconProps>;
+    "trash-slash": react.FC<IconProps>;
+    "trend-up-circle": react.FC<IconProps>;
+    "trend-up-square": react.FC<IconProps>;
+    "trend-up": react.FC<IconProps>;
+    truck: react.FC<IconProps>;
+    "user-change": react.FC<IconProps>;
+    "user-dollar": react.FC<IconProps>;
+    "user-eye": react.FC<IconProps>;
+    "user-settings": react.FC<IconProps>;
+    "user-square": react.FC<IconProps>;
+    "user-star": react.FC<IconProps>;
+    vector: react.FC<IconProps>;
+    "video-play": react.FC<IconProps>;
+    "volume-high": react.FC<IconProps>;
+    whatsapp: react.FC<IconProps>;
+    xls: react.FC<IconProps>;
+    code: react.FC<IconProps>;
+    "info-circle-fill": react.FC<BaseIconProps>;
+    "rotate-right": react.FC<IconProps>;
+    "exclamation-triangle": react.FC<IconProps>;
+    "cloud-upload": react.FC<IconProps>;
+    "search-plus-fill": react.FC<BaseIconProps>;
+    "search-minus-fill": react.FC<BaseIconProps>;
+    "folder-add": react.FC<BaseIconProps>;
+    folder: react.FC<BaseIconProps>;
+    layer: react.FC<IconProps>;
+    people: react.FC<IconProps>;
+    "sort-descending": react.FC<IconProps>;
+    "more-horizontal": react.FC<IconProps>;
+    "trash-fill": react.FC<IconProps>;
+    envelope: react.FC<IconProps>;
+    phone: react.FC<IconProps>;
+    "briefcase-fill": react.FC<IconProps>;
+    "user-clock": react.FC<BaseIconProps>;
+    "money-bill": react.FC<IconProps>;
+    hourglass: react.FC<BaseIconProps>;
+    gift: react.FC<BaseIconProps>;
+    "document-list": react.FC<BaseIconProps>;
+    "delivery-cart-arrow-down": react.FC<IconProps>;
+    "credit-card": react.FC<IconProps>;
+    "user-briefcase": react.FC<BaseIconProps>;
+    "user-check": react.FC<BaseIconProps>;
+};
+
+type IconNameProps = keyof typeof iconRegistry;
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+    size?: number;
+    color?: string;
+}
+interface BaseIconProps {
+    size?: number;
+    color?: string;
+    className?: string;
+}
+
+export type { IconNameProps as I, IconProps as a };