@simplybusiness/mobius 3.0.0

package/dist/cjs/components/DataTable/constants.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TABLE_BODY_CELL_CLASS = exports.TABLE_BODY_CLASS = exports.TABLE_HEAD_CELL_CLASS = exports.TABLE_ROW_CLASS = exports.TABLE_HEAD_SORT_ICON_PLACEHOLDER_CLASS = exports.TABLE_HEAD_CLASS = exports.TABLE_CLASS = void 0;
+exports.TABLE_CLASS = "mobius mobius/Table";
+exports.TABLE_HEAD_CLASS = "mobius mobius/TableHead";
+exports.TABLE_HEAD_SORT_ICON_PLACEHOLDER_CLASS = "mobius mobius/TableHeadSortIconPlaceholder";
+exports.TABLE_ROW_CLASS = "mobius mobius/TableRow";
+exports.TABLE_HEAD_CELL_CLASS = "mobius mobius/TableHeadCell";
+exports.TABLE_BODY_CLASS = "mobius mobius/TableBody";
+exports.TABLE_BODY_CELL_CLASS = "mobius mobius/TableBodyCell";
+//# sourceMappingURL=constants.js.map

package/dist/cjs/components/DataTable/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/components/DataTable/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,WAAW,GAAG,qBAAqB,CAAC;AACpC,QAAA,gBAAgB,GAAG,yBAAyB,CAAC;AAC7C,QAAA,sCAAsC,GACjD,4CAA4C,CAAC;AAClC,QAAA,eAAe,GAAG,wBAAwB,CAAC;AAC3C,QAAA,qBAAqB,GAAG,6BAA6B,CAAC;AACtD,QAAA,gBAAgB,GAAG,yBAAyB,CAAC;AAC7C,QAAA,qBAAqB,GAAG,6BAA6B,CAAC"}

package/dist/cjs/components/DataTable/helpers.d.ts

@@ -0,0 +1,5 @@
+export declare function getSortClasses(column: any): string;
+export declare const getSortableAttributes: () => {
+    role: string;
+    tabIndex: number;
+};

package/dist/cjs/components/DataTable/helpers.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSortableAttributes = exports.getSortClasses = void 0;
+const clsx_1 = __importDefault(require("clsx"));
+function getSortClasses(column) {
+    return (0, clsx_1.default)({
+        sortedDesc: column.isSorted && column.isSortedDesc,
+        sortedAsc: column.isSorted && !column.isSortedDesc,
+    });
+}
+exports.getSortClasses = getSortClasses;
+const getSortableAttributes = () => ({
+    role: "columnheader",
+    tabIndex: 0,
+});
+exports.getSortableAttributes = getSortableAttributes;
+//# sourceMappingURL=helpers.js.map

package/dist/cjs/components/DataTable/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../src/components/DataTable/helpers.ts"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,SAAgB,cAAc,CAAC,MAAW;IACxC,OAAO,IAAA,cAAI,EAAC;QACV,UAAU,EAAE,MAAM,CAAC,QAAQ,IAAI,MAAM,CAAC,YAAY;QAClD,SAAS,EAAE,MAAM,CAAC,QAAQ,IAAI,CAAC,MAAM,CAAC,YAAY;KACnD,CAAC,CAAC;AACL,CAAC;AALD,wCAKC;AAEM,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,CAAC;IAC1C,IAAI,EAAE,cAAc;IACpB,QAAQ,EAAE,CAAC;CACZ,CAAC,CAAC;AAHU,QAAA,qBAAqB,yBAG/B"}

package/dist/cjs/components/DataTable/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./DataTable";
+export * from "./types";

