@simplybusiness/mobius 4.4.4 → 4.4.6

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.test.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.test.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAwD;AACxD,6EAAoD;AACpD,wBAA0B;AAC1B,+EAA4E;AAE5E,IAAA,+CAAsB,GAAE,CAAC;AAEzB,MAAM,gBAAgB,GAAG,cAAc,CAAC;AACxC,MAAM,sBAAsB,GAAG,mBAAmB,CAAC;AAEnD,MAAM,cAAc,GAAG,CAAC,OAAgB,EAAE,EAAE;IAC1C,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,YAAY,EAAE;QAC1C,QAAQ,EAAE,IAAI;QACd,YAAY,EAAE,IAAI;QAClB,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;YAC5C,OAAO;YACP,KAAK,EAAE,KAAK;YACZ,QAAQ,EAAE,IAAI;YACd,WAAW,EAAE,IAAI,CAAC,EAAE,EAAE;YACtB,cAAc,EAAE,IAAI,CAAC,EAAE,EAAE;YACzB,gBAAgB,EAAE,IAAI,CAAC,EAAE,EAAE;YAC3B,mBAAmB,EAAE,IAAI,CAAC,EAAE,EAAE;YAC9B,aAAa,EAAE,IAAI,CAAC,EAAE,EAAE;SACzB,CAAC,CAAC;KACJ,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IACrB,UAAU,CAAC,GAAG,EAAE;QACd,cAAc,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,GAAG,EAAE;QACZ,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,QAAK,IAAC,MAAM,QAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,GAAI,CAAC,CAAC;QAClE,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAChD,IAAA,cAAM,EACJ,uBAAC,QAAK,IAAC,MAAM,QAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,YAC7B,uBAAC,QAAK,CAAC,MAAM,KAAG,GACV,CACT,CAAC;QAEF,MAAM,MAAM,GAAG,cAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QAC1C,MAAM,WAAW,GAAG,cAAM,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QAEnD,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC;QAC7C,MAAM,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC9C,IAAA,cAAM,EACJ,uBAAC,QAAK,IAAC,SAAS,EAAC,eAAe,EAAC,MAAM,QAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,YACvD,uBAAC,QAAK,CAAC,MAAM,KAAG,GACV,CACT,CAAC;QAEF,MAAM,MAAM,GAAG,cAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QAC1C,MAAM,WAAW,GAAG,cAAM,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QAEnD,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC;QAC7C,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;QAC5C,MAAM,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,4CAA4C,EAAE,GAAG,EAAE;QAC1D,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;YACnD,IAAA,cAAM,EAAC,uBAAC,QAAK,IAAC,MAAM,QAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,SAAS,EAAC,SAAS,GAAG,CAAC,CAAC;YAEhE,MAAM,MAAM,GAAG,cAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;YAC1C,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;QAC3C,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,yCAAyC,EAAE,GAAG,EAAE;QACvD,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;YACnD,IAAA,cAAM,EAAC,uBAAC,QAAK,IAAC,MAAM,QAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,SAAS,EAAC,MAAM,GAAG,CAAC,CAAC;YAE7D,MAAM,MAAM,GAAG,cAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;YAC1C,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QACvC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,sDAAsD,EAAE,GAAG,EAAE;QACpE,UAAU,CAAC,GAAG,EAAE;YACd,cAAc,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;YAC7C,IAAA,cAAM,EAAC,uBAAC,QAAK,IAAC,MAAM,QAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,GAAI,CAAC,CAAC;YAE5C,MAAM,MAAM,GAAG,cAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;YAC1C,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC;QACrD,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,4DAA4D;IAC5D,SAAS,CAAC,wBAAwB,EAAE,GAAG,EAAE;QACvC,SAAS,CAAC,GAAG,EAAE;YACb,iBAAiB,CAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,SAAS,IAAI;gBAGtD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;YACnB,CAAC,CAAC,CAAC;YAEH,iBAAiB,CAAC,SAAS,CAAC,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,SAAS,IAAI;gBAG3D,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;YACnB,CAAC,CAAC,CAAC;YAEH,iBAAiB,CAAC,SAAS,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,SAAS,IAAI;gBAGvD,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;YACpB,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,IAAI,CAAC,8CAA8C,EAAE,KAAK,IAAI,EAAE;YACjE,MAAM,OAAO,GAAG,uBAAC,QAAK,CAAC,OAAO,iCAA+B,CAAC;YAC9D,IAAI,SAAS,GAAG,IAAI,CAAC;YACrB,MAAM,OAAO,GAAG,GAAG,EAAE;gBACnB,SAAS,GAAG,KAAK,CAAC;YACpB,CAAC,CAAC;YACF,MAAM,IAAI,GAAG,oBAAS,CAAC,KAAK,EAAE,CAAC;YAE/B,IAAA,cAAM,EACJ,wBAAC,QAAK,IAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAC,UAAU,aAC/D,uBAAC,QAAK,CAAC,MAAM,KAAG,EACf,OAAO,IACF,CACT,CAAC;YAEF,MAAM,KAAK,GAAG,cAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;YAC3D,MAAM,CAAC,KAAK,CAAC,CAAC,iBAAiB,EAAE,CAAC;YAClC,MAAM,CAAE,KAA2B,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACrD,cAAM,CAAC,KAAK,EAAE,CAAC;YAEf,MAAM,WAAW,GAAG,cAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;YAE/C,MAAM,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,sBAAsB;YACrD,MAAM,CAAE,KAA2B,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACxD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,yBAAyB,EAAE,KAAK,IAAI,EAAE;YACvC,MAAM,OAAO,GAAG,uBAAC,QAAK,CAAC,OAAO,iCAA+B,CAAC;YAC9D,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;YAE1B,IAAA,cAAM,EACJ,wBAAC,QAAK,IAAC,MAAM,QAAC,OAAO,EAAE,OAAO,aAC5B,uBAAC,QAAK,CAAC,MAAM,KAAG,EACf,OAAO,IACF,CACT,CAAC;YAEF,MAAM,YAAY,GAAG,cAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;YACxD,MAAM,CAAC,YAAY,CAAC,CAAC,iBAAiB,EAAE,CAAC;YACzC,MAAM,oBAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;YAErC,MAAM,CAAC,OAAO,CAAC,CAAC,gBAAgB,EAAE,CAAC;QACrC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;QAC/B,QAAQ,CAAC,4BAA4B,EAAE,GAAG,EAAE;YAC1C,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;gBACjC,MAAM,UAAU,GAAG,OAAO,CAAC;gBAE3B,IAAA,cAAM,EACJ,wBAAC,QAAK,IAAC,MAAM,QAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,UAAU,EAAE,UAAU,aACrD,uBAAC,QAAK,CAAC,MAAM,KAAG,sBAEV,CACT,CAAC;gBAEF,MAAM,WAAW,GAAG,cAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;gBACjD,MAAM,CAAC,WAAW,CAAC,CAAC,iBAAiB,EAAE,CAAC;YAC1C,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,gCAAgC,EAAE,GAAG,EAAE;YAC9C,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;gBAChD,IAAA,cAAM,EACJ,uBAAC,QAAK,IAAC,MAAM,QAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,YAC7B,uBAAC,QAAK,CAAC,MAAM,KAAG,GACV,CACT,CAAC;gBAEF,MAAM,WAAW,GAAG,cAAM,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;gBACnD,MAAM,CAAC,WAAW,CAAC,CAAC,iBAAiB,EAAE,CAAC;YAC1C,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,12 @@
+import { DivElementType as ModalContentDivElementType, ContentProps as ModalContentProps } from "./Content";
+import { HeaderElementType as ModalHeaderElementType, HeaderProps as ModalHeaderProps } from "./Header";
+import { ModalProps } from "./Modal";
+declare const Modal: {
+    ({ isOpen, onClose, children, className, closeLabel, isFullScreen, animation, size, appElement, preventCloseOnEsc, shouldFocusAfterRender, parentSelector, }: ModalProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+} & {
+    Header: import("react").ForwardRefExoticComponent<Omit<ModalHeaderProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<ModalContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+};
+export { Modal };
+export type { ModalContentDivElementType, ModalContentProps, ModalHeaderElementType, ModalHeaderProps, ModalProps, };

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

@@ -0,0 +1,35 @@
+import { ChangeEvent, Ref, RefAttributes } from "react";
+import { DOMProps } from "../../types/dom";
+import { UseLabelProps } from "../../hooks";
+import { ForwardedRefComponent } from "../../types/components";
+export type NumberFieldElementType = HTMLInputElement;
+export interface NumberFieldProps extends DOMProps, UseLabelProps, RefAttributes<NumberFieldElementType> {
+    id?: string;
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    validationState?: "valid" | "invalid" | undefined;
+    /** The smallest value allowed for the input. */
+    minValue?: number;
+    /** The largest value allowed for the input. */
+    maxValue?: number;
+    /** The amount that the input value changes with each increment or decrement "tick". */
+    step?: number;
+    /** The default value (uncontrolled). */
+    defaultValue?: number;
+    /** Handler that is called when the value changes. */
+    onChange?: (event: ChangeEvent<NumberFieldElementType>) => void;
+    /** Temporary text that occupies the text input when it is empty. */
+    placeholder?: string;
+    /** Whether user input is required on the input before form submission. */
+    isRequired?: boolean;
+    /** Whether the input is disabled. */
+    isDisabled?: boolean;
+    /** Whether the input can be selected but not changed by the user. */
+    isReadOnly?: boolean;
+    /** An error message for the field. */
+    errorMessage?: string;
+    /** Identifies the element (or elements) that describes the object. */
+    "aria-describedby"?: string | undefined;
+}
+export type NumberFieldRef = Ref<NumberFieldElementType>;
+export declare const NumberField: ForwardedRefComponent<NumberFieldProps, NumberFieldElementType>;

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

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { NumberField } from "./NumberField";
+type StoryType = StoryObj<typeof NumberField>;
+declare const meta: Meta<typeof NumberField>;
+export declare const Normal: StoryType;
+export declare const LimitedRange: StoryType;
+export declare const Valid: StoryType;
+export declare const Invalid: StoryType;
+export declare const Disabled: StoryType;
+export default meta;

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

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Disabled = exports.Invalid = exports.Valid = exports.LimitedRange = exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const NumberField_1 = require("./NumberField");
+const utils_1 = require("../../utils");
+const meta = {
+    title: "Forms/NumberField",
+    component: NumberField_1.NumberField,
+    argTypes: Object.assign({ validationState: {
+            options: ["valid", "invalid", "neither"],
+            control: { type: "radio" },
+            mapping: {
+                valid: "valid",
+                invalid: "invalid",
+                neither: "",
+            },
+        }, minValue: {
+            control: {
+                control: { type: "range" },
+                min: 0,
+                max: 10,
+                step: 1,
+            },
+        }, maxValue: {
+            control: {
+                control: { type: "range" },
+                min: 0,
+                max: 10,
+                step: 1,
+            },
+        } }, (0, utils_1.excludeControls)("value")),
+    args: {
+        minValue: 0,
+        maxValue: 100,
+        placeholder: "",
+        isDisabled: false,
+        isReadOnly: false,
+    },
+    decorators: [
+        Story => ((0, jsx_runtime_1.jsx)(utils_1.StoryContainer, { children: (0, jsx_runtime_1.jsx)(Story, {}) })),
+    ],
+};
+exports.Normal = {
+    render: (args) => (0, jsx_runtime_1.jsx)(NumberField_1.NumberField, Object.assign({}, args)),
+    args: {
+        label: "Number field",
+        defaultValue: 0,
+        errorMessage: "",
+        step: 10,
+        isRequired: false,
+    },
+};
+exports.LimitedRange = {
+    render: (args) => (0, jsx_runtime_1.jsx)(NumberField_1.NumberField, Object.assign({}, args)),
+    args: {
+        label: "Number field",
+        minValue: -10,
+        maxValue: 10,
+        defaultValue: 0,
+        errorMessage: "",
+        step: 1,
+        isRequired: false,
+    },
+};
+exports.Valid = {
+    render: (args) => (0, jsx_runtime_1.jsx)(NumberField_1.NumberField, Object.assign({}, args)),
+    args: {
+        label: "Number field",
+        validationState: "valid",
+        defaultValue: 0,
+        errorMessage: "",
+        step: 1,
+        isRequired: false,
+    },
+};
+exports.Invalid = {
+    render: (args) => (0, jsx_runtime_1.jsx)(NumberField_1.NumberField, Object.assign({}, args)),
+    args: {
+        label: "Number field",
+        validationState: "invalid",
+        errorMessage: "Error message",
+        defaultValue: 0,
+        step: 1,
+        isRequired: false,
+    },
+};
+exports.Disabled = {
+    render: (args) => (0, jsx_runtime_1.jsx)(NumberField_1.NumberField, Object.assign({}, args)),
+    args: {
+        label: "Number field",
+        isDisabled: true,
+        defaultValue: 0,
+        errorMessage: "",
+        step: 1,
+        isRequired: false,
+    },
+};
+exports.default = meta;
+//# sourceMappingURL=NumberField.stories.js.map

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

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

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

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

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

@@ -0,0 +1,117 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const _1 = require(".");
+describe("NumberField", () => {
+    it("should render without errors", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "NumberField" }));
+    });
+    it("should render with label", () => {
+        const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "Sample label" }));
+        expect(getByText("Sample label")).toBeInTheDocument();
+    });
+    it("should render with error message", () => {
+        const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "Number", errorMessage: "Sample error message" }));
+        expect(getByLabelText("Number")).toHaveAccessibleDescription("Sample error message");
+    });
+    it("should render with disabled state", () => {
+        const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "Number", isDisabled: true }));
+        expect(getByLabelText("Number")).toBeDisabled();
+    });
+    it("should render with custom class name", () => {
+        const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "Number", className: "sample-class" }));
+        expect(getByLabelText("Number")).toHaveClass("sample-class");
+    });
+    describe("disabled", () => {
+        it("should disable the input when disabled", () => {
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "Number", isDisabled: true, defaultValue: 10 }));
+            expect(getByLabelText("Number")).toBeDisabled();
+        });
+    });
+    it.todo("should reformat on blur");
+    // it.todo("should reformat on blur", async () => {
+    // const { getByLabelText } = render(
+    //   <NumberField
+    //     label="Number"
+    //     formatOptions={{
+    //       style: "percent",
+    //     }}
+    //   />,
+    // );
+    // await userEvent.tab();
+    // await userEvent.type(getByLabelText("Number"), "42");
+    // await userEvent.tab();
+    // expect(getByLabelText("Number")).toHaveValue("42%");
+    // });
+    describe("isRequired", () => {
+        it("should set required attribute", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "Number", isDisabled: true, defaultValue: 10, isRequired: true }));
+            expect(react_1.screen.getByLabelText("Number")).toHaveAttribute("required");
+        });
+        it("should have className of --is-required when true", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "Number", isDisabled: true, defaultValue: 10, isRequired: true }));
+            expect(react_1.screen.getByLabelText("Number")).toHaveClass("--is-required");
+        });
+        it("should have className of --is-optional when false", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "Number", isDisabled: true, defaultValue: 10, isRequired: false }));
+            expect(react_1.screen.getByLabelText("Number")).toHaveClass("--is-optional");
+        });
+        it("should have neither --is-required nor --is-optional when unset", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "Number", isDisabled: true, defaultValue: 10 }));
+            expect(react_1.screen.getByLabelText("Number")).not.toHaveClass("--is-required");
+            expect(react_1.screen.getByLabelText("Number")).not.toHaveClass("--is-optional");
+        });
+    });
+    describe("user input", () => {
+        it("only allows numbers", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { id: "test", label: "Number", defaultValue: 0 }));
+            const input = container.querySelector("#test");
+            react_1.fireEvent.change(input, { target: { value: "ABC" } });
+            expect(input.value).toEqual(""); // zero
+            react_1.fireEvent.change(input, { target: { value: "-£" } });
+            expect(input.value).toEqual(""); // zero
+            react_1.fireEvent.change(input, { target: { value: "123" } });
+            expect(input.value).toEqual("123");
+        });
+        it("does not display leading zero", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { id: "test", label: "Number", defaultValue: 0 }));
+            const input = container.querySelector("#test");
+            expect(input.value).toEqual("");
+            react_1.fireEvent.change(input, { target: { value: "1" } });
+            expect(input.value).toEqual("1");
+        });
+        it.todo("allows arrow keys to change value in steps");
+        // Arrow keys not working on input[type="number"]
+        // it("allows arrow keys to change value", async () => {
+        //   const { container } = render(
+        //     <NumberField id="test" label="Number" defaultValue={1} minValue={0} />,
+        //   );
+        //   const input = container.querySelector("#test") as HTMLInputElement;
+        //   await userEvent.tab();
+        //   expect(input).toHaveFocus();
+        //   await userEvent.type(input, "{arrowup}");
+        //   expect(input.value).toEqual("2");
+        // });
+        it("prevents setting a value < minValue (if set)", async () => {
+            const mockChange = jest.fn();
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { id: "test", label: "Number", defaultValue: 10, minValue: 10, onChange: mockChange }));
+            const input = container.querySelector("#test");
+            react_1.fireEvent.change(input, { target: { value: "2" } });
+            expect(input.value).toEqual("10");
+            expect(mockChange).not.toHaveBeenCalled();
+        });
+        it("prevents setting a value > maxValue (if set)", async () => {
+            const mockChange = jest.fn();
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { id: "test", label: "Number", defaultValue: 10, minValue: 10, maxValue: 100, step: 5, onChange: mockChange }));
+            const input = container.querySelector("#test");
+            react_1.fireEvent.change(input, { target: { value: "999" } });
+            expect(input.value).toEqual("10"); // No change
+            expect(mockChange).not.toHaveBeenCalled();
+            react_1.fireEvent.change(input, { target: { value: "99" } });
+            expect(input.value).toEqual("99");
+            expect(mockChange).toHaveBeenCalledTimes(1);
+        });
+    });
+});
+//# sourceMappingURL=NumberField.test.js.map

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

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

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

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

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

