@pingux/astro 2.31.0 → 2.32.0-alpha.1

package/lib/cjs/components/Button/Buttons.styles.js

@@ -24,12 +24,10 @@ var base = _objectSpread({
   minWidth: 'min-content',
   padding: '10px 15px',
   outline: 'none',
-  display: 'inline-flex',
   alignItems: 'center',
   justifyContent: 'center',
   borderRadius: '2px',
   flexShrink: 0,
-  wordBreak: 'inherit',
   whiteSpace: 'nowrap'
 }, _Text.text.buttonLabel);
 exports.base = base;

package/lib/cjs/components/Button/buttonAttributes.d.ts

@@ -0,0 +1 @@
+export declare const buttonArgTypes: any;

package/lib/cjs/components/Button/buttonAttributes.js

@@ -12,36 +12,28 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports.buttonPropTypes = exports.buttonArgTypes = void 0;
+exports.buttonArgTypes = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
 var _docArgTypes = require("../../utils/docUtils/docArgTypes");
 var _hoverProps = require("../../utils/docUtils/hoverProps");
+var _pressAttributes = require("../../utils/docUtils/pressAttributes");
 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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 // add designer approved variants for devs to use here
 var variantOptions = ['critical', 'default', 'inline', 'inlinePrimary', 'link', 'primary'];
 var descriptions = {
+  children: 'Button text.',
   isDisabled: 'Whether the button is disabled.',
   isLoading: 'Shows loader instead of children',
-  onHoverStart: 'Handler that is called when a hover interaction starts. (e: HoverEvent) => void',
-  onHoverEnd: 'Handler that is called when the hover state changes. (isHovering: boolean) => void',
-  onHoverChange: 'Handler that is called when the press is released over the target. (e: PressEvent) => void',
-  onPress: 'Handler that is called when the press is released over the target. (e: PressEvent) => void',
-  onPressChange: 'Handler that is called when the press state changes. (isPressed: boolean) => void',
-  onPressEnd: 'Handler that is called when a press interaction ends, either over the target or when the pointer leaves the target. (e: PressEvent) => void',
-  onPressStart: 'Handler that is called when a press interaction starts. (e: PressEvent) => void',
-  onPressUp: 'Handler that is called when a press is released over the target, regardless of whether it started on the target or not. (e: PressEvent) => void',
-  variant: 'The styling variation of the button.',
   tabIndex: 'The focus variation of button',
-  children: 'Button text.'
+  variant: 'The styling variation of the button.'
 };