package/dist/cjs/components/DataTable/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./DataTable"), exports);
+__exportStar(require("./types"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/DataTable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DataTable/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,0CAAwB"}

package/dist/cjs/components/DataTable/mockTableData.d.ts

@@ -0,0 +1,3 @@
+import { Column } from "react-table";
+export declare const data: Array<object>;
+export declare const columns: Array<Column<object>>;

package/dist/cjs/components/DataTable/mockTableData.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.columns = exports.data = void 0;
+exports.data = [
+    {
+        insurance_cover: "Employers' liability",
+        lowest_excess: "£250",
+        highest_excess: "£2,500",
+    },
+    {
+        insurance_cover: "Public liability",
+        lowest_excess: "£350",
+        highest_excess: "£500",
+    },
+    {
+        insurance_cover: "Stock",
+        lowest_excess: "£100",
+        highest_excess: "£500",
+    },
+];
+exports.columns = [
+    {
+        Header: "Insurance cover",
+        accessor: "insurance_cover",
+    },
+    {
+        Header: "Lowest excess",
+        accessor: "lowest_excess",
+    },
+    {
+        Header: "Highest excess",
+        accessor: "highest_excess",
+    },
+];
+//# sourceMappingURL=mockTableData.js.map

package/dist/cjs/components/DataTable/mockTableData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mockTableData.js","sourceRoot":"","sources":["../../../../src/components/DataTable/mockTableData.ts"],"names":[],"mappings":";;;AAEa,QAAA,IAAI,GAAkB;IACjC;QACE,eAAe,EAAE,sBAAsB;QACvC,aAAa,EAAE,MAAM;QACrB,cAAc,EAAE,QAAQ;KACzB;IACD;QACE,eAAe,EAAE,kBAAkB;QACnC,aAAa,EAAE,MAAM;QACrB,cAAc,EAAE,MAAM;KACvB;IACD;QACE,eAAe,EAAE,OAAO;QACxB,aAAa,EAAE,MAAM;QACrB,cAAc,EAAE,MAAM;KACvB;CACF,CAAC;AAEW,QAAA,OAAO,GAA0B;IAC5C;QACE,MAAM,EAAE,iBAAiB;QACzB,QAAQ,EAAE,iBAAiB;KAC5B;IACD;QACE,MAAM,EAAE,eAAe;QACvB,QAAQ,EAAE,eAAe;KAC1B;IACD;QACE,MAAM,EAAE,gBAAgB;QACxB,QAAQ,EAAE,gBAAgB;KAC3B;CACF,CAAC"}

package/dist/cjs/components/DataTable/types.d.ts

@@ -0,0 +1,27 @@
+import { Ref, RefAttributes } from "react";
+import { Column } from "react-table";
+import { SizeType } from "../../types/size";
+export declare type DataTableElementType = HTMLTableElement;
+export declare type DataTableRef = Ref<DataTableElementType>;
+export declare type SpanType = {
+    [key: string]: {
+        colspan?: number;
+        rowspan?: number;
+        targetValue: any;
+        substValue?: any;
+        spanClass?: string;
+    };
+};
+export declare type CollapseDataType = {
+    collapseOnSize: SizeType;
+    collapseColumns: Array<string>;
+};
+export declare type LayoutType = "table" | "flex";
+export interface CommonTableProps extends RefAttributes<DataTableElementType> {
+    data: Array<object>;
+    columns: Array<Column<object>>;
+    className?: string;
+    collapseData?: CollapseDataType;
+    isSortable?: boolean;
+    caption?: string;
+}

package/dist/cjs/components/DataTable/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/cjs/components/DataTable/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/DataTable/types.ts"],"names":[],"mappings":""}

package/dist/cjs/components/DatePicker/Calendar.d.ts

@@ -0,0 +1,5 @@
+import { CalendarProps as AriaCalendarProps } from "@react-aria/calendar";
+import { DateValue } from "@internationalized/date";
+export interface CalendarProps extends AriaCalendarProps<DateValue> {
+}
+export declare function Calendar(props: CalendarProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/cjs/components/DatePicker/Calendar.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Calendar = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const calendar_1 = require("@react-stately/calendar");
+const calendar_2 = require("@react-aria/calendar");
+const i18n_1 = require("@react-aria/i18n");
+const date_1 = require("@internationalized/date");
+const visually_hidden_1 = require("@react-aria/visually-hidden");
+const CalendarGrid_1 = require("./CalendarGrid");
+const CalendarButton_1 = require("./CalendarButton");
+function Calendar(props) {
+    const { locale } = (0, i18n_1.useLocale)();
+    const state = (0, calendar_1.useCalendarState)(Object.assign(Object.assign({}, props), { locale,
+        createCalendar: date_1.createCalendar }));
+    const { calendarProps, prevButtonProps, nextButtonProps, title } = (0, calendar_2.useCalendar)(props, state);
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, calendarProps, { className: "mobius/Calendar" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "mobius/CalendarHeader" }, { children: [(0, jsx_runtime_1.jsx)(CalendarButton_1.CalendarButton, Object.assign({ className: "mobius/CalendarPreviousButton" }, prevButtonProps, { children: (0, jsx_runtime_1.jsx)(visually_hidden_1.VisuallyHidden, { children: "<" }) })), (0, jsx_runtime_1.jsx)("h2", Object.assign({ className: "mobius/CalendarTitle" }, { children: title })), (0, jsx_runtime_1.jsx)(CalendarButton_1.CalendarButton, Object.assign({ className: "mobius/CalendarNextButton" }, nextButtonProps, { children: (0, jsx_runtime_1.jsx)(visually_hidden_1.VisuallyHidden, { children: ">" }) }))] })), (0, jsx_runtime_1.jsx)(CalendarGrid_1.CalendarGrid, { state: state })] })));
+}
+exports.Calendar = Calendar;
+//# sourceMappingURL=Calendar.js.map

