brd-ui-kit 0.1.75 → 0.1.77

package/dist/components/app-sidebar/app-sidebar.d.ts

@@ -1,9 +1,9 @@
-import { IconTypes } from '../../types/types';
+import { StrokeIconComponent } from '../icons/stroke-icon';
 import { AppSidebarState } from './app-sidebar.styles';
 export type AppSidebarItem = {
     id: string;
     label: string;
-    icon: IconTypes;
+    icon: StrokeIconComponent;
     disabled?: boolean;
     active?: boolean;
     badge?: React.ReactNode;

package/dist/components/basic-chart/basic-chart.d.ts

@@ -6,7 +6,7 @@ type Props = {
     chartContainer?: React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
         config: ChartConfig;
     };
-    barChart?: CartesianChartProps<any> & {
+    barChart?: CartesianChartProps<Record<string, unknown>> & {
         ref?: React.Ref<SVGSVGElement> | undefined;
     };
     cartesianGrid?: React.ComponentProps<typeof CartesianGrid>;

package/dist/components/basic-table/basic-table.d.ts

@@ -1,12 +1,12 @@
 import { ColumnDef, ColumnFiltersState, PaginationState, Row, RowSelectionState, SortingState, Table as TanStackTable, Updater, VisibilityState } from '@tanstack/react-table';
-import * as React from "react";
+import { CSSProperties, ReactNode } from 'react';
 export type DataTableColumnMeta<TData = unknown> = {
     className?: string;
     headClassName?: string;
     cellClassName?: string;
-    style?: React.CSSProperties;
-    headStyle?: React.CSSProperties;
-    cellStyle?: React.CSSProperties;
+    style?: CSSProperties;
+    headStyle?: CSSProperties;
+    cellStyle?: CSSProperties;
     editable?: boolean;
     editKey?: Extract<keyof TData, string>;
     editComponent?: "input" | "textarea";
@@ -17,7 +17,7 @@ export type DataTableColumnMeta<TData = unknown> = {
 export interface DataTableProps<TData, TValue> {
     columns: ColumnDef<TData, TValue>[];
     data: TData[];
-    emptyState?: React.ReactNode;
+    emptyState?: ReactNode;
     sorting?: SortingState;
     columnFilters?: ColumnFiltersState;
     columnVisibility?: VisibilityState;

package/dist/components/data-table/data-table-actions-column.d.ts

@@ -1,17 +1,17 @@
 import { ColumnDef, Row } from '@tanstack/react-table';
+import { ReactNode } from 'react';
 import { DropdownMenuConfigNode } from '../ui/dropdown-menu';
-import * as React from "react";
 type DataTableActionsColumnOptions<TData> = {
     id?: string;
     header?: ColumnDef<TData>["header"];
     renderCell?: (ctx: {
         row: Row<TData>;
         data: TData;
-    }) => React.ReactNode;
+    }) => ReactNode;
     trigger?: (ctx: {
         row: Row<TData>;
         data: TData;
-    }) => React.ReactNode;
+    }) => ReactNode;
     menuItems?: DropdownMenuConfigNode[] | ((ctx: {
         row: Row<TData>;
         data: TData;

package/dist/components/data-table/data-table-bulk-actions.d.ts

@@ -1,6 +1,6 @@
 import { Row, Table } from '@tanstack/react-table';
+import { ReactNode } from 'react';
 import { DropdownMenuConfigNode } from '../ui/dropdown-menu';
-import * as React from "react";
 type DataTableBulkActionsContext<TData> = {
     table: Table<TData>;
     selectedRows: Row<TData>[];
@@ -10,8 +10,8 @@ type DataTableBulkActionsContext<TData> = {
 };
 type DataTableBulkActionsProps<TData> = {
     table: Table<TData>;
-    children?: (ctx: DataTableBulkActionsContext<TData>) => React.ReactNode;
-    trigger?: React.ReactNode | ((ctx: DataTableBulkActionsContext<TData>) => React.ReactNode);
+    children?: (ctx: DataTableBulkActionsContext<TData>) => ReactNode;
+    trigger?: ReactNode | ((ctx: DataTableBulkActionsContext<TData>) => ReactNode);
     menuItems?: DropdownMenuConfigNode[] | ((ctx: DataTableBulkActionsContext<TData>) => DropdownMenuConfigNode[]);
     onDeleteSelected?: (ctx: DataTableBulkActionsContext<TData>) => void;
 };

package/dist/components/data-table/data-table-column-visibility.d.ts

@@ -1,11 +1,11 @@
 import { Table, Updater, VisibilityState } from '@tanstack/react-table';
-import * as React from "react";
+import { ReactNode } from 'react';
 type DataTableColumnVisibilityProps<TData> = {
     table: Table<TData>;
     columnVisibility?: VisibilityState;
     onColumnVisibilityChange?: (updater: Updater<VisibilityState>) => void;
     triggerLabel?: string;
-    trigger?: React.ReactNode;
+    trigger?: ReactNode;
     menuLabel?: string;
     includeColumnIds?: string[];
     excludeColumnIds?: string[];

package/dist/components/data-table/data-table-filter.d.ts

@@ -1,11 +1,11 @@
 import { Table } from '@tanstack/react-table';
+import { ComponentProps } from 'react';
 import { Input } from '../ui/input';
-import * as React from "react";
 type DataTableFilterProps<TData> = {
     table: Table<TData>;
     searchableColumnIds?: string[];
     placeholder?: string;
-    inputProps?: Omit<React.ComponentProps<typeof Input>, "value" | "onChange">;
+    inputProps?: Omit<ComponentProps<typeof Input>, "value" | "onChange">;
 };
 declare function DataTableFilter<TData>({ table, searchableColumnIds, placeholder, inputProps, }: DataTableFilterProps<TData>): import("react/jsx-runtime").JSX.Element;
 export { DataTableFilter };

package/dist/components/data-table/data-table-row-actions-column.d.ts

@@ -1,6 +1,6 @@
 import { ColumnDef, Row } from '@tanstack/react-table';
-import { IconName } from 'phosphor-strokes-icons/by-name';
-import * as React from "react";
+import { ReactNode } from 'react';
+import { IconType } from '../ui/icon';
 type DataTableRowActionContext<TData> = {
     row: Row<TData>;
     data: TData;
@@ -19,8 +19,8 @@ type DataTableRowActionSeparator = DataTableRowActionBase & {
 type DataTableRowActionItem<TData> = DataTableRowActionBase & {
     type?: "item";
     label: string;
-    icon?: React.ReactNode;
-    iconType?: IconName;
+    icon?: ReactNode;
+    iconType?: IconType;
     shortcut?: string;
     disabled?: boolean;
     readOnly?: boolean;
@@ -34,7 +34,7 @@ type DataTableRowActionsColumnOptions<TData> = {
     header?: ColumnDef<TData>["header"];
     align?: "start" | "center" | "end";
     editingRowId?: string | null;
-    trigger?: (ctx: DataTableRowActionContext<TData>) => React.ReactNode;
+    trigger?: (ctx: DataTableRowActionContext<TData>) => ReactNode;
     actions?: DataTableRowActionNode<TData>[] | ((ctx: DataTableRowActionContext<TData>) => DataTableRowActionNode<TData>[]);
     onStartEdit?: (ctx: DataTableRowActionContext<TData>) => void;
     onSaveEdit?: (ctx: DataTableRowActionContext<TData>) => void;

package/dist/components/data-table/use-data-table-editable-rows.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { Dispatch, SetStateAction } from 'react';
 type EditableRowKey<TData> = Extract<keyof TData, string>;
 type EditableValues = Record<string, string>;
 type DataTableRowEditStartEvent<TData> = {
@@ -34,11 +34,11 @@ type DataTableRowsChangeEvent<TData> = ({
 type UseDataTableEditableRowsOptions<TData> = {
     rows: TData[];
     getRowId: (row: TData) => string;
-    setRows?: React.Dispatch<React.SetStateAction<TData[]>>;
+    setRows?: Dispatch<SetStateAction<TData[]>>;
     editingRowId?: string | null;
     onEditingRowIdChange?: (rowId: string | null) => void;
     editingValues?: EditableValues;
-    onEditingValuesChange?: React.Dispatch<React.SetStateAction<EditableValues>>;
+    onEditingValuesChange?: Dispatch<SetStateAction<EditableValues>>;
     onRowDelete?: (event: DataTableRowDeleteEvent<TData>) => void;
     onRowEditCancel?: (event: DataTableRowEditCancelEvent<TData>) => void;
     onRowEditSave?: (event: DataTableRowEditSaveEvent<TData>) => void;
@@ -52,8 +52,8 @@ declare function useDataTableEditableRows<TData>({ rows, getRowId, setRows, edit
     editingRowId: string | null;
     editingValues: EditableValues;
     saveEditingRow: (rowId: string) => void;
-    setEditingValues: (updater: React.SetStateAction<EditableValues>) => void;
-    setEditingRowId: (updater: React.SetStateAction<string | null>) => void;
+    setEditingValues: (updater: SetStateAction<EditableValues>) => void;
+    setEditingRowId: (updater: SetStateAction<string | null>) => void;
     startEditingRow: (row: TData, editableKeys: readonly EditableRowKey<TData>[], overrides?: Partial<Record<EditableRowKey<TData>, string>>) => void;
 };
 export { useDataTableEditableRows };

package/dist/components/files-uploader/files-uploader.d.ts

@@ -1,4 +1,4 @@
-import { IconProps } from '../ui/icon';
+import { StrokeIconComponent } from '../icons/stroke-icon';
 type Variant = "grid" | "list" | "compact";
 type AcceptType = "image" | "pdf" | "doc" | "excel" | "text" | "all";
 export type UploadedFileData = {
@@ -27,7 +27,7 @@ export type PropsFilesUploader = {
     maxSize?: number;
     variant?: Variant;
     accepts?: AcceptType[];
-    icon?: IconProps;
+    icon?: StrokeIconComponent;
     title?: string;
     text?: string;
     showFiles?: boolean;

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

@@ -0,0 +1 @@
+export { ArrowCounterClockwise } from 'phosphor-strokes-icons/icons/ArrowCounterClockwise';

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

@@ -0,0 +1 @@
+export { BoundingBox } from 'phosphor-strokes-icons/icons/BoundingBox';

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

@@ -0,0 +1 @@
+export { Briefcase } from 'phosphor-strokes-icons/icons/Briefcase';

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

@@ -0,0 +1 @@
+export { Building } from 'phosphor-strokes-icons/icons/Building';

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

@@ -0,0 +1 @@
+export { Buildings } from 'phosphor-strokes-icons/icons/Buildings';

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

@@ -0,0 +1 @@
+export { CaretDown } from 'phosphor-strokes-icons/icons/CaretDown';

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

@@ -0,0 +1 @@
+export { CaretLeft } from 'phosphor-strokes-icons/icons/CaretLeft';

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

@@ -0,0 +1 @@
+export { CaretRight } from 'phosphor-strokes-icons/icons/CaretRight';

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

@@ -0,0 +1 @@
+export { CaretUp } from 'phosphor-strokes-icons/icons/CaretUp';

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

@@ -0,0 +1 @@
+export { CaretUpDown } from 'phosphor-strokes-icons/icons/CaretUpDown';

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

@@ -0,0 +1 @@
+export { ChartLine } from 'phosphor-strokes-icons/icons/ChartLine';

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

@@ -0,0 +1 @@
+export { Check } from 'phosphor-strokes-icons/icons/Check';

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

@@ -0,0 +1 @@
+export { CheckCircle } from 'phosphor-strokes-icons/icons/CheckCircle';

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

@@ -0,0 +1 @@
+export { Clock } from 'phosphor-strokes-icons/icons/Clock';

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

@@ -0,0 +1 @@
+export { CreditCard } from 'phosphor-strokes-icons/icons/CreditCard';

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

@@ -0,0 +1 @@
+export { DotsThree } from 'phosphor-strokes-icons/icons/DotsThree';

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

@@ -0,0 +1 @@
+export { DownloadSimple } from 'phosphor-strokes-icons/icons/DownloadSimple';

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

@@ -0,0 +1 @@
+export { EnvelopeSimple } from 'phosphor-strokes-icons/icons/EnvelopeSimple';

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

@@ -0,0 +1 @@
+export { Eye } from 'phosphor-strokes-icons/icons/Eye';

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

@@ -0,0 +1 @@
+export { EyeSlash } from 'phosphor-strokes-icons/icons/EyeSlash';

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

@@ -0,0 +1 @@
+export { FileText } from 'phosphor-strokes-icons/icons/FileText';

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

@@ -0,0 +1 @@
+export { Folder } from 'phosphor-strokes-icons/icons/Folder';

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

@@ -0,0 +1 @@
+export { Funnel } from 'phosphor-strokes-icons/icons/Funnel';

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

@@ -0,0 +1 @@
+export { Gear } from 'phosphor-strokes-icons/icons/Gear';

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

@@ -0,0 +1 @@
+export { Info } from 'phosphor-strokes-icons/icons/Info';

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

@@ -0,0 +1 @@
+export { LockKey } from 'phosphor-strokes-icons/icons/LockKey';

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

@@ -0,0 +1 @@
+export { MagnifyingGlass } from 'phosphor-strokes-icons/icons/MagnifyingGlass';

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

@@ -0,0 +1 @@
+export { MaxLogo } from 'phosphor-strokes-icons/icons/MaxLogo';

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

@@ -0,0 +1 @@
+export { Package } from 'phosphor-strokes-icons/icons/Package';

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

@@ -0,0 +1 @@
+export { Pencil } from 'phosphor-strokes-icons/icons/Pencil';

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

@@ -0,0 +1 @@
+export { Phone } from 'phosphor-strokes-icons/icons/Phone';

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

@@ -0,0 +1 @@
+export { Plus } from 'phosphor-strokes-icons/icons/Plus';

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

@@ -0,0 +1 @@
+export { PresentationChart } from 'phosphor-strokes-icons/icons/PresentationChart';

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

@@ -0,0 +1 @@
+export { SpinnerGap } from 'phosphor-strokes-icons/icons/SpinnerGap';

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

@@ -0,0 +1 @@
+export { TelegramLogo } from 'phosphor-strokes-icons/icons/TelegramLogo';

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

@@ -0,0 +1 @@
+export { Trash } from 'phosphor-strokes-icons/icons/Trash';

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

@@ -0,0 +1 @@
+export { UserCircleGear } from 'phosphor-strokes-icons/icons/UserCircleGear';

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

@@ -0,0 +1 @@
+export { Users } from 'phosphor-strokes-icons/icons/Users';

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

@@ -0,0 +1 @@
+export { UsersFour } from 'phosphor-strokes-icons/icons/UsersFour';

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

@@ -0,0 +1 @@
+export { Warning } from 'phosphor-strokes-icons/icons/Warning';

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

@@ -0,0 +1 @@
+export { WarningCircle } from 'phosphor-strokes-icons/icons/WarningCircle';

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

@@ -0,0 +1 @@
+export { WhatsAppLogoFilled } from 'phosphor-strokes-icons/icons/WhatsAppLogoFilled';

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

@@ -0,0 +1 @@
+export { Wrench } from 'phosphor-strokes-icons/icons/Wrench';

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

@@ -0,0 +1 @@
+export { X } from 'phosphor-strokes-icons/icons/X';

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

@@ -0,0 +1 @@
+export { XCircle } from 'phosphor-strokes-icons/icons/XCircle';

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

@@ -0,0 +1,50 @@
+export type { StrokeIconProps } from 'phosphor-strokes-icons';
+export { ArrowCounterClockwise } from 'phosphor-strokes-icons/icons/ArrowCounterClockwise';
+export { BoundingBox } from 'phosphor-strokes-icons/icons/BoundingBox';
+export { Briefcase } from 'phosphor-strokes-icons/icons/Briefcase';
+export { Building } from 'phosphor-strokes-icons/icons/Building';
+export { Buildings } from 'phosphor-strokes-icons/icons/Buildings';
+export { CaretDown } from 'phosphor-strokes-icons/icons/CaretDown';
+export { CaretLeft } from 'phosphor-strokes-icons/icons/CaretLeft';
+export { CaretRight } from 'phosphor-strokes-icons/icons/CaretRight';
+export { CaretUp } from 'phosphor-strokes-icons/icons/CaretUp';
+export { CaretUpDown } from 'phosphor-strokes-icons/icons/CaretUpDown';
+export { ChartLine } from 'phosphor-strokes-icons/icons/ChartLine';
+export { Check } from 'phosphor-strokes-icons/icons/Check';
+export { CheckCircle } from 'phosphor-strokes-icons/icons/CheckCircle';
+export { Clock } from 'phosphor-strokes-icons/icons/Clock';
+export { CreditCard } from 'phosphor-strokes-icons/icons/CreditCard';
+export { DotsThree } from 'phosphor-strokes-icons/icons/DotsThree';
+export { DownloadSimple } from 'phosphor-strokes-icons/icons/DownloadSimple';
+export { EnvelopeSimple } from 'phosphor-strokes-icons/icons/EnvelopeSimple';
+export { Eye } from 'phosphor-strokes-icons/icons/Eye';
+export { EyeSlash } from 'phosphor-strokes-icons/icons/EyeSlash';
+export { FileText } from 'phosphor-strokes-icons/icons/FileText';
+export { Folder } from 'phosphor-strokes-icons/icons/Folder';
+export { Funnel } from 'phosphor-strokes-icons/icons/Funnel';
+export { Gear } from 'phosphor-strokes-icons/icons/Gear';
+export { Info } from 'phosphor-strokes-icons/icons/Info';
+export { LockKey } from 'phosphor-strokes-icons/icons/LockKey';
+export { MagnifyingGlass } from 'phosphor-strokes-icons/icons/MagnifyingGlass';
+export { MaxLogo } from 'phosphor-strokes-icons/icons/MaxLogo';
+export { Package } from 'phosphor-strokes-icons/icons/Package';
+export { Pencil } from 'phosphor-strokes-icons/icons/Pencil';
+export { Phone } from 'phosphor-strokes-icons/icons/Phone';
+export { Plus } from 'phosphor-strokes-icons/icons/Plus';
+export { PresentationChart } from 'phosphor-strokes-icons/icons/PresentationChart';
+export { SpinnerGap } from 'phosphor-strokes-icons/icons/SpinnerGap';
+export { TelegramLogo } from 'phosphor-strokes-icons/icons/TelegramLogo';
+export { Trash } from 'phosphor-strokes-icons/icons/Trash';
+export { UserCircleGear } from 'phosphor-strokes-icons/icons/UserCircleGear';
+export { Users } from 'phosphor-strokes-icons/icons/Users';
+export { UsersFour } from 'phosphor-strokes-icons/icons/UsersFour';
+export { Warning } from 'phosphor-strokes-icons/icons/Warning';
+export { WarningCircle } from 'phosphor-strokes-icons/icons/WarningCircle';
+export { WhatsAppLogoFilled } from 'phosphor-strokes-icons/icons/WhatsAppLogoFilled';
+export { Wrench } from 'phosphor-strokes-icons/icons/Wrench';
+export { X } from 'phosphor-strokes-icons/icons/X';
+export { XCircle } from 'phosphor-strokes-icons/icons/XCircle';
+export { StrokeIcon } from './stroke-icon';
+export type { StrokeIconComponent, StrokeIconComponentProps } from './stroke-icon';
+export { iconPresets } from '../ui/icon/icon-presets';
+export type { IconPreset } from '../ui/icon/icon-presets';

package/dist/components/icons/stroke-icon.d.ts

@@ -0,0 +1,19 @@
+import { StrokeIconProps } from 'phosphor-strokes-icons';
+import { ComponentType, DetailedHTMLProps, HTMLAttributes, SVGProps } from 'react';
+import { IconPreset } from '../ui/icon/icon-presets';
+export type StrokeIconComponent = ComponentType<StrokeIconProps>;
+type StrokeIconComponentProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
+    icon: StrokeIconComponent;
+    size?: IconPreset | StrokeIconProps["size"];
+    strokeWidth?: StrokeIconProps["strokeWidth"];
+    color?: StrokeIconProps["color"];
+    disabled?: boolean;
+    absoluteStrokeWidth?: StrokeIconProps["absoluteStrokeWidth"];
+    classes?: {
+        wrapper?: string;
+        icon?: string;
+    };
+    svgProps?: Omit<SVGProps<SVGSVGElement>, "size" | "strokeWidth" | "color" | "className">;
+};
+export declare const StrokeIcon: ({ icon: IconComponent, size, strokeWidth, color, absoluteStrokeWidth, classes, className, svgProps, disabled, ...rest }: StrokeIconComponentProps) => import("react/jsx-runtime").JSX.Element;
+export type { StrokeIconComponentProps };

package/dist/components/icons.d.ts

@@ -0,0 +1,2 @@
+export * from './icons/index'
+export {}

package/dist/components/input-field/input-field.d.ts

@@ -1,8 +1,8 @@
-import { default as React } from 'react';
+import { ComponentPropsWithRef, ReactNode } from 'react';
 export type DateAddon = {
     id: string | number;
     position?: "inline-start" | "inline-end" | "block-start" | "block-end" | null;
-    component: React.ReactNode;
+    component: ReactNode;
 };
 type BaseProps = {
     date?: DateAddon[];
@@ -15,7 +15,7 @@ type BaseProps = {
         field?: string;
     };
 };
-type InputFieldProps = BaseProps & React.ComponentPropsWithRef<"input">;
+type InputFieldProps = BaseProps & ComponentPropsWithRef<"input">;
 export declare const InputField: ({ date, isValid, disabled, label, description, classes, ref, ...rest }: InputFieldProps) => import("react/jsx-runtime").JSX.Element;
 type InputProps = InputFieldProps;
 export type { InputFieldProps, InputProps };

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

@@ -1,4 +1,4 @@
-import { InputProps } from '../../index';
+import { InputProps } from '../input-field';
 type InputPasswordProps = InputProps;
 export declare const InputPassword: React.FC<InputPasswordProps>;
 export type { InputPasswordProps };

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

@@ -1,8 +1,8 @@
-import { default as React } from 'react';
-type InputPhoneProps = Omit<React.ComponentProps<typeof MaskedInputField>, "inputRef">;
-declare const MaskedInputField: React.ForwardRefExoticComponent<Omit<{
+import { ComponentProps, ForwardRefExoticComponent, RefAttributes, ComponentType } from 'react';
+type InputPhoneProps = Omit<ComponentProps<typeof MaskedInputField>, "inputRef">;
+declare const MaskedInputField: ForwardRefExoticComponent<Omit<{
     [x: string]: unknown;
-}, "ref"> & React.RefAttributes<React.ComponentType<{
+}, "ref"> & RefAttributes<ComponentType<{
     [x: string]: unknown;
 }>>>;
 export declare const InputPhone: (props: InputPhoneProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/popover-modal/popover-modal.d.ts

@@ -1,13 +1,13 @@
-import { default as React } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 export type PopoverBasicProps = {
-    trigger: React.ReactNode;
-    children: React.ReactNode;
+    trigger: ReactNode;
+    children: ReactNode;
     side?: "top" | "right" | "bottom" | "left";
     align?: "start" | "center" | "end";
     className?: string;
     triggerClassName?: string;
     open?: boolean;
     setOpen?: (value: boolean) => void;
-    triggerProps?: React.HTMLAttributes<HTMLElement>;
+    triggerProps?: HTMLAttributes<HTMLElement>;
 };
 export declare function PopoverBasic({ trigger, children, className, triggerClassName, side, align, open, setOpen, triggerProps, }: PopoverBasicProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/select-field/select-field.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
-import { default as React } from 'react';
+import { ComponentProps } from 'react';
 import { badgeVariants } from '../ui/badge';
 import { ComboboxChipsInput } from '../ui/combobox';
 export type SelectList = {
@@ -18,7 +18,7 @@ type SelectBaseProps = {
     description?: string;
     onChange?: (value: SelectValue) => void;
 };
-type SelectProps = SelectBaseProps & Omit<React.ComponentProps<typeof ComboboxChipsInput>, "list" | "onChange">;
+type SelectProps = SelectBaseProps & Omit<ComponentProps<typeof ComboboxChipsInput>, "list" | "onChange">;
 export declare const SelectField: {
     ({ list, label, multiple, disabled, isValid, description, onChange, ...rest }: SelectProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;

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

@@ -1,11 +1,11 @@
 import { Avatar as AvatarPrimitive } from 'radix-ui';
-import * as React from "react";
-declare function Avatar({ className, size, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root> & {
+import { ComponentProps } from 'react';
+declare function Avatar({ className, size, ...props }: ComponentProps<typeof AvatarPrimitive.Root> & {
     size?: "default" | "sm" | "lg";
 }): import("react/jsx-runtime").JSX.Element;
-declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): import("react/jsx-runtime").JSX.Element;
-declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): import("react/jsx-runtime").JSX.Element;
-declare function AvatarBadge({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
-declare function AvatarGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function AvatarGroupCount({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AvatarImage({ className, ...props }: ComponentProps<typeof AvatarPrimitive.Image>): import("react/jsx-runtime").JSX.Element;
+declare function AvatarFallback({ className, ...props }: ComponentProps<typeof AvatarPrimitive.Fallback>): import("react/jsx-runtime").JSX.Element;
+declare function AvatarBadge({ className, ...props }: ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+declare function AvatarGroup({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AvatarGroupCount({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, };

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

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
+import { HTMLAttributes } from 'react';
 import { badgeVariants } from './badge.styles';
-import * as React from "react";
-export interface BadgeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "className">, VariantProps<typeof badgeVariants> {
+export interface BadgeProps extends Omit<HTMLAttributes<HTMLDivElement>, "className">, VariantProps<typeof badgeVariants> {
     dotPosition?: "left" | "right";
     classNames?: {
         dotClassName?: string;

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

@@ -1,9 +1,9 @@
 import { VariantProps } from 'class-variance-authority';
+import { ButtonHTMLAttributes, Ref } from 'react';
 import { buttonVariants } from './button.styles';
-import * as React from "react";
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
-    ref?: React.Ref<HTMLButtonElement>;
+    ref?: Ref<HTMLButtonElement>;
 }
 declare const Button: {
     ({ className, variant, size, asChild, ref, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,23 +1,23 @@
+import { ComponentProps, ReactNode } from 'react';
 import { DayPicker, DayButton } from 'react-day-picker';
 import { Button } from '../button';
-import * as React from "react";
 type CalendarSize = "sm" | "md" | "lg";
 type CalendarPreset = {
     text: string;
     days: number;
 };
-type Props = React.ComponentProps<typeof DayPicker> & {
-    buttonVariant?: React.ComponentProps<typeof Button>["variant"];
+type Props = ComponentProps<typeof DayPicker> & {
+    buttonVariant?: ComponentProps<typeof Button>["variant"];
     size?: CalendarSize;
     classNameWrapper?: string;
     classNameFooter?: string;
-    footer?: React.ReactNode;
-    appendFooter?: React.ReactNode;
+    footer?: ReactNode;
+    appendFooter?: ReactNode;
     presets?: CalendarPreset[];
     presetBaseDate?: Date;
     onPresetClick?: (preset: CalendarPreset, date: Date) => void;
 };
 declare function Calendar({ className, classNames, classNameWrapper, classNameFooter, showOutsideDays, captionLayout, buttonVariant, size, locale, formatters, components, footer, appendFooter, presets, presetBaseDate, onPresetClick, onDayClick, ...props }: Props): import("react/jsx-runtime").JSX.Element;
-declare function CalendarDayButton({ className, day, modifiers, children, ...props }: React.ComponentProps<typeof DayButton>): import("react/jsx-runtime").JSX.Element;
+declare function CalendarDayButton({ className, day, modifiers, children, ...props }: ComponentProps<typeof DayButton>): import("react/jsx-runtime").JSX.Element;
 export { Calendar, CalendarDayButton };
 export type { CalendarPreset, Props as CalendarProps };

package/dist/components/ui/calendar/calendar.styles.d.ts

@@ -57,6 +57,6 @@ export declare const calendarDayTextVariants: (props?: ({
 export declare const calendarFooterVariants: (props?: ({
     size?: "lg" | "md" | "sm" | null | undefined;
 } & ClassProp) | undefined) => string;
-export declare const calendarIconClassName = "text-primary-text !size-5";
+export declare const calendarIconClassName = "text-primary-text cursor-pointer";
 export declare const calendarWeekNumberCellClassName = "flex size-(--cell-size) items-center justify-center text-center";
 export declare const calendarDayTextClassName = "leading-none";