-var buttonArgTypes = _objectSpread(_objectSpread({
+var buttonArgTypes = _objectSpread(_objectSpread(_objectSpread({
   variant: {
+    options: variantOptions,
     control: {
-      type: 'select',
-      options: variantOptions
+      type: 'select'
     },
     description: descriptions.variant
   },
@@ -56,22 +48,6 @@ var buttonArgTypes = _objectSpread(_objectSpread({
     },
     description: descriptions.children
   },
-  onPress: _objectSpread({
-    description: descriptions.onPress
-  }, _docArgTypes.funcArg),
-  onPressStart: _objectSpread({
-    description: descriptions.onPressStart
-  }, _docArgTypes.funcArg),
-  onPressEnd: _objectSpread({
-    description: descriptions.onPressEnd
-  }, _docArgTypes.funcArg),
-  onPressChange: _objectSpread({
-    description: descriptions.onPressChange
-  }, _docArgTypes.funcArg),
-  onPressUp: _objectSpread({
-    description: descriptions.onPressUp
-  }, _docArgTypes.funcArg)
-}, _hoverProps.onHoverArgTypes), {}, {
   isLoading: _objectSpread(_objectSpread({}, _docArgTypes.booleanArg), {}, {
     description: descriptions.isLoading
   }),
@@ -80,28 +56,6 @@ var buttonArgTypes = _objectSpread(_objectSpread({
   }),
   tabIndex: {
     description: descriptions.tabIndex
-  },
-  'aria-label': {
-    control: {
-      type: 'text'
-    },
-    description: _ariaAttributes.descriptions.ariaLabel
   }
-});
-exports.buttonArgTypes = buttonArgTypes;
-var buttonPropTypes = {
-  'aria-label': _propTypes["default"].string,
-  isDisabled: _propTypes["default"].bool,
-  isLoading: _propTypes["default"].bool,
-  onHoverStart: _propTypes["default"].func,
-  onHoverEnd: _propTypes["default"].func,
-  onHoverChange: _propTypes["default"].func,
-  onPress: _propTypes["default"].func,
-  onPressStart: _propTypes["default"].func,
-  onPressEnd: _propTypes["default"].func,
-  onPressChange: _propTypes["default"].func,
-  onPressUp: _propTypes["default"].func,
-  variant: _propTypes["default"].string,
-  tabIndex: _propTypes["default"].number
-};
-exports.buttonPropTypes = buttonPropTypes;
+}, _pressAttributes.onPressArgTypes), _hoverProps.onHoverArgTypes), _ariaAttributes.ariaAttributeBaseArgTypes);
+exports.buttonArgTypes = buttonArgTypes;

package/lib/cjs/components/Button/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const modes: {
+    DEFAULT: string;
+    ICON: string;
+};

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

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

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

@@ -0,0 +1,22 @@
+export { default as useAriaLabelWarning } from './useAriaLabelWarning';
+export { default as useColumnStyles } from './useColumnStyles';
+export { default as useComponentToggle } from './useComponentToggle';
+export { default as useCopyToClipboard } from './useCopyToClipboard';
+export { default as useDebounce } from './useDebounce';
+export { default as useDeprecationWarning } from './useDeprecationWarning';
+export { default as useDevelopmentWarning } from './useDevelopmentWarning';
+export { default as useFallbackImage } from './useFallbackImage';
+export { default as useField } from './useField';
+export { default as useLabelHeight } from './useLabelHeight';
+export { default as useLocalOrForwardRef } from './useLocalOrForwardRef';
+export { default as useModalState } from './useModalState';
+export { default as useMountTransition } from './useMountTransition';
+export { default as useNavBarPress } from './useNavBarPress';
+export { default as useOverlappingMenuHoverState } from './useOverlappingMenuHoverState';
+export { default as useOverlayPanelState } from './useOverlayPanelState';
+export { default as useProgressiveState } from './useProgressiveState';
+export { default as usePropWarning } from './usePropWarning';
+export { default as useRockerButton } from './useRockerButton';
+export { default as useSelectField } from './useSelectField';
+export { default as useStatusClasses } from './useStatusClasses';
+export { default as useTShirtSize } from './useTShirtSize';

package/lib/cjs/hooks/index.js

@@ -65,6 +65,12 @@ _Object$defineProperty(exports, "useLabelHeight", {
     return _useLabelHeight["default"];
   }
 });
+_Object$defineProperty(exports, "useLocalOrForwardRef", {
+  enumerable: true,
+  get: function get() {
+    return _useLocalOrForwardRef["default"];
+  }
+});
 _Object$defineProperty(exports, "useModalState", {
   enumerable: true,
   get: function get() {
@@ -141,6 +147,7 @@ var _useDevelopmentWarning = _interopRequireDefault(require("./useDevelopmentWar
 var _useFallbackImage = _interopRequireDefault(require("./useFallbackImage"));
 var _useField = _interopRequireDefault(require("./useField"));
 var _useLabelHeight = _interopRequireDefault(require("./useLabelHeight"));
+var _useLocalOrForwardRef = _interopRequireDefault(require("./useLocalOrForwardRef"));
 var _useModalState = _interopRequireDefault(require("./useModalState"));
 var _useMountTransition = _interopRequireDefault(require("./useMountTransition"));
 var _useNavBarPress = _interopRequireDefault(require("./useNavBarPress"));

package/lib/cjs/hooks/useDebounce/index.d.ts

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

package/lib/cjs/hooks/useDebounce/useDebounce.d.ts

@@ -0,0 +1,6 @@
+interface DebounceProps<T> {
+    value: T;
+    delay: number;
+}
+declare const useDebounce: <T>(props: DebounceProps<T>) => T;
+export default useDebounce;

package/lib/cjs/hooks/useDebounce/useDebounce.js

@@ -19,7 +19,7 @@ var useDebounce = function useDebounce(props) {
   (0, _react.useEffect)(function () {
     var handler = (0, _setTimeout2["default"])(function () {
       setDebouncedValue(value);
-    }, [delay]);
+    }, delay);
     return function () {
       clearTimeout(handler);
     };

package/lib/cjs/hooks/useDeprecationWarning/index.d.ts

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

package/lib/cjs/hooks/useDeprecationWarning/useDeprecationWarning.d.ts

@@ -0,0 +1,21 @@
+interface Options {
+    onlyOnce?: boolean;
+    isActive?: boolean;
+}
+interface UseDeprecationWarning {
+    /**
+     * Provides a development-only console warning on component mount.
+     *
+     * `text:`The deprecation warning text. It should describe what is being deprecated,
+     * when it is being deprecated (what lib version usually), and what to use instead.
+     *
+     * `options: { onlyOnce?: boolean, isActive?: boolean }`
+     * - `onlyOnce`: whether the warning will be shown just once
+     * - `isActive`: whether the warning should be shown
+     *
+     * e.g. "\`MyField\` will be deprecated in Astro-UI 1.0.0, use \`MyOtherField\` instead."
+     */
+    (text: string, options?: Options): void;
+}
+declare const useDeprecationWarning: UseDeprecationWarning;
+export default useDeprecationWarning;

package/lib/cjs/hooks/useDeprecationWarning/useDeprecationWarning.js

@@ -9,16 +9,6 @@ exports["default"] = void 0;
 var _set = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set"));
 var _react = require("react");
 var alreadyShown = new _set["default"]();
-
-/**
- * Provides a development-only console warning on component mount.
- * @param {String} text - The deprecation warning text. It should describe what is being deprecated,
- * when it is being deprecated (what lib version usually), and what to use instead.
- * @param {object} options
- * @param {boolean} options.isActive - whether warning should be shown
- * @param {boolean} options.onlyOnce - if true then warning will be globally shown just once
- * e.g. "\`MyField\` will be deprecated in Astro-UI 1.0.0, use \`MyOtherField\` instead."
- */
 var useDeprecationWarning = function useDeprecationWarning() {
   var text = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},

package/lib/cjs/hooks/useLocalOrForwardRef/index.d.ts

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

package/lib/cjs/hooks/useLocalOrForwardRef/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+_Object$defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _useLocalOrForwardRef["default"];
+  }
+});
+var _useLocalOrForwardRef = _interopRequireDefault(require("./useLocalOrForwardRef"));

package/lib/cjs/hooks/useLocalOrForwardRef/useLocalOrForwardRef.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+/**
+ * Accepts a forwardRef as a parameter and combines it with a
+ * local ref, incase the forwarded wasn't provided
+ */
+declare const useLocalOrForwardRef: <T>(forwardRef: import("react").Ref<T>) => import("react").MutableRefObject<T>;
+export default useLocalOrForwardRef;

package/lib/cjs/hooks/useLocalOrForwardRef/useLocalOrForwardRef.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = require("react");
+/**
+ * Accepts a forwardRef as a parameter and combines it with a
+ * local ref, incase the forwarded wasn't provided
+ */
+var useLocalOrForwardRef = function useLocalOrForwardRef(forwardRef) {
+  var localRef = (0, _react.useRef)({});
+  (0, _react.useImperativeHandle)(forwardRef, function () {
+    return localRef.current;
+  });
+  return localRef;
+};
+var _default = useLocalOrForwardRef;
+exports["default"] = _default;

package/lib/cjs/hooks/useLocalOrForwardRef/useLocalOrForwardRef.test.d.ts

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

package/lib/cjs/hooks/useLocalOrForwardRef/useLocalOrForwardRef.test.js

@@ -0,0 +1,70 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactAria = require("react-aria");
+var _react2 = require("@testing-library/react");
+var _index = require("../index");
+var _useLocalOrForwardRef = _interopRequireDefault(require("./useLocalOrForwardRef"));
+var _react3 = 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); }
+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 HAS_REF = 'hasRef';
+var ForwardRefComponent = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var localOrForwardRef = (0, _useLocalOrForwardRef["default"])(ref);
+  var _useFocusRing = (0, _reactAria.useFocusRing)(),
+    isFocusVisible = _useFocusRing.isFocusVisible,
+    focusProps = _useFocusRing.focusProps;
+  var _useStatusClasses = (0, _index.useStatusClasses)('className', {
+      isFocused: isFocusVisible
+    }),
+    classNames = _useStatusClasses.classNames;
+  return (0, _react3.jsx)("button", (0, _extends2["default"])({
+    className: classNames,
+    ref: localOrForwardRef,
+    type: "button"
+  }, focusProps, props), localOrForwardRef && HAS_REF);
+});
+var TestComponentWithRef = function TestComponentWithRef() {
+  var parentRef = (0, _react.useRef)({});
+  (0, _react.useEffect)(function () {
+    if (!parentRef.current) return;
+    parentRef.current.focus();
+  }, []);
+  return (0, _react3.jsx)(ForwardRefComponent, {
+    ref: parentRef
+  });
+};
+var getComponentWithRef = function getComponentWithRef() {
+  return (0, _react2.render)((0, _react3.jsx)(TestComponentWithRef, null));
+};
+var TestComponentWithoutRef = function TestComponentWithoutRef() {
+  return (0, _react3.jsx)(ForwardRefComponent, null);
+};
+var getComponentWithoutRef = function getComponentWithoutRef() {
+  return (0, _react2.render)((0, _react3.jsx)(TestComponentWithoutRef, null));
+};
+describe('localOrForwardRef', function () {
+  describe('When the test component has been provided a forward ref', function () {
+    test('it has a valid ref', function () {
+      getComponentWithRef();
+      _react2.screen.getByText(HAS_REF);
+    });
+    test('the test component can access the refs properties', function () {
+      getComponentWithRef();
+      var button = _react2.screen.getByRole('button');
+      expect(button).toHaveClass('is-focused');
+    });
+  });
+  describe('When the test component has not been provided a forward ref', function () {
+    test('it has a valid ref', function () {
+      getComponentWithoutRef();
+      _react2.screen.getByText(HAS_REF);
+    });
+  });
+});

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

