@tecsinapse/cortex-react 1.3.0-beta.2 → 1.3.0-beta.20

package/dist/esm/styles/menubar.js

@@ -0,0 +1,62 @@
+import { tv } from 'tailwind-variants';
+
+const menubar = tv({
+  slots: {
+    header: "relative w-screen px-kilo py-deca flex flex-row justify-between bg-white z-[100]",
+    left: "flex items-center w-fit",
+    right: "flex items-center gap-x-deca",
+    dropdown: "w-full bg-white flex-1 shadow-default z-[100] px-[8vw] absolute"
+  },
+  variants: {
+    show: {
+      true: {
+        dropdown: "pt-kilo pb-mega",
+        false: "max-h-0"
+      }
+    }
+  }
+});
+const mostUsed = tv({
+  slots: {
+    container: "mb-kilo",
+    label: "font-bold mb-centi",
+    containerList: "gap-x-kilo flex flex-row"
+  }
+});
+const mostUsedItem = tv({
+  slots: {
+    container: "flex-1 py-mili",
+    title: "text-primary-medium font-bold",
+    category: "text-secondary-medium"
+  }
+});
+const item = tv({
+  slots: {
+    container: "flex flex-row gap-x-deca items-center",
+    text: "text-secondary-dark hover:text-primary-medium hover:cursor-pointer text-base",
+    icon: "text-primary-medium hover:cursor-pointer"
+  }
+});
+const category = tv({
+  slots: {
+    text: "mb-mili font-bold",
+    hr: "mb-mili",
+    container: "flex flex-col gap-y-mili"
+  }
+});
+const subItem = tv({
+  slots: {
+    container: "pl-deca text-sub border-l-[1px] border-primary-medium text-secondary-dark hover:text-primary-medium cursor-pointer"
+  }
+});
+const animate = tv({
+  base: "transition-all ease-in-out duration-250",
+  variants: {
+    show: {
+      true: "translate-y-0 opacity-1 visible",
+      false: "-translate-y-[120%] opacity-0 invisible max-h-0"
+    }
+  }
+});
+
+export { animate, category, item, menubar, mostUsed, mostUsedItem, subItem };

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

@@ -1,6 +1,5 @@
-import React from 'react';
-interface CardProps {
+import React, { HTMLAttributes } from 'react';
+export interface CardProps extends HTMLAttributes<HTMLDivElement> {
     children?: React.ReactNode;
 }
-export declare const Card: React.ForwardRefExoticComponent<Omit<CardProps & React.HTMLProps<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export {};
+export declare const Card: React.ForwardRefExoticComponent<CardProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { InputProps } from './types';
+export declare const InputBox: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { InputFaceProps } from './types';
+export declare const InputFace: React.ForwardRefExoticComponent<InputFaceProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { InputLeftProps } from './types';
+export declare const InputLeft: React.ForwardRefExoticComponent<InputLeftProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { InputMaskExpressionProps, InputMaskProps } from './types';
+export declare const InputMaskExpression: React.ForwardRefExoticComponent<InputMaskExpressionProps & React.RefAttributes<HTMLInputElement>>;
+export declare const InputMaskNumber: React.ForwardRefExoticComponent<InputMaskProps & React.RefAttributes<HTMLInputElement>>;
+export declare const InputMaskCurrency: React.ForwardRefExoticComponent<InputMaskProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { InputRightProps } from './types';
+export declare const InputRight: React.ForwardRefExoticComponent<InputRightProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { InputProps } from './types';
+export declare const InputRoot: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { InputSearchProps } from './types';
+export declare const InputSearch: React.ForwardRefExoticComponent<InputSearchProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,12 @@
+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>>;
+    Box: import("react").ForwardRefExoticComponent<import("./types").InputProps & import("react").RefAttributes<HTMLInputElement>>;
+    Left: import("react").ForwardRefExoticComponent<import("./types").InputLeftProps & import("react").RefAttributes<HTMLDivElement>>;
+    Right: import("react").ForwardRefExoticComponent<import("./types").InputRightProps & import("react").RefAttributes<HTMLDivElement>>;
+    Search: import("react").ForwardRefExoticComponent<import("./types").InputSearchProps & import("react").RefAttributes<HTMLInputElement>>;
+    MaskCurrency: import("react").ForwardRefExoticComponent<import("./types").InputMaskProps & import("react").RefAttributes<HTMLInputElement>>;
+    MaskNumber: import("react").ForwardRefExoticComponent<import("./types").InputMaskProps & import("react").RefAttributes<HTMLInputElement>>;
+    MaskExpression: import("react").ForwardRefExoticComponent<import("./types").InputMaskExpressionProps & import("react").RefAttributes<HTMLInputElement>>;
+};
+export * from './types';

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