package/dist/cjs/components/DatePicker/Calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/Calendar.tsx"],"names":[],"mappings":";;;;AAAA,sDAA2D;AAC3D,mDAG8B;AAC9B,2CAA6C;AAC7C,kDAAoE;AACpE,iEAA6D;AAE7D,iDAA8C;AAC9C,qDAAkD;AAIlD,SAAgB,QAAQ,CAAC,KAAoB;IAC3C,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,gBAAS,GAAE,CAAC;IAC/B,MAAM,KAAK,GAAG,IAAA,2BAAgB,kCACzB,KAAK,KACR,MAAM;QACN,cAAc,EAAd,qBAAc,IACd,CAAC;IAEH,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,eAAe,EAAE,KAAK,EAAE,GAC9D,IAAA,sBAAW,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAE5B,OAAO,CACL,iDAAS,aAAa,IAAE,SAAS,EAAC,iBAAiB,iBACjD,+CAAK,SAAS,EAAC,uBAAuB,iBACpC,uBAAC,+BAAc,kBACb,SAAS,EAAC,+BAA+B,IACrC,eAAe,cAEnB,uBAAC,gCAAc,oBAAsB,IACtB,EACjB,6CAAI,SAAS,EAAC,sBAAsB,gBAAE,KAAK,IAAM,EACjD,uBAAC,+BAAc,kBACb,SAAS,EAAC,2BAA2B,IACjC,eAAe,cAEnB,uBAAC,gCAAc,oBAAsB,IACtB,KACb,EACN,uBAAC,2BAAY,IAAC,KAAK,EAAE,KAAK,GAAI,KAC1B,CACP,CAAC;AACJ,CAAC;AA/BD,4BA+BC"}

package/dist/cjs/components/DatePicker/CalendarButton.d.ts

@@ -0,0 +1,13 @@
+import { Ref, RefAttributes, ReactNode } from "react";
+import { HoverProps } from "@react-aria/interactions";
+import type { AriaButtonProps } from "@react-types/button";
+import { DOMProps } from "@react-types/shared";
+import { ForwardedRefComponent } from "../../types/components";
+export declare type ButtonElementType = HTMLButtonElement;
+export interface ButtonProps extends AriaButtonProps<"button" | "a" | "span">, DOMProps, HoverProps, RefAttributes<ButtonElementType> {
+    children?: ReactNode;
+    className?: string;
+}
+export declare type ButtonRef = Ref<ButtonElementType>;
+declare const CalendarButton: ForwardedRefComponent<ButtonProps, ButtonElementType>;
+export { CalendarButton };

package/dist/cjs/components/DatePicker/CalendarButton.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CalendarButton = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const button_1 = require("@react-aria/button");
+const interactions_1 = require("@react-aria/interactions");
+const clsx_1 = __importDefault(require("clsx"));
+const focus_1 = require("@react-aria/focus");
+const CalendarButton = (0, react_1.forwardRef)((props, ref) => {
+    const refObj = (0, react_1.useRef)(null);
+    const { hoverProps, isHovered } = (0, interactions_1.useHover)(props);
+    const { buttonProps } = (0, button_1.useButton)(props, refObj);
+    const { focusProps, isFocusVisible } = (0, focus_1.useFocusRing)(props);
+    // Reshape class name and apply to outer element
+    const classes = (0, clsx_1.default)("mobius", "mobius/CalendarButton", {
+        "--is-disabled": props.isDisabled,
+        "--is-hovered": isHovered,
+        "--is-focused": isFocusVisible,
+    }, props.className);
+    return ((0, jsx_runtime_1.jsx)("button", Object.assign({ type: "button", ref: ref }, buttonProps, hoverProps, focusProps, { className: classes }, { children: props.children })));
+});
+exports.CalendarButton = CalendarButton;
+CalendarButton.displayName = "CalendarButton";
+//# sourceMappingURL=CalendarButton.js.map

package/dist/cjs/components/DatePicker/CalendarButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarButton.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/CalendarButton.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAA0E;AAC1E,+CAA+C;AAC/C,2DAAgE;AAGhE,gDAAwB;AACxB,6CAAiD;AAgBjD,MAAM,cAAc,GAClB,IAAA,kBAAU,EAAC,CAAC,KAAkB,EAAE,GAAc,EAAE,EAAE;IAChD,MAAM,MAAM,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAC5B,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,IAAA,uBAAQ,EAAC,KAAK,CAAC,CAAC;IAClD,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAS,EAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACjD,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,IAAA,oBAAY,EAAC,KAAK,CAAC,CAAC;IAE3D,gDAAgD;IAChD,MAAM,OAAO,GAAG,IAAA,cAAI,EAClB,QAAQ,EACR,uBAAuB,EACvB;QACE,eAAe,EAAE,KAAK,CAAC,UAAU;QACjC,cAAc,EAAE,SAAS;QACzB,cAAc,EAAE,cAAc;KAC/B,EACD,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,CACL,iDACE,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,GAAG,IACJ,WAAW,EACX,UAAU,EACV,UAAU,IACd,SAAS,EAAE,OAAO,gBAEjB,KAAK,CAAC,QAAQ,IACR,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAGI,wCAAc;AADvB,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

package/dist/cjs/components/DatePicker/CalendarCell.d.ts

