@simplybusiness/mobius 4.6.3 → 4.6.4

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

@@ -0,0 +1,164 @@
+"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 WRAPPER_CLASS_NAME = "mobius/TextField";
+const INPUT_CLASS_NAME = "mobius/TextInput";
+const INNER_CONTAINER_SELECTOR = ".mobius\\/TextFieldInnerContainer";
+const INPUT_WRAPPER_SELECTOR = ".mobius\\/TextFieldInputWrapper";
+const CHILDREN_CONTAINER_CLASS_NAME = "mobius/TextFieldChildren";
+const PREFIX_OUTSIDE_CLASS_NAME = "mobius/TextFieldPrefixOutside";
+const PREFIX_INSIDE_CLASS_NAME = "mobius/TextFieldPrefixInside";
+const SUFFIX_INSIDE_CLASS_NAME = "mobius/TextFieldSuffixInside";
+const SUFFIX_OUTSIDE_CLASS_NAME = "mobius/TextFieldSuffixOutside";
+describe("Test for TextField", () => {
+    it("should render without errors", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "First name", "data-testid": "textfield" }));
+        expect(react_1.screen.getByTestId("textfield")).toHaveAttribute("type", "text");
+    });
+    it("correctly passes on type attribute", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "Secret Value", type: "password", "data-testid": "test" }));
+        expect(react_1.screen.getByTestId("test")).toHaveAttribute("type", "password");
+    });
+    it("children props render outside inner container", () => {
+        const pText = "Additional content";
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "What does your business do?", children: (0, jsx_runtime_1.jsx)("p", { children: pText }) }));
+        const children = react_1.screen.getByText(pText);
+        const innerContainer = container.querySelector(INNER_CONTAINER_SELECTOR);
+        expect(innerContainer === null || innerContainer === void 0 ? void 0 : innerContainer.nextSibling).toBe(children.parentElement);
+        expect(children.parentElement).toHaveClass(CHILDREN_CONTAINER_CLASS_NAME);
+    });
+    describe("isRequired", () => {
+        it("should set aria-required to true", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "First name", isRequired: true }));
+            expect(react_1.screen.getByLabelText("First name")).toHaveAttribute("aria-required", "true");
+        });
+        it("should have className of --is-required when true", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "First name", isRequired: true }));
+            expect(react_1.screen.getByLabelText("First name")).toHaveClass("--is-required");
+        });
+        it("should have className of --is-optional when false", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "First name", isRequired: false }));
+            expect(react_1.screen.getByLabelText("First name")).toHaveClass("--is-optional");
+        });
+        it("should have neither --is-required nor --is-optional when unset", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "First name" }));
+            expect(react_1.screen.getByLabelText("First name")).not.toHaveClass("--is-required");
+            expect(react_1.screen.getByLabelText("First name")).not.toHaveClass("--is-optional");
+        });
+    });
+    describe("uses correct class names", () => {
+        describe("for container", () => {
+            it("uses Mobius class", () => {
+                const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "TextField", "data-testid": "test" }));
+                expect(container.firstChild).toHaveClass("mobius");
+            });
+            it("uses base Mobius class", () => {
+                const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "TextField", "data-testid": "test" }));
+                expect(container.firstChild).toHaveClass(WRAPPER_CLASS_NAME);
+            });
+            it("includes disabled class name", () => {
+                const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "TextField", "data-testid": "test", isDisabled: true }));
+                expect(container.firstChild).toHaveClass("--is-disabled");
+            });
+            it("includes valid class name", () => {
+                const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "TextField", "data-testid": "test", validationState: "valid" }));
+                expect(container.firstChild).toHaveClass("--is-valid");
+            });
+            it("includes invalid class name", () => {
+                const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "TextField", "data-testid": "test", validationState: "invalid" }));
+                expect(container.firstChild).toHaveClass("--is-invalid");
+            });
+            it("includes custom class name", () => {
+                const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "TextField", "data-testid": "test", className: "my-class" }));
+                expect(container.firstChild).toHaveClass("my-class");
+            });
+        });
+        describe("for input", () => {
+            it("uses Mobius class", () => {
+                (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "TextField", "data-testid": "test" }));
+                expect(react_1.screen.getByTestId("test")).toHaveClass("mobius");
+            });
+            it("uses base Mobius class", () => {
+                (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "TextField", "data-testid": "test" }));
+                expect(react_1.screen.getByTestId("test")).toHaveClass(INPUT_CLASS_NAME);
+            });
+            it("includes disabled class name and attribute", () => {
+                (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "TextField", "data-testid": "test", isDisabled: true }));
+                const inputField = react_1.screen.getByTestId("test");
+                expect(inputField).toBeDisabled();
+                expect(react_1.screen.getByLabelText("TextField")).toHaveClass("--is-disabled");
+            });
+            it("includes valid class name", () => {
+                (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "TextField", validationState: "valid" }));
+                expect(react_1.screen.getByLabelText("TextField")).toHaveClass("--is-valid");
+            });
+            it("includes invalid class name", () => {
+                (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "TextField", validationState: "invalid" }));
+                expect(react_1.screen.getByLabelText("TextField")).toHaveClass("--is-invalid");
+            });
+            it("includes custom class name", () => {
+                (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "TextField", "data-testid": "test", className: "my-class" }));
+                expect(react_1.screen.getByTestId("test")).toHaveClass("my-class");
+            });
+        });
+    });
+    describe("with errors", () => {
+        it("should render the error", () => {
+            const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "Name", name: "name", errorMessage: "Required" }));
+            expect(getByText("Required")).toBeTruthy();
+        });
+        it("should set aria-invalid to true", () => {
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "Name", name: "name", errorMessage: "Required", validationState: "invalid" }));
+            expect(getByLabelText("Name").getAttribute("aria-invalid")).toBeTruthy();
+        });
+        it("should set the correct aria-describedby attribute", () => {
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "Name", name: "name", errorMessage: "Required" }));
+            expect(getByLabelText("Name")).toHaveAccessibleDescription("Required");
+        });
+    });
+    describe("with adornments", () => {
+        describe("given prefixOutside", () => {
+            it("should render adornment before input wrapper", () => {
+                const buttonText = "Start your quote";
+                const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "What does your business do?", prefixOutside: (0, jsx_runtime_1.jsx)("button", { type: "button", children: buttonText }) }));
+                const adornment = react_1.screen.getByText(buttonText);
+                const inputWrapper = container.querySelector(INPUT_WRAPPER_SELECTOR);
+                expect(inputWrapper === null || inputWrapper === void 0 ? void 0 : inputWrapper.previousSibling).toBe(adornment);
+                expect(adornment).toHaveClass(PREFIX_OUTSIDE_CLASS_NAME);
+            });
+        });
+        describe("given prefixInside", () => {
+            it("should render adornment before input", () => {
+                const pText = "$";
+                const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "What does your business do?", prefixInside: (0, jsx_runtime_1.jsx)("p", { children: pText }) }));
+                const adornment = react_1.screen.getByText(pText);
+                const inputWrapper = container.querySelector(INPUT_WRAPPER_SELECTOR);
+                expect(inputWrapper === null || inputWrapper === void 0 ? void 0 : inputWrapper.firstChild).toBe(adornment);
+                expect(adornment).toHaveClass(PREFIX_INSIDE_CLASS_NAME);
+            });
+        });
+        describe("given suffixInside", () => {
+            it("should render adornment after input", () => {
+                const pText = ".00";
+                const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "What does your business do?", suffixInside: (0, jsx_runtime_1.jsx)("p", { children: pText }) }));
+                const adornment = react_1.screen.getByText(pText);
+                const inputWrapper = container.querySelector(INPUT_WRAPPER_SELECTOR);
+                expect(inputWrapper === null || inputWrapper === void 0 ? void 0 : inputWrapper.lastChild).toBe(adornment);
+                expect(adornment).toHaveClass(SUFFIX_INSIDE_CLASS_NAME);
+            });
+        });
+        describe("given suffixOutside", () => {
+            it("should render adornment after input container", () => {
+                const buttonText = "Start your quote";
+                const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "What does your business do?", suffixOutside: (0, jsx_runtime_1.jsx)("button", { type: "button", children: buttonText }) }));
+                const adornment = react_1.screen.getByText(buttonText);
+                const inputWrapper = container.querySelector(INPUT_WRAPPER_SELECTOR);
+                expect(inputWrapper === null || inputWrapper === void 0 ? void 0 : inputWrapper.nextSibling).toBe(adornment);
+                expect(adornment).toHaveClass(SUFFIX_OUTSIDE_CLASS_NAME);
+            });
+        });
+    });
+});
+//# sourceMappingURL=TextField.test.js.map

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

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

