@simplybusiness/mobius 3.0.0

package/dist/esm/components/TextAreaInput/TextAreaInput.test.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import { TextAreaInput } from ".";
+const CLASS_NAME = "mobius/TextAreaInput";
+describe("TextAreaInput", () => {
+    it("should render without errors", () => {
+        render(_jsx(TextAreaInput, {}));
+    });
+    describe("uses correct class names", () => {
+        it("uses Mobius class", () => {
+            render(_jsx(TextAreaInput, { "aria-label": "test" }));
+            expect(screen.getByLabelText("test")).toHaveClass("mobius");
+        });
+        it("uses base Mobius class", () => {
+            render(_jsx(TextAreaInput, { "aria-label": "test" }));
+            expect(screen.getByLabelText("test")).toHaveClass(CLASS_NAME);
+        });
+        it("includes hovered class name", () => {
+            render(_jsx(TextAreaInput, { "aria-label": "test", isHovered: true }));
+            // fireEvent.mouseOver(screen.getByLabelText("test"));
+            expect(screen.getByLabelText("test")).toHaveClass("--is-hovered");
+        });
+        it("includes focused-visible class name", () => {
+            render(_jsx(TextAreaInput, { "aria-label": "test", isFocusVisible: true }));
+            expect(screen.getByLabelText("test")).toHaveClass("--is-focused");
+        });
+        it("includes disabled class name", () => {
+            render(_jsx(TextAreaInput, { "aria-label": "test", isDisabled: true }));
+            expect(screen.getByLabelText("test")).toHaveClass("--is-disabled");
+        });
+        it("includes selected class name", () => {
+            render(_jsx(TextAreaInput, { "aria-label": "test", isSelected: true }));
+            expect(screen.getByLabelText("test")).toHaveClass("--is-selected");
+        });
+        it("includes custom class name", () => {
+            render(_jsx(TextAreaInput, { "aria-label": "test", className: "my-class" }));
+            expect(screen.getByLabelText("test")).toHaveClass("my-class");
+            expect(screen.getByLabelText("test")).toHaveClass(CLASS_NAME);
+        });
+    });
+});
+//# sourceMappingURL=TextAreaInput.test.js.map

package/dist/esm/components/TextAreaInput/TextAreaInput.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextAreaInput.test.js","sourceRoot":"","sources":["../../../../src/components/TextAreaInput/TextAreaInput.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,GAAG,CAAC;AAElC,MAAM,UAAU,GAAG,sBAAsB,CAAC;AAE1C,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,CAAC,KAAC,aAAa,KAAG,CAAC,CAAC;IAC5B,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACxC,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;YAC3B,MAAM,CAAC,KAAC,aAAa,kBAAY,MAAM,GAAG,CAAC,CAAC;YAC5C,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC9D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;YAChC,MAAM,CAAC,KAAC,aAAa,kBAAY,MAAM,GAAG,CAAC,CAAC;YAC5C,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAChE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE;YACrC,MAAM,CAAC,KAAC,aAAa,kBAAY,MAAM,EAAC,SAAS,SAAG,CAAC,CAAC;YACtD,sDAAsD;YACtD,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;QACpE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;YAC7C,MAAM,CAAC,KAAC,aAAa,kBAAY,MAAM,EAAC,cAAc,SAAG,CAAC,CAAC;YAC3D,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;QACpE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;YACtC,MAAM,CAAC,KAAC,aAAa,kBAAY,MAAM,EAAC,UAAU,SAAG,CAAC,CAAC;YACvD,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;QACrE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;YACtC,MAAM,CAAC,KAAC,aAAa,kBAAY,MAAM,EAAC,UAAU,SAAG,CAAC,CAAC;YACvD,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;QACrE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;YACpC,MAAM,CAAC,KAAC,aAAa,kBAAY,MAAM,EAAC,SAAS,EAAC,UAAU,GAAG,CAAC,CAAC;YACjE,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YAC9D,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAChE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/esm/components/TextAreaInput/index.js

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

package/dist/esm/components/TextAreaInput/index.js.map

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

