@simplybusiness/mobius 3.0.0

package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.test.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { QuestionGroup } from ".";
+const CONTAINER_CLASS_NAME = "chopin/QuestionGroup";
+const HEADER_CLASS_NAME = "chopin/QuestionGroupHeader";
+const LABEL_CLASS_NAME = "chopin/QuestionGroupLabel";
+const LIST_CLASS_NAME = "chopin/QuestionGroupList";
+const LIST_ITEM_CLASS_NAME = "chopin/QuestionGroupItem";
+const QUESTION_CLASS_NAME = "chopin/QuestionGroupQuestion";
+describe("QuestionGroup", () => {
+    it("should render without errors", () => {
+        render(_jsx(QuestionGroup, { children: _jsx("p", { children: "Sample question" }) }));
+        expect(screen.getByText("Sample question")).toBeInTheDocument();
+    });
+    describe("given elementType", () => {
+        it("is not applied as element attribute", () => {
+            const { container } = render(_jsx(QuestionGroup, Object.assign({ elementType: "ul" }, { children: _jsx("p", { children: "Sample question" }) })));
+            expect(container.firstChild).not.toHaveAttribute("elementtype", "ul");
+        });
+    });
+    it("uses the right class names", () => {
+        const { container } = render(_jsx(QuestionGroup, Object.assign({ label: "Sample label" }, { children: _jsx("p", { children: "Sample question" }) })));
+        const header = screen.getByRole("banner");
+        const label = screen.getByText("Sample label");
+        const list = screen.getByRole("list");
+        const listItem = screen.getByRole("listitem");
+        const question = screen.getByText("Sample question");
+        expect(container.firstChild).toHaveClass(CONTAINER_CLASS_NAME);
+        expect(header).toHaveClass(HEADER_CLASS_NAME);
+        expect(label).toHaveClass(LABEL_CLASS_NAME);
+        expect(list).toHaveClass(LIST_CLASS_NAME);
+        expect(listItem).toHaveClass(LIST_ITEM_CLASS_NAME);
+        expect(question).toHaveClass(QUESTION_CLASS_NAME);
+    });
+    describe("Help", () => {
+        it("should be mouse accessible", async () => {
+            render(_jsx(QuestionGroup, Object.assign({ label: "Question", help: "This is a help message" }, { children: _jsx("p", { children: "Sample question" }) })));
+            await userEvent.click(screen.getByRole("button", { name: "Open Help" }));
+            expect(screen.queryByRole("tooltip")).toBeInTheDocument();
+            await userEvent.click(screen.getByRole("button", { name: "Close Help" }));
+            expect(screen.queryByRole("tooltip")).not.toBeInTheDocument();
+        });
+        it("should be keyboard accessible", async () => {
+            render(_jsx(QuestionGroup, Object.assign({ label: "Question", help: "This is a help message" }, { children: _jsx("p", { children: "Sample question" }) })));
+            await userEvent.tab();
+            await userEvent.keyboard("{enter}");
+            expect(screen.queryByRole("tooltip")).toBeInTheDocument();
+            await userEvent.keyboard("{enter}");
+            expect(screen.queryByRole("tooltip")).not.toBeInTheDocument();
+        });
+        it("should close on escape key", async () => {
+            render(_jsx(QuestionGroup, Object.assign({ label: "Question", help: "This is a help message" }, { children: _jsx("p", { children: "Sample question" }) })));
+            await userEvent.tab();
+            await userEvent.keyboard("{enter}");
+            expect(screen.queryByRole("tooltip")).toBeInTheDocument();
+            await userEvent.keyboard("{escape}");
+            expect(screen.queryByRole("tooltip")).not.toBeInTheDocument();
+        });
+    });
+});
+//# sourceMappingURL=QuestionGroup.test.js.map

package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.test.js.map

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

package/dist/esm/components/Chopin/QuestionGroup/index.js

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

package/dist/esm/components/Chopin/QuestionGroup/index.js.map

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

