@gympass/yoga 7.87.1 → 7.88.1

package/esm/Menu/web/Menu.test.js

@@ -1,115 +1,130 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import { FlagArgentina, FlagBrazil, FlagChile, HomeFilled, MenuList } from '@gympass/yoga-icons';
-import { ThemeProvider, Menu, Button } from '../..';
-describe('<Menu />', function () {
-  it('should match snapshot in default Menu', function () {
-    var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(Menu.Action, null, /*#__PURE__*/React.createElement(Button.Icon, {
-      icon: MenuList
-    })), /*#__PURE__*/React.createElement(Menu.List, null, /*#__PURE__*/React.createElement(Menu.Item, null, "Item 1"), /*#__PURE__*/React.createElement(Menu.Item, null, "Item 2"), /*#__PURE__*/React.createElement(Menu.Item, null, "Item 3"))))),
-        container = _render.container;
-
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import { render } from "@testing-library/react";
+import {
+  FlagArgentina,
+  FlagBrazil,
+  FlagChile,
+  HomeFilled,
+  MenuList
+} from "@gympass/yoga-icons";
+import { ThemeProvider, Menu, Button } from "../..";
+describe("<Menu />", () => {
+  it("should match snapshot in default Menu", () => {
+    const { container } = render(
+      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsxs(Menu, { children: [
+        /* @__PURE__ */ jsx(Menu.Action, { children: /* @__PURE__ */ jsx(Button.Icon, { icon: MenuList }) }),
+        /* @__PURE__ */ jsxs(Menu.List, { children: [
+          /* @__PURE__ */ jsx(Menu.Item, { children: "Item 1" }),
+          /* @__PURE__ */ jsx(Menu.Item, { children: "Item 2" }),
+          /* @__PURE__ */ jsx(Menu.Item, { children: "Item 3" })
+        ] })
+      ] }) })
+    );
     expect(container).toMatchSnapshot();
   });
-  it('should match snapshot Menu.Item with icon', function () {
-    var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(Menu.Action, null, /*#__PURE__*/React.createElement(Button.Icon, {
-      icon: MenuList
-    })), /*#__PURE__*/React.createElement(Menu.List, null, /*#__PURE__*/React.createElement(Menu.Item, {
-      icon: FlagBrazil
-    }, "Item 1"), /*#__PURE__*/React.createElement(Menu.Item, {
-      icon: FlagArgentina
-    }, "Item 2"), /*#__PURE__*/React.createElement(Menu.Item, {
-      icon: FlagChile
-    }, "Item 3"))))),
-        container = _render2.container;
-
+  it("should match snapshot Menu.Item with icon", () => {
+    const { container } = render(
+      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsxs(Menu, { children: [
+        /* @__PURE__ */ jsx(Menu.Action, { children: /* @__PURE__ */ jsx(Button.Icon, { icon: MenuList }) }),
+        /* @__PURE__ */ jsxs(Menu.List, { children: [
+          /* @__PURE__ */ jsx(Menu.Item, { icon: FlagBrazil, children: "Item 1" }),
+          /* @__PURE__ */ jsx(Menu.Item, { icon: FlagArgentina, children: "Item 2" }),
+          /* @__PURE__ */ jsx(Menu.Item, { icon: FlagChile, children: "Item 3" })
+        ] })
+      ] }) })
+    );
     expect(container).toMatchSnapshot();
   });
-  it('should match snapshot Menu.Item with link', function () {
-    var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(Menu.Action, null, /*#__PURE__*/React.createElement(Button.Icon, {
-      icon: MenuList
-    })), /*#__PURE__*/React.createElement(Menu.List, null, /*#__PURE__*/React.createElement(Menu.Item, {
-      href: "http://www.gympass.com",
-      target: "blank"
-    }, "Item 1"), /*#__PURE__*/React.createElement(Menu.Item, {
-      href: "http://www.gympass.com",
-      target: "blank"
-    }, "Item 2"), /*#__PURE__*/React.createElement(Menu.Item, {
-      href: "http://www.gympass.com",
-      target: "blank"
-    }, "Item 3"))))),
-        container = _render3.container;
-
+  it("should match snapshot Menu.Item with link", () => {
+    const { container } = render(
+      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsxs(Menu, { children: [
+        /* @__PURE__ */ jsx(Menu.Action, { children: /* @__PURE__ */ jsx(Button.Icon, { icon: MenuList }) }),
+        /* @__PURE__ */ jsxs(Menu.List, { children: [
+          /* @__PURE__ */ jsx(Menu.Item, { href: "http://www.gympass.com", target: "blank", children: "Item 1" }),
+          /* @__PURE__ */ jsx(Menu.Item, { href: "http://www.gympass.com", target: "blank", children: "Item 2" }),
+          /* @__PURE__ */ jsx(Menu.Item, { href: "http://www.gympass.com", target: "blank", children: "Item 3" })
+        ] })
+      ] }) })
+    );
     expect(container).toMatchSnapshot();
   });
