@simplybusiness/mobius 3.0.0

package/dist/cjs/components/Chopin/Steps/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("./Steps"), exports);
+__exportStar(require("./StepItem"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/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,0CAAwB;AACxB,6CAA2B"}

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

@@ -0,0 +1,13 @@
+import { Ref, RefAttributes, ReactNode } from "react";
+import { DOMProps } from "@react-types/shared";
+import { ForwardedRefComponent } from "../../../types/components";
+export declare type TestimonialElementType = HTMLElement;
+export interface TestimonialProps extends DOMProps, RefAttributes<TestimonialElementType> {
+    children: ReactNode;
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    author: string;
+}
+export declare type TestimonialRef = Ref<TestimonialElementType>;
+declare const Testimonial: ForwardedRefComponent<TestimonialProps, TestimonialElementType>;
+export { Testimonial };

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

@@ -0,0 +1,28 @@
+"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.Testimonial = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const clsx_1 = __importDefault(require("clsx"));
+const Testimonial = (0, react_1.forwardRef)((props, ref) => {
+    const { author, className, children } = props, otherProps = __rest(props, ["author", "className", "children"]);
+    const classes = (0, clsx_1.default)("chopin", "chopin/Testimonial", className);
+    return ((0, jsx_runtime_1.jsxs)("figure", Object.assign({ ref: ref, className: classes }, otherProps, { children: [(0, jsx_runtime_1.jsx)("blockquote", Object.assign({ className: "chopin/TestimonialQuote" }, { children: children })), (0, jsx_runtime_1.jsx)("figcaption", { children: (0, jsx_runtime_1.jsx)("cite", Object.assign({ className: "chopin/TestimonialAuthor" }, { children: author })) })] })));
+});
+exports.Testimonial = Testimonial;
+Testimonial.displayName = "Testimonial";
+//# sourceMappingURL=Testimonial.js.map

package/dist/cjs/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,iCAAkE;AAElE,gDAAwB;AAgBxB,MAAM,WAAW,GAGb,IAAA,kBAAU,EAAC,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,IAAA,cAAI,EAAC,QAAQ,EAAE,oBAAoB,EAAE,SAAS,CAAC,CAAC;IAEhE,OAAO,CACL,kDAAQ,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,IAAM,UAAU,eAClD,qDAAY,SAAS,EAAC,yBAAyB,gBAAE,QAAQ,IAAc,EACvE,iDACE,+CAAM,SAAS,EAAC,0BAA0B,gBAAE,MAAM,IAAQ,GAC/C,KACN,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAGM,kCAAW;AADpB,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

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

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

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

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const _1 = require(".");
+describe("Testimonial", () => {
+    it("should render without errors", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Testimonial, Object.assign({ author: "Jane Doe" }, { children: "Sample text" })));
+    });
+    it("should render with children", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Testimonial, Object.assign({ author: "Jane Doe" }, { children: "Quote" })));
+        expect(container.firstChild).toHaveTextContent("Quote");
+    });
+    describe("class names", () => {
+        it("should have chopin class", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Testimonial, Object.assign({ author: "Jane Doe" }, { children: "Quote" })));
+            expect(container.firstChild).toHaveClass("chopin");
+        });
+        it("should have chopin/Testimonial class", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Testimonial, Object.assign({ author: "Jane Doe" }, { children: "Quote" })));
+            expect(container.firstChild).toHaveClass("chopin/Testimonial");
+        });
+        it("should have chopin/TestimonialAuthor class", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Testimonial, Object.assign({ author: "Jane Doe" }, { children: "Quote" })));
+            expect(container.querySelector("cite")).toHaveClass("chopin/TestimonialAuthor");
+        });
+        it("should have chopin/TestimonialQuote class", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Testimonial, Object.assign({ author: "Jane Doe" }, { children: "Quote" })));
+            expect(container.querySelector("blockquote")).toHaveClass("chopin/TestimonialQuote");
+        });
+        it("should have custom class", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Testimonial, Object.assign({ author: "Jane Doe", className: "custom" }, { children: "Quote" })));
+            expect(container.firstChild).toHaveClass("custom");
+        });
+    });
+});
+//# sourceMappingURL=Testimonial.test.js.map