@@ -0,0 +1,27 @@
+import { InputBaseVariants } from '@tecsinapse/cortex-core';
+import { MutableRefObject } from 'react';
+export interface InputPropsBase {
+    variants?: InputBaseVariants;
+    label?: string;
+}
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>, InputPropsBase {
+}
+export interface InputFaceProps extends React.HTMLAttributes<HTMLDivElement>, Pick<InputPropsBase, 'variants'> {
+}
+export interface InputLeftProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    className?: string;
+}
+export interface InputRightProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    className?: string;
+}
+export interface InputSearchProps extends InputProps {
+    bounceTimeout?: number;
+}
+export interface InputMaskProps extends InputProps {
+    unmaskedRef?: MutableRefObject<string>;
+}
+export interface InputMaskExpressionProps extends InputMaskProps {
+    mask: any;
+}

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

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export interface MasonryProps {
+    columns: number;
+    children?: ReactNode;
+}
+declare const Masonry: ({ children, columns }: MasonryProps) => JSX.Element;
+export default Masonry;

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

@@ -0,0 +1,3 @@
+import { DefaultProps } from './interface';
+declare const Categories: ({ children }: DefaultProps) => JSX.Element;
+export default Categories;

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

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export type CategoryType<T> = {
+    title: string;
+    options: T[];
+    render: (prop: T) => ReactNode;
+};
+declare const Category: <T>({ title, options, render }: CategoryType<T>) => JSX.Element;
+export default Category;

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

@@ -0,0 +1,3 @@
+import { DefaultProps } from './interface';
+declare const Dropdown: ({ children, ...rest }: DefaultProps) => JSX.Element;
+export default Dropdown;

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

@@ -0,0 +1,17 @@
+import { MostUsedItemProps } from './MostUsedItem';
+import { DefaultProps } from './interface';
+interface MenuItem extends DefaultProps {
+    title: string;
+    items?: MenuItem[];
+}
+interface MenuCategory {
+    title: string;
+    items: MenuItem[];
+}
+export interface DropdownRootProps {
+    labelMostUsed?: string;
+    mostUsed?: MostUsedItemProps[];
+    options: MenuCategory[];
+}
+declare const DropdownRoot: ({ mostUsed, options, labelMostUsed, }: DropdownRootProps) => JSX.Element;
+export default DropdownRoot;

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

@@ -0,0 +1,6 @@
+import React, { ReactNode } from 'react';
+export interface HeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+declare const Header: ({ children, className, ...rest }: HeaderProps) => JSX.Element;
+export default Header;

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

@@ -0,0 +1,6 @@
+import React, { Dispatch } from 'react';
+declare const IconControlSubItem: ({ show, setShow, }: {
+    show: boolean;
+    setShow: Dispatch<React.SetStateAction<boolean>>;
+}) => JSX.Element;
+export default IconControlSubItem;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { DefaultProps } from './interface';
+export interface ItemProps<T> extends DefaultProps {
+    children?: React.ReactNode;
+    subItems?: T[];
+    renderSubItems?: (prop: T) => React.ReactNode;
+    href?: string;
+}
+declare const Item: <T>({ children, subItems, renderSubItems, className, href, ...rest }: ItemProps<T>) => JSX.Element;
+export default Item;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+interface ItemLinkProps {
+    href?: string;
+    children?: React.ReactNode;
+    classNameAnchor?: string;
+}
+declare const ItemLink: ({ href, children, classNameAnchor }: ItemLinkProps) => JSX.Element;
+export default ItemLink;

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

