@pingux/astro 2.143.0 → 2.144.0-alpha.1

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

@@ -38,7 +38,7 @@ var _default = {
         disable: true
       }
     },
-    showValueLabel: {
+    shouldShowValueLabel: {
       table: {
         disable: true
       }

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

@@ -66,10 +66,10 @@ test('renders value as custom valueLabel instead of percentage', function () {
   expect(value).not.toBeInTheDocument();
   expect(valueLabel).toBeInTheDocument();
 });
-test('does not render value when showValueLabel is false', function () {
+test('does not render value when shouldShowValueLabel is false', function () {
   getComponent({
     value: 25,
-    showValueLabel: false
+    shouldShowValueLabel: false
   });
   var valueLabel = _react2.screen.queryByText('25%');
   expect(valueLabel).not.toBeInTheDocument();

package/lib/cjs/components/RadioField/RadioField.js

@@ -45,14 +45,14 @@ var RadioField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     controlProps = props.controlProps,
     hasAutoFocus = props.hasAutoFocus,
     helperText = props.helperText,
-    radioDisabled = props.isDisabled,
+    isRadioDisabled = props.isDisabled,
     label = props.label,
     status = props.status;
   (0, _hooks.usePropWarning)(props, 'disabled', 'isDisabled');
   var radioFieldRef = (0, _hooks.useLocalOrForwardRef)(ref);
   var state = (0, _react.useContext)(RadioContext);
-  var groupDisabled = state.isDisabled;
-  var isDisabled = radioDisabled || groupDisabled;
+  var isGroupDisabled = state.isDisabled;
+  var isDisabled = isRadioDisabled || isGroupDisabled;
   var _useRadio = (0, _reactAria.useRadio)(_objectSpread(_objectSpread({
       children: label,
       autoFocus: hasAutoFocus

package/lib/cjs/components/RockerButton/RockerButton.js

@@ -55,12 +55,12 @@ var RockerButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }), state, rockerButtonRef),
     rockerButtonProps = _useToggleButtonGroup.buttonProps,
     isSelected = _useToggleButtonGroup.isSelected,
-    raIsDisabled = _useToggleButtonGroup.isDisabled,
+    isRaDisabled = _useToggleButtonGroup.isDisabled,
     isPressed = _useToggleButtonGroup.isPressed;
   var _useStatusClasses = (0, _hooks.useStatusClasses)(className, {
       isHovered: isHovered,
       isPressed: isPressed,
-      isDisabled: raIsDisabled,
+      isDisabled: isRaDisabled,
       isSelected: isSelected
     }),
     classNames = _useStatusClasses.classNames;

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

@@ -162,7 +162,7 @@ var SearchAutoComplete = /*#__PURE__*/(0, _react.forwardRef)(function (props, re
     state: comboBoxState,
     isFocusedOnHover: shouldFocusOnHover,
     isSelectedOnPressUp: shouldSelectOnPressUp,
-    showSelectedOption: false
+    shouldShowSelectedOption: false
   }, otherListBoxProps)))));
 });
 exports.SearchAutoComplete = SearchAutoComplete;

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

@@ -416,8 +416,8 @@ var AsyncLoading = function AsyncLoading() {
     setDataSize = _useState10[1];
   var _useState11 = (0, _react.useState)(true),
     _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
-    loading = _useState12[0],
-    setLoading = _useState12[1];
+    isLoading = _useState12[0],
+    setIsLoading = _useState12[1];
   var fetchData = (0, _react.useCallback)( /*#__PURE__*/function () {
     var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(currentLimit) {
       var response, json;
@@ -437,14 +437,14 @@ var AsyncLoading = function AsyncLoading() {
               setData(json.body._embedded.users || []);
               setDataSize(json.body.count);
             }
-            setLoading(false);
+            setIsLoading(false);
             _context3.next = 15;
             break;
           case 11:
             _context3.prev = 11;
             _context3.t0 = _context3["catch"](0);
             console.error('Fetch error:', _context3.t0);
-            setLoading(false);
+            setIsLoading(false);
           case 15:
           case "end":
             return _context3.stop();
@@ -457,7 +457,7 @@ var AsyncLoading = function AsyncLoading() {
   }(), []);
   var handleLoadMore = function handleLoadMore() {
     if (limit >= dataSize) return;
-    setLoading(true);
+    setIsLoading(true);
     setLimit(function (prevLimit) {
       return prevLimit + _constants.LIMIT;
     });
@@ -468,7 +468,7 @@ var AsyncLoading = function AsyncLoading() {
   return (0, _react2.jsx)(_reactAria.OverlayProvider, null, (0, _react2.jsx)(_index.SelectField, {
     label: "Pick a User",
     items: data,
-    isLoading: loading,
+    isLoading: isLoading,
     onLoadMore: handleLoadMore
   }, function (item) {
     var user = item;

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

@@ -31,7 +31,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var CollectionTab = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var className = props.className,
     item = props.item,
-    tabsDisabled = props.isDisabled,
+    isTabsDisabled = props.isDisabled,
     isRequired = props.isRequired,
     orientation = props.orientation,
     mode = props.mode,
@@ -40,7 +40,7 @@ var CollectionTab = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     rendered = item.rendered,
     itemProps = item.props;
   var state = (0, _react.useContext)(_Tabs.TabsContext);
-  var isDisabled = tabsDisabled || (itemProps === null || itemProps === void 0 ? void 0 : itemProps.isDisabled) || state.disabledKeys.has(key);
+  var isDisabled = isTabsDisabled || (itemProps === null || itemProps === void 0 ? void 0 : itemProps.isDisabled) || state.disabledKeys.has(key);
   var isSelected = state.selectedKey === key;
   var _useFocusRing = (0, _reactAria.useFocusRing)(),
     isFocusVisible = _useFocusRing.isFocusVisible,

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

@@ -1,7 +1,7 @@
 import { MutableRefObject } from 'react';
 export interface MenuContextValue {
     onClose?: () => void;
-    closeOnSelect?: boolean;
+    shouldCloseOnSelect?: boolean;
     ref?: MutableRefObject<HTMLDivElement | HTMLElement | null>;
 }
 export declare const MenuContext: import("react").Context<MenuContextValue>;

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

@@ -21,7 +21,7 @@ interface UseComponentToggle {
 export interface ComponentToggleProps {
     ComponentToRenderIfTrue: React.ReactNode;
     ComponentToRenderIfFalse: React.ReactNode;
-    condition: boolean;
+    isToggled: boolean;
     onConditionChange?: (newCondition: boolean, ...args: unknown[]) => void;
 }
 export interface ComponentToggleResult {

package/lib/cjs/hooks/useComponentToggle/useComponentToggle.js

@@ -12,21 +12,21 @@ var _index = require("../index");
 var useComponentToggle = function useComponentToggle(props) {
   var ComponentToRenderIfTrue = props.ComponentToRenderIfTrue,
     ComponentToRenderIfFalse = props.ComponentToRenderIfFalse,
-    condition = props.condition,
+    isToggled = props.isToggled,
     onConditionChange = props.onConditionChange;
-  var _useProgressiveState = (0, _index.useProgressiveState)(condition, false),
+  var _useProgressiveState = (0, _index.useProgressiveState)(isToggled, false),
     _useProgressiveState2 = (0, _slicedToArray2["default"])(_useProgressiveState, 2),
-    isToggled = _useProgressiveState2[0],
+    isToggledState = _useProgressiveState2[0],
     setIsToggled = _useProgressiveState2[1];
-  var RenderedComponent = isToggled ? ComponentToRenderIfTrue : ComponentToRenderIfFalse;
+  var RenderedComponent = isToggledState ? ComponentToRenderIfTrue : ComponentToRenderIfFalse;
   var handleConditionChange = function handleConditionChange() {
-    setIsToggled(!isToggled);
+    setIsToggled(!isToggledState);
     if (onConditionChange) {
       var _context;
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
       }
-      onConditionChange.apply(void 0, (0, _concat["default"])(_context = [!isToggled]).call(_context, args));
+      onConditionChange.apply(void 0, (0, _concat["default"])(_context = [!isToggledState]).call(_context, args));
     }
   };
   return {

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

@@ -24,9 +24,9 @@ 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 _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = _Object$defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof _Symbol ? _Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return _Object$defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = _Object$create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = _Object$getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = _Object$create(IteratorPrototype); function defineIteratorMethods(prototype) { var _context3; _forEachInstanceProperty(_context3 = ["next", "throw", "return"]).call(_context3, function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], _forEachInstanceProperty(tryLocsList).call(tryLocsList, pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return _Object$setPrototypeOf ? _Object$setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = _Object$create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = _Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return _reverseInstanceProperty(keys).call(keys), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { var _context4; if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, _forEachInstanceProperty(_context4 = this.tryEntries).call(_context4, resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+_sliceInstanceProperty(name).call(name, 1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
 var callback = jest.fn();
-var condition = false;
+var isToggled = false;
 var defaultProps = {
-  condition: condition,
+  isToggled: isToggled,
   onConditionChange: callback,
   ComponentToRenderIfTrue: (0, _react3.jsx)("span", null, "true-string"),
   ComponentToRenderIfFalse: (0, _react3.jsx)("span", null, "false-string")
@@ -34,11 +34,11 @@ var defaultProps = {
 var TestComponent = function TestComponent() {
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    thisCondition = _useState2[0],
-    setCondition = _useState2[1];
+    isToggledState = _useState2[0],
+    setIsToggledState = _useState2[1];
   var conditionalRenderProps = {
-    condition: thisCondition,
-    onConditionChange: setCondition,
+    isToggled: isToggledState,
+    onConditionChange: setIsToggledState,
     ComponentToRenderIfTrue: (0, _react3.jsx)("span", null, "true-string"),
     ComponentToRenderIfFalse: (0, _react3.jsx)("span", null, "false-string"),
     onConditionChangeProp: callback

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

@@ -20,7 +20,7 @@ export interface ContainerProps extends WrapperProps {
 export interface FieldControlInputProps extends AriaLabelingProps, DOMProps {
     autoComplete?: string;
     autoCorrect?: string;
-    autoFocus?: boolean;
+    hasAutoFocus?: boolean;
     className?: string;
     defaultSelected?: boolean;
     defaultValue?: string | number;
@@ -79,7 +79,7 @@ export interface UseFieldProps<T> {
     /**
      * Indeterminism is presentational only. The indeterminate visual representation remains until
      * this prop is set to false regardless of user interaction.
-    */
+     */
     isIndeterminate?: boolean;
     /** Whether the input can be selected, but not changed by the user. */
     isReadOnly?: boolean;

package/lib/cjs/hooks/useGridList/useGridList.js

@@ -23,15 +23,15 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
 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 useGridList = function useGridList(props) {
   var acceptedDragTypes = props.acceptedDragTypes,
-    allowDuplicateSelectionEvents = props.allowDuplicateSelectionEvents,
-    autoFocus = props.autoFocus,
+    shouldAllowDuplicateSelectionEvents = props.shouldAllowDuplicateSelectionEvents,
+    hasAutoFocus = props.hasAutoFocus,
     children = props.children,
     collection = props.collection,
     defaultSelectedKeys = props.defaultSelectedKeys,
     disabledBehavior = props.disabledBehavior,
     disabledKeys = props.disabledKeys,
-    disallowEmptySelection = props.disallowEmptySelection,
-    disallowTypeAhead = props.disallowTypeAhead,
+    shouldDisallowEmptySelection = props.shouldDisallowEmptySelection,
+    shouldDisallowTypeAhead = props.shouldDisallowTypeAhead,
     escapeKeyBehavior = props.escapeKeyBehavior,
     filter = (0, _filter["default"])(props),
     getDropOperation = props.getDropOperation,
@@ -100,13 +100,13 @@ var useGridList = function useGridList(props) {
     initialSelectedKeys: initialSelectedKeys
   };
   var listStateOptions = {
-    allowDuplicateSelectionEvents: allowDuplicateSelectionEvents,
+    shouldAllowDuplicateSelectionEvents: shouldAllowDuplicateSelectionEvents,
     children: children,
     collection: collection,
     defaultSelectedKeys: defaultSelectedKeys,
     disabledBehavior: disabledBehavior,
     disabledKeys: disabledKeys,
-    disallowEmptySelection: disallowEmptySelection,
+    disallowEmptySelection: shouldDisallowEmptySelection,
     filter: filter,
     onSelectionChange: onSelectionChange,
     selectedKeys: selectedKeys,
@@ -118,12 +118,12 @@ var useGridList = function useGridList(props) {
     items: list.items
   }));
   var gridOptions = {
-    autoFocus: autoFocus,
+    autoFocus: hasAutoFocus,
     defaultSelectedKeys: defaultSelectedKeys,
     disabledBehavior: disabledBehavior,
     disabledKeys: disabledKeys,
-    disallowEmptySelection: disallowEmptySelection,
-    disallowTypeAhead: disallowTypeAhead,
+    disallowEmptySelection: shouldDisallowEmptySelection,
+    disallowTypeAhead: shouldDisallowTypeAhead,
     escapeKeyBehavior: escapeKeyBehavior,
     items: list.items,
     keyboardDelegate: keyboardDelegate,

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

@@ -3,7 +3,7 @@ interface UseInputLoaderProps {
     inputValue: string;
 }
 interface UseInputLoaderReturn {
-    showLoading: boolean;
+    isLoading: boolean;
 }
-declare const useInputLoader: ({ loadingState, inputValue }: UseInputLoaderProps) => UseInputLoaderReturn;
+declare const useInputLoader: ({ loadingState, inputValue, }: UseInputLoaderProps) => UseInputLoaderReturn;
 export default useInputLoader;

package/lib/cjs/hooks/useInputLoader/useInputLoader.js

@@ -16,16 +16,16 @@ var useInputLoader = function useInputLoader(_ref) {
   // START - minimum delay time for loading indicator = 500ms
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    showLoading = _useState2[0],
-    setShowLoading = _useState2[1];
+    isLoadingState = _useState2[0],
+    setIsLoading = _useState2[1];
   var isLoading = loadingState === _loadingStates["default"].LOADING || loadingState === _loadingStates["default"].FILTERING;
   var lastInputValue = (0, _react.useRef)(inputValue);
   var timeout = (0, _react.useRef)(null);
   (0, _react.useEffect)(function () {
-    if (isLoading && !showLoading) {
+    if (isLoading && !isLoadingState) {
       if (timeout.current === null) {
         timeout.current = (0, _setTimeout2["default"])(function () {
-          setShowLoading(true);
+          setIsLoading(true);
         }, 500);
       }
 
@@ -33,21 +33,21 @@ var useInputLoader = function useInputLoader(_ref) {
       if (inputValue !== lastInputValue.current) {
         clearTimeout(timeout.current);
         timeout.current = (0, _setTimeout2["default"])(function () {
-          setShowLoading(true);
+          setIsLoading(true);
         }, 500);
       }
     } else if (!isLoading) {
       // If loading is no longer happening, clear any timers and hide the loader
-      setShowLoading(false);
+      setIsLoading(false);
       if (timeout.current) {
         clearTimeout(timeout.current);
         timeout.current = null;
       }
     }
     lastInputValue.current = inputValue;
-  }, [isLoading, showLoading, inputValue]);
+  }, [isLoading, isLoadingState, inputValue]);
   return {
-    showLoading: showLoading
+    isLoading: isLoadingState
   };
   // END - minimum delay time for loading indicator = 500ms
 };

package/lib/cjs/hooks/useModalState/useModalState.js

@@ -29,8 +29,8 @@ var useModalState = function useModalState() {
     isOpen: isOpen,
     onOpenChange: onOpenChange
   });
-  var modalOpen = state.isOpen;
-  var isTransitioning = (0, _useMountTransition["default"])(modalOpen, transitionDuration || 300);
+  var isModalOpen = state.isOpen;
+  var isTransitioning = (0, _useMountTransition["default"])(isModalOpen, transitionDuration || 300);
   var returnState = _objectSpread(_objectSpread({}, state), {}, {
     isTransitioning: isTransitioning
   });

package/lib/cjs/hooks/useOverlayPanelState/useOverlayPanelState.js

@@ -30,8 +30,8 @@ var useOverlayPanelState = function useOverlayPanelState() {
     isOpen: isOpen,
     onOpenChange: onOpenChange
   });
-  var panelOpen = state.isOpen;
-  var isTransitioning = (0, _useMountTransition["default"])(panelOpen, transitionDuration);
+  var isPanelOpen = state.isOpen;
+  var isTransitioning = (0, _useMountTransition["default"])(isPanelOpen, transitionDuration);
   var onClose = function onClose(stateProp, triggerRef, onCloseProp) {
     if (stateProp) {
       stateProp.close();

package/lib/cjs/hooks/useSelectField/useSelectField.js

@@ -42,8 +42,8 @@ var useSelectField = function useSelectField(props, ref) {
     defaultText = props.defaultText,
     direction = props.direction,
     disabledKeys = props.disabledKeys,
-    disallowEmptySelection = props.hasNoEmptySelection,
-    defaultOpen = props.isDefaultOpen,
+    hasNoEmptySelection = props.hasNoEmptySelection,
+    isDefaultOpen = props.isDefaultOpen,
     isDisabled = props.isDisabled,
     isLoading = props.isLoading,
     isNotFlippable = props.isNotFlippable,
@@ -84,9 +84,9 @@ var useSelectField = function useSelectField(props, ref) {
     onLoadMore: onLoadMore,
     onOpenChange: onOpenChange,
     onSelectionChange: onSelectionChange,
-    defaultOpen: defaultOpen,
+    defaultOpen: isDefaultOpen,
     // must match React Aria API
-    disallowEmptySelection: disallowEmptySelection,
+    disallowEmptySelection: hasNoEmptySelection,
     // must match React Aria API
     shouldFlip: shouldFlip
   }, controlProps), {}, {

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

@@ -1454,7 +1454,7 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         isVertical: boolean;
         state: import("react-stately").SliderState;
         trackRef: import("react").RefObject<Element>;
-        autoFocus: boolean | undefined;
+        hasAutoFocus: boolean | undefined;
         isDisabled: boolean | undefined;
         name: string | undefined;
         onBlur: (() => void) | undefined;

package/lib/cjs/hooks/useSliderField/useSliderField.js

@@ -22,7 +22,7 @@ var _reactAria = require("react-aria");
 var _reactStately = require("react-stately");
 var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
 var _useStatusClasses7 = _interopRequireDefault(require("../useStatusClasses"));
-var _excluded = ["activeTrackProps", "autoFocus", "className", "defaultValue", "displayValue", "formatOptions", "helperTextProps", "helpHintProps", "hintText", "isDisabled", "isDisplayValueHidden", "isMultiThumb", "label", "labelProps", "maxValue", "minValue", "name", "onBlur", "onChange", "onChangeEnd", "onFocus", "onFocusChange", "onKeyDown", "onKeyUp", "orientation", "outputProps", "size", "status", "step", "sx", "thumbProps", "trackProps", "trackRef", "value", "wrapperProps"];
+var _excluded = ["activeTrackProps", "hasAutoFocus", "className", "defaultValue", "displayValue", "formatOptions", "helperTextProps", "helpHintProps", "hintText", "isDisabled", "isDisplayValueHidden", "isMultiThumb", "label", "labelProps", "maxValue", "minValue", "name", "onBlur", "onChange", "onChangeEnd", "onFocus", "onFocusChange", "onKeyDown", "onKeyUp", "orientation", "outputProps", "size", "status", "step", "sx", "thumbProps", "trackProps", "trackRef", "value", "wrapperProps"];
 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) { (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 getDefaultValue = function getDefaultValue(_ref) {
@@ -74,7 +74,7 @@ var getLengthValuesMultiThumb = function getLengthValuesMultiThumb(minValue, max
 exports.getLengthValuesMultiThumb = getLengthValuesMultiThumb;
 var useSliderField = function useSliderField(props) {
   var activeTrackProps = props.activeTrackProps,
-    autoFocus = props.autoFocus,
+    hasAutoFocus = props.hasAutoFocus,
     className = props.className,
     defaultValueProp = props.defaultValue,
     displayValueProp = props.displayValue,
@@ -157,7 +157,7 @@ var useSliderField = function useSliderField(props) {
     }
   }, [maxValue, state]);
   var thumbOptions = _objectSpread(_objectSpread({}, thumbProps), {}, {
-    autoFocus: autoFocus,
+    hasAutoFocus: hasAutoFocus,
     isDisabled: isDisabled,
     name: name,
     onBlur: onBlur,

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

@@ -63,6 +63,8 @@ export interface CalendarProps extends Omit<CalendarBaseProps, 'onChange'> {
     value?: DateValue | string;
     /** Handler that is called when the value changes. */
     onChange?: (value: MappedDateValue<DateValue>) => void;
+    /** Props object that spread into calendar element. */
+    calendarWrapperProps?: BoxProps;
 }
 export interface RangeCalendarProps extends Omit<CalendarBaseProps, 'onChange'> {
     /** Prop to provide a custom default date (uncontrolled) */

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

@@ -32,7 +32,7 @@ export interface DataTableVirtualizerProps<T extends object, V> {
     onLoadMore?: () => void;
     shouldUseVirtualFocus?: boolean;
     scrollToItem?: (key: Key) => void;
-    autoFocus?: boolean;
+    hasAutoFocus?: boolean;
     children?: ReactNode | ((type: string, content: T | ReactNode) => V);
     renderView: (type: string, content: T) => V | undefined;
     domRef: RefObject<HTMLDivElement>;

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

@@ -28,15 +28,15 @@ export interface UseGridListItemProps extends SharedGridListItemProps {
     ref: RefObject<HTMLElement>;
 }
 export interface UseGridListProps extends ReorderableProps {
-    allowDuplicateSelectionEvents?: boolean;
-    autoFocus?: boolean | FocusStrategy;
+    shouldAllowDuplicateSelectionEvents?: boolean;
+    hasAutoFocus?: boolean | FocusStrategy;
     children?: React.ReactNode;
     collection: Collection<Node<object>>;
     defaultSelectedKeys?: Iterable<Key> | 'all';
     disabledBehavior?: DisabledBehavior;
     disabledKeys?: Iterable<Key>;
-    disallowEmptySelection?: boolean;
-    disallowTypeAhead?: boolean;
+    shouldDisallowEmptySelection?: boolean;
+    shouldDisallowTypeAhead?: boolean;
     escapeKeyBehavior?: 'clearSelection' | 'none';
     filter?: (item: object, filterText: string) => boolean;
     getKey?: (item: object) => Key;

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

@@ -33,13 +33,13 @@ export interface ListBoxProps extends AriaListBoxOptions<object> {
     variant?: string;
     children?: CollectionChildren<object>;
     isCondensed?: boolean;
-    showSelectedOption?: boolean;
+    shouldShowSelectedOption?: boolean;
 }
 export interface OptionType {
     item: ListBoxItemType;
     hasVirtualFocus?: boolean;
     isCondensed?: boolean;
-    showSelectedOption?: boolean;
+    shouldShowSelectedOption?: boolean;
 }
 export interface OptionWithCheckboxType extends StyleProps {
     isSelected?: boolean;

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

@@ -12,7 +12,7 @@ export interface PopoverMenuProps {
     isDefaultOpen?: boolean;
     /** Whether the popover is prevented from closing when a selection is made. */
     isNotClosedOnSelect?: boolean;
-    closeOnSelect?: boolean;
+    shouldCloseOnSelect?: boolean;
     /**
      * Whether the popover is prevented from flipping directions when insufficient space is
      * available for the given `direction` placement.

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

@@ -8,5 +8,5 @@ export interface ProgressBarProps extends TestingAttributes {
     value: number;
     minValue?: number;
     maxValue?: number;
-    showValueLabel?: boolean;
+    shouldShowValueLabel?: boolean;
 }

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

@@ -45,7 +45,7 @@ export interface SliderActiveTrackProps {
 }
 export interface SliderFieldProps {
     activeTrackProps?: BoxProps;
-    autoFocus?: boolean;
+    hasAutoFocus?: boolean;
     className?: string;
     defaultValue?: NumberOrNumberPair;
     displayValue?: string;

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

@@ -30,7 +30,7 @@ export interface TimeFieldProps extends StyleProps, DOMAttributes {
     /** Whether the input value is invalid. */
     isInvalid?: boolean;
     /** Whether the element should receive focus on render. */
-    autoFocus?: boolean;
+    hasAutoFocus?: boolean;
     /** The current value (controlled). */
     value?: TimeValue | string | null;
     /** The default value (uncontrolled). */

package/lib/cjs/utils/designUtils/figmaLinks.d.ts

@@ -48,7 +48,7 @@ export declare const FIGMA_LINKS: {
         unavailableDates: string;
         minimumDate: string;
         maximumDate: string;
-        autofocus: string;
+        hasAutofocus: string;
     };
     callout: {
         default: string;

package/lib/cjs/utils/designUtils/figmaLinks.js

@@ -55,7 +55,7 @@ var FIGMA_LINKS = {
     unavailableDates: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=46454-15681&mode=design&t=PX1Q47IuuVvOafDQ-4',
     minimumDate: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=46454-16197&mode=design&t=PX1Q47IuuVvOafDQ-4',
     maximumDate: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=46454-16454&mode=design&t=PX1Q47IuuVvOafDQ-4',
-    autofocus: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=46454-16768&mode=design&t=PX1Q47IuuVvOafDQ-4'
+    hasAutofocus: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=46454-16768&mode=design&t=PX1Q47IuuVvOafDQ-4'
   },
   callout: {
     "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=45647%3A506&mode=dev',

package/lib/components/AIComponents/Response/ResponseMarkdown/MarkdownContainer.js

@@ -25,8 +25,8 @@ var MarkdownContainer = function MarkdownContainer(props) {
     stateIndex = _useContext.stateIndex,
     delay = _useContext.delay;
   var containerChildren = Children.toArray(children);
-  var containsBlocks = checkContainsBlocks(containerChildren);
-  if (containsBlocks) {
+  var hasBlocks = checkContainsBlocks(containerChildren);
+  if (hasBlocks) {
     return ___EmotionJSX(Box, others, _mapInstanceProperty(Children).call(Children, containerChildren, function (child, i) {
       return /*#__PURE__*/React.cloneElement(child, {
         animationIndex: i,

package/lib/components/Calendar/Calendar.js

@@ -31,7 +31,8 @@ var Calendar = /*#__PURE__*/forwardRef(function (props, ref) {
     hasAutoFocus = props.hasAutoFocus,
     maxValue = props.maxValue,
     minValue = props.minValue,
-    value = props.value;
+    value = props.value,
+    calendarWrapperProps = props.calendarWrapperProps;
   var _useLocale = useLocale(),
     locale = _useLocale.locale;
   var calenderRef = useLocalOrForwardRef(ref);
@@ -104,7 +105,7 @@ var Calendar = /*#__PURE__*/forwardRef(function (props, ref) {
     fontWeight: 3,
     flex: 1
   }, title);
-  return ___EmotionJSX(Box, _extends({}, calendarProps, {
+  return ___EmotionJSX(Box, _extends({}, calendarProps, calendarWrapperProps, {
     ref: calenderRef,
     variant: "calendar.calendarContainer",
     role: "group"

package/lib/components/Checkbox/CheckboxBase.js

@@ -45,8 +45,10 @@ var IndeterminateCheckboxIcon = function IndeterminateCheckboxIcon(props) {
   }));
 };
 IndeterminateCheckboxIcon.propTypes = {
+  // TODO: [Astro 3.0.0] Remove this boolean in favor of the proper naming convention - isDisabled
   // eslint-disable-next-line react/boolean-prop-naming
-  disabled: PropTypes.bool
+  disabled: PropTypes.bool,
+  isDisabled: PropTypes.bool
 };
 
 /**