@@ -0,0 +1,6 @@
+import { AriaCalendarCellProps } from "@react-aria/calendar";
+import { CalendarState } from "@react-stately/calendar";
+export interface CalendarCellProps extends AriaCalendarCellProps {
+    state: CalendarState;
+}
+export declare function CalendarCell({ state, date }: CalendarCellProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/cjs/components/DatePicker/CalendarCell.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CalendarCell = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const calendar_1 = require("@react-aria/calendar");
+const focus_1 = require("@react-aria/focus");
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = require("react");
+function CalendarCell({ state, date }) {
+    const ref = (0, react_1.useRef)(null);
+    const { cellProps, buttonProps, isSelected, isOutsideVisibleRange, isDisabled, isUnavailable, formattedDate, } = (0, calendar_1.useCalendarCell)({ date }, state, ref);
+    const { focusProps, isFocusVisible } = (0, focus_1.useFocusRing)();
+    const classes = (0, clsx_1.default)("mobius/CalendarCell", {
+        "--is-selected": isSelected,
+        "--is-outside-visible-range": isOutsideVisibleRange,
+        "--is-disabled": isDisabled,
+        "--is-unavailable": isUnavailable,
+        "--is-focused": isFocusVisible,
+    });
+    return ((0, jsx_runtime_1.jsx)("td", Object.assign({ className: classes }, cellProps, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({}, buttonProps, { ref: ref, hidden: isOutsideVisibleRange, className: "mobius/CalendarCellInner" }, focusProps, { children: formattedDate })) })));
+}
+exports.CalendarCell = CalendarCell;
+//# sourceMappingURL=CalendarCell.js.map

package/dist/cjs/components/DatePicker/CalendarCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarCell.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/CalendarCell.tsx"],"names":[],"mappings":";;;;;;;AAAA,mDAA8E;AAC9E,6CAAiD;AAEjD,gDAAwB;AACxB,iCAA+B;AAM/B,SAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,IAAI,EAAqB;IAC7D,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,EACJ,SAAS,EACT,WAAW,EACX,UAAU,EACV,qBAAqB,EACrB,UAAU,EACV,aAAa,EACb,aAAa,GACd,GAAG,IAAA,0BAAe,EAAC,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;IAE1C,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAEtD,MAAM,OAAO,GAAG,IAAA,cAAI,EAAC,qBAAqB,EAAE;QAC1C,eAAe,EAAE,UAAU;QAC3B,4BAA4B,EAAE,qBAAqB;QACnD,eAAe,EAAE,UAAU;QAC3B,kBAAkB,EAAE,aAAa;QACjC,cAAc,EAAE,cAAc;KAC/B,CAAC,CAAC;IAEH,OAAO,CACL,6CAAI,SAAS,EAAE,OAAO,IAAM,SAAS,cACnC,gDACM,WAAW,IACf,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,qBAAqB,EAC7B,SAAS,EAAC,0BAA0B,IAChC,UAAU,cAEb,aAAa,IACV,IACH,CACN,CAAC;AACJ,CAAC;AAnCD,oCAmCC"}

package/dist/cjs/components/DatePicker/CalendarGrid.d.ts