@@ -0,0 +1,3 @@
+import { DefaultProps } from './interface';
+declare const Left: ({ children, ...rest }: DefaultProps) => JSX.Element;
+export default Left;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { DefaultProps } from './interface';
+export interface MostUsedProps extends DefaultProps {
+    label?: string;
+    children?: React.ReactNode;
+}
+declare const MostUsed: ({ label, children, ...rest }: MostUsedProps) => JSX.Element;
+export default MostUsed;

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

@@ -0,0 +1,8 @@
+import { CardProps } from '../Card';
+export interface MostUsedItemProps extends CardProps {
+    title: string;
+    category: string;
+    href?: string;
+}
+declare const MostUsedItem: ({ title, category, href, ...rest }: MostUsedItemProps) => JSX.Element;
+export default MostUsedItem;

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

@@ -0,0 +1,3 @@
+import { DropdownRootProps } from './DropdownRoot';
+declare const MostUsedList: ({ mostUsed }: Pick<DropdownRootProps, 'mostUsed'>) => JSX.Element;
+export default MostUsedList;

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

@@ -0,0 +1,3 @@
+import { DefaultProps } from './interface';
+declare const Right: ({ children, ...rest }: DefaultProps) => JSX.Element;
+export default Right;

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

@@ -0,0 +1,6 @@
+import React, { ReactNode } from 'react';
+export interface RootProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+declare const Root: ({ children, ...rest }: RootProps) => JSX.Element;
+export default Root;

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

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

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

@@ -0,0 +1,6 @@
+import { DefaultProps } from './interface';
+export interface SubItemProps extends DefaultProps {
+    href?: string;
+}
+declare const SubItem: ({ children, href, className, ...rest }: SubItemProps) => JSX.Element;
+export default SubItem;

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

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

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

@@ -0,0 +1,4 @@
+import React, { ReactNode } from 'react';
+export interface DefaultProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface PopoverContentProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare const PopoverContent: ({ children, className, }: PopoverContentProps) => JSX.Element;

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Placement } from '@floating-ui/react';
+interface ContextProps {
+    triggerProps?: any;
+    refs?: any;
+    isOpen?: boolean;
+    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    x?: number;
+    y?: number;
+    strategy?: 'absolute' | 'fixed';
+    floatingStyles?: React.CSSProperties;
+    placement?: Placement;
+    setPlacement?: React.Dispatch<React.SetStateAction<Placement | undefined>>;
+    setTrigger?: React.Dispatch<React.SetStateAction<'hover' | 'click'>>;
+}
+export declare const Context: React.Context<ContextProps | undefined>;
+export declare const usePopoverContext: () => ContextProps;
+export {};

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

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { Placement } from '@floating-ui/react';
+export interface PopoverProviderProps {
+    children: ReactNode;
+    placement?: Placement;
+    trigger?: 'hover' | 'click';
+}
+export declare const PopoverProvider: ({ children, placement, trigger, }: PopoverProviderProps) => JSX.Element;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Placement } from '@floating-ui/react';
+export interface PopoverRootProps {
+    children: React.ReactNode;
+    placement?: Placement;
+    trigger?: 'hover' | 'click';
+}
+export declare const PopoverRoot: ({ children, placement, trigger, }: PopoverRootProps) => JSX.Element;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface PopoverTriggerProps {
+    children: React.ReactElement;
+}
+export declare const PopoverTrigger: ({ children }: PopoverTriggerProps) => React.FunctionComponentElement<any>;

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

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

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

@@ -0,0 +1,6 @@
+import React, { InputHTMLAttributes } from 'react';
+export interface RadioButtonProps extends InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    reversed?: boolean;
+}
+export declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,11 +0,0 @@
-import { HTMLAttributes } from 'react';
-interface SearchInputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onClick' | 'onChange'> {
-    label?: string;
-    placeholder?: string;
-    isSubmitting?: boolean;
-    onChange?: (value: string) => void;
-    onClick?: (value: string) => void;
-    BOUNCE_TIMEOUT?: number;
-}
-declare const SearchInput: ({ label, placeholder, isSubmitting, onChange, onClick, BOUNCE_TIMEOUT, className, ...rest }: SearchInputProps) => JSX.Element;
-export default SearchInput;

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

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

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

