@simplybusiness/mobius 3.0.0

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

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { useCalendarState } from "@react-stately/calendar";
+import { useCalendar, } from "@react-aria/calendar";
+import { useLocale } from "@react-aria/i18n";
+import { createCalendar } from "@internationalized/date";
+import { VisuallyHidden } from "@react-aria/visually-hidden";
+import { CalendarGrid } from "./CalendarGrid";
+import { CalendarButton } from "./CalendarButton";
+export function Calendar(props) {
+    const { locale } = useLocale();
+    const state = useCalendarState(Object.assign(Object.assign({}, props), { locale,
+        createCalendar }));
+    const { calendarProps, prevButtonProps, nextButtonProps, title } = useCalendar(props, state);
+    return (_jsxs("div", Object.assign({}, calendarProps, { className: "mobius/Calendar" }, { children: [_jsxs("div", Object.assign({ className: "mobius/CalendarHeader" }, { children: [_jsx(CalendarButton, Object.assign({ className: "mobius/CalendarPreviousButton" }, prevButtonProps, { children: _jsx(VisuallyHidden, { children: "<" }) })), _jsx("h2", Object.assign({ className: "mobius/CalendarTitle" }, { children: title })), _jsx(CalendarButton, Object.assign({ className: "mobius/CalendarNextButton" }, nextButtonProps, { children: _jsx(VisuallyHidden, { children: ">" }) }))] })), _jsx(CalendarGrid, { state: state })] })));
+}
+//# sourceMappingURL=Calendar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/Calendar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAEL,WAAW,GACZ,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAa,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAE7D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAIlD,MAAM,UAAU,QAAQ,CAAC,KAAoB;IAC3C,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAC;IAC/B,MAAM,KAAK,GAAG,gBAAgB,iCACzB,KAAK,KACR,MAAM;QACN,cAAc,IACd,CAAC;IAEH,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,eAAe,EAAE,KAAK,EAAE,GAC9D,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAE5B,OAAO,CACL,+BAAS,aAAa,IAAE,SAAS,EAAC,iBAAiB,iBACjD,6BAAK,SAAS,EAAC,uBAAuB,iBACpC,KAAC,cAAc,kBACb,SAAS,EAAC,+BAA+B,IACrC,eAAe,cAEnB,KAAC,cAAc,oBAAsB,IACtB,EACjB,2BAAI,SAAS,EAAC,sBAAsB,gBAAE,KAAK,IAAM,EACjD,KAAC,cAAc,kBACb,SAAS,EAAC,2BAA2B,IACjC,eAAe,cAEnB,KAAC,cAAc,oBAAsB,IACtB,KACb,EACN,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,GAAI,KAC1B,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { forwardRef, useRef } from "react";
+import { useButton } from "@react-aria/button";
+import { useHover } from "@react-aria/interactions";
+import clsx from "clsx";
+import { useFocusRing } from "@react-aria/focus";
+const CalendarButton = forwardRef((props, ref) => {
+    const refObj = useRef(null);
+    const { hoverProps, isHovered } = useHover(props);
+    const { buttonProps } = useButton(props, refObj);
+    const { focusProps, isFocusVisible } = useFocusRing(props);
+    // Reshape class name and apply to outer element
+    const classes = clsx("mobius", "mobius/CalendarButton", {
+        "--is-disabled": props.isDisabled,
+        "--is-hovered": isHovered,
+        "--is-focused": isFocusVisible,
+    }, props.className);
+    return (_jsx("button", Object.assign({ type: "button", ref: ref }, buttonProps, hoverProps, focusProps, { className: classes }, { children: props.children })));
+});
+CalendarButton.displayName = "CalendarButton";
+export { CalendarButton };
+//# sourceMappingURL=CalendarButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarButton.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/CalendarButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAO,UAAU,EAAiB,MAAM,EAAa,MAAM,OAAO,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAc,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAGhE,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAgBjD,MAAM,cAAc,GAClB,UAAU,CAAC,CAAC,KAAkB,EAAE,GAAc,EAAE,EAAE;IAChD,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC5B,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACjD,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAE3D,gDAAgD;IAChD,MAAM,OAAO,GAAG,IAAI,CAClB,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,+BACE,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;AAEL,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,CAAC"}

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

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { useCalendarCell } from "@react-aria/calendar";
+import { useFocusRing } from "@react-aria/focus";
+import clsx from "clsx";
+import { useRef } from "react";
+export function CalendarCell({ state, date }) {
+    const ref = useRef(null);
+    const { cellProps, buttonProps, isSelected, isOutsideVisibleRange, isDisabled, isUnavailable, formattedDate, } = useCalendarCell({ date }, state, ref);
+    const { focusProps, isFocusVisible } = useFocusRing();
+    const classes = clsx("mobius/CalendarCell", {
+        "--is-selected": isSelected,
+        "--is-outside-visible-range": isOutsideVisibleRange,
+        "--is-disabled": isDisabled,
+        "--is-unavailable": isUnavailable,
+        "--is-focused": isFocusVisible,
+    });
+    return (_jsx("td", Object.assign({ className: classes }, cellProps, { children: _jsx("div", Object.assign({}, buttonProps, { ref: ref, hidden: isOutsideVisibleRange, className: "mobius/CalendarCellInner" }, focusProps, { children: formattedDate })) })));
+}
+//# sourceMappingURL=CalendarCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarCell.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/CalendarCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAyB,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAC9E,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAM/B,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,IAAI,EAAqB;IAC7D,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,EACJ,SAAS,EACT,WAAW,EACX,UAAU,EACV,qBAAqB,EACrB,UAAU,EACV,aAAa,EACb,aAAa,GACd,GAAG,eAAe,CAAC,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;IAE1C,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,YAAY,EAAE,CAAC;IAEtD,MAAM,OAAO,GAAG,IAAI,CAAC,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,2BAAI,SAAS,EAAE,OAAO,IAAM,SAAS,cACnC,8BACM,WAAW,IACf,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,qBAAqB,EAC7B,SAAS,EAAC,0BAA0B,IAChC,UAAU,cAEb,aAAa,IACV,IACH,CACN,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,30 @@
+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;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { useCalendarGrid, } from "@react-aria/calendar";
+import { startOfWeek, getWeeksInMonth, } from "@internationalized/date";
+import { useLocale } from "@react-aria/i18n";
+import { CalendarCell } from "./CalendarCell";
+export function CalendarGrid(_a) {
+    var { state } = _a, props = __rest(_a, ["state"]);
+    const { locale } = useLocale();
+    const { gridProps, headerProps, weekDays } = 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 = startOfWeek(state.visibleRange.start, locale);
+    const weeksInMonth = getWeeksInMonth(state.visibleRange.start, locale);
+    return (_jsxs("table", Object.assign({ className: "mobius/CalendarGrid" }, gridProps, { children: [_jsx("thead", Object.assign({}, headerProps, { className: "mobius/CalendarGridHead" }, { children: _jsx("tr", { children: weekDays.map((day, index) => (
+                    // eslint-disable-next-line react/no-array-index-key
+                    _jsx("th", Object.assign({ className: "mobius/CalendarGridHeadCell" }, { children: day }), index))) }) })), _jsx("tbody", Object.assign({ className: "mobius/CalendarGridBody" }, { children: [...new Array(weeksInMonth).keys()].map(weekIndex => (_jsx("tr", { children: [...new Array(7).keys()].map(dayIndex => (_jsx(CalendarCell, { state: state, date: monthStart.add({ weeks: weekIndex, days: dayIndex }) }, dayIndex))) }, weekIndex))) }))] })));
+}
+//# sourceMappingURL=CalendarGrid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarGrid.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/CalendarGrid.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAGL,eAAe,GAChB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,WAAW,EACX,eAAe,GAEhB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAQ9C,MAAM,UAAU,YAAY,CAAC,EAAsC;QAAtC,EAAE,KAAK,OAA+B,EAA1B,KAAK,cAAjB,SAAmB,CAAF;IAC5C,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAC;IAC/B,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAE3E,0DAA0D;IAC1D,0DAA0D;IAC1D,iEAAiE;IACjE,MAAM,UAAU,GAAG,WAAW,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACjE,MAAM,YAAY,GAAG,eAAe,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAEvE,OAAO,CACL,+BAAO,SAAS,EAAC,qBAAqB,IAAK,SAAS,eAClD,gCAAW,WAAW,IAAE,SAAS,EAAC,yBAAyB,gBACzD,uBACG,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC;oBAC5B,oDAAoD;oBACpD,2BAAI,SAAS,EAAC,6BAA6B,gBACxC,GAAG,KAD2C,KAAK,CAEjD,CACN,CAAC,GACC,IACC,EACR,8BAAO,SAAS,EAAC,yBAAyB,gBACvC,CAAC,GAAG,IAAI,KAAK,CAAC,YAAY,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,CACpD,uBACG,CAAC,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,CACxC,KAAC,YAAY,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"}

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

