@pingux/astro 2.45.0 → 2.46.0-alpha.1

package/lib/cjs/components/Input/Input.d.ts

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

package/lib/cjs/components/Input/Input.js

@@ -9,15 +9,16 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _isInteger = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/number/is-integer"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styledSystem = require("styled-system");
 var _themeUi = require("theme-ui");
-var _isValidPositiveInt = _interopRequireDefault(require("../../utils/devUtils/props/isValidPositiveInt"));
 var _react2 = require("@emotion/react");
 var _excluded = ["name", "placeholder", "maxLength"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /**
  * Base input component.
  *
@@ -28,34 +29,25 @@ var _excluded = ["name", "placeholder", "maxLength"];
  * We instead encourage developers to utilize our Field components wherever possible.
  * If this component is used, accessibility is left to the developer.
  */
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var ExtendedInput = /*#__PURE__*/(0, _base["default"])(_themeUi.Input, process.env.NODE_ENV === "production" ? {
+  target: "e1lpwkt50"
+} : {
+  target: "e1lpwkt50",
+  label: "ExtendedInput"
+})(_styledSystem.layout, _styledSystem.flexbox, _styledSystem.typography, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0lucHV0L0lucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQnNCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0lucHV0L0lucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZmxleGJveCwgbGF5b3V0LCB0eXBvZ3JhcGh5IH0gZnJvbSAnc3R5bGVkLXN5c3RlbSc7XG5pbXBvcnQgeyBJbnB1dCBhcyBUaGVtZVVJSW5wdXQgfSBmcm9tICd0aGVtZS11aSc7XG5cbmltcG9ydCB7IElucHV0UHJvcHMgfSBmcm9tICcuLi8uLi90eXBlcyc7XG4vKipcbiAqIEJhc2UgaW5wdXQgY29tcG9uZW50LlxuICpcbiAqIEFjY2VwdHMgcmVsZXZhbnQgc3R5bGluZyBwcm9wcyBmcm9tIFtzdHlsZWQtc3lzdGVtXShodHRwczovL3N0eWxlZC1zeXN0ZW0uY29tL3RhYmxlKS5cbiAqIEJ1aWx0IG9uIHRvcCBvZiBbSW5wdXQgZnJvbSBUaGVtZS1VSV0oaHR0cHM6Ly90aGVtZS11aS5jb20vY29tcG9uZW50cy9pbnB1dC8pLlxuICpcbiAqICoqTm90ZSoqOiBUaGlzIGNvbXBvbmVudCBkb2VzIG5vdCBzdXBwbHkgYWxsIG9mIHRoZSBhY2Nlc3NpYmlsaXR5IGFzc2lzdGFuY2Ugb24gaXRzIG93bi5cbiAqIFdlIGluc3RlYWQgZW5jb3VyYWdlIGRldmVsb3BlcnMgdG8gdXRpbGl6ZSBvdXIgRmllbGQgY29tcG9uZW50cyB3aGVyZXZlciBwb3NzaWJsZS5cbiAqIElmIHRoaXMgY29tcG9uZW50IGlzIHVzZWQsIGFjY2Vzc2liaWxpdHkgaXMgbGVmdCB0byB0aGUgZGV2ZWxvcGVyLlxuICovXG5cbmNvbnN0IEV4dGVuZGVkSW5wdXQgPSBzdHlsZWQoVGhlbWVVSUlucHV0KShcbiAgbGF5b3V0LFxuICBmbGV4Ym94LFxuICB0eXBvZ3JhcGh5LFxuKTtcblxuY29uc3QgSW5wdXQgPSBmb3J3YXJkUmVmPEhUTUxJbnB1dEVsZW1lbnQsIElucHV0UHJvcHM+KChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHsgbmFtZSwgcGxhY2Vob2xkZXIsIG1heExlbmd0aCwgLi4ub3RoZXJzIH0gPSBwcm9wcztcblxuICByZXR1cm4gKFxuICAgIDxFeHRlbmRlZElucHV0XG4gICAgICByZWY9e3JlZn1cbiAgICAgIG5hbWU9e25hbWV9XG4gICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICBtYXhMZW5ndGg9e21heExlbmd0aCAmJiBtYXhMZW5ndGh9XG4gICAgICB7Li4ub3RoZXJzfVxuICAgIC8+XG4gICk7XG59KTtcblxuSW5wdXQuZGlzcGxheU5hbWUgPSAnSW5wdXQnO1xuXG5leHBvcnQgZGVmYXVsdCBJbnB1dDtcbiJdfQ== */");
 var Input = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var name = props.name,
     placeholder = props.placeholder,
     maxLength = props.maxLength,
     others = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  return (0, _react2.jsx)(_themeUi.Input, (0, _extends2["default"])({
+  return (0, _react2.jsx)(ExtendedInput, (0, _extends2["default"])({
     ref: ref,
     name: name,
     placeholder: placeholder,
-    maxLength: (0, _isInteger["default"])(maxLength) && maxLength > 0 ? maxLength : undefined
+    maxLength: maxLength && maxLength
   }, others));
 });
 Input.displayName = 'Input';
-Input.propTypes = {
-  /** Defines a string value that labels the current element. */
-  'aria-label': _propTypes["default"].string,
-  /** Id of input. */
-  id: _propTypes["default"].string,
-  /** Name of input. */
-  name: _propTypes["default"].string,
-  /** Max length of input value */
-  maxLength: _isValidPositiveInt["default"],
-  /** Type of input. Accepts most [HTML input types](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types) */
-  type: _propTypes["default"].string,
-  /** Placeholder for the input */
-  placeholder: _propTypes["default"].string
-};
 var _default = Input;
 exports["default"] = _default;

package/lib/cjs/components/Input/Input.stories.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { StoryFn } from '@storybook/react';
+import { InputProps } from '../../types';
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+    argTypes: {
+        placeholder: {};
+        type: {};
+        name: {};
+        id: {};
+    };
+    args: {
+        placeholder: string;
+    };
+};
+export default _default;
+export declare const Default: StoryFn<InputProps>;
+export declare const Password: StoryFn;
+export declare const LargeInput: StoryFn;

package/lib/cjs/components/Input/Input.styles.d.ts

@@ -0,0 +1,8 @@
+import { ThemeUICSSObject } from 'theme-ui';
+export declare const defaultFocus: {
+    borderColor: string;
+    outline: string;
+    outlineColor: string;
+    outlineOffset: string;
+};
+export declare const input: ThemeUICSSObject;

package/lib/cjs/components/Input/Input.styles.js

@@ -31,7 +31,6 @@ var defaultFocus = {
   outlineColor: 'accent.60',
   outlineOffset: '0px'
 };
-
 // Default input styling
 exports.defaultFocus = defaultFocus;
 var input = _objectSpread(_objectSpread({}, _Text.text.inputValue), {}, {

package/lib/cjs/components/Input/Input.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/cjs/components/Input/Input.test.js

@@ -45,17 +45,9 @@ test('maxlength field with a set maxlength', function () {
   _userEvent["default"].type(input, 'banana');
   expect(input.value.length).toBe(3);
 });
-test('maxlength field is not set as null', function () {
+test('maxlength field is not set as undefined', function () {
   getComponent({
-    maxLength: null
-  });
-  var input = _react2.screen.getByTestId(testId);
-  _userEvent["default"].type(input, 'banana');
-  expect(input.value.length).toBe(6);
-});
-test('maxlength field is not set as zero', function () {
-  getComponent({
-    maxLength: 0
+    maxLength: undefined
   });
   var input = _react2.screen.getByTestId(testId);
   _userEvent["default"].type(input, 'banana');

package/lib/cjs/components/Input/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Input';

package/lib/cjs/components/PopoverMenu/PopoverMenu.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { PopoverMenuProps } from '../../types';
+declare const PopoverMenu: React.ForwardRefExoticComponent<PopoverMenuProps & React.RefAttributes<HTMLDivElement>>;
+export default PopoverMenu;

package/lib/cjs/components/PopoverMenu/PopoverMenu.js

@@ -23,8 +23,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactAria = require("react-aria");
 var _reactStately = require("react-stately");
 var _interactions = require("@react-aria/interactions");
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _MenuContext = require("../../context/MenuContext");
+var _hooks = require("../../hooks");
 var _PopoverContainer = _interopRequireDefault(require("../PopoverContainer"));
 var _react2 = require("@emotion/react");
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -33,13 +33,9 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 var PopoverMenu = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _context;
-  var menuPopoverRef = (0, _react.useRef)();
-  var triggerRef = (0, _react.useRef)();
-  var menuRef = (0, _react.useRef)();
-  /* istanbul ignore next */
-  (0, _react.useImperativeHandle)(ref, function () {
-    return menuPopoverRef.current;
-  });
+  var menuPopoverRef = (0, _hooks.useLocalOrForwardRef)(ref);
+  var triggerRef = (0, _react.useRef)(null);
+  var menuRef = (0, _react.useRef)(null);
   var children = props.children,
     align = props.align,
     direction = props.direction,
@@ -52,11 +48,12 @@ var PopoverMenu = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     _React$Children$toArr2 = (0, _slicedToArray2["default"])(_React$Children$toArr, 2),
     menuTrigger = _React$Children$toArr2[0],
     menu = _React$Children$toArr2[1];
-  var state = (0, _reactStately.useMenuTriggerState)(_objectSpread(_objectSpread({}, props), {}, {
+  var menuTriggerState = _objectSpread(_objectSpread({}, props), {}, {
     defaultOpen: isDefaultOpen,
     closeOnSelect: !isNotClosedOnSelect,
     shouldFlip: !isNotFlippable
-  }));
+  });
+  var state = (0, _reactStately.useMenuTriggerState)(menuTriggerState);
   var _useMenuTrigger = (0, _reactAria.useMenuTrigger)({}, state, triggerRef),
     menuTriggerProps = _useMenuTrigger.menuTriggerProps,
     menuProps = _useMenuTrigger.menuProps;
@@ -74,6 +71,8 @@ var PopoverMenu = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }),
     positionProps = _useOverlayPosition.overlayProps,
     placement = _useOverlayPosition.placement;
+
+  /* eslint-disable react/jsx-no-constructed-context-values */
   var menuContext = _objectSpread(_objectSpread({}, menuProps), {}, {
     ref: menuRef,
     onClose: state.close,
@@ -102,35 +101,10 @@ var PopoverMenu = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     hasNoArrow: hasNoArrow,
     isDismissable: true,
     isNonModal: true
-  }, positionProps, menuProps), contents)));
+  }, positionProps, menuProps, {
+    role: "dialog"
+  }), contents)));
 });
