@simplybusiness/mobius 4.8.7 → 4.8.8

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

@@ -0,0 +1,242 @@
+"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("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const _1 = require(".");
+const CHECKBOX_GROUP_CLASS_NAME = "mobius/CheckboxGroup";
+const CHECKBOX_CLASS_NAME = "mobius/CheckboxInput";
+const CHECKBOX_CONTAINER_CLASS_NAME = "mobius/Checkbox";
+describe("CheckboxGroup", () => {
+    it("renders a Checkbox inside a CheckboxGroup", () => {
+        const labelText = "Favourite fruit";
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CheckboxGroup, { label: "Checkbox Group", children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: labelText, value: "value" }) }));
+        const outerContainer = container.firstChild;
+        const checkbox = react_1.screen.getByLabelText(labelText);
+        expect(outerContainer).toHaveClass(CHECKBOX_GROUP_CLASS_NAME);
+        expect(checkbox).toHaveClass(CHECKBOX_CLASS_NAME);
+    });
+    it("renders a non-Checkbox outside a CheckboxGroup", () => {
+        const labelText = "Favourite fruit";
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Checkbox, { label: labelText, value: "value" }));
+        const outerContainer = container.firstChild;
+        const checkbox = react_1.screen.getByLabelText(labelText);
+        expect(outerContainer).not.toHaveClass(CHECKBOX_GROUP_CLASS_NAME);
+        expect(checkbox).toHaveClass(CHECKBOX_CLASS_NAME);
+    });
+    it("displays an error message when errorMessage is set", () => {
+        const errorMessageText = "Error message";
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CheckboxGroup, { label: "Checkbox Group", errorMessage: errorMessageText, children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Checkbox", value: "value" }) }));
+        const errorMessage = react_1.screen.getByText(errorMessageText);
+        expect(errorMessage).toBeInTheDocument();
+    });
+    it("sets aria-describedby for all checkboxes when errorMessage is set", () => {
+        const errorMessageText = "Error message";
+        (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.CheckboxGroup, { label: "Checkbox Group", errorMessage: errorMessageText, 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(errorMessageText);
+        });
+    });
+    describe("isRequired", () => {
+        it("should have className of --is-required when true", () => {
+            const outerContainerLabel = "Checkbox Group";
+            const REQUIRED_CLASS_NAME = "--is-required";
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.CheckboxGroup, { label: outerContainerLabel, errorMessage: "Error message", isRequired: true, 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" })] }));
+            const outerContainer = react_1.screen.getByLabelText(outerContainerLabel);
+            const checkboxes = react_1.screen.getAllByRole("checkbox");
+            expect(outerContainer).toHaveClass(REQUIRED_CLASS_NAME);
+            checkboxes.forEach(checkbox => {
+                expect(checkbox).toHaveClass(REQUIRED_CLASS_NAME);
+            });
+        });
+        it("should have className of --is-optional when false", () => {
+            const outerContainerLabel = "Checkbox Group";
+            const OPTIONAL_CLASS_NAME = "--is-optional";
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.CheckboxGroup, { label: outerContainerLabel, errorMessage: "Error message", isRequired: false, 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" })] }));
+            const outerContainer = react_1.screen.getByLabelText(outerContainerLabel);
+            const checkboxes = react_1.screen.getAllByRole("checkbox");
+            expect(outerContainer).toHaveClass(OPTIONAL_CLASS_NAME);
+            checkboxes.forEach(checkbox => {
+                expect(checkbox).toHaveClass(OPTIONAL_CLASS_NAME);
+            });
+        });
+        it("should have neither --is-required nor --is-optional when unset", () => {
+            const outerContainerLabel = "Checkbox Group";
+            const REQUIRED_CLASS_NAME = "--is-required";
+            const OPTIONAL_CLASS_NAME = "--is-optional";
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.CheckboxGroup, { label: outerContainerLabel, 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" })] }));
+            const outerContainer = react_1.screen.getByLabelText(outerContainerLabel);
+            expect(outerContainer).not.toHaveClass(REQUIRED_CLASS_NAME);
+            expect(outerContainer).not.toHaveClass(OPTIONAL_CLASS_NAME);
+        });
+    });
+    describe("onChange", () => {
+        describe("given an item is toggled", () => {
+            it("should call onChange with a list of toggled items", async () => {
+                const callback = jest.fn();
+                const option1Text = "Checkbox 1";
+                const option2Text = "Checkbox 2";
+                const option3Text = "Checkbox 3";
+                const option1Value = "value1";
+                const option2Value = "value2";
+                const option3Value = "value3";
+                const checkedOptions = [option1Value];
+                const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.CheckboxGroup, { onChange: callback, defaultValue: checkedOptions, children: [(0, jsx_runtime_1.jsx)(_1.Checkbox, { label: option1Text, value: option1Value }), (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: option2Text, value: option2Value }), (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: option3Text, value: option3Value })] }));
+                const option1 = getByLabelText(option1Text);
+                const option2 = getByLabelText(option2Text);
+                const option3 = getByLabelText(option3Text);
+                expect(option1).toBeChecked();
+                expect(option2).not.toBeChecked();
+                expect(option3).not.toBeChecked();
+                await user_event_1.default.click(option3);
+                expect(callback).toHaveBeenCalledWith([
+                    ...checkedOptions,
+                    option3Value,
+                ]);
+                expect(option3).toBeChecked();
+            });
+        });
+        describe("given an item is untoggled", () => {
+            it("should call onChange with a list of toggled items", async () => {
+                const callback = jest.fn();
+                const option1Text = "Checkbox 1";
+                const option2Text = "Checkbox 2";
+                const option3Text = "Checkbox 3";
+                const option1Value = "value1";
+                const option2Value = "value2";
+                const option3Value = "value3";
+                const checkedOptions = [option2Value, option3Value];
+                const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.CheckboxGroup, { onChange: callback, defaultValue: checkedOptions, children: [(0, jsx_runtime_1.jsx)(_1.Checkbox, { label: option1Text, value: option1Value }), (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: option2Text, value: option2Value }), (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: option3Text, value: option3Value })] }));
+                const option1 = getByLabelText(option1Text);
+                const option2 = getByLabelText(option2Text);
+                const option3 = getByLabelText(option3Text);
+                expect(option1).not.toBeChecked();
+                expect(option2).toBeChecked();
+                expect(option3).toBeChecked();
+                await user_event_1.default.click(option3);
+                expect(callback).toHaveBeenCalledWith([option2Value]);
+            });
+        });
+    });
+    it("should render without error", () => {
+        const optionText = "Agree";
+        const component = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CheckboxGroup, { children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, value: "value" }) }));
+        expect(component).toBeTruthy();
+    });
+    it("should be selectable via keyboard", async () => {
+        const callback = jest.fn();
+        const optionText = "Agree";
+        const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CheckboxGroup, { onChange: callback, children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, value: "value" }) }));
+        const option = getByLabelText(optionText);
+        await user_event_1.default.tab();
+        await user_event_1.default.keyboard("[Space]");
+        expect(callback).toHaveBeenCalled();
+        expect(option).toBeChecked();
+        await user_event_1.default.keyboard("[Space]");
+        expect(callback).toHaveBeenCalled();
+        expect(option).not.toBeChecked();
+    });
+    it("should set the correct aria-describedby attribute", () => {
+        const optionText = "Agree";
+        const errorText = "This field is required";
+        const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CheckboxGroup, { children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, errorMessage: errorText }) }));
+        const option = getByLabelText(optionText);
+        expect(option).toHaveAccessibleDescription(errorText);
+    });
+    describe("isRequired", () => {
+        it("should set required attribute", () => {
+            const optionText = "Agree";
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CheckboxGroup, { isRequired: true, children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, value: "value" }) }));
+            const option = getByLabelText(optionText);
+            expect(option).toBeRequired();
+        });
+        it("should have className of --is-required when true", () => {
+            const optionText = "Agree";
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CheckboxGroup, { isRequired: true, children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, value: "value" }) }));
+            const option = getByLabelText(optionText);
+            expect(option).toHaveClass("--is-required");
+        });
+        it("should have className of --is-optional when false", () => {
+            const optionText = "Agree";
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CheckboxGroup, { isRequired: false, children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, value: "value" }) }));
+            const option = getByLabelText(optionText);
+            expect(option).toHaveClass("--is-optional");
+        });
+        it("should have neither --is-required nor --is-optional when unset", () => {
+            const optionText = "Agree";
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CheckboxGroup, { children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, value: "value" }) }));
+            const option = getByLabelText(optionText);
+            expect(option).not.toHaveClass("--is-required");
+            expect(option).not.toHaveClass("--is-optional");
+        });
+    });
+    describe("uses correct class names", () => {
+        it("uses mobius Mobius class", () => {
+            const optionText = "Agree";
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CheckboxGroup, { children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, value: "value" }) }));
+            expect(container.firstChild).toHaveClass("mobius");
+        });
+        it("uses base Mobius class", () => {
+            const optionText = "Agree";
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CheckboxGroup, { children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, value: "value" }) }));
+            const option = getByLabelText(optionText);
+            expect(option).toHaveClass(CHECKBOX_CLASS_NAME);
+        });
+        it("includes disabled class name", () => {
+            const optionText = "Agree";
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CheckboxGroup, { isDisabled: true, children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, value: "value" }) }));
+            const option = getByLabelText(optionText);
+            expect(option).toHaveClass("--is-disabled");
+        });
+        it("includes valid class name", () => {
+            const optionText = "Agree";
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CheckboxGroup, { validationState: "valid", children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, value: "value" }) }));
+            const option = getByLabelText(optionText);
+            expect(option).toHaveClass("--is-valid");
+        });
+        it("includes invalid class name", () => {
+            const optionText = "Agree";
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.CheckboxGroup, { validationState: "invalid", errorMessage: "There is a problem", children: [(0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, value: "value" }), ","] }));
+            const option = getByLabelText(optionText);
+            expect(option).toHaveClass("--is-invalid");
+        });
+        it("includes custom class name", () => {
+            const optionText = "Agree";
+            const customClass = "my-class";
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CheckboxGroup, { children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, className: customClass, value: "value" }) }));
+            const option = getByLabelText(optionText);
+            expect(option).toHaveClass(customClass);
+            expect(option).toHaveClass(CHECKBOX_CLASS_NAME);
+        });
+        it("only sets id on the input element", () => {
+            const optionText = "Agree";
+            const testId = "test";
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CheckboxGroup, { children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { id: testId, label: optionText, value: "value" }) }));
+            const option = getByLabelText(optionText);
+            expect(option).toHaveAttribute("id", testId);
+        });
+        it("includes focused and selected class names", async () => {
+            const optionText = "Agree";
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CheckboxGroup, { children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, value: "value" }) }));
+            const option = getByLabelText(optionText);
+            await user_event_1.default.tab();
+            expect(option).toHaveClass(CHECKBOX_CLASS_NAME);
+            expect(option.closest("label")).toHaveClass(CHECKBOX_CONTAINER_CLASS_NAME);
+            await user_event_1.default.keyboard("[Space]");
+            expect(option).toHaveClass("--is-selected");
+        });
+    });
+    describe("given the component is read only", () => {
+        it("renders readonly attribute", () => {
+            const optionText = "Agree";
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CheckboxGroup, { isReadOnly: true, children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, value: "value" }) }));
+            const option = getByLabelText(optionText);
+            expect(option).toHaveAttribute("readonly");
+        });
+    });
+});
+//# 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":";;;;;;AAAA,kDAAwD;AACxD,6EAAoD;AACpD,wBAA4C;AAE5C,MAAM,yBAAyB,GAAG,sBAAsB,CAAC;AACzD,MAAM,mBAAmB,GAAG,sBAAsB,CAAC;AACnD,MAAM,6BAA6B,GAAG,iBAAiB,CAAC;AAExD,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACnD,MAAM,SAAS,GAAG,iBAAiB,CAAC;QAEpC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,uBAAC,gBAAa,IAAC,KAAK,EAAC,gBAAgB,YACnC,uBAAC,WAAQ,IAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAC,OAAO,GAAG,GAC9B,CACjB,CAAC;QAEF,MAAM,cAAc,GAAG,SAAS,CAAC,UAAU,CAAC;QAC5C,MAAM,QAAQ,GAAG,cAAM,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;QAElD,MAAM,CAAC,cAAc,CAAC,CAAC,WAAW,CAAC,yBAAyB,CAAC,CAAC;QAC9D,MAAM,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACxD,MAAM,SAAS,GAAG,iBAAiB,CAAC;QAEpC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,WAAQ,IAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAC,OAAO,GAAG,CAAC,CAAC;QAE3E,MAAM,cAAc,GAAG,SAAS,CAAC,UAAU,CAAC;QAC5C,MAAM,QAAQ,GAAG,cAAM,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;QAElD,MAAM,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,yBAAyB,CAAC,CAAC;QAClE,MAAM,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oDAAoD,EAAE,GAAG,EAAE;QAC5D,MAAM,gBAAgB,GAAG,eAAe,CAAC;QAEzC,IAAA,cAAM,EACJ,uBAAC,gBAAa,IAAC,KAAK,EAAC,gBAAgB,EAAC,YAAY,EAAE,gBAAgB,YAClE,uBAAC,WAAQ,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,OAAO,GAAG,GAC7B,CACjB,CAAC;QAEF,MAAM,YAAY,GAAG,cAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;QAExD,MAAM,CAAC,YAAY,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC3C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mEAAmE,EAAE,GAAG,EAAE;QAC3E,MAAM,gBAAgB,GAAG,eAAe,CAAC;QAEzC,IAAA,cAAM,EACJ,wBAAC,gBAAa,IAAC,KAAK,EAAC,gBAAgB,EAAC,YAAY,EAAE,gBAAgB,aAClE,uBAAC,WAAQ,IAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,QAAQ,GAAG,EAC9C,uBAAC,WAAQ,IAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,QAAQ,GAAG,EAC9C,uBAAC,WAAQ,IAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,QAAQ,GAAG,IAChC,CACjB,CAAC;QAEF,MAAM,UAAU,GAAG,cAAM,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;QAEnD,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;YAC5B,MAAM,CAAC,QAAQ,CAAC,CAAC,2BAA2B,CAAC,gBAAgB,CAAC,CAAC;QACjE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;QAC1B,EAAE,CAAC,kDAAkD,EAAE,GAAG,EAAE;YAC1D,MAAM,mBAAmB,GAAG,gBAAgB,CAAC;YAC7C,MAAM,mBAAmB,GAAG,eAAe,CAAC;YAE5C,IAAA,cAAM,EACJ,wBAAC,gBAAa,IACZ,KAAK,EAAE,mBAAmB,EAC1B,YAAY,EAAC,eAAe,EAC5B,UAAU,mBAEV,uBAAC,WAAQ,IAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,QAAQ,GAAG,EAC9C,uBAAC,WAAQ,IAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,QAAQ,GAAG,IAChC,CACjB,CAAC;YAEF,MAAM,cAAc,GAAG,cAAM,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC;YAClE,MAAM,UAAU,GAAG,cAAM,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;YAEnD,MAAM,CAAC,cAAc,CAAC,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC;YAExD,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;gBAC5B,MAAM,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC;YACpD,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,mDAAmD,EAAE,GAAG,EAAE;YAC3D,MAAM,mBAAmB,GAAG,gBAAgB,CAAC;YAC7C,MAAM,mBAAmB,GAAG,eAAe,CAAC;YAE5C,IAAA,cAAM,EACJ,wBAAC,gBAAa,IACZ,KAAK,EAAE,mBAAmB,EAC1B,YAAY,EAAC,eAAe,EAC5B,UAAU,EAAE,KAAK,aAEjB,uBAAC,WAAQ,IAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,QAAQ,GAAG,EAC9C,uBAAC,WAAQ,IAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,QAAQ,GAAG,IAChC,CACjB,CAAC;YAEF,MAAM,cAAc,GAAG,cAAM,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC;YAClE,MAAM,UAAU,GAAG,cAAM,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;YAEnD,MAAM,CAAC,cAAc,CAAC,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC;YAExD,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;gBAC5B,MAAM,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC;YACpD,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,gEAAgE,EAAE,GAAG,EAAE;YACxE,MAAM,mBAAmB,GAAG,gBAAgB,CAAC;YAC7C,MAAM,mBAAmB,GAAG,eAAe,CAAC;YAC5C,MAAM,mBAAmB,GAAG,eAAe,CAAC;YAE5C,IAAA,cAAM,EACJ,wBAAC,gBAAa,IAAC,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAC,eAAe,aACrE,uBAAC,WAAQ,IAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,QAAQ,GAAG,EAC9C,uBAAC,WAAQ,IAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,QAAQ,GAAG,IAChC,CACjB,CAAC;YAEF,MAAM,cAAc,GAAG,cAAM,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC;YAElE,MAAM,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC;YAC5D,MAAM,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC;QAC9D,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;QACxB,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;YACxC,EAAE,CAAC,mDAAmD,EAAE,KAAK,IAAI,EAAE;gBACjE,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;gBAC3B,MAAM,WAAW,GAAG,YAAY,CAAC;gBACjC,MAAM,WAAW,GAAG,YAAY,CAAC;gBACjC,MAAM,WAAW,GAAG,YAAY,CAAC;gBACjC,MAAM,YAAY,GAAG,QAAQ,CAAC;gBAC9B,MAAM,YAAY,GAAG,QAAQ,CAAC;gBAC9B,MAAM,YAAY,GAAG,QAAQ,CAAC;gBAC9B,MAAM,cAAc,GAAG,CAAC,YAAY,CAAC,CAAC;gBAEtC,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,cAAM,EAC/B,wBAAC,gBAAa,IAAC,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,cAAc,aAC7D,uBAAC,WAAQ,IAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,GAAI,EACrD,uBAAC,WAAQ,IAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,GAAI,EACrD,uBAAC,WAAQ,IAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,GAAI,IACvC,CACjB,CAAC;gBAEF,MAAM,OAAO,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;gBAC5C,MAAM,OAAO,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;gBAC5C,MAAM,OAAO,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;gBAE5C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,CAAC;gBAC9B,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;gBAClC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;gBAElC,MAAM,oBAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;gBAE/B,MAAM,CAAC,QAAQ,CAAC,CAAC,oBAAoB,CAAC;oBACpC,GAAG,cAAc;oBACjB,YAAY;iBACb,CAAC,CAAC;gBACH,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,CAAC;YAChC,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,4BAA4B,EAAE,GAAG,EAAE;YAC1C,EAAE,CAAC,mDAAmD,EAAE,KAAK,IAAI,EAAE;gBACjE,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;gBAC3B,MAAM,WAAW,GAAG,YAAY,CAAC;gBACjC,MAAM,WAAW,GAAG,YAAY,CAAC;gBACjC,MAAM,WAAW,GAAG,YAAY,CAAC;gBACjC,MAAM,YAAY,GAAG,QAAQ,CAAC;gBAC9B,MAAM,YAAY,GAAG,QAAQ,CAAC;gBAC9B,MAAM,YAAY,GAAG,QAAQ,CAAC;gBAC9B,MAAM,cAAc,GAAG,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;gBAEpD,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,cAAM,EAC/B,wBAAC,gBAAa,IAAC,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,cAAc,aAC7D,uBAAC,WAAQ,IAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,GAAI,EACrD,uBAAC,WAAQ,IAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,GAAI,EACrD,uBAAC,WAAQ,IAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,GAAI,IACvC,CACjB,CAAC;gBAEF,MAAM,OAAO,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;gBAC5C,MAAM,OAAO,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;gBAC5C,MAAM,OAAO,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;gBAE5C,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;gBAClC,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,CAAC;gBAC9B,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,CAAC;gBAE9B,MAAM,oBAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;gBAE/B,MAAM,CAAC,QAAQ,CAAC,CAAC,oBAAoB,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;YACxD,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACrC,MAAM,UAAU,GAAG,OAAO,CAAC;QAC3B,MAAM,SAAS,GAAG,IAAA,cAAM,EACtB,uBAAC,gBAAa,cACZ,uBAAC,WAAQ,IAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAC,OAAO,GAAG,GAC/B,CACjB,CAAC;QAEF,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC3B,MAAM,UAAU,GAAG,OAAO,CAAC;QAE3B,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,cAAM,EAC/B,uBAAC,gBAAa,IAAC,QAAQ,EAAE,QAAQ,YAC/B,uBAAC,WAAQ,IAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAC,OAAO,GAAG,GAC/B,CACjB,CAAC;QAEF,MAAM,MAAM,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;QAE1C,MAAM,oBAAS,CAAC,GAAG,EAAE,CAAC;QACtB,MAAM,oBAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;QAEpC,MAAM,CAAC,QAAQ,CAAC,CAAC,gBAAgB,EAAE,CAAC;QACpC,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,CAAC;QAE7B,MAAM,oBAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;QAEpC,MAAM,CAAC,QAAQ,CAAC,CAAC,gBAAgB,EAAE,CAAC;QACpC,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mDAAmD,EAAE,GAAG,EAAE;QAC3D,MAAM,UAAU,GAAG,OAAO,CAAC;QAC3B,MAAM,SAAS,GAAG,wBAAwB,CAAC;QAE3C,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,cAAM,EAC/B,uBAAC,gBAAa,cACZ,uBAAC,WAAQ,IAAC,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,GAAI,GAC1C,CACjB,CAAC;QAEF,MAAM,MAAM,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;QAE1C,MAAM,CAAC,MAAM,CAAC,CAAC,2BAA2B,CAAC,SAAS,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;QAC1B,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE;YACvC,MAAM,UAAU,GAAG,OAAO,CAAC;YAE3B,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,cAAM,EAC/B,uBAAC,gBAAa,IAAC,UAAU,kBACvB,uBAAC,WAAQ,IAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAC,OAAO,GAAG,GAC/B,CACjB,CAAC;YAEF,MAAM,MAAM,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;YAE1C,MAAM,CAAC,MAAM,CAAC,CAAC,YAAY,EAAE,CAAC;QAChC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,kDAAkD,EAAE,GAAG,EAAE;YAC1D,MAAM,UAAU,GAAG,OAAO,CAAC;YAE3B,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,cAAM,EAC/B,uBAAC,gBAAa,IAAC,UAAU,kBACvB,uBAAC,WAAQ,IAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAC,OAAO,GAAG,GAC/B,CACjB,CAAC;YAEF,MAAM,MAAM,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;YAE1C,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,mDAAmD,EAAE,GAAG,EAAE;YAC3D,MAAM,UAAU,GAAG,OAAO,CAAC;YAE3B,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,cAAM,EAC/B,uBAAC,gBAAa,IAAC,UAAU,EAAE,KAAK,YAC9B,uBAAC,WAAQ,IAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAC,OAAO,GAAG,GAC/B,CACjB,CAAC;YAEF,MAAM,MAAM,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;YAE1C,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,gEAAgE,EAAE,GAAG,EAAE;YACxE,MAAM,UAAU,GAAG,OAAO,CAAC;YAE3B,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,cAAM,EAC/B,uBAAC,gBAAa,cACZ,uBAAC,WAAQ,IAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAC,OAAO,GAAG,GAC/B,CACjB,CAAC;YAEF,MAAM,MAAM,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;YAE1C,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;YAChD,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;QAClD,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACxC,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;YAClC,MAAM,UAAU,GAAG,OAAO,CAAC;YAE3B,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,uBAAC,gBAAa,cACZ,uBAAC,WAAQ,IAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAC,OAAO,GAAG,GAC/B,CACjB,CAAC;YAEF,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,UAAU,GAAG,OAAO,CAAC;YAE3B,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,cAAM,EAC/B,uBAAC,gBAAa,cACZ,uBAAC,WAAQ,IAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAC,OAAO,GAAG,GAC/B,CACjB,CAAC;YAEF,MAAM,MAAM,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;YAE1C,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC;QAClD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;YACtC,MAAM,UAAU,GAAG,OAAO,CAAC;YAE3B,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,cAAM,EAC/B,uBAAC,gBAAa,IAAC,UAAU,kBACvB,uBAAC,WAAQ,IAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAC,OAAO,GAAG,GAC/B,CACjB,CAAC;YAEF,MAAM,MAAM,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;YAE1C,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;YACnC,MAAM,UAAU,GAAG,OAAO,CAAC;YAE3B,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,cAAM,EAC/B,uBAAC,gBAAa,IAAC,eAAe,EAAC,OAAO,YACpC,uBAAC,WAAQ,IAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAC,OAAO,GAAG,GAC/B,CACjB,CAAC;YAEF,MAAM,MAAM,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;YAE1C,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;QAC3C,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE;YACrC,MAAM,UAAU,GAAG,OAAO,CAAC;YAE3B,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,cAAM,EAC/B,wBAAC,gBAAa,IACZ,eAAe,EAAC,SAAS,EACzB,YAAY,EAAC,oBAAoB,aAEjC,uBAAC,WAAQ,IAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAC,OAAO,GAAG,SAC/B,CACjB,CAAC;YAEF,MAAM,MAAM,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;YAE1C,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;YACpC,MAAM,UAAU,GAAG,OAAO,CAAC;YAC3B,MAAM,WAAW,GAAG,UAAU,CAAC;YAE/B,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,cAAM,EAC/B,uBAAC,gBAAa,cACZ,uBAAC,WAAQ,IAAC,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAC,OAAO,GAAG,GACvD,CACjB,CAAC;YAEF,MAAM,MAAM,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;YAE1C,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;YACxC,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC;QAClD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;YAC3C,MAAM,UAAU,GAAG,OAAO,CAAC;YAC3B,MAAM,MAAM,GAAG,MAAM,CAAC;YAEtB,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,cAAM,EAC/B,uBAAC,gBAAa,cACZ,uBAAC,WAAQ,IAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAC,OAAO,GAAG,GAC3C,CACjB,CAAC;YAEF,MAAM,MAAM,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;YAE1C,MAAM,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QAC/C,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,2CAA2C,EAAE,KAAK,IAAI,EAAE;YACzD,MAAM,UAAU,GAAG,OAAO,CAAC;YAE3B,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,cAAM,EAC/B,uBAAC,gBAAa,cACZ,uBAAC,WAAQ,IAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAC,OAAO,GAAG,GAC/B,CACjB,CAAC;YAEF,MAAM,MAAM,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;YAE1C,MAAM,oBAAS,CAAC,GAAG,EAAE,CAAC;YAEtB,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC;YAChD,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CACzC,6BAA6B,CAC9B,CAAC;YAEF,MAAM,oBAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;YAEpC,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAChD,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;YACpC,MAAM,UAAU,GAAG,OAAO,CAAC;YAE3B,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,cAAM,EAC/B,uBAAC,gBAAa,IAAC,UAAU,kBACvB,uBAAC,WAAQ,IAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAC,OAAO,GAAG,GAC/B,CACjB,CAAC;YAEF,MAAM,MAAM,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;YAE1C,MAAM,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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/types.d.ts