@@ -0,0 +1,33 @@
+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;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { useLocale } from "@react-aria/i18n";
+import { useDateFieldState } from "@react-stately/datepicker";
+import { useDateField } from "@react-aria/datepicker";
+import { createCalendar } from "@internationalized/date";
+import { useRef } from "react";
+import { DateSegment } from "./DateSegment";
+export function DateField(props) {
+    const { label, className } = props;
+    const { locale } = useLocale();
+    const state = useDateFieldState(Object.assign(Object.assign({}, props), { locale,
+        createCalendar }));
+    const ref = useRef(null);
+    const { labelProps, fieldProps } = 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 (_jsxs("div", Object.assign({ className: className }, { children: [_jsx("span", Object.assign({}, labelProps, { children: label })), _jsx("div", Object.assign({}, filteredFieldProps, { ref: ref, className: "mobius/DateSegments" }, { children: state.segments.map((segment, i) => (_jsx(DateSegment
+                // eslint-disable-next-line react/no-array-index-key
+                , { segment: segment, state: state }, i))) }))] })));
+}
+//# sourceMappingURL=DateField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateField.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/DateField.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAsB,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAa,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAM5C,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC7C,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACnC,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAC;IAC/B,MAAM,KAAK,GAAG,iBAAiB,iCAC1B,KAAK,KACR,MAAM;QACN,cAAc,IACd,CAAC;IAEH,MAAM,GAAG,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAChD,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,YAAY,CAAC,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,6BAAK,SAAS,EAAE,SAAS,iBACvB,+BAAU,UAAU,cAAG,KAAK,IAAQ,EACpC,8BAAS,kBAAkB,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,qBAAqB,gBACnE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC,CAClC,KAAC,WAAW;gBACV,oDAAoD;oBAEpD,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,IAFP,CAAC,CAGN,CACH,CAAC,IACE,KACF,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/DatePicker/DatePicker.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { useDatePickerState, } from "@react-stately/datepicker";
+import { useDatePicker } from "@react-aria/datepicker";
+import { useRef } from "react";
+import { ModalProvider } from "@react-aria/overlays";
+import { useHover } from "@react-aria/interactions";
+import { useFocusRing } from "@react-aria/focus";
+import clsx from "clsx";
+import { VisuallyHidden } from "@react-aria/visually-hidden";
+import { DateField } from "./DateField";
+import { Button } from "../Button";
+import { Popover } from "./Popover";
+import { Calendar } from "./Calendar";
+import { Label } from "../Label";
+export function DatePicker(props) {
+    const { label, isRequired } = props;
+    const state = useDatePickerState(props);
+    const ref = useRef(null);
+    const { groupProps, labelProps, fieldProps, buttonProps, dialogProps, calendarProps, } = useDatePicker(props, state, ref);
+    const classes = clsx("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 } = useHover(Object.assign({}, props));
+    const { focusProps, isFocusVisible } = useFocusRing(props);
+    const dateFieldGroupClasses = clsx("mobius/DateFieldGroup", {
+        "--is-hovered": isHovered,
+        "--is-focused": isFocusVisible,
+    });
+    const dateFieldClasses = clsx("mobius/DateField", {
+        "--is-hovered": isHovered,
+        "--is-focused": isFocusVisible,
+    });
+    const buttonClasses = clsx("mobius/DateFieldButton", {
+        "--is-hovered": isHovered,
+        "--is-focused": isFocusVisible,
+    });
+    return (_jsx(ModalProvider, { children: _jsxs("div", Object.assign({ className: classes, css: { position: "relative" } }, { children: [_jsx(Label, Object.assign({}, labelProps, { children: label })), _jsxs("div", Object.assign({}, groupProps, hoverProps, focusProps, { ref: ref, className: dateFieldGroupClasses }, { children: [_jsx(DateField, Object.assign({}, fieldProps, { className: dateFieldClasses })), _jsx(Button, Object.assign({ variant: "secondary" }, buttonProps, { className: buttonClasses }, { children: _jsx(VisuallyHidden, { children: "Pick date" }) }))] })), state.isOpen && (
+                /* @ts-expect-error */
+                _jsx(Popover, Object.assign({}, dialogProps, { isOpen: state.isOpen, onClose: () => state.setOpen(false) }, { children: _jsx(Calendar, Object.assign({}, calendarProps)) })))] })) }));
+}
+//# sourceMappingURL=DatePicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { useDateSegment } from "@react-aria/datepicker";
+import { useFocusRing } from "@react-aria/focus";
+import clsx from "clsx";
+import { useRef } from "react";
+export function DateSegment({ segment, state }) {
+    const ref = useRef(null);
+    const { segmentProps } = useDateSegment(segment, state, ref);
+    const { focusProps, isFocusVisible } = useFocusRing();
+    const classes = clsx("mobius/DateSegment", {
+        "--is-literal": segment.type === "literal",
+        "--is-placeholder": segment.isPlaceholder,
+        "--is-focused": isFocusVisible,
+    });
+    return (_jsx("div", Object.assign({}, segmentProps, focusProps, { ref: ref, className: classes }, { children: segment.text })));
+}
+//# sourceMappingURL=DateSegment.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateSegment.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/DateSegment.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAKjD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAO/B,MAAM,UAAU,WAAW,CAAC,EAAE,OAAO,EAAE,KAAK,EAAoB;IAC9D,MAAM,GAAG,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAChD,MAAM,EAAE,YAAY,EAAE,GAAG,cAAc,CAAC,OAAO,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;IAE7D,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,YAAY,EAAE,CAAC;IAEtD,MAAM,OAAO,GAAG,IAAI,CAAC,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,8BAAS,YAAY,EAAM,UAAU,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,gBAChE,OAAO,CAAC,IAAI,IACT,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,44 @@
+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;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { FocusScope } from "@react-aria/focus";
+import { useDialog } from "@react-aria/dialog";
+import { useOverlay, useModal, DismissButton, } from "@react-aria/overlays";
+import { mergeProps } from "@react-aria/utils";
+import { useRef } from "react";
+export function Popover(props) {
+    const ref = 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 } = useOverlay({
+        isOpen,
+        onClose,
+        shouldCloseOnBlur: true,
+        isDismissable: true,
+    }, 
+    /* @ts-expect-error */
+    popoverRef);
+    const { modalProps } = useModal();
+    /* @ts-expect-error */
+    const { dialogProps } = 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 (_jsx(FocusScope, Object.assign({ contain: true, restoreFocus: true }, { children: _jsxs("div", Object.assign({ className: "mobius/DatePickerPopover" }, mergeProps(overlayProps, modalProps, dialogProps), { 
+            /* @ts-expect-error */
+            ref: popoverRef, css: {
+                position: "absolute",
+                marginTop: 4,
+                zIndex: 1,
+            } }, { children: [children, _jsx(DismissButton, { onDismiss: onClose })] })) })));
+}
+//# sourceMappingURL=Popover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/Popover.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EACL,UAAU,EACV,QAAQ,EACR,aAAa,GAEd,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAkB,MAAM,EAAE,MAAM,OAAO,CAAC;AAO/C,MAAM,UAAU,OAAO,CAAC,KAAmB;IACzC,MAAM,GAAG,GAAG,MAAM,EAAE,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,UAAU,CACjC;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,QAAQ,EAAE,CAAC;IAClC,sBAAsB;IACtB,MAAM,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IAE1D,mEAAmE;IACnE,4DAA4D;IAC5D,OAAO,CACL,KAAC,UAAU,kBAAC,OAAO,QAAC,YAAY,sBAC9B,6BACE,SAAS,EAAC,0BAA0B,IAChC,UAAU,CAAC,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,KAAC,aAAa,IAAC,SAAS,EAAE,OAAO,GAAI,KACjC,IACK,CACd,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from "./DatePicker";
+export { parseDate } from "@internationalized/date";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/esm/components/Divider/Divider.js

