@economic/taco 2.49.0-server.4 → 2.49.1

package/dist/esm/packages/taco/src/components/Menu/components/Header.js

@@ -3,9 +3,9 @@ import cn from 'clsx';
 import { useCurrentMenu } from '../Context.js';
 import { Label } from '@radix-ui/react-dropdown-menu';
 
-var Header = /*#__PURE__*/forwardRef(function MenuHeader(props, ref) {
-  var menu = useCurrentMenu();
-  var className = cn('flex items-center justify-start h-7 pr-1.5 text-xs text-grey-700', {
+const Header = /*#__PURE__*/forwardRef(function MenuHeader(props, ref) {
+  const menu = useCurrentMenu();
+  const className = cn('flex items-center justify-start h-7 pr-1.5 text-xs text-grey-700', {
     'pl-7': menu === null || menu === void 0 ? void 0 : menu.indented,
     'pl-1.5': !(menu !== null && menu !== void 0 && menu.indented)
   }, props.className);

package/dist/esm/packages/taco/src/components/Menu/components/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../../../../../../src/components/Menu/components/Header.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport cn from 'clsx';\nimport { useCurrentMenu } from '../Context';\n\nexport type MenuHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Header = React.forwardRef<HTMLDivElement, MenuHeaderProps>(function MenuHeader(props, ref) {\n    const menu = useCurrentMenu();\n    const className = cn(\n        'flex items-center justify-start h-7 pr-1.5 text-xs text-grey-700',\n        {\n            'pl-7': menu?.indented,\n            'pl-1.5': !menu?.indented,\n        },\n        props.className\n    );\n\n    return <DropdownMenuPrimitive.Label {...props} className={className} ref={ref} />;\n});\n"],"names":["Header","React","MenuHeader","props","ref","menu","useCurrentMenu","className","cn","indented","DropdownMenuPrimitive"],"mappings":";;;;;IAOaA,MAAM,gBAAGC,UAAgB,CAAkC,SAASC,UAAUA,CAACC,KAAK,EAAEC,GAAG;EAClG,IAAMC,IAAI,GAAGC,cAAc,EAAE;EAC7B,IAAMC,SAAS,GAAGC,EAAE,CAChB,kEAAkE,EAClE;IACI,MAAM,EAAEH,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEI,QAAQ;IACtB,QAAQ,EAAE,EAACJ,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEI,QAAQ;GAC5B,EACDN,KAAK,CAACI,SAAS,CAClB;EAED,oBAAON,cAACS,KAA2B,oBAAKP,KAAK;IAAEI,SAAS,EAAEA,SAAS;IAAEH,GAAG,EAAEA;KAAO;AACrF,CAAC;;;;"}
+{"version":3,"file":"Header.js","sources":["../../../../../../../../src/components/Menu/components/Header.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport cn from 'clsx';\nimport { useCurrentMenu } from '../Context';\n\nexport type MenuHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Header = React.forwardRef<HTMLDivElement, MenuHeaderProps>(function MenuHeader(props, ref) {\n    const menu = useCurrentMenu();\n    const className = cn(\n        'flex items-center justify-start h-7 pr-1.5 text-xs text-grey-700',\n        {\n            'pl-7': menu?.indented,\n            'pl-1.5': !menu?.indented,\n        },\n        props.className\n    );\n\n    return <DropdownMenuPrimitive.Label {...props} className={className} ref={ref} />;\n});\n"],"names":["Header","React","MenuHeader","props","ref","menu","useCurrentMenu","className","cn","indented","DropdownMenuPrimitive"],"mappings":";;;;;MAOaA,MAAM,gBAAGC,UAAgB,CAAkC,SAASC,UAAUA,CAACC,KAAK,EAAEC,GAAG;EAClG,MAAMC,IAAI,GAAGC,cAAc,EAAE;EAC7B,MAAMC,SAAS,GAAGC,EAAE,CAChB,kEAAkE,EAClE;IACI,MAAM,EAAEH,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEI,QAAQ;IACtB,QAAQ,EAAE,EAACJ,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEI,QAAQ;GAC5B,EACDN,KAAK,CAACI,SAAS,CAClB;EAED,oBAAON,cAACS,KAA2B,oBAAKP,KAAK;IAAEI,SAAS,EAAEA,SAAS;IAAEH,GAAG,EAAEA;KAAO;AACrF,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Menu/components/Item.js

@@ -1,27 +1,25 @@
 import { forwardRef, createElement, useEffect } from 'react';
 import cn from 'clsx';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Icon as Icon$1 } from '../../Icon/Icon.js';
 import { useCurrentMenu } from '../Context.js';
 import { Sub, SubTrigger, Item as Item$1 } from '@radix-ui/react-dropdown-menu';
 import { Shortcut } from '../../Shortcut/Shortcut.js';
 
-var _excluded = ["dialog", "icon", "onClick", "popover", "shortcut", "subMenu"];
-var Icon = function Icon(_ref) {
-  var name = _ref.name;
-  return /*#__PURE__*/createElement("span", {
-    className: "absolute left-0 ml-1"
-  }, /*#__PURE__*/createElement(Icon$1, {
-    className: "-ml-px -mt-px !h-5 !w-5",
-    name: name
-  }));
-};
-var useItemStyling = function useItemStyling(_ref2) {
-  var disabled = _ref2.disabled,
-    indented = _ref2.indented,
-    className = _ref2.className;
-  var menu = useCurrentMenu();
-  useEffect(function () {
+const Icon = ({
+  name
+}) => (/*#__PURE__*/createElement("span", {
+  className: "absolute left-0 ml-1"
+}, /*#__PURE__*/createElement(Icon$1, {
+  className: "-ml-px -mt-px !h-5 !w-5",
+  name: name
+})));
+const useItemStyling = ({
+  disabled,
+  indented,
+  className
+}) => {
+  const menu = useCurrentMenu();
+  useEffect(() => {
     if (indented && !(menu !== null && menu !== void 0 && menu.indented)) {
       menu === null || menu === void 0 ? void 0 : menu.registerIndentation();
     }
@@ -33,26 +31,28 @@ var useItemStyling = function useItemStyling(_ref2) {
     'cursor-not-allowed hover:bg-white text-grey-300': disabled
   }, className);
 };
-var Item = /*#__PURE__*/forwardRef(function MenuItem(props, ref) {
+const Item = /*#__PURE__*/forwardRef(function MenuItem(props, ref) {
   var _props$disabled;
-  var dialog = props.dialog,
-    icon = props.icon,
-    onClick = props.onClick,
-    popover = props.popover,
-    shortcut = props.shortcut,
-    subMenu = props.subMenu,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-  var menu = useCurrentMenu();
-  var className = useItemStyling({
+  const {
+    dialog,
+    icon,
+    onClick,
+    popover,
+    shortcut,
+    subMenu,
+    ...otherProps
+  } = props;
+  const menu = useCurrentMenu();
+  const className = useItemStyling({
     disabled: props.disabled,
     indented: !!icon,
     className: props.className
   });
-  var disabled = (_props$disabled = props.disabled) !== null && _props$disabled !== void 0 ? _props$disabled : props['aria-disabled'];
-  var handleClick;
+  const disabled = (_props$disabled = props.disabled) !== null && _props$disabled !== void 0 ? _props$disabled : props['aria-disabled'];
+  let handleClick;
   // radix has a bug that does not disable clicks when disabled is set on items
   if (disabled) {
-    handleClick = function handleClick(event) {
+    handleClick = event => {
       event.preventDefault();
       event.stopPropagation();
     };
@@ -69,7 +69,7 @@ var Item = /*#__PURE__*/forwardRef(function MenuItem(props, ref) {
       name: "chevron-right"
     })), subMenu());
   }
-  var handleSelect = function handleSelect(event) {
+  const handleSelect = event => {
     if (onClick) {
       onClick(event);
     }
@@ -77,7 +77,7 @@ var Item = /*#__PURE__*/forwardRef(function MenuItem(props, ref) {
       event.preventDefault();
     }
   };
-  var button = /*#__PURE__*/createElement(Item$1, Object.assign({}, otherProps, {
+  let button = /*#__PURE__*/createElement(Item$1, Object.assign({}, otherProps, {
     className: className,
     onClick: handleClick,
     onSelect: handleSelect,

package/dist/esm/packages/taco/src/components/Menu/components/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sources":["../../../../../../../../src/components/Menu/components/Item.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport cn from 'clsx';\nimport { IconName } from '../../Icon/Icon';\nimport { Icon as IconPrimitive } from '../../Icon/Icon';\nimport { useCurrentMenu } from '../Context';\nimport { DialogProps } from '../../Dialog/Dialog';\nimport { Shortcut } from '../../Shortcut/Shortcut';\nimport { PopoverProps } from '../../Popover/Popover';\nimport { KeyDownHandlerOptions } from '../../../utils/keyboard';\n\nexport const Icon = ({ name }) => (\n    <span className=\"absolute left-0 ml-1\">\n        <IconPrimitive className=\"-ml-px -mt-px !h-5 !w-5\" name={name} />\n    </span>\n);\n\nexport const useItemStyling = ({ disabled, indented, className }) => {\n    const menu = useCurrentMenu();\n\n    React.useEffect(() => {\n        if (indented && !menu?.indented) {\n            menu?.registerIndentation();\n        }\n    }, [indented]);\n\n    return cn(\n        'flex items-center justify-start h-8 pr-1.5 relative rounded w-full focus:outline-none group',\n        {\n            'pl-7': menu?.indented,\n            'pl-1.5': !menu?.indented,\n            'cursor-pointer text-black hover:wcag-grey-200 data-[highlighted]:wcag-grey-200': !disabled,\n            'cursor-not-allowed hover:bg-white text-grey-300': disabled,\n        },\n        className\n    );\n};\n\nexport type MenuItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {\n    dialog?: (props: Partial<DialogProps>) => JSX.Element;\n    disabled?: boolean;\n    icon?: IconName;\n    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n    popover?: (props: Partial<PopoverProps>) => JSX.Element;\n    shortcut?: string | KeyDownHandlerOptions;\n    subMenu?: any;\n};\n\nexport const Item = React.forwardRef(function MenuItem(props: MenuItemProps, ref: React.Ref<HTMLDivElement>) {\n    const { dialog, icon, onClick, popover, shortcut, subMenu, ...otherProps } = props;\n    const menu = useCurrentMenu();\n    const className = useItemStyling({\n        disabled: props.disabled,\n        indented: !!icon,\n        className: props.className,\n    });\n\n    const disabled = props.disabled ?? props['aria-disabled'];\n\n    let handleClick;\n\n    // radix has a bug that does not disable clicks when disabled is set on items\n    if (disabled) {\n        handleClick = event => {\n            event.preventDefault();\n            event.stopPropagation();\n        };\n    }\n\n    if (subMenu) {\n        return (\n            <DropdownMenuPrimitive.Sub>\n                <DropdownMenuPrimitive.SubTrigger {...otherProps} className={className} onClick={handleClick} ref={ref}>\n                    {icon ? <Icon name={icon} /> : null}\n                    {props.children}\n                    <IconPrimitive className=\"-mr-1.5 ml-auto !h-5 !w-5\" name=\"chevron-right\" />\n                </DropdownMenuPrimitive.SubTrigger>\n                {subMenu()}\n            </DropdownMenuPrimitive.Sub>\n        );\n    }\n\n    const handleSelect = event => {\n        if (onClick) {\n            onClick(event);\n        }\n\n        if (props['aria-haspopup'] || typeof dialog === 'function' || typeof popover === 'function') {\n            event.preventDefault();\n        }\n    };\n\n    let button = (\n        <DropdownMenuPrimitive.Item {...otherProps} className={className} onClick={handleClick} onSelect={handleSelect} ref={ref}>\n            {icon ? <Icon name={icon} /> : null}\n            {props.children}\n            {shortcut ? (\n                <span className=\"ml-auto pl-5\">\n                    <Shortcut keys={shortcut} className=\"text-grey-700\" />\n                </span>\n            ) : null}\n        </DropdownMenuPrimitive.Item>\n    );\n\n    if (typeof dialog === 'function') {\n        button = dialog({ trigger: button, onClose: menu?.close });\n    } else if (typeof popover === 'function') {\n        button = popover({ trigger: button });\n    }\n\n    return button;\n});\n"],"names":["Icon","_ref","name","React","className","IconPrimitive","useItemStyling","_ref2","disabled","indented","menu","useCurrentMenu","registerIndentation","cn","Item","MenuItem","props","ref","dialog","icon","onClick","popover","shortcut","subMenu","otherProps","_objectWithoutPropertiesLoose","_excluded","_props$disabled","handleClick","event","preventDefault","stopPropagation","DropdownMenuPrimitive","children","handleSelect","button","onSelect","Shortcut","keys","trigger","onClose","close"],"mappings":"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"}
+{"version":3,"file":"Item.js","sources":["../../../../../../../../src/components/Menu/components/Item.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport cn from 'clsx';\nimport { IconName } from '../../Icon/Icon';\nimport { Icon as IconPrimitive } from '../../Icon/Icon';\nimport { useCurrentMenu } from '../Context';\nimport { DialogProps } from '../../Dialog/Dialog';\nimport { Shortcut } from '../../Shortcut/Shortcut';\nimport { PopoverProps } from '../../Popover/Popover';\nimport { KeyDownHandlerOptions } from '../../../utils/keyboard';\n\nexport const Icon = ({ name }) => (\n    <span className=\"absolute left-0 ml-1\">\n        <IconPrimitive className=\"-ml-px -mt-px !h-5 !w-5\" name={name} />\n    </span>\n);\n\nexport const useItemStyling = ({ disabled, indented, className }) => {\n    const menu = useCurrentMenu();\n\n    React.useEffect(() => {\n        if (indented && !menu?.indented) {\n            menu?.registerIndentation();\n        }\n    }, [indented]);\n\n    return cn(\n        'flex items-center justify-start h-8 pr-1.5 relative rounded w-full focus:outline-none group',\n        {\n            'pl-7': menu?.indented,\n            'pl-1.5': !menu?.indented,\n            'cursor-pointer text-black hover:wcag-grey-200 data-[highlighted]:wcag-grey-200': !disabled,\n            'cursor-not-allowed hover:bg-white text-grey-300': disabled,\n        },\n        className\n    );\n};\n\nexport type MenuItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {\n    dialog?: (props: Partial<DialogProps>) => JSX.Element;\n    disabled?: boolean;\n    icon?: IconName;\n    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n    popover?: (props: Partial<PopoverProps>) => JSX.Element;\n    shortcut?: string | KeyDownHandlerOptions;\n    subMenu?: any;\n};\n\nexport const Item = React.forwardRef(function MenuItem(props: MenuItemProps, ref: React.Ref<HTMLDivElement>) {\n    const { dialog, icon, onClick, popover, shortcut, subMenu, ...otherProps } = props;\n    const menu = useCurrentMenu();\n    const className = useItemStyling({\n        disabled: props.disabled,\n        indented: !!icon,\n        className: props.className,\n    });\n\n    const disabled = props.disabled ?? props['aria-disabled'];\n\n    let handleClick;\n\n    // radix has a bug that does not disable clicks when disabled is set on items\n    if (disabled) {\n        handleClick = event => {\n            event.preventDefault();\n            event.stopPropagation();\n        };\n    }\n\n    if (subMenu) {\n        return (\n            <DropdownMenuPrimitive.Sub>\n                <DropdownMenuPrimitive.SubTrigger {...otherProps} className={className} onClick={handleClick} ref={ref}>\n                    {icon ? <Icon name={icon} /> : null}\n                    {props.children}\n                    <IconPrimitive className=\"-mr-1.5 ml-auto !h-5 !w-5\" name=\"chevron-right\" />\n                </DropdownMenuPrimitive.SubTrigger>\n                {subMenu()}\n            </DropdownMenuPrimitive.Sub>\n        );\n    }\n\n    const handleSelect = event => {\n        if (onClick) {\n            onClick(event);\n        }\n\n        if (props['aria-haspopup'] || typeof dialog === 'function' || typeof popover === 'function') {\n            event.preventDefault();\n        }\n    };\n\n    let button = (\n        <DropdownMenuPrimitive.Item {...otherProps} className={className} onClick={handleClick} onSelect={handleSelect} ref={ref}>\n            {icon ? <Icon name={icon} /> : null}\n            {props.children}\n            {shortcut ? (\n                <span className=\"ml-auto pl-5\">\n                    <Shortcut keys={shortcut} className=\"text-grey-700\" />\n                </span>\n            ) : null}\n        </DropdownMenuPrimitive.Item>\n    );\n\n    if (typeof dialog === 'function') {\n        button = dialog({ trigger: button, onClose: menu?.close });\n    } else if (typeof popover === 'function') {\n        button = popover({ trigger: button });\n    }\n\n    return button;\n});\n"],"names":["Icon","name","React","className","IconPrimitive","useItemStyling","disabled","indented","menu","useCurrentMenu","registerIndentation","cn","Item","MenuItem","props","ref","dialog","icon","onClick","popover","shortcut","subMenu","otherProps","_props$disabled","handleClick","event","preventDefault","stopPropagation","DropdownMenuPrimitive","children","handleSelect","button","onSelect","Shortcut","keys","trigger","onClose","close"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Menu/components/Link.js

@@ -1,22 +1,22 @@
 import { forwardRef, createElement } from 'react';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { useCurrentMenu } from '../Context.js';
 import { Item } from '@radix-ui/react-dropdown-menu';
 import { useItemStyling, Icon } from './Item.js';
 
-var _excluded = ["href", "icon", "onClick"];
-var Link = /*#__PURE__*/forwardRef(function MenuLink(props, ref) {
-  var href = props.href,
-    icon = props.icon,
-    onClick = props.onClick,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-  var menu = useCurrentMenu();
-  var className = useItemStyling({
+const Link = /*#__PURE__*/forwardRef(function MenuLink(props, ref) {
+  const {
+    href,
+    icon,
+    onClick,
+    ...otherProps
+  } = props;
+  const menu = useCurrentMenu();
+  const className = useItemStyling({
     disabled: props.disabled,
     indented: !!icon,
     className: props.className
   });
-  var handleClick = function handleClick(event) {
+  const handleClick = event => {
     onClick === null || onClick === void 0 ? void 0 : onClick(event);
     menu === null || menu === void 0 ? void 0 : menu.close();
   };

package/dist/esm/packages/taco/src/components/Menu/components/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":["../../../../../../../../src/components/Menu/components/Link.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { IconName } from '../../Icon/Icon';\nimport { Icon, useItemStyling } from './Item';\nimport { useCurrentMenu } from '../Context';\n\nexport type MenuLinkItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {\n    disabled?: boolean;\n    icon?: IconName;\n    href: string;\n    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n};\n\nexport const Link = React.forwardRef(function MenuLink(props: MenuLinkItemProps, ref: React.Ref<HTMLDivElement>) {\n    const { href, icon, onClick, ...otherProps } = props;\n    const menu = useCurrentMenu();\n\n    const className = useItemStyling({\n        disabled: props.disabled,\n        indented: !!icon,\n        className: props.className,\n    });\n\n    const handleClick: React.MouseEventHandler<HTMLDivElement> = event => {\n        onClick?.(event);\n        menu?.close();\n    };\n\n    return (\n        <DropdownMenuPrimitive.Item {...otherProps} asChild className={className} ref={ref} onClick={handleClick}>\n            <a href={href} target=\"_blank\">\n                {icon && <Icon name={icon} />}\n                {props.children}\n            </a>\n        </DropdownMenuPrimitive.Item>\n    );\n});\n"],"names":["Link","React","MenuLink","props","ref","href","icon","onClick","otherProps","_objectWithoutPropertiesLoose","_excluded","menu","useCurrentMenu","className","useItemStyling","disabled","indented","handleClick","event","close","DropdownMenuPrimitive","asChild","target","Icon","name","children"],"mappings":";;;;;;;IAaaA,IAAI,gBAAGC,UAAgB,CAAC,SAASC,QAAQA,CAACC,KAAwB,EAAEC,GAA8B;EAC3G,IAAQC,IAAI,GAAmCF,KAAK,CAA5CE,IAAI;IAAEC,IAAI,GAA6BH,KAAK,CAAtCG,IAAI;IAAEC,OAAO,GAAoBJ,KAAK,CAAhCI,OAAO;IAAKC,UAAU,GAAAC,6BAAA,CAAKN,KAAK,EAAAO,SAAA;EACpD,IAAMC,IAAI,GAAGC,cAAc,EAAE;EAE7B,IAAMC,SAAS,GAAGC,cAAc,CAAC;IAC7BC,QAAQ,EAAEZ,KAAK,CAACY,QAAQ;IACxBC,QAAQ,EAAE,CAAC,CAACV,IAAI;IAChBO,SAAS,EAAEV,KAAK,CAACU;GACpB,CAAC;EAEF,IAAMI,WAAW,GAA4C,SAAvDA,WAAWA,CAA4CC,KAAK;IAC9DX,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAGW,KAAK,CAAC;IAChBP,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEQ,KAAK,EAAE;GAChB;EAED,oBACIlB,cAACmB,IAA0B,oBAAKZ,UAAU;IAAEa,OAAO;IAACR,SAAS,EAAEA,SAAS;IAAET,GAAG,EAAEA,GAAG;IAAEG,OAAO,EAAEU;mBACzFhB;IAAGI,IAAI,EAAEA,IAAI;IAAEiB,MAAM,EAAC;KACjBhB,IAAI,iBAAIL,cAACsB,IAAI;IAACC,IAAI,EAAElB;IAAQ,EAC5BH,KAAK,CAACsB,QAAQ,CACf,CACqB;AAErC,CAAC;;;;"}
+{"version":3,"file":"Link.js","sources":["../../../../../../../../src/components/Menu/components/Link.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { IconName } from '../../Icon/Icon';\nimport { Icon, useItemStyling } from './Item';\nimport { useCurrentMenu } from '../Context';\n\nexport type MenuLinkItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {\n    disabled?: boolean;\n    icon?: IconName;\n    href: string;\n    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n};\n\nexport const Link = React.forwardRef(function MenuLink(props: MenuLinkItemProps, ref: React.Ref<HTMLDivElement>) {\n    const { href, icon, onClick, ...otherProps } = props;\n    const menu = useCurrentMenu();\n\n    const className = useItemStyling({\n        disabled: props.disabled,\n        indented: !!icon,\n        className: props.className,\n    });\n\n    const handleClick: React.MouseEventHandler<HTMLDivElement> = event => {\n        onClick?.(event);\n        menu?.close();\n    };\n\n    return (\n        <DropdownMenuPrimitive.Item {...otherProps} asChild className={className} ref={ref} onClick={handleClick}>\n            <a href={href} target=\"_blank\">\n                {icon && <Icon name={icon} />}\n                {props.children}\n            </a>\n        </DropdownMenuPrimitive.Item>\n    );\n});\n"],"names":["Link","React","MenuLink","props","ref","href","icon","onClick","otherProps","menu","useCurrentMenu","className","useItemStyling","disabled","indented","handleClick","event","close","DropdownMenuPrimitive","asChild","target","Icon","name","children"],"mappings":";;;;;MAaaA,IAAI,gBAAGC,UAAgB,CAAC,SAASC,QAAQA,CAACC,KAAwB,EAAEC,GAA8B;EAC3G,MAAM;IAAEC,IAAI;IAAEC,IAAI;IAAEC,OAAO;IAAE,GAAGC;GAAY,GAAGL,KAAK;EACpD,MAAMM,IAAI,GAAGC,cAAc,EAAE;EAE7B,MAAMC,SAAS,GAAGC,cAAc,CAAC;IAC7BC,QAAQ,EAAEV,KAAK,CAACU,QAAQ;IACxBC,QAAQ,EAAE,CAAC,CAACR,IAAI;IAChBK,SAAS,EAAER,KAAK,CAACQ;GACpB,CAAC;EAEF,MAAMI,WAAW,GAA4CC,KAAK;IAC9DT,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAGS,KAAK,CAAC;IAChBP,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEQ,KAAK,EAAE;GAChB;EAED,oBACIhB,cAACiB,IAA0B,oBAAKV,UAAU;IAAEW,OAAO;IAACR,SAAS,EAAEA,SAAS;IAAEP,GAAG,EAAEA,GAAG;IAAEG,OAAO,EAAEQ;mBACzFd;IAAGI,IAAI,EAAEA,IAAI;IAAEe,MAAM,EAAC;KACjBd,IAAI,iBAAIL,cAACoB,IAAI;IAACC,IAAI,EAAEhB;IAAQ,EAC5BH,KAAK,CAACoB,QAAQ,CACf,CACqB;AAErC,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Menu/components/RadioGroup.js

@@ -1,18 +1,18 @@
 import { useContext, createElement, createContext, forwardRef } from 'react';
 import cn from 'clsx';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { RadioItem as RadioItem$1, ItemIndicator, RadioGroup as RadioGroup$1 } from '@radix-ui/react-dropdown-menu';
 import { useItemStyling } from './Item.js';
 import { getRadioGroupItemValueAsString, useRadioGroup } from '../../RadioGroup/RadioGroup.js';
 
-var _excluded = ["children", "value"];
-var RadioItem = function RadioItem(props) {
-  var context = useContext(MenuRadioGroupContext);
-  var children = props.children,
-    value = props.value,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-  var disabled = context.disabled || props.disabled;
-  var className = useItemStyling({
+const RadioItem = props => {
+  const context = useContext(MenuRadioGroupContext);
+  const {
+    children,
+    value,
+    ...otherProps
+  } = props;
+  const disabled = context.disabled || props.disabled;
+  const className = useItemStyling({
     disabled: disabled,
     indented: true,
     className: props.className
@@ -27,14 +27,15 @@ var RadioItem = function RadioItem(props) {
     className: "ml-1 flex h-1.5 w-1.5 rounded-full bg-current "
   })), children);
 };
-var MenuRadioGroupContext = /*#__PURE__*/createContext({
+const MenuRadioGroupContext = /*#__PURE__*/createContext({
   disabled: false
 });
-var RadioGroup = /*#__PURE__*/forwardRef(function MenuRadioItem(props, ref) {
-  var _useRadioGroup = useRadioGroup(props),
-    context = _useRadioGroup.context,
-    otherProps = _useRadioGroup.props;
-  var className = cn('flex flex-col', props.className);
+const RadioGroup = /*#__PURE__*/forwardRef(function MenuRadioItem(props, ref) {
+  const {
+    context,
+    props: otherProps
+  } = useRadioGroup(props);
+  const className = cn('flex flex-col', props.className);
   return /*#__PURE__*/createElement(MenuRadioGroupContext.Provider, {
     value: context
   }, /*#__PURE__*/createElement(RadioGroup$1, Object.assign({}, otherProps, {

package/dist/esm/packages/taco/src/components/Menu/components/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","sources":["../../../../../../../../src/components/Menu/components/RadioGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport cn from 'clsx';\nimport { getRadioGroupItemValueAsString, RadioGroupItemProps, RadioGroupProps, useRadioGroup } from '../../RadioGroup/RadioGroup';\nimport { useItemStyling } from './Item';\n\nexport type MenuRadioGroupItemProps = RadioGroupItemProps<HTMLDivElement>;\n\nexport const RadioItem = (props: MenuRadioGroupItemProps) => {\n    const context = React.useContext(MenuRadioGroupContext);\n    const { children, value, ...otherProps } = props;\n    const disabled = context.disabled || props.disabled;\n    const className = useItemStyling({\n        disabled: disabled,\n        indented: true,\n        className: props.className,\n    });\n\n    return (\n        <DropdownMenuPrimitive.RadioItem\n            {...otherProps}\n            className={className}\n            disabled={disabled}\n            value={getRadioGroupItemValueAsString(value)}>\n            <DropdownMenuPrimitive.ItemIndicator className=\"absolute left-0 ml-1.5\">\n                <span className=\"ml-1 flex h-1.5 w-1.5 rounded-full bg-current \" />\n            </DropdownMenuPrimitive.ItemIndicator>\n            {children}\n        </DropdownMenuPrimitive.RadioItem>\n    );\n};\n\nconst MenuRadioGroupContext = React.createContext({ disabled: false });\n\nexport type MenuRadioGroupProps = RadioGroupProps;\n\nexport type ForwardedMenuRadioGroupWithStatics = React.ForwardRefExoticComponent<\n    MenuRadioGroupProps & React.RefAttributes<HTMLElement>\n> & {\n    Item: React.FunctionComponent<MenuRadioGroupItemProps>;\n};\n\nexport const RadioGroup = React.forwardRef<HTMLDivElement, MenuRadioGroupProps>(function MenuRadioItem(props, ref) {\n    const { context, props: otherProps } = useRadioGroup(props);\n    const className = cn('flex flex-col', props.className);\n\n    return (\n        <MenuRadioGroupContext.Provider value={context}>\n            <DropdownMenuPrimitive.RadioGroup {...otherProps} className={className} ref={ref} />\n        </MenuRadioGroupContext.Provider>\n    );\n}) as ForwardedMenuRadioGroupWithStatics;\nRadioGroup.Item = RadioItem;\n"],"names":["RadioItem","props","context","React","MenuRadioGroupContext","children","value","otherProps","_objectWithoutPropertiesLoose","_excluded","disabled","className","useItemStyling","indented","DropdownMenuPrimitive","getRadioGroupItemValueAsString","RadioGroup","MenuRadioItem","ref","_useRadioGroup","useRadioGroup","cn","Provider","Item"],"mappings":";;;;;;;;IAQaA,SAAS,GAAG,SAAZA,SAASA,CAAIC,KAA8B;EACpD,IAAMC,OAAO,GAAGC,UAAgB,CAACC,qBAAqB,CAAC;EACvD,IAAQC,QAAQ,GAA2BJ,KAAK,CAAxCI,QAAQ;IAAEC,KAAK,GAAoBL,KAAK,CAA9BK,KAAK;IAAKC,UAAU,GAAAC,6BAAA,CAAKP,KAAK,EAAAQ,SAAA;EAChD,IAAMC,QAAQ,GAAGR,OAAO,CAACQ,QAAQ,IAAIT,KAAK,CAACS,QAAQ;EACnD,IAAMC,SAAS,GAAGC,cAAc,CAAC;IAC7BF,QAAQ,EAAEA,QAAQ;IAClBG,QAAQ,EAAE,IAAI;IACdF,SAAS,EAAEV,KAAK,CAACU;GACpB,CAAC;EAEF,oBACIR,cAACW,WAA+B,oBACxBP,UAAU;IACdI,SAAS,EAAEA,SAAS;IACpBD,QAAQ,EAAEA,QAAQ;IAClBJ,KAAK,EAAES,8BAA8B,CAACT,KAAK;mBAC3CH,cAACW,aAAmC;IAACH,SAAS,EAAC;kBAC3CR;IAAMQ,SAAS,EAAC;IAAmD,CACjC,EACrCN,QAAQ,CACqB;AAE1C;AAEA,IAAMD,qBAAqB,gBAAGD,aAAmB,CAAC;EAAEO,QAAQ,EAAE;CAAO,CAAC;IAUzDM,UAAU,gBAAGb,UAAgB,CAAsC,SAASc,aAAaA,CAAChB,KAAK,EAAEiB,GAAG;EAC7G,IAAAC,cAAA,GAAuCC,aAAa,CAACnB,KAAK,CAAC;IAAnDC,OAAO,GAAAiB,cAAA,CAAPjB,OAAO;IAASK,UAAU,GAAAY,cAAA,CAAjBlB,KAAK;EACtB,IAAMU,SAAS,GAAGU,EAAE,CAAC,eAAe,EAAEpB,KAAK,CAACU,SAAS,CAAC;EAEtD,oBACIR,cAACC,qBAAqB,CAACkB,QAAQ;IAAChB,KAAK,EAAEJ;kBACnCC,cAACW,YAAgC,oBAAKP,UAAU;IAAEI,SAAS,EAAEA,SAAS;IAAEO,GAAG,EAAEA;KAAO,CACvD;AAEzC,CAAC;AACDF,UAAU,CAACO,IAAI,GAAGvB,SAAS;;;;"}
+{"version":3,"file":"RadioGroup.js","sources":["../../../../../../../../src/components/Menu/components/RadioGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport cn from 'clsx';\nimport { getRadioGroupItemValueAsString, RadioGroupItemProps, RadioGroupProps, useRadioGroup } from '../../RadioGroup/RadioGroup';\nimport { useItemStyling } from './Item';\n\nexport type MenuRadioGroupItemProps = RadioGroupItemProps<HTMLDivElement>;\n\nexport const RadioItem = (props: MenuRadioGroupItemProps) => {\n    const context = React.useContext(MenuRadioGroupContext);\n    const { children, value, ...otherProps } = props;\n    const disabled = context.disabled || props.disabled;\n    const className = useItemStyling({\n        disabled: disabled,\n        indented: true,\n        className: props.className,\n    });\n\n    return (\n        <DropdownMenuPrimitive.RadioItem\n            {...otherProps}\n            className={className}\n            disabled={disabled}\n            value={getRadioGroupItemValueAsString(value)}>\n            <DropdownMenuPrimitive.ItemIndicator className=\"absolute left-0 ml-1.5\">\n                <span className=\"ml-1 flex h-1.5 w-1.5 rounded-full bg-current \" />\n            </DropdownMenuPrimitive.ItemIndicator>\n            {children}\n        </DropdownMenuPrimitive.RadioItem>\n    );\n};\n\nconst MenuRadioGroupContext = React.createContext({ disabled: false });\n\nexport type MenuRadioGroupProps = RadioGroupProps;\n\nexport type ForwardedMenuRadioGroupWithStatics = React.ForwardRefExoticComponent<\n    MenuRadioGroupProps & React.RefAttributes<HTMLElement>\n> & {\n    Item: React.FunctionComponent<MenuRadioGroupItemProps>;\n};\n\nexport const RadioGroup = React.forwardRef<HTMLDivElement, MenuRadioGroupProps>(function MenuRadioItem(props, ref) {\n    const { context, props: otherProps } = useRadioGroup(props);\n    const className = cn('flex flex-col', props.className);\n\n    return (\n        <MenuRadioGroupContext.Provider value={context}>\n            <DropdownMenuPrimitive.RadioGroup {...otherProps} className={className} ref={ref} />\n        </MenuRadioGroupContext.Provider>\n    );\n}) as ForwardedMenuRadioGroupWithStatics;\nRadioGroup.Item = RadioItem;\n"],"names":["RadioItem","props","context","React","MenuRadioGroupContext","children","value","otherProps","disabled","className","useItemStyling","indented","DropdownMenuPrimitive","getRadioGroupItemValueAsString","RadioGroup","MenuRadioItem","ref","useRadioGroup","cn","Provider","Item"],"mappings":";;;;;;MAQaA,SAAS,GAAIC,KAA8B;EACpD,MAAMC,OAAO,GAAGC,UAAgB,CAACC,qBAAqB,CAAC;EACvD,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAE,GAAGC;GAAY,GAAGN,KAAK;EAChD,MAAMO,QAAQ,GAAGN,OAAO,CAACM,QAAQ,IAAIP,KAAK,CAACO,QAAQ;EACnD,MAAMC,SAAS,GAAGC,cAAc,CAAC;IAC7BF,QAAQ,EAAEA,QAAQ;IAClBG,QAAQ,EAAE,IAAI;IACdF,SAAS,EAAER,KAAK,CAACQ;GACpB,CAAC;EAEF,oBACIN,cAACS,WAA+B,oBACxBL,UAAU;IACdE,SAAS,EAAEA,SAAS;IACpBD,QAAQ,EAAEA,QAAQ;IAClBF,KAAK,EAAEO,8BAA8B,CAACP,KAAK;mBAC3CH,cAACS,aAAmC;IAACH,SAAS,EAAC;kBAC3CN;IAAMM,SAAS,EAAC;IAAmD,CACjC,EACrCJ,QAAQ,CACqB;AAE1C;AAEA,MAAMD,qBAAqB,gBAAGD,aAAmB,CAAC;EAAEK,QAAQ,EAAE;CAAO,CAAC;MAUzDM,UAAU,gBAAGX,UAAgB,CAAsC,SAASY,aAAaA,CAACd,KAAK,EAAEe,GAAG;EAC7G,MAAM;IAAEd,OAAO;IAAED,KAAK,EAAEM;GAAY,GAAGU,aAAa,CAAChB,KAAK,CAAC;EAC3D,MAAMQ,SAAS,GAAGS,EAAE,CAAC,eAAe,EAAEjB,KAAK,CAACQ,SAAS,CAAC;EAEtD,oBACIN,cAACC,qBAAqB,CAACe,QAAQ;IAACb,KAAK,EAAEJ;kBACnCC,cAACS,YAAgC,oBAAKL,UAAU;IAAEE,SAAS,EAAEA,SAAS;IAAEO,GAAG,EAAEA;KAAO,CACvD;AAEzC,CAAC;AACDF,UAAU,CAACM,IAAI,GAAGpB,SAAS;;;;"}

package/dist/esm/packages/taco/src/components/Menu/components/Separator.js

@@ -1,7 +1,7 @@
 import { forwardRef, createElement } from 'react';
 import { Separator as Separator$1 } from '@radix-ui/react-dropdown-menu';
 
-var Separator = /*#__PURE__*/forwardRef(function Separator(props, ref) {
+const Separator = /*#__PURE__*/forwardRef(function Separator(props, ref) {
   return /*#__PURE__*/createElement(Separator$1, Object.assign({
     className: "bg-grey-300 my-1 h-px"
   }, props, {

package/dist/esm/packages/taco/src/components/Menu/components/Separator.js.map

@@ -1 +1 @@
-{"version":3,"file":"Separator.js","sources":["../../../../../../../../src/components/Menu/components/Separator.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\n\nexport type MenuSeparatorProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Separator = React.forwardRef(function Separator(props: MenuSeparatorProps, ref: React.Ref<HTMLDivElement>) {\n    return <DropdownMenuPrimitive.Separator className=\"bg-grey-300 my-1 h-px\" {...props} ref={ref} />;\n});\n"],"names":["Separator","React","props","ref","DropdownMenuPrimitive","className"],"mappings":";;;IAKaA,SAAS,gBAAGC,UAAgB,CAAC,SAASD,SAASA,CAACE,KAAyB,EAAEC,GAA8B;EAClH,oBAAOF,cAACG,WAA+B;IAACC,SAAS,EAAC;KAA4BH,KAAK;IAAEC,GAAG,EAAEA;KAAO;AACrG,CAAC;;;;"}
+{"version":3,"file":"Separator.js","sources":["../../../../../../../../src/components/Menu/components/Separator.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\n\nexport type MenuSeparatorProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Separator = React.forwardRef(function Separator(props: MenuSeparatorProps, ref: React.Ref<HTMLDivElement>) {\n    return <DropdownMenuPrimitive.Separator className=\"bg-grey-300 my-1 h-px\" {...props} ref={ref} />;\n});\n"],"names":["Separator","React","props","ref","DropdownMenuPrimitive","className"],"mappings":";;;MAKaA,SAAS,gBAAGC,UAAgB,CAAC,SAASD,SAASA,CAACE,KAAyB,EAAEC,GAA8B;EAClH,oBAAOF,cAACG,WAA+B;IAACC,SAAS,EAAC;KAA4BH,KAAK;IAAEC,GAAG,EAAEA;KAAO;AACrG,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Menu/components/SubMenu.js

@@ -1,15 +1,15 @@
 import { forwardRef, createElement } from 'react';
 import cn from 'clsx';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { useMergedRef } from '../../../hooks/useMergedRef.js';
 import { Portal, SubContent } from '@radix-ui/react-dropdown-menu';
 
-var _excluded = ["children"];
-var SubMenu = /*#__PURE__*/forwardRef(function MenuSubMenu(props, ref) {
-  var internalRef = useMergedRef(ref);
-  var children = props.children,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-  var className = cn('border border-transparent rounded block outline-none p-1 yt-shadow wcag-white', props.className);
+const SubMenu = /*#__PURE__*/forwardRef(function MenuSubMenu(props, ref) {
+  const internalRef = useMergedRef(ref);
+  const {
+    children,
+    ...otherProps
+  } = props;
+  const className = cn('border border-transparent rounded block outline-none p-1 yt-shadow wcag-white', props.className);
   return /*#__PURE__*/createElement(Portal, null, /*#__PURE__*/createElement(SubContent, Object.assign({}, otherProps, {
     className: className,
     "data-taco": "menu-submenu",

package/dist/esm/packages/taco/src/components/Menu/components/SubMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubMenu.js","sources":["../../../../../../../../src/components/Menu/components/SubMenu.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport cn from 'clsx';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\n\nexport type MenuSubMenuProps = Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps, 'children' | 'side'> & {\n    children: React.ReactNode;\n};\n\nexport const SubMenu = React.forwardRef(function MenuSubMenu(props: MenuSubMenuProps, ref: React.Ref<HTMLDivElement>) {\n    const internalRef = useMergedRef<any>(ref);\n    const { children, ...otherProps } = props;\n    const className = cn('border border-transparent rounded block outline-none p-1 yt-shadow wcag-white', props.className);\n\n    return (\n        <DropdownMenuPrimitive.Portal>\n            <DropdownMenuPrimitive.SubContent\n                {...otherProps}\n                className={className}\n                data-taco=\"menu-submenu\"\n                sideOffset={4}\n                ref={internalRef}>\n                {children}\n            </DropdownMenuPrimitive.SubContent>\n        </DropdownMenuPrimitive.Portal>\n    );\n});\n"],"names":["SubMenu","React","MenuSubMenu","props","ref","internalRef","useMergedRef","children","otherProps","_objectWithoutPropertiesLoose","_excluded","className","cn","DropdownMenuPrimitive","sideOffset"],"mappings":";;;;;;;IASaA,OAAO,gBAAGC,UAAgB,CAAC,SAASC,WAAWA,CAACC,KAAuB,EAAEC,GAA8B;EAChH,IAAMC,WAAW,GAAGC,YAAY,CAAMF,GAAG,CAAC;EAC1C,IAAQG,QAAQ,GAAoBJ,KAAK,CAAjCI,QAAQ;IAAKC,UAAU,GAAAC,6BAAA,CAAKN,KAAK,EAAAO,SAAA;EACzC,IAAMC,SAAS,GAAGC,EAAE,CAAC,+EAA+E,EAAET,KAAK,CAACQ,SAAS,CAAC;EAEtH,oBACIV,cAACY,MAA4B,qBACzBZ,cAACY,UAAgC,oBACzBL,UAAU;IACdG,SAAS,EAAEA,SAAS;iBACV,cAAc;IACxBG,UAAU,EAAE,CAAC;IACbV,GAAG,EAAEC;MACJE,QAAQ,CACsB,CACR;AAEvC,CAAC;;;;"}
+{"version":3,"file":"SubMenu.js","sources":["../../../../../../../../src/components/Menu/components/SubMenu.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport cn from 'clsx';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\n\nexport type MenuSubMenuProps = Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps, 'children' | 'side'> & {\n    children: React.ReactNode;\n};\n\nexport const SubMenu = React.forwardRef(function MenuSubMenu(props: MenuSubMenuProps, ref: React.Ref<HTMLDivElement>) {\n    const internalRef = useMergedRef<any>(ref);\n    const { children, ...otherProps } = props;\n    const className = cn('border border-transparent rounded block outline-none p-1 yt-shadow wcag-white', props.className);\n\n    return (\n        <DropdownMenuPrimitive.Portal>\n            <DropdownMenuPrimitive.SubContent\n                {...otherProps}\n                className={className}\n                data-taco=\"menu-submenu\"\n                sideOffset={4}\n                ref={internalRef}>\n                {children}\n            </DropdownMenuPrimitive.SubContent>\n        </DropdownMenuPrimitive.Portal>\n    );\n});\n"],"names":["SubMenu","React","MenuSubMenu","props","ref","internalRef","useMergedRef","children","otherProps","className","cn","DropdownMenuPrimitive","sideOffset"],"mappings":";;;;;MASaA,OAAO,gBAAGC,UAAgB,CAAC,SAASC,WAAWA,CAACC,KAAuB,EAAEC,GAA8B;EAChH,MAAMC,WAAW,GAAGC,YAAY,CAAMF,GAAG,CAAC;EAC1C,MAAM;IAAEG,QAAQ;IAAE,GAAGC;GAAY,GAAGL,KAAK;EACzC,MAAMM,SAAS,GAAGC,EAAE,CAAC,+EAA+E,EAAEP,KAAK,CAACM,SAAS,CAAC;EAEtH,oBACIR,cAACU,MAA4B,qBACzBV,cAACU,UAAgC,oBACzBH,UAAU;IACdC,SAAS,EAAEA,SAAS;iBACV,cAAc;IACxBG,UAAU,EAAE,CAAC;IACbR,GAAG,EAAEC;MACJE,QAAQ,CACsB,CACR;AAEvC,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Menu/components/Trigger.js

@@ -5,10 +5,10 @@ import { createCustomKeyboardEvent } from '../../../utils/input.js';
 import { useCurrentMenu } from '../Context.js';
 import { Trigger as Trigger$1 } from '@radix-ui/react-dropdown-menu';
 
-var Trigger = /*#__PURE__*/forwardRef(function MenuTrigger(props, ref) {
-  var menu = useCurrentMenu();
-  var internalRef = useMergedRef(ref);
-  var handleKeyDown = function handleKeyDown(event) {
+const Trigger = /*#__PURE__*/forwardRef(function MenuTrigger(props, ref) {
+  const menu = useCurrentMenu();
+  const internalRef = useMergedRef(ref);
+  const handleKeyDown = event => {
     if (event.key === 'ArrowDown') {
       if (isElementInsideTable3OrReport(event.currentTarget)) {
         var _event$currentTarget$;
@@ -17,7 +17,7 @@ var Trigger = /*#__PURE__*/forwardRef(function MenuTrigger(props, ref) {
       }
     }
   };
-  useEffect(function () {
+  useEffect(() => {
     if (internalRef.current) {
       menu === null || menu === void 0 ? void 0 : menu.setMinWidth(internalRef.current.getBoundingClientRect().width);
     }

package/dist/esm/packages/taco/src/components/Menu/components/Trigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"Trigger.js","sources":["../../../../../../../../src/components/Menu/components/Trigger.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { useCurrentMenu } from '../Context';\nimport { createCustomKeyboardEvent } from '../../../utils/input';\nimport { isElementInsideTable3OrReport } from '../../../utils/dom';\n\nexport type MenuTriggerProps = Omit<React.HTMLAttributes<HTMLButtonElement>, 'children'> & {\n    children: React.ReactElement;\n};\n\nexport const Trigger = React.forwardRef(function MenuTrigger(props: MenuTriggerProps, ref: React.Ref<HTMLButtonElement>) {\n    const menu = useCurrentMenu();\n    const internalRef = useMergedRef<HTMLButtonElement>(ref);\n\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n        if (event.key === 'ArrowDown') {\n            if (isElementInsideTable3OrReport(event.currentTarget)) {\n                event.preventDefault();\n                event.currentTarget.parentNode?.dispatchEvent(\n                    createCustomKeyboardEvent(event as React.KeyboardEvent<HTMLInputElement>)\n                );\n            }\n        }\n    };\n\n    React.useEffect(() => {\n        if (internalRef.current) {\n            menu?.setMinWidth(internalRef.current.getBoundingClientRect().width);\n        }\n    }, [internalRef]);\n\n    return <DropdownMenuPrimitive.Trigger {...props} asChild ref={internalRef} onKeyDown={handleKeyDown} />;\n});\n"],"names":["Trigger","React","MenuTrigger","props","ref","menu","useCurrentMenu","internalRef","useMergedRef","handleKeyDown","event","key","isElementInsideTable3OrReport","currentTarget","_event$currentTarget$","preventDefault","parentNode","dispatchEvent","createCustomKeyboardEvent","current","setMinWidth","getBoundingClientRect","width","DropdownMenuPrimitive","asChild","onKeyDown"],"mappings":";;;;;;;IAWaA,OAAO,gBAAGC,UAAgB,CAAC,SAASC,WAAWA,CAACC,KAAuB,EAAEC,GAAiC;EACnH,IAAMC,IAAI,GAAGC,cAAc,EAAE;EAC7B,IAAMC,WAAW,GAAGC,YAAY,CAAoBJ,GAAG,CAAC;EAExD,IAAMK,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAA0B;IAC7C,IAAIA,KAAK,CAACC,GAAG,KAAK,WAAW,EAAE;MAC3B,IAAIC,6BAA6B,CAACF,KAAK,CAACG,aAAa,CAAC,EAAE;QAAA,IAAAC,qBAAA;QACpDJ,KAAK,CAACK,cAAc,EAAE;QACtB,CAAAD,qBAAA,GAAAJ,KAAK,CAACG,aAAa,CAACG,UAAU,cAAAF,qBAAA,uBAA9BA,qBAAA,CAAgCG,aAAa,CACzCC,yBAAyB,CAACR,KAA8C,CAAC,CAC5E;;;GAGZ;EAEDT,SAAe,CAAC;IACZ,IAAIM,WAAW,CAACY,OAAO,EAAE;MACrBd,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEe,WAAW,CAACb,WAAW,CAACY,OAAO,CAACE,qBAAqB,EAAE,CAACC,KAAK,CAAC;;GAE3E,EAAE,CAACf,WAAW,CAAC,CAAC;EAEjB,oBAAON,cAACsB,SAA6B,oBAAKpB,KAAK;IAAEqB,OAAO;IAACpB,GAAG,EAAEG,WAAW;IAAEkB,SAAS,EAAEhB;KAAiB;AAC3G,CAAC;;;;"}
+{"version":3,"file":"Trigger.js","sources":["../../../../../../../../src/components/Menu/components/Trigger.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { useCurrentMenu } from '../Context';\nimport { createCustomKeyboardEvent } from '../../../utils/input';\nimport { isElementInsideTable3OrReport } from '../../../utils/dom';\n\nexport type MenuTriggerProps = Omit<React.HTMLAttributes<HTMLButtonElement>, 'children'> & {\n    children: React.ReactElement;\n};\n\nexport const Trigger = React.forwardRef(function MenuTrigger(props: MenuTriggerProps, ref: React.Ref<HTMLButtonElement>) {\n    const menu = useCurrentMenu();\n    const internalRef = useMergedRef<HTMLButtonElement>(ref);\n\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n        if (event.key === 'ArrowDown') {\n            if (isElementInsideTable3OrReport(event.currentTarget)) {\n                event.preventDefault();\n                event.currentTarget.parentNode?.dispatchEvent(\n                    createCustomKeyboardEvent(event as React.KeyboardEvent<HTMLInputElement>)\n                );\n            }\n        }\n    };\n\n    React.useEffect(() => {\n        if (internalRef.current) {\n            menu?.setMinWidth(internalRef.current.getBoundingClientRect().width);\n        }\n    }, [internalRef]);\n\n    return <DropdownMenuPrimitive.Trigger {...props} asChild ref={internalRef} onKeyDown={handleKeyDown} />;\n});\n"],"names":["Trigger","React","MenuTrigger","props","ref","menu","useCurrentMenu","internalRef","useMergedRef","handleKeyDown","event","key","isElementInsideTable3OrReport","currentTarget","_event$currentTarget$","preventDefault","parentNode","dispatchEvent","createCustomKeyboardEvent","current","setMinWidth","getBoundingClientRect","width","DropdownMenuPrimitive","asChild","onKeyDown"],"mappings":";;;;;;;MAWaA,OAAO,gBAAGC,UAAgB,CAAC,SAASC,WAAWA,CAACC,KAAuB,EAAEC,GAAiC;EACnH,MAAMC,IAAI,GAAGC,cAAc,EAAE;EAC7B,MAAMC,WAAW,GAAGC,YAAY,CAAoBJ,GAAG,CAAC;EAExD,MAAMK,aAAa,GAAIC,KAA0B;IAC7C,IAAIA,KAAK,CAACC,GAAG,KAAK,WAAW,EAAE;MAC3B,IAAIC,6BAA6B,CAACF,KAAK,CAACG,aAAa,CAAC,EAAE;QAAA,IAAAC,qBAAA;QACpDJ,KAAK,CAACK,cAAc,EAAE;QACtB,CAAAD,qBAAA,GAAAJ,KAAK,CAACG,aAAa,CAACG,UAAU,cAAAF,qBAAA,uBAA9BA,qBAAA,CAAgCG,aAAa,CACzCC,yBAAyB,CAACR,KAA8C,CAAC,CAC5E;;;GAGZ;EAEDT,SAAe,CAAC;IACZ,IAAIM,WAAW,CAACY,OAAO,EAAE;MACrBd,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEe,WAAW,CAACb,WAAW,CAACY,OAAO,CAACE,qBAAqB,EAAE,CAACC,KAAK,CAAC;;GAE3E,EAAE,CAACf,WAAW,CAAC,CAAC;EAEjB,oBAAON,cAACsB,SAA6B,oBAAKpB,KAAK;IAAEqB,OAAO;IAACpB,GAAG,EAAEG,WAAW;IAAEkB,SAAS,EAAEhB;KAAiB;AAC3G,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/ModeSwitch/ModeSwitch.js

@@ -1,14 +1,14 @@
 import { forwardRef, createElement } from 'react';
 import cn from 'clsx';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Icon } from '../Icon/Icon.js';
 import { Root, Thumb } from '@radix-ui/react-switch';
 
-var _excluded = ["onChange"];
-var ModeSwitch = /*#__PURE__*/forwardRef(function ModeSwitch(props, ref) {
-  var onChange = props.onChange,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-  var className = cn('group w-14 h-8 flex flex-shrink-0 rounded-full inline-flex focus-visible:yt-focus p-1', {
+const ModeSwitch = /*#__PURE__*/forwardRef(function ModeSwitch(props, ref) {
+  const {
+    onChange,
+    ...otherProps
+  } = props;
+  const className = cn('group w-14 h-8 flex flex-shrink-0 rounded-full inline-flex focus-visible:yt-focus p-1', {
     'bg-grey-500 hover:bg-grey-700 aria-checked:bg-blue-500 aria-checked:hover:bg-blue-700': !props.disabled,
     'bg-grey-500 aria-checked:bg-blue-500 cursor-not-allowed opacity-50': props.disabled
   }, props.className);

package/dist/esm/packages/taco/src/components/ModeSwitch/ModeSwitch.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModeSwitch.js","sources":["../../../../../../../src/components/ModeSwitch/ModeSwitch.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport * as PrimitiveSwitch from '@radix-ui/react-switch';\n\nimport { Icon } from '../Icon/Icon';\n\ntype ModeSwitchBaseProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'onChange'> & {\n    /* Whether user input is required */\n    required?: boolean;\n};\n\ninterface UncontrolledModeSwitchProps extends ModeSwitchBaseProps {\n    checked?: never;\n    onChange?: never;\n    /* The default checked state (uncontrolled) */\n    defaultChecked?: boolean;\n}\n\ninterface ControlledModeSwitchProps extends ModeSwitchBaseProps {\n    defaultChecked?: never;\n    /* The current checked state (controlled) */\n    checked: boolean;\n    /* Handler called when the checked state changes */\n    onChange: (checked: boolean) => void;\n}\n\nexport type ModeSwitchProps = UncontrolledModeSwitchProps | ControlledModeSwitchProps;\n\nexport const ModeSwitch = React.forwardRef(function ModeSwitch(props: ModeSwitchProps, ref: React.Ref<HTMLButtonElement>) {\n    const { onChange, ...otherProps } = props;\n\n    const className = cn(\n        'group w-14 h-8 flex flex-shrink-0 rounded-full inline-flex focus-visible:yt-focus p-1',\n        {\n            'bg-grey-500 hover:bg-grey-700 aria-checked:bg-blue-500 aria-checked:hover:bg-blue-700': !props.disabled,\n            'bg-grey-500 aria-checked:bg-blue-500 cursor-not-allowed opacity-50': props.disabled,\n        },\n        props.className\n    );\n\n    return (\n        <PrimitiveSwitch.Root {...otherProps} className={className} data-taco=\"mode\" onCheckedChange={onChange} ref={ref}>\n            <PrimitiveSwitch.Thumb className=\"pointer-events-none flex h-6 w-6 items-center justify-center rounded-full bg-white transition-transform will-change-transform group-disabled:opacity-50 group-aria-checked:translate-x-[100%]\">\n                <Icon name=\"edit-simple\" className=\"pointer-events-none !h-5 !w-5\" />\n            </PrimitiveSwitch.Thumb>\n        </PrimitiveSwitch.Root>\n    );\n});\nModeSwitch.displayName = 'ModeSwitch';\n"],"names":["ModeSwitch","React","props","ref","onChange","otherProps","_objectWithoutPropertiesLoose","_excluded","className","cn","disabled","PrimitiveSwitch","onCheckedChange","Icon","name","displayName"],"mappings":";;;;;;;IA4BaA,UAAU,gBAAGC,UAAgB,CAAC,SAASD,UAAUA,CAACE,KAAsB,EAAEC,GAAiC;EACpH,IAAQC,QAAQ,GAAoBF,KAAK,CAAjCE,QAAQ;IAAKC,UAAU,GAAAC,6BAAA,CAAKJ,KAAK,EAAAK,SAAA;EAEzC,IAAMC,SAAS,GAAGC,EAAE,CAChB,uFAAuF,EACvF;IACI,uFAAuF,EAAE,CAACP,KAAK,CAACQ,QAAQ;IACxG,oEAAoE,EAAER,KAAK,CAACQ;GAC/E,EACDR,KAAK,CAACM,SAAS,CAClB;EAED,oBACIP,cAACU,IAAoB,oBAAKN,UAAU;IAAEG,SAAS,EAAEA,SAAS;iBAAY,MAAM;IAACI,eAAe,EAAER,QAAQ;IAAED,GAAG,EAAEA;mBACzGF,cAACU,KAAqB;IAACH,SAAS,EAAC;kBAC7BP,cAACY,IAAI;IAACC,IAAI,EAAC,aAAa;IAACN,SAAS,EAAC;IAAkC,CACjD,CACL;AAE/B,CAAC;AACDR,UAAU,CAACe,WAAW,GAAG,YAAY;;;;"}
+{"version":3,"file":"ModeSwitch.js","sources":["../../../../../../../src/components/ModeSwitch/ModeSwitch.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport * as PrimitiveSwitch from '@radix-ui/react-switch';\n\nimport { Icon } from '../Icon/Icon';\n\ntype ModeSwitchBaseProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'onChange'> & {\n    /* Whether user input is required */\n    required?: boolean;\n};\n\ninterface UncontrolledModeSwitchProps extends ModeSwitchBaseProps {\n    checked?: never;\n    onChange?: never;\n    /* The default checked state (uncontrolled) */\n    defaultChecked?: boolean;\n}\n\ninterface ControlledModeSwitchProps extends ModeSwitchBaseProps {\n    defaultChecked?: never;\n    /* The current checked state (controlled) */\n    checked: boolean;\n    /* Handler called when the checked state changes */\n    onChange: (checked: boolean) => void;\n}\n\nexport type ModeSwitchProps = UncontrolledModeSwitchProps | ControlledModeSwitchProps;\n\nexport const ModeSwitch = React.forwardRef(function ModeSwitch(props: ModeSwitchProps, ref: React.Ref<HTMLButtonElement>) {\n    const { onChange, ...otherProps } = props;\n\n    const className = cn(\n        'group w-14 h-8 flex flex-shrink-0 rounded-full inline-flex focus-visible:yt-focus p-1',\n        {\n            'bg-grey-500 hover:bg-grey-700 aria-checked:bg-blue-500 aria-checked:hover:bg-blue-700': !props.disabled,\n            'bg-grey-500 aria-checked:bg-blue-500 cursor-not-allowed opacity-50': props.disabled,\n        },\n        props.className\n    );\n\n    return (\n        <PrimitiveSwitch.Root {...otherProps} className={className} data-taco=\"mode\" onCheckedChange={onChange} ref={ref}>\n            <PrimitiveSwitch.Thumb className=\"pointer-events-none flex h-6 w-6 items-center justify-center rounded-full bg-white transition-transform will-change-transform group-disabled:opacity-50 group-aria-checked:translate-x-[100%]\">\n                <Icon name=\"edit-simple\" className=\"pointer-events-none !h-5 !w-5\" />\n            </PrimitiveSwitch.Thumb>\n        </PrimitiveSwitch.Root>\n    );\n});\nModeSwitch.displayName = 'ModeSwitch';\n"],"names":["ModeSwitch","React","props","ref","onChange","otherProps","className","cn","disabled","PrimitiveSwitch","onCheckedChange","Icon","name","displayName"],"mappings":";;;;;MA4BaA,UAAU,gBAAGC,UAAgB,CAAC,SAASD,UAAUA,CAACE,KAAsB,EAAEC,GAAiC;EACpH,MAAM;IAAEC,QAAQ;IAAE,GAAGC;GAAY,GAAGH,KAAK;EAEzC,MAAMI,SAAS,GAAGC,EAAE,CAChB,uFAAuF,EACvF;IACI,uFAAuF,EAAE,CAACL,KAAK,CAACM,QAAQ;IACxG,oEAAoE,EAAEN,KAAK,CAACM;GAC/E,EACDN,KAAK,CAACI,SAAS,CAClB;EAED,oBACIL,cAACQ,IAAoB,oBAAKJ,UAAU;IAAEC,SAAS,EAAEA,SAAS;iBAAY,MAAM;IAACI,eAAe,EAAEN,QAAQ;IAAED,GAAG,EAAEA;mBACzGF,cAACQ,KAAqB;IAACH,SAAS,EAAC;kBAC7BL,cAACU,IAAI;IAACC,IAAI,EAAC,aAAa;IAACN,SAAS,EAAC;IAAkC,CACjD,CACL;AAE/B,CAAC;AACDN,UAAU,CAACa,WAAW,GAAG,YAAY;;;;"}

package/dist/esm/packages/taco/src/components/Navigation/Navigation.js

@@ -1,34 +1,31 @@
 import React__default from 'react';
 import cn from 'clsx';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Icon } from '../Icon/Icon.js';
 import { useMergedRef } from '../../hooks/useMergedRef.js';
 import { Treeview } from '../Treeview/Treeview.js';
 import { useDropTarget } from '../../utils/hooks/useDropTarget.js';
 
-var _excluded = ["active", "children", "onDrop", "postfix", "prefix", "role"],
-  _excluded2 = ["children"];
-var Item = /*#__PURE__*/React__default.forwardRef(function Item(props, ref) {
-  var active = props.active,
-    children = props.children,
-    onDrop = props.onDrop,
-    postfix = props.postfix,
-    prefix = props.prefix,
-    role = props.role,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-  var proxyRef = useMergedRef(ref);
-  var _useDropTarget = useDropTarget(onDrop),
-    isDraggedOver = _useDropTarget[0],
-    dropTargetProps = _useDropTarget[1];
-  var isTreeitem = role === 'treeitem';
-  var className = cn('yt-navigation__item cursor-pointer', {
+const Item = /*#__PURE__*/React__default.forwardRef(function Item(props, ref) {
+  const {
+    active,
+    children,
+    onDrop,
+    postfix,
+    prefix,
+    role,
+    ...otherProps
+  } = props;
+  const proxyRef = useMergedRef(ref);
+  const [isDraggedOver, dropTargetProps] = useDropTarget(onDrop);
+  const isTreeitem = role === 'treeitem';
+  const className = cn('yt-navigation__item cursor-pointer', {
     'w-full mb-px py-1 px-3 flex items-center hover:bg-grey-300': isTreeitem,
     'bg-white w-full h-10 px-3 flex-shrink-0 flex items-center justify-between cursor-pointer': !isTreeitem,
     'yt-navigation__item--active': active && !isDraggedOver,
     'bg-grey-300': isTreeitem && active && !isDraggedOver,
     'yt-navigation__item--dropping bg-blue-500': isDraggedOver
   }, props.className);
-  var handleClick = function handleClick(event) {
+  const handleClick = event => {
     if (event.target instanceof HTMLAnchorElement || event.target instanceof HTMLButtonElement) {
       return;
     }
@@ -49,18 +46,18 @@ var Item = /*#__PURE__*/React__default.forwardRef(function Item(props, ref) {
     className: "yt-navigation__item__postfix ml-1"
   }, postfix));
 });
-var Panel = /*#__PURE__*/React__default.forwardRef(function Panel(props, ref) {
+const Panel = /*#__PURE__*/React__default.forwardRef(function Panel(props, ref) {
   return /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
     className: cn('w-full bg-white p-3', props.className),
     ref: ref
   }));
 });
-var MenuGroup = /*#__PURE__*/React__default.forwardRef(function MenuGroup(props, ref) {
-  var className = cn('flex-shrink-0 space-y-1 outline-none', {
+const MenuGroup = /*#__PURE__*/React__default.forwardRef(function MenuGroup(props, ref) {
+  const className = cn('flex-shrink-0 space-y-1 outline-none', {
     'bg-white pb-2': props.fixed
   }, typeof props.className === 'function' ? props.className(false) : props.className);
-  var title = function title(expanded) {
-    var className = cn('bg-white h-10 pl-3 pr-1 flex items-center justify-between w-full', {
+  const title = expanded => {
+    const className = cn('bg-white h-10 pl-3 pr-1 flex items-center justify-between w-full', {
       'mb-1': expanded,
       'cursor-pointer hover:text-blue-500': !props.fixed
     });
@@ -76,17 +73,15 @@ var MenuGroup = /*#__PURE__*/React__default.forwardRef(function MenuGroup(props,
     ref: ref
   }));
 });
-var Menu = /*#__PURE__*/React__default.forwardRef(function Menu(props, ref) {
-  var scrollableAreas = React__default.useMemo(function () {
-    var scrollableAreas = [];
-    var children = React__default.Children.toArray(props.children).filter(function (child) {
-      return !!child;
-    });
-    children.forEach(function (child) {
+const Menu = /*#__PURE__*/React__default.forwardRef(function Menu(props, ref) {
+  const scrollableAreas = React__default.useMemo(() => {
+    const scrollableAreas = [];
+    const children = React__default.Children.toArray(props.children).filter(child => !!child);
+    children.forEach(child => {
       if (child.props.fixed) {
         scrollableAreas.push(child);
       } else {
-        var x = scrollableAreas[scrollableAreas.length - 1];
+        const x = scrollableAreas[scrollableAreas.length - 1];
         if (Array.isArray(x)) {
           x.push(child);
         } else {
@@ -99,18 +94,18 @@ var Menu = /*#__PURE__*/React__default.forwardRef(function Menu(props, ref) {
   return /*#__PURE__*/React__default.createElement(Treeview, Object.assign({}, props, {
     className: cn('divide-grey-100 flex flex-grow flex-col divide-y-2 overflow-y-auto', props.className),
     ref: ref
-  }), scrollableAreas.map(function (area, i) {
-    return Array.isArray(area) ? (/*#__PURE__*/React__default.createElement("div", {
-      className: "divide-grey-100 flex h-0 flex-auto flex-shrink-0 flex-grow flex-col divide-y-2 overflow-y-auto",
-      key: i
-    }, area)) : area;
-  }));
+  }), scrollableAreas.map((area, i) => Array.isArray(area) ? (/*#__PURE__*/React__default.createElement("div", {
+    className: "divide-grey-100 flex h-0 flex-auto flex-shrink-0 flex-grow flex-col divide-y-2 overflow-y-auto",
+    key: i
+  }, area)) : area));
 });
 Menu.Group = MenuGroup;
-var Navigation = /*#__PURE__*/React__default.forwardRef(function Navigation(props, ref) {
-  var children = props.children,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded2);
-  var className = cn('h-full flex flex-col bg-grey-100 divide-y-2 divide-grey-100', props.className);
+const Navigation = /*#__PURE__*/React__default.forwardRef(function Navigation(props, ref) {
+  const {
+    children,
+    ...otherProps
+  } = props;
+  const className = cn('h-full flex flex-col bg-grey-100 divide-y-2 divide-grey-100', props.className);
   return /*#__PURE__*/React__default.createElement("div", Object.assign({}, otherProps, {
     className: className,
     "data-taco": "navigation",