package/dist/esm/components/Chopin/QuestionHelp/QuestionHelp.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { useFocusRing } from "@react-aria/focus";
+import clsx from "clsx";
+import { useEffect, useState, useRef, useCallback } from "react";
+import { useWindowEvent } from "../../../hooks/useWindowEvent";
+export function QuestionHelp({ openedLabel = "Close Help", closedLabel = "Open Help", children, onChange = () => { }, isDesktop, }) {
+    const [isOpen, setIsOpen] = useState(false);
+    const ref = useRef(null);
+    const { focusProps, isFocusVisible } = useFocusRing({});
+    useWindowEvent("keydown", e => {
+        if (isOpen && e.key === "Escape") {
+            setIsOpen(false);
+        }
+    });
+    const handleClickOutside = useCallback((event) => {
+        if (ref.current &&
+            !ref.current.contains(event.target)) {
+            setIsOpen(false);
+        }
+    }, [setIsOpen]);
+    useEffect(() => {
+        onChange(isOpen);
+        window.addEventListener("click", handleClickOutside, {
+            passive: true,
+        });
+        return () => window.removeEventListener("click", handleClickOutside);
+    }, [onChange, isOpen, handleClickOutside]);
+    const className = clsx("chopin/QuestionHelp", {
+        "--is-open": isOpen,
+        "--is-closed": !isOpen,
+    }, isDesktop ? "--is-desktop" : "");
+    const triggerClassName = clsx("chopin/QuestionHelpTrigger", {
+        "--is-focused": isFocusVisible,
+    });
+    return (_jsxs("div", Object.assign({ className: className, ref: ref }, { children: [_jsx("button", Object.assign({ type: "button", onClick: () => setIsOpen(!isOpen), className: triggerClassName }, focusProps, { children: _jsx("span", { children: isOpen ? openedLabel : closedLabel }) })), _jsx("div", Object.assign({ className: "chopin/QuestionHelpContent", "aria-atomic": "true", "aria-live": "polite", role: "tooltip", "aria-hidden": !isOpen }, { children: children }))] })));
+}
+//# sourceMappingURL=QuestionHelp.js.map

package/dist/esm/components/Chopin/QuestionHelp/QuestionHelp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionHelp.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/QuestionHelp/QuestionHelp.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAa,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAU/D,MAAM,UAAU,YAAY,CAAC,EAC3B,WAAW,GAAG,YAAY,EAC1B,WAAW,GAAG,WAAW,EACzB,QAAQ,EACR,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,SAAS,GACS;IAClB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,YAAY,CAAC,EAAE,CAAC,CAAC;IAExD,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE;QAC5B,IAAI,MAAM,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;YAChC,SAAS,CAAC,KAAK,CAAC,CAAC;SAClB;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,KAAiB,EAAE,EAAE;QACpB,IACE,GAAG,CAAC,OAAO;YACX,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAwB,CAAC,EACrD;YACA,SAAS,CAAC,KAAK,CAAC,CAAC;SAClB;IACH,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,MAAM,CAAC,CAAC;QAEjB,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,EAAE;YACnD,OAAO,EAAE,IAAI;SACd,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC;IACvE,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAE3C,MAAM,SAAS,GAAG,IAAI,CACpB,qBAAqB,EACrB;QACE,WAAW,EAAE,MAAM;QACnB,aAAa,EAAE,CAAC,MAAM;KACvB,EACD,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAChC,CAAC;IAEF,MAAM,gBAAgB,GAAG,IAAI,CAAC,4BAA4B,EAAE;QAC1D,cAAc,EAAE,cAAc;KAC/B,CAAC,CAAC;IAEH,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,iBACjC,+BACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,EACjC,SAAS,EAAE,gBAAgB,IACvB,UAAU,cAEd,yBAAO,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,GAAQ,IAC1C,EACT,4BACE,SAAS,EAAC,4BAA4B,iBAC1B,MAAM,eACR,QAAQ,EAClB,IAAI,EAAC,SAAS,iBACD,CAAC,MAAM,gBAEnB,QAAQ,IACL,KACF,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/Chopin/QuestionHelp/QuestionHelp.test.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { render, screen, fireEvent } from "@testing-library/react";
+import { QuestionHelp } from ".";
+describe("QuestionHelp", () => {
+    it("should render without errors", () => {
+        const content = "Sample text";
+        render(_jsx(QuestionHelp, { children: content }));
+        expect(screen.getByText(content)).toBeInTheDocument();
+    });
+    it("should render with open/close labels", () => {
+        render(_jsx(QuestionHelp, { children: "Sample text" }));
+        const openedLabel = "Close Help";
+        const closedLabel = "Open Help";
+        const toggle = screen.getByRole("button");
+        expect(screen.getByText(closedLabel)).toBeInTheDocument();
+        fireEvent.click(toggle);
+        expect(screen.getByText(openedLabel)).toBeInTheDocument();
+        fireEvent.keyDown(document.activeElement, {
+            key: "Escape",
+            code: "Escape",
+        });
+        expect(screen.getByText(closedLabel)).toBeInTheDocument();
+    });
+    describe("when toggled", () => {
+        it("should call onChange", () => {
+            const onChange = jest.fn();
+            render(_jsx(QuestionHelp, Object.assign({ onChange: onChange }, { children: "Sample text" })));
+            const toggle = screen.getByRole("button");
+            fireEvent.click(toggle);
+            expect(onChange).toHaveBeenCalled();
+        });
+    });
+});
+//# sourceMappingURL=QuestionHelp.test.js.map

