@tecsinapse/cortex-react 1.13.1 → 1.13.3

package/dist/esm/hooks/useTimePickerInput.js

@@ -0,0 +1,43 @@
+import { useState, useCallback } from 'react';
+import { usePopoverContext } from '../components/Popover/Context.js';
+import { Time } from '@internationalized/date';
+
+const useTimePickerInput = ({
+  value,
+  onChange,
+  minuteInterval
+}) => {
+  const { setIsOpen } = usePopoverContext();
+  const [popoverTime, setPopoverTime] = useState(value ?? new Time(0, 0));
+  const handleTimeFieldChange = (newValue) => {
+    if (newValue && minuteInterval > 1) {
+      const time = newValue;
+      const adjustedMinute = Math.round(time.minute / minuteInterval) * minuteInterval % 60;
+      const adjustedTime = time.set({ minute: adjustedMinute });
+      onChange?.(adjustedTime);
+      setPopoverTime(adjustedTime);
+      return;
+    }
+    const newTime = newValue ? new Time(newValue.hour, newValue.minute, newValue.second) : void 0;
+    onChange?.(newTime);
+    setPopoverTime(newTime ?? new Time(0, 0));
+  };
+  const handleTogglePopover = useCallback(() => {
+    setIsOpen((open) => !open);
+  }, []);
+  const handleChangeTimeOnSelector = useCallback(
+    (time) => {
+      setPopoverTime(time);
+      handleTimeFieldChange(time);
+    },
+    [handleTimeFieldChange]
+  );
+  return {
+    handleTogglePopover,
+    handleTimeFieldChange,
+    handleChangeTimeOnSelector,
+    popoverTime
+  };
+};
+
+export { useTimePickerInput };

package/dist/esm/index.js

@@ -35,8 +35,10 @@ export { Stepper } from './components/Stepper/index.js';
 export { TCell, TFoot, THead, THeadCell, TRow, TRowHeader, Table, Td } from './components/Table.js';
 export { Tag } from './components/Tag.js';
 export { TextArea } from './components/TextArea/index.js';
-export { TimeField } from './components/TimeField/TimeField.js';
-export { TimeFieldInput } from './components/TimeField/TimeFieldInput.js';
+export { TimeField } from './components/TimePicker/TimeField.js';
+export { TimePickerInput } from './components/TimePicker/TimePickerInput.js';
+export { TimePickerSelector } from './components/TimePicker/TimePickerSelector.js';
+export { TimeFieldInput } from './components/TimePicker/TimeFieldInput.js';
 export { Toggle } from './components/Toggle.js';
 export { Tooltip } from './components/Tooltip.js';
 export { Uploader } from './components/Uploader/index.js';
@@ -56,6 +58,7 @@ export { useRangeCalendar } from './hooks/useRangeCalendar.js';
 export { useSelectGroupedOptions } from './hooks/useSelectGroupedOptions.js';
 export { useSelectOptions } from './hooks/useSelectOptions.js';
 export { applyStringMask, getMask, mergeMask, useStringMask } from './hooks/useStringMask.js';
+export { useTimePickerInput } from './hooks/useTimePickerInput.js';
 export { SnackbarSonner } from './service/SnackbarSonner.js';
 export { MenubarProvider } from './provider/MenubarProvider.js';
 export { SnackbarProvider, useSnackbar } from './provider/SnackbarProvider.js';

package/dist/esm/provider/CategoriesContext.js

@@ -1,4 +1,5 @@
-import React__default, { createContext, useState, useContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useState, useContext } from 'react';
 
 const CategoriesContext = createContext(null);
 const CategoriesProvider = ({ children }) => {
@@ -11,7 +12,7 @@ const CategoriesProvider = ({ children }) => {
       };
     });
   };