-PopoverMenu.propTypes = {
-  /** Alignment of the popover menu relative to the trigger. */
-  align: _propTypes["default"].oneOf(['start', 'end', 'middle']),
-  /** Where the popover menu opens relative to its trigger. */
-  direction: _propTypes["default"].oneOf(['top', 'right', 'bottom', 'left']),
-  /** Whether the overlay is open by default (controlled). */
-  isOpen: _propTypes["default"].bool,
-  /** Whether the overlay is open by default (uncontrolled). */
-  isDefaultOpen: _propTypes["default"].bool,
-  /** Whether the popover is prevented from closing when a selection is made. */
-  isNotClosedOnSelect: _propTypes["default"].bool,
-  /**
-   * Whether the popover is prevented from flipping directions when insufficient space is
-   * available for the given `direction` placement.
-   */
-  isNotFlippable: _propTypes["default"].bool,
-  /** Whether the PopoverMenu hides the arrow. */
-  hasNoArrow: _propTypes["default"].bool,
-  /** Whether the PopoverMenu contains focus inside the scope. */
-  isContainFocus: _propTypes["default"].bool,
-  /**
-   * Handler that is called when the overlay's open state changes.
-   *
-   * `(isOpen: boolean) => void`
-   */
-  onOpenChange: _propTypes["default"].func
-};
 PopoverMenu.defaultProps = {
   align: 'middle',
   direction: 'bottom',

package/lib/cjs/components/PopoverMenu/PopoverMenu.stories.d.ts

@@ -0,0 +1,12 @@
+import { StoryFn } from '@storybook/react';
+import { PopoverMenuProps } from '../../types';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: StoryFn<PopoverMenuProps>;
+export declare const DefaultOpen: StoryFn;
+export declare const Controlled: StoryFn;
+export declare const Placement: StoryFn;
+export declare const NotFlippable: StoryFn;
+export declare const NotClosedOnSelect: StoryFn;
+export declare const DisabledItem: StoryFn;
+export declare const isPressed: StoryFn;

package/lib/cjs/components/PopoverMenu/PopoverMenu.stories.js

@@ -15,7 +15,7 @@ var _addonActions = require("@storybook/addon-actions");
 var _storybookAddonDesigns = require("storybook-addon-designs");
 var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
 var _index = require("../../index");
-var _figmaLinks = require("../../utils/designUtils/figmaLinks.ts");
+var _figmaLinks = require("../../utils/designUtils/figmaLinks");
 var _PopoverMenu = _interopRequireDefault(require("./PopoverMenu.mdx"));
 var _react2 = require("@emotion/react");
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

package/lib/cjs/components/PopoverMenu/PopoverMenu.styles.d.ts

@@ -0,0 +1,88 @@
+declare const _default: {
+    arrow: {
+        color: string;
+        '&:before': {
+            content: string;
+            position: string;
+            borderColor: string;
+            borderStyle: string;
+        };
+    };
+    container: {
+        visibility: string;
+        position: string;
+        bg: string;
+        color: string;
+        borderRadius: number;
+        fontSize: string;
+        lineHeight: number;
+        outline: string;
+        transitionProperty: string;
+        WebkitBoxShadow: string;
+        MozBoxShadow: string;
+        boxShadow: string;
+        '&.is-dark-mode': {
+            color: string;
+            bg: string;
+            '&[data-popover-placement^=top] > [data-popover-arrow="arrow"]:before': {
+                borderTopColor: string;
+            };
+            '&[data-popover-placement^=bottom] > [data-popover-arrow="arrow"]:before': {
+                borderBottomColor: string;
+            };
+            '&[data-popover-placement^=left] > [data-popover-arrow="arrow"]:before': {
+                borderLeftColor: string;
+            };
+            '&[data-popover-placement^=right] > [data-popover-arrow="arrow"]:before': {
+                borderRightColor: string;
+            };
+        };
+        '&[data-popover-placement^=top] > [data-popover-arrow="arrow"]': {
+            bottom: number;
+        };
+        '&[data-popover-placement^=top] > [data-popover-arrow="arrow"]:before': {
+            left: string;
+            transform: string;
+            borderWidth: string;
+            borderTopColor: string;
+            transformOrigin: string;
+        };
+        '&[data-popover-placement^=bottom] > [data-popover-arrow="arrow"]': {
+            top: number;
+        };
+        '&[data-popover-placement^=bottom] > [data-popover-arrow="arrow"]:before': {
+            top: string;
+            left: string;
+            transform: string;
+            borderWidth: string;
+            borderBottomColor: string;
+            transformOrigin: string;
+        };
+        '&[data-popover-placement^=left] > [data-popover-arrow="arrow"]': {
+            right: number;
+        };
+        '&[data-popover-placement^=left] > [data-popover-arrow="arrow"]:before': {
+            right: string;
+            top: string;
+            transform: string;
+            borderWidth: string;
+            borderLeftColor: string;
+            transformOrigin: string;
+        };
+        '&[data-popover-placement^=right] > [data-popover-arrow="arrow"]': {
+            left: number;
+        };
+        '&[data-popover-placement^=right] > [data-popover-arrow="arrow"]:before': {
+            left: string;
+            top: string;
+            transform: string;
+            borderWidth: string;
+            borderRightColor: string;
+            transformOrigin: string;
+        };
+        '&.is-open': {
+            visibility: string;
+        };
+    };
+};
+export default _default;

package/lib/cjs/components/PopoverMenu/PopoverMenu.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/cjs/components/PopoverMenu/index.d.ts

@@ -0,0 +1 @@
+export { default } from './PopoverMenu';

package/lib/cjs/context/MenuContext/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface MenuContent {
+}
+export declare const MenuContext: import("react").Context<MenuContent | undefined>;
+export declare const useMenuContext: () => MenuContent | undefined;
+export {};

package/lib/cjs/context/MenuContext/index.js

@@ -6,6 +6,8 @@ _Object$defineProperty(exports, "__esModule", {
 });
 exports.useMenuContext = exports.MenuContext = void 0;
 var _react = require("react");
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+
 var MenuContext = /*#__PURE__*/(0, _react.createContext)({});
 exports.MenuContext = MenuContext;
 var useMenuContext = function useMenuContext() {

package/lib/cjs/types/index.d.ts

@@ -8,12 +8,14 @@ export * from './fieldHelperText';
 export * from './icon';
 export * from './iconBadge';
 export * from './iconButton';
+export * from './input';
 export * from './item';
 export * from './link';
 export * from './listItem';
 export * from './loader';
 export * from './overlayPanel';
 export * from './popoverContainer';
+export * from './popoverMenu';
 export * from './separator';
 export * from './shared';
 export * from './table';

package/lib/cjs/types/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21;
+var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23;
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
@@ -117,8 +117,19 @@ _forEachInstanceProperty(_context10 = _Object$keys(_iconButton)).call(_context10
     }
   });
 });