package/dist/esm/components/Chopin/QuestionHelp/QuestionHelp.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionHelp.test.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/QuestionHelp/QuestionHelp.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC;AAEjC,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,OAAO,GAAG,aAAa,CAAC;QAE9B,MAAM,CAAC,KAAC,YAAY,cAAE,OAAO,GAAgB,CAAC,CAAC;QAE/C,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC9C,MAAM,CAAC,KAAC,YAAY,8BAA2B,CAAC,CAAC;QAEjD,MAAM,WAAW,GAAG,YAAY,CAAC;QACjC,MAAM,WAAW,GAAG,WAAW,CAAC;QAChC,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QAE1C,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAE1D,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAExB,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAE1D,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,aAAc,EAAE;YACzC,GAAG,EAAE,QAAQ;YACb,IAAI,EAAE,QAAQ;SACf,CAAC,CAAC;QAEH,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC5D,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;QAC5B,EAAE,CAAC,sBAAsB,EAAE,GAAG,EAAE;YAC9B,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;YAE3B,MAAM,CAAC,KAAC,YAAY,kBAAC,QAAQ,EAAE,QAAQ,iCAA4B,CAAC,CAAC;YAErE,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;YAE1C,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;YAExB,MAAM,CAAC,QAAQ,CAAC,CAAC,gBAAgB,EAAE,CAAC;QACtC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/esm/components/Chopin/QuestionHelp/index.js

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

package/dist/esm/components/Chopin/QuestionHelp/index.js.map

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

package/dist/esm/components/Chopin/Section/Section.js

@@ -0,0 +1,22 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+const Section = forwardRef((props, ref) => {
+    const { elementType: Element = "div", title, children } = props, otherProps = __rest(props, ["elementType", "title", "children"]);
+    const classes = clsx("chopin", "chopin/Section", otherProps.className);
+    return (_jsxs(Element, Object.assign({ ref: ref }, otherProps, { className: classes }, { children: [title && _jsx("h2", Object.assign({ className: "chopin/SectionTitle" }, { children: title })), children] })));
+});
+Section.displayName = "Section";
+export { Section };
+//# sourceMappingURL=Section.js.map

package/dist/esm/components/Chopin/Section/Section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Section/Section.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAO,UAAU,EAA4B,MAAM,OAAO,CAAC;AAElE,OAAO,IAAI,MAAM,MAAM,CAAC;AAiBxB,MAAM,OAAO,GACX,UAAU,CAAC,CAAC,KAAmB,EAAE,GAAe,EAAE,EAAE;IAClD,MAAM,EACJ,WAAW,EAAE,OAAO,GAAG,KAAK,EAC5B,KAAK,EACL,QAAQ,KAEN,KAAK,EADJ,UAAU,UACX,KAAK,EALH,oCAKL,CAAQ,CAAC;IAEV,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,gBAAgB,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAEvE,OAAO,CACL,MAAC,OAAO,kBAAC,GAAG,EAAE,GAAG,IAAM,UAAU,IAAE,SAAS,EAAE,OAAO,iBAClD,KAAK,IAAI,2BAAI,SAAS,EAAC,qBAAqB,gBAAE,KAAK,IAAM,EACzD,QAAQ,KACD,CACX,CAAC;AACJ,CAAC,CAAC,CAAC;AAEL,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/esm/components/Chopin/Section/Section.test.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import { Section } from ".";
+describe("Section", () => {
+    it("should render without errors", () => {
+        const title = "Sample title";
+        const content = "Sample text";
+        const { container } = render(_jsx(Section, Object.assign({ title: title }, { children: content })));
+        expect(screen.getByText(title)).toBeInTheDocument();
+        expect(container.getElementsByTagName("h2").length).toBe(1);
+        expect(screen.getByText(content)).toBeInTheDocument();
+    });
+    describe("given elementType", () => {
+        it("is not applied as element attribute", () => {
+            const { container } = render(_jsx(Section, Object.assign({ elementType: "ul" }, { children: "Sample text" })));
+            expect(container.firstChild).not.toHaveAttribute("elementtype", "ul");
+        });
+    });
+    describe("when title is not provided", () => {
+        it("should only render child elements", () => {
+            const content = "Sample text";
+            const { container } = render(_jsx(Section, { children: content }));
+            expect(container.getElementsByTagName("h2").length).toBe(0);
+            expect(screen.getByText(content)).toBeInTheDocument();
+        });
+    });
+    describe("when no content is provided", () => {
+        it("should only render the container", () => {
+            const { container } = render(_jsx(Section, {}));
+            expect(container.getElementsByTagName("h2").length).toBe(0);
+            expect(container.firstChild).toBeEmptyDOMElement();
+        });
+    });
+});
+//# sourceMappingURL=Section.test.js.map