-  it('should match snapshot Menu.Item with active', function () {
-    var _render4 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(Menu.Action, null, /*#__PURE__*/React.createElement(Button.Icon, {
-      icon: MenuList
-    })), /*#__PURE__*/React.createElement(Menu.List, null, /*#__PURE__*/React.createElement(Menu.Item, {
-      active: true
-    }, "Item 1"), /*#__PURE__*/React.createElement(Menu.Item, null, "Item 2"), /*#__PURE__*/React.createElement(Menu.Item, null, "Item 3"))))),
-        container = _render4.container;
-
+  it("should match snapshot Menu.Item with active", () => {
+    const { container } = render(
+      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsxs(Menu, { children: [
+        /* @__PURE__ */ jsx(Menu.Action, { children: /* @__PURE__ */ jsx(Button.Icon, { icon: MenuList }) }),
+        /* @__PURE__ */ jsxs(Menu.List, { children: [
+          /* @__PURE__ */ jsx(Menu.Item, { active: true, children: "Item 1" }),
+          /* @__PURE__ */ jsx(Menu.Item, { children: "Item 2" }),
+          /* @__PURE__ */ jsx(Menu.Item, { children: "Item 3" })
+        ] })
+      ] }) })
+    );
     expect(container).toMatchSnapshot();
   });
-  it('should match snapshot Menu.Item with disabled', function () {
-    var _render5 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(Menu.Action, null, /*#__PURE__*/React.createElement(Button.Icon, {
-      icon: MenuList
-    })), /*#__PURE__*/React.createElement(Menu.List, null, /*#__PURE__*/React.createElement(Menu.Item, {
-      disabled: true
-    }, "Item 1"), /*#__PURE__*/React.createElement(Menu.Item, null, "Item 2"), /*#__PURE__*/React.createElement(Menu.Item, null, "Item 3"))))),
-        container = _render5.container;
-
+  it("should match snapshot Menu.Item with disabled", () => {
+    const { container } = render(
+      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsxs(Menu, { children: [
+        /* @__PURE__ */ jsx(Menu.Action, { children: /* @__PURE__ */ jsx(Button.Icon, { icon: MenuList }) }),
+        /* @__PURE__ */ jsxs(Menu.List, { children: [
+          /* @__PURE__ */ jsx(Menu.Item, { disabled: true, children: "Item 1" }),
+          /* @__PURE__ */ jsx(Menu.Item, { children: "Item 2" }),
+          /* @__PURE__ */ jsx(Menu.Item, { children: "Item 3" })
+        ] })
+      ] }) })
+    );
     expect(container).toMatchSnapshot();
   });
-  it('should match snapshot Menu.Item with disabled and icon', function () {
-    var _render6 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(Menu.Action, null, /*#__PURE__*/React.createElement(Button.Icon, {
-      icon: MenuList
-    })), /*#__PURE__*/React.createElement(Menu.List, null, /*#__PURE__*/React.createElement(Menu.Item, {
-      icon: HomeFilled,
-      disabled: true
-    }, "Item 1"), /*#__PURE__*/React.createElement(Menu.Item, null, "Item 2"), /*#__PURE__*/React.createElement(Menu.Item, null, "Item 3"))))),
-        container = _render6.container;
-
+  it("should match snapshot Menu.Item with disabled and icon", () => {
+    const { container } = render(
+      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsxs(Menu, { children: [
+        /* @__PURE__ */ jsx(Menu.Action, { children: /* @__PURE__ */ jsx(Button.Icon, { icon: MenuList }) }),
+        /* @__PURE__ */ jsxs(Menu.List, { children: [
+          /* @__PURE__ */ jsx(Menu.Item, { icon: HomeFilled, disabled: true, children: "Item 1" }),
+          /* @__PURE__ */ jsx(Menu.Item, { children: "Item 2" }),
+          /* @__PURE__ */ jsx(Menu.Item, { children: "Item 3" })
+        ] })
+      ] }) })
+    );
     expect(container).toMatchSnapshot();
   });