@@ -0,0 +1,10 @@
+import { RefAttributes, Ref } from "react";
+import { ForwardedRefComponent } from "../../types/components";
+export interface OptionProps extends RefAttributes<HTMLOptionElement> {
+    value?: string;
+    children?: string;
+    isDisabled?: boolean;
+}
+export type OptionRef = Ref<HTMLOptionElement>;
+declare const Option: ForwardedRefComponent<OptionProps, HTMLOptionElement>;
+export { Option };

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

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

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

@@ -0,0 +1,5 @@
+import { type TextFieldProps, type TextFieldRef } from "../TextField";
+export interface PasswordFieldProps extends TextFieldProps {
+}
+export type PasswordFieldRef = TextFieldRef;
+export declare const PasswordField: import("react").ForwardRefExoticComponent<Omit<PasswordFieldProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

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

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

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

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const PasswordField_1 = require("./PasswordField");
+const utils_1 = require("../../utils");
+const meta = {
+    title: "Forms/PasswordField",
+    component: PasswordField_1.PasswordField,
+    argTypes: Object.assign({ validationState: {
+            options: ["valid", "invalid", "neither"],
+            control: { type: "radio" },
+            mapping: {
+                valid: "valid",
+                invalid: "invalid",
+                neither: "",
+            },
+        }, type: {
+            control: { type: "radio" },
+            options: ["text", "password"],
+        } }, (0, utils_1.excludeControls)("description")),
+    args: {
+        isReadOnly: false,
+    },
+    decorators: [
+        Story => ((0, jsx_runtime_1.jsx)(utils_1.StoryContainer, { children: (0, jsx_runtime_1.jsx)(Story, {}) })),
+    ],
+};
+exports.Normal = {
+    render: (args) => (0, jsx_runtime_1.jsx)(PasswordField_1.PasswordField, Object.assign({}, args)),
+    args: {
+        label: "Password",
+        placeholder: "",
+        isDisabled: false,
+        errorMessage: "",
+        type: "password",
+        isRequired: false,
+    },
+};
+exports.default = meta;
+//# sourceMappingURL=PasswordField.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordField.stories.js","sourceRoot":"","sources":["../../../../src/components/PasswordField/PasswordField.stories.tsx"],"names":[],"mappings":";;;;AACA,mDAAoE;AACpE,uCAA8D;AAI9D,MAAM,IAAI,GAA+B;IACvC,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,6BAAa;IACxB,QAAQ,kBACN,eAAe,EAAE;YACf,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC;YACxC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE;gBACP,KAAK,EAAE,OAAO;gBACd,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,EAAE;aACZ;SACF,EACD,IAAI,EAAE;YACJ,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC;SAC9B,IACE,IAAA,uBAAe,EAAC,aAAa,CAAC,CAClC;IACD,IAAI,EAAE;QACJ,UAAU,EAAE,KAAK;KAClB;IACD,UAAU,EAAE;QACV,KAAK,CAAC,EAAE,CAAC,CACP,uBAAC,sBAAc,cACb,uBAAC,KAAK,KAAG,GACM,CAClB;KACF;CACF,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAwB,EAAE,EAAE,CAAC,uBAAC,6BAAa,oBAAK,IAAI,EAAI;IACjE,IAAI,EAAE;QACJ,KAAK,EAAE,UAAU;QACjB,WAAW,EAAE,EAAE;QACf,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,EAAE;QAChB,IAAI,EAAE,UAAU;QAChB,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}

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

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

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