package/dist/cjs/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,kDAAgD;AAChD,wBAAgC;AAEhC,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,IAAA,cAAM,EAAC,uBAAC,cAAW,kBAAC,MAAM,EAAC,UAAU,iCAA0B,CAAC,CAAC;IACnE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACrC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,uBAAC,cAAW,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,IAAA,cAAM,EAC1B,uBAAC,cAAW,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,IAAA,cAAM,EAC1B,uBAAC,cAAW,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,IAAA,cAAM,EAC1B,uBAAC,cAAW,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,IAAA,cAAM,EAC1B,uBAAC,cAAW,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,IAAA,cAAM,EAC1B,uBAAC,cAAW,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/cjs/components/Chopin/Testimonial/index.d.ts

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

package/dist/cjs/components/Chopin/Testimonial/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("./Testimonial"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/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,gDAA8B"}

package/dist/cjs/components/Chopin/TradeSelector/ComboBox/ComboBox.d.ts

@@ -0,0 +1,9 @@
+import type { ComboBoxProps } from "@react-types/combobox";
+import { AriaLabelingProps, DOMProps } from "@react-types/shared";
+export interface AllComboBoxProps<T extends object> extends ComboBoxProps<T> {
+    className?: string;
+    fieldProps?: AriaLabelingProps & DOMProps;
+    label?: string;
+}
+declare const ComboBox: <T extends object>(props: AllComboBoxProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export { ComboBox };

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

@@ -0,0 +1,37 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComboBox = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const combobox_1 = require("@react-stately/combobox");
+const combobox_2 = require("@react-aria/combobox");
+const interactions_1 = require("@react-aria/interactions");
+const focus_1 = require("@react-aria/focus");
+const clsx_1 = __importDefault(require("clsx"));
+const ListBox_1 = require("../ListBox");
+const Popover_1 = require("../Popover");
+const ComboBox = (props) => {
+    const { className, fieldProps, label } = props;
+    const state = (0, combobox_1.useComboBoxState)(Object.assign({}, props));
+    const inputRef = (0, react_1.useRef)(null);
+    const listBoxRef = (0, react_1.useRef)(null);
+    const popoverRef = (0, react_1.useRef)(null);
+    const { inputProps, listBoxProps } = (0, combobox_2.useComboBox)(Object.assign(Object.assign(Object.assign({}, props), fieldProps), { inputRef,
+        listBoxRef,
+        popoverRef }), state);
+    const { close } = state;
+    const { isFocusVisible, focusProps } = (0, focus_1.useFocusRing)({
+        within: true,
+    });
+    const { hoverProps, isHovered } = (0, interactions_1.useHover)(Object.assign({}, props));
+    const classes = (0, clsx_1.default)("chopin", "chopin/ComboBoxInput", {
+        "--is-focused": isFocusVisible,
+        "--is-hovered": isHovered,
+    }, className);
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "chopin/ComboBoxInputContainer" }, focusProps, { children: [(0, jsx_runtime_1.jsx)("input", Object.assign({}, hoverProps, inputProps, fieldProps, { ref: inputRef, className: classes, "aria-label": label })), state.isOpen && ((0, jsx_runtime_1.jsx)(Popover_1.Popover, Object.assign({ popoverRef: popoverRef, isOpen: state.isOpen, onClose: close }, { children: (0, jsx_runtime_1.jsx)(ListBox_1.ListBox, Object.assign({}, listBoxProps, { listBoxRef: listBoxRef, state: state })) })))] })));
+};
+exports.ComboBox = ComboBox;
+//# sourceMappingURL=ComboBox.js.map