@@ -0,0 +1,7 @@
+import { AriaCalendarGridProps, CalendarProps } from "@react-aria/calendar";
+import { CalendarDate } from "@internationalized/date";
+import { CalendarState } from "@react-stately/calendar";
+export interface CalendarGridProps extends AriaCalendarGridProps, CalendarProps<CalendarDate> {
+    state: CalendarState;
+}
+export declare function CalendarGrid({ state, ...props }: CalendarGridProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/cjs/components/DatePicker/CalendarGrid.js

@@ -0,0 +1,34 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CalendarGrid = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const calendar_1 = require("@react-aria/calendar");
+const date_1 = require("@internationalized/date");
+const i18n_1 = require("@react-aria/i18n");
+const CalendarCell_1 = require("./CalendarCell");
+function CalendarGrid(_a) {
+    var { state } = _a, props = __rest(_a, ["state"]);
+    const { locale } = (0, i18n_1.useLocale)();
+    const { gridProps, headerProps, weekDays } = (0, calendar_1.useCalendarGrid)(props, state);
+    // Find the start date of the grid, which is the beginning
+    // of the week the month starts in. Also get the number of
+    // weeks in the month so we can render the proper number of rows.
+    const monthStart = (0, date_1.startOfWeek)(state.visibleRange.start, locale);
+    const weeksInMonth = (0, date_1.getWeeksInMonth)(state.visibleRange.start, locale);
+    return ((0, jsx_runtime_1.jsxs)("table", Object.assign({ className: "mobius/CalendarGrid" }, gridProps, { children: [(0, jsx_runtime_1.jsx)("thead", Object.assign({}, headerProps, { className: "mobius/CalendarGridHead" }, { children: (0, jsx_runtime_1.jsx)("tr", { children: weekDays.map((day, index) => (
+                    // eslint-disable-next-line react/no-array-index-key
+                    (0, jsx_runtime_1.jsx)("th", Object.assign({ className: "mobius/CalendarGridHeadCell" }, { children: day }), index))) }) })), (0, jsx_runtime_1.jsx)("tbody", Object.assign({ className: "mobius/CalendarGridBody" }, { children: [...new Array(weeksInMonth).keys()].map(weekIndex => ((0, jsx_runtime_1.jsx)("tr", { children: [...new Array(7).keys()].map(dayIndex => ((0, jsx_runtime_1.jsx)(CalendarCell_1.CalendarCell, { state: state, date: monthStart.add({ weeks: weekIndex, days: dayIndex }) }, dayIndex))) }, weekIndex))) }))] })));
+}
+exports.CalendarGrid = CalendarGrid;
+//# sourceMappingURL=CalendarGrid.js.map

package/dist/cjs/components/DatePicker/CalendarGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarGrid.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/CalendarGrid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,mDAI8B;AAC9B,kDAIiC;AACjC,2CAA6C;AAE7C,iDAA8C;AAQ9C,SAAgB,YAAY,CAAC,EAAsC;QAAtC,EAAE,KAAK,OAA+B,EAA1B,KAAK,cAAjB,SAAmB,CAAF;IAC5C,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,gBAAS,GAAE,CAAC;IAC/B,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,IAAA,0BAAe,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAE3E,0DAA0D;IAC1D,0DAA0D;IAC1D,iEAAiE;IACjE,MAAM,UAAU,GAAG,IAAA,kBAAW,EAAC,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACjE,MAAM,YAAY,GAAG,IAAA,sBAAe,EAAC,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAEvE,OAAO,CACL,iDAAO,SAAS,EAAC,qBAAqB,IAAK,SAAS,eAClD,kDAAW,WAAW,IAAE,SAAS,EAAC,yBAAyB,gBACzD,yCACG,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC;oBAC5B,oDAAoD;oBACpD,6CAAI,SAAS,EAAC,6BAA6B,gBACxC,GAAG,KAD2C,KAAK,CAEjD,CACN,CAAC,GACC,IACC,EACR,gDAAO,SAAS,EAAC,yBAAyB,gBACvC,CAAC,GAAG,IAAI,KAAK,CAAC,YAAY,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,CACpD,yCACG,CAAC,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,CACxC,uBAAC,2BAAY,IAEX,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,IAFrD,QAAQ,CAGb,CACH,CAAC,IAPK,SAAS,CAQb,CACN,CAAC,IACI,KACF,CACT,CAAC;AACJ,CAAC;AArCD,oCAqCC"}

package/dist/cjs/components/DatePicker/DateField.d.ts

@@ -0,0 +1,6 @@
+import { AriaDateFieldProps } from "@react-aria/datepicker";
+import { DateValue } from "@internationalized/date";
+export interface DateFieldProps extends AriaDateFieldProps<DateValue> {
+    className: string;
+}
+export declare function DateField(props: DateFieldProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/cjs/components/DatePicker/DateField.js

@@ -0,0 +1,37 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DateField = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const i18n_1 = require("@react-aria/i18n");
+const datepicker_1 = require("@react-stately/datepicker");
+const datepicker_2 = require("@react-aria/datepicker");
+const date_1 = require("@internationalized/date");
+const react_1 = require("react");
+const DateSegment_1 = require("./DateSegment");
+function DateField(props) {
+    const { label, className } = props;
+    const { locale } = (0, i18n_1.useLocale)();
+    const state = (0, datepicker_1.useDateFieldState)(Object.assign(Object.assign({}, props), { locale,
+        createCalendar: date_1.createCalendar }));
+    const ref = (0, react_1.useRef)(null);
+    const { labelProps, fieldProps } = (0, datepicker_2.useDateField)(props, state, ref);
+    // ID is duplicated with DateFieldGroup - Spectrum bug?
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const { id } = fieldProps, filteredFieldProps = __rest(fieldProps, ["id"]);
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: className }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({}, labelProps, { children: label })), (0, jsx_runtime_1.jsx)("div", Object.assign({}, filteredFieldProps, { ref: ref, className: "mobius/DateSegments" }, { children: state.segments.map((segment, i) => ((0, jsx_runtime_1.jsx)(DateSegment_1.DateSegment
+                // eslint-disable-next-line react/no-array-index-key
+                , { segment: segment, state: state }, i))) }))] })));
+}
+exports.DateField = DateField;
+//# sourceMappingURL=DateField.js.map

package/dist/cjs/components/DatePicker/DateField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateField.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/DateField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,2CAA6C;AAC7C,0DAA8D;AAC9D,uDAA0E;AAC1E,kDAAoE;AACpE,iCAA+B;AAC/B,+CAA4C;AAM5C,SAAgB,SAAS,CAAC,KAAqB;IAC7C,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACnC,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,gBAAS,GAAE,CAAC;IAC/B,MAAM,KAAK,GAAG,IAAA,8BAAiB,kCAC1B,KAAK,KACR,MAAM;QACN,cAAc,EAAd,qBAAc,IACd,CAAC;IAEH,MAAM,GAAG,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IAChD,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,IAAA,yBAAY,EAAC,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;IAEnE,uDAAuD;IACvD,6DAA6D;IAC7D,MAAM,EAAE,EAAE,KAA4B,UAAU,EAAjC,kBAAkB,UAAK,UAAU,EAA1C,MAA6B,CAAa,CAAC;IAEjD,OAAO,CACL,+CAAK,SAAS,EAAE,SAAS,iBACvB,iDAAU,UAAU,cAAG,KAAK,IAAQ,EACpC,gDAAS,kBAAkB,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,qBAAqB,gBACnE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC,CAClC,uBAAC,yBAAW;gBACV,oDAAoD;oBAEpD,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,IAFP,CAAC,CAGN,CACH,CAAC,IACE,KACF,CACP,CAAC;AACJ,CAAC;AA/BD,8BA+BC"}