@@ -0,0 +1,23 @@
+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;
+};
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { useSeparator } from "@react-aria/separator";
+import clsx from "clsx";
+const Divider = (props) => {
+    const { className } = props, rest = __rest(props, ["className"]);
+    const { separatorProps } = useSeparator(props);
+    const classes = clsx("mobius", "mobius/Divider", className);
+    return (_jsx("div", Object.assign({ className: classes }, separatorProps, rest, { children: _jsx("div", { className: "mobius/DividerInner" }) })));
+};
+Divider.displayName = "Divider";
+export { Divider };
+//# sourceMappingURL=Divider.js.map

package/dist/esm/components/Divider/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,YAAY,EAAkB,MAAM,uBAAuB,CAAC;AACrE,OAAO,IAAI,MAAM,MAAM,CAAC;AAMxB,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IACtC,MAAM,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA9B,aAAsB,CAAQ,CAAC;IACrC,MAAM,EAAE,cAAc,EAAE,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAE/C,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,gBAAgB,EAAE,SAAS,CAAC,CAAC;IAE5D,OAAO,CACL,4BAAK,SAAS,EAAE,OAAO,IAAM,cAAc,EAAM,IAAI,cACnD,cAAK,SAAS,EAAC,qBAAqB,GAAG,IACnC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/esm/components/Divider/index.js

