@simplybusiness/mobius 3.0.0

package/dist/cjs/components/Chopin/Header/Logo.d.ts

@@ -0,0 +1,7 @@
+import { FC } from "react";
+export interface LogoProps {
+    whiteLabel: boolean;
+    url?: string;
+}
+declare const Logo: FC<LogoProps>;
+export { Logo };

package/dist/cjs/components/Chopin/Header/Logo.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Logo = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const Box_1 = require("../../Box");
+const Link_1 = require("../../Link");
+const VisuallyHidden_1 = require("../../VisuallyHidden");
+const Logo = ({ whiteLabel, url }) => {
+    if (!whiteLabel) {
+        return ((0, jsx_runtime_1.jsx)(Link_1.Link, Object.assign({ href: url, className: "chopin/HeaderLogo" }, { children: (0, jsx_runtime_1.jsx)(VisuallyHidden_1.VisuallyHidden, { children: "Simply Business - Insurance for your business" }) })));
+    }
+    return (0, jsx_runtime_1.jsx)(Box_1.Box, { className: "chopin/HeaderLogo" });
+};
+exports.Logo = Logo;
+//# sourceMappingURL=Logo.js.map

package/dist/cjs/components/Chopin/Header/Logo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Logo.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Header/Logo.tsx"],"names":[],"mappings":";;;;AACA,mCAAgC;AAChC,qCAAkC;AAClC,yDAAsD;AAOtD,MAAM,IAAI,GAAkB,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,EAAE,EAAE;IAClD,IAAI,CAAC,UAAU,EAAE;QACf,OAAO,CACL,uBAAC,WAAI,kBAAC,IAAI,EAAE,GAAG,EAAE,SAAS,EAAC,mBAAmB,gBAC5C,uBAAC,+BAAc,gEAEE,IACZ,CACR,CAAC;KACH;IAED,OAAO,uBAAC,SAAG,IAAC,SAAS,EAAC,mBAAmB,GAAG,CAAC;AAC/C,CAAC,CAAC;AAEO,oBAAI"}

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

@@ -0,0 +1,2 @@
+export * from "./Header";
+export * from "./mockOpeningHoursData";

package/dist/cjs/components/Chopin/Header/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Header"), exports);
+__exportStar(require("./mockOpeningHoursData"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Chopin/Header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Header/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,yDAAuC"}

package/dist/cjs/components/Chopin/Header/mockOpeningHoursData.d.ts

@@ -0,0 +1,4 @@
+export declare type OpeningHoursType = {
+    [key: string]: string;
+};
+export declare const OPENING_HOURS: OpeningHoursType;

package/dist/cjs/components/Chopin/Header/mockOpeningHoursData.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OPENING_HOURS = void 0;
+exports.OPENING_HOURS = {
+    Mon: "8am-8pm",
+    Tue: "8am-8pm",
+    Wed: "8am-8pm",
+    Thu: "8am-8pm",
+    Fri: "8am-8pm",
+    "<strong>Sat</strong>": "<strong>Closed</strong>",
+    "<strong>Sun</strong>": "<strong>Closed</strong>",
+};
+//# sourceMappingURL=mockOpeningHoursData.js.map

package/dist/cjs/components/Chopin/Header/mockOpeningHoursData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mockOpeningHoursData.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Header/mockOpeningHoursData.ts"],"names":[],"mappings":";;;AAIa,QAAA,aAAa,GAAqB;IAC7C,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,sBAAsB,EAAE,yBAAyB;IACjD,sBAAsB,EAAE,yBAAyB;CAClD,CAAC"}

package/dist/cjs/components/Chopin/PercentageTotalsQuestion/PercentageItem.d.ts

@@ -0,0 +1,6 @@
+export declare type PercentageItemProps = {
+    itemLabel: string;
+    maxRemainder?: number;
+    onChange: (val: number) => void;
+};
+export declare const PercentageItem: ({ itemLabel, maxRemainder, onChange, }: PercentageItemProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/cjs/components/Chopin/PercentageTotalsQuestion/PercentageItem.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PercentageItem = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const NumberField_1 = require("../../NumberField");
+const PercentageItem = ({ itemLabel, maxRemainder = 1, onChange, }) => {
+    const [val, setVal] = (0, react_1.useState)(0);
+    const maxValue = Math.round((val + maxRemainder) * 100) / 100;
+    // Prevent any input that would make the overall total > 100
+    const handleChange = (newVal) => {
+        const maxNewVal = Math.min(newVal, maxValue);
+        setVal(maxNewVal);
+        onChange(maxNewVal);
+    };
+    const handleInput = e => {
+        // @ts-ignore: does not identify EventTarget as coming from an input element
+        const currentVal = e.target.value;
+        const cleanVal = currentVal.replace("%", "");
+        const number = +cleanVal / 100 || 0;
+        handleChange(number);
+    };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: itemLabel }, { children: itemLabel })), (0, jsx_runtime_1.jsx)(NumberField_1.NumberField, { id: itemLabel, defaultValue: 0, value: Number.isNaN(val) ? 0 : val, minValue: 0, maxValue: maxValue, formatOptions: {
+                    style: "percent",
+                }, "aria-label": itemLabel, onChange: handleChange, onInput: handleInput })] }));
+};
+exports.PercentageItem = PercentageItem;
+//# sourceMappingURL=PercentageItem.js.map

