@pingux/astro 2.53.1 → 2.54.0-alpha.1

package/lib/cjs/components/RadioGroupField/RadioGroupField.js

@@ -25,6 +25,7 @@ var _uuid = require("uuid");
 var _ = require("../..");
 var _hooks = require("../../hooks");
 var _orientation = _interopRequireDefault(require("../../utils/devUtils/constants/orientation"));
+var _pendoID = require("../../utils/devUtils/constants/pendoID");
 var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
 var _fieldAttributes = require("../../utils/docUtils/fieldAttributes");
 var _statusProp = require("../../utils/docUtils/statusProp");
@@ -34,6 +35,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "functi
 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; }
 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; }
+var displayName = 'RadioGroupField';
 var RadioGroupField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var children = props.children,
     className = props.className,
@@ -62,7 +64,7 @@ var RadioGroupField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
   return (0, _react2.jsx)(_.Box, (0, _extends2["default"])({
     ref: ref,
     className: classNames
-  }, unhandledAriaProps, radioGroupProps), (0, _react2.jsx)(_.Label, (0, _extends2["default"])({
+  }, (0, _pendoID.getPendoID)(displayName), unhandledAriaProps, radioGroupProps), (0, _react2.jsx)(_.Label, (0, _extends2["default"])({
     isDisabled: isDisabled,
     hintText: hintText,
     isRequired: isRequired,
@@ -113,6 +115,6 @@ RadioGroupField.propTypes = _objectSpread(_objectSpread(_objectSpread({
   /** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */
   id: _propTypes["default"].string
 }, _statusProp.statusPropTypes), _ariaAttributes.ariaAttributesBasePropTypes), _fieldAttributes.inputFieldAttributesBasePropTypes);
-RadioGroupField.displayName = 'RadioGroupField';
+RadioGroupField.displayName = displayName;
 var _default = RadioGroupField;
 exports["default"] = _default;

package/lib/cjs/components/SearchField/SearchField.js

@@ -25,6 +25,7 @@ var _SearchIcon = _interopRequireDefault(require("@pingux/mdi-react/SearchIcon")
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ = require("../..");
 var _hooks = require("../../hooks");
+var _pendoID = require("../../utils/devUtils/constants/pendoID");
 var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
 var _fieldAttributes = require("../../utils/docUtils/fieldAttributes");
 var _react2 = require("@emotion/react");
@@ -32,6 +33,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "functi
 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; }
 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; }
+var displayName = 'SearchField';
 var SearchField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var autocomplete = props.autocomplete,
     hasAutoFocus = props.hasAutoFocus,
@@ -71,7 +73,7 @@ var SearchField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       state.setValue('');
     }
   };
-  return (0, _react2.jsx)(_.Box, fieldContainerProps, label && (0, _react2.jsx)(_.Label, fieldLabelProps), (0, _react2.jsx)(_.Box, (0, _extends2["default"])({
+  return (0, _react2.jsx)(_.Box, (0, _extends2["default"])({}, (0, _pendoID.getPendoID)(displayName), fieldContainerProps), label && (0, _react2.jsx)(_.Label, fieldLabelProps), (0, _react2.jsx)(_.Box, (0, _extends2["default"])({
     variant: "forms.search.wrapper"
   }, fieldControlWrapperProps), (0, _react2.jsx)(_.Input, (0, _extends2["default"])({
     variant: "forms.input.search",
@@ -268,6 +270,6 @@ SearchField.defaultProps = {
   hasNoClearButton: false,
   icon: _SearchIcon["default"]
 };
-SearchField.displayName = 'SearchField';
+SearchField.displayName = displayName;
 var _default = SearchField;
 exports["default"] = _default;

package/lib/cjs/components/SelectFieldBase/SelectFieldBase.js

@@ -25,6 +25,7 @@ var _MenuDownIcon = _interopRequireDefault(require("@pingux/mdi-react/MenuDownIc
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _uuid = require("uuid");
 var _labelModes = require("../../utils/devUtils/constants/labelModes");
+var _pendoID = require("../../utils/devUtils/constants/pendoID");
 var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
 var _statusProp = require("../../utils/docUtils/statusProp");
 var _Box = _interopRequireDefault(require("../Box"));
@@ -106,7 +107,7 @@ var SelectFieldBase = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   return (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({
     ref: ref,
     variant: "forms.input.fieldContainer"
-  }, fieldContainerProps, {
+  }, (0, _pendoID.getPendoID)('SelectField'), fieldContainerProps, {
     sx: _objectSpread(_objectSpread({}, columnStyleProps === null || columnStyleProps === void 0 ? void 0 : columnStyleProps.sx), fieldContainerProps === null || fieldContainerProps === void 0 ? void 0 : fieldContainerProps.sx)
   }), (0, _react2.jsx)(_Label["default"], fieldLabelProps, label), (0, _react2.jsx)(_reactAria.HiddenSelect, {
     state: state,

package/lib/cjs/components/SwitchField/SwitchField.js

@@ -26,6 +26,7 @@ var _interactions = require("@react-aria/interactions");
 var _omit = _interopRequireDefault(require("lodash/omit"));
 var _ = require("../..");
 var _hooks = require("../../hooks");
+var _pendoID = require("../../utils/devUtils/constants/pendoID");
 var _statusProp = require("../../utils/docUtils/statusProp");
 var _switchFieldAttributes = require("./switchFieldAttributes");
 var _react2 = require("@emotion/react");
@@ -35,6 +36,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "functi
 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; }
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys2(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; }
+var displayName = 'SwitchField';
 var SwitchField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var label = props.label,
     helperText = props.helperText,
@@ -96,17 +98,17 @@ var SwitchField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     'aria-controls': others['aria-controls'],
     'aria-errormessage': others['aria-errormessage']
   };
-  return (0, _react2.jsx)(_.Box, fieldContainerProps, (0, _react2.jsx)(_.Label, (0, _extends2["default"])({
+  return (0, _react2.jsx)(_.Box, (0, _extends2["default"])({}, (0, _pendoID.getPendoID)(displayName), fieldContainerProps), (0, _react2.jsx)(_.Label, (0, _extends2["default"])({
     variant: "forms.switch.label"
   }, fieldLabelProps), (0, _react2.jsx)(_.Box, fieldControlWrapperProps, (0, _react2.jsx)(_.Switch, (0, _extends2["default"])({
     ref: switchRef,
     inputProps: fieldControlInputProps
-  }, unhandledAriaProps, others))), label), helperText && (0, _react2.jsx)(_.FieldHelperText, {
+  }, unhandledAriaProps, (0, _omit["default"])(others, 'data-pendo-id')))), label), helperText && (0, _react2.jsx)(_.FieldHelperText, {
     status: status
   }, helperText));
 });
 SwitchField.propTypes = _switchFieldAttributes.switchFieldPropTypes;
 SwitchField.defaultProps = _objectSpread({}, _statusProp.statusDefaultProp);
-SwitchField.displayName = 'SwitchField';
+SwitchField.displayName = displayName;
 var _default = SwitchField;
 exports["default"] = _default;

package/lib/cjs/components/Tab/Tab.js

@@ -19,6 +19,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ = require("../..");
 var _hooks = require("../../hooks");
 var _orientation = _interopRequireDefault(require("../../utils/devUtils/constants/orientation"));
+var _pendoID = require("../../utils/devUtils/constants/pendoID");
 var _TabPicker = _interopRequireDefault(require("../TabPicker"));
 var _Tabs = require("../Tabs");
 var _react2 = require("@emotion/react");
@@ -83,7 +84,7 @@ var CollectionTab = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, slots === null || slots === void 0 ? void 0 : slots.beforeTab, (0, _react2.jsx)(_.Box, (0, _extends2["default"])({
     className: classNames,
     variant: "tab"
-  }, (0, _reactAria.mergeProps)(focusProps, hoverProps, tabProps), otherItemProps, {
+  }, (0, _reactAria.mergeProps)(focusProps, hoverProps, tabProps), (0, _pendoID.getPendoID)('Tab'), otherItemProps, {
     ref: tabRef,
     title: titleAttr || undefined
   }), icon, (0, _react2.jsx)(_.Text, (0, _extends2["default"])({

package/lib/cjs/components/TextAreaField/TextAreaField.js

@@ -23,6 +23,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _uuid = require("uuid");
 var _ = require("../..");
 var _hooks = require("../../hooks");
+var _pendoID = require("../../utils/devUtils/constants/pendoID");
 var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
 var _fieldAttributes = require("../../utils/docUtils/fieldAttributes");
 var _statusProp = require("../../utils/docUtils/statusProp");
@@ -31,6 +32,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "functi
 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; }
 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; }
+var displayName = 'TextAreaField';
 var TextAreaField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var helperText = props.helperText,
     isUnresizable = props.isUnresizable,
@@ -112,7 +114,7 @@ var TextAreaField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, labelNode);
   return (0, _react2.jsx)(_.Box, (0, _extends2["default"])({
     variant: "forms.input.fieldContainer"
-  }, fieldContainerProps, {
+  }, (0, _pendoID.getPendoID)(displayName), fieldContainerProps, {
     sx: _objectSpread(_objectSpread({}, columnStyleProps === null || columnStyleProps === void 0 ? void 0 : columnStyleProps.sx), fieldContainerProps === null || fieldContainerProps === void 0 ? void 0 : fieldContainerProps.sx),
     ref: containerRef,
     maxWidth: "100%"
@@ -214,6 +216,6 @@ TextAreaField.defaultProps = _objectSpread({
   isUnresizable: false,
   rows: 4
 }, _statusProp.statusDefaultProp);
-TextAreaField.displayName = 'TextAreaField';
+TextAreaField.displayName = displayName;
 var _default = TextAreaField;
 exports["default"] = _default;

package/lib/cjs/components/TextField/TextField.js

@@ -23,6 +23,7 @@ var _uuid = require("uuid");
 var _ = require("../..");
 var _hooks = require("../../hooks");
 var _useColumnStyles = _interopRequireDefault(require("../../hooks/useColumnStyles"));
+var _pendoID = require("../../utils/devUtils/constants/pendoID");
 var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
 var _fieldAttributes = require("../../utils/docUtils/fieldAttributes");
 var _statusProp = require("../../utils/docUtils/statusProp");
@@ -31,6 +32,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "functi
 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; }
 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; }
+var displayName = 'TextField';
 var TextField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var helperText = props.helperText,
     helpHintProps = props.helpHintProps,
@@ -59,7 +61,7 @@ var TextField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var helperTextId = (0, _uuid.v4)();
   return (0, _react2.jsx)(_.Box, (0, _extends2["default"])({
     variant: "forms.input.fieldContainer"
-  }, fieldContainerProps, {
+  }, (0, _pendoID.getPendoID)(displayName), fieldContainerProps, {
     sx: _objectSpread(_objectSpread({}, columnStyleProps === null || columnStyleProps === void 0 ? void 0 : columnStyleProps.sx), fieldContainerProps === null || fieldContainerProps === void 0 ? void 0 : fieldContainerProps.sx)
   }), (0, _react2.jsx)(_.Label, (0, _extends2["default"])({}, fieldLabelProps, {
     ref: labelRef,
@@ -151,6 +153,6 @@ TextField.defaultProps = _objectSpread({
   isReadOnly: false,
   isRequired: false
 }, _statusProp.statusDefaultProp);
-TextField.displayName = 'TextField';
+TextField.displayName = displayName;
 var _default = TextField;
 exports["default"] = _default;

package/lib/cjs/components/TimeZonePicker/TimeZonePicker.js

@@ -30,6 +30,7 @@ var _sort = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stabl
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _index = require("../../index");
+var _pendoID = require("../../utils/devUtils/constants/pendoID");
 var _timezones = _interopRequireWildcard(require("./timezones.js"));
 var _react2 = require("@emotion/react");
 var _excluded = ["additionalTimeZones", "emptySearchText", "locales", "localeOptions"];
@@ -196,7 +197,7 @@ var TimeZonePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       }]
     }, otherProps);
   }, [emptySearchText, filteredTimezones, otherProps]);
-  return (0, _react2.jsx)(_index.ComboBoxField, (0, _extends2["default"])({}, comboBoxFieldProps, {
+  return (0, _react2.jsx)(_index.ComboBoxField, (0, _extends2["default"])({}, (0, _pendoID.getPendoID)('TimeZonePicker'), comboBoxFieldProps, {
     disabledKeys: [emptySearchText],
     menuTrigger: "input"
   }), items);

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

@@ -109,6 +109,9 @@ declare const useField: <T>(props: UseFieldProps<T>) => {
         isRow?: boolean | undefined;
         isDisabled?: boolean | undefined;
         isFocused?: boolean | undefined;
+        isSelected?: boolean | undefined;
+        isUnavailable?: boolean | undefined;
+        hidden?: boolean | undefined;
         variant?: string | undefined;
         as?: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | import("react").ReactPortal | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | null | undefined;
         style?: string | import("react").CSSProperties | undefined;
@@ -835,7 +838,7 @@ declare const useField: <T>(props: UseFieldProps<T>) => {
         'aria-colindextext'?: string | undefined;
         'aria-colspan'?: number | undefined;
         'aria-controls'?: string | undefined;
-        'aria-current'?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+        'aria-current'?: boolean | "time" | "date" | "page" | "false" | "true" | "step" | "location" | undefined;
         'aria-describedby'?: string | undefined;
         'aria-description'?: string | undefined;
         'aria-details'?: string | undefined;
@@ -1070,7 +1073,7 @@ declare const useField: <T>(props: UseFieldProps<T>) => {
         'aria-colindextext'?: string | undefined;
         'aria-colspan'?: number | undefined;
         'aria-controls'?: string | undefined;
-        'aria-current'?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+        'aria-current'?: boolean | "time" | "date" | "page" | "false" | "true" | "step" | "location" | undefined;
         'aria-describedby'?: string | undefined;
         'aria-description'?: string | undefined;
         'aria-details'?: string | undefined;
@@ -1117,6 +1120,7 @@ declare const useField: <T>(props: UseFieldProps<T>) => {
         style?: import("react").CSSProperties | undefined;
         slot?: string | undefined;
         title?: string | undefined;
+        hidden?: boolean | undefined;
         id?: string | undefined;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
@@ -1294,7 +1298,6 @@ declare const useField: <T>(props: UseFieldProps<T>) => {
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
-        hidden?: boolean | undefined;
         lang?: string | undefined;
         nonce?: string | undefined;
         placeholder?: string | undefined;
@@ -1389,7 +1392,7 @@ declare const useField: <T>(props: UseFieldProps<T>) => {
         'aria-colindextext'?: string | undefined;
         'aria-colspan'?: number | undefined;
         'aria-controls'?: string | undefined;
-        'aria-current'?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+        'aria-current'?: boolean | "time" | "date" | "page" | "false" | "true" | "step" | "location" | undefined;
         'aria-describedby'?: string | undefined;
         'aria-description'?: string | undefined;
         'aria-details'?: string | undefined;
@@ -1436,6 +1439,7 @@ declare const useField: <T>(props: UseFieldProps<T>) => {
         style?: import("react").CSSProperties | undefined;
         slot?: string | undefined;
         title?: string | undefined;
+        hidden?: boolean | undefined;
         id?: string | undefined;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
@@ -1613,7 +1617,6 @@ declare const useField: <T>(props: UseFieldProps<T>) => {
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
-        hidden?: boolean | undefined;
         lang?: string | undefined;
         nonce?: string | undefined;
         placeholder?: string | undefined;

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

@@ -31,7 +31,7 @@ declare const useRockerButton: (props: RockerButtonProps, state: {
         'aria-colindextext'?: string | undefined;
         'aria-colspan'?: number | undefined;
         'aria-controls'?: string | undefined;
-        'aria-current'?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+        'aria-current'?: boolean | "time" | "date" | "page" | "false" | "true" | "step" | "location" | undefined;
         'aria-describedby'?: string | undefined;
         'aria-description'?: string | undefined;
         'aria-details'?: string | undefined;

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

@@ -9,4 +9,7 @@ export interface BoxProps extends StyleProps, DOMAttributes {
     isDisabled?: boolean;
     /** Whether the box is focused. */
     isFocused?: boolean;
+    isSelected?: boolean;
+    isUnavailable?: boolean;
+    hidden?: boolean;
 }

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

@@ -0,0 +1,69 @@
+import { Key } from 'react';
+import type { CalendarDate, CalendarDateTime, ZonedDateTime } from '@internationalized/date';
+import { type CalendarState } from '@react-stately/calendar';
+import { DOMAttributes } from './shared/dom';
+import { TestingAttributes } from './shared/test';
+import { BoxProps } from './box';
+export type DateValue = CalendarDate | CalendarDateTime | ZonedDateTime;
+type calendarGridStateProps = CalendarState;
+export interface RangeValue<T> {
+    /** The start value of the range. */
+    start: T;
+    /** The end value of the range. */
+    end: T;
+}
+export interface CalendarProps extends BoxProps, TestingAttributes {
+    /** Prop to provide a custom default date (uncontrolled) */
+    defaultValue?: DateValue | string;
+    /** Prop to provide a custom default focused date (uncontrolled) */
+    defaultFocusedValue?: DateValue;
+    /** Prop to provide a default date (controlled) */
+    value?: DateValue | string;
+    /** custom week days for other calendars */
+    customWeekDays?: string[];
+    /** Whether the element should receive focus on render. */
+    hasAutoFocus?: boolean;
+    /** The element's unique identifier. */
+    id?: string;
+    /**
+     * Callback that is called for each date of the calendar.
+     * If it returns true, then the date is unavailable.
+     *
+     * (date?: DateValue) => boolean
+     */
+    isDateUnavailable?: (date: CalendarDate) => boolean;
+    /** Whether the calendar is disabled. */
+    isDisabled?: boolean;
+    /** Whether the calendar dates are only focusable. */
+    isReadOnly?: boolean;
+    /** Whether user input is required on the input before form submission. */
+    isRequired?: boolean;
+    /** The maximum allowed date that a user may select. */
+    maxValue?: DateValue | string;
+    /** The minimum allowed date that a user may select. */
+    minValue?: DateValue | string;
+    /** Handler that is called when the element loses focus. */
+    onBlur?: () => void;
+    /** Handler that is called when the element's selection state changes. */
+    onChange?: () => void;
+    /** Handler that is called when the element receives focus. */
+    onFocus?: () => void;
+    /** Handler that is called when the element's focus status changes. */
+    onFocusChange?: () => void;
+    /** Handler that is called when a key is pressed. */
+    onKeyDown?: () => void;
+    /** Handler that is called when a key is released. */
+    onKeyUp?: () => void;
+}
+export interface CalendarGridProps {
+    /** State object that is passed in from the  useCalendar hook */
+    state: calendarGridStateProps;
+    /** Custom week days for other international calendars */
+    customWeekDays?: Array<string>;
+}
+export interface CalendarCellProps extends DOMAttributes {
+    state: calendarGridStateProps;
+    date: object;
+    key?: Key;
+}
+export {};

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

@@ -4,6 +4,7 @@ export * from './bracket';
 export * from './breadCrumbs';
 export * from './button';
 export * from './buttonBar';
+export * from './calendar';
 export * from './card';
 export * from './copyText';
 export * from './fieldHelperText';