@@ -0,0 +1,2 @@
+export * from "./Divider";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Divider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Divider/index.tsx"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/esm/components/DropdownMenu/DropdownMenu.js

@@ -0,0 +1,44 @@
+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;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { forwardRef, Children, isValidElement, cloneElement, useState, } from "react";
+import useDropdownMenu from "react-accessible-dropdown-menu-hook";
+import clsx from "clsx";
+import { Button } from "../Button";
+const DropdownMenu = forwardRef((props, ref) => {
+    const { elementType: Element = "nav", trigger, label = "Menu", children } = props, otherProps = __rest(props, ["elementType", "trigger", "label", "children"]);
+    const [activeId, setActiveId] = useState(null);
+    const numberOfItems = Children.count(children);
+    const { buttonProps, itemProps, isOpen: open, setIsOpen, } = useDropdownMenu(numberOfItems);
+    const classes = clsx("mobius", "mobius/DropdownMenu", otherProps.className);
+    const triggerClasses = clsx("mobius", "mobius/DropdownMenuTrigger");
+    const listClasses = clsx("mobius", "mobius/DropdownMenuList", {
+        "--is-open": open,
+    });
+    const handleChildClick = ({ onClick }, index) => {
+        setActiveId(index);
+        setIsOpen(false);
+        if (onClick) {
+            onClick();
+        }
+    };
+    return (_jsxs(Element, Object.assign({ ref: ref }, otherProps, { className: classes }, { children: [trigger ? (cloneElement(trigger, Object.assign({ className: triggerClasses, open,
+                label }, buttonProps))) : (_jsx(Button, Object.assign({ className: triggerClasses }, buttonProps, { children: label }))), _jsx("ul", Object.assign({ className: listClasses, role: "menu" }, { children: Children.map(children, (child, index) => {
+                    if (isValidElement(child)) {
+                        return cloneElement(child, Object.assign({ onClick: () => handleChildClick(child.props, index), active: index === activeId }, itemProps[index]));
+                    }
+                    return child;
+                }) }))] })));
+});
+DropdownMenu.displayName = "DropdownMenu";
+export { DropdownMenu };
+//# sourceMappingURL=DropdownMenu.js.map