package/dist/esm/components/Chopin/Section/Section.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.test.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Section/Section.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,CAAC;AAE5B,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;IACvB,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,KAAK,GAAG,cAAc,CAAC;QAC7B,MAAM,OAAO,GAAG,aAAa,CAAC;QAE9B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,OAAO,kBAAC,KAAK,EAAE,KAAK,gBAAG,OAAO,IAAW,CAAC,CAAC;QAEzE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACpD,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC5D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;QACjC,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;YAC7C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,OAAO,kBAAC,WAAW,EAAC,IAAI,iCAAsB,CAChD,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;IAEH,QAAQ,CAAC,4BAA4B,EAAE,GAAG,EAAE;QAC1C,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;YAC3C,MAAM,OAAO,GAAG,aAAa,CAAC;YAE9B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,OAAO,cAAE,OAAO,GAAW,CAAC,CAAC;YAE3D,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YAC5D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACxD,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,6BAA6B,EAAE,GAAG,EAAE;QAC3C,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;YAC1C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,OAAO,KAAG,CAAC,CAAC;YAE1C,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YAC5D,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,mBAAmB,EAAE,CAAC;QACrD,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/esm/components/Chopin/Section/index.js

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

package/dist/esm/components/Chopin/Section/index.js.map

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

package/dist/esm/components/Chopin/Steps/StepItem.js

@@ -0,0 +1,32 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { forwardRef, } from "react";
+import clsx from "clsx";
+import { tick } from "@simplybusiness/icons";
+import { Icon } from "../../Icon";
+const StepItem = forwardRef((props, ref) => {
+    const { elementType: Element = "li", linkElementType: LinkElement = "a", completed, url, to, name, active, index } = props, otherProps = __rest(props, ["elementType", "linkElementType", "completed", "url", "to", "name", "active", "index"]);
+    const classes = clsx("chopin", "chopin/StepItem", {
+        "--is-active": active,
+        "--is-completed": completed,
+        "--is-unstarted": !completed && !active,
+    }, otherProps.className);
+    const nameClasses = clsx("chopin", "chopin/StepName");
+    const linkClasses = clsx("chopin", "chopin/StepLink");
+    const iconClasses = clsx("chopin", "chopin/StepIcon");
+    const ariaLabel = `Step ${index}${name ? `, ${name}` : ""}${completed ? ", Complete" : ""}`;
+    return (_jsx(Element, Object.assign({ ref: ref, "aria-label": ariaLabel, "aria-current": active ? "step" : undefined }, otherProps, { className: classes }, { children: completed ? (_jsxs(LinkElement, Object.assign({ className: linkClasses, href: url, to: to }, { children: [_jsx("span", Object.assign({ className: iconClasses }, { children: _jsx(Icon, { icon: tick, css: { height: "100%" } }) })), _jsx("span", Object.assign({ className: nameClasses }, { children: name }))] }))) : (_jsx("span", Object.assign({ className: nameClasses }, { children: name }))) })));
+});
+StepItem.displayName = "StepItem";
+export { StepItem };
+//# sourceMappingURL=StepItem.js.map

package/dist/esm/components/Chopin/Steps/StepItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepItem.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Steps/StepItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAEL,UAAU,GAIX,MAAM,OAAO,CAAC;AAEf,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAG7C,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAsBlC,MAAM,QAAQ,GACZ,UAAU,CAAC,CAAC,KAAoB,EAAE,GAAgB,EAAE,EAAE;IACpD,MAAM,EACJ,WAAW,EAAE,OAAO,GAAG,IAAI,EAC3B,eAAe,EAAE,WAAW,GAAG,GAAG,EAClC,SAAS,EACT,GAAG,EACH,EAAE,EACF,IAAI,EACJ,MAAM,EACN,KAAK,KAEH,KAAK,EADJ,UAAU,UACX,KAAK,EAVH,uFAUL,CAAQ,CAAC;IAEV,MAAM,OAAO,GAAG,IAAI,CAClB,QAAQ,EACR,iBAAiB,EACjB;QACE,aAAa,EAAE,MAAM;QACrB,gBAAgB,EAAE,SAAS;QAC3B,gBAAgB,EAAE,CAAC,SAAS,IAAI,CAAC,MAAM;KACxC,EACD,UAAU,CAAC,SAAS,CACrB,CAAC;IACF,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC;IACtD,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC;IACtD,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC;IACtD,MAAM,SAAS,GAAG,QAAQ,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,GACvD,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAC7B,EAAE,CAAC;IAEH,OAAO,CACL,KAAC,OAAO,kBACN,GAAG,EAAE,GAAG,gBACI,SAAS,kBACP,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,IACrC,UAAU,IACd,SAAS,EAAE,OAAO,gBAEjB,SAAS,CAAC,CAAC,CAAC,CACX,MAAC,WAAW,kBAAC,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,iBACpD,6BAAM,SAAS,EAAE,WAAW,gBAC1B,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,IACxC,EACP,6BAAM,SAAS,EAAE,WAAW,gBAAG,IAAI,IAAQ,KAC/B,CACf,CAAC,CAAC,CAAC,CACF,6BAAM,SAAS,EAAE,WAAW,gBAAG,IAAI,IAAQ,CAC5C,IACO,CACX,CAAC;AACJ,CAAC,CAAC,CAAC;AAEL,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/esm/components/Chopin/Steps/Steps.js