package/dist/esm/components/TextField/TextField.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { forwardRef, } from "react";
+import { useTextField } from "@react-aria/textfield";
+import { useHover } from "@react-aria/interactions";
+import { useFocusRing } from "@react-aria/focus";
+import clsx from "clsx";
+import { Label } from "../Label";
+import { ErrorMessage } from "../ErrorMessage";
+import { Flex } from "../Flex";
+const TextField = forwardRef((props, ref) => {
+    const { isDisabled, onHoverChange, onHoverStart, onHoverEnd, type = "text", validationState, className, label, errorMessage, children, isRequired, } = props;
+    const { inputProps, labelProps, errorMessageProps } = useTextField(Object.assign(Object.assign({}, props), { "aria-errormessage": errorMessage }), ref);
+    const { isFocusVisible, focusProps } = useFocusRing({
+        within: true,
+    });
+    const { isHovered, hoverProps } = useHover({
+        isDisabled,
+        onHoverChange,
+        onHoverStart,
+        onHoverEnd,
+    });
+    const hidden = type === "hidden";
+    const textfieldClasses = {
+        "--is-focused": isFocusVisible,
+        "--is-disabled": isDisabled,
+        "--is-hovered": isHovered,
+        "--is-valid": validationState === "valid",
+        "--is-invalid": validationState === "invalid",
+        "--is-required": typeof isRequired === "boolean" && isRequired,
+        "--is-optional": typeof isRequired === "boolean" && !isRequired,
+        [className || ""]: true,
+    };
+    const labelClasses = clsx({
+        "--is-disabled": isDisabled,
+        "--is-valid": validationState === "valid",
+        "--is-invalid": validationState === "invalid",
+    });
+    const containerClasses = clsx("mobius/TextField", textfieldClasses);
+    const inputClasses = clsx("mobius", "mobius/TextInput", textfieldClasses);
+    return (_jsxs(Flex, Object.assign({ css: { flexDirection: "column" }, className: containerClasses }, focusProps, { children: [label && !hidden && (_jsx(Label, Object.assign({}, labelProps, { className: labelClasses }, { children: label }))), _jsxs("div", Object.assign({ className: "mobius/TextFieldInputWrapper" }, { children: [_jsx("input", Object.assign({}, inputProps, hoverProps, { disabled: isDisabled, ref: ref, type: type, "aria-label": hidden ? props.label : undefined, "aria-invalid": errorMessage != null, className: inputClasses })), _jsx("div", Object.assign({ className: "mobius/TextFieldChildren" }, { children: children }))] })), _jsx(ErrorMessage, Object.assign({}, errorMessageProps, { errorMessage: errorMessage }))] })));
+});
+TextField.displayName = "TextField";
+export { TextField };
+//# sourceMappingURL=TextField.js.map

package/dist/esm/components/TextField/TextField.js.map

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

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