@@ -0,0 +1,56 @@
+import { ChangeEvent, ReactNode, Ref, RefAttributes } from "react";
+import { DOMProps } from "../../types/dom";
+export type CheckboxElementType = HTMLInputElement;
+export type CheckboxRef = Ref<CheckboxElementType>;
+export interface CheckboxProps extends DOMProps, RefAttributes<CheckboxElementType> {
+    className?: string;
+    label?: ReactNode;
+    errorMessage?: string;
+    /** The current value (controlled). */
+    value?: string;
+    isDisabled?: boolean;
+    onChange?: (event: ChangeEvent<CheckboxElementType>) => void;
+    defaultSelected?: boolean;
+    validationState?: "valid" | "invalid";
+    isReadOnly?: boolean;
+    isRequired?: boolean;
+    "aria-errormessage"?: string;
+    /**
+     * Identifies the element (or elements) that describes the object.
+     */
+    "aria-describedby"?: string;
+    /**
+     * **Internal:** Do not use
+     */
+    groupDisabled?: boolean;
+    /**
+     * **Internal:** Do not use
+     */
+    selected?: string;
+    /**
+     * **Internal:** Do not use
+     */
+    setSelected?: React.Dispatch<React.SetStateAction<string>>;
+}
+export type CheckboxGroupElementType = HTMLDivElement;
+export interface CheckboxGroupProps extends DOMProps, RefAttributes<CheckboxGroupElementType> {
+    children: ReactNode;
+    className?: string;
+    orientation?: "horizontal" | "vertical";
+    errorMessage?: string;
+    onChange?: (values: string[]) => void;
+    "aria-labelledby"?: string;
+    "aria-describedby"?: string;
+    validationState?: "valid" | "invalid";
+    isRequired?: boolean;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    defaultValue?: string[];
+    label?: ReactNode;
+    /**
+     * The value of the radio button, used when submitting an HTML form.
+     * See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio#Value).
+     */
+    value?: string;
+}
+export type CheckboxGroupRef = Ref<CheckboxGroupElementType>;

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