package/dist/esm/components/DropdownMenu/DropdownMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAEL,UAAU,EAGV,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,QAAQ,GAET,MAAM,OAAO,CAAC;AAEf,OAAO,eAAe,MAAM,qCAAqC,CAAC;AAClE,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAsBnC,MAAM,YAAY,GAGd,UAAU,CAAC,CAAC,KAAwB,EAAE,GAAoB,EAAE,EAAE;IAChE,MAAM,EACJ,WAAW,EAAE,OAAO,GAAG,KAAK,EAC5B,OAAO,EACP,KAAK,GAAG,MAAM,EACd,QAAQ,KAEN,KAAK,EADJ,UAAU,UACX,KAAK,EANH,+CAML,CAAQ,CAAC;IACV,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC9D,MAAM,aAAa,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC/C,MAAM,EACJ,WAAW,EACX,SAAS,EACT,MAAM,EAAE,IAAI,EACZ,SAAS,GACV,GAAG,eAAe,CAAC,aAAa,CAAC,CAAC;IAEnC,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,qBAAqB,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAC5E,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,EAAE,4BAA4B,CAAC,CAAC;IACpE,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,EAAE,yBAAyB,EAAE;QAC5D,WAAW,EAAE,IAAI;KAClB,CAAC,CAAC;IAEH,MAAM,gBAAgB,GAAG,CAAC,EAAE,OAAO,EAAmB,EAAE,KAAa,EAAE,EAAE;QACvE,WAAW,CAAC,KAAK,CAAC,CAAC;QACnB,SAAS,CAAC,KAAK,CAAC,CAAC;QAEjB,IAAI,OAAO,EAAE;YACX,OAAO,EAAE,CAAC;SACX;IACH,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,OAAO,kBAAC,GAAG,EAAE,GAAG,IAAM,UAAU,IAAE,SAAS,EAAE,OAAO,iBAClD,OAAO,CAAC,CAAC,CAAC,CACT,YAAY,CAAC,OAAO,kBAClB,SAAS,EAAE,cAAc,EACzB,IAAI;gBACJ,KAAK,IACF,WAAW,EACd,CACH,CAAC,CAAC,CAAC,CACF,KAAC,MAAM,kBAAC,SAAS,EAAE,cAAc,IAAM,WAAW,cAC/C,KAAK,IACC,CACV,EACD,2BAAI,SAAS,EAAE,WAAW,EAAE,IAAI,EAAC,MAAM,gBACpC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;oBACvC,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE;wBACzB,OAAO,YAAY,CAAC,KAAK,EAAE,gBACzB,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,EACnD,MAAM,EAAE,KAAK,KAAK,QAAQ,IACvB,SAAS,CAAC,KAAK,CAAC,CACb,CAAC,CAAC;qBACX;oBAED,OAAO,KAAK,CAAC;gBACf,CAAC,CAAC,IACC,KACG,CACX,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/esm/components/DropdownMenu/DropdownMenu.test.js