-  it('should match snapshot Menu with a onMouseHover props false', function () {
-    var _render7 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Menu, {
-      onMouseHover: false
-    }, /*#__PURE__*/React.createElement(Menu.Action, null, /*#__PURE__*/React.createElement(Button.Icon, {
-      icon: MenuList
-    })), /*#__PURE__*/React.createElement(Menu.List, null, /*#__PURE__*/React.createElement(Menu.Item, {
-      icon: HomeFilled,
-      disabled: true
-    }, "Item 1"), /*#__PURE__*/React.createElement(Menu.Item, null, "Item 2"), /*#__PURE__*/React.createElement(Menu.Item, null, "Item 3"))))),
-        container = _render7.container;
-
+  it("should match snapshot Menu with a onMouseHover props false", () => {
+    const { container } = render(
+      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsxs(Menu, { onMouseHover: false, children: [
+        /* @__PURE__ */ jsx(Menu.Action, { children: /* @__PURE__ */ jsx(Button.Icon, { icon: MenuList }) }),
+        /* @__PURE__ */ jsxs(Menu.List, { children: [
+          /* @__PURE__ */ jsx(Menu.Item, { icon: HomeFilled, disabled: true, children: "Item 1" }),
+          /* @__PURE__ */ jsx(Menu.Item, { children: "Item 2" }),
+          /* @__PURE__ */ jsx(Menu.Item, { children: "Item 3" })
+        ] })
+      ] }) })
+    );
     expect(container).toMatchSnapshot();
   });
-  it('should match snapshot Menu with an align props start', function () {
-    var _render8 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(Menu.Action, null, /*#__PURE__*/React.createElement(Button.Icon, {
-      icon: MenuList
-    })), /*#__PURE__*/React.createElement(Menu.List, {
-      align: "start"
-    }, /*#__PURE__*/React.createElement(Menu.Item, {
-      icon: HomeFilled,
-      disabled: true
-    }, "Item 1"), /*#__PURE__*/React.createElement(Menu.Item, null, "Item 2"), /*#__PURE__*/React.createElement(Menu.Item, null, "Item 3"))))),
-        container = _render8.container;
-
+  it("should match snapshot Menu with an align props start", () => {
+    const { container } = render(
+      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsxs(Menu, { children: [
+        /* @__PURE__ */ jsx(Menu.Action, { children: /* @__PURE__ */ jsx(Button.Icon, { icon: MenuList }) }),
+        /* @__PURE__ */ jsxs(Menu.List, { align: "start", children: [
+          /* @__PURE__ */ jsx(Menu.Item, { icon: HomeFilled, disabled: true, children: "Item 1" }),
+          /* @__PURE__ */ jsx(Menu.Item, { children: "Item 2" }),
+          /* @__PURE__ */ jsx(Menu.Item, { children: "Item 3" })
+        ] })
+      ] }) })
+    );
     expect(container).toMatchSnapshot();
   });
-  it('should match snapshot Menu with an align props end', function () {
-    var _render9 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(Menu.Action, null, /*#__PURE__*/React.createElement(Button.Icon, {
-      icon: MenuList
-    })), /*#__PURE__*/React.createElement(Menu.List, {
-      align: "end"
-    }, /*#__PURE__*/React.createElement(Menu.Item, {
-      icon: HomeFilled,
-      disabled: true
-    }, "Item 1"), /*#__PURE__*/React.createElement(Menu.Item, null, "Item 2"), /*#__PURE__*/React.createElement(Menu.Item, null, "Item 3"))))),
-        container = _render9.container;
-
+  it("should match snapshot Menu with an align props end", () => {
+    const { container } = render(
+      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsxs(Menu, { children: [
+        /* @__PURE__ */ jsx(Menu.Action, { children: /* @__PURE__ */ jsx(Button.Icon, { icon: MenuList }) }),
+        /* @__PURE__ */ jsxs(Menu.List, { align: "end", children: [
+          /* @__PURE__ */ jsx(Menu.Item, { icon: HomeFilled, disabled: true, children: "Item 1" }),
+          /* @__PURE__ */ jsx(Menu.Item, { children: "Item 2" }),
+          /* @__PURE__ */ jsx(Menu.Item, { children: "Item 3" })
+        ] })
+      ] }) })
+    );
     expect(container).toMatchSnapshot();
   });