+var _input = require("./input");
+_forEachInstanceProperty(_context11 = _Object$keys(_input)).call(_context11, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _input[key]) return;
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _input[key];
+    }
+  });
+});
 var _item = require("./item");
-_forEachInstanceProperty(_context11 = _Object$keys(_item)).call(_context11, function (key) {
+_forEachInstanceProperty(_context12 = _Object$keys(_item)).call(_context12, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _item[key]) return;
   _Object$defineProperty(exports, key, {
@@ -129,7 +140,7 @@ _forEachInstanceProperty(_context11 = _Object$keys(_item)).call(_context11, func
   });
 });
 var _link = require("./link");
-_forEachInstanceProperty(_context12 = _Object$keys(_link)).call(_context12, function (key) {
+_forEachInstanceProperty(_context13 = _Object$keys(_link)).call(_context13, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _link[key]) return;
   _Object$defineProperty(exports, key, {
@@ -140,7 +151,7 @@ _forEachInstanceProperty(_context12 = _Object$keys(_link)).call(_context12, func
   });
 });
 var _listItem = require("./listItem");
-_forEachInstanceProperty(_context13 = _Object$keys(_listItem)).call(_context13, function (key) {
+_forEachInstanceProperty(_context14 = _Object$keys(_listItem)).call(_context14, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _listItem[key]) return;
   _Object$defineProperty(exports, key, {
@@ -151,7 +162,7 @@ _forEachInstanceProperty(_context13 = _Object$keys(_listItem)).call(_context13,
   });
 });
 var _loader = require("./loader");
-_forEachInstanceProperty(_context14 = _Object$keys(_loader)).call(_context14, function (key) {
+_forEachInstanceProperty(_context15 = _Object$keys(_loader)).call(_context15, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _loader[key]) return;
   _Object$defineProperty(exports, key, {
@@ -162,7 +173,7 @@ _forEachInstanceProperty(_context14 = _Object$keys(_loader)).call(_context14, fu
   });
 });
 var _overlayPanel = require("./overlayPanel");
-_forEachInstanceProperty(_context15 = _Object$keys(_overlayPanel)).call(_context15, function (key) {
+_forEachInstanceProperty(_context16 = _Object$keys(_overlayPanel)).call(_context16, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _overlayPanel[key]) return;
   _Object$defineProperty(exports, key, {
@@ -173,7 +184,7 @@ _forEachInstanceProperty(_context15 = _Object$keys(_overlayPanel)).call(_context
   });
 });
 var _popoverContainer = require("./popoverContainer");
-_forEachInstanceProperty(_context16 = _Object$keys(_popoverContainer)).call(_context16, function (key) {
+_forEachInstanceProperty(_context17 = _Object$keys(_popoverContainer)).call(_context17, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _popoverContainer[key]) return;
   _Object$defineProperty(exports, key, {
@@ -183,8 +194,19 @@ _forEachInstanceProperty(_context16 = _Object$keys(_popoverContainer)).call(_con
     }
   });
 });
+var _popoverMenu = require("./popoverMenu");
+_forEachInstanceProperty(_context18 = _Object$keys(_popoverMenu)).call(_context18, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _popoverMenu[key]) return;
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _popoverMenu[key];
+    }
+  });
+});
 var _separator = require("./separator");