@@ -0,0 +1,15 @@
+import { Ref, RefAttributes, ReactNode } from "react";
+import { DOMProps } from "../../types/dom";
+import { ForwardedRefComponent } from "../../types/components";
+export type ContainerElementType = HTMLDivElement;
+export type ContainerRef = Ref<ContainerElementType>;
+export interface ContainerProps extends DOMProps, RefAttributes<ContainerElementType> {
+    id?: string;
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    /** HTML element for the Box */
+    elementType?: "div" | "span";
+    children?: ReactNode;
+}
+declare const Container: ForwardedRefComponent<ContainerProps, ContainerElementType>;
+export { Container };

package/dist/cjs/components/Container/Container.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Container } from "./Container";
+type StoryType = StoryObj<typeof Container>;
+declare const meta: Meta<typeof Container>;
+export declare const Normal: StoryType;
+export default meta;

package/dist/cjs/components/Container/Container.stories.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Container_1 = require("./Container");
+const meta = {
+    title: "Layout/Container",
+    component: Container_1.Container,
+};
+exports.Normal = {
+    render: (args) => ((0, jsx_runtime_1.jsx)(Container_1.Container, Object.assign({}, args, { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto, expedita ex maxime eum. Reiciendis, natus? Voluptatibus error beatae praesentium molestias saepe dolorem molestiae rem. Rem, eveniet beatae." }))),
+};
+exports.default = meta;
+//# sourceMappingURL=Container.stories.js.map

package/dist/cjs/components/Container/Container.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.stories.js","sourceRoot":"","sources":["../../../../src/components/Container/Container.stories.tsx"],"names":[],"mappings":";;;;AACA,2CAAwD;AAIxD,MAAM,IAAI,GAA2B;IACnC,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,qBAAS;CACrB,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,uBAAC,qBAAS,oBAAK,IAAI,iQAKP,CACb;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}

package/dist/cjs/components/Container/Container.test.d.ts

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

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

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const _1 = require(".");
+const CLASS_NAME = "mobius/Container";
+describe("Container", () => {
+    it("should render without errors", () => {
+        const component = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Container, { children: "test" }));
+        expect(component).toBeTruthy();
+    });
+    it("should use the provided elementType", () => {
+        var _a;
+        const component = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Container, { elementType: "span", children: "test" }));
+        expect((_a = component.container.firstElementChild) === null || _a === void 0 ? void 0 : _a.tagName).toBe("SPAN");
+    });
+    describe("given elementType", () => {
+        it("is not applied as element attribute", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Container, { elementType: "span" }));
+            expect(container.firstChild).not.toHaveAttribute("elementtype", "span");
+        });
+    });
+    describe("uses correct class names", () => {
+        it("uses Mobius class", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Container, { "data-testid": "test", children: "Sample text" }));
+            expect(react_1.screen.getByTestId("test")).toHaveClass("mobius");
+        });
+        it("uses base Mobius class", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Container, { "data-testid": "test", children: "Sample text" }));
+            expect(react_1.screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+        });
+        it("includes custom class name", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Container, { className: "my-class", "data-testid": "test", children: "Sample Text" }));
+            expect(react_1.screen.getByTestId("test")).toHaveClass("my-class");
+            expect(react_1.screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+        });
+    });
+});
+//# sourceMappingURL=Container.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Container.test.js","sourceRoot":"","sources":["../../../../src/components/Container/Container.test.tsx"],"names":[],"mappings":";;;AACA,kDAAwD;AACxD,wBAA8B;AAE9B,MAAM,UAAU,GAAG,kBAAkB,CAAC;AAEtC,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,uBAAC,YAAS,uBAAiB,CAAC,CAAC;QACtD,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;;QAC7C,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,uBAAC,YAAS,IAAC,WAAW,EAAC,MAAM,qBAAiB,CAAC,CAAC;QACzE,MAAM,CAAC,MAAA,SAAS,CAAC,SAAS,CAAC,iBAAiB,0CAAE,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACtE,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;QACjC,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;YAC7C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,YAAS,IAAC,WAAW,EAAC,MAAM,GAAG,CAAC,CAAC;YAC/D,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;QAC1E,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACxC,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;YAC3B,IAAA,cAAM,EAAC,uBAAC,YAAS,mBAAa,MAAM,4BAAwB,CAAC,CAAC;YAC9D,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC3D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;YAChC,IAAA,cAAM,EAAC,uBAAC,YAAS,mBAAa,MAAM,4BAAwB,CAAC,CAAC;YAC9D,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;YACpC,IAAA,cAAM,EACJ,uBAAC,YAAS,IAAC,SAAS,EAAC,UAAU,iBAAa,MAAM,4BAEtC,CACb,CAAC;YACF,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YAC3D,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1 @@
+export * from "./Container";

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

