@tecsinapse/cortex-react 1.3.0-beta.3 → 1.3.0-beta.31

package/dist/esm/hooks/useSelectGroupedOptions.js

@@ -0,0 +1,33 @@
+import { useState, useEffect } from 'react';
+
+const useSelectGroupedOptions = ({
+  options: _options
+}) => {
+  const [options, setOptions] = useState();
+  const [isLoading, setIsLoading] = useState();
+  const [error, setError] = useState();
+  const initData = async (fetch) => {
+    setIsLoading(true);
+    try {
+      const result = await fetch();
+      if (result) {
+        setOptions(result ?? []);
+      }
+    } catch (e) {
+      setError(String(e));
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  useEffect(() => {
+    if (typeof _options === "function") initData(_options);
+    else setOptions(_options);
+  }, [_options]);
+  return {
+    isLoading,
+    options,
+    error
+  };
+};
+
+export { useSelectGroupedOptions };

package/dist/esm/hooks/useSelectOptions.js

@@ -0,0 +1,33 @@
+import { useState, useCallback, useEffect } from 'react';
+
+const useSelectOptions = ({
+  options: _options
+}) => {
+  const [options, setOptions] = useState();
+  const [isLoading, setIsLoading] = useState();
+  const [error, setError] = useState();
+  const initData = useCallback(async (fetch) => {
+    setIsLoading(true);
+    try {
+      const result = await fetch();
+      if (result) {
+        setOptions(result ?? []);
+      }
+    } catch (e) {
+      setError(String(e));
+    } finally {
+      setIsLoading(false);
+    }
+  }, []);
+  useEffect(() => {
+    if (typeof _options === "function") initData(_options);
+    else setOptions(_options);
+  }, [_options]);
+  return {
+    isLoading,
+    options,
+    error
+  };
+};
+
+export { useSelectOptions };

package/dist/esm/hooks/useTimeField.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { useLocale, useTimeField as useTimeField$1 } from 'react-aria';
 import { useTimeFieldState } from 'react-stately';
 import { Time } from '@internationalized/date';
@@ -11,7 +11,7 @@ const useTimeField = (props) => {
     onChange: (timeValue) => onChange({ hour: timeValue.hour, minute: timeValue.minute }),
     locale
   });
-  const ref = React.useRef(null);
+  const ref = React__default.useRef(null);
   const { fieldProps } = useTimeField$1(
     {
       "aria-label": "time-field",

package/dist/esm/index.js

@@ -1,36 +1,49 @@
 export { Avatar } from './components/Avatar.js';
 export { Badge, BadgeAnchor } from './components/Badge.js';
-export { BaseSnackbar } from './components/BaseSnackbar.js';
-export { Breadcrumbs } from './components/Breadcrumbs.js';
+export { BreadcrumbItem } from './components/Breadcrumbs/BreadcrumbItem.js';
+export { Breadcrumbs } from './components/Breadcrumbs/Breadcrumbs.js';
 export { Button } from './components/Button.js';
-export { Calendar } from './components/Calendar.js';
+export { Calendar } from './components/Calendar/Calendar.js';
+export { RangeCalendar } from './components/Calendar/RangeCalendar.js';
 export { Card } from './components/Card.js';
-export { DatePickerInput } from './components/DatePickerInput.js';
-export { DateRangePickerInput } from './components/DateRangePickerInput.js';
-export { DefaultSnack } from './components/DefaultSnack.js';
+export { DateField } from './components/DatePicker/DateField.js';
+export { DatePickerInput } from './components/DatePicker/DatePickerInput.js';
+export { DatePickerInputBase } from './components/DatePicker/DatePickerInputBase.js';
+export { DateRangePickerInput } from './components/DatePicker/DateRangePickerInput.js';
+export { DateSegment } from './components/DatePicker/DateSegment.js';
+export { Divider } from './components/Divider.js';
 export { Drawer } from './components/Drawer.js';
 export { GroupButton } from './components/GroupButton.js';
 export { Hint } from './components/Hint.js';
 export { Input } from './components/Input/index.js';
+export { Menubar } from './components/Menubar/index.js';
 export { Modal } from './components/Modal.js';
+export { Popover } from './components/Popover/index.js';
 export { ProgressBar } from './components/ProgressBar.js';
-export { RangeCalendar } from './components/RangeCalendar.js';
+export { RadioButton } from './components/RadioButton.js';
 export { Select } from './components/Select/index.js';
 export { Skeleton } from './components/Skeleton.js';
+export { BaseSnackbar } from './components/Snackbar/BaseSnackbar.js';
+export { DefaultSnack } from './components/Snackbar/DefaultSnack.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.js';
-export { TimeFieldInput } from './components/TimeFieldInput.js';
+export { TextArea } from './components/TextArea/index.js';
+export { TimeField } from './components/TimeField/TimeField.js';
+export { TimeFieldInput } from './components/TimeField/TimeFieldInput.js';
 export { Toggle } from './components/Toggle.js';
-import './components/Tooltip.js';
-export { Popover } from './components/Popover/Popover.js';
+export { Tooltip } from './components/Tooltip.js';
 export { useCalendar } from './hooks/useCalendar.js';
 export { useCalendarCell } from './hooks/useCalendarCell.js';
 export { useCalendarGrid } from './hooks/useCalendarGrid.js';
 export { useDatePickerInput } from './hooks/useDatePickerInput.js';
 export { useDateRangePickerInput } from './hooks/useDateRangePickerInput.js';
 export { useDebouncedState } from './hooks/useDebouncedState.js';
+export { useFloatingLogic } from './hooks/useFloatingLogic.js';
 export { useOutsideClickListener } from './hooks/useOutsideClickListener.js';
 export { useRangeCalendar } from './hooks/useRangeCalendar.js';
-export { useFloatingLogic } from './hooks/useFloatingLogic.js';
+export { useSelectGroupedOptions } from './hooks/useSelectGroupedOptions.js';
+export { useSelectOptions } from './hooks/useSelectOptions.js';
 export { SnackbarSonner } from './service/SnackbarSonner.js';
+export { MenubarProvider, useMenubar } from './provider/MenubarProvider.js';
+export { SnackbarProvider, useSnackbar } from './provider/SnackbarProvider.js';
+export { CurrencyIMask, ExpressionMasks, NumberIMask, PercentageIMask } from './components/Input/masks.js';

package/dist/esm/provider/MenubarProvider.js

@@ -0,0 +1,19 @@
+import React__default, { createContext, useContext } from 'react';
+
+const MenubarContext = createContext({
+  show: false,
+  setShow: () => void 0
+});
+const MenubarProvider = ({ children }) => {
+  const [show, setShow] = React__default.useState(false);
+  return /* @__PURE__ */ React__default.createElement(MenubarContext.Provider, { value: { show, setShow } }, children);
+};
+const useMenubar = () => {
+  const context = useContext(MenubarContext);
+  if (!context) {
+    throw new Error("useMenubar must be used within a MenubarProvider");
+  }
+  return [context.show, context.setShow];
+};
+
+export { MenubarProvider, useMenubar };

package/dist/esm/provider/SnackbarProvider.js

@@ -0,0 +1,18 @@
+import React__default, { createContext, useContext } from 'react';
+import { SnackbarSonner } from '../service/SnackbarSonner.js';
+import { Toaster } from 'sonner';
+
+const SnackbarContext = createContext(null);
+const SnackbarProvider = ({ children }) => {
+  const snackbar = new SnackbarSonner();
+  return /* @__PURE__ */ React__default.createElement(SnackbarContext.Provider, { value: { snackbar } }, children, /* @__PURE__ */ React__default.createElement(Toaster, null));
+};
+const useSnackbar = () => {
+  const context = useContext(SnackbarContext);
+  if (!context) {
+    throw new Error("useSnackbar must be used within a SnackbarProvider");
+  }
+  return context;
+};
+
+export { SnackbarProvider, useSnackbar };

package/dist/esm/service/SnackbarSonner.js

@@ -1,41 +1,60 @@
 import { toast } from 'sonner';
-import React from 'react';
+import React__default from 'react';
 import 'clsx';
 import '@internationalized/date';
 import '../components/Badge.js';
-import '../components/BaseSnackbar.js';
 import 'react-icons/md';
 import '../components/Card.js';
 import '../components/Button.js';
 import 'react-aria';
 import 'react-stately';
 import '@floating-ui/react';
-import '../components/CalendarCell.js';
+import '../components/Calendar/CalendarCell.js';
 import '@tecsinapse/cortex-core';
 import 'react-icons/fa';
 import 'react-icons/lia';
 import '../components/Input/Box.js';
 import '../components/Input/Face.js';
 import '../components/Input/Left.js';
+import '../components/Input/Mask.js';
 import '../components/Input/Right.js';
 import '../components/Input/Root.js';
 import '../components/Input/Search.js';
-import { DefaultSnack } from '../components/DefaultSnack.js';
+import '../components/Popover/Context.js';
 import '../components/GroupButton.js';
 import '../components/Hint.js';
+import '../provider/MenubarProvider.js';
+import '../provider/SnackbarProvider.js';
+import '../components/Menubar/Left.js';
+import '../styles/menubar.js';
+import '../components/Menubar/Right.js';
+import '../components/Menubar/Dropdown.js';
+import '../components/Menubar/MostUsed.js';
+import '../components/Menubar/MostUsedItem.js';
+import '../components/Menubar/Header.js';
+import '../components/Menubar/Item.js';
+import '../components/Menubar/SubItem.js';
 import '../components/Modal.js';
 import '../styles/calendar-cell.js';
 import '../styles/groupButton.js';
 import '../styles/progressBar.js';
+import '../components/RadioButton.js';
 import '../components/Select/GroupedOptions.js';
 import '../components/Select/context.js';
-import '../components/Select/Popover.js';
+import '../components/Select/MultiGroupedOptions.js';
+import '../components/Select/MultiOptions.js';
+import '../components/Select/Options.js';
 import '../components/Select/Trigger.js';
+import '../components/Snackbar/BaseSnackbar.js';
+import { DefaultSnack } from '../components/Snackbar/DefaultSnack.js';
 import '../components/Tag.js';
-import '../components/TextArea.js';
+import '../components/TextArea/Box.js';
+import '../components/TextArea/Face.js';
+import '../components/TextArea/Left.js';
+import '../components/TextArea/Right.js';
+import '../components/TextArea/Root.js';
 import '../components/Toggle.js';
 import '../components/Tooltip.js';
-import '../components/Popover/PopoverContext.js';
 
 class SnackbarSonner {
   custom(Component, options) {
@@ -47,7 +66,7 @@ class SnackbarSonner {
   show(type, message, options) {
     return toast.custom(
       (t) => {
-        return /* @__PURE__ */ React.createElement(
+        return /* @__PURE__ */ React__default.createElement(
           DefaultSnack,
           {
             text: message,

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/Avatar.d.ts

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

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

@@ -1,12 +1,11 @@
-import React from 'react';
 import { BadgeVariants } from '@tecsinapse/cortex-core';
-interface BadgeProps {
+import * as React from 'react';
+export interface BadgeProps {
     value: string | number;
     variants?: BadgeVariants;
 }
-interface BadgeAnchorProps extends BadgeProps {
-    children: JSX.Element;
+export interface BadgeAnchorProps extends BadgeProps {
+    children: React.ReactNode;
 }
 export declare const Badge: React.ForwardRefExoticComponent<Omit<BadgeProps & Omit<React.HTMLProps<HTMLDivElement>, "className">, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare const BadgeAnchor: React.ForwardRefExoticComponent<Omit<BadgeAnchorProps & Omit<React.HTMLProps<HTMLDivElement>, "className">, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export {};

package/dist/types/components/{BreadcrumbItem.d.ts → Breadcrumbs/BreadcrumbItem.d.ts}

@@ -1,4 +1,9 @@
-import { BreadcrumbType } from '../components';
+import { ElementType } from 'react';
+export interface BreadcrumbType {
+    title: string;
+    Component: ElementType;
+    componentProps?: any;
+}
 export interface BreadcrumbItemProps extends BreadcrumbType {
     isLast: boolean;
 }

package/dist/types/components/{Breadcrumbs.d.ts → Breadcrumbs/Breadcrumbs.d.ts}

@@ -1,9 +1,5 @@
-import React, { ElementType } from 'react';
-export interface BreadcrumbType {
-    title: string;
-    Component: ElementType;
-    componentProps?: any;
-}
+import React from 'react';
+import { BreadcrumbType } from './BreadcrumbItem';
 export interface BreadcrumbsProps extends React.HTMLAttributes<HTMLDivElement> {
     breadcrumbs: BreadcrumbType[];
 }

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

@@ -0,0 +1,2 @@
+export * from './BreadcrumbItem';
+export * from './Breadcrumbs';

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

@@ -1,8 +1,7 @@
-import React from 'react';
 import { ButtonVariants } from '@tecsinapse/cortex-core';
-interface ButtonProps {
+import React from 'react';
+export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'className'> {
     variants?: ButtonVariants;
     children?: React.ReactNode;
 }
 export declare const Button: React.ForwardRefExoticComponent<ButtonProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "className"> & React.RefAttributes<HTMLButtonElement>>;
-export {};

package/dist/types/components/{RangeCalendar.d.ts → Calendar/RangeCalendar.d.ts}

@@ -2,9 +2,8 @@ export type DateRange = {
     start: Date;
     end: Date;
 };
-interface RangeCalendarProps {
+export interface RangeCalendarProps {
     value?: DateRange;
     onChange: (value: DateRange) => void;
 }
 export declare const RangeCalendar: ({ value, onChange }: RangeCalendarProps) => JSX.Element;
-export {};

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

@@ -0,0 +1,2 @@
+export * from './Calendar';
+export * from './RangeCalendar';

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/DatePicker/Content.d.ts

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

package/dist/types/components/{DatePickerInput.d.ts → DatePicker/DatePickerInput.d.ts}

@@ -1,4 +1,4 @@
-import { InputPropsBase } from './Input';
+import { InputPropsBase } from '../Input';
 export interface DatePickerInputProps extends InputPropsBase {
     value?: Date;
     onChange: (date: Date) => void;

package/dist/types/components/{DatePickerInputBase.d.ts → DatePicker/DatePickerInputBase.d.ts}

@@ -1,8 +1,7 @@
 import React from 'react';
-import { InputPropsBase } from './Input';
+import { InputPropsBase } from '../Input';
 interface DatePickerInputBaseProps extends InputPropsBase {
-    onClickCalendar: () => void;
     children: React.ReactElement;
 }
-export declare const DatePickerInputBase: ({ children, variants, label, onClickCalendar, }: DatePickerInputBaseProps) => JSX.Element;
+export declare const DatePickerInputBase: ({ children, variants, label, }: DatePickerInputBaseProps) => JSX.Element;
 export {};

package/dist/types/components/{DateRangePickerInput.d.ts → DatePicker/DateRangePickerInput.d.ts}

@@ -1,5 +1,5 @@
-import { InputPropsBase } from './Input';
-import { DateRange } from './RangeCalendar';
+import { DateRange } from '../Calendar/RangeCalendar';
+import { InputPropsBase } from '../Input';
 export interface DateRangePickerInputProps extends InputPropsBase {
     value?: DateRange;
     onChange: (date: DateRange) => void;

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

@@ -0,0 +1,5 @@
+export * from './DateField';
+export * from './DatePickerInput';
+export * from './DatePickerInputBase';
+export * from './DateRangePickerInput';
+export * from './DateSegment';

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/Drawer.d.ts

@@ -1,9 +1,8 @@
 import React from 'react';
-interface DrawerProps {
+export interface DrawerProps {
     open: boolean;
     onClose: () => void;
     position?: 'left' | 'right';
     children?: React.ReactNode;
 }
 export declare const Drawer: ({ children, onClose, open, position, }: DrawerProps) => JSX.Element;
-export {};

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

@@ -1,14 +1,7 @@
-import React from 'react';
 import { HintVariants } from '@tecsinapse/cortex-core';
-interface HintProps {
-    children?: never;
-    description: string;
-    variants?: HintVariants;
-}
-interface HintPropsWithChildrenProps {
-    children: JSX.Element;
-    description?: never;
+import React from 'react';
+export interface HintProps {
+    children: React.ReactNode;
     variants?: HintVariants;
 }
-export declare const Hint: React.ForwardRefExoticComponent<(Omit<HintProps & Omit<React.HTMLProps<HTMLDivElement>, "className">, "ref"> | Omit<HintPropsWithChildrenProps & Omit<React.HTMLProps<HTMLDivElement>, "className">, "ref">) & React.RefAttributes<HTMLDivElement>>;
-export {};
+export declare const Hint: React.ForwardRefExoticComponent<Omit<HintProps & Omit<React.HTMLProps<HTMLDivElement>, "className">, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

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

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

@@ -5,5 +5,7 @@ export declare const Input: {
     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>>;
+    Mask: import("react").ForwardRefExoticComponent<import("./types").InputMaskProps & import("react").RefAttributes<HTMLInputElement>>;
 };
+export * from './masks';
 export * from './types';

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

@@ -0,0 +1,39 @@
+export declare const ExpressionMasks: {
+    CPF: string;
+    CNPJ: string;
+    PHONE: string;
+    PHONE_EXTENDED: string;
+    DATE: string;
+    CEP: string;
+};
+export declare const NumberIMask: {
+    mask: NumberConstructor;
+    scale: number;
+};
+export declare const CurrencyIMask: {
+    mask: string;
+    blocks: {
+        num: {
+            mask: NumberConstructor;
+            scale: number;
+            thousandsSeparator: string;
+            padFractionalZeros: boolean;
+            radix: string;
+            mapToRadix: string[];
+        };
+    };
+};
+export declare const PercentageIMask: {
+    mask: string;
+    lazy: boolean;
+    blocks: {
+        num: {
+            mask: NumberConstructor;
+            scale: number;
+            thousandsSeparator: string;
+            padFractionalZeros: boolean;
+            radix: string;
+            mapToRadix: string[];
+        };
+    };
+};

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

@@ -18,3 +18,14 @@ export interface InputRightProps extends React.HTMLAttributes<HTMLDivElement> {
 export interface InputSearchProps extends InputProps {
     bounceTimeout?: number;
 }
+export type InputMaskEvent = {
+    value: string;
+    unmaskedValue: string;
+};
+export interface Mask extends Record<string, any> {
+    mask: any;
+}
+export interface InputMaskProps extends Omit<InputProps, 'onChange'> {
+    onChange?: (e: InputMaskEvent) => void;
+    mask: Mask;
+}

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;