package/dist/cjs/components/Chopin/PercentageTotalsQuestion/PercentageItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PercentageItem.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/PercentageTotalsQuestion/PercentageItem.tsx"],"names":[],"mappings":";;;;AAAA,iCAAmD;AACnD,mDAAgD;AAQzC,MAAM,cAAc,GAAG,CAAC,EAC7B,SAAS,EACT,YAAY,GAAG,CAAC,EAChB,QAAQ,GACY,EAAE,EAAE;IACxB,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,IAAA,gBAAQ,EAAS,CAAC,CAAC,CAAC;IAC1C,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,YAAY,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;IAE9D,4DAA4D;IAC5D,MAAM,YAAY,GAAG,CAAC,MAAc,EAAE,EAAE;QACtC,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QAC7C,MAAM,CAAC,SAAS,CAAC,CAAC;QAClB,QAAQ,CAAC,SAAS,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAuC,CAAC,CAAC,EAAE;QAC1D,4EAA4E;QAC5E,MAAM,UAAU,GAAW,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAC1C,MAAM,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QAC7C,MAAM,MAAM,GAAG,CAAC,QAAQ,GAAG,GAAG,IAAI,CAAC,CAAC;QACpC,YAAY,CAAC,MAAM,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO,CACL,6DACE,gDAAO,OAAO,EAAE,SAAS,gBAAG,SAAS,IAAS,EAC9C,uBAAC,yBAAW,IACV,EAAE,EAAE,SAAS,EACb,YAAY,EAAE,CAAC,EACf,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAClC,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE;oBACb,KAAK,EAAE,SAAS;iBACjB,gBACW,SAAS,EACrB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,WAAW,GACpB,IACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAzCW,QAAA,cAAc,kBAyCzB"}

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