@@ -0,0 +1,11 @@
+import { AriaAttributes } from "react";
+import { DOMProps } from "../../types/dom";
+export interface DividerProps extends DOMProps {
+    className?: string;
+    "aria-orientation"?: AriaAttributes["aria-orientation"];
+}
+declare const Divider: {
+    ({ "aria-orientation": ariaOrientation, className, ...rest }: DividerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Divider };

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

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Divider } from "./Divider";
+type StoryType = StoryObj<typeof Divider>;
+declare const meta: Meta<typeof Divider>;
+export declare const Normal: StoryType;
+export default meta;

package/dist/cjs/components/Divider/Divider.stories.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Divider_1 = require("./Divider");
+const utils_1 = require("../../utils");
+const meta = {
+    title: "Components/Divider",
+    component: Divider_1.Divider,
+    decorators: [
+        Story => ((0, jsx_runtime_1.jsx)(utils_1.StoryContainer, { children: (0, jsx_runtime_1.jsx)(Story, {}) })),
+    ],
+};
+exports.Normal = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Divider_1.Divider, Object.assign({}, args)),
+};
+exports.default = meta;
+//# sourceMappingURL=Divider.stories.js.map

package/dist/cjs/components/Divider/Divider.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.stories.js","sourceRoot":"","sources":["../../../../src/components/Divider/Divider.stories.tsx"],"names":[],"mappings":";;;;AACA,uCAAkD;AAClD,uCAA6C;AAI7C,MAAM,IAAI,GAAyB;IACjC,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,iBAAO;IAClB,UAAU,EAAE;QACV,KAAK,CAAC,EAAE,CAAC,CACP,uBAAC,sBAAc,cACb,uBAAC,KAAK,KAAG,GACM,CAClB;KACF;CACF,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAkB,EAAE,EAAE,CAAC,uBAAC,iBAAO,oBAAK,IAAI,EAAI;CACtD,CAAC;AAEF,kBAAe,IAAI,CAAC"}

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

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

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

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const _1 = require(".");
+const CLASS_NAME = "mobius/Divider";
+describe("Divider", () => {
+    it("should render without errors", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Divider, {}));
+    });
+    it("renders as a hr element by default", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Divider, {}));
+        expect(react_1.screen.getByRole("separator")).toBeInTheDocument();
+    });
+    describe("uses correct class names", () => {
+        it("uses mobius class", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Divider, {}));
+            expect(react_1.screen.getByRole("separator")).toHaveClass("mobius");
+        });
+        it("uses base Mobius class", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Divider, {}));
+            expect(react_1.screen.getByRole("separator")).toHaveClass(CLASS_NAME);
+        });
+        it("includes custom class name", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Divider, { className: "my-class" }));
+            expect(react_1.screen.getByRole("separator")).toHaveClass("my-class");
+            expect(react_1.screen.getByRole("separator")).toHaveClass(CLASS_NAME);
+        });
+    });
+});
+//# sourceMappingURL=Divider.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.test.js","sourceRoot":"","sources":["../../../../src/components/Divider/Divider.test.tsx"],"names":[],"mappings":";;;AAAA,kDAAwD;AACxD,wBAA4B;AAE5B,MAAM,UAAU,GAAG,gBAAgB,CAAC;AAEpC,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;IACvB,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,IAAA,cAAM,EAAC,uBAAC,UAAO,KAAG,CAAC,CAAC;IACtB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oCAAoC,EAAE,GAAG,EAAE;QAC5C,IAAA,cAAM,EAAC,uBAAC,UAAO,KAAG,CAAC,CAAC;QACpB,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC5D,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACxC,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;YAC3B,IAAA,cAAM,EAAC,uBAAC,UAAO,KAAG,CAAC,CAAC;YACpB,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC9D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;YAChC,IAAA,cAAM,EAAC,uBAAC,UAAO,KAAG,CAAC,CAAC;YACpB,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAChE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;YACpC,IAAA,cAAM,EAAC,uBAAC,UAAO,IAAC,SAAS,EAAC,UAAU,GAAG,CAAC,CAAC;YACzC,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YAC9D,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAChE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1 @@
+export * from "./Divider";