-});
+});

package/esm/Menu/web/MenuAction.js

@@ -1,16 +1,13 @@
-import React from 'react';
-import { Trigger as MenuActionRoot } from '@radix-ui/react-dropdown-menu';
-import { node } from 'prop-types';
-
-var MenuAction = function MenuAction(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/React.createElement(MenuActionRoot, {
-    asChild: true
-  }, children);
-};
-
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { Trigger as MenuActionRoot } from "@radix-ui/react-dropdown-menu";
+import { node } from "prop-types";
+const MenuAction = ({ children }) => /* @__PURE__ */ jsx(MenuActionRoot, { asChild: true, children });
 MenuAction.propTypes = {
   children: node.isRequired
 };
-MenuAction.displayName = 'Menu.Action';
-export default MenuAction;
+MenuAction.displayName = "Menu.Action";
+var MenuAction_default = MenuAction;
+export {
+  MenuAction_default as default
+};

package/esm/Menu/web/MenuItem.js

@@ -1,59 +1,141 @@
-var _excluded = ["icon", "href", "active", "disabled", "iconColor", "iconSize", "children", "theme"];
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import React, { forwardRef } from "react";
+import { Item as MenuItemRoot } from "@radix-ui/react-dropdown-menu";
+import { oneOfType, func, node, string, bool } from "prop-types";
+import styled, { withTheme } from "styled-components";
+import get from "lodash.get";
+const StyledMenuItem = styled.li`
+  display: flex;
+  align-items: center;
+  ${({ active, disabled, iconColor, theme: { yoga } }) => {
+  const {
+    components: { menu },
+    colors
+  } = yoga;
+  return `
+    margin-right: auto;
+    padding: ${menu.padding.vertical}px ${menu.padding.horizontal}px;
 
-var _templateObject;
+    width: 100%;
+    cursor: pointer;
+    text-decoration: none;
+    color: ${menu.text.default.color};
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+    ${active ? `
+      font-weight: ${menu.font.weight};
+      color: ${menu.text.active.color}
+      ` : ""}
 
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+    ${disabled ? `
+        color: ${menu.text.disabled.color};
+        pointer-events: none;
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+        svg {
+          fill: ${menu.text.disabled.color};
+          opacity: 0.5;
+        }
 
-import React, { forwardRef } from 'react';
-import { Item as MenuItemRoot } from '@radix-ui/react-dropdown-menu';
-import { oneOfType, func, node, string, bool } from 'prop-types';
-import styled, { withTheme } from 'styled-components';
-import get from 'lodash.get';
-var StyledMenuItem = styled.li(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  ", "\n"])), function (_ref) {
-  var active = _ref.active,
-      disabled = _ref.disabled,
-      iconColor = _ref.iconColor,
-      yoga = _ref.theme.yoga;
-  var menu = yoga.components.menu,
-      colors = yoga.colors;
-  return "\n    margin-right: auto;\n    padding: " + menu.padding.vertical + "px " + menu.padding.horizontal + "px;\n\n    width: 100%;\n    cursor: pointer;\n    text-decoration: none;\n    color: " + menu.text["default"].color + ";\n\n    " + (active ? "\n      font-weight: " + menu.font.weight + ";\n      color: " + menu.text.active.color + "\n      " : '') + "\n\n    " + (disabled ? "\n        color: " + menu.text.disabled.color + ";\n        pointer-events: none;\n\n        svg {\n          fill: " + menu.text.disabled.color + ";\n          opacity: 0.5;\n        }\n\n        cursor: not-allowed;\n    " : '') + "\n\n    svg {\n      margin-right: " + menu.margin["default"] + "px;\n      fill: " + get(colors, iconColor, iconColor) + ";\n    }\n\n    &:focus {\n      outline: none;\n      background: " + menu.backgroundColor.disabled + ";\n    }\n\n    &:hover {\n      background: " + menu.backgroundColor.disabled + ";\n    }\n\n    &:first-child {\n      margin-top: " + menu.margin.xxsmall + "px;\n    }\n\n    &:last-child {\n      margin-bottom: " + menu.margin.xxsmall + "px;\n    }\n  ";
-});
-var MenuItem = /*#__PURE__*/forwardRef(function (_ref2, ref) {
-  var Icon = _ref2.icon,
-      href = _ref2.href,
-      active = _ref2.active,
-      disabled = _ref2.disabled,
-      iconColor = _ref2.iconColor,
-      iconSize = _ref2.iconSize,
-      children = _ref2.children,
-      theme = _ref2.theme,
-      rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
+        cursor: not-allowed;
+    ` : ""}
 