@@ -0,0 +1,10 @@
+import { QuestionProps } from "../Question";
+export declare type PercentageTotalsQuestionProps = Omit<QuestionProps, "children" | "description" | "validationState" | "errorMessage"> & {
+    alertText?: string;
+    items: string[];
+};
+declare const PercentageTotalsQuestion: {
+    (props: PercentageTotalsQuestionProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { PercentageTotalsQuestion };

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

@@ -0,0 +1,39 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PercentageTotalsQuestion = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const clsx_1 = __importDefault(require("clsx"));
+const Question_1 = require("../Question");
+const Alert_1 = require("../../Alert");
+const PercentageItem_1 = require("./PercentageItem");
+// Question expects a field as a child and as such, passes
+// props that break in the DOM (validationState, errorMessage).
+// Create a thin handler to ignore these props FOR NOW
+const Inner = (props) => {
+    const { children } = props;
+    return (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "chopin/PercentageTotalsQuestionInner" }, { children: children }));
+};
+const PercentageTotalsQuestion = (props) => {
+    const { alertText, items, label, className } = props;
+    // Create array with same size as items, filled with zeros
+    const [totals, setTotals] = (0, react_1.useState)(new Array(items.length).fill(0));
+    const total = Math.round(totals.reduce((a, b) => a + b, 0) * 100) / 100;
+    const maxRemainder = Math.round((1 - total) * 100) / 100; // Max that can be set in any other fields
+    const showTotal = Math.floor(total * 100);
+    const handleChange = (index) => (val) => {
+        setTotals(t => {
+            const newTotals = [...t];
+            newTotals[index] = val;
+            return newTotals;
+        });
+    };
+    const classes = (0, clsx_1.default)("chopin", "chopin/PercentageTotalsQuestion", className);
+    return ((0, jsx_runtime_1.jsx)(Question_1.Question, Object.assign({ label: label, className: classes }, { children: (0, jsx_runtime_1.jsxs)(Inner, { children: [alertText && (0, jsx_runtime_1.jsx)(Alert_1.Alert, Object.assign({ variant: "warning" }, { children: alertText })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "chopin/PercentageTotalsQuestionItems" }, { children: [items.map((itemLabel, index) => ((0, jsx_runtime_1.jsx)(PercentageItem_1.PercentageItem, { itemLabel: itemLabel, maxRemainder: maxRemainder, onChange: handleChange(index) }, itemLabel))), (0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "chopin/PercentageTotalsQuestionTotal" }, { children: `Total: ${showTotal}%` }))] }))] }) })));
+};
+exports.PercentageTotalsQuestion = PercentageTotalsQuestion;
+PercentageTotalsQuestion.displayName = "PercentageTotalsQuestion";
+//# sourceMappingURL=PercentageTotalsQuestion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PercentageTotalsQuestion.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAiC;AACjC,gDAAwB;AACxB,0CAAsD;AACtD,uCAAoC;AACpC,qDAAkD;AAUlD,0DAA0D;AAC1D,+DAA+D;AAC/D,sDAAsD;AACtD,MAAM,KAAK,GAAG,CAAC,KAAoB,EAAE,EAAE;IACrC,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3B,OAAO,8CAAK,SAAS,EAAC,sCAAsC,gBAAE,QAAQ,IAAO,CAAC;AAChF,CAAC,CAAC;AAEF,MAAM,wBAAwB,GAAG,CAAC,KAAoC,EAAE,EAAE;IACxE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACrD,0DAA0D;IAC1D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAClC,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAChC,CAAC;IACF,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;IAExE,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,0CAA0C;IACpG,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC;IAE1C,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,GAAW,EAAE,EAAE;QACtD,SAAS,CAAC,CAAC,CAAC,EAAE;YACZ,MAAM,SAAS,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;YACzB,SAAS,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC;YACvB,OAAO,SAAS,CAAC;QACnB,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,iCAAiC,EAAE,SAAS,CAAC,CAAC;IAE7E,OAAO,CACL,uBAAC,mBAAQ,kBAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,gBACxC,wBAAC,KAAK,eACH,SAAS,IAAI,uBAAC,aAAK,kBAAC,OAAO,EAAC,SAAS,gBAAE,SAAS,IAAS,EAC1D,+CAAK,SAAS,EAAC,sCAAsC,iBAClD,KAAK,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/B,uBAAC,+BAAc,IAEb,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,YAAY,CAAC,KAAK,CAAC,IAHxB,SAAS,CAId,CACH,CAAC,EACF,iCAAO,EACP,8CAAK,SAAS,EAAC,sCAAsC,gBAClD,UAAU,SAAS,GAAG,IACnB,KACF,IACA,IACC,CACZ,CAAC;AACJ,CAAC,CAAC;AAGO,4DAAwB;AADjC,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC"}

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

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

package/dist/cjs/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.test.js