@@ -0,0 +1,29 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { Children, isValidElement, cloneElement, forwardRef, } from "react";
+import clsx from "clsx";
+const Steps = forwardRef((props, ref) => {
+    const { elementType: Element = "ol", children } = props, otherProps = __rest(props, ["elementType", "children"]);
+    const classes = clsx("chopin", "chopin/Steps", otherProps.className);
+    return (_jsx(Element, Object.assign({ ref: ref }, otherProps, { className: classes }, { children: Children.map(children, (child, index) => {
+            if (isValidElement(child)) {
+                return cloneElement(child, {
+                    index: index + 1,
+                });
+            }
+            return child;
+        }) })));
+});
+Steps.displayName = "Steps";
+export { Steps };
+//# sourceMappingURL=Steps.js.map

package/dist/esm/components/Chopin/Steps/Steps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Steps.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Steps/Steps.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACL,QAAQ,EACR,cAAc,EACd,YAAY,EAEZ,UAAU,GAGX,MAAM,OAAO,CAAC;AAEf,OAAO,IAAI,MAAM,MAAM,CAAC;AAcxB,MAAM,KAAK,GAAwD,UAAU,CAC3E,CAAC,KAAiB,EAAE,GAAa,EAAE,EAAE;IACnC,MAAM,EAAE,WAAW,EAAE,OAAO,GAAG,IAAI,EAAE,QAAQ,KAAoB,KAAK,EAApB,UAAU,UAAK,KAAK,EAAhE,2BAAwD,CAAQ,CAAC;IAEvE,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,cAAc,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAErE,OAAO,CACL,KAAC,OAAO,kBAAC,GAAG,EAAE,GAAG,IAAM,UAAU,IAAE,SAAS,EAAE,OAAO,gBAClD,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACvC,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE;gBACzB,OAAO,YAAY,CAAC,KAAK,EAAE;oBACzB,KAAK,EAAE,KAAK,GAAG,CAAC;iBACV,CAAC,CAAC;aACX;YAED,OAAO,KAAK,CAAC;QACf,CAAC,CAAC,IACM,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/esm/components/Chopin/Steps/Steps.test.js