package/dist/cjs/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,iCAA+B;AAG/B,sDAA2D;AAC3D,mDAAmD;AACnD,2DAAoD;AACpD,6CAAiD;AACjD,gDAAwB;AACxB,wCAAqC;AACrC,wCAAqC;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,IAAA,2BAAgB,oBAAM,KAAK,EAAG,CAAC;IAC7C,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAC9B,MAAM,UAAU,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAChC,MAAM,UAAU,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAEhC,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,IAAA,sBAAW,gDAEzC,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,IAAA,oBAAY,EAAC;QAClD,MAAM,EAAE,IAAI;KACb,CAAC,CAAC;IACH,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,IAAA,uBAAQ,oBACrC,KAAK,EACR,CAAC;IAEH,MAAM,OAAO,GAAG,IAAA,cAAI,EAClB,QAAQ,EACR,sBAAsB,EACtB;QACE,cAAc,EAAE,cAAc;QAC9B,cAAc,EAAE,SAAS;KAC1B,EACD,SAAS,CACV,CAAC;IAEF,OAAO,CACL,+CAAK,SAAS,EAAC,+BAA+B,IAAK,UAAU,eAC3D,kDACM,UAAU,EACV,UAAU,EACV,UAAU,IACd,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,OAAO,gBACN,KAAK,IACjB,EACD,KAAK,CAAC,MAAM,IAAI,CACf,uBAAC,iBAAO,kBAAC,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,gBACnE,uBAAC,iBAAO,oBAAK,YAAY,IAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,IAAI,IAC3D,CACX,KACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEO,4BAAQ"}

package/dist/cjs/components/Chopin/TradeSelector/ComboBox/ComboBox.test.d.ts

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

package/dist/cjs/components/Chopin/TradeSelector/ComboBox/ComboBox.test.js

@@ -0,0 +1,59 @@
+"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 collections_1 = require("@react-stately/collections");
+const _1 = require(".");
+const CONTAINER_CLASS_NAME = "chopin/ComboBoxInputContainer";
+const INPUT_CLASS_NAME = "chopin/ComboBoxInput";
+const LISTBOX_CLASS_NAME = "chopin/ListBoxSection";
+const LISTBOX_HEADING_CLASS_NAME = "chopin/ListBoxSectionHeading";
+const LISTBOX_LIST_CLASS_NAME = "chopin/ListBoxSectionList";
+const LISTBOX_OPTION_CLASS_NAME = "chopin/TradeSelectorOption";
+describe("ComboBox", () => {
+    it("should render without errors", async () => {
+        const sampleContent = "Sample text";
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.ComboBox, Object.assign({ label: "Test" }, { children: (0, jsx_runtime_1.jsx)(collections_1.Item, { children: sampleContent }) })));
+        await user_event_1.default.tab();
+        await user_event_1.default.keyboard("[Alt][ArrowDown]");
+        expect(react_1.screen.getByText(sampleContent)).toBeInTheDocument();
+    });
+    it("should render with class names", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.ComboBox, Object.assign({ label: "Test" }, { children: (0, jsx_runtime_1.jsx)(collections_1.Item, { children: "Sample text" }) })));
+        const input = react_1.screen.getByRole("combobox");
+        expect(input.parentElement).toHaveClass(CONTAINER_CLASS_NAME);
+        expect(input).toHaveClass(INPUT_CLASS_NAME);
+    });
+    // NOTE: testing ListBox in isolation, requires complicated state mocking.
+    // ComboBox uses ListBox and provides it with a generated state object.
+    describe("nested ListBox", () => {
+        it("should render with class names", async () => {
+            const firstSection = "First section";
+            const firstItem = "First item";
+            const secondSection = "Second section";
+            const secondItem = "Second item";
+            const EXPECTED_NUMBER_OF_SECTIONS = 2;
+            const EXPECTED_NUMBER_OF_GROUPS = 2;
+            const EXPECTED_NUMBER_OF_ITEMS = 2;
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.ComboBox, Object.assign({ label: "Test" }, { children: [(0, jsx_runtime_1.jsx)(collections_1.Section, Object.assign({ title: firstSection }, { children: (0, jsx_runtime_1.jsx)(collections_1.Item, { children: firstItem }) })), (0, jsx_runtime_1.jsx)(collections_1.Section, Object.assign({ title: secondSection }, { children: (0, jsx_runtime_1.jsx)(collections_1.Item, { children: secondItem }) }))] })));
+            await user_event_1.default.tab();
+            await user_event_1.default.keyboard("[Alt][ArrowDown]");
+            const sections = react_1.screen.queryAllByRole("presentation");
+            const groups = react_1.screen.queryAllByRole("group");
+            const items = react_1.screen.queryAllByRole("option");
+            const heading = sections[0].firstChild;
+            expect(sections.length).toBe(EXPECTED_NUMBER_OF_SECTIONS);
+            expect(groups.length).toBe(EXPECTED_NUMBER_OF_GROUPS);
+            expect(items.length).toBe(EXPECTED_NUMBER_OF_ITEMS);
+            expect(sections[0]).toHaveClass(LISTBOX_CLASS_NAME);
+            expect(groups[0]).toHaveClass(LISTBOX_LIST_CLASS_NAME);
+            expect(items[0]).toHaveClass(LISTBOX_OPTION_CLASS_NAME);
+            expect(heading).toHaveClass(LISTBOX_HEADING_CLASS_NAME);
+        });
+    });
+});
+//# sourceMappingURL=ComboBox.test.js.map

