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

package/dist/esm/components/Menubar/index.js

@@ -0,0 +1,31 @@
+import Root from './Root.js';
+import Left from './Left.js';
+import Search from './Search.js';
+import Right from './Right.js';
+import Dropdown from './Dropdown.js';
+import MostUsed from './MostUsed.js';
+import MostUsedItem from './MostUsedItem.js';
+import Header from './Header.js';
+import Category from './Category.js';
+import Item from './Item.js';
+import Categories from './Categories.js';
+import SubItem from './SubItem.js';
+import DropdownRoot from './DropdownRoot.js';
+
+const Menubar = {
+  Root,
+  Header,
+  HeaderLeft: Left,
+  Search,
+  HeaderRight: Right,
+  Dropdown,
+  MostUsed,
+  MostUsedItem,
+  Category,
+  Categories,
+  Item,
+  SubItem,
+  DropdownRoot
+};
+
+export { Menubar };

package/dist/esm/components/Popover/{PopoverContent.js → Content.js}

@@ -1,15 +1,18 @@
 import React from 'react';
 import clsx from 'clsx';
-import { usePopoverContext } from './PopoverContext.js';
+import { usePopoverContext } from './Context.js';
 
-const PopoverContent = ({ children, className }) => {
+const PopoverContent = ({
+  children,
+  className
+}) => {
   const { isOpen, x, y, strategy, floatingStyles, refs } = usePopoverContext();
   return /* @__PURE__ */ React.createElement(React.Fragment, null, isOpen ? /* @__PURE__ */ React.createElement(
     "div",
     {
       ref: refs.setFloating,
       className: clsx(
-        "border border-gray-200 bg-black text-white p-4 rounded-md shadow-lg z-50",
+        "border border-gray-200 bg-black  p-4 rounded-md shadow-lg z-50",
         className
       ),
       style: {
@@ -23,4 +26,4 @@ const PopoverContent = ({ children, className }) => {
   ) : /* @__PURE__ */ React.createElement(React.Fragment, null));
 };
 
-export { PopoverContent as default };
+export { PopoverContent };

package/dist/esm/components/Popover/Context.js

@@ -0,0 +1,12 @@
+import { createContext, useContext } from 'react';
+
+const Context = createContext(void 0);
+const usePopoverContext = () => {
+  const context = useContext(Context);
+  if (!context) {
+    throw new Error("usePopoverContext must be used within a PopoverProvider");
+  }
+  return context;
+};
+
+export { Context, usePopoverContext };

package/dist/esm/components/Popover/Provider.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import '@internationalized/date';
+import 'react-aria';
+import 'react-stately';
+import { useFloatingLogic } from '../../hooks/useFloatingLogic.js';
+import { Context } from './Context.js';
+
+const PopoverProvider = ({
+  children,
+  placement,
+  trigger
+}) => {
+  const floatingLogic = useFloatingLogic({ placement, trigger });
+  return /* @__PURE__ */ React.createElement(Context.Provider, { value: { ...floatingLogic } }, children);
+};
+
+export { PopoverProvider };

package/dist/esm/components/Popover/Root.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Popover } from './index.js';
+
+const PopoverRoot = ({
+  children,
+  placement,
+  trigger
+}) => {
+  return /* @__PURE__ */ React.createElement(Popover.Provider, { placement, trigger }, children);
+};
+
+export { PopoverRoot };

package/dist/esm/components/Popover/{PopoverTrigger.js → Trigger.js}

@@ -1,9 +1,9 @@
 import React from 'react';
-import { usePopoverContext } from './PopoverContext.js';
+import { usePopoverContext } from './Context.js';
 
 const PopoverTrigger = ({ children }) => {
   const { triggerProps } = usePopoverContext();
   return React.cloneElement(children, triggerProps);
 };
 
-export { PopoverTrigger as default };
+export { PopoverTrigger };

package/dist/esm/components/Popover/index.js

@@ -0,0 +1,13 @@
+import { PopoverRoot } from './Root.js';
+import { PopoverTrigger } from './Trigger.js';
+import { PopoverContent } from './Content.js';
+import { PopoverProvider } from './Provider.js';
+
+const Popover = {
+  Root: PopoverRoot,
+  Trigger: PopoverTrigger,
+  Content: PopoverContent,
+  Provider: PopoverProvider
+};
+
+export { Popover };

package/dist/esm/components/Select/Content.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import '@internationalized/date';
+import 'react-aria';
+import 'react-stately';
+import { useOutsideClickListener } from '../../hooks/useOutsideClickListener.js';
+import '@floating-ui/react';
+import { SelectContext } from './context.js';
+import { usePopoverContext } from '../Popover/Context.js';
+
+const Content = ({
+  children,
+  keyExtractor,
+  labelExtractor,
+  value
+}) => {
+  const { setIsOpen, refs } = usePopoverContext();
+  useOutsideClickListener({
+    ref: refs.domReference,
+    onClickOutside: () => setIsOpen(false)
+  });
+  return /* @__PURE__ */ React.createElement(SelectContext.Provider, { value: { value, keyExtractor, labelExtractor } }, /* @__PURE__ */ React.createElement("div", { className: "w-full relative bg-white" }, children));
+};
+
+export { Content as default };

package/dist/esm/components/Select/GroupedOptions.js

@@ -2,6 +2,7 @@ import { selectVariants } from '@tecsinapse/cortex-core';
 import React, { useContext, useCallback } from 'react';
 import { Select } from './index.js';
 import { SelectContext } from './context.js';
+import { usePopoverContext } from '../Popover/Context.js';
 
 const { groupedTitle, containerGrouped } = selectVariants();
 const SelectGroupedOptions = ({
@@ -9,11 +10,12 @@ const SelectGroupedOptions = ({
   groupedLabelExtractor,
   options
 }) => {
-  const { setOpen, keyExtractor } = useContext(SelectContext);
+  const { keyExtractor } = useContext(SelectContext);
+  const { setIsOpen } = usePopoverContext();
   const handleSelect = useCallback(
     (option) => {
       onSelect(option);
-      setOpen?.(false);
+      setIsOpen?.(false);
     },
     [onSelect]
   );

package/dist/esm/components/Select/Options.js

@@ -1,16 +1,18 @@
 import React, { useContext, useCallback } from 'react';
-import { Select } from './index.js';
 import { SelectContext } from './context.js';
+import { Select } from './index.js';
+import { usePopoverContext } from '../Popover/Context.js';
 
 const SelectOptions = ({
   onSelect,
   options
 }) => {
-  const { setOpen, keyExtractor } = useContext(SelectContext);
+  const { keyExtractor } = useContext(SelectContext);
+  const { setIsOpen } = usePopoverContext();
   const handleSelect = useCallback(
     (option) => {
       onSelect(option);
-      setOpen?.(false);
+      setIsOpen?.(false);
     },
     [onSelect]
   );

package/dist/esm/components/Select/Popover.js

@@ -1,11 +1,8 @@
-import { selectVariants } from '@tecsinapse/cortex-core';
-import React, { useContext } from 'react';
-import { SelectContext } from './context.js';
+import React from 'react';
+import { Popover } from '../Popover/index.js';
 
-const { dropdown } = selectVariants();
 const SelectPopover = ({ children }) => {
-  const { open } = useContext(SelectContext);
-  return /* @__PURE__ */ React.createElement("div", { className: dropdown({ open }), "data-testid": "select-popover" }, children);
+  return /* @__PURE__ */ React.createElement(Popover.Content, { className: "bg-white max-h-[30vh] w-full overflow-y-scroll" }, children);
 };
 
 export { SelectPopover };

package/dist/esm/components/Select/Root.js

@@ -1,10 +1,6 @@
-import React, { useState, useRef } from 'react';
-import '@internationalized/date';
-import 'react-aria';
-import 'react-stately';
-import { useOutsideClickListener } from '../../hooks/useOutsideClickListener.js';
-import '@floating-ui/react';
-import { SelectContext } from './context.js';
+import React from 'react';
+import Content from './Content.js';
+import { Popover } from '../Popover/index.js';
 
 const SelectRoot = ({
   children,
@@ -12,19 +8,15 @@ const SelectRoot = ({
   keyExtractor,
   labelExtractor
 }) => {
-  const [open, setOpen] = useState(false);
-  const ref = useRef(null);
-  useOutsideClickListener({
-    ref,
-    onClickOutside: () => setOpen?.(false)
-  });
-  return /* @__PURE__ */ React.createElement(
-    SelectContext.Provider,
+  return /* @__PURE__ */ React.createElement(Popover.Provider, null, /* @__PURE__ */ React.createElement(Popover.Root, { placement: "bottom", trigger: "click" }, /* @__PURE__ */ React.createElement(
+    Content,
     {
-      value: { value, open, setOpen, keyExtractor, labelExtractor }
+      keyExtractor,
+      labelExtractor,
+      value
     },
-    /* @__PURE__ */ React.createElement("div", { className: "w-full relative bg-white", ref }, children)
-  );
+    children
+  )));
 };
 
 export { SelectRoot };

package/dist/esm/components/Select/Trigger.js

@@ -2,25 +2,25 @@ import { selectVariants } from '@tecsinapse/cortex-core';
 import React, { useContext, useMemo } from 'react';
 import { IoChevronDownOutline } from 'react-icons/io5';
 import { SelectContext } from './context.js';
+import { Popover } from '../Popover/index.js';
 
 const { button } = selectVariants();
 const SelectTrigger = ({ label, disabled }) => {
-  const { value, setOpen, labelExtractor, open } = useContext(SelectContext);
+  const { value, labelExtractor } = useContext(SelectContext);
   const placeholder = useMemo(
     () => value ? labelExtractor(value) : label,
     [label, value]
   );
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(Popover.Trigger, null, /* @__PURE__ */ React.createElement(
     "button",
     {
       className: button({ disabled }),
-      onClick: () => setOpen?.(!open),
       disabled,
       role: "button"
     },
     /* @__PURE__ */ React.createElement("span", { "data-testid": "select-placeholder" }, placeholder),
     /* @__PURE__ */ React.createElement(IoChevronDownOutline, null)
-  );
+  ));
 };
 
 export { SelectTrigger };

package/dist/esm/hooks/useOutsideClickListener.js

@@ -6,7 +6,9 @@ const useOutsideClickListener = ({
 }) => {
   const handleClickOutside = useCallback((event) => {
     if (ref.current && !ref.current.contains(event.target)) {
-      onClickOutside?.();
+      setTimeout(() => {
+        onClickOutside?.();
+      }, 10);
     }
   }, []);
   useEffect(() => {

package/dist/esm/index.js

@@ -23,7 +23,8 @@ export { TextArea } from './components/TextArea.js';
 export { TimeFieldInput } from './components/TimeFieldInput.js';
 export { Toggle } from './components/Toggle.js';
 import './components/Tooltip.js';
-export { Popover } from './components/Popover/Popover.js';
+export { Popover } from './components/Popover/index.js';
+export { Menubar } from './components/Menubar/index.js';
 export { useCalendar } from './hooks/useCalendar.js';
 export { useCalendarCell } from './hooks/useCalendarCell.js';
 export { useCalendarGrid } from './hooks/useCalendarGrid.js';

package/dist/esm/provider/MenubarProvider.js

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

package/dist/esm/provider/SnackbarProvider.js

@@ -0,0 +1,49 @@
+import { createContext } from 'react';
+import 'sonner';
+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 '@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/Right.js';
+import '../components/Input/Root.js';
+import '../components/Input/Search.js';
+import 'react-icons/io';
+import '../components/GroupButton.js';
+import '../components/Hint.js';
+import '../components/Modal.js';
+import '../styles/calendar-cell.js';
+import '../styles/groupButton.js';
+import '../styles/progressBar.js';
+import '../components/Select/GroupedOptions.js';
+import '../components/Select/context.js';
+import '../components/Popover/Context.js';
+import '../components/Select/Trigger.js';
+import '../components/Tag.js';
+import '../components/TextArea.js';
+import '../components/Toggle.js';
+import '../components/Tooltip.js';
+import './MenubarProvider.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';
+
+createContext(null);

package/dist/esm/service/SnackbarSonner.js

@@ -29,13 +29,23 @@ import '../styles/groupButton.js';
 import '../styles/progressBar.js';
 import '../components/Select/GroupedOptions.js';
 import '../components/Select/context.js';
-import '../components/Select/Popover.js';
+import '../components/Popover/Context.js';
 import '../components/Select/Trigger.js';
 import '../components/Tag.js';
 import '../components/TextArea.js';
 import '../components/Toggle.js';
 import '../components/Tooltip.js';
-import '../components/Popover/PopoverContext.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';
 
 class SnackbarSonner {
   custom(Component, options) {

package/dist/esm/styles/menubar.js

@@ -0,0 +1,54 @@
+import { tv } from 'tailwind-variants';
+
+const menubar = tv({
+  slots: {
+    root: "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 pt-kilo pb-mega shadow-default px-[8vw] z-[100]"
+  }
+});
+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"
+    }
+  }
+});
+
+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/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;
+}