package/dist/cjs/components/TextField/adornmentWithClassName.d.ts

@@ -0,0 +1,2 @@
+import { ReactElement } from "react";
+export declare const adornmentWithClassName: (component?: ReactElement, className?: string) => ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;

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

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

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

@@ -0,0 +1,15 @@
+import { Ref, RefAttributes, ReactNode } from "react";
+import { DOMProps } from "../../types/dom";
+import { ForwardedRefComponent } from "../../types/components";
+export type TitleElementType = HTMLDivElement;
+export interface TitleProps extends DOMProps, RefAttributes<TitleElementType> {
+    children?: ReactNode;
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    elementType?: string | React.ElementType;
+    title: string;
+    description: string;
+}
+export type TitleRef = Ref<TitleElementType>;
+declare const Title: ForwardedRefComponent<TitleProps, TitleElementType>;
+export { Title };

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

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

package/dist/cjs/components/Title/Title.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 Title_1 = require("./Title");
+const meta = {
+    title: "Components/Title",
+    component: Title_1.Title,
+};
+exports.Normal = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Title_1.Title, Object.assign({}, args)),
+    args: {
+        title: "General Liability",
+        description: "Business Co.",
+    },
+};
+exports.default = meta;
+//# sourceMappingURL=Title.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Title.stories.js","sourceRoot":"","sources":["../../../../src/components/Title/Title.stories.tsx"],"names":[],"mappings":";;;;AACA,mCAA4C;AAI5C,MAAM,IAAI,GAAuB;IAC/B,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,aAAK;CACjB,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAgB,EAAE,EAAE,CAAC,uBAAC,aAAK,oBAAK,IAAI,EAAI;IACjD,IAAI,EAAE;QACJ,KAAK,EAAE,mBAAmB;QAC1B,WAAW,EAAE,cAAc;KAC5B;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}

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

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

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