package/dist/cjs/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,7 @@
+import { DatePickerStateOptions } from "@react-stately/datepicker";
+import { AriaDatePickerProps } from "@react-aria/datepicker";
+import { DateValue } from "@internationalized/date";
+export interface DatePickerProps extends AriaDatePickerProps<DateValue>, DatePickerStateOptions {
+    label: string;
+}
+export declare function DatePicker(props: DatePickerProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/cjs/components/DatePicker/DatePicker.js

@@ -0,0 +1,51 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePicker = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const datepicker_1 = require("@react-stately/datepicker");
+const datepicker_2 = require("@react-aria/datepicker");
+const react_1 = require("react");
+const overlays_1 = require("@react-aria/overlays");
+const interactions_1 = require("@react-aria/interactions");
+const focus_1 = require("@react-aria/focus");
+const clsx_1 = __importDefault(require("clsx"));
+const visually_hidden_1 = require("@react-aria/visually-hidden");
+const DateField_1 = require("./DateField");
+const Button_1 = require("../Button");
+const Popover_1 = require("./Popover");
+const Calendar_1 = require("./Calendar");
+const Label_1 = require("../Label");
+function DatePicker(props) {
+    const { label, isRequired } = props;
+    const state = (0, datepicker_1.useDatePickerState)(props);
+    const ref = (0, react_1.useRef)(null);
+    const { groupProps, labelProps, fieldProps, buttonProps, dialogProps, calendarProps, } = (0, datepicker_2.useDatePicker)(props, state, ref);
+    const classes = (0, clsx_1.default)("mobius/DatePicker", {
+        "--is-valid": state.validationState === "valid",
+        "--is-invalid": state.validationState === "invalid",
+        "--is-required": typeof isRequired === "boolean" && isRequired,
+        "--is-optional": typeof isRequired === "boolean" && !isRequired,
+    });
+    const { hoverProps, isHovered } = (0, interactions_1.useHover)(Object.assign({}, props));
+    const { focusProps, isFocusVisible } = (0, focus_1.useFocusRing)(props);
+    const dateFieldGroupClasses = (0, clsx_1.default)("mobius/DateFieldGroup", {
+        "--is-hovered": isHovered,
+        "--is-focused": isFocusVisible,
+    });
+    const dateFieldClasses = (0, clsx_1.default)("mobius/DateField", {
+        "--is-hovered": isHovered,
+        "--is-focused": isFocusVisible,
+    });
+    const buttonClasses = (0, clsx_1.default)("mobius/DateFieldButton", {
+        "--is-hovered": isHovered,
+        "--is-focused": isFocusVisible,
+    });
+    return ((0, jsx_runtime_1.jsx)(overlays_1.ModalProvider, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: classes, css: { position: "relative" } }, { children: [(0, jsx_runtime_1.jsx)(Label_1.Label, Object.assign({}, labelProps, { children: label })), (0, jsx_runtime_1.jsxs)("div", Object.assign({}, groupProps, hoverProps, focusProps, { ref: ref, className: dateFieldGroupClasses }, { children: [(0, jsx_runtime_1.jsx)(DateField_1.DateField, Object.assign({}, fieldProps, { className: dateFieldClasses })), (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ variant: "secondary" }, buttonProps, { className: buttonClasses }, { children: (0, jsx_runtime_1.jsx)(visually_hidden_1.VisuallyHidden, { children: "Pick date" }) }))] })), state.isOpen && (
+                /* @ts-expect-error */
+                (0, jsx_runtime_1.jsx)(Popover_1.Popover, Object.assign({}, dialogProps, { isOpen: state.isOpen, onClose: () => state.setOpen(false) }, { children: (0, jsx_runtime_1.jsx)(Calendar_1.Calendar, Object.assign({}, calendarProps)) })))] })) }));
+}
+exports.DatePicker = DatePicker;
+//# sourceMappingURL=DatePicker.js.map