@@ -0,0 +1,95 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { forwardRef } from "react";
+import { fireEvent, render, screen } from "@testing-library/react";
+import { DropdownMenu } from ".";
+const CLASS_NAME = "mobius/DropdownMenu";
+const TRIGGER_CLASS_NAME = "mobius/DropdownMenuTrigger";
+const LIST_CLASS_NAME = "mobius/DropdownMenuList";
+const ITEM_CLASS_NAME = "mobius/DropdownMenuItem";
+const ACTIVE_ITEM_CLASS_NAME = "--is-active";
+describe("DropdownMenu", () => {
+    it("should render without errors", () => {
+        const component = render(_jsx(DropdownMenu, { children: _jsx(DropdownMenu.Item, { children: "Home" }) }));
+        expect(component).toBeTruthy();
+    });
+    it("should use the provided elementType", () => {
+        var _a;
+        const { container } = render(_jsx(DropdownMenu, Object.assign({ elementType: "span" }, { children: _jsx(DropdownMenu.Item, { children: "Home" }) })));
+        expect((_a = container.firstElementChild) === null || _a === void 0 ? void 0 : _a.tagName).toBe("SPAN");
+    });
+    describe("given elementType", () => {
+        it("is not applied as element attribute", () => {
+            const { container } = render(_jsx(DropdownMenu, Object.assign({ elementType: "ul" }, { children: _jsx(DropdownMenu.Item, Object.assign({ elementType: "li" }, { children: "Home" })) })));
+            expect(container.firstChild).not.toHaveAttribute("elementtype", "ul");
+            expect(screen.queryByRole("menuitem")).not.toHaveAttribute("elementtype", "li");
+        });
+    });
+    it("should use the provided label", () => {
+        const label = "Menu";
+        render(_jsx(DropdownMenu, Object.assign({ label: label }, { children: _jsx(DropdownMenu.Item, { children: "Home" }) })));
+        expect(screen.getByText(label)).toBeInTheDocument();
+    });
+    it("should use the provided trigger", () => {
+        const triggerText = "My custom trigger";
+        const Trigger = forwardRef(() => _jsx("span", { children: triggerText }));
+        render(_jsx(DropdownMenu, Object.assign({ trigger: _jsx(Trigger, {}) }, { children: _jsx(DropdownMenu.Item, { children: "Home" }) })));
+        expect(screen.getByText(triggerText)).toBeInTheDocument();
+    });
+    it("should use the onClick handler on menu item", () => {
+        const customHandler = jest.fn();
+        render(_jsx(DropdownMenu, { children: _jsx(DropdownMenu.Item, Object.assign({ onClick: customHandler }, { children: "Home" })) }));
+        const trigger = screen.getByRole("button");
+        fireEvent.click(trigger);
+        const item = screen.getByRole("menuitem");
+        fireEvent.click(item);
+        expect(customHandler).toHaveBeenCalled();
+    });
+    it("should close menu upon item selection", () => {
+        render(_jsx(DropdownMenu, { children: _jsx(DropdownMenu.Item, { children: "Home" }) }));
+        const trigger = screen.getByRole("button");
+        fireEvent.click(trigger);
+        const item = screen.getByRole("menuitem");
+        fireEvent.click(item);
+        expect(trigger).toHaveAttribute("aria-expanded", "false");
+    });
+    describe("uses correct class names", () => {
+        it("uses Mobius class", () => {
+            const { container } = render(_jsx(DropdownMenu, { children: _jsx(DropdownMenu.Item, { children: "Home" }) }));
+            expect(container.firstChild).toHaveClass("mobius");
+        });
+        it("uses base Mobius class", () => {
+            const { container } = render(_jsx(DropdownMenu, { children: _jsx(DropdownMenu.Item, { children: "Home" }) }));
+            expect(container.firstChild).toHaveClass(CLASS_NAME);
+        });
+        it("includes custom class name", () => {
+            const { container } = render(_jsx(DropdownMenu, Object.assign({ className: "my-class" }, { children: _jsx(DropdownMenu.Item, { children: "Home" }) })));
+            expect(container.firstChild).toHaveClass("my-class");
+            expect(container.firstChild).toHaveClass(CLASS_NAME);
+        });
+        it("uses trigger class name", () => {
+            render(_jsx(DropdownMenu, Object.assign({ className: "my-class" }, { children: _jsx(DropdownMenu.Item, { children: "Home" }) })));
+            expect(screen.getByRole("button")).toHaveClass(TRIGGER_CLASS_NAME);
+        });
+        it("uses list class name", () => {
+            render(_jsx(DropdownMenu, Object.assign({ className: "my-class" }, { children: _jsx(DropdownMenu.Item, { children: "Home" }) })));
+            const trigger = screen.getByRole("button");
+            fireEvent.click(trigger);
+            expect(screen.getByRole("menu")).toHaveClass(LIST_CLASS_NAME);
+        });
+        it("uses list item class name", () => {
+            render(_jsx(DropdownMenu, Object.assign({ className: "my-class" }, { children: _jsx(DropdownMenu.Item, { children: "Home" }) })));
+            const trigger = screen.getByRole("button");
+            fireEvent.click(trigger);
+            expect(screen.getByRole("menuitem")).toHaveClass(ITEM_CLASS_NAME);
+        });
+        it("uses list item active class name", () => {
+            render(_jsx(DropdownMenu, Object.assign({ className: "my-class" }, { children: _jsx(DropdownMenu.Item, { children: "Home" }) })));
+            const trigger = screen.getByRole("button");
+            fireEvent.click(trigger);
+            const item = screen.getByRole("menuitem");
+            fireEvent.click(item);
+            expect(item).toHaveClass(ACTIVE_ITEM_CLASS_NAME);
+        });
+    });
+});
+//# sourceMappingURL=DropdownMenu.test.js.map