@@ -0,0 +1,113 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const _1 = require(".");
+const LABEL = "How do you split your time across these items?";
+const THREE_ITEMS = ["Item 1", "Item 2", "Item 3"];
+const FIVE_ITEMS = ["Item 1", "Item 2", "Item 3", "Item 4", "Item 5"];
+describe("PercentageTotalsQuestion", () => {
+    it("should render without errors", () => {
+        const label = "This is my custom label";
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.PercentageTotalsQuestion, { label: label, items: THREE_ITEMS }));
+        expect(react_1.screen.getByText(label)).toBeInTheDocument();
+        const items = container.getElementsByClassName("mobius/NumberField");
+        expect(items.length).toBe(3);
+    });
+    it("should display custom alert message", () => {
+        const alertText = "This is my alert!";
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.PercentageTotalsQuestion, { label: LABEL, alertText: alertText, items: FIVE_ITEMS }));
+        expect(react_1.screen.getByText(alertText)).toBeInTheDocument();
+    });
+    it("should render a row for every item", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.PercentageTotalsQuestion, { label: LABEL, items: FIVE_ITEMS }));
+        const items = container.getElementsByClassName("mobius/NumberField");
+        expect(items.length).toBe(5);
+    });
+    describe("Calculations", () => {
+        it("should correctly total the sum of typed item values", async () => {
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.PercentageTotalsQuestion, { label: LABEL, items: THREE_ITEMS }));
+            await user_event_1.default.type(getByLabelText("Item 1"), "25");
+            expect(react_1.screen.getByText("Total: 25%")).toBeInTheDocument();
+            await user_event_1.default.type(getByLabelText("Item 2"), "37");
+            expect(react_1.screen.getByText("Total: 62%")).toBeInTheDocument();
+            await user_event_1.default.type(getByLabelText("Item 3"), "13");
+            expect(react_1.screen.getByText("Total: 75%")).toBeInTheDocument();
+        });
+        it("should prevent any typed input that exceeds a total of 100%", async () => {
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.PercentageTotalsQuestion, { label: LABEL, items: THREE_ITEMS }));
+            const inputs = THREE_ITEMS.map(i => react_1.screen.getByLabelText(i, { selector: "input" }));
+            await user_event_1.default.type(getByLabelText("Item 1"), "123");
+            expect(inputs[0]).toHaveValue("100%");
+            expect(react_1.screen.getByText("Total: 100%")).toBeInTheDocument();
+            await user_event_1.default.type(getByLabelText("Item 2"), "37");
+            expect(inputs[1]).toHaveValue("0%");
+            expect(react_1.screen.getByText("Total: 100%")).toBeInTheDocument();
+            await user_event_1.default.type(getByLabelText("Item 3"), "13");
+            expect(inputs[2]).toHaveValue("0%");
+            expect(react_1.screen.getByText("Total: 100%")).toBeInTheDocument();
+        });
+        it("supports keyboard navigation and up/down arrows to increase/decrease", async () => {
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.PercentageTotalsQuestion, { label: LABEL, items: THREE_ITEMS }));
+            const inputs = THREE_ITEMS.map(i => react_1.screen.getByLabelText(i, { selector: "input" }));
+            await user_event_1.default.type(getByLabelText("Item 1"), "30");
+            expect(inputs[0]).toHaveValue("30%");
+            expect(react_1.screen.getByText("Total: 30%")).toBeInTheDocument();
+            await user_event_1.default.tab(); // Move focus to Item 2
+            await user_event_1.default.keyboard("[ArrowUp]");
+            await user_event_1.default.keyboard("[ArrowUp]");
+            await user_event_1.default.keyboard("[ArrowUp]");
+            expect(inputs[1]).toHaveValue("3%");
+            expect(react_1.screen.getByText("Total: 33%")).toBeInTheDocument();
+            await user_event_1.default.keyboard("[ArrowDown]");
+            expect(inputs[1]).toHaveValue("2%");
+            expect(react_1.screen.getByText("Total: 32%")).toBeInTheDocument();
+        });
+        it("should prevent changing any initial value above 100", async () => {
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.PercentageTotalsQuestion, { label: LABEL, items: THREE_ITEMS }));
+            const inputs = THREE_ITEMS.map(i => react_1.screen.getByLabelText(i, { selector: "input" }));
+            await user_event_1.default.type(getByLabelText("Item 1"), "9");
+            expect(inputs[0]).toHaveValue("9%");
+            expect(react_1.screen.getByText("Total: 9%")).toBeInTheDocument();
+            await user_event_1.default.type(getByLabelText("Item 1"), "9");
+            expect(inputs[0]).toHaveValue("99%");
+            expect(react_1.screen.getByText("Total: 99%")).toBeInTheDocument();
+            await user_event_1.default.type(getByLabelText("Item 1"), "9");
+            expect(inputs[0]).toHaveValue("100%");
+            expect(react_1.screen.getByText("Total: 100%")).toBeInTheDocument();
+        });
+        it("should prevent changing any subsequent value above remaining percentage", async () => {
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.PercentageTotalsQuestion, { label: LABEL, items: THREE_ITEMS }));
+            const inputs = THREE_ITEMS.map(i => react_1.screen.getByLabelText(i, { selector: "input" }));
+            await user_event_1.default.type(getByLabelText("Item 1"), "75");
+            expect(inputs[0]).toHaveValue("75%");
+            expect(react_1.screen.getByText("Total: 75%")).toBeInTheDocument();
+            await user_event_1.default.type(getByLabelText("Item 2"), "40");
+            expect(inputs[1]).toHaveValue("25%");
+            expect(react_1.screen.getByText("Total: 100%")).toBeInTheDocument();
+        });
+        it("sets maxValue on each item based upon remaining percentage", async () => {
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.PercentageTotalsQuestion, { label: LABEL, items: THREE_ITEMS }));
+            const inputs = THREE_ITEMS.map(i => react_1.screen.getByLabelText(i, { selector: "input" }));
+            await user_event_1.default.type(getByLabelText("Item 1"), "98");
+            expect(inputs[0]).toHaveValue("98%");
+            expect(react_1.screen.getByText("Total: 98%")).toBeInTheDocument();
+            // Click increment button on second item until it is disabled
+            await user_event_1.default.click(getByLabelText(`Increase ${THREE_ITEMS[1]}`));
+            expect(inputs[1]).toHaveValue("1%");
+            expect(react_1.screen.getByText("Total: 99%")).toBeInTheDocument();
+            await user_event_1.default.click(getByLabelText(`Increase ${THREE_ITEMS[1]}`));
+            expect(inputs[1]).toHaveValue("2%");
+            expect(react_1.screen.getByText("Total: 100%")).toBeInTheDocument();
+            // All increase buttons should be disabled
+            expect(getByLabelText(`Increase ${THREE_ITEMS[0]}`)).toBeDisabled();
+            expect(getByLabelText(`Increase ${THREE_ITEMS[1]}`)).toBeDisabled();
+            expect(getByLabelText(`Increase ${THREE_ITEMS[2]}`)).toBeDisabled();
+        });
+    });
+});
+//# sourceMappingURL=PercentageTotalsQuestion.test.js.map