@@ -0,0 +1,93 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import { Steps, StepItem } from ".";
+const STEPS_CLASS_NAME = "chopin/Steps";
+const STEP_ITEM_CLASS_NAME = "chopin/StepItem";
+const STEP_ITEM_ACTIVE_CLASS_NAME = "--is-active";
+const STEP_ITEM_COMPLETED_CLASS_NAME = "--is-completed";
+const STEP_ITEM_UNSTARTED_CLASS_NAME = "--is-unstarted";
+const STEP_NAME_CLASS_NAME = "chopin/StepName";
+const STEP_LINK_CLASS_NAME = "chopin/StepLink";
+const STEP_ICON_CLASS_NAME = "chopin/StepIcon";
+describe("Steps", () => {
+    it("should render without errors", () => {
+        const title = "Introduction";
+        const { container } = render(_jsx(Steps, { children: _jsx(StepItem, { name: title }) }));
+        expect(screen.getByText(title)).toBeInTheDocument();
+        expect(container.getElementsByTagName("ol").length).toBe(1);
+    });
+    it("should render with default class names", () => {
+        const { container } = render(_jsx(Steps, {}));
+        expect(container.firstChild).toHaveClass(STEPS_CLASS_NAME);
+    });
+    it("should render with custom class name", () => {
+        const CUSTOM_CLASS_NAME = "my-test-steps";
+        const { container } = render(_jsx(Steps, { className: CUSTOM_CLASS_NAME }));
+        expect(container.firstChild).toHaveClass(STEPS_CLASS_NAME);
+        expect(container.firstChild).toHaveClass(CUSTOM_CLASS_NAME);
+    });
+    describe("given elementType", () => {
+        it("is not applied as element attribute", () => {
+            const { container } = render(_jsx(Steps, Object.assign({ elementType: "ul" }, { children: _jsx(StepItem, { name: "Your business", url: "#test", elementType: "li" }) })));
+            const listItem = screen.getByLabelText("Step 1, Your business");
+            expect(container.firstChild).not.toHaveAttribute("elementtype", "ul");
+            expect(listItem).not.toHaveAttribute("elementtype", "li");
+        });
+    });
+    describe("given a list of completed, active and unstarted steps", () => {
+        it("renders them with appropriate HTML elements", () => {
+            render(_jsxs(Steps, { children: [_jsx(StepItem, { name: "Your business", url: "#first", completed: true }), _jsx(StepItem, { name: "Your employees", url: "#second", completed: true }), _jsx(StepItem, { name: "Cover options", url: "#third", completed: true }), _jsx(StepItem, { name: "Business questions", url: "#fourth", active: true }), _jsx(StepItem, { name: "Agreements", url: "#fifth" }), _jsx(StepItem, { name: "Your quotes", url: "#sixth" })] }));
+            const listItems = screen.queryAllByRole("listitem");
+            const links = screen.queryAllByRole("link");
+            expect(listItems.length).toBe(6);
+            expect(links.length).toBe(3);
+        });
+        it("renders them with appropriate class names", () => {
+            const EXPECTED_LIST_ITEMS = 6;
+            const EXPECTED_ACTIVE_ITEMS = 1;
+            const EXPECTED_COMPLETED_ITEMS = 3;
+            const EXPECTED_UNSTARTED_ITEMS = 2;
+            const EXPECTED_TITLES = 6;
+            const EXPECTED_LINKS = 3;
+            const EXPECTED_ICONS = 3;
+            const { container } = render(_jsxs(Steps, { children: [_jsx(StepItem, { name: "Your business", url: "#first", completed: true }), _jsx(StepItem, { name: "Your employees", url: "#second", completed: true }), _jsx(StepItem, { name: "Cover options", url: "#third", completed: true }), _jsx(StepItem, { name: "Business questions", url: "#fourth", active: true }), _jsx(StepItem, { name: "Agreements", url: "#fifth" }), _jsx(StepItem, { name: "Your quotes", url: "#sixth" })] }));
+            const listItemClasses = container.getElementsByClassName(STEP_ITEM_CLASS_NAME);
+            const activeItemClasses = container.getElementsByClassName(STEP_ITEM_ACTIVE_CLASS_NAME);
+            const completedItemClasses = container.getElementsByClassName(STEP_ITEM_COMPLETED_CLASS_NAME);
+            const unstartedItemClasses = container.getElementsByClassName(STEP_ITEM_UNSTARTED_CLASS_NAME);
+            const nameClasses = container.getElementsByClassName(STEP_NAME_CLASS_NAME);
+            const linkClasses = container.getElementsByClassName(STEP_LINK_CLASS_NAME);
+            const iconClasses = container.getElementsByClassName(STEP_ICON_CLASS_NAME);
+            expect(listItemClasses.length).toBe(EXPECTED_LIST_ITEMS);
+            expect(activeItemClasses.length).toBe(EXPECTED_ACTIVE_ITEMS);
+            expect(completedItemClasses.length).toBe(EXPECTED_COMPLETED_ITEMS);
+            expect(unstartedItemClasses.length).toBe(EXPECTED_UNSTARTED_ITEMS);
+            expect(nameClasses.length).toBe(EXPECTED_TITLES);
+            expect(linkClasses.length).toBe(EXPECTED_LINKS);
+            expect(iconClasses.length).toBe(EXPECTED_ICONS);
+        });
+        it("renders them with appropriate labels and attributes", () => {
+            const yourBusinessText = "Your business";
+            const businessQuestionsText = "Business questions";
+            const coverOptionsText = "CoverOptions";
+            const coverOptionsLink = "#third";
+            render(_jsxs(Steps, { children: [_jsx(StepItem, { name: yourBusinessText, url: "#first", completed: true }), _jsx(StepItem, { name: "Your employees", url: "#second", completed: true }), _jsx(StepItem, { name: coverOptionsText, url: coverOptionsLink, completed: true }), _jsx(StepItem, { name: businessQuestionsText, url: "#fourth", active: true }), _jsx(StepItem, { name: "Agreements", url: "#fifth" }), _jsx(StepItem, { name: "Your quotes", url: "#sixth" })] }));
+            const activeItem = screen.getByText(businessQuestionsText).closest("li");
+            const completedItem = screen.getByText(coverOptionsText).closest("a");
+            const completedAriaLabel = screen.getByLabelText(`Step 1, ${yourBusinessText}, Complete`);
+            const activeAriaLabel = screen.getByLabelText(`Step 4, ${businessQuestionsText}`);
+            expect(completedAriaLabel).toBeInTheDocument();
+            expect(activeAriaLabel).toBeInTheDocument();
+            expect(activeItem).toHaveAttribute("aria-current", "step");
+            expect(completedItem).toHaveAttribute("href", coverOptionsLink);
+        });
+        it("renders with the correct linkElementType component", () => {
+            const CustomComponent = () => (
+            // eslint-disable-next-line jsx-a11y/anchor-is-valid
+            _jsx("a", Object.assign({ "data-testid": "custom-link", href: "#" }, { children: "Dummy" })));
+            render(_jsx(Steps, { children: _jsx(StepItem, { name: "Your business", url: "#first", completed: true, linkElementType: CustomComponent }) }));
+            expect(screen.getByTestId("custom-link")).toBeInTheDocument();
+        });
+    });
+});
+//# sourceMappingURL=Steps.test.js.map