@@ -0,0 +1,125 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { fireEvent, render, screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { matchers } from "@emotion/jest";
+import { TextField } from ".";
+const WRAPPER_CLASS_NAME = "mobius/TextField";
+const INPUT_CLASS_NAME = "mobius/TextInput";
+expect.extend(matchers);
+describe("Test for TextField", () => {
+    it("should render without errors", () => {
+        render(_jsx(TextField, { label: "First name", "data-testid": "textfield" }));
+        expect(screen.getByTestId("textfield")).toHaveAttribute("type", "text");
+    });
+    it("can be hidden", () => {
+        render(_jsx(TextField, { label: "Secret Value", type: "hidden", value: "SECRET", "data-testid": "test" }));
+        expect(screen.getByTestId("test")).toHaveAttribute("type", "hidden");
+        expect(screen.getByTestId("test")).toHaveAttribute("value", "SECRET");
+        expect(screen.getByTestId("test")).toHaveAttribute("aria-label", "Secret Value");
+    });
+    it("correctly passes on type attribute", () => {
+        render(_jsx(TextField, { label: "Secret Value", type: "password", value: "SECRET", "data-testid": "test" }));
+        expect(screen.getByTestId("test")).toHaveAttribute("type", "password");
+    });
+    describe("isRequired", () => {
+        it("should set aria-required to true", () => {
+            render(_jsx(TextField, { label: "First name", isRequired: true }));
+            expect(screen.getByLabelText("First name")).toHaveAttribute("aria-required", "true");
+        });
+        it("should have className of --is-required when true", () => {
+            render(_jsx(TextField, { label: "First name", isRequired: true }));
+            expect(screen.getByLabelText("First name")).toHaveClass("--is-required");
+        });
+        it("should have className of --is-optional when false", () => {
+            render(_jsx(TextField, { label: "First name", isRequired: false }));
+            expect(screen.getByLabelText("First name")).toHaveClass("--is-optional");
+        });
+        it("should have neither --is-required nor --is-optional when unset", () => {
+            render(_jsx(TextField, { label: "First name" }));
+            expect(screen.getByLabelText("First name")).not.toHaveClass("--is-required");
+            expect(screen.getByLabelText("First name")).not.toHaveClass("--is-optional");
+        });
+    });
+    describe("uses correct class names", () => {
+        describe("for container", () => {
+            it("uses Mobius class", () => {
+                const { container } = render(_jsx(TextField, { label: "TextField", "data-testid": "test" }));
+                expect(container.firstChild).toHaveClass("mobius");
+            });
+            it("uses base Mobius class", () => {
+                const { container } = render(_jsx(TextField, { label: "TextField", "data-testid": "test" }));
+                expect(container.firstChild).toHaveClass(WRAPPER_CLASS_NAME);
+            });
+            it("includes disabled class name", () => {
+                const { container } = render(_jsx(TextField, { label: "TextField", "data-testid": "test", isDisabled: true }));
+                expect(container.firstChild).toHaveClass("--is-disabled");
+            });
+            it("includes valid class name", () => {
+                const { container } = render(_jsx(TextField, { label: "TextField", "data-testid": "test", validationState: "valid" }));
+                expect(container.firstChild).toHaveClass("--is-valid");
+            });
+            it("includes invalid class name", () => {
+                const { container } = render(_jsx(TextField, { label: "TextField", "data-testid": "test", validationState: "invalid" }));
+                expect(container.firstChild).toHaveClass("--is-invalid");
+            });
+            it("includes custom class name", () => {
+                const { container } = render(_jsx(TextField, { label: "TextField", "data-testid": "test", className: "my-class" }));
+                expect(container.firstChild).toHaveClass("my-class");
+            });
+        });
+        describe("for input", () => {
+            it("uses Mobius class", () => {
+                render(_jsx(TextField, { label: "TextField", "data-testid": "test" }));
+                expect(screen.getByTestId("test")).toHaveClass("mobius");
+            });
+            it("uses base Mobius class", () => {
+                render(_jsx(TextField, { label: "TextField", "data-testid": "test" }));
+                expect(screen.getByTestId("test")).toHaveClass(INPUT_CLASS_NAME);
+            });
+            it("includes disabled class name and attribute", () => {
+                render(_jsx(TextField, { label: "TextField", "data-testid": "test", isDisabled: true }));
+                const inputField = screen.getByTestId("test");
+                expect(inputField).toBeDisabled();
+                expect(screen.getByLabelText("TextField")).toHaveClass("--is-disabled");
+            });
+            it("includes valid class name", () => {
+                render(_jsx(TextField, { label: "TextField", validationState: "valid" }));
+                expect(screen.getByLabelText("TextField")).toHaveClass("--is-valid");
+            });
+            it("includes invalid class name", () => {
+                render(_jsx(TextField, { label: "TextField", validationState: "invalid" }));
+                expect(screen.getByLabelText("TextField")).toHaveClass("--is-invalid");
+            });
+            it("includes hovered class name", async () => {
+                render(_jsx(TextField, { label: "TextField", "data-testid": "test" }));
+                const input = screen.getByTestId("test");
+                await fireEvent.mouseEnter(input);
+                expect(input).toHaveClass("--is-hovered");
+            });
+            it("includes focused-visible class name", async () => {
+                render(_jsx(TextField, { label: "TextField", "data-testid": "test" }));
+                await userEvent.tab();
+                expect(screen.getByTestId("test")).toHaveClass("--is-focused");
+            });
+            it("includes custom class name", () => {
+                render(_jsx(TextField, { label: "TextField", "data-testid": "test", className: "my-class" }));
+                expect(screen.getByTestId("test")).toHaveClass("my-class");
+            });
+        });
+    });
+    describe("with errors", () => {
+        it("should render the error", () => {
+            const { getByText } = render(_jsx(TextField, { label: "Name", name: "name", errorMessage: "Required" }));
+            expect(getByText("Required")).toBeTruthy();
+        });
+        it("should set aria-invalid to true", () => {
+            const { getByLabelText } = render(_jsx(TextField, { label: "Name", name: "name", errorMessage: "Required" }));
+            expect(getByLabelText("Name").getAttribute("aria-invalid")).toBeTruthy();
+        });
+        it("should set the correct aria-describedby attribute", () => {
+            const { getByLabelText } = render(_jsx(TextField, { label: "Name", name: "name", errorMessage: "Required" }));
+            expect(getByLabelText("Name")).toHaveAccessibleDescription("Required");
+        });
+    });
+});
+//# sourceMappingURL=TextField.test.js.map

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

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

package/dist/esm/components/TextField/index.js

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

package/dist/esm/components/TextField/index.js.map

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

package/dist/esm/components/Title/Title.js

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

package/dist/esm/components/Title/Title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../../src/components/Title/Title.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAO,UAAU,EAA4B,MAAM,OAAO,CAAC;AAElE,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAe/B,MAAM,KAAK,GAAwD,UAAU,CAC3E,CAAC,KAAiB,EAAE,GAAa,EAAE,EAAE;IACnC,MAAM,EACJ,WAAW,EAAE,OAAO,GAAG,KAAK,EAC5B,KAAK,EACL,WAAW,KAET,KAAK,EADJ,UAAU,UACX,KAAK,EALH,uCAKL,CAAQ,CAAC;IAEV,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,cAAc,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IACrE,MAAM,aAAa,GAAG,IAAI,CAAC,QAAQ,EAAE,oBAAoB,CAAC,CAAC;IAC3D,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,EAAE,yBAAyB,CAAC,CAAC;IACjE,MAAM,gBAAgB,GAAG,IAAI,CAAC,QAAQ,EAAE,uBAAuB,CAAC,CAAC;IAEjE,OAAO,CACL,KAAC,OAAO,kBAAC,GAAG,EAAE,GAAG,IAAM,UAAU,IAAE,SAAS,EAAE,OAAO,gBACnD,MAAC,IAAI,kBAAC,aAAa,EAAC,QAAQ,EAAC,SAAS,EAAE,gBAAgB,iBACtD,0BAAG,SAAS,EAAE,aAAa,gBAAG,KAAK,IAAK,EACxC,0BAAG,SAAS,EAAE,cAAc,gBAAG,WAAW,IAAK,KAC1C,IACC,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,CAAC"}

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

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import { Title } from ".";
+describe("Title", () => {
+    it("should render the correct title", () => {
+        render(_jsx(Title, { title: "General Liability", description: "Business Co." }));
+        expect(screen.getByText("General Liability")).toBeInTheDocument();
+    });
+    it("should render the correct description", () => {
+        render(_jsx(Title, { title: "General Liability", description: "Business Co." }));
+        expect(screen.getByText("Business Co.")).toBeInTheDocument();
+    });
+    describe("given elementType", () => {
+        it("is not applied as element attribute", () => {
+            const { container } = render(_jsx(Title, { title: "General Liability", description: "Business Co.", elementType: "ul" }));
+            expect(container.firstChild).not.toHaveAttribute("elementtype", "ul");
+        });
+    });
+});
+//# sourceMappingURL=Title.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Title.test.js","sourceRoot":"","sources":["../../../../src/components/Title/Title.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC;AAE1B,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IACrB,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,MAAM,CAAC,KAAC,KAAK,IAAC,KAAK,EAAC,mBAAmB,EAAC,WAAW,EAAC,cAAc,GAAG,CAAC,CAAC;QAEvE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACpE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE,GAAG,EAAE;QAC/C,MAAM,CAAC,KAAC,KAAK,IAAC,KAAK,EAAC,mBAAmB,EAAC,WAAW,EAAC,cAAc,GAAG,CAAC,CAAC;QAEvE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC/D,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;QACjC,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;YAC7C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,KAAK,IACJ,KAAK,EAAC,mBAAmB,EACzB,WAAW,EAAC,cAAc,EAC1B,WAAW,EAAC,IAAI,GAChB,CACH,CAAC;YACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;QACxE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/esm/components/Title/index.js

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

package/dist/esm/components/Title/index.js.map

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

package/dist/esm/components/VisuallyHidden/index.js

@@ -0,0 +1,2 @@
+export { VisuallyHidden, useVisuallyHidden, } from "@react-aria/visually-hidden";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/VisuallyHidden/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/VisuallyHidden/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,iBAAiB,GAElB,MAAM,6BAA6B,CAAC"}

package/dist/esm/components/index.js

@@ -0,0 +1,41 @@
+import * as Chopin from "./Chopin";
+export { Chopin };
+export * from "./Accordion";
+export * from "./Box";
+export * from "./Breadcrumbs";
+export * from "./Button";
+export * from "./Checkbox";
+export * from "./Container";
+export * from "./Divider";
+export * from "./DropdownMenu";
+export * from "./ErrorMessage";
+export * from "./Fieldset";
+export * from "./Flex";
+export * from "./Grid";
+export * from "./Icon";
+export * from "./Image";
+export * from "./Label";
+export * from "./Link";
+export * from "./LinkButton";
+export * from "./List";
+export * from "./LoadingIndicator";
+export * from "./Modal";
+export * from "./Option";
+export * from "./Progress";
+export * from "./Radio";
+export * from "./Segment";
+export * from "./Select";
+export * from "./Slider";
+export * from "./SVG";
+export * from "./Table";
+export * from "./Text";
+export * from "./TextArea";
+export * from "./TextAreaInput";
+export * from "./TextField";
+export * from "./Alert";
+export * from "./VisuallyHidden";
+export * from "./Title";
+export * from "./DataTable";
+export * from "./PasswordField";
+export * from "./NumberField";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AAEnC,OAAO,EAAE,MAAM,EAAE,CAAC;AAElB,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC"}

package/dist/esm/contexts/ThemeContext/ThemeContext.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { useState, createContext, useCallback, useMemo } from "react";
+import * as baseIcons from "@simplybusiness/icons";
+const context = {
+    icons: Object.assign({}, baseIcons),
+    breakpoints: [],
+    setBreakpoints: (_config) => { },
+};
+export const ThemeContext = createContext(context);
+export const ThemeProvider = ({ children, icons }) => {
+    const [breakpointConfig, setBreakpointConfig] = useState([]);
+    const setConfig = useCallback((config) => {
+        setBreakpointConfig(config);
+    }, []);
+    const providerValue = useMemo(() => ({
+        icons: Object.assign(Object.assign({}, baseIcons), icons === null || icons === void 0 ? void 0 : icons.default),
+        breakpoints: breakpointConfig,
+        setBreakpoints: setConfig,
+    }), [breakpointConfig, icons, setConfig]);
+    return (_jsx(ThemeContext.Provider, Object.assign({ value: providerValue }, { children: children })));
+};
+//# sourceMappingURL=ThemeContext.js.map

package/dist/esm/contexts/ThemeContext/ThemeContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext.js","sourceRoot":"","sources":["../../../../src/contexts/ThemeContext/ThemeContext.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,SAAS,MAAM,uBAAuB,CAAC;AAoBnD,MAAM,OAAO,GAAsB;IACjC,KAAK,oBACA,SAAS,CACb;IACD,WAAW,EAAE,EAAE;IACf,cAAc,EAAE,CAAC,OAAwB,EAAE,EAAE,GAAE,CAAC;CACjD,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;AAMnD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAsB,EAAE,EAAE;IACvE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAkB,EAAE,CAAC,CAAC;IAE9E,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,MAAuB,EAAE,EAAE;QACxD,mBAAmB,CAAC,MAAM,CAAC,CAAC;IAC9B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CAAC,CAAC;QACL,KAAK,kCACC,SAAmB,GACnB,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAA4B,CACxC;QACD,WAAW,EAAE,gBAAgB;QAC7B,cAAc,EAAE,SAAS;KAC1B,CAAC,EACF,CAAC,gBAAgB,EAAE,KAAK,EAAE,SAAS,CAAC,CACrC,CAAC;IAEF,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,kBAAC,KAAK,EAAE,aAAa,gBACxC,QAAQ,IACa,CACzB,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/contexts/ThemeContext/ThemeContext.test.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { render, screen, waitFor } from "@testing-library/react";
+import { ThemeProvider } from ".";
+describe("ThemeProvider", () => {
+    it("should render child components without errors", async () => {
+        render(_jsx(ThemeProvider, { children: "Sample content" }));
+        await waitFor(() => expect(screen.getByText("Sample content")).toBeInTheDocument());
+    });
+});
+//# sourceMappingURL=ThemeContext.test.js.map

package/dist/esm/contexts/ThemeContext/ThemeContext.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext.test.js","sourceRoot":"","sources":["../../../../src/contexts/ThemeContext/ThemeContext.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,GAAG,CAAC;AAElC,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,+CAA+C,EAAE,KAAK,IAAI,EAAE;QAC7D,MAAM,CAAC,KAAC,aAAa,iCAA+B,CAAC,CAAC;QAEtD,MAAM,OAAO,CAAC,GAAG,EAAE,CACjB,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAC/D,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/esm/contexts/ThemeContext/index.js

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

package/dist/esm/contexts/ThemeContext/index.js.map

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

package/dist/esm/contexts/index.js

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

package/dist/esm/contexts/index.js.map

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

package/dist/esm/hooks/index.js

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

package/dist/esm/hooks/index.js.map

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

package/dist/esm/hooks/useBreakpoint/index.js

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

package/dist/esm/hooks/useBreakpoint/index.js.map

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

package/dist/esm/hooks/useBreakpoint/useBreakpoint.js

@@ -0,0 +1,61 @@
+import { useEffect, useState, useContext, useCallback, useMemo } from "react";
+import debounce from "lodash.debounce";
+import { ThemeContext } from "../../contexts";
+const getBreakpoint = (config, windowWidth) => {
+    // When breakpoint size and windowWidth are a match
+    // The addition of 1px ensures the right breakpoint
+    const closest = config.findIndex(breakpoint => breakpoint.value >= windowWidth + 1);
+    const smallest = config[0];
+    const largest = config[config.length - 1];
+    const match = config[closest - 1];
+    if (closest === 0)
+        return smallest;
+    if (closest === -1)
+        return largest;
+    return match;
+};
+export const DEFAULT_BREAKPOINT = { size: "xs", value: 0 };
+const useBreakpoint = () => {
+    const isServerSide = typeof window === "undefined";
+    const { breakpoints } = useContext(ThemeContext);
+    const config = useMemo(() => (Array.isArray(breakpoints) ? [...breakpoints] : []), [breakpoints]);
+    const [windowWidth, setWindowWidth] = useState(isServerSide ? 0 : window.innerWidth);
+    const [currentBreakpoint, setCurrentBreakpoint] = useState(DEFAULT_BREAKPOINT);
+    const handleResize = () => {
+        setWindowWidth(window.innerWidth);
+    };
+    useEffect(() => {
+        if (!windowWidth || config.length === 0) {
+            setCurrentBreakpoint(DEFAULT_BREAKPOINT);
+            return;
+        }
+        const newBreakpoint = getBreakpoint(config, windowWidth);
+        // Don't update state if value is the same
+        if (currentBreakpoint.size === (newBreakpoint === null || newBreakpoint === void 0 ? void 0 : newBreakpoint.size))
+            return;
+        setCurrentBreakpoint(newBreakpoint);
+    }, [config, currentBreakpoint, windowWidth]);
+    useEffect(() => {
+        window.addEventListener("resize", debounce(handleResize, 200), {
+            passive: true,
+        });
+        return () => window.removeEventListener("resize", handleResize);
+    }, []);
+    const up = useCallback((size) => {
+        const sizeIndex = config.findIndex(item => item.size === size);
+        const currentIndex = config.findIndex(item => item.size === currentBreakpoint.size);
+        return currentIndex >= sizeIndex;
+    }, [config, currentBreakpoint]);
+    const down = useCallback((size) => {
+        const sizeIndex = config.findIndex(item => item.size === size);
+        const currentIndex = config.findIndex(item => item.size === currentBreakpoint.size);
+        return currentIndex <= sizeIndex;
+    }, [config, currentBreakpoint]);
+    return {
+        breakpoint: isServerSide ? DEFAULT_BREAKPOINT : currentBreakpoint,
+        up,
+        down,
+    };
+};
+export { useBreakpoint };
+//# sourceMappingURL=useBreakpoint.js.map

package/dist/esm/hooks/useBreakpoint/useBreakpoint.js.map

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