-_forEachInstanceProperty(_context17 = _Object$keys(_separator)).call(_context17, function (key) {
+_forEachInstanceProperty(_context19 = _Object$keys(_separator)).call(_context19, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _separator[key]) return;
   _Object$defineProperty(exports, key, {
@@ -195,7 +217,7 @@ _forEachInstanceProperty(_context17 = _Object$keys(_separator)).call(_context17,
   });
 });
 var _shared = require("./shared");
-_forEachInstanceProperty(_context18 = _Object$keys(_shared)).call(_context18, function (key) {
+_forEachInstanceProperty(_context20 = _Object$keys(_shared)).call(_context20, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _shared[key]) return;
   _Object$defineProperty(exports, key, {
@@ -206,7 +228,7 @@ _forEachInstanceProperty(_context18 = _Object$keys(_shared)).call(_context18, fu
   });
 });
 var _table = require("./table");
-_forEachInstanceProperty(_context19 = _Object$keys(_table)).call(_context19, function (key) {
+_forEachInstanceProperty(_context21 = _Object$keys(_table)).call(_context21, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _table[key]) return;
   _Object$defineProperty(exports, key, {
@@ -217,7 +239,7 @@ _forEachInstanceProperty(_context19 = _Object$keys(_table)).call(_context19, fun
   });
 });
 var _text = require("./text");
-_forEachInstanceProperty(_context20 = _Object$keys(_text)).call(_context20, function (key) {
+_forEachInstanceProperty(_context22 = _Object$keys(_text)).call(_context22, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _text[key]) return;
   _Object$defineProperty(exports, key, {
@@ -228,7 +250,7 @@ _forEachInstanceProperty(_context20 = _Object$keys(_text)).call(_context20, func
   });
 });
 var _tooltipTrigger = require("./tooltipTrigger");
-_forEachInstanceProperty(_context21 = _Object$keys(_tooltipTrigger)).call(_context21, function (key) {
+_forEachInstanceProperty(_context23 = _Object$keys(_tooltipTrigger)).call(_context23, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _tooltipTrigger[key]) return;
   _Object$defineProperty(exports, key, {

package/lib/cjs/types/input.d.ts

@@ -0,0 +1,18 @@
+import { TestingAttributes } from './shared/test';
+import { DOMAttributes, StyleProps, ValidPositiveInteger } from './shared';
+export interface InputProps extends StyleProps, DOMAttributes, TestingAttributes {
+    /** Defines a string value that labels the current element. */
+    'aria-label'?: string;
+    /** Id of input. */
+    id?: string;
+    /** Name of input. */
+    name?: string;
+    /** Max length of input value */
+    maxLength?: ValidPositiveInteger;
+    /** Type of input. Accepts most [HTML input types](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types) */
+    type?: string;
+    /** Placeholder for the input */
+    placeholder?: string;
+    /** Styling variant for the input */
+    variant?: string;
+}

package/lib/cjs/types/input.js

@@ -0,0 +1,6 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/cjs/types/popoverMenu.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import { Alignment, Axis } from './shared';
+export interface PopoverMenuProps {
+    children?: React.ReactNode;
+    /** Alignment of the popover menu relative to the trigger. */
+    align?: Alignment;
+    /** Where the popover menu opens relative to its trigger. */
+    direction?: Axis;
+    /** Whether the overlay is open by default (controlled). */
+    isOpen?: boolean;
+    /** Whether the overlay is open by default (uncontrolled). */
+    isDefaultOpen?: boolean;
+    /** Whether the popover is prevented from closing when a selection is made. */
+    isNotClosedOnSelect?: boolean;
+    closeOnSelect?: boolean;
+    /**
+     * Whether the popover is prevented from flipping directions when insufficient space is
+     * available for the given `direction` placement.
+     */
+    isNotFlippable?: boolean;
+    /** Whether the PopoverMenu hides the arrow. */
+    hasNoArrow?: boolean;
+    /** Whether the PopoverMenu contains focus inside the scope. */
+    isContainFocus?: boolean;
+    /**
+     * Handler that is called when the overlay's open state changes.
+     *
+     * `(isOpen: boolean) => void`
+     */
+    onOpenChange?: (isOpen: boolean) => void;
+}

package/lib/cjs/types/popoverMenu.js

@@ -0,0 +1,6 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/cjs/types/shared/index.d.ts

@@ -3,3 +3,4 @@ export * from './events';
 export * from './orientation';
 export * from './style';
 export * from './utils';
+export * from './validPositiveInteger';

package/lib/cjs/types/shared/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _context, _context2, _context3, _context4, _context5;
+var _context, _context2, _context3, _context4, _context5, _context6;
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
@@ -61,4 +61,15 @@ _forEachInstanceProperty(_context5 = _Object$keys(_utils)).call(_context5, funct
       return _utils[key];
     }
   });
+});
+var _validPositiveInteger = require("./validPositiveInteger");
+_forEachInstanceProperty(_context6 = _Object$keys(_validPositiveInteger)).call(_context6, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _validPositiveInteger[key]) return;
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _validPositiveInteger[key];
+    }
+  });
 });