package/dist/cjs/components/DatePicker/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;AAAA,0DAGmC;AACnC,uDAA4E;AAC5E,iCAA+B;AAC/B,mDAAqD;AAErD,2DAAoD;AACpD,6CAAiD;AACjD,gDAAwB;AACxB,iEAA6D;AAC7D,2CAAwC;AACxC,sCAAmC;AACnC,uCAAoC;AACpC,yCAAsC;AACtC,oCAAiC;AAQjC,SAAgB,UAAU,CAAC,KAAsB;IAC/C,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IACpC,MAAM,KAAK,GAAG,IAAA,+BAAkB,EAAC,KAAK,CAAC,CAAC;IACxC,MAAM,GAAG,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IAChD,MAAM,EACJ,UAAU,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACX,WAAW,EACX,aAAa,GACd,GAAG,IAAA,0BAAa,EAAC,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;IAErC,MAAM,OAAO,GAAG,IAAA,cAAI,EAAC,mBAAmB,EAAE;QACxC,YAAY,EAAE,KAAK,CAAC,eAAe,KAAK,OAAO;QAC/C,cAAc,EAAE,KAAK,CAAC,eAAe,KAAK,SAAS;QACnD,eAAe,EAAE,OAAO,UAAU,KAAK,SAAS,IAAI,UAAU;QAC9D,eAAe,EAAE,OAAO,UAAU,KAAK,SAAS,IAAI,CAAC,UAAU;KAChE,CAAC,CAAC;IAEH,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,IAAA,uBAAQ,oBACrC,KAAK,EACR,CAAC;IAEH,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,IAAA,oBAAY,EAAC,KAAK,CAAC,CAAC;IAE3D,MAAM,qBAAqB,GAAG,IAAA,cAAI,EAAC,uBAAuB,EAAE;QAC1D,cAAc,EAAE,SAAS;QACzB,cAAc,EAAE,cAAc;KAC/B,CAAC,CAAC;IAEH,MAAM,gBAAgB,GAAG,IAAA,cAAI,EAAC,kBAAkB,EAAE;QAChD,cAAc,EAAE,SAAS;QACzB,cAAc,EAAE,cAAc;KAC/B,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,IAAA,cAAI,EAAC,wBAAwB,EAAE;QACnD,cAAc,EAAE,SAAS;QACzB,cAAc,EAAE,cAAc;KAC/B,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,wBAAa,cACZ,+CAAK,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,iBACpD,uBAAC,aAAK,oBAAK,UAAU,cAAG,KAAK,IAAS,EACtC,iDACM,UAAU,EACV,UAAU,EACV,UAAU,IACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,qBAAqB,iBAEhC,uBAAC,qBAAS,oBAAK,UAAU,IAAE,SAAS,EAAE,gBAAgB,IAAI,EAC1D,uBAAC,eAAM,kBACL,OAAO,EAAC,WAAW,IACf,WAAW,IACf,SAAS,EAAE,aAAa,gBAExB,uBAAC,gCAAc,4BAA2B,IACnC,KACL,EACL,KAAK,CAAC,MAAM,IAAI;gBACf,sBAAsB;gBACtB,uBAAC,iBAAO,oBACF,WAAW,IACf,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,gBAEnC,uBAAC,mBAAQ,oBAAK,aAAa,EAAI,IACvB,CACX,KACG,GACQ,CACjB,CAAC;AACJ,CAAC;AA1ED,gCA0EC"}

package/dist/cjs/components/DatePicker/DateSegment.d.ts

@@ -0,0 +1,6 @@
+import { DateFieldState, DateSegment as DateSegmentType } from "@react-stately/datepicker";
+export interface DateSegmentProps {
+    segment: DateSegmentType;
+    state: DateFieldState;
+}
+export declare function DateSegment({ segment, state }: DateSegmentProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/cjs/components/DatePicker/DateSegment.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DateSegment = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const datepicker_1 = require("@react-aria/datepicker");
+const focus_1 = require("@react-aria/focus");
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = require("react");
+function DateSegment({ segment, state }) {
+    const ref = (0, react_1.useRef)(null);
+    const { segmentProps } = (0, datepicker_1.useDateSegment)(segment, state, ref);
+    const { focusProps, isFocusVisible } = (0, focus_1.useFocusRing)();
+    const classes = (0, clsx_1.default)("mobius/DateSegment", {
+        "--is-literal": segment.type === "literal",
+        "--is-placeholder": segment.isPlaceholder,
+        "--is-focused": isFocusVisible,
+    });
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, segmentProps, focusProps, { ref: ref, className: classes }, { children: segment.text })));
+}
+exports.DateSegment = DateSegment;
+//# sourceMappingURL=DateSegment.js.map

package/dist/cjs/components/DatePicker/DateSegment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateSegment.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/DateSegment.tsx"],"names":[],"mappings":";;;;;;;AAAA,uDAAwD;AACxD,6CAAiD;AAKjD,gDAAwB;AACxB,iCAA+B;AAO/B,SAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,KAAK,EAAoB;IAC9D,MAAM,GAAG,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IAChD,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,2BAAc,EAAC,OAAO,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;IAE7D,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAEtD,MAAM,OAAO,GAAG,IAAA,cAAI,EAAC,oBAAoB,EAAE;QACzC,cAAc,EAAE,OAAO,CAAC,IAAI,KAAK,SAAS;QAC1C,kBAAkB,EAAE,OAAO,CAAC,aAAa;QACzC,cAAc,EAAE,cAAc;KAC/B,CAAC,CAAC;IAEH,OAAO,CACL,gDAAS,YAAY,EAAM,UAAU,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,gBAChE,OAAO,CAAC,IAAI,IACT,CACP,CAAC;AACJ,CAAC;AAjBD,kCAiBC"}

package/dist/cjs/components/DatePicker/Popover.d.ts