@@ -0,0 +1,34 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const PasswordField_1 = require("./PasswordField");
+describe("PasswordField", () => {
+    it("should render without errors", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(PasswordField_1.PasswordField, { label: "Password" }));
+        expect(container).toBeInTheDocument();
+    });
+    it("should hide the password by default", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(PasswordField_1.PasswordField, { label: "Password", "data-testid": "password-field" }));
+        expect(react_1.screen.getByTestId("password-field")).toHaveAttribute("type", "password");
+    });
+    it("should show the password on request", async () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(PasswordField_1.PasswordField, { label: "Password", "data-testid": "password-field" }));
+        await user_event_1.default.click(react_1.screen.getByTestId("show-hide-button"));
+        expect(react_1.screen.getByTestId("password-field")).toHaveAttribute("type", "text");
+    });
+    it("should return focus to input after pressing show/hide", async () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(PasswordField_1.PasswordField, { label: "Password", "data-testid": "password-field" }));
+        await user_event_1.default.tab();
+        expect(react_1.screen.getByTestId("password-field")).toHaveFocus();
+        // Press Show button with keyboard
+        await user_event_1.default.tab();
+        await user_event_1.default.keyboard("{enter}");
+        expect(react_1.screen.getByTestId("password-field")).toHaveFocus();
+    });
+});
+//# sourceMappingURL=PasswordField.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordField.test.js","sourceRoot":"","sources":["../../../../src/components/PasswordField/PasswordField.test.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAwD;AACxD,6EAAoD;AACpD,mDAAgD;AAEhD,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,6BAAa,IAAC,KAAK,EAAC,UAAU,GAAG,CAAC,CAAC;QACjE,MAAM,CAAC,SAAS,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;QAC7C,IAAA,cAAM,EAAC,uBAAC,6BAAa,IAAC,KAAK,EAAC,UAAU,iBAAa,gBAAgB,GAAG,CAAC,CAAC;QACxE,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe,CAC1D,MAAM,EACN,UAAU,CACX,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,KAAK,IAAI,EAAE;QACnD,IAAA,cAAM,EAAC,uBAAC,6BAAa,IAAC,KAAK,EAAC,UAAU,iBAAa,gBAAgB,GAAG,CAAC,CAAC;QACxE,MAAM,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC,CAAC;QAC9D,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe,CAC1D,MAAM,EACN,MAAM,CACP,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uDAAuD,EAAE,KAAK,IAAI,EAAE;QACrE,IAAA,cAAM,EAAC,uBAAC,6BAAa,IAAC,KAAK,EAAC,UAAU,iBAAa,gBAAgB,GAAG,CAAC,CAAC;QACxE,MAAM,oBAAS,CAAC,GAAG,EAAE,CAAC;QACtB,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;QAE3D,kCAAkC;QAClC,MAAM,oBAAS,CAAC,GAAG,EAAE,CAAC;QACtB,MAAM,oBAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;QAEpC,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IAC7D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/cjs/components/PasswordField/ShowHideButton.d.ts