@@ -0,0 +1,22 @@
+"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(".");
+describe("Title", () => {
+    it("should render the correct title", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Title, { title: "General Liability", description: "Business Co." }));
+        expect(react_1.screen.getByText("General Liability")).toBeInTheDocument();
+    });
+    it("should render the correct description", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Title, { title: "General Liability", description: "Business Co." }));
+        expect(react_1.screen.getByText("Business Co.")).toBeInTheDocument();
+    });
+    describe("given elementType", () => {
+        it("is not applied as element attribute", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Title, { title: "General Liability", description: "Business Co.", elementType: "ul" }));
+            expect(container.firstChild).not.toHaveAttribute("elementtype", "ul");
+        });
+    });
+});
+//# sourceMappingURL=Title.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Title.test.js","sourceRoot":"","sources":["../../../../src/components/Title/Title.test.tsx"],"names":[],"mappings":";;;AAAA,kDAAwD;AACxD,wBAA0B;AAE1B,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IACrB,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,IAAA,cAAM,EAAC,uBAAC,QAAK,IAAC,KAAK,EAAC,mBAAmB,EAAC,WAAW,EAAC,cAAc,GAAG,CAAC,CAAC;QAEvE,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACpE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE,GAAG,EAAE;QAC/C,IAAA,cAAM,EAAC,uBAAC,QAAK,IAAC,KAAK,EAAC,mBAAmB,EAAC,WAAW,EAAC,cAAc,GAAG,CAAC,CAAC;QAEvE,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC/D,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,EAC1B,uBAAC,QAAK,IACJ,KAAK,EAAC,mBAAmB,EACzB,WAAW,EAAC,cAAc,EAC1B,WAAW,EAAC,IAAI,GAChB,CACH,CAAC;YACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;QACxE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

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

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