@@ -0,0 +1,8 @@
+import { AriaOverlayProps } from "@react-aria/overlays";
+import { AriaDialogProps } from "@react-types/dialog";
+import { ReactNode, Ref } from "react";
+export interface PopoverProps extends AriaDialogProps, AriaOverlayProps {
+    popoverRef: Ref<HTMLElement>;
+    children: ReactNode;
+}
+export declare function Popover(props: PopoverProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/cjs/components/DatePicker/Popover.js

@@ -0,0 +1,48 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Popover = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const focus_1 = require("@react-aria/focus");
+const dialog_1 = require("@react-aria/dialog");
+const overlays_1 = require("@react-aria/overlays");
+const utils_1 = require("@react-aria/utils");
+const react_1 = require("react");
+function Popover(props) {
+    const ref = (0, react_1.useRef)();
+    const { popoverRef = ref, isOpen, onClose, children } = props, otherProps = __rest(props, ["popoverRef", "isOpen", "onClose", "children"]);
+    // Handle events that should cause the popup to close,
+    // e.g. blur, clicking outside, or pressing the escape key.
+    const { overlayProps } = (0, overlays_1.useOverlay)({
+        isOpen,
+        onClose,
+        shouldCloseOnBlur: true,
+        isDismissable: true,
+    }, 
+    /* @ts-expect-error */
+    popoverRef);
+    const { modalProps } = (0, overlays_1.useModal)();
+    /* @ts-expect-error */
+    const { dialogProps } = (0, dialog_1.useDialog)(otherProps, popoverRef);
+    // Add a hidden <DismissButton> component at the end of the popover
+    // to allow screen reader users to dismiss the popup easily.
+    return ((0, jsx_runtime_1.jsx)(focus_1.FocusScope, Object.assign({ contain: true, restoreFocus: true }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "mobius/DatePickerPopover" }, (0, utils_1.mergeProps)(overlayProps, modalProps, dialogProps), { 
+            /* @ts-expect-error */
+            ref: popoverRef, css: {
+                position: "absolute",
+                marginTop: 4,
+                zIndex: 1,
+            } }, { children: [children, (0, jsx_runtime_1.jsx)(overlays_1.DismissButton, { onDismiss: onClose })] })) })));
+}
+exports.Popover = Popover;
+//# sourceMappingURL=Popover.js.map

package/dist/cjs/components/DatePicker/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/Popover.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,6CAA+C;AAC/C,+CAA+C;AAC/C,mDAK8B;AAE9B,6CAA+C;AAC/C,iCAA+C;AAO/C,SAAgB,OAAO,CAAC,KAAmB;IACzC,MAAM,GAAG,GAAG,IAAA,cAAM,GAAE,CAAC;IACrB,MAAM,EAAE,UAAU,GAAG,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,KAAoB,KAAK,EAApB,UAAU,UAAK,KAAK,EAAtE,+CAA8D,CAAQ,CAAC;IAE7E,sDAAsD;IACtD,2DAA2D;IAC3D,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,qBAAU,EACjC;QACE,MAAM;QACN,OAAO;QACP,iBAAiB,EAAE,IAAI;QACvB,aAAa,EAAE,IAAI;KACpB;IACD,sBAAsB;IACtB,UAAU,CACX,CAAC;IAEF,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,mBAAQ,GAAE,CAAC;IAClC,sBAAsB;IACtB,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAS,EAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IAE1D,mEAAmE;IACnE,4DAA4D;IAC5D,OAAO,CACL,uBAAC,kBAAU,kBAAC,OAAO,QAAC,YAAY,sBAC9B,+CACE,SAAS,EAAC,0BAA0B,IAChC,IAAA,kBAAU,EAAC,YAAY,EAAE,UAAU,EAAE,WAAW,CAAC;YACrD,sBAAsB;YACtB,GAAG,EAAE,UAAU,EACf,GAAG,EAAE;gBACH,QAAQ,EAAE,UAAU;gBACpB,SAAS,EAAE,CAAC;gBACZ,MAAM,EAAE,CAAC;aACV,iBAEA,QAAQ,EACT,uBAAC,wBAAa,IAAC,SAAS,EAAE,OAAO,GAAI,KACjC,IACK,CACd,CAAC;AACJ,CAAC;AAzCD,0BAyCC"}

package/dist/cjs/components/DatePicker/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./DatePicker";
+export { parseDate } from "@internationalized/date";

package/dist/cjs/components/DatePicker/index.js

@@ -0,0 +1,21 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseDate = void 0;
+__exportStar(require("./DatePicker"), exports);
+var date_1 = require("@internationalized/date");
+Object.defineProperty(exports, "parseDate", { enumerable: true, get: function () { return date_1.parseDate; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/DatePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,+CAA6B;AAC7B,gDAAoD;AAA3C,iGAAA,SAAS,OAAA"}

package/dist/cjs/components/Divider/Divider.d.ts

@@ -0,0 +1,10 @@
+import { DOMProps } from "@react-types/shared";
+import { SeparatorProps } from "@react-aria/separator";
+export interface DividerProps extends SeparatorProps, DOMProps {
+    className?: string;
+}
+declare const Divider: {
+    (props: DividerProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Divider };