@@ -0,0 +1,4 @@
+export interface SelectMultiCheckAllOptionsProps {
+    checkAllLabel?: string;
+}
+export declare const SelectMultiCheckAllOptions: <T>({ checkAllLabel, }: SelectMultiCheckAllOptionsProps) => JSX.Element;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface SelectMultiGroupedOptionsProps<T> {
+    onSelect: (value: T[]) => void;
+    options?: Map<string, T[]>;
+    groupedLabelExtractor: (value: string) => string;
+    children?: React.ReactNode;
+}
+export declare const SelectMultiGroupedOptions: <T>({ onSelect, groupedLabelExtractor, options, children, }: SelectMultiGroupedOptionsProps<T>) => JSX.Element;

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

@@ -0,0 +1,6 @@
+export interface SelectMultiOptionProps<T> {
+    option: T;
+    onSelectOption: (option: T) => void;
+    grouped?: boolean;
+}
+export declare const SelectMultiOption: <T>({ onSelectOption, option, grouped, }: SelectMultiOptionProps<T>) => JSX.Element;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface SelectMultiOptionsProps<T> {
+    options?: T[];
+    onSelect: (value: T[]) => void;
+    children?: React.ReactNode;
+}
+export declare const SelectMultiOptions: <T>({ onSelect, options, children, }: SelectMultiOptionsProps<T>) => JSX.Element;

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

@@ -1,5 +1,6 @@
 export interface SelectOptionProps<T> {
     option: T;
     onSelectOption: (option: T) => void;
+    grouped?: boolean;
 }
-export declare const SelectOption: <T>({ onSelectOption, option, }: SelectOptionProps<T>) => JSX.Element;
+export declare const SelectOption: <T>({ onSelectOption, option, grouped, }: SelectOptionProps<T>) => JSX.Element;

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

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 export interface SelectRootProps<T> {
     children: ReactNode;
-    value?: T;
+    value?: T | T[];
     keyExtractor: (value: T) => string;
     labelExtractor: (value: T) => string;
 }

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

@@ -1,10 +1,12 @@
-import { Dispatch, SetStateAction } from 'react';
 interface SelectContextProps<T> {
-    value?: T;
-    open?: boolean;
-    setOpen?: Dispatch<SetStateAction<boolean>>;
+    value?: T | T[];
     keyExtractor: (value: T) => string;
     labelExtractor: (value: T) => string;
 }
 export declare const SelectContext: import("react").Context<SelectContextProps<any>>;
+interface SelectMultiOptionsContextProps<T> {
+    options?: T[];
+    onSelect: (value: T[]) => void;
+}
+export declare const SelectMultiOptionsContext: import("react").Context<SelectMultiOptionsContextProps<any>>;
 export {};

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

@@ -4,5 +4,9 @@ export declare const Select: {
     Popover: ({ children }: import("./Popover").SelectPopoverProps) => JSX.Element;
     Options: <T_1>({ onSelect, options, }: import("./Options").SelectOptionsProps<T_1>) => JSX.Element;
     GroupedOptions: <T_2>({ onSelect, groupedLabelExtractor, options, }: import("./GroupedOptions").SelectGroupedOptionsProps<T_2>) => JSX.Element;
-    Option: <T_3>({ onSelectOption, option, }: import("./Option").SelectOptionProps<T_3>) => JSX.Element;
+    Option: <T_3>({ onSelectOption, option, grouped, }: import("./Option").SelectOptionProps<T_3>) => JSX.Element;
+    MultiOptions: <T_4>({ onSelect, options, children, }: import("./MultiOptions").SelectMultiOptionsProps<T_4>) => JSX.Element;
+    MultiGroupedOptions: <T_5>({ onSelect, groupedLabelExtractor, options, children, }: import("./MultiGroupedOptions").SelectMultiGroupedOptionsProps<T_5>) => JSX.Element;
+    MultiOption: <T_6>({ onSelectOption, option, grouped, }: import("./MultiOption").SelectMultiOptionProps<T_6>) => JSX.Element;
+    MultiCheckAllOptions: <T_7>({ checkAllLabel, }: import("./MultiCheckAllOptions").SelectMultiCheckAllOptionsProps) => JSX.Element;
 };

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