package/dist/cjs/components/Drawer/Content.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode, Ref, RefAttributes } from "react";
+import { DOMProps } from "../../types/dom";
+export type DivRef = Ref<HTMLDivElement>;
+export type DivElementType = HTMLDivElement;
+export interface ContentProps extends DOMProps, RefAttributes<DivElementType> {
+    children?: ReactNode;
+    onClose?: () => void;
+    closeLabel?: string;
+}
+declare const Content: import("react").ForwardRefExoticComponent<Omit<ContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export { Content };

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

@@ -0,0 +1,22 @@
+import { ReactNode } from "react";
+export interface DrawerProps {
+    isOpen: boolean;
+    /**
+     * Direction that drawer will open from
+     */
+    direction: "top" | "bottom" | "left" | "right";
+    className?: string;
+    closeLabel?: string;
+    /**
+     * Announce text for screen readers when drawer opens
+     */
+    announce?: string;
+    onOpen?: () => void;
+    onClose?: () => void;
+    children?: ReactNode;
+}
+declare const Drawer: {
+    ({ isOpen, className, closeLabel, direction, announce, onOpen, onClose, children, }: DrawerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Drawer };

package/dist/cjs/components/Drawer/Drawer.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Drawer } from ".";
+type StoryType = StoryObj<typeof Drawer>;
+declare const meta: Meta<typeof Drawer>;
+export declare const Normal: StoryType;
+export declare const WithLogoHeader: StoryType;
+export declare const WithLongContent: StoryType;
+export default meta;