package/dist/esm/components/DropdownMenu/DropdownMenu.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.test.js","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/DropdownMenu.test.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC;AAEjC,MAAM,UAAU,GAAG,qBAAqB,CAAC;AACzC,MAAM,kBAAkB,GAAG,4BAA4B,CAAC;AACxD,MAAM,eAAe,GAAG,yBAAyB,CAAC;AAClD,MAAM,eAAe,GAAG,yBAAyB,CAAC;AAClD,MAAM,sBAAsB,GAAG,aAAa,CAAC;AAE7C,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,SAAS,GAAG,MAAM,CACtB,KAAC,YAAY,cACX,KAAC,YAAY,CAAC,IAAI,uBAAyB,GAC9B,CAChB,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;;QAC7C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,YAAY,kBAAC,WAAW,EAAC,MAAM,gBAC9B,KAAC,YAAY,CAAC,IAAI,uBAAyB,IAC9B,CAChB,CAAC;QACF,MAAM,CAAC,MAAA,SAAS,CAAC,iBAAiB,0CAAE,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;QACjC,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;YAC7C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,YAAY,kBAAC,WAAW,EAAC,IAAI,gBAC5B,KAAC,YAAY,CAAC,IAAI,kBAAC,WAAW,EAAC,IAAI,0BAAyB,IAC/C,CAChB,CAAC;YACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;YACtE,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,eAAe,CACxD,aAAa,EACb,IAAI,CACL,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE;QACvC,MAAM,KAAK,GAAG,MAAM,CAAC;QAErB,MAAM,CACJ,KAAC,YAAY,kBAAC,KAAK,EAAE,KAAK,gBACxB,KAAC,YAAY,CAAC,IAAI,uBAAyB,IAC9B,CAChB,CAAC;QACF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACtD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,MAAM,WAAW,GAAG,mBAAmB,CAAC;QACxC,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,yBAAO,WAAW,GAAQ,CAAC,CAAC;QAE7D,MAAM,CACJ,KAAC,YAAY,kBAAC,OAAO,EAAE,KAAC,OAAO,KAAG,gBAChC,KAAC,YAAY,CAAC,IAAI,uBAAyB,IAC9B,CAChB,CAAC;QAEF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC5D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,GAAG,EAAE;QACrD,MAAM,aAAa,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAEhC,MAAM,CACJ,KAAC,YAAY,cACX,KAAC,YAAY,CAAC,IAAI,kBAAC,OAAO,EAAE,aAAa,0BAA0B,GACtD,CAChB,CAAC;QAEF,MAAM,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QAE3C,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAEzB,MAAM,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QAE1C,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAEtB,MAAM,CAAC,aAAa,CAAC,CAAC,gBAAgB,EAAE,CAAC;IAC3C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE,GAAG,EAAE;QAC/C,MAAM,CACJ,KAAC,YAAY,cACX,KAAC,YAAY,CAAC,IAAI,uBAAyB,GAC9B,CAChB,CAAC;QAEF,MAAM,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QAE3C,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAEzB,MAAM,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QAE1C,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAEtB,MAAM,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACxC,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;YAC3B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,YAAY,cACX,KAAC,YAAY,CAAC,IAAI,uBAAyB,GAC9B,CAChB,CAAC;YACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QACrD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;YAChC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,YAAY,cACX,KAAC,YAAY,CAAC,IAAI,uBAAyB,GAC9B,CAChB,CAAC;YACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QACvD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;YACpC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,YAAY,kBAAC,SAAS,EAAC,UAAU,gBAChC,KAAC,YAAY,CAAC,IAAI,uBAAyB,IAC9B,CAChB,CAAC;YACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YACrD,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QACvD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;YACjC,MAAM,CACJ,KAAC,YAAY,kBAAC,SAAS,EAAC,UAAU,gBAChC,KAAC,YAAY,CAAC,IAAI,uBAAyB,IAC9B,CAChB,CAAC;YACF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC;QACrE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,sBAAsB,EAAE,GAAG,EAAE;YAC9B,MAAM,CACJ,KAAC,YAAY,kBAAC,SAAS,EAAC,UAAU,gBAChC,KAAC,YAAY,CAAC,IAAI,uBAAyB,IAC9B,CAChB,CAAC;YACF,MAAM,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;YAE3C,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;YAEzB,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;QAChE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;YACnC,MAAM,CACJ,KAAC,YAAY,kBAAC,SAAS,EAAC,UAAU,gBAChC,KAAC,YAAY,CAAC,IAAI,uBAAyB,IAC9B,CAChB,CAAC;YACF,MAAM,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;YAE3C,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;YAEzB,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;QACpE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;YAC1C,MAAM,CACJ,KAAC,YAAY,kBAAC,SAAS,EAAC,UAAU,gBAChC,KAAC,YAAY,CAAC,IAAI,uBAAyB,IAC9B,CAChB,CAAC;YACF,MAAM,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;YAE3C,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;YAEzB,MAAM,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;YAE1C,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YAEtB,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC;QACnD,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/esm/components/DropdownMenu/Item.js

@@ -0,0 +1,22 @@
+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;
+};
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+const Item = forwardRef((props, ref) => {
+    const { elementType: Element = "li", active, onClick } = props, otherProps = __rest(props, ["elementType", "active", "onClick"]);
+    const classes = clsx("mobius", "mobius/DropdownMenuItem", { "--is-active": active }, otherProps.className);
+    return (_jsx(Element, Object.assign({ ref: ref, className: classes, onClick: onClick }, otherProps)));
+});
+Item.displayName = "DropdownMenu.Item";
+export { Item };
+//# sourceMappingURL=Item.js.map

package/dist/esm/components/DropdownMenu/Item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/Item.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAO,UAAU,EAA4B,MAAM,OAAO,CAAC;AAElE,OAAO,IAAI,MAAM,MAAM,CAAC;AAgBxB,MAAM,IAAI,GAAsD,UAAU,CACxE,CAAC,KAAgB,EAAE,GAAY,EAAE,EAAE;IACjC,MAAM,EACJ,WAAW,EAAE,OAAO,GAAG,IAAI,EAC3B,MAAM,EACN,OAAO,KAEL,KAAK,EADJ,UAAU,UACX,KAAK,EALH,oCAKL,CAAQ,CAAC;IACV,MAAM,OAAO,GAAG,IAAI,CAClB,QAAQ,EACR,yBAAyB,EACzB,EAAE,aAAa,EAAE,MAAM,EAAE,EACzB,UAAU,CAAC,SAAS,CACrB,CAAC;IAEF,OAAO,CACL,KAAC,OAAO,kBACN,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,EAClB,OAAO,EAAE,OAAO,IACZ,UAAU,EACd,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,mBAAmB,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/esm/components/DropdownMenu/index.js