@@ -0,0 +1,11 @@
+import type { JSXElementConstructor, ReactNode } from "react";
+export interface VisuallyHiddenProps {
+    /** The content to visually hide. */
+    children?: ReactNode;
+    className?: string;
+    /**
+     * The element type for the container. Defaults to 'div'
+     */
+    elementType?: string | JSXElementConstructor<any>;
+}
+export declare function VisuallyHidden(props: VisuallyHiddenProps): import("react/jsx-runtime").JSX.Element;

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

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

package/dist/cjs/components/VisuallyHidden/VisuallyHidden.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 _1 = require(".");
+const meta = {
+    title: "Components/VisuallyHidden",
+    component: _1.VisuallyHidden,
+};
+exports.Normal = {
+    render: (args) => ((0, jsx_runtime_1.jsx)(_1.VisuallyHidden, Object.assign({}, args, { children: "This will only be visible to screen readers." }))),
+};
+exports.default = meta;
+//# sourceMappingURL=VisuallyHidden.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.stories.js","sourceRoot":"","sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.stories.tsx"],"names":[],"mappings":";;;;AACA,wBAAwD;AAIxD,MAAM,IAAI,GAAgC;IACxC,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,iBAAc;CAC1B,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAyB,EAAE,EAAE,CAAC,CACrC,uBAAC,iBAAc,oBAAK,IAAI,gEAEP,CAClB;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}

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

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

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

@@ -0,0 +1,40 @@
+export * from "./Accordion";
+export * from "./Alert";
+export * from "./Box";
+export * from "./Breadcrumbs";
+export * from "./Button";
+export * from "./Checkbox";
+export * from "./Container";
+export * from "./Divider";
+export * from "./Drawer";
+export * from "./DropdownMenu";
+export * from "./ErrorMessage";
+export * from "./Fieldset";
+export * from "./Flex";
+export * from "./Grid";
+export * from "./Icon";
+export * from "./Image";
+export * from "./Label";
+export * from "./Link";
+export * from "./LinkButton";
+export * from "./List";
+export * from "./LoadingIndicator";
+export * from "./Logo";
+export * from "./Modal";
+export * from "./NumberField";
+export * from "./Option";
+export * from "./PasswordField";
+export * from "./Popover";
+export * from "./Progress";
+export * from "./Radio";
+export * from "./Segment";
+export * from "./Select";
+export * from "./Slider";
+export * from "./SVG";
+export * from "./Table";
+export * from "./Text";
+export * from "./TextArea";
+export * from "./TextAreaInput";
+export * from "./TextField";
+export * from "./Title";
+export * from "./VisuallyHidden";

package/dist/cjs/dist/cjs/components/Accordion/Accordion.js