package/dist/esm/components/Chopin/Steps/Steps.test.js.map

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

package/dist/esm/components/Chopin/Steps/index.js

@@ -0,0 +1,3 @@
+export * from "./Steps";
+export * from "./StepItem";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Chopin/Steps/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Steps/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC"}

package/dist/esm/components/Chopin/Testimonial/Testimonial.js

@@ -0,0 +1,22 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+const Testimonial = forwardRef((props, ref) => {
+    const { author, className, children } = props, otherProps = __rest(props, ["author", "className", "children"]);
+    const classes = clsx("chopin", "chopin/Testimonial", className);
+    return (_jsxs("figure", Object.assign({ ref: ref, className: classes }, otherProps, { children: [_jsx("blockquote", Object.assign({ className: "chopin/TestimonialQuote" }, { children: children })), _jsx("figcaption", { children: _jsx("cite", Object.assign({ className: "chopin/TestimonialAuthor" }, { children: author })) })] })));
+});
+Testimonial.displayName = "Testimonial";
+export { Testimonial };
+//# sourceMappingURL=Testimonial.js.map

package/dist/esm/components/Chopin/Testimonial/Testimonial.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Testimonial.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Testimonial/Testimonial.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAO,UAAU,EAA4B,MAAM,OAAO,CAAC;AAElE,OAAO,IAAI,MAAM,MAAM,CAAC;AAgBxB,MAAM,WAAW,GAGb,UAAU,CAAC,CAAC,KAAuB,EAAE,GAAmB,EAAE,EAAE;IAC9D,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,KAAoB,KAAK,EAApB,UAAU,UAAK,KAAK,EAAtD,mCAA8C,CAAQ,CAAC;IAE7D,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,oBAAoB,EAAE,SAAS,CAAC,CAAC;IAEhE,OAAO,CACL,gCAAQ,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,IAAM,UAAU,eAClD,mCAAY,SAAS,EAAC,yBAAyB,gBAAE,QAAQ,IAAc,EACvE,+BACE,6BAAM,SAAS,EAAC,0BAA0B,gBAAE,MAAM,IAAQ,GAC/C,KACN,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/esm/components/Chopin/Testimonial/Testimonial.test.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { render } from "@testing-library/react";
+import { Testimonial } from ".";
+describe("Testimonial", () => {
+    it("should render without errors", () => {
+        render(_jsx(Testimonial, Object.assign({ author: "Jane Doe" }, { children: "Sample text" })));
+    });
+    it("should render with children", () => {
+        const { container } = render(_jsx(Testimonial, Object.assign({ author: "Jane Doe" }, { children: "Quote" })));
+        expect(container.firstChild).toHaveTextContent("Quote");
+    });
+    describe("class names", () => {
+        it("should have chopin class", () => {
+            const { container } = render(_jsx(Testimonial, Object.assign({ author: "Jane Doe" }, { children: "Quote" })));
+            expect(container.firstChild).toHaveClass("chopin");
+        });
+        it("should have chopin/Testimonial class", () => {
+            const { container } = render(_jsx(Testimonial, Object.assign({ author: "Jane Doe" }, { children: "Quote" })));
+            expect(container.firstChild).toHaveClass("chopin/Testimonial");
+        });
+        it("should have chopin/TestimonialAuthor class", () => {
+            const { container } = render(_jsx(Testimonial, Object.assign({ author: "Jane Doe" }, { children: "Quote" })));
+            expect(container.querySelector("cite")).toHaveClass("chopin/TestimonialAuthor");
+        });
+        it("should have chopin/TestimonialQuote class", () => {
+            const { container } = render(_jsx(Testimonial, Object.assign({ author: "Jane Doe" }, { children: "Quote" })));
+            expect(container.querySelector("blockquote")).toHaveClass("chopin/TestimonialQuote");
+        });
+        it("should have custom class", () => {
+            const { container } = render(_jsx(Testimonial, Object.assign({ author: "Jane Doe", className: "custom" }, { children: "Quote" })));
+            expect(container.firstChild).toHaveClass("custom");
+        });
+    });
+});
+//# sourceMappingURL=Testimonial.test.js.map