package/dist/cjs/components/Drawer/Drawer.stories.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WithLongContent = exports.WithLogoHeader = exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const _1 = require(".");
+const utils_1 = require("../../utils");
+const Button_1 = require("../Button");
+const Text_1 = require("../Text");
+const meta = {
+    title: "Components/Drawer",
+    component: _1.Drawer,
+    argTypes: Object.assign({ direction: {
+            options: ["top", "bottom", "left", "right"],
+            control: { type: "radio" },
+        } }, (0, utils_1.excludeControls)("isOpen")),
+};
+const Demo = ({ direction, closeLabel }) => {
+    const [open, setOpen] = (0, react_1.useState)(false);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: () => setOpen(true), children: "Show Drawer" }), (0, jsx_runtime_1.jsxs)(_1.Drawer, { isOpen: open, onClose: () => setOpen(false), direction: direction, closeLabel: closeLabel, children: [(0, jsx_runtime_1.jsx)(_1.Drawer.Header, { children: "The Latin Drawer" }), (0, jsx_runtime_1.jsx)(_1.Drawer.Content, { children: "Aliquam fringilla quam vel purus rhoncus interdum in quis sapien. Sed at eros et lectus mollis posuere. Morbi augue augue, venenatis vel consectetur sed, vulputate et lorem. Integer venenatis nibh molestie commodo lobortis. Phasellus sit amet dignissim nisi. Vivamus nisi augue, scelerisque commodo libero vitae, vulputate interdum ex. Integer non risus sollicitudin, cursus ipsum vitae, rhoncus nulla." })] })] }));
+};
+const LogoHeader = ({ direction, closeLabel }) => {
+    const [open, setOpen] = (0, react_1.useState)(false);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: () => setOpen(true), children: "Show Drawer" }), (0, jsx_runtime_1.jsxs)(_1.Drawer, { isOpen: open, onClose: () => setOpen(false), direction: direction, closeLabel: closeLabel, children: [(0, jsx_runtime_1.jsx)(_1.Drawer.Header, { children: (0, jsx_runtime_1.jsx)("img", { src: "https://quote.simplybusiness.com/assets/logos/insurers/harborway_insurance-1a46ba508f3dfcc89aa2498e7680ed15bd1704ccb01c614eb5335bd7b25e0537.png", alt: "Provider logo" }) }), (0, jsx_runtime_1.jsx)(_1.Drawer.Content, { children: "Content." })] })] }));
+};
+const WithLongContentDemo = (props) => {
+    const [open, setOpen] = (0, react_1.useState)(false);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: () => setOpen(true), children: "Show Drawer" }), (0, jsx_runtime_1.jsxs)(_1.Drawer, Object.assign({}, props, { isOpen: open, onClose: () => setOpen(false), children: [(0, jsx_runtime_1.jsx)(_1.Drawer.Header, { children: "Aliquam fringilla quam vel purus rhoncus isuere. Morbi augue augue, venenatis vel consectetur sed, vulputate et lorem. Int" }), (0, jsx_runtime_1.jsxs)(_1.Drawer.Content, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Aliquam fringilla quam vel purus rhoncus interdum in quis sapien. Sed at eros et lectus mollis posuere. Morbi augue augue, venenatis vel consectetur sed, vulputate et lorem. Integer venenatis nibh molestie commodo lobortis. Phasellus sit amet dignissim nisi. Vivamus nisi augue, scelerisque commodo libero vitae, vulputate interdum ex. Integer non risus sollicitudin, cursus ipsum vitae, rhoncus nulla." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Aliquam fringilla quam vel purus rhoncus interdum in quis sapien. Sed at eros et lectus mollis posuere. Morbi augue augue, venenatis vel consectetur sed, vulputate et lorem. Integer venenatis nibh molestie commodo lobortis. Phasellus sit amet dignissim nisi. Vivamus nisi augue, scelerisque commodo libero vitae, vulputate interdum ex. Integer non risus sollicitudin, cursus ipsum vitae, rhoncus nulla." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Aliquam fringilla quam vel purus rhoncus interdum in quis sapien. Sed at eros et lectus mollis posuere. Morbi augue augue, venenatis vel consectetur sed, vulputate et lorem. Integer venenatis nibh molestie commodo lobortis. Phasellus sit amet dignissim nisi. Vivamus nisi augue, scelerisque commodo libero vitae, vulputate interdum ex. Integer non risus sollicitudin, cursus ipsum vitae, rhoncus nulla." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Aliquam fringilla quam vel purus rhoncus interdum in quis sapien. Sed at eros et lectus mollis posuere. Morbi augue augue, venenatis vel consectetur sed, vulputate et lorem. Integer venenatis nibh molestie commodo lobortis. Phasellus sit amet dignissim nisi. Vivamus nisi augue, scelerisque commodo libero vitae, vulputate interdum ex. Integer non risus sollicitudin, cursus ipsum vitae, rhoncus nulla." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Aliquam fringilla quam vel purus rhoncus interdum in quis sapien. Sed at eros et lectus mollis posuere. Morbi augue augue, venenatis vel consectetur sed, vulputate et lorem. Integer venenatis nibh molestie commodo lobortis. Phasellus sit amet dignissim nisi. Vivamus nisi augue, scelerisque commodo libero vitae, vulputate interdum ex. Integer non risus sollicitudin, cursus ipsum vitae, rhoncus nulla." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Aliquam fringilla quam vel purus rhoncus interdum in quis sapien. Sed at eros et lectus mollis posuere. Morbi augue augue, venenatis vel consectetur sed, vulputate et lorem. Integer venenatis nibh molestie commodo lobortis. Phasellus sit amet dignissim nisi. Vivamus nisi augue, scelerisque commodo libero vitae, vulputate interdum ex. Integer non risus sollicitudin, cursus ipsum vitae, rhoncus nulla." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Aliquam fringilla quam vel purus rhoncus interdum in quis sapien. Sed at eros et lectus mollis posuere. Morbi augue augue, venenatis vel consectetur sed, vulputate et lorem. Integer venenatis nibh molestie commodo lobortis. Phasellus sit amet dignissim nisi. Vivamus nisi augue, scelerisque commodo libero vitae, vulputate interdum ex. Integer non risus sollicitudin, cursus ipsum vitae, rhoncus nulla." })] })] }))] }));
+};
+exports.Normal = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Demo, Object.assign({}, args)),
+    args: {
+        isOpen: false,
+        direction: "right",
+        closeLabel: "Close",
+    },
+};
+exports.WithLogoHeader = {
+    render: (args) => (0, jsx_runtime_1.jsx)(LogoHeader, Object.assign({}, args)),
+    args: {
+        isOpen: false,
+        direction: "right",
+        closeLabel: "Close",
+    },
+};
+exports.WithLongContent = {
+    render: (args) => (0, jsx_runtime_1.jsx)(WithLongContentDemo, Object.assign({}, args)),
+    args: {
+        isOpen: false,
+        direction: "right",
+    },
+};
+exports.default = meta;
+//# sourceMappingURL=Drawer.stories.js.map