-  return /* @__PURE__ */ React__default.createElement(CategoriesContext.Provider, { value: { expandedMenus, toggleSubmenu } }, children);
+  return /* @__PURE__ */ jsx(CategoriesContext.Provider, { value: { expandedMenus, toggleSubmenu }, children });
 };
 const useCategories = () => {
   const context = useContext(CategoriesContext);

package/dist/esm/provider/MenubarProvider.js

@@ -1,4 +1,5 @@
-import React__default, { useRef, useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import React, { useRef, useEffect } from 'react';
 import '@internationalized/date';
 import 'react-aria';
 import 'react-stately';
@@ -11,7 +12,7 @@ import { useOutsideClickListener } from '../hooks/useOutsideClickListener.js';
 import { MenubarContext } from './MenubarContext.js';
 
 const MenubarProvider = ({ children }) => {
-  const [show, setShow] = React__default.useState(false);
+  const [show, setShow] = React.useState(false);
   const ref = useRef(null);
   const showRef = useRef(false);
   useEffect(() => {
@@ -26,7 +27,7 @@ const MenubarProvider = ({ children }) => {
     ref,
     onClickOutside
   });
-  return /* @__PURE__ */ React__default.createElement(MenubarContext.Provider, { value: { show, setShow } }, /* @__PURE__ */ React__default.createElement("div", { ref }, children));
+  return /* @__PURE__ */ jsx(MenubarContext.Provider, { value: { show, setShow }, children: /* @__PURE__ */ jsx("div", { ref, children }) });
 };
 
 export { MenubarProvider };

package/dist/esm/provider/SnackbarProvider.js

@@ -1,4 +1,5 @@
-import React__default, { createContext, useContext } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { createContext, useContext } from 'react';
 import { Toaster } from 'sonner';
 import { SnackbarSonner } from '../service/SnackbarSonner.js';
 
@@ -8,7 +9,10 @@ const SnackbarProvider = ({
   options
 }) => {
   const snackbar = new SnackbarSonner(options);
-  return /* @__PURE__ */ React__default.createElement(SnackbarContext.Provider, { value: { snackbar } }, children, /* @__PURE__ */ React__default.createElement(Toaster, null));
+  return /* @__PURE__ */ jsxs(SnackbarContext.Provider, { value: { snackbar }, children: [
+    children,
+    /* @__PURE__ */ jsx(Toaster, {})
+  ] });
 };
 const useSnackbar = () => {
   const context = useContext(SnackbarContext);

package/dist/esm/service/SnackbarSonner.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { toast } from 'sonner';
 import { DefaultSnack } from '../components/Snackbar/DefaultSnack.js';
 
@@ -16,7 +16,7 @@ class SnackbarSonner {
   show(type, message, options) {
     return toast.custom(
       (t) => {
-        return /* @__PURE__ */ React__default.createElement(
+        return /* @__PURE__ */ jsx(
           DefaultSnack,
           {
             text: message,

package/dist/esm/styles/time-field-input.js

@@ -0,0 +1,16 @@
+import { tv } from 'tailwind-variants';
+
+const timePickerInputBase = tv({
+  slots: {
+    icon: "cursor-pointer text-deca"
+  },
+  variants: {
+    disabled: {
+      true: {
+        icon: "text-secondary-light cursor-default"
+      }
+    }
+  }
+});
+
+export { timePickerInputBase };

package/dist/esm/utils/date.js

@@ -1,4 +1,4 @@
-import { CalendarDateTime, getLocalTimeZone, Time } from '@internationalized/date';
+import { CalendarDateTime, getLocalTimeZone } from '@internationalized/date';
 
 const dateToCalendarDateTime = (value) => {
   return new CalendarDateTime(
@@ -14,9 +14,5 @@ const calendarDateToDate = (value) => {
   if (!value) return void 0;
   return value.toDate(getLocalTimeZone());
 };
-const timeFromTimeValue = (value) => {
-  if (!value) return void 0;
-  return new Time(value.hour, value.minute, value.second, value.millisecond);
-};
 
-export { calendarDateToDate, dateToCalendarDateTime, timeFromTimeValue };
+export { calendarDateToDate, dateToCalendarDateTime };

package/dist/esm/utils/react.js

@@ -1,7 +1,8 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
 
 function cloneWithProps(children, props) {
-  return React__default.cloneElement(/* @__PURE__ */ React__default.createElement("div", null, children), props);
+  return React.cloneElement(/* @__PURE__ */ jsx("div", { children }), props);
 }
 
 export { cloneWithProps };

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

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

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

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

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

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

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

@@ -1,5 +1,4 @@
-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"> & {
     className?: string;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,9 +1,9 @@
 export declare const Accordion: {
-    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;
+    Root: ({ children, defaultOpen, label, floating, onOpen, invertedArrow, onClose, direction, }: import("./types").AccordionProps) => import("react/jsx-runtime").JSX.Element;
+    Face: ({ children, defaultOpen, direction, }: Pick<import("./types").AccordionProps, "children" | "defaultOpen" | "direction">) => import("react/jsx-runtime").JSX.Element;
+    Content: ({ children, direction, }: Pick<import("./types").AccordionProps, "children" | "direction">) => import("react/jsx-runtime").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;
+    }) => import("react/jsx-runtime").JSX.Element;
 };
 export * from './context';

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

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

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

@@ -1,4 +1,4 @@
-import React, { ElementType } from 'react';
+import { 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) => React.JSX.Element;
+export declare const BreadcrumbItem: ({ isLast, Component, componentProps, title, }: BreadcrumbItemProps) => import("react/jsx-runtime").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) => React.JSX.Element;
+export declare const Breadcrumbs: (props: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,9 +1,8 @@
 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) => React.JSX.Element;
+export declare const CalendarCell: ({ state, date }: CalendarCellProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -5,7 +5,7 @@ export declare const ColorPicker: {
     Box: React.ForwardRefExoticComponent<ColorPickerProps & React.RefAttributes<HTMLInputElement>>;
     Face: ({ children }: {
         children: any;
-    }) => React.JSX.Element;
-    Label: ({ children, id, className, ...rest }: HTMLAttributes<HTMLLabelElement>) => React.JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Label: ({ children, id, className, ...rest }: HTMLAttributes<HTMLLabelElement>) => import("react/jsx-runtime").JSX.Element;
     Root: React.ForwardRefExoticComponent<ColorPickerProps & React.RefAttributes<HTMLInputElement>>;
 };

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

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

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

@@ -1,8 +1,7 @@
-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) => React.JSX.Element;
+export declare const DateField: ({ onClickDate, onClickTime, ...props }: DateFieldProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,5 +1,4 @@
 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 +6,4 @@ export interface DatePickerInputProps extends Omit<InputProps, 'value' | 'onChan
     hourCycle?: 12 | 24;
     granularity?: Granularity;
 }
-export declare const DatePickerInput: (props: DatePickerInputProps) => React.JSX.Element;
+export declare const DatePickerInput: (props: DatePickerInputProps) => import("react/jsx-runtime").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) => React.JSX.Element;
+export declare const DatePickerInputBase: ({ children, variants, label, disabled, value, onClean, onToggle, }: DatePickerInputBaseProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,5 +1,4 @@
 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 +7,4 @@ export interface DateRangePickerInputProps extends Omit<InputProps, 'value' | 'o
     hourCycle?: 12 | 24;
     granularity?: Granularity;
 }
-export declare const DateRangePickerInput: (props: DateRangePickerInputProps) => React.JSX.Element;
+export declare const DateRangePickerInput: (props: DateRangePickerInputProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,7 @@
-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) => React.JSX.Element;
+export declare const DateSegment: ({ segment, state }: DateSegmentProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,5 +1,5 @@
-import React, { HTMLAttributes } from 'react';
+import { HTMLAttributes } from 'react';
 interface DividerProps extends HTMLAttributes<HTMLHRElement> {
 }
-export declare const Divider: ({ className, ...rest }: DividerProps) => React.JSX.Element;
+export declare const Divider: ({ className, ...rest }: DividerProps) => import("react/jsx-runtime").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) => React.JSX.Element;
+export declare const Drawer: ({ children, onClose, open, position, className, }: DrawerProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { 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>) => React.JSX.Element;
+export declare const GroupButton: <T>(props: GroupButtonProps<T>) => import("react/jsx-runtime").JSX.Element;

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) => 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;
+    Root: ({ children, className, ...rest }: KanbanProps) => import("react/jsx-runtime").JSX.Element;
+    Header: ({ children, className, ...rest }: KanbanProps) => import("react/jsx-runtime").JSX.Element;
+    Body: ({ children, className, ...rest }: KanbanProps) => import("react/jsx-runtime").JSX.Element;
+    ContainerList: ({ children, className, ...rest }: KanbanProps) => import("react/jsx-runtime").JSX.Element;
 };

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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