@simplybusiness/mobius 3.0.0

package/dist/cjs/components/Checkbox/Checkbox.test.js

@@ -0,0 +1,109 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("@testing-library/react");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const jest_1 = require("@emotion/jest");
+const _1 = require(".");
+const WRAPPER_CLASS_NAME = "mobius/Checkbox";
+const INPUT_CLASS_NAME = "mobius/CheckboxInput";
+expect.extend(jest_1.matchers);
+describe.each([
+    ["Grouped checkbox", _1.CheckboxGroup, { label: "Checkbox Group" }],
+    ["Ungrouped checkbox", react_1.Fragment, {}],
+])("%s", (_description, Container, containerProps) => {
+    it("should render without error", () => {
+        const component = (0, react_2.render)((0, jsx_runtime_1.jsx)(Container, Object.assign({}, containerProps, { children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Checkbox", value: "value" }) })));
+        expect(component).toBeTruthy();
+    });
+    it("should call onChange when clicked", () => {
+        const callback = jest.fn();
+        const component = (0, react_2.render)((0, jsx_runtime_1.jsx)(Container, Object.assign({}, containerProps, { children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Checkbox", onChange: callback, value: "value" }) })));
+        react_2.fireEvent.click(component.container.querySelector("input"));
+        expect(callback).toHaveBeenCalledWith(true);
+    });
+    it("should be selectable via keyboard", async () => {
+        const callback = jest.fn();
+        (0, react_2.render)((0, jsx_runtime_1.jsx)(Container, Object.assign({}, containerProps, { children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Checkbox", onChange: callback, value: "value" }) })));
+        await user_event_1.default.tab();
+        await user_event_1.default.keyboard("[Space]");
+        expect(callback).toHaveBeenCalledWith(true);
+        await user_event_1.default.keyboard("[Space]");
+        expect(callback).toHaveBeenCalledWith(false);
+    });
+    it("should set the correct aria-describedby attribute", () => {
+        const { getByLabelText } = (0, react_2.render)((0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "I agree", name: "agree", errorMessage: "Required" }));
+        expect(getByLabelText("I agree")).toHaveAccessibleDescription("Required");
+    });
+    it('should set aria-checked="mixed" for indeterminate state', () => {
+        const { getByLabelText } = (0, react_2.render)((0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "I agree", name: "agree", isIndeterminate: true }));
+        expect(getByLabelText("I agree")).toHaveAttribute("aria-checked", "mixed");
+    });
+    describe("isRequired", () => {
+        it("should set aria-required to true", () => {
+            (0, react_2.render)((0, jsx_runtime_1.jsx)(Container, Object.assign({}, containerProps, { children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Checkbox", value: "value", isRequired: true }) })));
+            expect(react_2.screen.getByLabelText("Checkbox")).toHaveAttribute("aria-required", "true");
+        });
+        it("should have className of --is-required when true", () => {
+            (0, react_2.render)((0, jsx_runtime_1.jsx)(Container, Object.assign({}, containerProps, { children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Checkbox", value: "value", isRequired: true }) })));
+            expect(react_2.screen.getByLabelText("Checkbox")).toHaveClass("--is-required");
+        });
+        it("should have className of --is-optional when false", () => {
+            (0, react_2.render)((0, jsx_runtime_1.jsx)(Container, Object.assign({}, containerProps, { children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Checkbox", value: "value", isRequired: false }) })));
+            expect(react_2.screen.getByLabelText("Checkbox")).toHaveClass("--is-optional");
+        });
+        it("should have neither --is-required nor --is-optional when unset", () => {
+            (0, react_2.render)((0, jsx_runtime_1.jsx)(Container, Object.assign({}, containerProps, { children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Checkbox", value: "value" }) })));
+            expect(react_2.screen.getByLabelText("Checkbox")).not.toHaveClass("--is-required");
+            expect(react_2.screen.getByLabelText("Checkbox")).not.toHaveClass("--is-optional");
+        });
+    });
+    describe("uses correct class names", () => {
+        it("uses mobius Mobius class", () => {
+            const { container } = (0, react_2.render)((0, jsx_runtime_1.jsx)(Container, Object.assign({}, containerProps, { children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Checkbox", value: "value" }) })));
+            expect(container.firstChild).toHaveClass("mobius");
+        });
+        it("uses base Mobius class", () => {
+            (0, react_2.render)((0, jsx_runtime_1.jsx)(Container, Object.assign({}, containerProps, { children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Checkbox", value: "value" }) })));
+            expect(react_2.screen.getByLabelText("Checkbox")).toHaveClass(INPUT_CLASS_NAME);
+        });
+        it("includes disabled class name", () => {
+            (0, react_2.render)((0, jsx_runtime_1.jsx)(Container, Object.assign({}, containerProps, { children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Checkbox", isDisabled: true, value: "value" }) })));
+            expect(react_2.screen.getByLabelText("Checkbox")).toHaveClass("--is-disabled");
+        });
+        it("includes valid class name", () => {
+            (0, react_2.render)((0, jsx_runtime_1.jsx)(Container, Object.assign({}, containerProps, { children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Checkbox", validationState: "valid", value: "value" }) })));
+            expect(react_2.screen.getByLabelText("Checkbox")).toHaveClass("--is-valid");
+        });
+        it("includes invalid class name", () => {
+            (0, react_2.render)((0, jsx_runtime_1.jsx)(Container, Object.assign({}, containerProps, { children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Checkbox", validationState: "invalid", errorMessage: "There is a problem", value: "value" }) })));
+            expect(react_2.screen.getByLabelText("Checkbox")).toHaveClass("--is-invalid");
+        });
+        it("includes custom class name", () => {
+            (0, react_2.render)((0, jsx_runtime_1.jsx)(Container, Object.assign({}, containerProps, { children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Checkbox", className: "my-class", value: "value" }) })));
+            expect(react_2.screen.getByLabelText("Checkbox")).toHaveClass("my-class");
+            expect(react_2.screen.getByLabelText("Checkbox")).toHaveClass(INPUT_CLASS_NAME);
+        });
+        it("only sets id on the input element", () => {
+            (0, react_2.render)((0, jsx_runtime_1.jsx)(Container, Object.assign({}, containerProps, { children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { id: "test", label: "Checkbox", value: "value" }) })));
+            expect(react_2.screen.getByLabelText("Checkbox").getAttribute("id")).toEqual("test");
+        });
+        it("includes focused and selected class names", async () => {
+            (0, react_2.render)((0, jsx_runtime_1.jsx)(Container, Object.assign({}, containerProps, { children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Checkbox", value: "value" }) })));
+            await user_event_1.default.tab();
+            expect(react_2.screen.getByRole("checkbox")).toHaveClass("--is-focused");
+            expect(react_2.screen.getByRole("checkbox")).toHaveClass(INPUT_CLASS_NAME);
+            expect(react_2.screen.getByLabelText("Checkbox")).toHaveClass("--is-focused");
+            expect(react_2.screen.getByLabelText("Checkbox").closest("label")).toHaveClass(WRAPPER_CLASS_NAME);
+            await user_event_1.default.keyboard("[Space]");
+            expect(react_2.screen.getByRole("checkbox")).toHaveClass("--is-selected");
+            await user_event_1.default.tab();
+            expect(react_2.screen.getByRole("checkbox")).not.toHaveClass("--is-hovered");
+        });
+    });
+});
+//# sourceMappingURL=Checkbox.test.js.map

package/dist/cjs/components/Checkbox/Checkbox.test.js.map

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

package/dist/cjs/components/Checkbox/CheckboxContext.d.ts

@@ -0,0 +1,9 @@
+import { CheckboxGroupState } from "@react-stately/checkbox";
+import { Context } from "react";
+export interface CheckboxGroupContext {
+    state: CheckboxGroupState;
+    isDisabled: boolean;
+    validationState?: "valid" | "invalid";
+}
+export declare const CheckboxContext: Context<CheckboxGroupContext | null>;
+export declare const useCheckboxContext: () => CheckboxGroupContext | null;

package/dist/cjs/components/Checkbox/CheckboxContext.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCheckboxContext = exports.CheckboxContext = void 0;
+const react_1 = require("react");
+exports.CheckboxContext = (0, react_1.createContext)(null);
+const useCheckboxContext = () => (0, react_1.useContext)(exports.CheckboxContext);
+exports.useCheckboxContext = useCheckboxContext;
+//# sourceMappingURL=CheckboxContext.js.map

package/dist/cjs/components/Checkbox/CheckboxContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxContext.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/CheckboxContext.tsx"],"names":[],"mappings":";;;AACA,iCAA2D;AAQ9C,QAAA,eAAe,GAC1B,IAAA,qBAAa,EAA8B,IAAI,CAAC,CAAC;AAE5C,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,IAAA,kBAAU,EAAC,uBAAe,CAAC,CAAC;AAAvD,QAAA,kBAAkB,sBAAqC"}

package/dist/cjs/components/Checkbox/CheckboxGroup.d.ts

@@ -0,0 +1,4 @@
+import { ForwardedRefComponent } from "../../types/components";
+import { CheckboxGroupElementType, CheckboxGroupProps } from "./types";
+declare const CheckboxGroup: ForwardedRefComponent<CheckboxGroupProps, CheckboxGroupElementType>;
+export { CheckboxGroup };

package/dist/cjs/components/Checkbox/CheckboxGroup.js

@@ -0,0 +1,63 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckboxGroup = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const checkbox_1 = require("@react-aria/checkbox");
+const checkbox_2 = require("@react-stately/checkbox");
+const clsx_1 = __importDefault(require("clsx"));
+const utils_1 = require("@react-aria/utils");
+const CheckboxContext_1 = require("./CheckboxContext");
+const Flex_1 = require("../Flex");
+const Label_1 = require("../Label");
+const ErrorMessage_1 = require("../ErrorMessage");
+const spaceDelimitedList_1 = require("../../utils/spaceDelimitedList");
+const CheckboxGroup = (0, react_1.forwardRef)((props, ref) => {
+    const { label, isDisabled = false, isRequired, validationState, orientation = "vertical", className, errorMessage } = props, rest = __rest(props, ["label", "isDisabled", "isRequired", "validationState", "orientation", "className", "errorMessage"]);
+    const state = (0, checkbox_2.useCheckboxGroupState)(props);
+    const { groupProps, labelProps } = (0, checkbox_1.useCheckboxGroup)(props, state);
+    groupProps.className = (0, clsx_1.default)("mobius", "mobius/CheckboxGroup", className, {
+        "--is-horizontal": orientation === "horizontal",
+        "--is-vertical": orientation === "vertical",
+        "--is-required": typeof isRequired === "boolean" && isRequired,
+        "--is-optional": typeof isRequired === "boolean" && !isRequired,
+    });
+    const labelClasses = (0, clsx_1.default)({
+        "--is-valid": validationState === "valid",
+        "--is-invalid": validationState === "invalid",
+        "--is-disabled": isDisabled,
+    });
+    const errorMessageId = (0, utils_1.useSlotId)([Boolean(errorMessage), validationState]);
+    const describedBy = (0, spaceDelimitedList_1.spaceDelimitedList)([
+        errorMessageId,
+        props["aria-describedby"],
+    ]);
+    // Make state values stable
+    const checkboxState = (0, react_1.useMemo)(() => ({ state, isDisabled, validationState }), [state, isDisabled, validationState]);
+    return ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, Object.assign({ flexDirection: "column" }, rest, groupProps, { ref: ref }, { children: [label && ((0, jsx_runtime_1.jsx)(Label_1.Label, Object.assign({ elementType: "span" }, labelProps, { className: labelClasses }, { children: label }))), (0, jsx_runtime_1.jsx)(CheckboxContext_1.CheckboxContext.Provider, Object.assign({ value: checkboxState }, { children: (0, jsx_runtime_1.jsx)(Flex_1.Flex, Object.assign({ className: "mobius/CheckboxWrapper" }, { children: react_1.Children.map(props.children, child => {
+                        if (!(0, react_1.isValidElement)(child)) {
+                            return null;
+                        }
+                        return (0, react_1.cloneElement)(child, {
+                            orientation,
+                            "aria-describedby": describedBy,
+                        });
+                    }) })) })), errorMessage && ((0, jsx_runtime_1.jsx)(ErrorMessage_1.ErrorMessage, { id: errorMessageId, errorMessage: errorMessage }))] })));
+});
+exports.CheckboxGroup = CheckboxGroup;
+CheckboxGroup.displayName = "CheckboxGroup";
+//# sourceMappingURL=CheckboxGroup.js.map

package/dist/cjs/components/Checkbox/CheckboxGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/CheckboxGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAOe;AACf,mDAAwD;AACxD,sDAAgE;AAChE,gDAAwB;AACxB,6CAA8C;AAC9C,uDAAoD;AACpD,kCAA+B;AAO/B,oCAAiC;AACjC,kDAA+C;AAC/C,uEAAoE;AAEpE,MAAM,aAAa,GAGf,IAAA,kBAAU,EAAC,CAAC,KAAyB,EAAE,GAAqB,EAAE,EAAE;IAClE,MAAM,EACJ,KAAK,EACL,UAAU,GAAG,KAAK,EAClB,UAAU,EACV,eAAe,EACf,WAAW,GAAG,UAAU,EACxB,SAAS,EACT,YAAY,KAEV,KAAK,EADJ,IAAI,UACL,KAAK,EATH,oGASL,CAAQ,CAAC;IAEV,MAAM,KAAK,GAAG,IAAA,gCAAqB,EAAC,KAAK,CAAC,CAAC;IAC3C,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,IAAA,2BAAgB,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAElE,UAAU,CAAC,SAAS,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,sBAAsB,EAAE,SAAS,EAAE;QACvE,iBAAiB,EAAE,WAAW,KAAK,YAAY;QAC/C,eAAe,EAAE,WAAW,KAAK,UAAU;QAC3C,eAAe,EAAE,OAAO,UAAU,KAAK,SAAS,IAAI,UAAU;QAC9D,eAAe,EAAE,OAAO,UAAU,KAAK,SAAS,IAAI,CAAC,UAAU;KAChE,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,IAAA,cAAI,EAAC;QACxB,YAAY,EAAE,eAAe,KAAK,OAAO;QACzC,cAAc,EAAE,eAAe,KAAK,SAAS;QAC7C,eAAe,EAAE,UAAU;KAC5B,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,IAAA,iBAAS,EAAC,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC;IAC3E,MAAM,WAAW,GAAG,IAAA,uCAAkB,EAAC;QACrC,cAAc;QACd,KAAK,CAAC,kBAAkB,CAAC;KAC1B,CAAC,CAAC;IAEH,2BAA2B;IAC3B,MAAM,aAAa,GAAG,IAAA,eAAO,EAC3B,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,CAAC,EAC9C,CAAC,KAAK,EAAE,UAAU,EAAE,eAAe,CAAC,CACrC,CAAC;IAEF,OAAO,CACL,wBAAC,WAAI,kBAAC,aAAa,EAAC,QAAQ,IAAK,IAAI,EAAM,UAAU,IAAE,GAAG,EAAE,GAAG,iBAC5D,KAAK,IAAI,CACR,uBAAC,aAAK,kBAAC,WAAW,EAAC,MAAM,IAAK,UAAU,IAAE,SAAS,EAAE,YAAY,gBAC9D,KAAK,IACA,CACT,EACD,uBAAC,iCAAe,CAAC,QAAQ,kBAAC,KAAK,EAAE,aAAa,gBAC5C,uBAAC,WAAI,kBAAC,SAAS,EAAC,wBAAwB,gBACrC,gBAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE;wBACpC,IAAI,CAAC,IAAA,sBAAc,EAAC,KAAK,CAAC,EAAE;4BAC1B,OAAO,IAAI,CAAC;yBACb;wBAED,OAAO,IAAA,oBAAY,EAAC,KAAqB,EAAE;4BACzC,WAAW;4BACX,kBAAkB,EAAE,WAAW;yBAChC,CAAC,CAAC;oBACL,CAAC,CAAC,IACG,IACkB,EAC1B,YAAY,IAAI,CACf,uBAAC,2BAAY,IAAC,EAAE,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,GAAI,CACjE,KACI,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAGM,sCAAa;AADtB,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/dist/cjs/components/Checkbox/CheckboxGroup.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/components/Checkbox/CheckboxGroup.test.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const jest_1 = require("@emotion/jest");
+const _1 = require(".");
+const CHECKBOX_GROUP_ITEM_TEST_ID = "CheckboxGroupItem";
+const CHECKBOX_ITEM_TEST_ID = "CheckboxItem";
+expect.extend(jest_1.matchers);
+describe("CheckboxGroup", () => {
+    it("renders a CheckboxGroupItem inside a CheckboxGroup", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CheckboxGroup, Object.assign({ label: "Checkbox Group" }, { children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Checkbox", value: "value" }) })));
+        expect(react_1.screen.getByLabelText("Checkbox")).toHaveAttribute("data-testid", CHECKBOX_GROUP_ITEM_TEST_ID);
+        expect(react_1.screen.getByLabelText("Checkbox")).not.toHaveAttribute("data-testid", CHECKBOX_ITEM_TEST_ID);
+    });
+    it("renders a non-CheckboxGroupItem outside a CheckboxGroup", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Checkbox", value: "value" }));
+        expect(react_1.screen.getByLabelText("Checkbox")).not.toHaveAttribute("data-testid", CHECKBOX_GROUP_ITEM_TEST_ID);
+        expect(react_1.screen.getByLabelText("Checkbox")).toHaveAttribute("data-testid", CHECKBOX_ITEM_TEST_ID);
+    });
+    it("displays an error message when errorMessage is set", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CheckboxGroup, Object.assign({ label: "Checkbox Group", errorMessage: "Error message" }, { children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Checkbox", value: "value" }) })));
+        expect(react_1.screen.getByText("Error message")).toBeInTheDocument();
+    });
+    it("sets aria-describedby for all checkboxes when errorMessage is set", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.CheckboxGroup, Object.assign({ label: "Checkbox Group", errorMessage: "Error message" }, { children: [(0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Checkbox 1", value: "value1" }), (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Checkbox 2", value: "value2" }), (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Checkbox 3", value: "value3" })] })));
+        const checkboxes = react_1.screen.getAllByRole("checkbox");
+        checkboxes.forEach(checkbox => {
+            expect(checkbox).toHaveAccessibleDescription("Error message");
+        });
+    });
+    describe("isRequired", () => {
+        it("should have className of --is-required when true", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CheckboxGroup, Object.assign({ label: "Checkbox Group", errorMessage: "Error message", isRequired: true }, { children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Checkbox 1", value: "value1" }) })));
+            expect(react_1.screen.getByLabelText("Checkbox Group")).toHaveClass("--is-required");
+        });
+        it("should have className of --is-optional when false", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CheckboxGroup, Object.assign({ label: "Checkbox Group", errorMessage: "Error message", isRequired: false }, { children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Checkbox 1", value: "value1" }) })));
+            expect(react_1.screen.getByLabelText("Checkbox Group")).toHaveClass("--is-optional");
+        });
+        it("should have neither --is-required nor --is-optional when unset", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CheckboxGroup, Object.assign({ label: "Checkbox Group", errorMessage: "Error message" }, { children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Checkbox 1", value: "value1" }) })));
+            expect(react_1.screen.getByLabelText("Checkbox Group")).not.toHaveClass("--is-required");
+            expect(react_1.screen.getByLabelText("Checkbox Group")).not.toHaveClass("--is-optional");
+        });
+    });
+});
+//# sourceMappingURL=CheckboxGroup.test.js.map

package/dist/cjs/components/Checkbox/CheckboxGroup.test.js.map

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

package/dist/cjs/components/Checkbox/CheckboxGroupItem.d.ts

@@ -0,0 +1,4 @@
+import { ForwardedRefComponent } from "../../types/components";
+import { CheckboxElementType, CheckboxProps } from "./types";
+declare const CheckboxGroupItem: ForwardedRefComponent<CheckboxProps, CheckboxElementType>;
+export { CheckboxGroupItem };

package/dist/cjs/components/Checkbox/CheckboxGroupItem.js

@@ -0,0 +1,76 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckboxGroupItem = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const checkbox_1 = require("@react-aria/checkbox");
+const focus_1 = require("@react-aria/focus");
+const interactions_1 = require("@react-aria/interactions");
+const clsx_1 = __importDefault(require("clsx"));
+const utils_1 = require("@react-aria/utils");
+const ErrorMessage_1 = require("../ErrorMessage");
+const CheckboxContext_1 = require("./CheckboxContext");
+const spaceDelimitedList_1 = require("../../utils/spaceDelimitedList");
+const VisuallyHidden_1 = require("../VisuallyHidden");
+const CheckboxGroupItem = (0, react_1.forwardRef)((props, ref) => {
+    var _a;
+    const { isRequired, isDisabled: itemDisabled, isIndeterminate, validationState: itemValidationState, errorMessage } = props, rest = __rest(props, ["isRequired", "isDisabled", "isIndeterminate", "validationState", "errorMessage"]);
+    const contextState = (0, CheckboxContext_1.useCheckboxContext)();
+    const backupRef = (0, react_1.useRef)(null);
+    const refObj = ref || backupRef;
+    if (contextState == null) {
+        throw new Error("CheckboxGroupItem must be used within a CheckboxGroup");
+    }
+    const disabled = Boolean((contextState === null || contextState === void 0 ? void 0 : contextState.isDisabled) || itemDisabled);
+    const validationState = (contextState === null || contextState === void 0 ? void 0 : contextState.validationState) || itemValidationState;
+    const { inputProps } = (0, checkbox_1.useCheckboxGroupItem)(Object.assign(Object.assign({}, props), { children: props.label, isDisabled: disabled, isIndeterminate, value: (_a = props.value) !== null && _a !== void 0 ? _a : "", validationState }), Object.assign(Object.assign({}, contextState.state), { isDisabled: disabled }), refObj);
+    const { value } = props;
+    if (!value) {
+        throw new Error("CheckboxGroupItem requires a value prop");
+    }
+    const { isFocusVisible, focusProps } = (0, focus_1.useFocusRing)({
+        within: true,
+    });
+    const { isHovered, hoverProps } = (0, interactions_1.useHover)(Object.assign(Object.assign({}, props), { isDisabled: disabled }));
+    // Set class name for atom, including interaction state
+    const checkboxClasses = (0, clsx_1.default)({
+        "--is-focused": isFocusVisible,
+        "--is-disabled": disabled,
+        "--is-indeterminate": isIndeterminate,
+        "--is-hovered": isHovered,
+        "--is-selected": contextState === null || contextState === void 0 ? void 0 : contextState.state.isSelected(value),
+        "--is-valid": validationState === "valid",
+        "--is-invalid": validationState === "invalid",
+        "--is-required": typeof isRequired === "boolean" && isRequired,
+        "--is-optional": typeof isRequired === "boolean" && !isRequired,
+    }, rest.className);
+    const inputClass = (0, clsx_1.default)("mobius/CheckboxInput", checkboxClasses);
+    // Append an additional wrapper class name to differenitate from input
+    const wrapperClasses = (0, clsx_1.default)("mobius", "mobius/Checkbox", checkboxClasses);
+    const iconClasses = (0, clsx_1.default)("mobius/CheckboxIcon", checkboxClasses);
+    const wrapperProps = Object.assign(Object.assign({}, hoverProps), { className: wrapperClasses });
+    const errorMessageId = (0, utils_1.useSlotId)([Boolean(errorMessage), validationState]);
+    const describedBy = (0, spaceDelimitedList_1.spaceDelimitedList)([
+        errorMessageId,
+        props["aria-describedby"],
+    ]);
+    inputProps["aria-describedby"] = describedBy;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("label", Object.assign({}, wrapperProps, { children: [(0, jsx_runtime_1.jsx)(VisuallyHidden_1.VisuallyHidden, { children: (0, jsx_runtime_1.jsx)("input", Object.assign({}, inputProps, focusProps, { className: inputClass, ref: refObj, "data-testid": "CheckboxGroupItem" })) }), (0, jsx_runtime_1.jsx)("div", { className: iconClasses }), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "mobius/CheckboxLabel" }, { children: props.label }))] })), (0, jsx_runtime_1.jsx)(ErrorMessage_1.ErrorMessage, { id: errorMessageId, errorMessage: errorMessage })] }));
+});
+exports.CheckboxGroupItem = CheckboxGroupItem;
+CheckboxGroupItem.displayName = "CheckboxGroupItem";
+//# sourceMappingURL=CheckboxGroupItem.js.map

package/dist/cjs/components/Checkbox/CheckboxGroupItem.js.map

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

package/dist/cjs/components/Checkbox/CheckboxItem.d.ts

@@ -0,0 +1,4 @@
+import { ForwardedRefComponent } from "../../types/components";
+import { CheckboxElementType, CheckboxProps } from "./types";
+declare const CheckboxItem: ForwardedRefComponent<CheckboxProps, CheckboxElementType>;
+export { CheckboxItem };

package/dist/cjs/components/Checkbox/CheckboxItem.js

@@ -0,0 +1,70 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckboxItem = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const checkbox_1 = require("@react-aria/checkbox");
+const focus_1 = require("@react-aria/focus");
+const toggle_1 = require("@react-stately/toggle");
+const interactions_1 = require("@react-aria/interactions");
+const clsx_1 = __importDefault(require("clsx"));
+const utils_1 = require("@react-aria/utils");
+const ErrorMessage_1 = require("../ErrorMessage");
+const spaceDelimitedList_1 = require("../../utils/spaceDelimitedList");
+const VisuallyHidden_1 = require("../VisuallyHidden");
+const CheckboxItem = (0, react_1.forwardRef)((props, ref) => {
+    const state = (0, toggle_1.useToggleState)(props);
+    const fallbackRef = (0, react_1.useRef)(null);
+    const refObj = ref || fallbackRef;
+    const inputId = (0, utils_1.useId)();
+    const { id, isDisabled, isRequired, isIndeterminate, onChange, validationState, errorMessage, 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    defaultSelected } = props, rest = __rest(props, ["id", "isDisabled", "isRequired", "isIndeterminate", "onChange", "validationState", "errorMessage", "defaultSelected"]);
+    const { inputProps } = (0, checkbox_1.useCheckbox)(Object.assign(Object.assign({}, props), { onChange,
+        validationState, children: props.label }), state, refObj);
+    const { isFocusVisible, focusProps } = (0, focus_1.useFocusRing)({
+        within: true,
+    });
+    const { isHovered, hoverProps } = (0, interactions_1.useHover)(props);
+    // Set class name for atom, including interaction state
+    const checkboxClasses = (0, clsx_1.default)({
+        "--is-focused": isFocusVisible,
+        "--is-disabled": isDisabled,
+        "--is-indeterminate": isIndeterminate,
+        "--is-hovered": isHovered,
+        "--is-selected": state.isSelected,
+        "--is-valid": validationState === "valid",
+        "--is-invalid": validationState === "invalid",
+        "--is-required": typeof isRequired === "boolean" && isRequired,
+        "--is-optional": typeof isRequired === "boolean" && !isRequired,
+    }, rest.className);
+    const inputClass = (0, clsx_1.default)("mobius/CheckboxInput", checkboxClasses);
+    rest.className = inputClass;
+    // Append an additional wrapper class name to differenitate from input
+    const wrapperClasses = (0, clsx_1.default)("mobius", "mobius/Checkbox", checkboxClasses);
+    const iconClasses = (0, clsx_1.default)("mobius/CheckboxIcon", checkboxClasses);
+    const errorMessageId = (0, utils_1.useSlotId)([Boolean(errorMessage), validationState]);
+    const describedBy = (0, spaceDelimitedList_1.spaceDelimitedList)([
+        errorMessageId,
+        props["aria-describedby"],
+    ]);
+    inputProps["aria-describedby"] = describedBy;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("label", Object.assign({}, rest, { className: wrapperClasses }, hoverProps, { children: [(0, jsx_runtime_1.jsx)(VisuallyHidden_1.VisuallyHidden, { children: (0, jsx_runtime_1.jsx)("input", Object.assign({ id: id || inputId }, inputProps, focusProps, rest, { onChange: inputProps.onChange, ref: refObj, "data-testid": "CheckboxItem" })) }), (0, jsx_runtime_1.jsx)("div", { className: iconClasses }), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "mobius/CheckboxLabel" }, { children: props.label }))] })), (0, jsx_runtime_1.jsx)(ErrorMessage_1.ErrorMessage, { id: errorMessageId, errorMessage: errorMessage })] }));
+});
+exports.CheckboxItem = CheckboxItem;
+CheckboxItem.displayName = "CheckboxItem";
+//# sourceMappingURL=CheckboxItem.js.map

package/dist/cjs/components/Checkbox/CheckboxItem.js.map

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

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

@@ -0,0 +1,3 @@
+export * from "./Checkbox";
+export * from "./CheckboxGroup";
+export * from "./types";

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

@@ -0,0 +1,20 @@
+"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("./Checkbox"), exports);
+__exportStar(require("./CheckboxGroup"), exports);
+__exportStar(require("./types"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA2B;AAC3B,kDAAgC;AAChC,0CAAwB"}

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

@@ -0,0 +1,20 @@
+import { AriaCheckboxProps } from "@react-types/checkbox";
+import { DOMProps } from "@react-types/shared";
+import { ReactNode, Ref, RefAttributes } from "react";
+import type { AriaCheckboxGroupProps, CheckboxGroupProps as CheckboxGroupPropsType } from "@react-types/checkbox";
+export declare type CheckboxElementType = HTMLInputElement;
+export declare type CheckboxRef = Ref<CheckboxElementType>;
+export interface CheckboxProps extends DOMProps, AriaCheckboxProps, RefAttributes<CheckboxElementType> {
+    label?: string;
+    className?: string;
+    errorMessage?: string;
+}
+export declare type CheckboxGroupElementType = HTMLDivElement;
+export interface CheckboxGroupProps extends DOMProps, CheckboxGroupPropsType, AriaCheckboxGroupProps, RefAttributes<CheckboxGroupElementType> {
+    children: ReactNode;
+    className?: string;
+    orientation?: "horizontal" | "vertical";
+    validationState?: "valid" | "invalid";
+    errorMessage?: string;
+}
+export declare type CheckboxGroupRef = Ref<CheckboxGroupElementType>;

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

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

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

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

package/dist/cjs/components/Chopin/Actions/Actions.d.ts

@@ -0,0 +1,19 @@
+import { Ref } from "react";
+import { DOMProps } from "@react-types/shared";
+import { ForwardedRefComponent } from "../../../types/components";
+export declare type ActionsElementType = HTMLDivElement;
+export interface ActionsProps extends DOMProps {
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    backLabel?: string;
+    backLink?: string;
+    nextLabel?: string;
+    nextLink?: string;
+    backElementType?: React.ElementType;
+    nextElementType?: React.ElementType;
+    onNextClick?: () => void;
+    onBackClick?: () => void;
+}
+export declare type ActionsRef = Ref<ActionsElementType>;
+declare const Actions: ForwardedRefComponent<ActionsProps, ActionsElementType>;
+export { Actions };

package/dist/cjs/components/Chopin/Actions/Actions.js

@@ -0,0 +1,49 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Actions = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const clsx_1 = __importDefault(require("clsx"));
+const Flex_1 = require("../../Flex");
+const LinkButton_1 = require("../../LinkButton");
+const Actions = (0, react_1.forwardRef)((props, ref) => {
+    const { backLink = "", nextLink = "", backLabel, nextLabel, className, onNextClick, onBackClick, backElementType, nextElementType } = props, rest = __rest(props, ["backLink", "nextLink", "backLabel", "nextLabel", "className", "onNextClick", "onBackClick", "backElementType", "nextElementType"]);
+    const classes = (0, clsx_1.default)("chopin", "chopin/Actions", className);
+    const nextButtonClasses = (0, clsx_1.default)("chopin/ActionsNext", {
+        "--single-action": !backLink,
+    });
+    const backButtonProps = {
+        className: "chopin/ActionsBack",
+        onClick: onBackClick,
+        variant: "basic",
+        icon: "buttonArrowLeft",
+        href: backLink,
+        to: backLink,
+        elementType: backElementType,
+    };
+    const nextButtonProps = {
+        className: nextButtonClasses,
+        onClick: onNextClick,
+        href: nextLink,
+        to: nextLink,
+        elementType: nextElementType,
+    };
+    return ((0, jsx_runtime_1.jsx)(Flex_1.Flex, Object.assign({ ref: ref, className: classes, justifyContent: "center" }, rest, { children: (0, jsx_runtime_1.jsxs)(Flex_1.Flex, Object.assign({ className: "chopin/ActionsContainer", justifyContent: "space-between", alignItems: "center" }, { children: [backLink && ((0, jsx_runtime_1.jsx)(LinkButton_1.LinkButton, Object.assign({}, backButtonProps, { children: backLabel }))), nextLink && ((0, jsx_runtime_1.jsx)(LinkButton_1.LinkButton, Object.assign({}, nextButtonProps, { children: nextLabel })))] })) })));
+});
+exports.Actions = Actions;
+Actions.displayName = "Actions";
+//# sourceMappingURL=Actions.js.map

package/dist/cjs/components/Chopin/Actions/Actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Actions/Actions.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAwC;AAExC,gDAAwB;AAGxB,qCAAkC;AAElC,iDAA8C;AAmB9C,MAAM,OAAO,GACX,IAAA,kBAAU,EAAC,CAAC,KAAmB,EAAE,GAAe,EAAE,EAAE;IAClD,MAAM,EACJ,QAAQ,GAAG,EAAE,EACb,QAAQ,GAAG,EAAE,EACb,SAAS,EACT,SAAS,EACT,SAAS,EACT,WAAW,EACX,WAAW,EACX,eAAe,EACf,eAAe,KAEb,KAAK,EADJ,IAAI,UACL,KAAK,EAXH,mIAWL,CAAQ,CAAC;IAEV,MAAM,OAAO,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,gBAAgB,EAAE,SAAS,CAAC,CAAC;IAC5D,MAAM,iBAAiB,GAAG,IAAA,cAAI,EAAC,oBAAoB,EAAE;QACnD,iBAAiB,EAAE,CAAC,QAAQ;KAC7B,CAAC,CAAC;IAEH,MAAM,eAAe,GAAG;QACtB,SAAS,EAAE,oBAAoB;QAC/B,OAAO,EAAE,WAAW;QACpB,OAAO,EAAE,OAAkB;QAC3B,IAAI,EAAE,iBAA6B;QACnC,IAAI,EAAE,QAAQ;QACd,EAAE,EAAE,QAAQ;QACZ,WAAW,EAAE,eAAe;KAC7B,CAAC;IAEF,MAAM,eAAe,GAAG;QACtB,SAAS,EAAE,iBAAiB;QAC5B,OAAO,EAAE,WAAW;QACpB,IAAI,EAAE,QAAQ;QACd,EAAE,EAAE,QAAQ;QACZ,WAAW,EAAE,eAAe;KAC7B,CAAC;IAEF,OAAO,CACL,uBAAC,WAAI,kBAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,cAAc,EAAC,QAAQ,IAAK,IAAI,cAClE,wBAAC,WAAI,kBACH,SAAS,EAAC,yBAAyB,EACnC,cAAc,EAAC,eAAe,EAC9B,UAAU,EAAC,QAAQ,iBAElB,QAAQ,IAAI,CACX,uBAAC,uBAAU,oBAAK,eAAe,cAAG,SAAS,IAAc,CAC1D,EACA,QAAQ,IAAI,CACX,uBAAC,uBAAU,oBAAK,eAAe,cAAG,SAAS,IAAc,CAC1D,KACI,IACF,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAGI,0BAAO;AADhB,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}

package/dist/cjs/components/Chopin/Actions/Actions.test.d.ts

@@ -0,0 +1 @@
+export {};