package/lib/cjs/types/shared/style.d.ts

@@ -13,6 +13,7 @@ export interface StyleProps extends ThemeUICSSProperties, SxProp {
 }
 export type Placement = 'bottom' | 'bottom left' | 'bottom right' | 'bottom start' | 'bottom end' | 'top' | 'top left' | 'top right' | 'top start' | 'top end' | 'left' | 'left top' | 'left bottom' | 'start' | 'start top' | 'start bottom' | 'right' | 'right top' | 'right bottom' | 'end' | 'end top' | 'end bottom';
 export type Axis = 'top' | 'bottom' | 'left' | 'right';
+export type Alignment = 'start' | 'end' | 'middle';
 export type SizeAxis = 'width' | 'height';
 export type PlacementAxis = Axis | 'center';
 export type PanelSize = 'small' | 'medium' | 'large' | 'full' | 'custom';

package/lib/cjs/types/shared/validPositiveInteger.d.ts

@@ -0,0 +1,4 @@
+type Enumerate<N extends number, Acc extends number[] = []> = Acc['length'] extends N ? Acc[number] : Enumerate<N, [...Acc, Acc['length']]>;
+type Range<F extends number, T extends number> = Exclude<Enumerate<T>, Enumerate<F>>;
+export type ValidPositiveInteger = Range<1, 999>;
+export {};