package/dist/cjs/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.test.js.map

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

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

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

package/dist/cjs/components/Chopin/PercentageTotalsQuestion/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./PercentageTotalsQuestion"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Chopin/PercentageTotalsQuestion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/PercentageTotalsQuestion/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6DAA2C"}

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

@@ -0,0 +1,11 @@
+import { ReactNode, ReactElement } from "react";
+export interface QuestionProps {
+    label?: ReactElement | string;
+    description?: string | ReactNode;
+    errorMessage?: string;
+    children?: ReactNode;
+    validationState?: "valid" | "invalid" | "";
+    help?: ReactNode;
+    className?: string;
+}
+export declare function Question({ label, description, children, errorMessage, validationState, help, className, }: QuestionProps): import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,45 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Question = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const clsx_1 = __importDefault(require("clsx"));
+const utils_1 = require("@react-aria/utils");
+const hooks_1 = require("../../../hooks");
+const Label_1 = require("../../Label");
+const Text_1 = require("../../Text");
+const QuestionHelp_1 = require("../QuestionHelp/QuestionHelp");
+function Question({ label, description, children, errorMessage, validationState, help, className, }) {
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const labelId = (0, utils_1.useId)();
+    const descriptionId = (0, utils_1.useId)();
+    const forAttr = (0, utils_1.useId)();
+    const { up } = (0, hooks_1.useBreakpoint)();
+    const isDesktop = up("md");
+    const classes = (0, clsx_1.default)("chopin", "chopin/Question", {
+        "--has-help-open": isOpen,
+    }, isDesktop ? "--is-desktop" : "", className);
+    const handleChange = (state) => {
+        setIsOpen(state);
+    };
+    // Allow for rich html descriptions
+    const DescriptionComponent = (0, react_1.isValidElement)(description) ? "div" : Text_1.Text;
+    const labelClasses = (0, clsx_1.default)("chopin/QuestionLabel", {
+        "--is-valid": validationState === "valid",
+        "--is-invalid": validationState === "invalid",
+    });
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: classes }, { children: [(0, jsx_runtime_1.jsx)(Label_1.Label, Object.assign({ htmlFor: forAttr, id: labelId, className: labelClasses }, { children: label })), help && ((0, jsx_runtime_1.jsx)(QuestionHelp_1.QuestionHelp, Object.assign({ onChange: handleChange, isDesktop: isDesktop }, { children: help }))), description && ((0, jsx_runtime_1.jsx)(DescriptionComponent, Object.assign({ id: descriptionId, className: "chopin/QuestionDescription" }, { children: description }))), react_1.Children.map(children, child => (0, react_1.isValidElement)(child)
+                ? (0, react_1.cloneElement)(child, {
+                    errorMessage,
+                    validationState,
+                    id: forAttr,
+                    "aria-labelledby": labelId,
+                    "aria-describedby": description ? descriptionId : undefined,
+                })
+                : child)] })));
+}
+exports.Question = Question;
+//# sourceMappingURL=Question.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Question.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Question/Question.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAOe;AACf,gDAAwB;AACxB,6CAA0C;AAC1C,0CAA+C;AAC/C,uCAAoC;AACpC,qCAAkC;AAClC,+DAA4D;AAY5D,SAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,eAAe,EACf,IAAI,EACJ,SAAS,GACK;IACd,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,OAAO,GAAG,IAAA,aAAK,GAAE,CAAC;IACxB,MAAM,aAAa,GAAG,IAAA,aAAK,GAAE,CAAC;IAC9B,MAAM,OAAO,GAAG,IAAA,aAAK,GAAE,CAAC;IACxB,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,qBAAa,GAAE,CAAC;IAC/B,MAAM,SAAS,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC;IAE3B,MAAM,OAAO,GAAG,IAAA,cAAI,EAClB,QAAQ,EACR,iBAAiB,EACjB;QACE,iBAAiB,EAAE,MAAM;KAC1B,EACD,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAC/B,SAAS,CACV,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAAc,EAAE,EAAE;QACtC,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,mCAAmC;IACnC,MAAM,oBAAoB,GAAG,IAAA,sBAAc,EAAC,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAI,CAAC;IAExE,MAAM,YAAY,GAAG,IAAA,cAAI,EAAC,sBAAsB,EAAE;QAChD,YAAY,EAAE,eAAe,KAAK,OAAO;QACzC,cAAc,EAAE,eAAe,KAAK,SAAS;KAC9C,CAAC,CAAC;IAEH,OAAO,CACL,+CAAK,SAAS,EAAE,OAAO,iBACrB,uBAAC,aAAK,kBAAC,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,gBAC1D,KAAK,IACA,EACP,IAAI,IAAI,CACP,uBAAC,2BAAY,kBAAC,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,gBACvD,IAAI,IACQ,CAChB,EACA,WAAW,IAAI,CACd,uBAAC,oBAAoB,kBACnB,EAAE,EAAE,aAAa,EACjB,SAAS,EAAC,4BAA4B,gBAErC,WAAW,IACS,CACxB,EACA,gBAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,CAC9B,IAAA,sBAAc,EAAC,KAAK,CAAC;gBACnB,CAAC,CAAC,IAAA,oBAAY,EAAC,KAAK,EAAE;oBAClB,YAAY;oBACZ,eAAe;oBACf,EAAE,EAAE,OAAO;oBACX,iBAAiB,EAAE,OAAO;oBAC1B,kBAAkB,EAAE,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS;iBACrD,CAAC;gBACX,CAAC,CAAC,KAAK,CACV,KACG,CACP,CAAC;AACJ,CAAC;AArED,4BAqEC"}

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

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