-  var finalProps = _extends({}, rest);
+    svg {
+      margin-right: ${menu.margin.default}px;
+      fill: ${get(colors, iconColor, iconColor)};
+    }
 
-  if (href) {
-    finalProps.as = 'a';
-    finalProps.href = href;
-  }
+    &:focus {
+      outline: none;
+      background: ${menu.backgroundColor.disabled};
+    }
+
+    &:hover {
+      background: ${menu.backgroundColor.disabled};
+    }
 
-  var size = get(theme.yoga.spacing, iconSize, 20);
-  return /*#__PURE__*/React.createElement(MenuItemRoot, {
-    disabled: disabled,
-    asChild: true
-  }, /*#__PURE__*/React.createElement(StyledMenuItem, _extends({
-    active: active,
-    disabled: disabled,
-    iconColor: iconColor,
-    ref: ref
-  }, finalProps), Icon && /*#__PURE__*/React.createElement(Icon, {
-    width: size,
-    height: size
-  }), children));
-});
+    &:first-child {
+      margin-top: ${menu.margin.xxsmall}px;
+    }
+
+    &:last-child {
+      margin-bottom: ${menu.margin.xxsmall}px;
+    }
+  `;
+}}
+`;
+const MenuItem = forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      icon: Icon,
+      href,
+      active,
+      disabled,
+      iconColor,
+      iconSize,
+      children,
+      theme
+    } = _b, rest = __objRest(_b, [
+      "icon",
+      "href",
+      "active",
+      "disabled",
+      "iconColor",
+      "iconSize",
+      "children",
+      "theme"
+    ]);
+    const finalProps = __spreadValues({}, rest);
+    if (href) {
+      finalProps.as = "a";
+      finalProps.href = href;
+    }
+    const size = get(theme.yoga.spacing, iconSize, 20);
+    return /* @__PURE__ */ jsx(MenuItemRoot, { disabled, asChild: true, children: /* @__PURE__ */ jsxs(
+      StyledMenuItem,
+      __spreadProps(__spreadValues({
+        active,
+        disabled,
+        iconColor,
+        ref
+      }, finalProps), {
+        children: [
+          Icon && /* @__PURE__ */ jsx(Icon, { width: size, height: size }),
+          children
+        ]
+      })
+    ) });
+  }
+);
 MenuItem.propTypes = {
   /** The icon of menu item */
   icon: oneOfType([node, func]),
@@ -65,12 +147,15 @@ MenuItem.propTypes = {
   iconSize: string
 };
 MenuItem.defaultProps = {
-  icon: undefined,
-  href: undefined,
+  icon: void 0,
+  href: void 0,
   disabled: false,
   active: false,
-  iconColor: undefined,
-  iconSize: undefined
+  iconColor: void 0,
+  iconSize: void 0
+};
+MenuItem.displayName = "Menu.Item";
+var MenuItem_default = withTheme(MenuItem);
+export {
+  MenuItem_default as default
 };
-MenuItem.displayName = 'Menu.Item';
-export default withTheme(MenuItem);

package/esm/Menu/web/MenuList.js

@@ -1,64 +1,73 @@
-var _templateObject;
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import React, { forwardRef } from 'react';
-import styled from 'styled-components';
-import { Content as MenuListRoot, Portal } from '@radix-ui/react-dropdown-menu';
-import { node, number, oneOf, string } from 'prop-types';
-import Box from '../../Box';
-var StyledMenuList = styled(MenuListRoot)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  ", "\n"])), function (_ref) {
-  var zIndex = _ref.zIndex,
-      _ref$theme$yoga = _ref.theme.yoga,
-      menu = _ref$theme$yoga.components.menu,
-      elevations = _ref$theme$yoga.elevations;
-  return "\n    margin: " + menu.margin["default"] + "px 0;\n    padding: 0;\n    min-width: " + menu.width.min + "px;\n    max-width: " + menu.width.max + "px;\n    border-radius: " + menu.border.radius + "px;\n    background-color: " + menu.backgroundColor.white + ";\n    box-shadow: " + elevations.small + ";\n    z-index: " + zIndex + ";\n  ";
-});
-var MenuList = /*#__PURE__*/forwardRef(function (_ref2, ref) {
-  var children = _ref2.children,
-      align = _ref2.align,
-      alignOffset = _ref2.alignOffset,
-      side = _ref2.side,
-      sideOffset = _ref2.sideOffset,
-      zIndex = _ref2.zIndex;
-  return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(StyledMenuList, {
-    align: align,
-    alignOffset: alignOffset,
-    asChild: true,
-    side: side,
-    sideOffset: sideOffset,
-    zIndex: zIndex
-  }, /*#__PURE__*/React.createElement(Box, {
-    as: "ul",
-    m: "zero",
-    ref: ref
-  }, children)));
-});
+import { jsx } from "react/jsx-runtime";
+import React, { forwardRef } from "react";
+import styled from "styled-components";
+import { Content as MenuListRoot, Portal } from "@radix-ui/react-dropdown-menu";
+import { node, number, oneOf, string } from "prop-types";
+import Box from "../../Box";
+const StyledMenuList = styled(MenuListRoot)`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  ${({
+  zIndex,
+  theme: {
+    yoga: {
+      components: { menu },
+      elevations
+    }
+  }
+}) => {
+  return `
+    margin: ${menu.margin.default}px 0;
+    padding: 0;
+    min-width: ${menu.width.min}px;
+    max-width: ${menu.width.max}px;
+    border-radius: ${menu.border.radius}px;
+    background-color: ${menu.backgroundColor.white};
+    box-shadow: ${elevations.small};
+    z-index: ${zIndex};
+  `;
+}}
+`;
+const MenuList = forwardRef(
+  ({ children, align, alignOffset, side, sideOffset, zIndex }, ref) => {
+    return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(
+      StyledMenuList,
+      {
+        align,
+        alignOffset,
+        asChild: true,
+        side,
+        sideOffset,
+        zIndex,
+        children: /* @__PURE__ */ jsx(Box, { as: "ul", m: "zero", ref, children })
+      }
+    ) });
+  }
+);
 MenuList.propTypes = {
   /** Component to be rendered inside the Menu.List container */
   children: node.isRequired,
-
   /** Setup the vertical placement relative to Menu.Action component */
-  align: oneOf(['start', 'center', 'end']),
-
+  align: oneOf(["start", "center", "end"]),
   /** Add vertical space between the Menu.Action and the Menu.List */
   alignOffset: number,
-
   /** Setup the horizontal placement relative to Menu.Action component */
-  side: oneOf(['top', 'right', 'bottom', 'left']),
-
+  side: oneOf(["top", "right", "bottom", "left"]),
   /** Add horizontal space between the Menu.Action and the Menu.List */
   sideOffset: number,
-
   /** Add z-index value to Menu.List. Set to 'auto' by default */
   zIndex: string || number
 };
 MenuList.defaultProps = {
-  align: 'start',
+  align: "start",
   alignOffset: 0,
-  side: 'bottom',
+  side: "bottom",
   sideOffset: 4,
-  zIndex: 'auto'
+  zIndex: "auto"
+};
+MenuList.displayName = "Menu.List";
+var MenuList_default = MenuList;
+export {
+  MenuList_default as default
 };
-MenuList.displayName = 'Menu.List';
-export default MenuList;

package/esm/Popover/Popover.theme.js

@@ -1,5 +1,5 @@
-var Popover = function Popover() {
-  return {};
+const Popover = () => ({});
+var Popover_theme_default = Popover;
+export {
+  Popover_theme_default as default
 };
-
-export default Popover;

package/esm/Popover/index.js

@@ -1,2 +1,5 @@
-import Popover from './web';
-export default Popover;
+import Popover from "./web";
+var Popover_default = Popover;
+export {
+  Popover_default as default
+};