package/dist/cjs/components/Chopin/TradeSelector/ComboBox/ComboBox.test.js.map

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

package/dist/cjs/components/Chopin/TradeSelector/ComboBox/index.d.ts

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

package/dist/cjs/components/Chopin/TradeSelector/ComboBox/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("./ComboBox"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Chopin/TradeSelector/ComboBox/index.js.map

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

package/dist/cjs/components/Chopin/TradeSelector/ListBox/ListBox.d.ts

@@ -0,0 +1,13 @@
+import { RefObject } from "react";
+import type { AriaListBoxOptions } from "@react-aria/listbox";
+import type { LoadingState } from "@react-types/shared";
+import type { ListState } from "@react-stately/list";
+export interface ListBoxProps extends AriaListBoxOptions<unknown> {
+    listBoxRef?: RefObject<HTMLUListElement>;
+    state: ListState<unknown>;
+    loadingState?: LoadingState;
+    onLoadMore?: () => void;
+}
+export declare type ListBoxElementType = HTMLUListElement;
+declare const ListBox: (props: ListBoxProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export { ListBox };

package/dist/cjs/components/Chopin/TradeSelector/ListBox/ListBox.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListBox = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const listbox_1 = require("@react-aria/listbox");
+const ListBoxSection_1 = require("./ListBoxSection");
+const Option_1 = require("./Option");
+const ListBox = (props) => {
+    const ref = (0, react_1.useRef)(null);
+    const { listBoxRef = ref, state } = props;
+    const { listBoxProps } = (0, listbox_1.useListBox)(props, state, listBoxRef);
+    return ((0, jsx_runtime_1.jsx)("ul", Object.assign({}, listBoxProps, { ref: listBoxRef, className: "chopin/ListBox" }, { children: [...state.collection].map(item => item.type === "section" ? ((0, jsx_runtime_1.jsx)(ListBoxSection_1.ListBoxSection, { section: item, state: state }, item.key)) : ((0, jsx_runtime_1.jsx)(Option_1.Option, { item: item, state: state }, item.key))) })));
+};
+exports.ListBox = ListBox;
+//# sourceMappingURL=ListBox.js.map

package/dist/cjs/components/Chopin/TradeSelector/ListBox/ListBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListBox.js","sourceRoot":"","sources":["../../../../../../src/components/Chopin/TradeSelector/ListBox/ListBox.tsx"],"names":[],"mappings":";;;;AAAA,iCAA0C;AAI1C,iDAAiD;AACjD,qDAAkD;AAClD,qCAAkC;AAWlC,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IACtC,MAAM,GAAG,GAAG,IAAA,cAAM,EAAqB,IAAI,CAAC,CAAC;IAC7C,MAAM,EAAE,UAAU,GAAG,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAC1C,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,oBAAU,EAAC,KAAK,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC;IAE9D,OAAO,CACL,+CAAQ,YAAY,IAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAC,gBAAgB,gBAC9D,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAChC,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CACxB,uBAAC,+BAAc,IAAgB,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAArC,IAAI,CAAC,GAAG,CAAiC,CAC/D,CAAC,CAAC,CAAC,CACF,uBAAC,eAAM,IAAgB,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAAlC,IAAI,CAAC,GAAG,CAA8B,CACpD,CACF,IACE,CACN,CAAC;AACJ,CAAC,CAAC;AAEO,0BAAO"}

package/dist/cjs/components/Chopin/TradeSelector/ListBox/ListBoxSection.d.ts

@@ -0,0 +1,8 @@
+import type { ListState } from "@react-stately/list";
+import type { Node } from "@react-types/shared";
+export interface SectionProps {
+    section: Node<unknown>;
+    state: ListState<unknown>;
+}
+declare const ListBoxSection: ({ section, state }: SectionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export { ListBoxSection };

package/dist/cjs/components/Chopin/TradeSelector/ListBox/ListBoxSection.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListBoxSection = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const listbox_1 = require("@react-aria/listbox");
+const Option_1 = require("./Option");
+const ListBoxSection = ({ section, state }) => {
+    const { itemProps, headingProps, groupProps } = (0, listbox_1.useListBoxSection)({
+        heading: section.rendered,
+        "aria-label": section["aria-label"],
+    });
+    return ((0, jsx_runtime_1.jsxs)("li", Object.assign({}, itemProps, { className: "chopin/ListBoxSection" }, { children: [section.rendered && ((0, jsx_runtime_1.jsx)("span", Object.assign({}, headingProps, { className: "chopin/ListBoxSectionHeading" }, { children: section.rendered }))), (0, jsx_runtime_1.jsx)("ul", Object.assign({}, groupProps, { className: "chopin/ListBoxSectionList" }, { children: [...section.childNodes].map(node => ((0, jsx_runtime_1.jsx)(Option_1.Option, { item: node, state: state }, node.key))) }))] })));
+};
+exports.ListBoxSection = ListBoxSection;
+//# sourceMappingURL=ListBoxSection.js.map

package/dist/cjs/components/Chopin/TradeSelector/ListBox/ListBoxSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListBoxSection.js","sourceRoot":"","sources":["../../../../../../src/components/Chopin/TradeSelector/ListBox/ListBoxSection.tsx"],"names":[],"mappings":";;;;AAAA,iDAAwD;AAIxD,qCAAkC;AAOlC,MAAM,cAAc,GAAG,CAAC,EAAE,OAAO,EAAE,KAAK,EAAgB,EAAE,EAAE;IAC1D,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,IAAA,2BAAiB,EAAC;QAChE,OAAO,EAAE,OAAO,CAAC,QAAQ;QACzB,YAAY,EAAE,OAAO,CAAC,YAAY,CAAC;KACpC,CAAC,CAAC;IAEH,OAAO,CACL,gDAAQ,SAAS,IAAE,SAAS,EAAC,uBAAuB,iBACjD,OAAO,CAAC,QAAQ,IAAI,CACnB,iDAAU,YAAY,IAAE,SAAS,EAAC,8BAA8B,gBAC7D,OAAO,CAAC,QAAQ,IACZ,CACR,EACD,+CAAQ,UAAU,IAAE,SAAS,EAAC,2BAA2B,gBACtD,CAAC,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACnC,uBAAC,eAAM,IAAgB,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAAlC,IAAI,CAAC,GAAG,CAA8B,CACpD,CAAC,IACC,KACF,CACN,CAAC;AACJ,CAAC,CAAC;AAEO,wCAAc"}

package/dist/cjs/components/Chopin/TradeSelector/ListBox/Option.d.ts

@@ -0,0 +1,9 @@
+import { Node } from "@react-types/shared";
+import type { ListState } from "@react-stately/list";
+export declare type OptionElementType = HTMLLIElement;
+export interface OptionProps {
+    item: Node<unknown>;
+    state: ListState<unknown>;
+}
+declare const Option: ({ item, state }: OptionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export { Option };

package/dist/cjs/components/Chopin/TradeSelector/ListBox/Option.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Option = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const listbox_1 = require("@react-aria/listbox");
+const clsx_1 = __importDefault(require("clsx"));
+const Option = ({ item, state }) => {
+    const ref = (0, react_1.useRef)(null);
+    const { optionProps, isSelected, isFocused, isDisabled } = (0, listbox_1.useOption)({ key: item.key }, state, ref);
+    const classes = (0, clsx_1.default)("chopin/TradeSelectorOption", {
+        "--is-selected": isSelected,
+        "--is-focused": isFocused,
+        "--is-disabled": isDisabled,
+    });
+    return ((0, jsx_runtime_1.jsx)("li", Object.assign({}, optionProps, { ref: ref, className: classes }, { children: item.rendered })));
+};
+exports.Option = Option;
+//# sourceMappingURL=Option.js.map

package/dist/cjs/components/Chopin/TradeSelector/ListBox/Option.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Option.js","sourceRoot":"","sources":["../../../../../../src/components/Chopin/TradeSelector/ListBox/Option.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAA+B;AAE/B,iDAAgD;AAChD,gDAAwB;AAUxB,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAe,EAAE,EAAE;IAC9C,MAAM,GAAG,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAC5C,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,IAAA,mBAAS,EAClE,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,EACjB,KAAK,EACL,GAAG,CACJ,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,cAAI,EAAC,4BAA4B,EAAE;QACjD,eAAe,EAAE,UAAU;QAC3B,cAAc,EAAE,SAAS;QACzB,eAAe,EAAE,UAAU;KAC5B,CAAC,CAAC;IAEH,OAAO,CACL,+CAAQ,WAAW,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,gBAC9C,IAAI,CAAC,QAAQ,IACX,CACN,CAAC;AACJ,CAAC,CAAC;AAEO,wBAAM"}

package/dist/cjs/components/Chopin/TradeSelector/ListBox/index.d.ts

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

package/dist/cjs/components/Chopin/TradeSelector/ListBox/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("./ListBox"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Chopin/TradeSelector/ListBox/index.js.map

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

package/dist/cjs/components/Chopin/TradeSelector/Popover/Popover.d.ts

@@ -0,0 +1,10 @@
+import { RefObject, ReactNode } from "react";
+export interface PopoverProps {
+    popoverRef?: RefObject<HTMLDivElement>;
+    children: ReactNode;
+    isOpen?: boolean;
+    onClose?: () => void;
+}
+export declare type PopoverElementType = HTMLDivElement;
+declare const Popover: (props: PopoverProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export { Popover };

package/dist/cjs/components/Chopin/TradeSelector/Popover/Popover.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Popover = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const overlays_1 = require("@react-aria/overlays");
+const focus_1 = require("@react-aria/focus");
+const Popover = (props) => {
+    const ref = (0, react_1.useRef)(null);
+    const { popoverRef = ref, isOpen, onClose, children } = props;
+    // Handle events that should cause the popup to close,
+    // e.g. blur, clicking outside, or pressing the escape key.
+    const { overlayProps } = (0, overlays_1.useOverlay)({
+        isOpen,
+        onClose,
+        shouldCloseOnBlur: true,
+        isDismissable: true,
+    }, popoverRef);
+    // Add a hidden <DismissButton> component at the end of the popover
+    // to allow screen reader users to dismiss the popup easily.
+    return ((0, jsx_runtime_1.jsx)(focus_1.FocusScope, Object.assign({ restoreFocus: true }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({}, overlayProps, { ref: popoverRef, className: "chopin/Popover" }, { children: [children, (0, jsx_runtime_1.jsx)(overlays_1.DismissButton, { onDismiss: onClose })] })) })));
+};
+exports.Popover = Popover;
+//# sourceMappingURL=Popover.js.map

package/dist/cjs/components/Chopin/TradeSelector/Popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../../../../src/components/Chopin/TradeSelector/Popover/Popover.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqD;AACrD,mDAAiE;AACjE,6CAA+C;AAW/C,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IACtC,MAAM,GAAG,GAAG,IAAA,cAAM,EAAqB,IAAI,CAAC,CAAC;IAC7C,MAAM,EAAE,UAAU,GAAG,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE9D,sDAAsD;IACtD,2DAA2D;IAC3D,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,qBAAU,EACjC;QACE,MAAM;QACN,OAAO;QACP,iBAAiB,EAAE,IAAI;QACvB,aAAa,EAAE,IAAI;KACpB,EACD,UAAU,CACX,CAAC;IAEF,mEAAmE;IACnE,4DAA4D;IAC5D,OAAO,CACL,uBAAC,kBAAU,kBAAC,YAAY,sBACtB,iDAAS,YAAY,IAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAC,gBAAgB,iBAC/D,QAAQ,EACT,uBAAC,wBAAa,IAAC,SAAS,EAAE,OAAO,GAAI,KACjC,IACK,CACd,CAAC;AACJ,CAAC,CAAC;AAEO,0BAAO"}

package/dist/cjs/components/Chopin/TradeSelector/Popover/Popover.test.d.ts

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

package/dist/cjs/components/Chopin/TradeSelector/Popover/Popover.test.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const _1 = require(".");
+const POPOVER_CLASS_NAME = "chopin/Popover";
+describe("Popover", () => {
+    it("should render without errors", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Popover, { children: (0, jsx_runtime_1.jsx)("li", { children: "Item" }) }));
+        expect(react_1.screen.getByText("Item")).toBeInTheDocument();
+    });
+    it("should render with class names", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Popover, { children: (0, jsx_runtime_1.jsx)("li", { children: "Item" }) }));
+        const innerContainer = react_1.screen.getByText("Item").parentElement;
+        expect(innerContainer).toHaveClass(POPOVER_CLASS_NAME);
+    });
+});
+//# sourceMappingURL=Popover.test.js.map