@@ -0,0 +1,8 @@
+import { DropdownMenu as DropdownMenuComponent, } from "./DropdownMenu";
+import { Item } from "./Item";
+const DropdownMenu = Object.assign(DropdownMenuComponent, {
+    Item,
+});
+DropdownMenu.displayName = "DropdownMenu";
+export { DropdownMenu };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/DropdownMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/index.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,YAAY,IAAI,qBAAqB,GAGtC,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAc9B,MAAM,YAAY,GAAyB,MAAM,CAAC,MAAM,CACtD,qBAAqB,EACrB;IACE,IAAI;CACL,CACF,CAAC;AAWF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/esm/components/ErrorMessage/ErrorMessage.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import clsx from "clsx";
+import { Text } from "../Text";
+export const ErrorMessage = ({ id, errorMessage, className, }) => {
+    const classes = clsx("mobius", "mobius/ErrorMessage", className);
+    if (!errorMessage)
+        return null;
+    return (_jsxs("div", Object.assign({ id: id, className: classes, "data-testid": "ErrorMessage" }, { children: [_jsx("span", { className: "mobius/ErrorIcon" }), _jsx(Text, Object.assign({ elementType: "span", className: "mobius/ErrorText" }, { children: errorMessage }))] })));
+};
+ErrorMessage.displayName = "ErrorMessage";
+//# sourceMappingURL=ErrorMessage.js.map

package/dist/esm/components/ErrorMessage/ErrorMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessage.js","sourceRoot":"","sources":["../../../../src/components/ErrorMessage/ErrorMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAQ/B,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,EAAE,EACF,YAAY,EACZ,SAAS,GACS,EAAE,EAAE;IACtB,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,qBAAqB,EAAE,SAAS,CAAC,CAAC;IAEjE,IAAI,CAAC,YAAY;QAAE,OAAO,IAAI,CAAC;IAE/B,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,iBAAc,cAAc,iBACzD,eAAM,SAAS,EAAC,kBAAkB,GAAG,EACrC,KAAC,IAAI,kBAAC,WAAW,EAAC,MAAM,EAAC,SAAS,EAAC,kBAAkB,gBAClD,YAAY,IACR,KACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

package/dist/esm/components/ErrorMessage/ErrorMessage.test.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { render } from "@testing-library/react";
+import { ErrorMessage } from ".";
+const CLASS_NAME = "mobius/ErrorMessage";
+describe("Error message", () => {
+    it("should render without errors", () => {
+        render(_jsx(ErrorMessage, {}));
+    });
+    it("should not display when there is no message", () => {
+        const { container } = render(_jsx(ErrorMessage, {}));
+        expect(container.childNodes.length).toEqual(0);
+    });
+    it("should display when there is a message", () => {
+        const { getByText } = render(_jsx(ErrorMessage, { errorMessage: "Oops" }));
+        expect(getByText("Oops")).toBeTruthy();
+    });
+    it("uses Mobius class", () => {
+        const { getByText } = render(_jsx(ErrorMessage, { errorMessage: "Oops" }));
+        expect(getByText("Oops").closest("div")).toHaveClass("mobius");
+    });
+    it("uses base Mobius class", () => {
+        const { getByText } = render(_jsx(ErrorMessage, { errorMessage: "Oops" }));
+        expect(getByText("Oops").closest("div")).toHaveClass(CLASS_NAME);
+    });
+    it("uses CSS classes", () => {
+        const { container } = render(_jsx(ErrorMessage, { errorMessage: "Oops", className: "custom-class" }));
+        expect(container.firstChild).toHaveClass("custom-class");
+    });
+});
+//# sourceMappingURL=ErrorMessage.test.js.map

package/dist/esm/components/ErrorMessage/ErrorMessage.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessage.test.js","sourceRoot":"","sources":["../../../../src/components/ErrorMessage/ErrorMessage.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC;AAEjC,MAAM,UAAU,GAAG,qBAAqB,CAAC;AAEzC,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,CAAC,KAAC,YAAY,KAAG,CAAC,CAAC;IAC3B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,GAAG,EAAE;QACrD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,YAAY,KAAG,CAAC,CAAC;QAC/C,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAChD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,YAAY,IAAC,YAAY,EAAC,MAAM,GAAG,CAAC,CAAC;QACnE,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;QAC3B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,YAAY,IAAC,YAAY,EAAC,MAAM,GAAG,CAAC,CAAC;QACnE,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IACjE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;QAChC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,YAAY,IAAC,YAAY,EAAC,MAAM,GAAG,CAAC,CAAC;QACnE,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IACnE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kBAAkB,EAAE,GAAG,EAAE;QAC1B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,YAAY,IAAC,YAAY,EAAC,MAAM,EAAC,SAAS,EAAC,cAAc,GAAG,CAC9D,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/esm/components/ErrorMessage/index.js

@@ -0,0 +1,2 @@
+export * from "./ErrorMessage";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/ErrorMessage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ErrorMessage/index.tsx"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}