@tecsinapse/cortex-react 1.9.20 → 1.9.22

package/dist/cjs/components/Avatar.js

@@ -15,7 +15,7 @@ const Avatar = ({ src, name, className, ...rest }) => {
     {
       ...rest,
       className: clsx(
-        "rounded-pill bg-secondary-dark w-mega h-mega flex items-center justify-center cursor-pointer",
+        "rounded-pill bg-secondary-dark h-mega flex items-center justify-center cursor-pointer aspect-square",
         className
       )
     },
@@ -24,7 +24,7 @@ const Avatar = ({ src, name, className, ...rest }) => {
       {
         src,
         alt: name,
-        className: "rounded-pill",
+        className: "rounded-pill aspect-square h-mega",
         onError: () => setHasError(true),
         "data-testid": "avatar-img"
       }

package/dist/esm/components/Avatar.js

@@ -13,7 +13,7 @@ const Avatar = ({ src, name, className, ...rest }) => {
     {
       ...rest,
       className: clsx(
-        "rounded-pill bg-secondary-dark w-mega h-mega flex items-center justify-center cursor-pointer",
+        "rounded-pill bg-secondary-dark h-mega flex items-center justify-center cursor-pointer aspect-square",
         className
       )
     },
@@ -22,7 +22,7 @@ const Avatar = ({ src, name, className, ...rest }) => {
       {
         src,
         alt: name,
-        className: "rounded-pill",
+        className: "rounded-pill aspect-square h-mega",
         onError: () => setHasError(true),
         "data-testid": "avatar-img"
       }

package/dist/types/components/Accordion/Content.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { AccordionProps } from './types';
-export declare const AccordionContent: ({ children, direction, }: Pick<AccordionProps, 'children' | 'direction'>) => JSX.Element;
+export declare const AccordionContent: ({ children, direction, }: Pick<AccordionProps, "children" | "direction">) => React.JSX.Element;

package/dist/types/components/Accordion/Face.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { AccordionProps } from './types';
-export declare const AccordionFace: ({ children, defaultOpen, direction, }: Pick<AccordionProps, 'children' | 'defaultOpen' | 'direction'>) => JSX.Element;
+export declare const AccordionFace: ({ children, defaultOpen, direction, }: Pick<AccordionProps, "children" | "defaultOpen" | "direction">) => React.JSX.Element;

package/dist/types/components/Accordion/Root.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { AccordionProps } from './types';
-export declare const AccordionRoot: ({ children, defaultOpen, label, floating, onOpen, invertedArrow, onClose, direction, }: AccordionProps) => JSX.Element;
+export declare const AccordionRoot: ({ children, defaultOpen, label, floating, onOpen, invertedArrow, onClose, direction, }: AccordionProps) => React.JSX.Element;

package/dist/types/components/Accordion/Trigger.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 import { AccordionProps } from './types';
-export declare const AccordionTrigger: ({ label, floating, className, onOpen, onClose, invertedArrow, direction, }: Pick<AccordionProps, 'floating' | 'label' | 'onOpen' | 'onClose' | 'invertedArrow' | 'direction'> & {
+export declare const AccordionTrigger: ({ label, floating, className, onOpen, onClose, invertedArrow, direction, }: Pick<AccordionProps, "floating" | "label" | "onOpen" | "onClose" | "invertedArrow" | "direction"> & {
     className?: string;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/components/Accordion/context.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 export declare const Context: import("react").Context<{
     open: boolean;
-    toggle?: (() => void) | undefined;
+    toggle?: () => void;
 }>;
 export declare const useAccordionContext: () => {
     open: boolean;
-    toggle?: (() => void) | undefined;
+    toggle?: () => void;
 };

package/dist/types/components/Accordion/index.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 export declare const Accordion: {
-    Root: ({ children, defaultOpen, label, floating, onOpen, invertedArrow, onClose, direction, }: import("./types").AccordionProps) => JSX.Element;
-    Face: ({ children, defaultOpen, direction, }: Pick<import("./types").AccordionProps, "children" | "direction" | "defaultOpen">) => JSX.Element;
-    Content: ({ children, direction, }: Pick<import("./types").AccordionProps, "children" | "direction">) => JSX.Element;
-    Trigger: ({ label, floating, className, onOpen, onClose, invertedArrow, direction, }: Pick<import("./types").AccordionProps, "direction" | "label" | "floating" | "onOpen" | "onClose" | "invertedArrow"> & {
-        className?: string | undefined;
-    }) => JSX.Element;
+    Root: ({ children, defaultOpen, label, floating, onOpen, invertedArrow, onClose, direction, }: import("./types").AccordionProps) => import("react").JSX.Element;
+    Face: ({ children, defaultOpen, direction, }: Pick<import("./types").AccordionProps, "children" | "defaultOpen" | "direction">) => import("react").JSX.Element;
+    Content: ({ children, direction, }: Pick<import("./types").AccordionProps, "children" | "direction">) => import("react").JSX.Element;
+    Trigger: ({ label, floating, className, onOpen, onClose, invertedArrow, direction, }: Pick<import("./types").AccordionProps, "floating" | "label" | "onOpen" | "onClose" | "invertedArrow" | "direction"> & {
+        className?: string;
+    }) => import("react").JSX.Element;
 };
 export * from './context';

package/dist/types/components/Accordion/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface AccordionProps {
     children?: React.ReactNode;
     defaultOpen?: boolean;

package/dist/types/components/Avatar.d.ts

@@ -1,6 +1,6 @@
-import { HTMLAttributes } from 'react';
+import React, { HTMLAttributes } from 'react';
 export interface AvatarProps extends HTMLAttributes<HTMLDivElement> {
     src?: string;
     name: string;
 }
-export declare const Avatar: ({ src, name, className, ...rest }: AvatarProps) => JSX.Element;
+export declare const Avatar: ({ src, name, className, ...rest }: AvatarProps) => React.JSX.Element;

package/dist/types/components/Breadcrumbs/BreadcrumbItem.d.ts

@@ -1,4 +1,4 @@
-import { ElementType } from 'react';
+import React, { ElementType } from 'react';
 export interface BreadcrumbType {
     title: string;
     Component: ElementType;
@@ -7,4 +7,4 @@ export interface BreadcrumbType {
 export interface BreadcrumbItemProps extends BreadcrumbType {
     isLast: boolean;
 }
-export declare const BreadcrumbItem: ({ isLast, Component, componentProps, title, }: BreadcrumbItemProps) => JSX.Element;
+export declare const BreadcrumbItem: ({ isLast, Component, componentProps, title, }: BreadcrumbItemProps) => React.JSX.Element;

package/dist/types/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -3,4 +3,4 @@ import { BreadcrumbType } from './BreadcrumbItem';
 export interface BreadcrumbsProps extends React.HTMLAttributes<HTMLDivElement> {
     breadcrumbs: BreadcrumbType[];
 }
-export declare const Breadcrumbs: (props: BreadcrumbsProps) => JSX.Element;
+export declare const Breadcrumbs: (props: BreadcrumbsProps) => React.JSX.Element;

package/dist/types/components/Calendar/Calendar.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 interface CalendarProps {
     value?: Date;
     onChange: (value?: Date) => void;
 }
-export declare const Calendar: ({ value, onChange }: CalendarProps) => JSX.Element;
+export declare const Calendar: ({ value, onChange }: CalendarProps) => React.JSX.Element;
 export {};

package/dist/types/components/Calendar/CalendarCell.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
 import { CalendarDate } from '@internationalized/date';
+import React from 'react';
 import { CalendarState, RangeCalendarState } from 'react-stately';
 interface CalendarCellProps {
     state: CalendarState | RangeCalendarState;
     date: CalendarDate;
 }
-export declare const CalendarCell: ({ state, date }: CalendarCellProps) => JSX.Element;
+export declare const CalendarCell: ({ state, date }: CalendarCellProps) => React.JSX.Element;
 export {};

package/dist/types/components/Calendar/CalendarGrid.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { CalendarState, RangeCalendarState } from 'react-stately';
 interface CalendarGridProps {
     state: CalendarState | RangeCalendarState;
 }
-export declare const CalendarGrid: ({ state }: CalendarGridProps) => JSX.Element;
+export declare const CalendarGrid: ({ state }: CalendarGridProps) => React.JSX.Element;
 export {};

package/dist/types/components/Calendar/CalendarGridBodyRows.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { CalendarState, RangeCalendarState } from 'react-stately';
 interface CalendarGridBodyRowsProps {
     state: CalendarState | RangeCalendarState;
 }
-export declare const CalendarGridBodyRows: ({ state }: CalendarGridBodyRowsProps) => JSX.Element;
+export declare const CalendarGridBodyRows: ({ state }: CalendarGridBodyRowsProps) => React.JSX.Element;
 export {};

package/dist/types/components/Calendar/CalendarGridHeaderRow.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 interface CalendarGridHeaderRowProps {
     weekDays: string[];
 }
-export declare const CalendarGridHeaderRow: ({ weekDays, }: CalendarGridHeaderRowProps) => JSX.Element;
+export declare const CalendarGridHeaderRow: ({ weekDays, }: CalendarGridHeaderRowProps) => React.JSX.Element;
 export {};

package/dist/types/components/Calendar/CalendarHeader.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 export interface CalendarHeaderProps {
     onClickPrevButton: () => void;
     onClickNextButton: () => void;
     title: string;
 }
-export declare const CalendarHeader: ({ onClickPrevButton, onClickNextButton, title, }: CalendarHeaderProps) => JSX.Element;
+export declare const CalendarHeader: ({ onClickPrevButton, onClickNextButton, title, }: CalendarHeaderProps) => React.JSX.Element;

package/dist/types/components/Calendar/RangeCalendar.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export type DateRange = {
     start?: Date;
     end?: Date;
@@ -7,4 +7,4 @@ export interface RangeCalendarProps {
     value?: DateRange;
     onChange: (value: DateRange) => void;
 }
-export declare const RangeCalendar: ({ value, onChange }: RangeCalendarProps) => JSX.Element;
+export declare const RangeCalendar: ({ value, onChange }: RangeCalendarProps) => React.JSX.Element;

package/dist/types/components/Carousel/Carousel.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 type TextCarousel = {
     text: string;
     color: string;
@@ -19,5 +19,5 @@ export type ImageCarousel = {
 export interface CarouselProps {
     images: ImageCarousel[];
 }
-export declare const Carousel: ({ images }: CarouselProps) => JSX.Element;
+export declare const Carousel: ({ images }: CarouselProps) => React.JSX.Element;
 export {};

package/dist/types/components/Carousel/CarouselItem.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { ImageCarousel } from './Carousel';
 export interface CarouselItemProps {
     item: ImageCarousel;
 }
-export declare const CarouselItem: ({ item }: CarouselItemProps) => JSX.Element;
+export declare const CarouselItem: ({ item }: CarouselItemProps) => React.JSX.Element;

package/dist/types/components/DatePicker/Content.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 export interface ContentProps {
     children: ReactNode;
 }
-export declare const Content: ({ children }: ContentProps) => JSX.Element;
+export declare const Content: ({ children }: ContentProps) => React.JSX.Element;

package/dist/types/components/DatePicker/DateField.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { AriaDateFieldProps, DateValue } from 'react-aria';
 interface DateFieldProps extends AriaDateFieldProps<DateValue> {
     onClickDate?: () => void;
     onClickTime?: () => void;
 }
-export declare const DateField: ({ onClickDate, onClickTime, ...props }: DateFieldProps) => JSX.Element;
+export declare const DateField: ({ onClickDate, onClickTime, ...props }: DateFieldProps) => React.JSX.Element;
 export {};

package/dist/types/components/DatePicker/DatePickerInput.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { Granularity } from '@react-types/datepicker';
+import React from 'react';
 import { InputProps } from '../Input';
 export interface DatePickerInputProps extends Omit<InputProps, 'value' | 'onChange'> {
     value?: Date;
@@ -7,4 +7,4 @@ export interface DatePickerInputProps extends Omit<InputProps, 'value' | 'onChan
     hourCycle?: 12 | 24;
     granularity?: Granularity;
 }
-export declare const DatePickerInput: (props: DatePickerInputProps) => JSX.Element;
+export declare const DatePickerInput: (props: DatePickerInputProps) => React.JSX.Element;

package/dist/types/components/DatePicker/DatePickerInputBase.d.ts

@@ -8,5 +8,5 @@ interface DatePickerInputBaseProps extends Omit<InputProps, 'value' | 'onChange'
     onToggle?: () => void;
     disabled?: boolean;
 }
-export declare const DatePickerInputBase: ({ children, variants, label, disabled, value, onClean, onToggle, }: DatePickerInputBaseProps) => JSX.Element;
+export declare const DatePickerInputBase: ({ children, variants, label, disabled, value, onClean, onToggle, }: DatePickerInputBaseProps) => React.JSX.Element;
 export {};

package/dist/types/components/DatePicker/DateRangePickerInput.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { Granularity } from '@react-types/datepicker';
+import React from 'react';
 import { DateRange } from '../Calendar/RangeCalendar';
 import { InputProps } from '../Input';
 export interface DateRangePickerInputProps extends Omit<InputProps, 'value' | 'onChange'> {
@@ -8,4 +8,4 @@ export interface DateRangePickerInputProps extends Omit<InputProps, 'value' | 'o
     hourCycle?: 12 | 24;
     granularity?: Granularity;
 }
-export declare const DateRangePickerInput: (props: DateRangePickerInputProps) => JSX.Element;
+export declare const DateRangePickerInput: (props: DateRangePickerInputProps) => React.JSX.Element;

package/dist/types/components/DatePicker/DateSegment.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { DateFieldState, DateSegment as DateSegmentType } from 'react-stately';
 interface DateSegmentProps {
     segment: DateSegmentType;
     state: DateFieldState;
 }
-export declare const DateSegment: ({ segment, state }: DateSegmentProps) => JSX.Element;
+export declare const DateSegment: ({ segment, state }: DateSegmentProps) => React.JSX.Element;
 export {};

package/dist/types/components/Divider.d.ts

@@ -1,5 +1,5 @@
-import { HTMLAttributes } from 'react';
+import React, { HTMLAttributes } from 'react';
 interface DividerProps extends HTMLAttributes<HTMLHRElement> {
 }
-export declare const Divider: ({ className, ...rest }: DividerProps) => JSX.Element;
+export declare const Divider: ({ className, ...rest }: DividerProps) => React.JSX.Element;
 export {};

package/dist/types/components/Drawer.d.ts

@@ -6,4 +6,4 @@ export interface DrawerProps {
     children?: React.ReactNode;
     className?: string;
 }
-export declare const Drawer: ({ children, onClose, open, position, className, }: DrawerProps) => JSX.Element;
+export declare const Drawer: ({ children, onClose, open, position, className, }: DrawerProps) => React.JSX.Element;

package/dist/types/components/GroupButton.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 export interface GroupButtonValue<T> {
     value: T;
 }
@@ -17,4 +17,4 @@ export interface GroupButtonProps<T> {
     disableAllOptions?: boolean;
     className?: string;
 }
-export declare const GroupButton: <T>(props: GroupButtonProps<T>) => JSX.Element;
+export declare const GroupButton: <T>(props: GroupButtonProps<T>) => React.JSX.Element;

package/dist/types/components/Input/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Input: {
     Root: import("react").ForwardRefExoticComponent<import("./types").InputProps & import("react").RefAttributes<HTMLInputElement>>;
     Face: import("react").ForwardRefExoticComponent<import("./types").InputFaceProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Input/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputBaseVariants } from '@tecsinapse/cortex-core';
 import { CurrencyOptions } from '../../hooks';
 export interface InputPropsBase {

package/dist/types/components/Kanban.d.ts

@@ -3,8 +3,8 @@ export interface KanbanProps extends React.HTMLAttributes<HTMLDivElement> {
     children?: React.ReactNode;
 }
 export declare const Kanban: {
-    Root: ({ children, className, ...rest }: KanbanProps) => JSX.Element;
-    Header: ({ children, className, ...rest }: KanbanProps) => JSX.Element;
-    Body: ({ children, className, ...rest }: KanbanProps) => JSX.Element;
-    ContainerList: ({ children, className, ...rest }: KanbanProps) => JSX.Element;
+    Root: ({ children, className, ...rest }: KanbanProps) => React.JSX.Element;
+    Header: ({ children, className, ...rest }: KanbanProps) => React.JSX.Element;
+    Body: ({ children, className, ...rest }: KanbanProps) => React.JSX.Element;
+    ContainerList: ({ children, className, ...rest }: KanbanProps) => React.JSX.Element;
 };

package/dist/types/components/Loading.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 export interface LoadingProps {
     className?: string;
 }
-export declare const Loading: ({ className }: LoadingProps) => JSX.Element;
+export declare const Loading: ({ className }: LoadingProps) => React.JSX.Element;

package/dist/types/components/Menubar/Categories.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { DefaultProps } from './types';
-declare const Categories: ({ children }: DefaultProps) => JSX.Element;
+declare const Categories: ({ children }: DefaultProps) => React.JSX.Element;
 export default Categories;

package/dist/types/components/Menubar/Category.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { CategoryType } from './types';
-declare const Category: <T>({ title, options, render }: CategoryType<T>) => JSX.Element;
+declare const Category: <T>({ title, options, render }: CategoryType<T>) => React.JSX.Element;
 export default Category;

package/dist/types/components/Menubar/Dropdown.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { DefaultProps } from './types';
-declare const Dropdown: ({ children, ...rest }: DefaultProps) => JSX.Element;
+declare const Dropdown: ({ children, ...rest }: DefaultProps) => React.JSX.Element;
 export default Dropdown;

package/dist/types/components/Menubar/DropdownRoot.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { DropdownRootProps } from './types';
-declare const DropdownRoot: ({ mostUsed, options, labelMostUsed, }: DropdownRootProps) => JSX.Element;
+declare const DropdownRoot: ({ mostUsed, options, labelMostUsed, }: DropdownRootProps) => React.JSX.Element;
 export default DropdownRoot;

package/dist/types/components/Menubar/Header.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { HeaderProps } from './types';
-declare const Header: ({ children, className, ...rest }: HeaderProps) => JSX.Element;
+declare const Header: ({ children, className, ...rest }: HeaderProps) => React.JSX.Element;
 export default Header;

package/dist/types/components/Menubar/IconControlSubItem.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { IconControlSubItemProps } from './types';
-declare const IconControlSubItem: ({ show, setShow }: IconControlSubItemProps) => JSX.Element;
+declare const IconControlSubItem: ({ show, setShow }: IconControlSubItemProps) => React.JSX.Element;
 export default IconControlSubItem;

package/dist/types/components/Menubar/Item.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ItemProps } from './types';
-declare const Item: <T>({ children, subItems, renderSubItems, className, anchorProps, ...rest }: ItemProps<T>) => JSX.Element;
+declare const Item: <T>({ children, subItems, renderSubItems, className, anchorProps, ...rest }: ItemProps<T>) => React.JSX.Element;
 export default Item;

package/dist/types/components/Menubar/ItemLink.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ItemLinkProps } from './types';
-declare const ItemLink: ({ anchorProps, children }: ItemLinkProps) => JSX.Element;
+declare const ItemLink: ({ anchorProps, children }: ItemLinkProps) => React.JSX.Element;
 export default ItemLink;

package/dist/types/components/Menubar/Left.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { DefaultProps } from './types';
-declare const Left: ({ children, ...rest }: DefaultProps) => JSX.Element;
+declare const Left: ({ children, ...rest }: DefaultProps) => React.JSX.Element;
 export default Left;

package/dist/types/components/Menubar/MostUsed.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { MostUsedProps } from './types';
-declare const MostUsed: ({ label, children, ...rest }: MostUsedProps) => JSX.Element;
+declare const MostUsed: ({ label, children, ...rest }: MostUsedProps) => React.JSX.Element;
 export default MostUsed;

package/dist/types/components/Menubar/MostUsedItem.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { MostUsedItemProps } from './types';
-declare const MostUsedItem: ({ title, category, anchorProps, ...rest }: MostUsedItemProps) => JSX.Element;
+declare const MostUsedItem: ({ title, category, anchorProps, ...rest }: MostUsedItemProps) => React.JSX.Element;
 export default MostUsedItem;

package/dist/types/components/Menubar/MostUsedList.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { DropdownRootProps } from './types';
-declare const MostUsedList: ({ mostUsed }: Pick<DropdownRootProps, 'mostUsed'>) => JSX.Element;
+declare const MostUsedList: ({ mostUsed }: Pick<DropdownRootProps, "mostUsed">) => React.JSX.Element;
 export default MostUsedList;

package/dist/types/components/Menubar/Right.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { DefaultProps } from './types';
-declare const Right: ({ children, ...rest }: DefaultProps) => JSX.Element;
+declare const Right: ({ children, ...rest }: DefaultProps) => React.JSX.Element;
 export default Right;

package/dist/types/components/Menubar/Root.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { RootProps } from './types';
-declare const Root: ({ children }: RootProps) => JSX.Element;
+declare const Root: ({ children }: RootProps) => React.JSX.Element;
 export default Root;

package/dist/types/components/Menubar/Search.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { InputSearchProps } from '../Input';
-declare const Search: (props: InputSearchProps) => JSX.Element;
+declare const Search: (props: InputSearchProps) => React.JSX.Element;
 export default Search;

package/dist/types/components/Menubar/SubItem.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { SubItemProps } from './types';
-declare const SubItem: ({ children, anchorProps, className, ...rest }: SubItemProps) => JSX.Element;
+declare const SubItem: ({ children, anchorProps, className, ...rest }: SubItemProps) => React.JSX.Element;
 export default SubItem;

package/dist/types/components/Menubar/index.d.ts

@@ -1,17 +1,16 @@
-/// <reference types="react" />
 export declare const Menubar: {
-    Root: ({ children }: import("./types").RootProps) => JSX.Element;
-    Header: ({ children, className, ...rest }: import("./types").HeaderProps) => JSX.Element;
-    HeaderLeft: ({ children, ...rest }: import("./types").DefaultProps) => JSX.Element;
-    Search: (props: import("..").InputSearchProps) => JSX.Element;
-    HeaderRight: ({ children, ...rest }: import("./types").DefaultProps) => JSX.Element;
-    Dropdown: ({ children, ...rest }: import("./types").DefaultProps) => JSX.Element;
-    MostUsed: ({ label, children, ...rest }: import("./types").MostUsedProps) => JSX.Element;
-    MostUsedItem: ({ title, category, anchorProps, ...rest }: import("./types").MostUsedItemProps) => JSX.Element;
-    Category: <T>({ title, options, render }: import("./types").CategoryType<T>) => JSX.Element;
-    Categories: ({ children }: import("./types").DefaultProps) => JSX.Element;
-    Item: <T_1>({ children, subItems, renderSubItems, className, anchorProps, ...rest }: import("./types").ItemProps<T_1>) => JSX.Element;
-    SubItem: ({ children, anchorProps, className, ...rest }: import("./types").SubItemProps) => JSX.Element;
-    DropdownRoot: ({ mostUsed, options, labelMostUsed, }: import("./types").DropdownRootProps) => JSX.Element;
+    Root: ({ children }: import("./types").RootProps) => import("react").JSX.Element;
+    Header: ({ children, className, ...rest }: import("./types").HeaderProps) => import("react").JSX.Element;
+    HeaderLeft: ({ children, ...rest }: import("./types").DefaultProps) => import("react").JSX.Element;
+    Search: (props: import("..").InputSearchProps) => import("react").JSX.Element;
+    HeaderRight: ({ children, ...rest }: import("./types").DefaultProps) => import("react").JSX.Element;
+    Dropdown: ({ children, ...rest }: import("./types").DefaultProps) => import("react").JSX.Element;
+    MostUsed: ({ label, children, ...rest }: import("./types").MostUsedProps) => import("react").JSX.Element;
+    MostUsedItem: ({ title, category, anchorProps, ...rest }: import("./types").MostUsedItemProps) => import("react").JSX.Element;
+    Category: <T>({ title, options, render }: import("./types").CategoryType<T>) => import("react").JSX.Element;
+    Categories: ({ children }: import("./types").DefaultProps) => import("react").JSX.Element;
+    Item: <T>({ children, subItems, renderSubItems, className, anchorProps, ...rest }: import("./types").ItemProps<T>) => import("react").JSX.Element;
+    SubItem: ({ children, anchorProps, className, ...rest }: import("./types").SubItemProps) => import("react").JSX.Element;
+    DropdownRoot: ({ mostUsed, options, labelMostUsed, }: import("./types").DropdownRootProps) => import("react").JSX.Element;
 };
 export * from './types';

package/dist/types/components/Popover/Content.d.ts

@@ -4,4 +4,4 @@ export interface PopoverContentProps extends Omit<FloatingFocusManagerProps, 'ch
     children: React.ReactNode;
     className?: string;
 }
-export declare const PopoverContent: ({ children, className, modal, ...rest }: PopoverContentProps) => JSX.Element;
+export declare const PopoverContent: ({ children, className, modal, ...rest }: PopoverContentProps) => React.JSX.Element;

package/dist/types/components/Popover/Provider.d.ts

@@ -1,5 +1,5 @@
 import { Placement } from '@floating-ui/react';
-import { Dispatch, ReactNode, SetStateAction } from 'react';
+import React, { Dispatch, ReactNode, SetStateAction } from 'react';
 export interface ControlledProps {
     controlled: true;
     isOpen: boolean;
@@ -14,4 +14,4 @@ export interface UncontrolledProviderProps {
 export interface ControlledPopoverProviderProps extends Omit<UncontrolledProviderProps, 'controlled'>, ControlledProps {
 }
 export type PopoverProviderProps = UncontrolledProviderProps | ControlledPopoverProviderProps;
-export declare const PopoverProvider: ({ children, placement, trigger, ...props }: PopoverProviderProps) => JSX.Element;
+export declare const PopoverProvider: ({ children, placement, trigger, ...props }: PopoverProviderProps) => React.JSX.Element;

package/dist/types/components/Popover/Root.d.ts

@@ -10,4 +10,4 @@ export interface UncontrolledPopoverProps {
 export interface ControlledPopoverProps extends Omit<UncontrolledPopoverProps, 'controlled'>, ControlledProps {
 }
 export type PopoverRootProps = UncontrolledPopoverProps | ControlledPopoverProps;
-export declare const PopoverRoot: ({ children, placement, trigger, ...props }: PopoverRootProps) => JSX.Element;
+export declare const PopoverRoot: ({ children, placement, trigger, ...props }: PopoverRootProps) => React.JSX.Element;

package/dist/types/components/Popover/index.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 export declare const Popover: {
-    Root: ({ children, placement, trigger, ...props }: import("./Root").PopoverRootProps) => JSX.Element;
+    Root: ({ children, placement, trigger, ...props }: import("./Root").PopoverRootProps) => import("react").JSX.Element;
     Trigger: ({ children, disabled, }: import("./Trigger").PopoverTriggerProps) => import("react").FunctionComponentElement<any>;
-    Content: ({ children, className, modal, ...rest }: import("./Content").PopoverContentProps) => JSX.Element;
-    Provider: ({ children, placement, trigger, ...props }: import("./Provider").PopoverProviderProps) => JSX.Element;
+    Content: ({ children, className, modal, ...rest }: import("./Content").PopoverContentProps) => import("react").JSX.Element;
+    Provider: ({ children, placement, trigger, ...props }: import("./Provider").PopoverProviderProps) => import("react").JSX.Element;
 };

package/dist/types/components/ProgressBar/Progress.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 interface ProgressProps {
     value: number;
     intent?: 'default' | 'success' | 'warning' | 'info' | 'error';
     infinite: boolean;
 }
-export declare const Progress: ({ value, intent, infinite, }: ProgressProps) => JSX.Element;
+export declare const Progress: ({ value, intent, infinite, }: ProgressProps) => React.JSX.Element;
 export {};

package/dist/types/components/ProgressBar/ProgressBar.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 export interface ProgressBarProps {
     value?: number;
     intent?: 'default' | 'success' | 'warning' | 'info' | 'error';
     infinite?: boolean;
 }
-export declare const ProgressBar: ({ value, intent, infinite, }: ProgressBarProps) => JSX.Element;
+export declare const ProgressBar: ({ value, intent, infinite, }: ProgressBarProps) => React.JSX.Element;

package/dist/types/components/Select/Content.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { ContentProps } from './types';
-export declare const Content: ({ children, className }: ContentProps) => JSX.Element;
+export declare const Content: ({ children, className }: ContentProps) => React.JSX.Element;

package/dist/types/components/Select/GroupedOptions.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { SelectGroupedOptionsProps } from './types';
-export declare const SelectGroupedOptions: <T>({ onSelect, groupedLabelExtractor, options, }: SelectGroupedOptionsProps<T>) => JSX.Element;
+export declare const SelectGroupedOptions: <T>({ onSelect, groupedLabelExtractor, options, }: SelectGroupedOptionsProps<T>) => React.JSX.Element;

package/dist/types/components/Select/MultiCheckAllOptions.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { SelectMultiCheckAllOptionsProps } from './types';
-export declare const SelectMultiCheckAllOptions: <T>({ checkAllLabel, }: SelectMultiCheckAllOptionsProps) => JSX.Element;
+export declare const SelectMultiCheckAllOptions: <T>({ checkAllLabel, }: SelectMultiCheckAllOptionsProps) => React.JSX.Element;

package/dist/types/components/Select/MultiGroupedOptions.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { SelectMultiGroupedOptionsProps } from './types';
-export declare const SelectMultiGroupedOptions: <T>({ onSelect, groupedLabelExtractor, options, children, }: SelectMultiGroupedOptionsProps<T>) => JSX.Element;
+export declare const SelectMultiGroupedOptions: <T>({ onSelect, groupedLabelExtractor, options, children, }: SelectMultiGroupedOptionsProps<T>) => React.JSX.Element;

package/dist/types/components/Select/MultiOption.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { SelectMultiOptionProps } from './types';
-export declare const SelectMultiOption: <T>({ onSelectOption, option, grouped, }: SelectMultiOptionProps<T>) => JSX.Element;
+export declare const SelectMultiOption: <T>({ onSelectOption, option, grouped, }: SelectMultiOptionProps<T>) => React.JSX.Element;

package/dist/types/components/Select/MultiOptions.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { SelectMultiOptionsProps } from './types';
-export declare const SelectMultiOptions: <T>({ onSelect, options, children, }: SelectMultiOptionsProps<T>) => JSX.Element;
+export declare const SelectMultiOptions: <T>({ onSelect, options, children, }: SelectMultiOptionsProps<T>) => React.JSX.Element;

package/dist/types/components/Select/Option.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { SelectOptionProps } from './types';
-export declare const SelectOption: <T>({ onSelectOption, option, grouped, }: SelectOptionProps<T>) => JSX.Element;
+export declare const SelectOption: <T>({ onSelectOption, option, grouped, }: SelectOptionProps<T>) => React.JSX.Element;

package/dist/types/components/Select/Options.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { SelectOptionsProps } from './types';
-export declare const SelectOptions: <T>({ onSelect, options, }: SelectOptionsProps<T>) => JSX.Element;
+export declare const SelectOptions: <T>({ onSelect, options, }: SelectOptionsProps<T>) => React.JSX.Element;

package/dist/types/components/Select/Popover.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { SelectPopoverProps } from './types';
-export declare const SelectPopover: ({ children }: SelectPopoverProps) => JSX.Element;
+export declare const SelectPopover: ({ children }: SelectPopoverProps) => React.JSX.Element;

package/dist/types/components/Select/Root.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { SelectRootProps } from './types';
-export declare const SelectRoot: <T>({ children, value, keyExtractor, labelExtractor, className, }: SelectRootProps<T>) => JSX.Element;
+export declare const SelectRoot: <T>({ children, value, keyExtractor, labelExtractor, className, }: SelectRootProps<T>) => React.JSX.Element;

package/dist/types/components/Select/SkeletonOptions.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const SkeletonOptions: () => JSX.Element;
+import React from 'react';
+export declare const SkeletonOptions: () => React.JSX.Element;

package/dist/types/components/Select/Trigger.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { SelectTriggerProps } from './types';
-export declare const SelectTrigger: ({ label, placeholder, disabled, multiLabelSelected, ...rest }: SelectTriggerProps) => JSX.Element;
+export declare const SelectTrigger: ({ label, placeholder, disabled, multiLabelSelected, ...rest }: SelectTriggerProps) => React.JSX.Element;

package/dist/types/components/Select/context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface SelectContextProps<T> {
     value?: T | T[];
     keyExtractor: (value: T) => string;

package/dist/types/components/Select/index.d.ts

@@ -1,14 +1,13 @@
-/// <reference types="react" />
 export declare const Select: {
-    Root: <T>({ children, value, keyExtractor, labelExtractor, className, }: import("./types").SelectRootProps<T>) => JSX.Element;
-    Trigger: ({ label, placeholder, disabled, multiLabelSelected, ...rest }: import("./types").SelectTriggerProps) => JSX.Element;
-    Popover: ({ children }: import("./types").SelectPopoverProps) => JSX.Element;
-    Options: <T_1>({ onSelect, options, }: import("./types").SelectOptionsProps<T_1>) => JSX.Element;
-    GroupedOptions: <T_2>({ onSelect, groupedLabelExtractor, options, }: import("./types").SelectGroupedOptionsProps<T_2>) => JSX.Element;
-    Option: <T_3>({ onSelectOption, option, grouped, }: import("./types").SelectOptionProps<T_3>) => JSX.Element;
-    MultiOptions: <T_4>({ onSelect, options, children, }: import("./types").SelectMultiOptionsProps<T_4>) => JSX.Element;
-    MultiGroupedOptions: <T_5>({ onSelect, groupedLabelExtractor, options, children, }: import("./types").SelectMultiGroupedOptionsProps<T_5>) => JSX.Element;
-    MultiOption: <T_6>({ onSelectOption, option, grouped, }: import("./types").SelectMultiOptionProps<T_6>) => JSX.Element;
-    MultiCheckAllOptions: <T_7>({ checkAllLabel, }: import("./types").SelectMultiCheckAllOptionsProps) => JSX.Element;
+    Root: <T>({ children, value, keyExtractor, labelExtractor, className, }: import("./types").SelectRootProps<T>) => import("react").JSX.Element;
+    Trigger: ({ label, placeholder, disabled, multiLabelSelected, ...rest }: import("./types").SelectTriggerProps) => import("react").JSX.Element;
+    Popover: ({ children }: import("./types").SelectPopoverProps) => import("react").JSX.Element;
+    Options: <T>({ onSelect, options, }: import("./types").SelectOptionsProps<T>) => import("react").JSX.Element;
+    GroupedOptions: <T>({ onSelect, groupedLabelExtractor, options, }: import("./types").SelectGroupedOptionsProps<T>) => import("react").JSX.Element;
+    Option: <T>({ onSelectOption, option, grouped, }: import("./types").SelectOptionProps<T>) => import("react").JSX.Element;
+    MultiOptions: <T>({ onSelect, options, children, }: import("./types").SelectMultiOptionsProps<T>) => import("react").JSX.Element;
+    MultiGroupedOptions: <T>({ onSelect, groupedLabelExtractor, options, children, }: import("./types").SelectMultiGroupedOptionsProps<T>) => import("react").JSX.Element;
+    MultiOption: <T>({ onSelectOption, option, grouped, }: import("./types").SelectMultiOptionProps<T>) => import("react").JSX.Element;
+    MultiCheckAllOptions: <T>({ checkAllLabel, }: import("./types").SelectMultiCheckAllOptionsProps) => import("react").JSX.Element;
 };
 export * from './types';

package/dist/types/components/Skeleton.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
     children?: React.ReactNode;
 }
-export declare const Skeleton: ({ className, children, ...rest }: SkeletonProps) => JSX.Element;
+export declare const Skeleton: ({ className, children, ...rest }: SkeletonProps) => React.JSX.Element;
 export {};

package/dist/types/components/Snackbar/DefaultSnack.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
 import { SnackbarVariants } from '@tecsinapse/cortex-core';
+import React from 'react';
 export declare const DefaultSnack: ({ text, onDismiss, variants, }: {
     text: string;
     onDismiss: () => void;
     variants?: SnackbarVariants;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/components/Stepper/Node.d.ts

@@ -9,4 +9,4 @@ export interface StepNodeProps extends Omit<React.ButtonHTMLAttributes<HTMLButto
     interactive?: boolean;
     children?: React.ReactNode;
 }
-export declare const Node: ({ marked, intent, isFirst, isLast, segmented, selected, interactive, children, className, ...rest }: StepNodeProps) => JSX.Element;
+export declare const Node: ({ marked, intent, isFirst, isLast, segmented, selected, interactive, children, className, ...rest }: StepNodeProps) => React.JSX.Element;

package/dist/types/components/Stepper/Root.d.ts

@@ -5,4 +5,4 @@ export interface StepRootProps {
     className?: string;
     interactive?: boolean;
 }
-export declare const Root: ({ segmented, children, className, interactive, }: StepRootProps) => JSX.Element;
+export declare const Root: ({ segmented, children, className, interactive, }: StepRootProps) => React.JSX.Element;

package/dist/types/components/Stepper/index.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export declare const Stepper: {
-    Root: ({ segmented, children, className, interactive, }: import("./Root").StepRootProps) => JSX.Element;
-    Node: ({ marked, intent, isFirst, isLast, segmented, selected, interactive, children, className, ...rest }: import("./Node").StepNodeProps) => JSX.Element;
+    Root: ({ segmented, children, className, interactive, }: import("./Root").StepRootProps) => import("react").JSX.Element;
+    Node: ({ marked, intent, isFirst, isLast, segmented, selected, interactive, children, className, ...rest }: import("./Node").StepNodeProps) => import("react").JSX.Element;
 };

package/dist/types/components/Table.d.ts

@@ -2,12 +2,12 @@ import React, { HTMLAttributes, ReactNode, TableHTMLAttributes, TdHTMLAttributes
 interface TableCommon {
     children?: ReactNode;
 }
-export declare const THead: ({ children, className, ...rest }: TableCommon & HTMLAttributes<HTMLTableSectionElement>) => JSX.Element;
-export declare const TRow: ({ children, className, ...rest }: TableCommon & React.HTMLAttributes<HTMLTableRowElement>) => JSX.Element;
-export declare const THeadCell: ({ children, className, ...rest }: TableCommon & ThHTMLAttributes<HTMLTableCellElement>) => JSX.Element;
-export declare const TRowHeader: ({ children, }: TableCommon & ThHTMLAttributes<HTMLTableCellElement>) => JSX.Element;
-export declare const TCell: ({ children, className, ...rest }: TableCommon & TdHTMLAttributes<HTMLTableCellElement>) => JSX.Element;
-export declare const TFoot: ({ children, className, ...rest }: TableCommon & HTMLAttributes<HTMLTableSectionElement>) => JSX.Element;
-export declare const Table: ({ children, className, ...rest }: TableCommon & TableHTMLAttributes<HTMLTableElement>) => JSX.Element;
-export declare const Td: ({ children, ...rest }: TableCommon & TdHTMLAttributes<HTMLTableCellElement>) => JSX.Element;
+export declare const THead: ({ children, className, ...rest }: TableCommon & HTMLAttributes<HTMLTableSectionElement>) => React.JSX.Element;
+export declare const TRow: ({ children, className, ...rest }: TableCommon & React.HTMLAttributes<HTMLTableRowElement>) => React.JSX.Element;
+export declare const THeadCell: ({ children, className, ...rest }: TableCommon & ThHTMLAttributes<HTMLTableCellElement>) => React.JSX.Element;
+export declare const TRowHeader: ({ children, }: TableCommon & ThHTMLAttributes<HTMLTableCellElement>) => React.JSX.Element;
+export declare const TCell: ({ children, className, ...rest }: TableCommon & TdHTMLAttributes<HTMLTableCellElement>) => React.JSX.Element;
+export declare const TFoot: ({ children, className, ...rest }: TableCommon & HTMLAttributes<HTMLTableSectionElement>) => React.JSX.Element;
+export declare const Table: ({ children, className, ...rest }: TableCommon & TableHTMLAttributes<HTMLTableElement>) => React.JSX.Element;
+export declare const Td: ({ children, ...rest }: TableCommon & TdHTMLAttributes<HTMLTableCellElement>) => React.JSX.Element;
 export {};

package/dist/types/components/Tag.d.ts

@@ -7,8 +7,8 @@ interface TagProps {
 }
 export declare const Tag: {
     Root: React.ForwardRefExoticComponent<Omit<TagProps & React.HTMLProps<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Close: ({ onClick, className }: HTMLProps<HTMLButtonElement>) => JSX.Element;
-    Label: ({ children, className }: HTMLProps<HTMLParagraphElement>) => JSX.Element;
+    Close: ({ onClick, className }: HTMLProps<HTMLButtonElement>) => React.JSX.Element;
+    Label: ({ children, className }: HTMLProps<HTMLParagraphElement>) => React.JSX.Element;
     Face: React.ForwardRefExoticComponent<Omit<Pick<TagProps, "variants"> & React.HTMLProps<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 };
 export {};

package/dist/types/components/TextArea/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const TextArea: {
     Root: import("react").ForwardRefExoticComponent<import("./types").TextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
     Face: import("react").ForwardRefExoticComponent<import("./types").TextAreaFaceProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/TextArea/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputBaseVariants } from '@tecsinapse/cortex-core';
 export type DivBaseProps = React.HTMLAttributes<HTMLDivElement>;
 export interface TextAreaElementsProps extends DivBaseProps {

package/dist/types/components/TextArea/utils.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const getValidChildren: (children: React.ReactNode) => React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
+export declare const getValidChildren: (children: React.ReactNode) => React.ReactElement[];

package/dist/types/components/TimeField/TimeField.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { AriaTimeFieldProps, TimeValue } from 'react-aria';
 export interface TimeFieldProps extends AriaTimeFieldProps<TimeValue> {
     disabled?: boolean;
 }
-export declare const TimeField: ({ disabled, ...props }: TimeFieldProps) => JSX.Element;
+export declare const TimeField: ({ disabled, ...props }: TimeFieldProps) => React.JSX.Element;

package/dist/types/components/TimeField/TimeFieldInput.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { Time } from '@internationalized/date';
+import React from 'react';
 import { InputPropsBase } from '../Input';
 export interface TimeFieldInputProps extends InputPropsBase {
     value?: Time;
@@ -8,4 +8,4 @@ export interface TimeFieldInputProps extends InputPropsBase {
     granularity?: 'hour' | 'minute' | 'second';
     disabled?: boolean;
 }
-export declare const TimeFieldInput: (props: TimeFieldInputProps) => JSX.Element;
+export declare const TimeFieldInput: (props: TimeFieldInputProps) => React.JSX.Element;

package/dist/types/components/Uploader/Dropzone.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { DropzoneProps } from './types';
-export declare const Dropzone: ({ dropzoneProps, selectFileText, dropText, buttonText, }: DropzoneProps) => JSX.Element;
+export declare const Dropzone: ({ dropzoneProps, selectFileText, dropText, buttonText, }: DropzoneProps) => React.JSX.Element;

package/dist/types/components/Uploader/Files.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { FilesProps } from './types';
-export declare const Files: <T>({ files, onDelete, uploadProgressText, }: FilesProps<T>) => JSX.Element;
+export declare const Files: <T>({ files, onDelete, uploadProgressText, }: FilesProps<T>) => React.JSX.Element;

package/dist/types/components/Uploader/Root.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { RootUploaderProps } from './types';
-export declare const Root: <T>({ open, onClose, files, onDelete, dropzoneProps, selectFileText, dropText, buttonText, uploadProgressText, titleModal, }: RootUploaderProps<T>) => JSX.Element;
+export declare const Root: <T>({ open, onClose, files, onDelete, dropzoneProps, selectFileText, dropText, buttonText, uploadProgressText, titleModal, }: RootUploaderProps<T>) => React.JSX.Element;

package/dist/types/components/Uploader/Upload.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { FileProps } from './types';
-export declare const File: <T>({ file, index, onDelete }: FileProps<T>) => JSX.Element;
+export declare const File: <T>({ file, index, onDelete }: FileProps<T>) => React.JSX.Element;

package/dist/types/components/Uploader/index.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 export * from './Root';
 export * from './types';
 export declare const Uploader: {
-    Dropzone: ({ dropzoneProps, selectFileText, dropText, buttonText, }: import("./types").DropzoneProps) => JSX.Element;
-    Files: <T>({ files, onDelete, uploadProgressText, }: import("./types").FilesProps<T>) => JSX.Element;
+    Dropzone: ({ dropzoneProps, selectFileText, dropText, buttonText, }: import("./types").DropzoneProps) => import("react").JSX.Element;
+    Files: <T>({ files, onDelete, uploadProgressText, }: import("./types").FilesProps<T>) => import("react").JSX.Element;
     Modal: ({ open, onClose, children, title, }: import("./types").ModalProps) => any;
-    Root: <T_1>({ open, onClose, files, onDelete, dropzoneProps, selectFileText, dropText, buttonText, uploadProgressText, titleModal, }: import("./types").RootUploaderProps<T_1>) => JSX.Element;
+    Root: <T>({ open, onClose, files, onDelete, dropzoneProps, selectFileText, dropText, buttonText, uploadProgressText, titleModal, }: import("./types").RootUploaderProps<T>) => import("react").JSX.Element;
 };

package/dist/types/components/Uploader/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DropzoneInputProps, DropzoneRootProps } from 'react-dropzone';
 export interface FileItem {
     file: File;

package/dist/types/hooks/useCalendarCell.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CalendarDate } from '@internationalized/date';
 import { CalendarState, RangeCalendarState } from 'react-stately';
 interface useCalendarCellProps {

package/dist/types/hooks/useDatePickerInput.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface useDatePickerInputProps {
     value?: Date;
     onChange: (date?: Date) => void;

package/dist/types/hooks/useDateRangePickerInput.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DateRange } from '../components';
 interface useDateRangePickerInputProps {
     value?: DateRange;

package/dist/types/hooks/useFloatingElement.d.ts

@@ -21,7 +21,7 @@ export declare const useFloatingElement: ({ placement, trigger, delay, arrowRef,
     strategy: import("@floating-ui/utils").Strategy;
     refs: {
         reference: import("react").MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
-        floating: import("react").MutableRefObject<HTMLElement | null>;
+        floating: React.MutableRefObject<HTMLElement | null>;
         setReference: (node: import("@floating-ui/react-dom").ReferenceType | null) => void;
         setFloating: (node: HTMLElement | null) => void;
     } & import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
@@ -33,11 +33,11 @@ export declare const useFloatingElement: ({ placement, trigger, delay, arrowRef,
         middlewareData: import("@floating-ui/core").MiddlewareData;
         isPositioned: boolean;
         update: () => void;
-        floatingStyles: import("react").CSSProperties;
+        floatingStyles: React.CSSProperties;
         open: boolean;
-        onOpenChange: (open: boolean, event?: Event | undefined, reason?: import("@floating-ui/react").OpenChangeReason | undefined) => void;
+        onOpenChange: (open: boolean, event?: Event, reason?: import("@floating-ui/react").OpenChangeReason) => void;
         events: import("@floating-ui/react").FloatingEvents;
-        dataRef: import("react").MutableRefObject<import("@floating-ui/react").ContextData>;
+        dataRef: React.MutableRefObject<import("@floating-ui/react").ContextData>;
         nodeId: string | undefined;
         floatingId: string;
         refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
@@ -47,6 +47,6 @@ export declare const useFloatingElement: ({ placement, trigger, delay, arrowRef,
     triggerProps: {
         ref: ((node: import("@floating-ui/react-dom").ReferenceType | null) => void) & ((node: import("@floating-ui/react").ReferenceType | null) => void);
     };
-    getReferenceProps: (userProps?: import("react").HTMLProps<Element> | undefined) => Record<string, unknown>;
-    getFloatingProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
+    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
 };

package/dist/types/hooks/useRangeCalendar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DateRange } from '../components';
 interface useRangeCalendarProps {
     value?: DateRange;

package/dist/types/provider/MenubarContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface ContextProviderProps {
     show: boolean;
     setShow: (show: boolean) => void;

package/dist/types/provider/MenubarProvider.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 export declare const MenubarProvider: ({ children }: {
     children: ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/provider/SnackbarProvider.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { type ExternalToast } from 'sonner';
 import { SnackbarSonner } from '../service/SnackbarSonner';
 interface SnackbarProviderProps {
@@ -7,6 +7,6 @@ interface SnackbarProviderProps {
 export declare const SnackbarProvider: ({ children, options, }: {
     children: ReactNode;
     options?: ExternalToast;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const useSnackbar: () => SnackbarProviderProps;
 export {};

package/dist/types/provider/useMenubar.d.ts

@@ -1,4 +1 @@
-export declare const useMenubar: () => [
-    show: boolean,
-    setShow: (show: boolean) => void
-];
+export declare const useMenubar: () => [show: boolean, setShow: (show: boolean) => void];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-react",
-  "version": "1.9.20",
+  "version": "1.9.22",
   "description": "React components based in @tecsinapse/cortex-core",
   "license": "MIT",
   "main": "dist/esm/index.js",
@@ -20,7 +20,7 @@
   "dependencies": {
     "@floating-ui/react": "^0.26.18",
     "@internationalized/date": "*",
-    "@tecsinapse/cortex-core": "0.4.8",
+    "@tecsinapse/cortex-core": "0.4.9",
     "clsx": "*",
     "currency.js": "~2.0.4",
     "react-aria": "^3.33.1",
@@ -48,5 +48,5 @@
     "react-dom": ">=18.0.0",
     "tailwind": ">=3.3.0"
   },
-  "gitHead": "ab2f8c9d26b485333c68e1f9016099cb0e7eca4b"
+  "gitHead": "941332d969b026359a280f89fd7bc7ba81f94992"
 }