@@ -0,0 +1,5 @@
+export interface ShowHideButtonProps {
+    show?: boolean;
+    onClick: () => void;
+}
+export declare const ShowHideButton: ({ show, onClick, }: ShowHideButtonProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,15 @@
+import { ReactElement, ReactNode, Ref, RefAttributes } from "react";
+import { DOMProps } from "../../types";
+export type PopoverElementType = HTMLDivElement;
+export interface PopoverProps extends DOMProps, RefAttributes<PopoverElementType> {
+    children?: ReactNode;
+    trigger: ReactElement;
+    /** Callback that fires each time the accordion is opened */
+    onOpen?: () => void;
+    /** Callback that fires each time the accordion is closed */
+    onClose?: () => void;
+    /** Custom class name for setting specific CSS */
+    className?: string;
+}
+export type PopoverRef = Ref<PopoverElementType>;
+export declare const Popover: (props: PopoverProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomTrigger = exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const __1 = require("..");
+const utils_1 = require("../../utils");
+const meta = {
+    title: "Components/Popover",
+    component: __1.Popover,
+    argTypes: Object.assign({}, (0, utils_1.excludeControls)("trigger", "anchor", "children")),
+    decorators: [
+        Story => {
+            // eslint-disable-next-line global-require
+            require("./Popover.story.styles.css");
+            return (0, jsx_runtime_1.jsx)(Story, {});
+        },
+    ],
+};
+const QuestionIcon = (0, react_1.forwardRef)((props, ref) => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", width: "16px", height: "16px", ref: ref }, props, { children: [(0, jsx_runtime_1.jsxs)("g", { clipPath: "url(#clip0_1641_88567)", children: [(0, jsx_runtime_1.jsx)("path", { d: "M6.25 6.25002C6.25017 5.36011 6.91818 4.61203 7.80241 4.51155C8.68663 4.41107 9.50546 4.99019 9.7053 5.85737C9.90515 6.72456 9.42235 7.60364 8.58333 7.90027C8.23357 8.02393 7.99981 8.35471 8 8.72569V9.31253", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M8 11.0625C7.87919 11.0625 7.78125 11.1604 7.78125 11.2812C7.78125 11.4021 7.87919 11.5 8 11.5C8.12081 11.5 8.21875 11.4021 8.21875 11.2812C8.21875 11.1604 8.12081 11.0625 8 11.0625V11.0625", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("circle", { cx: "8", cy: "8", r: "6.5625", stroke: "currentColor" })] }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { id: "clip0_1641_88567", children: (0, jsx_runtime_1.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })] }))));
+exports.Normal = {
+    render: (args) => (0, jsx_runtime_1.jsx)(__1.Popover, Object.assign({}, args)),
+    args: {
+        children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "No way! Now I know everything I need to \uD83D\uDE80." }),
+        trigger: (0, jsx_runtime_1.jsx)(__1.Button, { variant: "primary", children: "If only I had more information" }),
+    },
+};
+exports.CustomTrigger = {
+    render: () => ((0, jsx_runtime_1.jsx)("div", { className: "popover-example", children: (0, jsx_runtime_1.jsx)(__1.Popover, { trigger: (0, jsx_runtime_1.jsx)(__1.Button, { variant: "ghost", children: (0, jsx_runtime_1.jsxs)(__1.Flex, { children: [(0, jsx_runtime_1.jsx)("span", { children: "Occurrence Limit" }), (0, jsx_runtime_1.jsx)(QuestionIcon, {})] }) }), children: "This is the maximum amount of money you'll get to cover a single incident that occurs during the policy period, regardless of when it's reported." }) })),
+};
+exports.default = meta;
+//# sourceMappingURL=Popover.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.stories.js","sourceRoot":"","sources":["../../../../src/components/Popover/Popover.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAAwC;AACxC,0BAAyD;AACzD,uCAA8C;AAI9C,MAAM,IAAI,GAAyB;IACjC,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,WAAO;IAClB,QAAQ,oBACH,IAAA,uBAAe,EAAC,SAAS,EAAE,QAAQ,EAAE,UAAU,CAAC,CACpD;IACD,UAAU,EAAE;QACV,KAAK,CAAC,EAAE;YACN,0CAA0C;YAC1C,OAAO,CAAC,4BAA4B,CAAC,CAAC;YAEtC,OAAO,uBAAC,KAAK,KAAG,CAAC;QACnB,CAAC;KACF;CACF,CAAC;AAIF,MAAM,YAAY,GAAG,IAAA,kBAAU,EAC7B,CAAC,KAAwB,EAAE,GAAuB,EAAE,EAAE,CAAC,CACrD,+CACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,GAAG,EAAE,GAAG,IACJ,KAAK,eAET,+BAAG,QAAQ,EAAC,wBAAwB,aAClC,iCACE,CAAC,EAAC,gNAAgN,EAClN,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,EACF,iCACE,CAAC,EAAC,+LAA+L,EACjM,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,EACF,mCAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,QAAQ,EAAC,MAAM,EAAC,cAAc,GAAG,IACvD,EACJ,2CACE,qCAAU,EAAE,EAAC,kBAAkB,YAC7B,iCAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,GAAG,GACnC,GACN,KACH,CACP,CACF,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAkB,EAAE,EAAE,CAAC,uBAAC,WAAO,oBAAK,IAAI,EAAI;IACrD,IAAI,EAAE;QACJ,QAAQ,EAAE,qHAAgD;QAC1D,OAAO,EAAE,uBAAC,UAAM,IAAC,OAAO,EAAC,SAAS,+CAAwC;KAC3E;CACF,CAAC;AAEW,QAAA,aAAa,GAAc;IACtC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,gCAAK,SAAS,EAAC,iBAAiB,YAC9B,uBAAC,WAAO,IACN,OAAO,EACL,uBAAC,UAAM,IAAC,OAAO,EAAC,OAAO,YACrB,wBAAC,QAAI,eACH,gEAA6B,EAC7B,uBAAC,YAAY,KAAG,IACX,GACA,kKAMH,GACN,CACP;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}

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

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

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

@@ -0,0 +1,104 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const _1 = require(".");
+const CONTAINER_CLASS_NAME = "mobius/PopoverContainer";
+const TOGGLE_CLASS_NAME = "mobius/PopoverToggle";
+const POPOVER_CLASS_NAME = "mobius/Popover";
+const HEADER_CLASS_NAME = "mobius/PopoverHeader";
+const CLOSE_BUTTON_CLASS_NAME = "mobius/PopoverCloseButton";
+const CLOSE_ICON_CLASS_NAME = "mobius/PopoverCloseIcon";
+const BODY_CLASS_NAME = "mobius/PopoverBody";
+describe("Popover", () => {
+    it("should render without errors", () => {
+        const component = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Popover, { trigger: (0, jsx_runtime_1.jsx)("button", { type: "button", children: "Click me" }), children: "Sample Text" }));
+        expect(component).toBeTruthy();
+    });
+    it("should open when clicked", async () => {
+        const sampleText = "Sample Text";
+        const triggerText = "Click me";
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Popover, { trigger: (0, jsx_runtime_1.jsx)("button", { type: "button", children: triggerText }), children: sampleText }));
+        const button = react_1.screen.getByText(triggerText);
+        react_1.fireEvent.click(button);
+        await (0, react_1.waitFor)(() => {
+            expect(react_1.screen.queryByText(sampleText)).toBeInTheDocument();
+        });
+        const closeButton = react_1.screen.getByLabelText("Close");
+        react_1.fireEvent.click(closeButton);
+        expect(react_1.screen.queryByText(sampleText)).not.toBeInTheDocument();
+    });
+    describe("uses correct class names", () => {
+        it("uses correct classes", async () => {
+            const sampleText = "Sample Text";
+            const triggerText = "Click me";
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Popover, { trigger: (0, jsx_runtime_1.jsx)("button", { type: "button", children: triggerText }), children: sampleText }));
+            const button = react_1.screen.getByText(triggerText);
+            expect(button).toHaveClass(TOGGLE_CLASS_NAME);
+            react_1.fireEvent.click(button);
+            const popoverContainer = button.nextSibling;
+            await (0, react_1.waitFor)(() => {
+                expect(popoverContainer).toHaveClass("mobius");
+            });
+            const closeButton = react_1.screen.getByLabelText("Close");
+            const body = react_1.screen.getByText(sampleText);
+            expect(popoverContainer).toHaveClass(CONTAINER_CLASS_NAME);
+            expect(popoverContainer === null || popoverContainer === void 0 ? void 0 : popoverContainer.firstChild).toHaveClass(POPOVER_CLASS_NAME);
+            expect(closeButton.parentElement).toHaveClass(HEADER_CLASS_NAME);
+            expect(closeButton).toHaveClass(CLOSE_BUTTON_CLASS_NAME);
+            expect(closeButton.firstChild).toHaveClass(CLOSE_ICON_CLASS_NAME);
+            expect(body).toHaveClass(BODY_CLASS_NAME);
+        });
+        it("includes custom class name", async () => {
+            const customClassName = "my-class";
+            const sampleText = "Sample Text";
+            const triggerText = "Click me";
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Popover, { className: customClassName, trigger: (0, jsx_runtime_1.jsx)("button", { type: "button", children: triggerText }), children: sampleText }));
+            const button = react_1.screen.getByText(triggerText);
+            react_1.fireEvent.click(button);
+            const popoverContainer = button.nextSibling;
+            await (0, react_1.waitFor)(() => {
+                expect(popoverContainer).toHaveClass(customClassName);
+            });
+        });
+        it("passes trigger class names", () => {
+            const sampleText = "Sample Text";
+            const triggerText = "Click me";
+            const customClassName = "custom-trigger-class-name";
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Popover, { trigger: (0, jsx_runtime_1.jsx)("button", { type: "button", className: customClassName, children: triggerText }), children: sampleText }));
+            const button = react_1.screen.getByText(triggerText);
+            expect(button).toHaveClass(customClassName);
+        });
+    });
+    describe("events", () => {
+        it("calls onOpen when Popover is opened", async () => {
+            const sampleText = "Sample Text";
+            const triggerText = "Click me";
+            const onOpen = jest.fn();
+            const onClose = jest.fn();
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Popover, { trigger: (0, jsx_runtime_1.jsx)("button", { type: "button", children: triggerText }), onOpen: onOpen, onClose: onClose, children: sampleText }));
+            const toggle = react_1.screen.getByText(triggerText);
+            react_1.fireEvent.click(toggle);
+            await (0, react_1.waitFor)(() => {
+                expect(onOpen).toHaveBeenCalled();
+                expect(onClose).not.toHaveBeenCalled();
+            });
+        });
+        it("calls onClose when Popover is closed", async () => {
+            const sampleText = "Sample Text";
+            const triggerText = "Click me";
+            const onOpen = jest.fn();
+            const onClose = jest.fn();
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Popover, { trigger: (0, jsx_runtime_1.jsx)("button", { type: "button", children: triggerText }), onOpen: onOpen, onClose: onClose, children: sampleText }));
+            const toggle = react_1.screen.getByText(triggerText);
+            react_1.fireEvent.click(toggle);
+            const closeButton = react_1.screen.getByLabelText("Close");
+            react_1.fireEvent.click(closeButton);
+            await (0, react_1.waitFor)(() => {
+                expect(onClose).toHaveBeenCalled();
+                expect(onOpen).toHaveBeenCalledTimes(1);
+            });
+        });
+    });
+});
+//# sourceMappingURL=Popover.test.js.map