@@ -0,0 +1,7 @@
+import { ButtonProps as ThemeUIButtonProps } from 'theme-ui';
+import { HoverProps, PressProps } from './shared';
+export interface ButtonProps extends HoverProps, PressProps, ThemeUIButtonProps {
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    tabIndex?: number;
+}

package/lib/cjs/types/button.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/index.d.ts

@@ -1,4 +1,5 @@
 export * from './box';
+export * from './button';
 export * from './icon';
 export * from './item';
 export * from './loader';

package/lib/cjs/types/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8;
+var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9;
 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");
@@ -18,8 +18,19 @@ _forEachInstanceProperty(_context = _Object$keys(_box)).call(_context, function
     }
   });
 });
+var _button = require("./button");
+_forEachInstanceProperty(_context2 = _Object$keys(_button)).call(_context2, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _button[key]) return;
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _button[key];
+    }
+  });
+});
 var _icon = require("./icon");
-_forEachInstanceProperty(_context2 = _Object$keys(_icon)).call(_context2, function (key) {
+_forEachInstanceProperty(_context3 = _Object$keys(_icon)).call(_context3, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _icon[key]) return;
   _Object$defineProperty(exports, key, {
@@ -30,7 +41,7 @@ _forEachInstanceProperty(_context2 = _Object$keys(_icon)).call(_context2, functi
   });
 });
 var _item = require("./item");
-_forEachInstanceProperty(_context3 = _Object$keys(_item)).call(_context3, function (key) {
+_forEachInstanceProperty(_context4 = _Object$keys(_item)).call(_context4, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _item[key]) return;
   _Object$defineProperty(exports, key, {
@@ -41,7 +52,7 @@ _forEachInstanceProperty(_context3 = _Object$keys(_item)).call(_context3, functi
   });
 });
 var _loader = require("./loader");
-_forEachInstanceProperty(_context4 = _Object$keys(_loader)).call(_context4, function (key) {
+_forEachInstanceProperty(_context5 = _Object$keys(_loader)).call(_context5, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _loader[key]) return;
   _Object$defineProperty(exports, key, {
@@ -52,7 +63,7 @@ _forEachInstanceProperty(_context4 = _Object$keys(_loader)).call(_context4, func
   });
 });
 var _popoverContainer = require("./popoverContainer");
-_forEachInstanceProperty(_context5 = _Object$keys(_popoverContainer)).call(_context5, function (key) {
+_forEachInstanceProperty(_context6 = _Object$keys(_popoverContainer)).call(_context6, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _popoverContainer[key]) return;
   _Object$defineProperty(exports, key, {
@@ -63,7 +74,7 @@ _forEachInstanceProperty(_context5 = _Object$keys(_popoverContainer)).call(_cont
   });
 });
 var _shared = require("./shared");
-_forEachInstanceProperty(_context6 = _Object$keys(_shared)).call(_context6, function (key) {
+_forEachInstanceProperty(_context7 = _Object$keys(_shared)).call(_context7, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _shared[key]) return;
   _Object$defineProperty(exports, key, {
@@ -74,7 +85,7 @@ _forEachInstanceProperty(_context6 = _Object$keys(_shared)).call(_context6, func
   });
 });
 var _tableCell = require("./tableCell");
-_forEachInstanceProperty(_context7 = _Object$keys(_tableCell)).call(_context7, function (key) {
+_forEachInstanceProperty(_context8 = _Object$keys(_tableCell)).call(_context8, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _tableCell[key]) return;
   _Object$defineProperty(exports, key, {
@@ -85,7 +96,7 @@ _forEachInstanceProperty(_context7 = _Object$keys(_tableCell)).call(_context7, f
   });
 });
 var _text = require("./text");
-_forEachInstanceProperty(_context8 = _Object$keys(_text)).call(_context8, function (key) {
+_forEachInstanceProperty(_context9 = _Object$keys(_text)).call(_context9, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _text[key]) return;
   _Object$defineProperty(exports, key, {

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

@@ -1,7 +1,8 @@
-import React, { AriaAttributes, DOMAttributes as ReactDOMAttributes } from 'react';
+import React, { AriaAttributes, DOMAttributes as ReactDOMAttributes, FocusEvent } from 'react';
 export type AriaRole = 'alert' | 'alertdialog' | 'application' | 'article' | 'banner' | 'button' | 'cell' | 'checkbox' | 'columnheader' | 'combobox' | 'complementary' | 'contentinfo' | 'definition' | 'dialog' | 'directory' | 'document' | 'feed' | 'figure' | 'form' | 'grid' | 'gridcell' | 'group' | 'heading' | 'img' | 'link' | 'list' | 'listbox' | 'listitem' | 'log' | 'main' | 'marquee' | 'math' | 'menu' | 'menubar' | 'menuitem' | 'menuitemcheckbox' | 'menuitemradio' | 'navigation' | 'none' | 'note' | 'option' | 'presentation' | 'progressbar' | 'radio' | 'radiogroup' | 'region' | 'row' | 'rowgroup' | 'rowheader' | 'scrollbar' | 'search' | 'searchbox' | 'separator' | 'slider' | 'spinbutton' | 'status' | 'switch' | 'tab' | 'table' | 'tablist' | 'tabpanel' | 'term' | 'textbox' | 'timer' | 'toolbar' | 'tooltip' | 'tree' | 'treegrid' | 'treeitem' | (string & Record<string, unknown>);
 export interface FocusableElement extends Element, HTMLOrSVGElement {
 }
+export type FocusEventHandler = (e: FocusEvent<Element>) => void;
 export interface DOMAttributes<T = FocusableElement> extends AriaAttributes, ReactDOMAttributes<T> {
     role?: AriaRole | undefined;
     className?: string | undefined;

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

@@ -0,0 +1,5 @@
+import type { HoverEvents, PressEvents } from '@react-types/shared';
+export type PressProps = PressEvents;
+export interface HoverProps extends HoverEvents {
+    isHovered?: boolean;
+}

package/lib/cjs/types/shared/events.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

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

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

@@ -1,6 +1,6 @@
 "use strict";
 
-var _context, _context2, _context3;
+var _context, _context2, _context3, _context4;
 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");
@@ -18,8 +18,19 @@ _forEachInstanceProperty(_context = _Object$keys(_dom)).call(_context, function
     }
   });
 });
+var _events = require("./events");
+_forEachInstanceProperty(_context2 = _Object$keys(_events)).call(_context2, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _events[key]) return;
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _events[key];
+    }
+  });
+});
 var _style = require("./style");
-_forEachInstanceProperty(_context2 = _Object$keys(_style)).call(_context2, function (key) {
+_forEachInstanceProperty(_context3 = _Object$keys(_style)).call(_context3, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _style[key]) return;
   _Object$defineProperty(exports, key, {
@@ -30,7 +41,7 @@ _forEachInstanceProperty(_context2 = _Object$keys(_style)).call(_context2, funct
   });
 });
 var _utils = require("./utils");
-_forEachInstanceProperty(_context3 = _Object$keys(_utils)).call(_context3, function (key) {
+_forEachInstanceProperty(_context4 = _Object$keys(_utils)).call(_context4, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _utils[key]) return;
   _Object$defineProperty(exports, key, {

package/lib/cjs/utils/docUtils/ariaAttributes.d.ts

@@ -0,0 +1,105 @@
+export declare const descriptions: {
+    ariaControls: string;
+    ariaDescribedby: string;
+    ariaDetails: string;
+    ariaErrormessage: string;
+    ariaLabel: string;
+    ariaLabelledby: string;
+};
+export declare const ariaAttributeBaseDocSettings: {
+    type: {
+        summary: string;
+    };
+    control: {
+        type: string;
+    };
+    table: {
+        category: string;
+    };
+};
+export declare const ariaAttributeBaseArgTypes: {
+    'aria-controls': {
+        type: {
+            summary: string;
+        };
+        control: {
+            type: string;
+        };
+        table: {
+            category: string;
+        };
+        description: string;
+    };
+    'aria-describedby': {
+        type: {
+            summary: string;
+        };
+        control: {
+            type: string;
+        };
+        table: {
+            category: string;
+        };
+        description: string;
+    };
+    'aria-details': {
+        type: {
+            summary: string;
+        };
+        control: {
+            type: string;
+        };
+        table: {
+            category: string;
+        };
+        description: string;
+    };
+    'aria-errormessage': {
+        type: {
+            summary: string;
+        };
+        control: {
+            type: string;
+        };
+        table: {
+            category: string;
+        };
+        description: string;
+    };
+    'aria-label': {
+        type: {
+            summary: string;
+        };
+        control: {
+            type: string;
+        };
+        table: {
+            category: string;
+        };
+        description: string;
+    };
+    'aria-labelledby': {
+        type: {
+            summary: string;
+        };
+        control: {
+            type: string;
+        };
+        table: {
+            category: string;
+        };
+        description: string;
+    };
+};
+export declare const ariaAttributesBasePropTypes: {
+    'aria-controls': any;
+    'aria-describedby': any;
+    'aria-details': any;
+    'aria-errormessage': any;
+    'aria-label': any;
+    'aria-labelledby': any;
+};
+export declare const getAriaAttributeProps: (props: any) => {
+    ariaProps: {};
+    nonAriaProps: any;
+};

package/lib/cjs/utils/docUtils/pressAttributes.d.ts

@@ -0,0 +1,7 @@
+export declare const onPressArgTypes: {
+    onPress: any;
+    onPressStart: any;
+    onPressEnd: any;
+    onPressChange: any;
+    onPressUp: any;
+};