package/dist/cjs/components/Chopin/Question/Question.test.js

@@ -0,0 +1,83 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const jest_1 = require("@emotion/jest");
+const _1 = require(".");
+const TextField_1 = require("../../TextField");
+const WRAPPER_CLASS_NAME = "chopin/Question";
+expect.extend(jest_1.matchers);
+describe("Question", () => {
+    it("should render without error", () => {
+        const component = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Question, Object.assign({ label: "Question" }, { children: (0, jsx_runtime_1.jsx)(TextField_1.TextField, {}) })));
+        expect(component).toBeTruthy();
+    });
+    it("should include accessible description", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Question, Object.assign({ label: "Question", description: "Sample description" }, { children: (0, jsx_runtime_1.jsx)(TextField_1.TextField, {}) })));
+        expect(react_1.screen.getByLabelText("Question")).toHaveAccessibleDescription("Sample description");
+    });
+    it("should include `id` that matches `for` attribute in `<label>`", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Question, Object.assign({ label: "Question", description: "Sample description" }, { children: (0, jsx_runtime_1.jsx)(TextField_1.TextField, {}) })));
+        const label = react_1.screen.getByLabelText("Question");
+        const input = react_1.screen.getByRole("textbox");
+        expect(label.id).toEqual(input.id);
+    });
+    it("should include accessible description with error", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Question, Object.assign({ label: "Question", description: "Sample description", errorMessage: "Sample error" }, { children: (0, jsx_runtime_1.jsx)(TextField_1.TextField, {}) })));
+        expect(react_1.screen.getByLabelText("Question")).toHaveAccessibleDescription("Sample error Sample description");
+    });
+    describe("uses correct Question class name", () => {
+        it("uses chopin class", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Question, Object.assign({ label: "Question" }, { children: (0, jsx_runtime_1.jsx)(TextField_1.TextField, {}) })));
+            expect(container.firstChild).toHaveClass(WRAPPER_CLASS_NAME);
+        });
+        it("includes valid class name", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Question, Object.assign({ label: "Question", validationState: "valid" }, { children: (0, jsx_runtime_1.jsx)(TextField_1.TextField, {}) })));
+            expect(react_1.screen.getByLabelText("Question")).toHaveClass("--is-valid");
+        });
+        it("includes invalid class name", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Question, Object.assign({ label: "Question", validationState: "invalid", errorMessage: "There is a problem" }, { children: (0, jsx_runtime_1.jsx)(TextField_1.TextField, {}) })));
+            expect(react_1.screen.getByLabelText("Question")).toHaveClass("--is-invalid");
+        });
+        it("includes custom class name", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Question, Object.assign({ label: "Question", validationState: "invalid", errorMessage: "There is a problem", className: "custom-class" }, { children: (0, jsx_runtime_1.jsx)(TextField_1.TextField, {}) })));
+            expect(container.firstChild).toHaveClass("custom-class");
+        });
+        it("includes open help class name when toggled", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Question, Object.assign({ label: "Question", help: "Help text" }, { children: (0, jsx_runtime_1.jsx)(TextField_1.TextField, {}) })));
+            const helpToggle = react_1.screen.getByRole("button");
+            react_1.fireEvent.click(helpToggle);
+            expect(container.firstChild).toHaveClass("--has-help-open");
+        });
+    });
+    describe("Help", () => {
+        it("should be mouse accessible", async () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Question, Object.assign({ label: "Question", help: "This is a help message" }, { children: (0, jsx_runtime_1.jsx)(TextField_1.TextField, {}) })));
+            await user_event_1.default.click(react_1.screen.getByRole("button", { name: "Open Help" }));
+            expect(react_1.screen.queryByRole("tooltip")).toBeInTheDocument();
+            await user_event_1.default.click(react_1.screen.getByRole("button", { name: "Close Help" }));
+            expect(react_1.screen.queryByRole("tooltip")).not.toBeInTheDocument();
+        });
+        it("should be keyboard accessible", async () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Question, Object.assign({ label: "Question", help: "This is a help message" }, { children: (0, jsx_runtime_1.jsx)(TextField_1.TextField, {}) })));
+            await user_event_1.default.tab();
+            await user_event_1.default.keyboard("{enter}");
+            expect(react_1.screen.queryByRole("tooltip")).toBeInTheDocument();
+            await user_event_1.default.keyboard("{enter}");
+            expect(react_1.screen.queryByRole("tooltip")).not.toBeInTheDocument();
+        });
+        it("should close on escape key", async () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Question, Object.assign({ label: "Question", help: "This is a help message" }, { children: (0, jsx_runtime_1.jsx)(TextField_1.TextField, {}) })));
+            await user_event_1.default.tab();
+            await user_event_1.default.keyboard("{enter}");
+            expect(react_1.screen.queryByRole("tooltip")).toBeInTheDocument();
+            await user_event_1.default.keyboard("{escape}");
+            expect(react_1.screen.queryByRole("tooltip")).not.toBeInTheDocument();
+        });
+    });
+});
+//# sourceMappingURL=Question.test.js.map