package/dist/esm/components/Chopin/Testimonial/Testimonial.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Testimonial.test.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Testimonial/Testimonial.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AAEhC,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,CAAC,KAAC,WAAW,kBAAC,MAAM,EAAC,UAAU,iCAA0B,CAAC,CAAC;IACnE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACrC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,WAAW,kBAAC,MAAM,EAAC,UAAU,2BAAoB,CACnD,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;QAC3B,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;YAClC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,WAAW,kBAAC,MAAM,EAAC,UAAU,2BAAoB,CACnD,CAAC;YACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QACrD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;YAC9C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,WAAW,kBAAC,MAAM,EAAC,UAAU,2BAAoB,CACnD,CAAC;YACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC;QACjE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4CAA4C,EAAE,GAAG,EAAE;YACpD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,WAAW,kBAAC,MAAM,EAAC,UAAU,2BAAoB,CACnD,CAAC;YACF,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CACjD,0BAA0B,CAC3B,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;YACnD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,WAAW,kBAAC,MAAM,EAAC,UAAU,2BAAoB,CACnD,CAAC;YACF,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CACvD,yBAAyB,CAC1B,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;YAClC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,WAAW,kBAAC,MAAM,EAAC,UAAU,EAAC,SAAS,EAAC,QAAQ,2BAEnC,CACf,CAAC;YACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QACrD,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/esm/components/Chopin/Testimonial/index.js

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

package/dist/esm/components/Chopin/Testimonial/index.js.map

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

package/dist/esm/components/Chopin/TradeSelector/ComboBox/ComboBox.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { useRef } from "react";
+import { useComboBoxState } from "@react-stately/combobox";
+import { useComboBox } from "@react-aria/combobox";
+import { useHover } from "@react-aria/interactions";
+import { useFocusRing } from "@react-aria/focus";
+import clsx from "clsx";
+import { ListBox } from "../ListBox";
+import { Popover } from "../Popover";
+const ComboBox = (props) => {
+    const { className, fieldProps, label } = props;
+    const state = useComboBoxState(Object.assign({}, props));
+    const inputRef = useRef(null);
+    const listBoxRef = useRef(null);
+    const popoverRef = useRef(null);
+    const { inputProps, listBoxProps } = useComboBox(Object.assign(Object.assign(Object.assign({}, props), fieldProps), { inputRef,
+        listBoxRef,
+        popoverRef }), state);
+    const { close } = state;
+    const { isFocusVisible, focusProps } = useFocusRing({
+        within: true,
+    });
+    const { hoverProps, isHovered } = useHover(Object.assign({}, props));
+    const classes = clsx("chopin", "chopin/ComboBoxInput", {
+        "--is-focused": isFocusVisible,
+        "--is-hovered": isHovered,
+    }, className);
+    return (_jsxs("div", Object.assign({ className: "chopin/ComboBoxInputContainer" }, focusProps, { children: [_jsx("input", Object.assign({}, hoverProps, inputProps, fieldProps, { ref: inputRef, className: classes, "aria-label": label })), state.isOpen && (_jsx(Popover, Object.assign({ popoverRef: popoverRef, isOpen: state.isOpen, onClose: close }, { children: _jsx(ListBox, Object.assign({}, listBoxProps, { listBoxRef: listBoxRef, state: state })) })))] })));
+};
+export { ComboBox };
+//# sourceMappingURL=ComboBox.js.map

package/dist/esm/components/Chopin/TradeSelector/ComboBox/ComboBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox.js","sourceRoot":"","sources":["../../../../../../src/components/Chopin/TradeSelector/ComboBox/ComboBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAQrC,MAAM,QAAQ,GAAG,CAAmB,KAA0B,EAAE,EAAE;IAChE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAC/C,MAAM,KAAK,GAAG,gBAAgB,mBAAM,KAAK,EAAG,CAAC;IAC7C,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC9B,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAChC,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAEhC,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,WAAW,+CAEzC,KAAK,GACL,UAAU,KACb,QAAQ;QACR,UAAU;QACV,UAAU,KAEZ,KAAK,CACN,CAAC;IAEF,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAExB,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,GAAG,YAAY,CAAC;QAClD,MAAM,EAAE,IAAI;KACb,CAAC,CAAC;IACH,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,QAAQ,mBACrC,KAAK,EACR,CAAC;IAEH,MAAM,OAAO,GAAG,IAAI,CAClB,QAAQ,EACR,sBAAsB,EACtB;QACE,cAAc,EAAE,cAAc;QAC9B,cAAc,EAAE,SAAS;KAC1B,EACD,SAAS,CACV,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAC,+BAA+B,IAAK,UAAU,eAC3D,gCACM,UAAU,EACV,UAAU,EACV,UAAU,IACd,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,OAAO,gBACN,KAAK,IACjB,EACD,KAAK,CAAC,MAAM,IAAI,CACf,KAAC,OAAO,kBAAC,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,gBACnE,KAAC,OAAO,oBAAK,YAAY,IAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,IAAI,IAC3D,CACX,KACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC"}