package/lib/cjs/types/shared/validPositiveInteger.js

@@ -0,0 +1,6 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/components/Input/Input.js

@@ -1,11 +1,11 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
+import _styled from "@emotion/styled/base";
 var _excluded = ["name", "placeholder", "maxLength"];
-import _Number$isInteger from "@babel/runtime-corejs3/core-js-stable/number/is-integer";
 import React, { forwardRef } from 'react';
-import PropTypes from 'prop-types';
+import { flexbox, layout, typography } from 'styled-system';
 import { Input as ThemeUIInput } from 'theme-ui';
-import isValidPositiveInt from '../../utils/devUtils/props/isValidPositiveInt';
+import { jsx as ___EmotionJSX } from "@emotion/react";
 /**
  * Base input component.
  *
@@ -16,32 +16,24 @@ import isValidPositiveInt from '../../utils/devUtils/props/isValidPositiveInt';
  * We instead encourage developers to utilize our Field components wherever possible.
  * If this component is used, accessibility is left to the developer.
  */
-import { jsx as ___EmotionJSX } from "@emotion/react";
+
+var ExtendedInput = /*#__PURE__*/_styled(ThemeUIInput, process.env.NODE_ENV === "production" ? {
+  target: "e1lpwkt50"
+} : {
+  target: "e1lpwkt50",
+  label: "ExtendedInput"
+})(layout, flexbox, typography, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0lucHV0L0lucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQnNCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0lucHV0L0lucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZmxleGJveCwgbGF5b3V0LCB0eXBvZ3JhcGh5IH0gZnJvbSAnc3R5bGVkLXN5c3RlbSc7XG5pbXBvcnQgeyBJbnB1dCBhcyBUaGVtZVVJSW5wdXQgfSBmcm9tICd0aGVtZS11aSc7XG5cbmltcG9ydCB7IElucHV0UHJvcHMgfSBmcm9tICcuLi8uLi90eXBlcyc7XG4vKipcbiAqIEJhc2UgaW5wdXQgY29tcG9uZW50LlxuICpcbiAqIEFjY2VwdHMgcmVsZXZhbnQgc3R5bGluZyBwcm9wcyBmcm9tIFtzdHlsZWQtc3lzdGVtXShodHRwczovL3N0eWxlZC1zeXN0ZW0uY29tL3RhYmxlKS5cbiAqIEJ1aWx0IG9uIHRvcCBvZiBbSW5wdXQgZnJvbSBUaGVtZS1VSV0oaHR0cHM6Ly90aGVtZS11aS5jb20vY29tcG9uZW50cy9pbnB1dC8pLlxuICpcbiAqICoqTm90ZSoqOiBUaGlzIGNvbXBvbmVudCBkb2VzIG5vdCBzdXBwbHkgYWxsIG9mIHRoZSBhY2Nlc3NpYmlsaXR5IGFzc2lzdGFuY2Ugb24gaXRzIG93bi5cbiAqIFdlIGluc3RlYWQgZW5jb3VyYWdlIGRldmVsb3BlcnMgdG8gdXRpbGl6ZSBvdXIgRmllbGQgY29tcG9uZW50cyB3aGVyZXZlciBwb3NzaWJsZS5cbiAqIElmIHRoaXMgY29tcG9uZW50IGlzIHVzZWQsIGFjY2Vzc2liaWxpdHkgaXMgbGVmdCB0byB0aGUgZGV2ZWxvcGVyLlxuICovXG5cbmNvbnN0IEV4dGVuZGVkSW5wdXQgPSBzdHlsZWQoVGhlbWVVSUlucHV0KShcbiAgbGF5b3V0LFxuICBmbGV4Ym94LFxuICB0eXBvZ3JhcGh5LFxuKTtcblxuY29uc3QgSW5wdXQgPSBmb3J3YXJkUmVmPEhUTUxJbnB1dEVsZW1lbnQsIElucHV0UHJvcHM+KChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHsgbmFtZSwgcGxhY2Vob2xkZXIsIG1heExlbmd0aCwgLi4ub3RoZXJzIH0gPSBwcm9wcztcblxuICByZXR1cm4gKFxuICAgIDxFeHRlbmRlZElucHV0XG4gICAgICByZWY9e3JlZn1cbiAgICAgIG5hbWU9e25hbWV9XG4gICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICBtYXhMZW5ndGg9e21heExlbmd0aCAmJiBtYXhMZW5ndGh9XG4gICAgICB7Li4ub3RoZXJzfVxuICAgIC8+XG4gICk7XG59KTtcblxuSW5wdXQuZGlzcGxheU5hbWUgPSAnSW5wdXQnO1xuXG5leHBvcnQgZGVmYXVsdCBJbnB1dDtcbiJdfQ== */");
 var Input = /*#__PURE__*/forwardRef(function (props, ref) {
   var name = props.name,
     placeholder = props.placeholder,
     maxLength = props.maxLength,
     others = _objectWithoutProperties(props, _excluded);
-  return ___EmotionJSX(ThemeUIInput, _extends({
+  return ___EmotionJSX(ExtendedInput, _extends({
     ref: ref,
     name: name,
     placeholder: placeholder,
-    maxLength: _Number$isInteger(maxLength) && maxLength > 0 ? maxLength : undefined
+    maxLength: maxLength && maxLength
   }, others));
 });
 Input.displayName = 'Input';
-Input.propTypes = {
-  /** Defines a string value that labels the current element. */
-  'aria-label': PropTypes.string,
-  /** Id of input. */
-  id: PropTypes.string,
-  /** Name of input. */
-  name: PropTypes.string,
-  /** Max length of input value */
-  maxLength: isValidPositiveInt,
-  /** Type of input. Accepts most [HTML input types](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types) */
-  type: PropTypes.string,
-  /** Placeholder for the input */
-  placeholder: PropTypes.string
-};
 export default Input;

package/lib/components/Input/Input.styles.js

@@ -25,7 +25,6 @@ export var defaultFocus = {
   outlineColor: 'accent.60',
   outlineOffset: '0px'
 };
-
 // Default input styling
 export var input = _objectSpread(_objectSpread({}, text.inputValue), {}, {
   appearance: 'none',

package/lib/components/Input/Input.test.js

@@ -42,17 +42,9 @@ test('maxlength field with a set maxlength', function () {
   userEvent.type(input, 'banana');
   expect(input.value.length).toBe(3);
 });
-test('maxlength field is not set as null', function () {
+test('maxlength field is not set as undefined', function () {
   getComponent({
-    maxLength: null
-  });
-  var input = screen.getByTestId(testId);
-  userEvent.type(input, 'banana');
-  expect(input.value.length).toBe(6);
-});
-test('maxlength field is not set as zero', function () {
-  getComponent({
-    maxLength: 0
+    maxLength: undefined
   });
   var input = screen.getByTestId(testId);
   userEvent.type(input, 'banana');

package/lib/components/PopoverMenu/PopoverMenu.js

@@ -12,23 +12,19 @@ import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React, { forwardRef, useImperativeHandle, useRef } from 'react';
+import React, { forwardRef, useRef } from 'react';
 import { DismissButton, FocusScope, useMenuTrigger, useOverlayPosition } from 'react-aria';
 import { useMenuTriggerState } from 'react-stately';
 import { PressResponder } from '@react-aria/interactions';
-import PropTypes from 'prop-types';
 import { MenuContext } from '../../context/MenuContext';
+import { useLocalOrForwardRef } from '../../hooks';
 import PopoverContainer from '../PopoverContainer';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var PopoverMenu = /*#__PURE__*/forwardRef(function (props, ref) {
   var _context;
-  var menuPopoverRef = useRef();
-  var triggerRef = useRef();
-  var menuRef = useRef();
-  /* istanbul ignore next */
-  useImperativeHandle(ref, function () {
-    return menuPopoverRef.current;
-  });
+  var menuPopoverRef = useLocalOrForwardRef(ref);
+  var triggerRef = useRef(null);
+  var menuRef = useRef(null);
   var children = props.children,
     align = props.align,
     direction = props.direction,
@@ -41,11 +37,12 @@ var PopoverMenu = /*#__PURE__*/forwardRef(function (props, ref) {
     _React$Children$toArr2 = _slicedToArray(_React$Children$toArr, 2),
     menuTrigger = _React$Children$toArr2[0],
     menu = _React$Children$toArr2[1];
-  var state = useMenuTriggerState(_objectSpread(_objectSpread({}, props), {}, {
+  var menuTriggerState = _objectSpread(_objectSpread({}, props), {}, {
     defaultOpen: isDefaultOpen,
     closeOnSelect: !isNotClosedOnSelect,
     shouldFlip: !isNotFlippable
-  }));
+  });
+  var state = useMenuTriggerState(menuTriggerState);
   var _useMenuTrigger = useMenuTrigger({}, state, triggerRef),
     menuTriggerProps = _useMenuTrigger.menuTriggerProps,
     menuProps = _useMenuTrigger.menuProps;
@@ -63,6 +60,8 @@ var PopoverMenu = /*#__PURE__*/forwardRef(function (props, ref) {
     }),
     positionProps = _useOverlayPosition.overlayProps,
     placement = _useOverlayPosition.placement;
+
+  /* eslint-disable react/jsx-no-constructed-context-values */
   var menuContext = _objectSpread(_objectSpread({}, menuProps), {}, {
     ref: menuRef,
     onClose: state.close,
@@ -91,35 +90,10 @@ var PopoverMenu = /*#__PURE__*/forwardRef(function (props, ref) {
     hasNoArrow: hasNoArrow,
     isDismissable: true,
     isNonModal: true
-  }, positionProps, menuProps), contents)));
+  }, positionProps, menuProps, {
+    role: "dialog"
+  }), contents)));
 });
-PopoverMenu.propTypes = {
-  /** Alignment of the popover menu relative to the trigger. */
-  align: PropTypes.oneOf(['start', 'end', 'middle']),
-  /** Where the popover menu opens relative to its trigger. */
-  direction: PropTypes.oneOf(['top', 'right', 'bottom', 'left']),
-  /** Whether the overlay is open by default (controlled). */
-  isOpen: PropTypes.bool,
-  /** Whether the overlay is open by default (uncontrolled). */
-  isDefaultOpen: PropTypes.bool,
-  /** Whether the popover is prevented from closing when a selection is made. */
-  isNotClosedOnSelect: PropTypes.bool,
-  /**
-   * Whether the popover is prevented from flipping directions when insufficient space is
-   * available for the given `direction` placement.
-   */
-  isNotFlippable: PropTypes.bool,
-  /** Whether the PopoverMenu hides the arrow. */
-  hasNoArrow: PropTypes.bool,
-  /** Whether the PopoverMenu contains focus inside the scope. */
-  isContainFocus: PropTypes.bool,
-  /**
-   * Handler that is called when the overlay's open state changes.
-   *
-   * `(isOpen: boolean) => void`
-   */
-  onOpenChange: PropTypes.func
-};
 PopoverMenu.defaultProps = {
   align: 'middle',
   direction: 'bottom',

package/lib/components/PopoverMenu/PopoverMenu.stories.js

@@ -4,7 +4,7 @@ import { action } from '@storybook/addon-actions';
 import { withDesign } from 'storybook-addon-designs';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
 import { Button, Item, Menu, OverlayProvider, PopoverMenu, Text } from '../../index';
-import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks.ts';
+import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks';
 import PopoverMenuReadme from './PopoverMenu.mdx';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {

package/lib/context/MenuContext/index.js

@@ -1,4 +1,7 @@
 import { createContext, useContext } from 'react';
+
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+
 export var MenuContext = /*#__PURE__*/createContext({});
 export var useMenuContext = function useMenuContext() {
   return useContext(MenuContext);

package/lib/types/index.js

@@ -8,12 +8,14 @@ export * from './fieldHelperText';
 export * from './icon';
 export * from './iconBadge';
 export * from './iconButton';
+export * from './input';
 export * from './item';
 export * from './link';
 export * from './listItem';
 export * from './loader';
 export * from './overlayPanel';
 export * from './popoverContainer';
+export * from './popoverMenu';
 export * from './separator';
 export * from './shared';
 export * from './table';

package/lib/types/input.js

@@ -0,0 +1 @@
+export {};

package/lib/types/popoverMenu.js

@@ -0,0 +1 @@
+export {};

package/lib/types/shared/index.js

@@ -2,4 +2,5 @@ export * from './dom';
 export * from './events';
 export * from './orientation';
 export * from './style';
-export * from './utils';
+export * from './utils';
+export * from './validPositiveInteger';

package/lib/types/shared/validPositiveInteger.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.45.0",
+  "version": "2.46.0-alpha.1",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",