package/dist/cjs/components/Chopin/Question/Question.test.js.map

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

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

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

package/dist/cjs/components/Chopin/Question/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Question"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Chopin/Question/index.js.map

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

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

@@ -0,0 +1,15 @@
+import { Ref, RefAttributes, ReactNode } from "react";
+import { DOMProps } from "@react-types/shared";
+import { ForwardedRefComponent } from "../../../types/components";
+export declare type QuestionGroupElementType = HTMLDivElement;
+export interface QuestionGroupProps extends DOMProps, RefAttributes<QuestionGroupElementType> {
+    children?: ReactNode;
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    elementType?: string | React.ElementType;
+    label?: string;
+    help?: ReactNode;
+}
+export declare type QuestionGroupRef = Ref<QuestionGroupElementType>;
+declare const QuestionGroup: ForwardedRefComponent<QuestionGroupProps, QuestionGroupElementType>;
+export { QuestionGroup };

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

@@ -0,0 +1,42 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QuestionGroup = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const utils_1 = require("@react-aria/utils");
+const clsx_1 = __importDefault(require("clsx"));
+const hooks_1 = require("../../../hooks");
+const QuestionHelp_1 = require("../QuestionHelp/QuestionHelp");
+const Label_1 = require("../../Label");
+const QuestionGroup = (0, react_1.forwardRef)((props, ref) => {
+    const { elementType: Element = "div", label, children, help } = props, otherProps = __rest(props, ["elementType", "label", "children", "help"]);
+    const labelId = (0, utils_1.useId)();
+    const { up } = (0, hooks_1.useBreakpoint)();
+    const isDesktop = up("md");
+    const classes = (0, clsx_1.default)("chopin/QuestionGroup", isDesktop ? "--is-desktop" : "", otherProps.className);
+    return ((0, jsx_runtime_1.jsxs)(Element, Object.assign({ ref: ref }, otherProps, { className: classes }, { children: [(0, jsx_runtime_1.jsxs)("header", Object.assign({ className: "chopin/QuestionGroupHeader" }, { children: [(0, jsx_runtime_1.jsx)(Label_1.Label, Object.assign({ htmlFor: "question-group", id: labelId, className: "chopin/QuestionGroupLabel" }, { children: label })), help && (0, jsx_runtime_1.jsx)(QuestionHelp_1.QuestionHelp, Object.assign({ isDesktop: isDesktop }, { children: help }))] })), (0, jsx_runtime_1.jsx)("ul", Object.assign({ className: "chopin/QuestionGroupList" }, { children: react_1.Children.map(children, child => {
+                    if ((0, react_1.isValidElement)(child)) {
+                        return ((0, jsx_runtime_1.jsx)("li", Object.assign({ className: "chopin/QuestionGroupItem" }, { children: (0, react_1.cloneElement)(child, {
+                                className: "chopin/QuestionGroupQuestion",
+                            }) })));
+                    }
+                    return child;
+                }) }))] })));
+});
+exports.QuestionGroup = QuestionGroup;
+QuestionGroup.displayName = "QuestionGroup";
+//# sourceMappingURL=QuestionGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionGroup.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/QuestionGroup/QuestionGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAQe;AAEf,6CAA0C;AAC1C,gDAAwB;AACxB,0CAA+C;AAC/C,+DAA4D;AAC5D,uCAAoC;AAkBpC,MAAM,aAAa,GAGf,IAAA,kBAAU,EAAC,CAAC,KAAyB,EAAE,GAAqB,EAAE,EAAE;IAClE,MAAM,EACJ,WAAW,EAAE,OAAO,GAAG,KAAK,EAC5B,KAAK,EACL,QAAQ,EACR,IAAI,KAEF,KAAK,EADJ,UAAU,UACX,KAAK,EANH,4CAML,CAAQ,CAAC;IACV,MAAM,OAAO,GAAG,IAAA,aAAK,GAAE,CAAC;IACxB,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,qBAAa,GAAE,CAAC;IAC/B,MAAM,SAAS,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC;IAE3B,MAAM,OAAO,GAAG,IAAA,cAAI,EAClB,sBAAsB,EACtB,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAC/B,UAAU,CAAC,SAAS,CACrB,CAAC;IAEF,OAAO,CACL,wBAAC,OAAO,kBAAC,GAAG,EAAE,GAAG,IAAM,UAAU,IAAE,SAAS,EAAE,OAAO,iBACnD,kDAAQ,SAAS,EAAC,4BAA4B,iBAC5C,uBAAC,aAAK,kBACJ,OAAO,EAAC,gBAAgB,EACxB,EAAE,EAAE,OAAO,EACX,SAAS,EAAC,2BAA2B,gBAEpC,KAAK,IACA,EACP,IAAI,IAAI,uBAAC,2BAAY,kBAAC,SAAS,EAAE,SAAS,gBAAG,IAAI,IAAgB,KAC3D,EACT,6CAAI,SAAS,EAAC,0BAA0B,gBACrC,gBAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE;oBAC9B,IAAI,IAAA,sBAAc,EAAC,KAAK,CAAC,EAAE;wBACzB,OAAO,CACL,6CAAI,SAAS,EAAC,0BAA0B,gBACrC,IAAA,oBAAY,EAAC,KAAK,EAAE;gCACnB,SAAS,EAAE,8BAA8B;6BACnC,CAAC,IACN,CACN,CAAC;qBACH;oBAED,OAAO,KAAK,CAAC;gBACf,CAAC,CAAC,IACC,KACG,CACX,CAAC;AACJ,CAAC,CAAC,CAAC;AAGM,sCAAa;AADtB,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

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

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