brd-ui-kit 0.1.75 → 0.1.77

package/dist/components/ui/card/card.d.ts

@@ -1,9 +1,9 @@
+import { HTMLAttributes, RefObject } from 'react';
 import { VariantProps } from 'class-variance-authority';
 import { cardVariants } from './card.styles';
-import * as React from "react";
 declare const Card: {
-    ({ ref, className, variant, disabled, active, ...props }: React.HTMLAttributes<HTMLDivElement> & {
-        ref?: React.RefObject<HTMLDivElement | null>;
+    ({ ref, className, variant, disabled, active, ...props }: HTMLAttributes<HTMLDivElement> & {
+        ref?: RefObject<HTMLDivElement | null>;
         variant?: VariantProps<typeof cardVariants>["variant"];
         disabled?: boolean;
         active?: boolean;
@@ -11,32 +11,32 @@ declare const Card: {
     displayName: string;
 };
 declare const CardHeader: {
-    ({ ref, className, ...props }: React.HTMLAttributes<HTMLDivElement> & {
-        ref?: React.RefObject<HTMLDivElement | null>;
+    ({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+        ref?: RefObject<HTMLDivElement | null>;
     }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const CardTitle: {
-    ({ ref, className, ...props }: React.HTMLAttributes<HTMLDivElement> & {
-        ref?: React.RefObject<HTMLDivElement | null>;
+    ({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+        ref?: RefObject<HTMLDivElement | null>;
     }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const CardDescription: {
-    ({ ref, className, ...props }: React.HTMLAttributes<HTMLDivElement> & {
-        ref?: React.RefObject<HTMLDivElement | null>;
+    ({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+        ref?: RefObject<HTMLDivElement | null>;
     }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const CardContent: {
-    ({ ref, className, ...props }: React.HTMLAttributes<HTMLDivElement> & {
-        ref?: React.RefObject<HTMLDivElement | null>;
+    ({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+        ref?: RefObject<HTMLDivElement | null>;
     }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const CardFooter: {
-    ({ ref, className, ...props }: React.HTMLAttributes<HTMLDivElement> & {
-        ref?: React.RefObject<HTMLDivElement | null>;
+    ({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+        ref?: RefObject<HTMLDivElement | null>;
     }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/components/ui/chart/chart.d.ts

@@ -1,43 +1,45 @@
-import * as React from "react";
+import { ComponentProps, ComponentType, ReactNode, MemoExoticComponent } from 'react';
+import { LegendPayload, VerticalAlignmentType } from 'recharts/types/component/DefaultLegendContent';
+import { Payload as TooltipPayloadEntry, ValueType as TooltipValueType, NameType as TooltipNameType } from 'recharts/types/component/DefaultTooltipContent';
 import * as RechartsPrimitive from "recharts";
 declare const THEMES: {
     readonly light: "";
     readonly dark: ".dark";
 };
-export type ChartConfig = {
-    [k in string]: {
-        label?: React.ReactNode;
-        icon?: React.ComponentType<any>;
-    } & ({
-        color?: string;
-        theme?: never;
-    } | {
-        color?: never;
-        theme: Record<keyof typeof THEMES, string>;
-    });
-};
-declare function ChartContainer({ id, className, children, config, ...props }: React.ComponentProps<"div"> & {
+type ChartConfigItem = {
+    label?: ReactNode;
+    icon?: ComponentType;
+} & ({
+    color?: string;
+    theme?: never;
+} | {
+    color?: never;
+    theme: Record<keyof typeof THEMES, string>;
+});
+export type ChartConfig = Partial<Record<string, ChartConfigItem>>;
+declare function ChartContainer({ id, className, children, config, ...props }: ComponentProps<"div"> & {
     config: ChartConfig;
-    children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
+    children: ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
 }): import("react/jsx-runtime").JSX.Element;
 declare const ChartStyle: ({ id, config }: {
     id: string;
     config: ChartConfig;
 }) => import("react/jsx-runtime").JSX.Element | null;
 declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
-declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: React.ComponentProps<typeof RechartsPrimitive.Tooltip> & React.ComponentProps<"div"> & {
+declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: ComponentProps<typeof RechartsPrimitive.Tooltip> & ComponentProps<"div"> & {
     hideLabel?: boolean;
     hideIndicator?: boolean;
     indicator?: "line" | "dot" | "dashed";
     nameKey?: string;
     labelKey?: string;
-    payload?: any[];
-    label?: any;
+    payload?: ReadonlyArray<TooltipPayloadEntry<TooltipValueType, TooltipNameType>>;
+    label?: ReactNode;
 }): import("react/jsx-runtime").JSX.Element | null;
-declare const ChartLegend: React.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
-declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React.ComponentProps<"div"> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
+declare const ChartLegend: MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
+declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: ComponentProps<"div"> & {
+    payload?: ReadonlyArray<LegendPayload>;
+    verticalAlign?: VerticalAlignmentType;
     hideIcon?: boolean;
     nameKey?: string;
-    payload?: any[];
 }): import("react/jsx-runtime").JSX.Element | null;
 export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, };

package/dist/components/ui/checkbox/checkbox.d.ts

@@ -1,8 +1,8 @@
+import { ComponentPropsWithoutRef, ComponentRef, Ref } from 'react';
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import * as React from "react";
-type CheckboxRef = React.ComponentRef<typeof CheckboxPrimitive.Root>;
-type CheckboxProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> & {
-    ref?: React.Ref<CheckboxRef>;
+type CheckboxRef = ComponentRef<typeof CheckboxPrimitive.Root>;
+type CheckboxProps = ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> & {
+    ref?: Ref<CheckboxRef>;
 };
 declare const Checkbox: {
     ({ className, ref, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/combobox/combobox.d.ts

@@ -1,11 +1,11 @@
 import { Combobox as ComboboxPrimitive } from '@base-ui/react';
+import { ComponentProps, ComponentPropsWithRef, ReactNode } from 'react';
 import { Field } from '../field';
-import * as React from "react";
 declare function Combobox<Value, Multiple extends boolean | undefined = false>({ children, ...props }: ComboboxPrimitive.Root.Props<Value, Multiple>): import("react/jsx-runtime").JSX.Element;
-declare function ComboboxField({ className, label, description, error, children, ...props }: React.ComponentProps<typeof Field> & {
-    label?: React.ReactNode;
-    description?: React.ReactNode;
-    error?: React.ReactNode;
+declare function ComboboxField({ className, label, description, error, children, ...props }: ComponentProps<typeof Field> & {
+    label?: ReactNode;
+    description?: ReactNode;
+    error?: ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
 declare function ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props): import("react/jsx-runtime").JSX.Element;
 declare function ComboboxTrigger({ className, children, ...props }: ComboboxPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
@@ -23,7 +23,7 @@ declare function ComboboxLabel({ className, ...props }: ComboboxPrimitive.GroupL
 declare function ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props): import("react/jsx-runtime").JSX.Element;
 declare function ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props): import("react/jsx-runtime").JSX.Element;
 declare function ComboboxSeparator({ className, ...props }: ComboboxPrimitive.Separator.Props): import("react/jsx-runtime").JSX.Element;
-declare function ComboboxChips({ className, disabled, ...props }: React.ComponentPropsWithRef<typeof ComboboxPrimitive.Chips> & ComboboxPrimitive.Chips.Props & {
+declare function ComboboxChips({ className, disabled, ...props }: ComponentPropsWithRef<typeof ComboboxPrimitive.Chips> & ComboboxPrimitive.Chips.Props & {
     disabled?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 declare function ComboboxChip({ className, children, showRemove, ...props }: ComboboxPrimitive.Chip.Props & {

package/dist/components/ui/dialog/dialog.d.ts

@@ -1,15 +1,15 @@
+import { ComponentPropsWithRef, HTMLAttributes, FC, ForwardRefExoticComponent, RefAttributes } from 'react';
 import * as DialogPrimitive from "@radix-ui/react-dialog";
-import * as React from "react";
-type DialogOverlayProps = React.ComponentPropsWithRef<typeof DialogPrimitive.Overlay>;
-type DialogContentProps = React.ComponentPropsWithRef<typeof DialogPrimitive.Content> & {
+type DialogOverlayProps = ComponentPropsWithRef<typeof DialogPrimitive.Overlay>;
+type DialogContentProps = ComponentPropsWithRef<typeof DialogPrimitive.Content> & {
     showCloseButton?: boolean;
 };
-type DialogTitleProps = React.ComponentPropsWithRef<typeof DialogPrimitive.Title>;
-type DialogDescriptionProps = React.ComponentPropsWithRef<typeof DialogPrimitive.Description>;
-declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
-declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
-declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+type DialogTitleProps = ComponentPropsWithRef<typeof DialogPrimitive.Title>;
+type DialogDescriptionProps = ComponentPropsWithRef<typeof DialogPrimitive.Description>;
+declare const Dialog: FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & RefAttributes<HTMLButtonElement>>;
 declare const DialogOverlay: {
     ({ className, ...props }: DialogOverlayProps): import("react/jsx-runtime").JSX.Element;
     displayName: string | undefined;
@@ -19,11 +19,11 @@ declare const DialogContent: {
     displayName: string | undefined;
 };
 declare const DialogHeader: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const DialogFooter: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const DialogTitle: {

package/dist/components/ui/drawer/drawer.d.ts

@@ -1,13 +1,13 @@
+import { ComponentProps } from 'react';
 import { Drawer as DrawerPrimitive } from 'vaul';
-import * as React from "react";
-declare function Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerOverlay({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerContent({ className, children, ...props }: React.ComponentProps<typeof DrawerPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function DrawerFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerDescription({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+declare function Drawer({ ...props }: ComponentProps<typeof DrawerPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerTrigger({ ...props }: ComponentProps<typeof DrawerPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerPortal({ ...props }: ComponentProps<typeof DrawerPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerClose({ ...props }: ComponentProps<typeof DrawerPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerOverlay({ className, ...props }: ComponentProps<typeof DrawerPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerContent({ className, children, ...props }: ComponentProps<typeof DrawerPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerHeader({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function DrawerFooter({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function DrawerTitle({ className, ...props }: ComponentProps<typeof DrawerPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerDescription({ className, ...props }: ComponentProps<typeof DrawerPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
 export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, };

package/dist/components/ui/dropdown-menu/dropdown-menu.d.ts

@@ -1,58 +1,58 @@
+import { ComponentPropsWithoutRef, ComponentRef, ReactNode, Ref } from 'react';
 import { DropdownMenu as DropdownMenuPrimitive } from 'radix-ui';
-import { IconName } from 'phosphor-strokes-icons/by-name';
-import * as React from "react";
-type DropdownMenuRef = React.ComponentRef<typeof DropdownMenuPrimitive.Root>;
-type DropdownMenuProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root> & {
-    ref?: React.Ref<DropdownMenuRef>;
-};
-type DropdownMenuTriggerRef = React.ComponentRef<typeof DropdownMenuPrimitive.Trigger>;
-type DropdownMenuTriggerProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger> & {
-    ref?: React.Ref<DropdownMenuTriggerRef>;
-};
-type DropdownMenuContentRef = React.ComponentRef<typeof DropdownMenuPrimitive.Content>;
-type DropdownMenuContentProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> & {
-    ref?: React.Ref<DropdownMenuContentRef>;
-};
-type DropdownMenuItemRef = React.ComponentRef<typeof DropdownMenuPrimitive.Item>;
-type DropdownMenuItemProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
-    ref?: React.Ref<DropdownMenuItemRef>;
-};
-type DropdownMenuCheckboxItemRef = React.ComponentRef<typeof DropdownMenuPrimitive.CheckboxItem>;
-type DropdownMenuCheckboxItemProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem> & {
-    ref?: React.Ref<DropdownMenuCheckboxItemRef>;
-    itemIndicator?: React.ReactNode;
+import { IconType } from '../icon';
+type DropdownMenuRef = ComponentRef<typeof DropdownMenuPrimitive.Root>;
+type DropdownMenuProps = ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root> & {
+    ref?: Ref<DropdownMenuRef>;
+};
+type DropdownMenuTriggerRef = ComponentRef<typeof DropdownMenuPrimitive.Trigger>;
+type DropdownMenuTriggerProps = ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger> & {
+    ref?: Ref<DropdownMenuTriggerRef>;
+};
+type DropdownMenuContentRef = ComponentRef<typeof DropdownMenuPrimitive.Content>;
+type DropdownMenuContentProps = ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> & {
+    ref?: Ref<DropdownMenuContentRef>;
+};
+type DropdownMenuItemRef = ComponentRef<typeof DropdownMenuPrimitive.Item>;
+type DropdownMenuItemProps = ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
+    ref?: Ref<DropdownMenuItemRef>;
+};
+type DropdownMenuCheckboxItemRef = ComponentRef<typeof DropdownMenuPrimitive.CheckboxItem>;
+type DropdownMenuCheckboxItemProps = ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem> & {
+    ref?: Ref<DropdownMenuCheckboxItemRef>;
+    itemIndicator?: ReactNode;
     closeOnSelect?: boolean;
 };
-type DropdownMenuLabelRef = React.ComponentRef<typeof DropdownMenuPrimitive.Label>;
-type DropdownMenuLabelProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
-    ref?: React.Ref<DropdownMenuLabelRef>;
+type DropdownMenuLabelRef = ComponentRef<typeof DropdownMenuPrimitive.Label>;
+type DropdownMenuLabelProps = ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
+    ref?: Ref<DropdownMenuLabelRef>;
 };
-type DropdownMenuSeparatorRef = React.ComponentRef<typeof DropdownMenuPrimitive.Separator>;
-type DropdownMenuSeparatorProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator> & {
-    ref?: React.Ref<DropdownMenuSeparatorRef>;
+type DropdownMenuSeparatorRef = ComponentRef<typeof DropdownMenuPrimitive.Separator>;
+type DropdownMenuSeparatorProps = ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator> & {
+    ref?: Ref<DropdownMenuSeparatorRef>;
 };
-type DropdownMenuSubTriggerRef = React.ComponentRef<typeof DropdownMenuPrimitive.SubTrigger>;
-type DropdownMenuSubTriggerProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
-    ref?: React.Ref<DropdownMenuSubTriggerRef>;
+type DropdownMenuSubTriggerRef = ComponentRef<typeof DropdownMenuPrimitive.SubTrigger>;
+type DropdownMenuSubTriggerProps = ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
+    ref?: Ref<DropdownMenuSubTriggerRef>;
 };
-type DropdownMenuSubContentRef = React.ComponentRef<typeof DropdownMenuPrimitive.SubContent>;
-type DropdownMenuSubContentProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent> & {
-    ref?: React.Ref<DropdownMenuSubContentRef>;
+type DropdownMenuSubContentRef = ComponentRef<typeof DropdownMenuPrimitive.SubContent>;
+type DropdownMenuSubContentProps = ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent> & {
+    ref?: Ref<DropdownMenuSubContentRef>;
 };
 type DropdownMenuCheckboxOption = {
     key: string;
-    label: React.ReactNode;
+    label: ReactNode;
     checked: boolean;
     disabled?: boolean;
     className?: string;
     checkedClassName?: string;
     textValue?: string;
-    itemIndicator?: React.ReactNode;
-    endAdornment?: React.ReactNode;
-    checkedEndAdornment?: React.ReactNode;
+    itemIndicator?: ReactNode;
+    endAdornment?: ReactNode;
+    checkedEndAdornment?: ReactNode;
 };
 type CheckboxDropdownMenuProps = {
-    trigger: React.ReactNode;
+    trigger: ReactNode;
     items: DropdownMenuCheckboxOption[];
     onItemCheckedChange: (key: string, checked: boolean) => void;
     contentProps?: Omit<DropdownMenuContentProps, "children">;
@@ -83,8 +83,8 @@ type DropdownMenuConfigSeparator = DropdownMenuConfigBase & {
 type DropdownMenuConfigItem = DropdownMenuConfigBase & {
     type?: "item";
     label: string;
-    icon?: React.ReactNode;
-    iconType?: IconName;
+    icon?: ReactNode;
+    iconType?: IconType;
     shortcut?: string;
     alert?: boolean;
     children?: DropdownMenuConfigNode[];
@@ -92,7 +92,7 @@ type DropdownMenuConfigItem = DropdownMenuConfigBase & {
 };
 type DropdownMenuConfigNode = DropdownMenuConfigLabel | DropdownMenuConfigSeparator | DropdownMenuConfigItem;
 type ConfigurableDropdownMenuProps = {
-    trigger: React.ReactNode;
+    trigger: ReactNode;
     items: DropdownMenuConfigNode[];
     onAction?: (item: DropdownMenuConfigItem) => void;
     contentProps?: Omit<DropdownMenuContentProps, "children">;

package/dist/components/ui/icon/icon-map.d.ts

@@ -0,0 +1,68 @@
+import { StrokeIcon } from 'phosphor-strokes-icons';
+export declare const iconComponents: {
+    readonly "arrow-counter-clockwise": StrokeIcon;
+    readonly "arrow-down-left": StrokeIcon;
+    readonly "arrow-u-down-left": StrokeIcon;
+    readonly "bell-ringing": StrokeIcon;
+    readonly "bounding-box": StrokeIcon;
+    readonly briefcase: StrokeIcon;
+    readonly building: StrokeIcon;
+    readonly buildings: StrokeIcon;
+    readonly "calendar-dots": StrokeIcon;
+    readonly "caret-down": StrokeIcon;
+    readonly "caret-left": StrokeIcon;
+    readonly "caret-left-filled": StrokeIcon;
+    readonly "caret-right": StrokeIcon;
+    readonly "caret-right-filled": StrokeIcon;
+    readonly "caret-up": StrokeIcon;
+    readonly "caret-up-down": StrokeIcon;
+    readonly "chart-line": StrokeIcon;
+    readonly "chat-circle": StrokeIcon;
+    readonly check: StrokeIcon;
+    readonly "check-circle": StrokeIcon;
+    readonly clock: StrokeIcon;
+    readonly "columns-plus-right": StrokeIcon;
+    readonly copy: StrokeIcon;
+    readonly "credit-card": StrokeIcon;
+    readonly "dots-three": StrokeIcon;
+    readonly "download-simple": StrokeIcon;
+    readonly envelope: StrokeIcon;
+    readonly "envelope-simple": StrokeIcon;
+    readonly eye: StrokeIcon;
+    readonly "eye-slash": StrokeIcon;
+    readonly "file-text": StrokeIcon;
+    readonly folder: StrokeIcon;
+    readonly funnel: StrokeIcon;
+    readonly gear: StrokeIcon;
+    readonly hash: StrokeIcon;
+    readonly info: StrokeIcon;
+    readonly link: StrokeIcon;
+    readonly "list-bullets": StrokeIcon;
+    readonly "lock-key": StrokeIcon;
+    readonly "magnifying-glass": StrokeIcon;
+    readonly "max-logo": StrokeIcon;
+    readonly package: StrokeIcon;
+    readonly "paper-plane-tilt": StrokeIcon;
+    readonly pencil: StrokeIcon;
+    readonly "pencil-simple": StrokeIcon;
+    readonly phone: StrokeIcon;
+    readonly plus: StrokeIcon;
+    readonly "presentation-chart": StrokeIcon;
+    readonly question: StrokeIcon;
+    readonly "share-network": StrokeIcon;
+    readonly "spinner-gap": StrokeIcon;
+    readonly "squares-four": StrokeIcon;
+    readonly "telegram-logo": StrokeIcon;
+    readonly trash: StrokeIcon;
+    readonly "user-circle-gear": StrokeIcon;
+    readonly users: StrokeIcon;
+    readonly "users-four": StrokeIcon;
+    readonly warning: StrokeIcon;
+    readonly "warning-circle": StrokeIcon;
+    readonly "whats-app-logo-filled": StrokeIcon;
+    readonly wrench: StrokeIcon;
+    readonly x: StrokeIcon;
+    readonly "x-circle": StrokeIcon;
+};
+export type IconType = keyof typeof iconComponents;
+export declare const supportedIconTypes: IconType[];

package/dist/components/ui/icon/icon.d.ts

@@ -1,8 +1,9 @@
 import { StrokeIconProps } from 'phosphor-strokes-icons';
-import { IconName } from 'phosphor-strokes-icons/by-name';
+import { HTMLAttributes, SVGProps } from 'react';
 import { IconPreset } from './icon-presets';
-type Props = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
-    type: IconName;
+import { IconType } from './icon-map';
+type Props = HTMLAttributes<HTMLDivElement> & {
+    type: IconType;
     size?: IconPreset | StrokeIconProps["size"];
     strokeWidth?: StrokeIconProps["strokeWidth"];
     color?: StrokeIconProps["color"];
@@ -12,8 +13,7 @@ type Props = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLD
         wrapper?: string;
         icon?: string;
     };
-    svgProps?: Omit<React.SVGProps<SVGSVGElement>, "size" | "strokeWidth" | "color" | "className">;
+    svgProps?: Omit<SVGProps<SVGSVGElement>, "size" | "strokeWidth" | "color" | "className">;
 };
-export declare const Icon: ({ type, size, strokeWidth, color, absoluteStrokeWidth, classes, className, svgProps, disabled, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
-export type IconType = IconName;
+export declare const Icon: ({ type, size, strokeWidth, color, absoluteStrokeWidth, classes, className, svgProps, disabled, ...rest }: Props) => import("react/jsx-runtime").JSX.Element | null;
 export type { Props as IconProps };

package/dist/components/ui/icon/index.d.ts

@@ -1,4 +1,6 @@
 export { Icon } from './icon';
-export type { IconProps, IconType } from './icon';
+export type { IconProps } from './icon';
+export { supportedIconTypes } from './icon-map';
+export type { IconType } from './icon-map';
 export { iconPresets } from './icon-presets';
 export type { IconPreset } from './icon-presets';

package/dist/components/ui/input/input.d.ts

@@ -1,7 +1,7 @@
+import { ComponentPropsWithRef } from 'react';
 import { VariantProps } from 'class-variance-authority';
 import { inputVariants } from './input.styles';
-import * as React from "react";
-type InputProps = React.ComponentPropsWithRef<"input"> & VariantProps<typeof inputVariants> & {
+type InputProps = ComponentPropsWithRef<"input"> & VariantProps<typeof inputVariants> & {
     className?: string;
 };
 declare const Input: ({ className, sizeInput, type, variant, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/input-group/input-group.d.ts

@@ -1,11 +1,11 @@
 import { VariantProps } from 'class-variance-authority';
+import { ComponentProps } from 'react';
 import { Button } from '../button';
 import { inputGroupAddonVariants, inputGroupButtonVariants } from './input-group.styles';
-import * as React from "react";
-declare function InputGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): import("react/jsx-runtime").JSX.Element;
-declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): import("react/jsx-runtime").JSX.Element;
-declare function InputGroupText({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
-declare function InputGroupInput(props: React.ComponentProps<"input">): import("react/jsx-runtime").JSX.Element;
-declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<"textarea">): import("react/jsx-runtime").JSX.Element;
+declare function InputGroup({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupAddon({ className, align, ...props }: ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupText({ className, ...props }: ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupInput(props: ComponentProps<"input">): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupTextarea({ className, ...props }: ComponentProps<"textarea">): import("react/jsx-runtime").JSX.Element;
 export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, };

package/dist/components/ui/label/label.d.ts

@@ -1,11 +1,11 @@
+import { ComponentPropsWithoutRef, ComponentRef, Ref } from 'react';
 import { VariantProps } from 'class-variance-authority';
 import { ClassProp } from 'class-variance-authority/types';
-import * as React from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
 declare const labelVariants: (props?: ClassProp | undefined) => string;
-type LabelRef = React.ComponentRef<typeof LabelPrimitive.Root>;
-type LabelProps = React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants> & {
-    ref?: React.Ref<LabelRef>;
+type LabelRef = ComponentRef<typeof LabelPrimitive.Root>;
+type LabelProps = ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants> & {
+    ref?: Ref<LabelRef>;
 };
 declare const Label: {
     ({ className, ref, ...props }: LabelProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/pagination/pagination.d.ts

@@ -1,10 +1,10 @@
-import * as React from "react";
+import { ComponentProps, ComponentPropsWithRef } from 'react';
 declare const Pagination: {
-    ({ className, ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-type PaginationContentProps = React.ComponentPropsWithRef<"ul">;
-type PaginationItemProps = React.ComponentPropsWithRef<"li">;
+type PaginationContentProps = ComponentPropsWithRef<"ul">;
+type PaginationItemProps = ComponentPropsWithRef<"li">;
 declare const PaginationContent: {
     ({ className, ref, ...props }: PaginationContentProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
@@ -17,21 +17,21 @@ type PaginationLinkProps = {
     isActive?: boolean;
     variant?: "page" | "arrow-left" | "arrow-right";
     disabled?: boolean;
-} & React.ComponentProps<"a">;
+} & ComponentProps<"a">;
 declare const PaginationLink: {
     ({ className, isActive, variant, disabled, children, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const PaginationPrevious: {
-    ({ className, disabled, children, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
+    ({ className, disabled, children, ...props }: ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const PaginationNext: {
-    ({ className, disabled, children, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
+    ({ className, disabled, children, ...props }: ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const PaginationEllipsis: {
-    ({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, };

package/dist/components/ui/popover/popover.d.ts

@@ -1,10 +1,10 @@
+import { ComponentProps } from 'react';
 import { Popover as PopoverPrimitive } from 'radix-ui';
-import * as React from "react";
-declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
-declare function PopoverHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function PopoverTitle({ className, ...props }: React.ComponentProps<"h2">): import("react/jsx-runtime").JSX.Element;
-declare function PopoverDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
+declare function Popover({ ...props }: ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverTrigger({ ...props }: ComponentProps<typeof PopoverPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, ...props }: ComponentProps<typeof PopoverPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverAnchor({ ...props }: ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverHeader({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function PopoverTitle({ className, ...props }: ComponentProps<"h2">): import("react/jsx-runtime").JSX.Element;
+declare function PopoverDescription({ className, ...props }: ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
 export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, };

package/dist/components/ui/progress/progress.d.ts

@@ -1,8 +1,8 @@
+import { ComponentPropsWithoutRef, ComponentRef, Ref } from 'react';
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-import * as React from "react";
-type ProgressRef = React.ComponentRef<typeof ProgressPrimitive.Root>;
-type ProgressProps = React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root> & {
-    ref?: React.Ref<ProgressRef>;
+type ProgressRef = ComponentRef<typeof ProgressPrimitive.Root>;
+type ProgressProps = ComponentPropsWithoutRef<typeof ProgressPrimitive.Root> & {
+    ref?: Ref<ProgressRef>;
 };
 declare const Progress: {
     ({ className, value, max, ref, ...props }: ProgressProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/radio-group/radio-group.d.ts

@@ -1,12 +1,12 @@
+import { ComponentPropsWithoutRef, ComponentRef, Ref } from 'react';
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-import * as React from "react";
-type RadioGroupRef = React.ComponentRef<typeof RadioGroupPrimitive.Root>;
-type RadioGroupProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> & {
-    ref?: React.Ref<RadioGroupRef>;
+type RadioGroupRef = ComponentRef<typeof RadioGroupPrimitive.Root>;
+type RadioGroupProps = ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> & {
+    ref?: Ref<RadioGroupRef>;
 };
-type RadioGroupItemRef = React.ComponentRef<typeof RadioGroupPrimitive.Item>;
-type RadioGroupItemProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> & {
-    ref?: React.Ref<RadioGroupItemRef>;
+type RadioGroupItemRef = ComponentRef<typeof RadioGroupPrimitive.Item>;
+type RadioGroupItemProps = ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> & {
+    ref?: Ref<RadioGroupItemRef>;
 };
 declare const RadioGroup: {
     ({ className, ref, ...props }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;