@pingux/astro 2.69.0 → 2.70.0-alpha.1

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

@@ -1,24 +1,31 @@
 import { Key } from 'react';
 import type { CalendarDate, CalendarDateTime, ZonedDateTime } from '@internationalized/date';
-import { type CalendarState } from '@react-stately/calendar';
+import { type CalendarState, type RangeCalendarState } from '@react-stately/calendar';
+import type { AriaButtonProps } from '@react-types/button';
+import type { DOMAttributes as AriaDOMAttributes } from '@react-types/shared';
 import { DOMAttributes } from './shared/dom';
 import { TestingAttributes } from './shared/test';
 import { BoxProps } from './box';
 export type DateValue = CalendarDate | CalendarDateTime | ZonedDateTime;
-type calendarGridStateProps = CalendarState;
+type calendarGridStateProps = CalendarState | RangeCalendarState;
+type MappedDateValue<T> = T extends ZonedDateTime ? ZonedDateTime : T extends CalendarDateTime ? CalendarDateTime : T extends CalendarDate ? CalendarDate : never;
 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;
+export type StringOrRangeValue = RangeValue<DateValue> | {
+    start: string;
+    end: string;
+};
+export interface CalendarBaseProps extends BoxProps, TestingAttributes {
     /** Prop to provide a custom default focused date (uncontrolled) */
-    defaultFocusedValue?: DateValue;
-    /** Prop to provide a default date (controlled) */
-    value?: DateValue | string;
+    defaultFocusedValue?: DateValue | string;
+    /** The maximum allowed date that a user may select. */
+    maxValue?: DateValue | string;
+    /** The minimum allowed date that a user may select. */
+    minValue?: DateValue | string;
     /** custom week days for other calendars */
     customWeekDays?: string[];
     /** Whether the element should receive focus on render. */
@@ -31,39 +38,67 @@ export interface CalendarProps extends BoxProps, TestingAttributes {
      *
      * (date?: DateValue) => boolean
      */
-    isDateUnavailable?: (date: CalendarDate) => boolean;
+    isDateUnavailable?: (date: DateValue) => 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;
+    onFocusChange?: (date: CalendarDate) => 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 CalendarProps extends Omit<CalendarBaseProps, 'onChange'> {
+    /** Prop to provide a custom default date (uncontrolled) */
+    defaultValue?: DateValue | string;
+    /** Prop to provide a custom default focused date (uncontrolled) */
+    value?: DateValue | string;
+    /** Handler that is called when the value changes. */
+    onChange?: (value: MappedDateValue<DateValue>) => void;
+}
+export interface RangeCalendarProps extends Omit<CalendarBaseProps, 'onChange'> {
+    /** Prop to provide a custom default date (uncontrolled) */
+    defaultValue?: StringOrRangeValue | null;
+    /** The currently selected date range. */
+    value?: StringOrRangeValue | null;
+    /** Handler that is called when the value changes. */
+    onChange?: (value: RangeValue<MappedDateValue<DateValue>>) => void;
+}
+export interface RangeCalendarHeaderProps {
+    state: RangeCalendarState;
+    calendarProps: AriaDOMAttributes;
+    prevButtonProps: AriaButtonProps;
+    nextButtonProps: AriaButtonProps;
+}
 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 RangeCalendarGridProps {
+    /** State object that is passed in from the  useRangeCalendar hook */
+    state: RangeCalendarState;
+    /** The offset to apply to the calendar */
+    offset?: object;
+}
 export interface CalendarCellProps extends DOMAttributes {
     state: calendarGridStateProps;
     date: object;
     key?: Key;
 }
+export interface RangeCalendarCellProps extends DOMAttributes {
+    state: RangeCalendarState;
+    date: object;
+    key?: Key;
+    currentMonth: CalendarDate;
+}
 export {};

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

@@ -0,0 +1,21 @@
+import { GridProps as ThemeUIGridProps, ResponsiveStyleValue } from 'theme-ui';
+export interface GridProps extends ThemeUIGridProps {
+    /**
+     * Minimum width of child elements
+     */
+    width?: ResponsiveStyleValue<string | number>;
+    /**
+     * *Cannot be used in conjunction with the width prop*
+     *
+     * Number of equally-sized columns, or [grid syntax](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns) string values, to use for the layout
+     */
+    columns?: ResponsiveStyleValue<string | number>;
+    /**
+     * Space between child elements
+     */
+    gap?: ResponsiveStyleValue<string | number>;
+    /**
+     * Auto-repeat track behaviour (default is fit)
+     */
+    repeat?: 'fit' | 'fill';
+}

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

@@ -13,6 +13,7 @@ export * from './copyText';
 export * from './dataTable';
 export * from './environmentBreadcrumb';
 export * from './fieldHelperText';
+export * from './grid';
 export * from './helpHint';
 export * from './icon';
 export * from './iconBadge';

package/lib/cjs/types/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27, _context28, _context29, _context30, _context31, _context32, _context33, _context34, _context35, _context36, _context37, _context38, _context39, _context40, _context41, _context42, _context43, _context44, _context45, _context46;
+var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27, _context28, _context29, _context30, _context31, _context32, _context33, _context34, _context35, _context36, _context37, _context38, _context39, _context40, _context41, _context42, _context43, _context44, _context45, _context46, _context47;
 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");
@@ -172,8 +172,19 @@ _forEachInstanceProperty(_context15 = _Object$keys(_fieldHelperText)).call(_cont
     }
   });
 });