package/dist/cjs/components/Chopin/TradeSelector/Popover/Popover.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.test.js","sourceRoot":"","sources":["../../../../../../src/components/Chopin/TradeSelector/Popover/Popover.test.tsx"],"names":[],"mappings":";;;AAAA,kDAAwD;AACxD,wBAA4B;AAE5B,MAAM,kBAAkB,GAAG,gBAAgB,CAAC;AAE5C,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;IACvB,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,IAAA,cAAM,EACJ,uBAAC,UAAO,cACN,kDAAa,GACL,CACX,CAAC;QAEF,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACvD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACxC,IAAA,cAAM,EACJ,uBAAC,UAAO,cACN,kDAAa,GACL,CACX,CAAC;QAEF,MAAM,cAAc,GAAG,cAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,aAAa,CAAC;QAE9D,MAAM,CAAC,cAAc,CAAC,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/cjs/components/Chopin/TradeSelector/Popover/index.d.ts

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

package/dist/cjs/components/Chopin/TradeSelector/Popover/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("./Popover"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Chopin/TradeSelector/Popover/index.js.map

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

package/dist/cjs/components/Chopin/TradeSelector/SearchResults/SearchResults.d.ts

@@ -0,0 +1,15 @@
+import { SetStateAction, Dispatch, Key } from "react";
+import { AriaLabelingProps, DOMProps } from "@react-types/shared";
+import type { LabelProps, GroupedTradeProps } from "..";
+export declare type SearchResultsProps = {
+    inputValue: string;
+    items: GroupedTradeProps[];
+    labels: LabelProps;
+    describedBy?: string;
+    fallbackUrl: string;
+    onInputChange: Dispatch<SetStateAction<string>>;
+    onSelectionChange: (value: Key) => void;
+    fieldProps?: AriaLabelingProps & DOMProps;
+    label?: string;
+};
+export declare const SearchResults: ({ inputValue, items, labels, fieldProps, describedBy, fallbackUrl, onInputChange, onSelectionChange, label, }: SearchResultsProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/cjs/components/Chopin/TradeSelector/SearchResults/SearchResults.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchResults = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const collections_1 = require("@react-stately/collections");
+const ComboBox_1 = require("../ComboBox");
+const SearchResults = ({ inputValue, items, labels, fieldProps, describedBy, fallbackUrl, onInputChange, onSelectionChange, label, }) => ((0, jsx_runtime_1.jsx)(ComboBox_1.ComboBox, Object.assign({ inputValue: inputValue, onInputChange: onInputChange, disabledKeys: [labels.noResults], items: items, onSelectionChange: onSelectionChange, "aria-describedby": describedBy, fieldProps: fieldProps, label: label, placeholder: labels.placeholder }, { children: section => {
+        const { name, title, children: sectionChildren } = section;
+        const noResults = items.find(item => item.name === labels.noResults);
+        if (noResults) {
+            return ((0, jsx_runtime_1.jsx)(collections_1.Item, Object.assign({ textValue: labels.noResults }, { children: (0, jsx_runtime_1.jsx)("a", Object.assign({ href: fallbackUrl, className: "chopin/ListBoxSectionHeadingLink" }, { children: labels.noResults })) }), labels.noResults));
+        }
+        return ((0, jsx_runtime_1.jsx)(collections_1.Section, Object.assign({ items: sectionChildren, title: title }, { children: item => {
+                const { value, label: itemLabel } = item;
+                return ((0, jsx_runtime_1.jsx)(collections_1.Item, Object.assign({ textValue: value }, { children: (0, jsx_runtime_1.jsx)("span", { className: "chopin/TradeSelectorOptionContent", 
+                        // eslint-disable-next-line react/no-danger
+                        dangerouslySetInnerHTML: { __html: itemLabel } }) }), value));
+            } }), name));
+    } })));
+exports.SearchResults = SearchResults;
+//# sourceMappingURL=SearchResults.js.map

package/dist/cjs/components/Chopin/TradeSelector/SearchResults/SearchResults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchResults.js","sourceRoot":"","sources":["../../../../../../src/components/Chopin/TradeSelector/SearchResults/SearchResults.tsx"],"names":[],"mappings":";;;;AAEA,4DAA2D;AAC3D,0CAAuC;AAehC,MAAM,aAAa,GAAG,CAAC,EAC5B,UAAU,EACV,KAAK,EACL,MAAM,EACN,UAAU,EACV,WAAW,EACX,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,KAAK,GACc,EAAE,EAAE,CAAC,CACxB,uBAAC,mBAAQ,kBACP,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,CAAC,MAAM,CAAC,SAAmB,CAAC,EAC1C,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,sBAClB,WAAW,EAC7B,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,MAAM,CAAC,WAAW,gBAE9B,OAAO,CAAC,EAAE;QACT,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,GAAG,OAAO,CAAC;QAC3D,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,MAAM,CAAC,SAAS,CAAC,CAAC;QAErE,IAAI,SAAS,EAAE;YACb,OAAO,CACL,uBAAC,kBAAI,kBAAwB,SAAS,EAAE,MAAM,CAAC,SAAS,gBACtD,4CAAG,IAAI,EAAE,WAAW,EAAE,SAAS,EAAC,kCAAkC,gBAC/D,MAAM,CAAC,SAAS,IACf,KAHK,MAAM,CAAC,SAAS,CAIpB,CACR,CAAC;SACH;QAED,OAAO,CACL,uBAAC,qBAAO,kBAAY,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,gBACrD,IAAI,CAAC,EAAE;gBACN,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAkB,CAAC;gBAEvD,OAAO,CACL,uBAAC,kBAAI,kBAAa,SAAS,EAAE,KAAK,gBAChC,iCACE,SAAS,EAAC,mCAAmC;wBAC7C,2CAA2C;wBAC3C,uBAAuB,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,GAC9C,KALO,KAAK,CAMT,CACR,CAAC;YACJ,CAAC,KAbW,IAAI,CAcR,CACX,CAAC;IACJ,CAAC,IACQ,CACZ,CAAC;AAvDW,QAAA,aAAa,iBAuDxB"}

package/dist/cjs/components/Chopin/TradeSelector/SearchResults/SearchResults.test.d.ts

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