@@ -0,0 +1,160 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Accordion", {
+    enumerable: true,
+    get: function() {
+        return Accordion;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _icons = require("@simplybusiness/icons");
+const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
+const _react = require("react");
+const _Flex = require("../Flex");
+const _Icon = require("../Icon");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const AccordionLink = ({ text, toggle, onClick, headerChildren, ariaExpanded })=>{
+    const linkClasses = (0, _dedupe.default)("mobius/AccordionLink", {
+        "--is-open": ariaExpanded
+    });
+    const iconClasses = (0, _dedupe.default)("mobius/AccordionLinkIcon", {
+        "--is-open": ariaExpanded
+    });
+    const handleOnClick = ()=>{
+        if (onClick) {
+            onClick();
+        }
+        toggle();
+    };
+    const handleKeyDown = (e)=>{
+        if (e.key === " " || e.key === "Enter") {
+            toggle();
+        }
+    };
+    if (headerChildren) {
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Flex.Flex, {
+            justifyContent: "space-between",
+            alignItems: "center",
+            className: "mobius/AccordionHeader",
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                    className: linkClasses,
+                    onClick: handleOnClick,
+                    onKeyDown: handleKeyDown,
+                    role: "button",
+                    tabIndex: 0,
+                    "aria-expanded": !!ariaExpanded,
+                    children: [
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                            className: "mobius/AccordionLinkText",
+                            children: text
+                        }),
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.Icon, {
+                            icon: _icons.chevronDown,
+                            className: iconClasses
+                        })
+                    ]
+                }),
+                headerChildren
+            ]
+        });
+    }
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: linkClasses,
+        onClick: handleOnClick,
+        onKeyDown: handleKeyDown,
+        role: "button",
+        tabIndex: 0,
+        "aria-expanded": !!ariaExpanded,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                className: "mobius/AccordionLinkText",
+                children: text
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.Icon, {
+                icon: _icons.chevronDown,
+                className: iconClasses
+            })
+        ]
+    });
+};
+const Accordion = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
+    var _window;
+    const { showText = "See more", hideText = "See less", headerPosition = "top", startOpen = false, onOpen, onClose, onChange = ()=>{}, headerChildren, ...rest } = props;
+    const [accordionState, setAccordionState] = (0, _react.useState)({
+        open: true,
+        withAnimation: false
+    });
+    const prefersReducedMotion = (_window = window) === null || _window === void 0 ? void 0 : _window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    const containerClasses = (0, _dedupe.default)("mobius", "mobius/Accordion", props.className, {
+        "--should-animate": accordionState.withAnimation && !prefersReducedMotion,
+        "--is-open": accordionState.open
+    });
+    const contentContainerClasses = (0, _dedupe.default)("mobius/AccordionContentContainer", {
+        "--is-open": accordionState.open
+    });
+    const contentClasses = (0, _dedupe.default)("mobius/AccordionContent", {
+        "--is-open": accordionState.open
+    });
+    const linkText = accordionState.open ? hideText : showText;
+    const handleChange = ()=>{
+        // Fire events
+        if (!accordionState.open && onOpen) {
+            onOpen();
+        }
+        if (accordionState.open && onClose) {
+            onClose();
+        }
+        if (onChange) {
+            onChange(!accordionState.open);
+        }
+        setAccordionState({
+            open: !accordionState.open,
+            withAnimation: true
+        });
+    };
+    (0, _react.useEffect)(()=>{
+        setAccordionState({
+            open: startOpen,
+            withAnimation: false
+        });
+    }, [
+        startOpen
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        ref: ref,
+        ...rest,
+        className: containerClasses,
+        children: [
+            headerPosition === "top" && /*#__PURE__*/ (0, _jsxruntime.jsx)(AccordionLink, {
+                text: linkText,
+                toggle: handleChange,
+                ariaExpanded: accordionState.open,
+                headerChildren: headerChildren
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: contentContainerClasses,
+                "aria-hidden": !accordionState.open,
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    className: contentClasses,
+                    children: props.children
+                })
+            }),
+            headerPosition === "bottom" && /*#__PURE__*/ (0, _jsxruntime.jsx)(AccordionLink, {
+                text: linkText,
+                toggle: handleChange,
+                ariaExpanded: accordionState.open,
+                headerChildren: headerChildren
+            })
+        ]
+    });
+}); //# sourceMappingURL=Accordion.js.map
+
+//# sourceMappingURL=Accordion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/dist/cjs/components/Accordion/Accordion.js"],"sourcesContent":["\"use client\";\n\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\nObject.defineProperty(exports, \"Accordion\", {\n    enumerable: true,\n    get: function() {\n        return Accordion;\n    }\n});\nconst _jsxruntime = require(\"react/jsx-runtime\");\nconst _icons = require(\"@simplybusiness/icons\");\nconst _dedupe = /*#__PURE__*/ _interop_require_default(require(\"classnames/dedupe\"));\nconst _react = require(\"react\");\nconst _Flex = require(\"../Flex\");\nconst _Icon = require(\"../Icon\");\nfunction _interop_require_default(obj) {\n    return obj && obj.__esModule ? obj : {\n        default: obj\n    };\n}\nconst AccordionLink = ({ text, toggle, onClick, headerChildren, ariaExpanded })=>{\n    const linkClasses = (0, _dedupe.default)(\"mobius/AccordionLink\", {\n        \"--is-open\": ariaExpanded\n    });\n    const iconClasses = (0, _dedupe.default)(\"mobius/AccordionLinkIcon\", {\n        \"--is-open\": ariaExpanded\n    });\n    const handleOnClick = ()=>{\n        if (onClick) {\n            onClick();\n        }\n        toggle();\n    };\n    const handleKeyDown = (e)=>{\n        if (e.key === \" \" || e.key === \"Enter\") {\n            toggle();\n        }\n    };\n    if (headerChildren) {\n        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Flex.Flex, {\n            justifyContent: \"space-between\",\n            alignItems: \"center\",\n            className: \"mobius/AccordionHeader\",\n            children: [\n                /*#__PURE__*/ (0, _jsxruntime.jsxs)(\"div\", {\n                    className: linkClasses,\n                    onClick: handleOnClick,\n                    onKeyDown: handleKeyDown,\n                    role: \"button\",\n                    tabIndex: 0,\n                    \"aria-expanded\": !!ariaExpanded,\n                    children: [\n                        /*#__PURE__*/ (0, _jsxruntime.jsx)(\"span\", {\n                            className: \"mobius/AccordionLinkText\",\n                            children: text\n                        }),\n                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.Icon, {\n                            icon: _icons.chevronDown,\n                            className: iconClasses\n                        })\n                    ]\n                }),\n                headerChildren\n            ]\n        });\n    }\n    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(\"div\", {\n        className: linkClasses,\n        onClick: handleOnClick,\n        onKeyDown: handleKeyDown,\n        role: \"button\",\n        tabIndex: 0,\n        \"aria-expanded\": !!ariaExpanded,\n        children: [\n            /*#__PURE__*/ (0, _jsxruntime.jsx)(\"span\", {\n                className: \"mobius/AccordionLinkText\",\n                children: text\n            }),\n            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.Icon, {\n                icon: _icons.chevronDown,\n                className: iconClasses\n            })\n        ]\n    });\n};\nconst Accordion = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{\n    var _window;\n    const { showText = \"See more\", hideText = \"See less\", headerPosition = \"top\", startOpen = false, onOpen, onClose, onChange = ()=>{}, headerChildren, ...rest } = props;\n    const [accordionState, setAccordionState] = (0, _react.useState)({\n        open: true,\n        withAnimation: false\n    });\n    const prefersReducedMotion = (_window = window) === null || _window === void 0 ? void 0 : _window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n    const containerClasses = (0, _dedupe.default)(\"mobius\", \"mobius/Accordion\", props.className, {\n        \"--should-animate\": accordionState.withAnimation && !prefersReducedMotion,\n        \"--is-open\": accordionState.open\n    });\n    const contentContainerClasses = (0, _dedupe.default)(\"mobius/AccordionContentContainer\", {\n        \"--is-open\": accordionState.open\n    });\n    const contentClasses = (0, _dedupe.default)(\"mobius/AccordionContent\", {\n        \"--is-open\": accordionState.open\n    });\n    const linkText = accordionState.open ? hideText : showText;\n    const handleChange = ()=>{\n        // Fire events\n        if (!accordionState.open && onOpen) {\n            onOpen();\n        }\n        if (accordionState.open && onClose) {\n            onClose();\n        }\n        if (onChange) {\n            onChange(!accordionState.open);\n        }\n        setAccordionState({\n            open: !accordionState.open,\n            withAnimation: true\n        });\n    };\n    (0, _react.useEffect)(()=>{\n        setAccordionState({\n            open: startOpen,\n            withAnimation: false\n        });\n    }, [\n        startOpen\n    ]);\n    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(\"div\", {\n        ref: ref,\n        ...rest,\n        className: containerClasses,\n        children: [\n            headerPosition === \"top\" && /*#__PURE__*/ (0, _jsxruntime.jsx)(AccordionLink, {\n                text: linkText,\n                toggle: handleChange,\n                ariaExpanded: accordionState.open,\n                headerChildren: headerChildren\n            }),\n            /*#__PURE__*/ (0, _jsxruntime.jsx)(\"div\", {\n                className: contentContainerClasses,\n                \"aria-hidden\": !accordionState.open,\n                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(\"div\", {\n                    className: contentClasses,\n                    children: props.children\n                })\n            }),\n            headerPosition === \"bottom\" && /*#__PURE__*/ (0, _jsxruntime.jsx)(AccordionLink, {\n                text: linkText,\n                toggle: handleChange,\n                ariaExpanded: accordionState.open,\n                headerChildren: headerChildren\n            })\n        ]\n    });\n});\n\n//# sourceMappingURL=Accordion.js.map"],"names":["Object","defineProperty","exports","value","enumerable","get","Accordion","_jsxruntime","require","_icons","_dedupe","_interop_require_default","_react","_Flex","_Icon","obj","__esModule","default","AccordionLink","text","toggle","onClick","headerChildren","ariaExpanded","linkClasses","iconClasses","handleOnClick","handleKeyDown","e","key","jsxs","Flex","justifyContent","alignItems","className","children","onKeyDown","role","tabIndex","jsx","Icon","icon","chevronDown","forwardRef","props","ref","_window","showText","hideText","headerPosition","startOpen","onOpen","onClose","onChange","rest","accordionState","setAccordionState","useState","open","withAnimation","prefersReducedMotion","window","matchMedia","matches","containerClasses","contentContainerClasses","contentClasses","linkText","handleChange","useEffect"],"mappings":"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"}

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./Accordion"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+} //# sourceMappingURL=index.js.map
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/dist/cjs/components/Accordion/index.js"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\n_export_star(require(\"./Accordion\"), exports);\nfunction _export_star(from, to) {\n    Object.keys(from).forEach(function(k) {\n        if (k !== \"default\" && !Object.prototype.hasOwnProperty.call(to, k)) {\n            Object.defineProperty(to, k, {\n                enumerable: true,\n                get: function() {\n                    return from[k];\n                }\n            });\n        }\n    });\n    return from;\n}\n\n//# sourceMappingURL=index.js.map"],"names":["Object","defineProperty","exports","value","_export_star","require","from","to","keys","forEach","k","prototype","hasOwnProperty","call","enumerable","get"],"mappings":"AAAA;AACAA,OAAOC,cAAc,CAACC,SAAS,cAAc;IACzCC,OAAO;AACX;AACAC,aAAaC,QAAQ,gBAAgBH;AACrC,SAASE,aAAaE,IAAI,EAAEC,EAAE;IAC1BP,OAAOQ,IAAI,CAACF,MAAMG,OAAO,CAAC,SAASC,CAAC;QAChC,IAAIA,MAAM,aAAa,CAACV,OAAOW,SAAS,CAACC,cAAc,CAACC,IAAI,CAACN,IAAIG,IAAI;YACjEV,OAAOC,cAAc,CAACM,IAAIG,GAAG;gBACzBI,YAAY;gBACZC,KAAK;oBACD,OAAOT,IAAI,CAACI,EAAE;gBAClB;YACJ;QACJ;IACJ;IACA,OAAOJ;AACX,EAEA,iCAAiC"}