@@ -0,0 +1 @@
+export declare const handleSelectMulti: <T>(option: T, value: T[], onSelect: (value: T[]) => void, keyExtractor: (value: T) => string) => void;

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Placement } from '@floating-ui/react';
+interface TooltipProps {
+    children: React.ReactElement;
+    text: string;
+    trigger?: 'hover' | 'click';
+    placement?: Placement;
+    width?: number;
+    height?: number;
+    style?: React.CSSProperties;
+}
+export declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;
+export default Tooltip;

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

@@ -8,14 +8,17 @@ export * from './Card';
 export * from './DatePickerInput';
 export * from './DateRangePickerInput';
 export * from './DefaultSnack';
+export * from './Divider';
 export * from './Drawer';
 export * from './GroupButton';
 export * from './Hint';
 export * from './Input';
+export * from './Menubar';
 export * from './Modal';
+export * from './Popover';
 export * from './ProgressBar';
+export * from './RadioButton';
 export * from './RangeCalendar';
-export * from './SearchInput';
 export * from './Select';
 export * from './Skeleton';
 export * from './Table';
@@ -23,3 +26,4 @@ export * from './Tag';
 export * from './TextArea';
 export * from './TimeFieldInput';
 export * from './Toggle';
+export * from './Tooltip';

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

@@ -1,4 +1,6 @@
 import { CalendarDate } from '@internationalized/date';
+import React from 'react';
 export declare const getNameInitials: (name: string) => string;
 export declare const dateToCalendarDate: (value?: Date) => CalendarDate;
 export declare const calendarDateToDate: (value: CalendarDate) => Date;
+export declare function cloneWithProps(children: React.ReactElement, triggerProps: any): React.FunctionComponentElement<any>;

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

@@ -6,3 +6,4 @@ export * from './useDateRangePickerInput';
 export * from './useDebouncedState';
 export * from './useOutsideClickListener';
 export * from './useRangeCalendar';
+export * from './useFloatingLogic';

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

@@ -0,0 +1,46 @@
+import { RefObject } from 'react';
+import { Placement } from '@floating-ui/react';
+interface FloatingLogicProps {
+    placement?: Placement;
+    trigger?: 'hover' | 'click';
+    arrowRef?: RefObject<SVGSVGElement>;
+}
+export declare const useFloatingLogic: ({ placement, trigger, arrowRef, }: FloatingLogicProps) => {
+    isOpen: boolean;
+    setIsOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    x: number;
+    y: number;
+    strategy: import("@floating-ui/utils").Strategy;
+    refs: {
+        reference: import("react").MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
+        floating: import("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>;
+    context: {
+        placement: Placement;
+        strategy: import("@floating-ui/utils").Strategy;
+        x: number;
+        y: number;
+        middlewareData: import("@floating-ui/core").MiddlewareData;
+        isPositioned: boolean;
+        update: () => void;
+        floatingStyles: import("react").CSSProperties;
+        open: boolean;
+        onOpenChange: (open: boolean, event?: Event | undefined, reason?: import("@floating-ui/react").OpenChangeReason | undefined) => void;
+        events: import("@floating-ui/react").FloatingEvents;
+        dataRef: import("react").MutableRefObject<import("@floating-ui/react").ContextData>;
+        nodeId: string | undefined;
+        floatingId: string;
+        refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+        elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    };
+    floatingStyles: import("react").CSSProperties;
+    triggerProps: {
+        onClick?: (() => void) | undefined;
+        onMouseEnter?: (() => void) | undefined;
+        onMouseLeave?: (() => void) | undefined;
+        ref: ((node: import("@floating-ui/react-dom").ReferenceType | null) => void) & ((node: import("@floating-ui/react").ReferenceType | null) => void);
+    };
+};
+export {};

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

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export declare const MenubarProvider: ({ children }: {
+    children: ReactNode;
+}) => JSX.Element;
+export declare const useMenubar: () => [
+    show: boolean,
+    setShow: (show: boolean) => void
+];

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

@@ -0,0 +1,2 @@
+export * from './MenubarProvider';
+export * from './SnackbarProvider';