+var _grid = require("./grid");
+_forEachInstanceProperty(_context16 = _Object$keys(_grid)).call(_context16, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _grid[key]) return;
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _grid[key];
+    }
+  });
+});
 var _helpHint = require("./helpHint");
-_forEachInstanceProperty(_context16 = _Object$keys(_helpHint)).call(_context16, function (key) {
+_forEachInstanceProperty(_context17 = _Object$keys(_helpHint)).call(_context17, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _helpHint[key]) return;
   _Object$defineProperty(exports, key, {
@@ -184,7 +195,7 @@ _forEachInstanceProperty(_context16 = _Object$keys(_helpHint)).call(_context16,
   });
 });
 var _icon = require("./icon");
-_forEachInstanceProperty(_context17 = _Object$keys(_icon)).call(_context17, function (key) {
+_forEachInstanceProperty(_context18 = _Object$keys(_icon)).call(_context18, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _icon[key]) return;
   _Object$defineProperty(exports, key, {
@@ -195,7 +206,7 @@ _forEachInstanceProperty(_context17 = _Object$keys(_icon)).call(_context17, func
   });
 });
 var _iconBadge = require("./iconBadge");
-_forEachInstanceProperty(_context18 = _Object$keys(_iconBadge)).call(_context18, function (key) {
+_forEachInstanceProperty(_context19 = _Object$keys(_iconBadge)).call(_context19, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _iconBadge[key]) return;
   _Object$defineProperty(exports, key, {
@@ -206,7 +217,7 @@ _forEachInstanceProperty(_context18 = _Object$keys(_iconBadge)).call(_context18,
   });
 });
 var _iconButton = require("./iconButton");
-_forEachInstanceProperty(_context19 = _Object$keys(_iconButton)).call(_context19, function (key) {
+_forEachInstanceProperty(_context20 = _Object$keys(_iconButton)).call(_context20, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _iconButton[key]) return;
   _Object$defineProperty(exports, key, {
@@ -217,7 +228,7 @@ _forEachInstanceProperty(_context19 = _Object$keys(_iconButton)).call(_context19
   });
 });
 var _iconButtonToggle = require("./iconButtonToggle");
-_forEachInstanceProperty(_context20 = _Object$keys(_iconButtonToggle)).call(_context20, function (key) {
+_forEachInstanceProperty(_context21 = _Object$keys(_iconButtonToggle)).call(_context21, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _iconButtonToggle[key]) return;
   _Object$defineProperty(exports, key, {
@@ -228,7 +239,7 @@ _forEachInstanceProperty(_context20 = _Object$keys(_iconButtonToggle)).call(_con
   });
 });
 var _input = require("./input");
-_forEachInstanceProperty(_context21 = _Object$keys(_input)).call(_context21, function (key) {
+_forEachInstanceProperty(_context22 = _Object$keys(_input)).call(_context22, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _input[key]) return;
   _Object$defineProperty(exports, key, {
@@ -239,7 +250,7 @@ _forEachInstanceProperty(_context21 = _Object$keys(_input)).call(_context21, fun
   });
 });
 var _item = require("./item");
-_forEachInstanceProperty(_context22 = _Object$keys(_item)).call(_context22, function (key) {
+_forEachInstanceProperty(_context23 = _Object$keys(_item)).call(_context23, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _item[key]) return;
   _Object$defineProperty(exports, key, {
@@ -250,7 +261,7 @@ _forEachInstanceProperty(_context22 = _Object$keys(_item)).call(_context22, func
   });
 });
 var _label = require("./label");
-_forEachInstanceProperty(_context23 = _Object$keys(_label)).call(_context23, function (key) {
+_forEachInstanceProperty(_context24 = _Object$keys(_label)).call(_context24, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _label[key]) return;
   _Object$defineProperty(exports, key, {
@@ -261,7 +272,7 @@ _forEachInstanceProperty(_context23 = _Object$keys(_label)).call(_context23, fun
   });
 });
 var _link = require("./link");
-_forEachInstanceProperty(_context24 = _Object$keys(_link)).call(_context24, function (key) {
+_forEachInstanceProperty(_context25 = _Object$keys(_link)).call(_context25, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _link[key]) return;
   _Object$defineProperty(exports, key, {
@@ -272,7 +283,7 @@ _forEachInstanceProperty(_context24 = _Object$keys(_link)).call(_context24, func
   });
 });
 var _listBox = require("./listBox");
-_forEachInstanceProperty(_context25 = _Object$keys(_listBox)).call(_context25, function (key) {
+_forEachInstanceProperty(_context26 = _Object$keys(_listBox)).call(_context26, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _listBox[key]) return;
   _Object$defineProperty(exports, key, {
@@ -283,7 +294,7 @@ _forEachInstanceProperty(_context25 = _Object$keys(_listBox)).call(_context25, f
   });
 });
 var _listItem = require("./listItem");
-_forEachInstanceProperty(_context26 = _Object$keys(_listItem)).call(_context26, function (key) {
+_forEachInstanceProperty(_context27 = _Object$keys(_listItem)).call(_context27, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _listItem[key]) return;
   _Object$defineProperty(exports, key, {
@@ -294,7 +305,7 @@ _forEachInstanceProperty(_context26 = _Object$keys(_listItem)).call(_context26,
   });
 });
 var _loader = require("./loader");
-_forEachInstanceProperty(_context27 = _Object$keys(_loader)).call(_context27, function (key) {
+_forEachInstanceProperty(_context28 = _Object$keys(_loader)).call(_context28, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _loader[key]) return;
   _Object$defineProperty(exports, key, {
@@ -305,7 +316,7 @@ _forEachInstanceProperty(_context27 = _Object$keys(_loader)).call(_context27, fu
   });
 });
 var _menu = require("./menu");
-_forEachInstanceProperty(_context28 = _Object$keys(_menu)).call(_context28, function (key) {
+_forEachInstanceProperty(_context29 = _Object$keys(_menu)).call(_context29, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _menu[key]) return;
   _Object$defineProperty(exports, key, {
@@ -316,7 +327,7 @@ _forEachInstanceProperty(_context28 = _Object$keys(_menu)).call(_context28, func
   });
 });
 var _menuItem = require("./menuItem");
-_forEachInstanceProperty(_context29 = _Object$keys(_menuItem)).call(_context29, function (key) {
+_forEachInstanceProperty(_context30 = _Object$keys(_menuItem)).call(_context30, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _menuItem[key]) return;
   _Object$defineProperty(exports, key, {
@@ -327,7 +338,7 @@ _forEachInstanceProperty(_context29 = _Object$keys(_menuItem)).call(_context29,
   });
 });
 var _messages = require("./messages");
-_forEachInstanceProperty(_context30 = _Object$keys(_messages)).call(_context30, function (key) {
+_forEachInstanceProperty(_context31 = _Object$keys(_messages)).call(_context31, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _messages[key]) return;
   _Object$defineProperty(exports, key, {
@@ -338,7 +349,7 @@ _forEachInstanceProperty(_context30 = _Object$keys(_messages)).call(_context30,
   });
 });
 var _Modal = require("./Modal");
-_forEachInstanceProperty(_context31 = _Object$keys(_Modal)).call(_context31, function (key) {
+_forEachInstanceProperty(_context32 = _Object$keys(_Modal)).call(_context32, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Modal[key]) return;
   _Object$defineProperty(exports, key, {
@@ -349,7 +360,7 @@ _forEachInstanceProperty(_context31 = _Object$keys(_Modal)).call(_context31, fun
   });
 });
 var _navBar = require("./navBar");
-_forEachInstanceProperty(_context32 = _Object$keys(_navBar)).call(_context32, function (key) {
+_forEachInstanceProperty(_context33 = _Object$keys(_navBar)).call(_context33, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _navBar[key]) return;
   _Object$defineProperty(exports, key, {
@@ -360,7 +371,7 @@ _forEachInstanceProperty(_context32 = _Object$keys(_navBar)).call(_context32, fu
   });
 });
 var _overlayPanel = require("./overlayPanel");
-_forEachInstanceProperty(_context33 = _Object$keys(_overlayPanel)).call(_context33, function (key) {
+_forEachInstanceProperty(_context34 = _Object$keys(_overlayPanel)).call(_context34, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _overlayPanel[key]) return;
   _Object$defineProperty(exports, key, {
@@ -371,7 +382,7 @@ _forEachInstanceProperty(_context33 = _Object$keys(_overlayPanel)).call(_context
   });
 });
 var _popoverContainer = require("./popoverContainer");
-_forEachInstanceProperty(_context34 = _Object$keys(_popoverContainer)).call(_context34, function (key) {
+_forEachInstanceProperty(_context35 = _Object$keys(_popoverContainer)).call(_context35, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _popoverContainer[key]) return;
   _Object$defineProperty(exports, key, {
@@ -382,7 +393,7 @@ _forEachInstanceProperty(_context34 = _Object$keys(_popoverContainer)).call(_con
   });
 });
 var _popoverMenu = require("./popoverMenu");
-_forEachInstanceProperty(_context35 = _Object$keys(_popoverMenu)).call(_context35, function (key) {
+_forEachInstanceProperty(_context36 = _Object$keys(_popoverMenu)).call(_context36, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _popoverMenu[key]) return;
   _Object$defineProperty(exports, key, {
@@ -393,7 +404,7 @@ _forEachInstanceProperty(_context35 = _Object$keys(_popoverMenu)).call(_context3
   });
 });
 var _progressBar = require("./progressBar");
-_forEachInstanceProperty(_context36 = _Object$keys(_progressBar)).call(_context36, function (key) {
+_forEachInstanceProperty(_context37 = _Object$keys(_progressBar)).call(_context37, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _progressBar[key]) return;
   _Object$defineProperty(exports, key, {
@@ -404,7 +415,7 @@ _forEachInstanceProperty(_context36 = _Object$keys(_progressBar)).call(_context3
   });
 });
 var _requirementsList = require("./requirementsList");
-_forEachInstanceProperty(_context37 = _Object$keys(_requirementsList)).call(_context37, function (key) {
+_forEachInstanceProperty(_context38 = _Object$keys(_requirementsList)).call(_context38, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _requirementsList[key]) return;
   _Object$defineProperty(exports, key, {
@@ -415,7 +426,7 @@ _forEachInstanceProperty(_context37 = _Object$keys(_requirementsList)).call(_con
   });
 });
 var _rockerButtonGroup = require("./rockerButtonGroup");
-_forEachInstanceProperty(_context38 = _Object$keys(_rockerButtonGroup)).call(_context38, function (key) {
+_forEachInstanceProperty(_context39 = _Object$keys(_rockerButtonGroup)).call(_context39, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _rockerButtonGroup[key]) return;
   _Object$defineProperty(exports, key, {
@@ -426,7 +437,7 @@ _forEachInstanceProperty(_context38 = _Object$keys(_rockerButtonGroup)).call(_co
   });
 });
 var _scrollBox = require("./scrollBox");
-_forEachInstanceProperty(_context39 = _Object$keys(_scrollBox)).call(_context39, function (key) {
+_forEachInstanceProperty(_context40 = _Object$keys(_scrollBox)).call(_context40, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _scrollBox[key]) return;
   _Object$defineProperty(exports, key, {
@@ -437,7 +448,7 @@ _forEachInstanceProperty(_context39 = _Object$keys(_scrollBox)).call(_context39,
   });
 });
 var _separator = require("./separator");
-_forEachInstanceProperty(_context40 = _Object$keys(_separator)).call(_context40, function (key) {
+_forEachInstanceProperty(_context41 = _Object$keys(_separator)).call(_context41, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _separator[key]) return;
   _Object$defineProperty(exports, key, {
@@ -448,7 +459,7 @@ _forEachInstanceProperty(_context40 = _Object$keys(_separator)).call(_context40,
   });
 });
 var _shared = require("./shared");
-_forEachInstanceProperty(_context41 = _Object$keys(_shared)).call(_context41, function (key) {
+_forEachInstanceProperty(_context42 = _Object$keys(_shared)).call(_context42, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _shared[key]) return;
   _Object$defineProperty(exports, key, {
@@ -459,7 +470,7 @@ _forEachInstanceProperty(_context41 = _Object$keys(_shared)).call(_context41, fu
   });
 });
 var _tab = require("./tab");
-_forEachInstanceProperty(_context42 = _Object$keys(_tab)).call(_context42, function (key) {
+_forEachInstanceProperty(_context43 = _Object$keys(_tab)).call(_context43, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _tab[key]) return;
   _Object$defineProperty(exports, key, {
@@ -470,7 +481,7 @@ _forEachInstanceProperty(_context42 = _Object$keys(_tab)).call(_context42, funct
   });
 });
 var _table = require("./table");
-_forEachInstanceProperty(_context43 = _Object$keys(_table)).call(_context43, function (key) {
+_forEachInstanceProperty(_context44 = _Object$keys(_table)).call(_context44, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _table[key]) return;
   _Object$defineProperty(exports, key, {
@@ -481,7 +492,7 @@ _forEachInstanceProperty(_context43 = _Object$keys(_table)).call(_context43, fun
   });
 });
 var _tabs = require("./tabs");
-_forEachInstanceProperty(_context44 = _Object$keys(_tabs)).call(_context44, function (key) {
+_forEachInstanceProperty(_context45 = _Object$keys(_tabs)).call(_context45, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _tabs[key]) return;
   _Object$defineProperty(exports, key, {
@@ -492,7 +503,7 @@ _forEachInstanceProperty(_context44 = _Object$keys(_tabs)).call(_context44, func
   });
 });
 var _text = require("./text");
-_forEachInstanceProperty(_context45 = _Object$keys(_text)).call(_context45, function (key) {
+_forEachInstanceProperty(_context46 = _Object$keys(_text)).call(_context46, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _text[key]) return;
   _Object$defineProperty(exports, key, {
@@ -503,7 +514,7 @@ _forEachInstanceProperty(_context45 = _Object$keys(_text)).call(_context45, func
   });
 });
 var _tooltipTrigger = require("./tooltipTrigger");
-_forEachInstanceProperty(_context46 = _Object$keys(_tooltipTrigger)).call(_context46, function (key) {
+_forEachInstanceProperty(_context47 = _Object$keys(_tooltipTrigger)).call(_context47, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _tooltipTrigger[key]) return;
   _Object$defineProperty(exports, key, {

package/lib/components/AccordionItem/AccordionItem.js

@@ -9,9 +9,6 @@ import MenuUp from '@pingux/mdi-react/MenuUpIcon';
 import { useAccordionItem } from '@react-aria/accordion';
 import { useFocusRing } from '@react-aria/focus';
 import { useHover } from '@react-aria/interactions';
-
-// eslint-disable-next-line import/no-unresolved
-
 import { Button as ThemeUIButton } from 'theme-ui';
 import { AccordionContext } from '../../context/AccordionContext';
 import { useStatusClasses } from '../../hooks';

package/lib/components/Calendar/Calendar.js

@@ -53,6 +53,10 @@ var Calendar = /*#__PURE__*/forwardRef(function (props, ref) {
     prevButtonProps = _ref.prevButtonProps,
     nextButtonProps = _ref.nextButtonProps,
     title = _ref.title;
+
+  // to remove warning for unknown event handler property `onFocusChange`.
+  delete prevButtonProps.onFocusChange;
+  delete nextButtonProps.onFocusChange;
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     yearChangeDirection = _useState2[0],

package/lib/components/Calendar/Calendar.mdx

@@ -25,7 +25,7 @@ These keys provide additional functionality to the component.
 | Tab | Components in the calendar are focusable and follow the page tab sequence. |
 | Shift + Tab | Moves focus to the previous focusable component. |
 | Pressing Home:(Fn + Right Arrow Key) Or Control or Command + Home | Shifts the focus to the first calendar date. |
-| Pressing Home:(Fn + left Arrow Key) Or Control or Command + End | Shifts the focus to the last calendar date. |
+| Pressing End:(Fn + left Arrow Key) Or Control or Command + End | Shifts the focus to the last calendar date. |
 | Arrow key | Navigates up, down, right, and left across the calendar. |
 | Page up | Changes the grid of dates to the previous month. |
 | Page down | Changes the grid of dates to the next month. |

package/lib/components/Calendar/Calendar.test.js

@@ -209,15 +209,12 @@ test('allows users to select and navigate through calendar items', function () {
 });
 test('readonly calendar', function () {
   getComponent({
-    isReadOnly: true,
-    defaultValue: '2022-08-10'
+    isReadOnly: true
   });
   expect(screen.queryByRole('grid')).toHaveAttribute('aria-readonly', 'true');
   var dateButtons = screen.queryAllByRole('button');
   userEvent.click(dateButtons[4]);
   expect(dateButtons[4]).not.toHaveClass('is-selected');
-  expect(dateButtons[4]).toHaveFocus();
-  expect(dateButtons[4]).toHaveAttribute('tabindex', '0');
 });
 test('disabled calendar date', function () {
   getComponent({

package/lib/components/Calendar/CalendarCell.js

@@ -49,7 +49,7 @@ var CalendarCell = /*#__PURE__*/forwardRef(function (props, ref) {
       setFocused(false);
       focusNextPage();
     }
-  }, [date, focusNextPage, focusPreviousPage, formattedDate, state, setFocused]);
+  }, [focusNextPage, focusPreviousPage, formattedDate, state, setFocused, cellRef]);
   var _useHover = useHover({}),
     hoverProps = _useHover.hoverProps,
     isHovered = _useHover.isHovered;

package/lib/components/DatePicker/DatePicker.test.js

@@ -619,12 +619,6 @@ test('dateField should handle autofocus when deleting segments from middle', fun
       key: 'Backspace'
     });
   }
-  fireEvent.keyDown(year, {
-    key: 'Backspace'
-  });
-  fireEvent.keyUp(year, {
-    key: 'Backspace'
-  });
   expect(day).toHaveFocus();
   expect(hiddenInput).toHaveValue('');
 });
@@ -664,6 +658,68 @@ test('segment focus should move to the year if month is already empty', function
   }
   expect(year).toHaveFocus();
 });
+test('segment focus stay on year if all are empty for year segment', function () {
+  getComponent({
+    defaultValue: ''
+  });
+  var hiddenInput = screen.queryByTestId('date-field');
+  var inputButtons = screen.queryAllByRole('spinbutton');
+  var year = inputButtons[0];
+  expect(hiddenInput).toHaveValue('');
+  act(function () {
+    year.focus();
+  });
+  expect(year).toHaveFocus();
+  fireEvent.keyDown(year, {
+    key: 'Backspace'
+  });
+  fireEvent.keyUp(year, {
+    key: 'Backspace'
+  });
+  expect(year).toHaveFocus();
+});
+test('segment focus should move to previous if all are empty for month segment', function () {
+  getComponent({
+    defaultValue: ''
+  });
+  var hiddenInput = screen.queryByTestId('date-field');
+  var inputButtons = screen.queryAllByRole('spinbutton');
+  var month = inputButtons[1];
+  var year = inputButtons[0];
+  expect(hiddenInput).toHaveValue('');
+  act(function () {
+    month.focus();
+  });
+  expect(month).toHaveFocus();
+  fireEvent.keyDown(month, {
+    key: 'Backspace'
+  });
+  fireEvent.keyUp(month, {
+    key: 'Backspace'
+  });
+  expect(year).toHaveFocus();
+});
+test('segment focus should move to previous if all are empty for day segment', function () {
+  getComponent({
+    defaultValue: ''
+  });
+  var hiddenInput = screen.queryByTestId('date-field');
+  var inputButtons = screen.queryAllByRole('spinbutton');
+  var day = inputButtons[2];
+  var month = inputButtons[1];
+  expect(hiddenInput).toHaveValue('');
+  act(function () {
+    day.focus();
+  });
+  expect(day).toHaveFocus();
+  fireEvent.keyDown(day, {
+    key: 'Backspace'
+  });
+  fireEvent.keyUp(day, {
+    key: 'Backspace'
+  });
+  expect(month).toHaveFocus();
+});
 test('should add the correct number of padded 0 to year, month and day', function () {
   getComponent({
     defaultValue: '0009-08-02'

package/lib/components/Grid/Grid.js

@@ -0,0 +1,14 @@
+import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+import React from 'react';
+import { Grid as ThemeUIGrid } from 'theme-ui';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+export var Grid = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return ___EmotionJSX(ThemeUIGrid, _extends({
+    ref: ref
+  }, props));
+});
+Grid.defaultProps = {
+  repeat: 'fit'
+};
+Grid.displayName = 'Grid';
+export default Grid;

package/lib/components/Grid/Grid.mdx

@@ -0,0 +1,13 @@
+import { Meta } from '@storybook/addon-docs';
+
+<Meta title="Components/Grid/Grid" />
+
+# Grid
+
+A responsive layout utility component which utilizes [CSS Grid](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout) to position child elements in a variety of ways. Great for providing mobile-first UI layouts.
+
+Uses the [responsive values](https://theme-ui.com/sx-prop#responsive-values) array syntax and the [Grid from Theme-UI](https://theme-ui.com/components/grid/).
+
+### Required Components
+
+`Grid` should be used to position other components, but there are none that are specifically required. `Box` is used for demonstration below.