@simplybusiness/mobius 3.0.0

package/dist/esm/components/Slider/helpers.test.js

@@ -0,0 +1,52 @@
+import { renderHook } from "@testing-library/react";
+import { unwrapFirstValue, useUnwrappedHandler, useWrappedValue, wrapValue, } from "./helpers";
+describe("Slider helpers", () => {
+    describe("unwrapFirstValue", () => {
+        it("should return undefined if the value is undefined", () => {
+            expect(unwrapFirstValue(undefined)).toBeUndefined();
+        });
+        it("should return undefined if the value is an empty array", () => {
+            expect(unwrapFirstValue([])).toBeUndefined();
+        });
+        it("should return the first value if the value is an array with one element", () => {
+            expect(unwrapFirstValue([1])).toBe(1);
+        });
+        it("should return the first value if the value is an array with more than one element", () => {
+            expect(unwrapFirstValue([1, 2])).toBe(1);
+        });
+    });
+    describe("wrapValue", () => {
+        it("should return undefined if the value is undefined", () => {
+            expect(wrapValue(undefined)).toBeUndefined();
+        });
+        it("should return the value if it is not an array", () => {
+            expect(wrapValue(1)).toEqual([1]);
+        });
+        it("should return an array of array if value is an array", () => {
+            expect(wrapValue([1])).toEqual([[1]]);
+        });
+    });
+    describe("useWrappedValue", () => {
+        it("should return undefined if the value is undefined", () => {
+            const { result } = renderHook(() => useWrappedValue(undefined));
+            expect(result.current).toBeUndefined();
+        });
+        it("should return the value if it is not an array", () => {
+            const { result } = renderHook(() => useWrappedValue(1));
+            expect(result.current).toEqual([1]);
+        });
+        it("should return an array of array if value is an array", () => {
+            const { result } = renderHook(() => useWrappedValue([1]));
+            expect(result.current).toEqual([[1]]);
+        });
+    });
+    describe("useUnwrappedHandler", () => {
+        it("should call the handler with the unwrapped value", () => {
+            const handler = jest.fn();
+            const { result } = renderHook(() => useUnwrappedHandler(handler));
+            result.current([1]);
+            expect(handler).toHaveBeenCalledWith(1);
+        });
+    });
+});
+//# sourceMappingURL=helpers.test.js.map

package/dist/esm/components/Slider/helpers.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.test.js","sourceRoot":"","sources":["../../../../src/components/Slider/helpers.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EACL,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,SAAS,GACV,MAAM,WAAW,CAAC;AAEnB,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;QAChC,EAAE,CAAC,mDAAmD,EAAE,GAAG,EAAE;YAC3D,MAAM,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC;QACtD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,wDAAwD,EAAE,GAAG,EAAE;YAChE,MAAM,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC;QAC/C,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,yEAAyE,EAAE,GAAG,EAAE;YACjF,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACxC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,mFAAmF,EAAE,GAAG,EAAE;YAC3F,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC3C,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;QACzB,EAAE,CAAC,mDAAmD,EAAE,GAAG,EAAE;YAC3D,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC;QAC/C,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,+CAA+C,EAAE,GAAG,EAAE;YACvD,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,sDAAsD,EAAE,GAAG,EAAE;YAC9D,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACxC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;QAC/B,EAAE,CAAC,mDAAmD,EAAE,GAAG,EAAE;YAC3D,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC;YAChE,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,aAAa,EAAE,CAAC;QACzC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,+CAA+C,EAAE,GAAG,EAAE;YACvD,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;YACxD,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACtC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,sDAAsD,EAAE,GAAG,EAAE;YAC9D,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC1D,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACxC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;QACnC,EAAE,CAAC,kDAAkD,EAAE,GAAG,EAAE;YAC1D,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;YAC1B,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,CAAC;YAClE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACpB,MAAM,CAAC,OAAO,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;QAC1C,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

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

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

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

package/dist/esm/components/Table/Body.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+const Body = forwardRef((props, ref) => {
+    const classes = clsx("mobius", "mobius/TableBody", props.className);
+    return _jsx("tbody", Object.assign({ ref: ref }, props, { className: classes }));
+});
+Body.displayName = "Table.Body";
+export { Body };
+//# sourceMappingURL=Body.js.map

package/dist/esm/components/Table/Body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Body.js","sourceRoot":"","sources":["../../../../src/components/Table/Body.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAO,UAAU,EAA4B,MAAM,OAAO,CAAC;AAClE,OAAO,IAAI,MAAM,MAAM,CAAC;AAUxB,MAAM,IAAI,GACR,UAAU,CAAC,CAAC,KAAgB,EAAE,GAAY,EAAE,EAAE;IAC5C,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,kBAAkB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAEpE,OAAO,8BAAO,GAAG,EAAE,GAAG,IAAM,KAAK,IAAE,SAAS,EAAE,OAAO,IAAI,CAAC;AAC5D,CAAC,CAAC,CAAC;AAEL,IAAI,CAAC,WAAW,GAAG,YAAY,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/esm/components/Table/Cell.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+const Cell = forwardRef((props, ref) => {
+    const classes = clsx("mobius", "mobius/TableBodyCell", props.className);
+    return _jsx("td", Object.assign({ ref: ref }, props, { className: classes }));
+});
+Cell.displayName = "Table.Cell";
+export { Cell };
+//# sourceMappingURL=Cell.js.map

package/dist/esm/components/Table/Cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.js","sourceRoot":"","sources":["../../../../src/components/Table/Cell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAO,UAAU,EAA4B,MAAM,OAAO,CAAC;AAClE,OAAO,IAAI,MAAM,MAAM,CAAC;AAYxB,MAAM,IAAI,GAA2D,UAAU,CAC7E,CAAC,KAAgB,EAAE,GAAY,EAAE,EAAE;IACjC,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,sBAAsB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAExE,OAAO,2BAAI,GAAG,EAAE,GAAG,IAAM,KAAK,IAAE,SAAS,EAAE,OAAO,IAAI,CAAC;AACzD,CAAC,CACF,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,YAAY,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/esm/components/Table/Foot.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+const Foot = forwardRef((props, ref) => {
+    const classes = clsx("mobius", "mobius/TableFoot", props.className);
+    return _jsx("tfoot", Object.assign({ ref: ref }, props, { className: classes }));
+});
+Foot.displayName = "Table.Foot";
+export { Foot };
+//# sourceMappingURL=Foot.js.map

package/dist/esm/components/Table/Foot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Foot.js","sourceRoot":"","sources":["../../../../src/components/Table/Foot.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAO,UAAU,EAA4B,MAAM,OAAO,CAAC;AAClE,OAAO,IAAI,MAAM,MAAM,CAAC;AAUxB,MAAM,IAAI,GACR,UAAU,CAAC,CAAC,KAAgB,EAAE,GAAY,EAAE,EAAE;IAC5C,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,kBAAkB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAEpE,OAAO,8BAAO,GAAG,EAAE,GAAG,IAAM,KAAK,IAAE,SAAS,EAAE,OAAO,IAAI,CAAC;AAC5D,CAAC,CAAC,CAAC;AAEL,IAAI,CAAC,WAAW,GAAG,YAAY,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/esm/components/Table/Head.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+const Head = forwardRef((props, ref) => {
+    const classes = clsx("mobius", "mobius/TableHead", props.className);
+    return _jsx("thead", Object.assign({ ref: ref }, props, { className: classes }));
+});
+Head.displayName = "Table.Head";
+export { Head };
+//# sourceMappingURL=Head.js.map

package/dist/esm/components/Table/Head.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Head.js","sourceRoot":"","sources":["../../../../src/components/Table/Head.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAO,UAAU,EAA4B,MAAM,OAAO,CAAC;AAClE,OAAO,IAAI,MAAM,MAAM,CAAC;AAUxB,MAAM,IAAI,GACR,UAAU,CAAC,CAAC,KAAgB,EAAE,GAAY,EAAE,EAAE;IAC5C,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,kBAAkB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAEpE,OAAO,8BAAO,GAAG,EAAE,GAAG,IAAM,KAAK,IAAE,SAAS,EAAE,OAAO,IAAI,CAAC;AAC5D,CAAC,CAAC,CAAC;AAEL,IAAI,CAAC,WAAW,GAAG,YAAY,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/esm/components/Table/HeaderCell.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+const HeaderCell = forwardRef((props, ref) => {
+    const classes = clsx("mobius", "mobius/TableHeadCell", props.className);
+    return _jsx("th", Object.assign({}, props, { ref: ref, className: classes }));
+});
+HeaderCell.displayName = "Table.HeaderCell";
+export { HeaderCell };
+//# sourceMappingURL=HeaderCell.js.map

package/dist/esm/components/Table/HeaderCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCell.js","sourceRoot":"","sources":["../../../../src/components/Table/HeaderCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAO,UAAU,EAA4B,MAAM,OAAO,CAAC;AAClE,OAAO,IAAI,MAAM,MAAM,CAAC;AAUxB,MAAM,UAAU,GACd,UAAU,CAAC,CAAC,KAAsB,EAAE,GAAkB,EAAE,EAAE;IACxD,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,sBAAsB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAExE,OAAO,6BAAQ,KAAK,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,IAAI,CAAC;AACzD,CAAC,CAAC,CAAC;AAEL,UAAU,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/esm/components/Table/Row.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+const Row = forwardRef((props, ref) => {
+    const classes = clsx("mobius", "mobius/TableRow", props.className);
+    return _jsx("tr", Object.assign({ ref: ref }, props, { className: classes }));
+});
+Row.displayName = "Table.Row";
+export { Row };
+//# sourceMappingURL=Row.js.map

package/dist/esm/components/Table/Row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../../../src/components/Table/Row.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAO,UAAU,EAA4B,MAAM,OAAO,CAAC;AAClE,OAAO,IAAI,MAAM,MAAM,CAAC;AAUxB,MAAM,GAAG,GAAyD,UAAU,CAC1E,CAAC,KAAe,EAAE,GAAW,EAAE,EAAE;IAC/B,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAEnE,OAAO,2BAAI,GAAG,EAAE,GAAG,IAAM,KAAK,IAAE,SAAS,EAAE,OAAO,IAAI,CAAC;AACzD,CAAC,CACF,CAAC;AAEF,GAAG,CAAC,WAAW,GAAG,WAAW,CAAC;AAC9B,OAAO,EAAE,GAAG,EAAE,CAAC"}

package/dist/esm/components/Table/Table.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+const Table = forwardRef((props, ref) => {
+    const classes = clsx("mobius", "mobius/Table", props.className);
+    return _jsx("table", Object.assign({ ref: ref }, props, { className: classes }));
+});
+Table.displayName = "Table";
+export { Table };
+//# sourceMappingURL=Table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAO,UAAU,EAA4B,MAAM,OAAO,CAAC;AAElE,OAAO,IAAI,MAAM,MAAM,CAAC;AAYxB,MAAM,KAAK,GAAwD,UAAU,CAC3E,CAAC,KAAiB,EAAE,GAAa,EAAE,EAAE;IACnC,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAEhE,OAAO,8BAAO,GAAG,EAAE,GAAG,IAAM,KAAK,IAAE,SAAS,EAAE,OAAO,IAAI,CAAC;AAC5D,CAAC,CACF,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,CAAC"}

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

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import { Table } from ".";
+const TABLE_CLASS_NAME = "mobius/Table";
+describe("Test for Table", () => {
+    it("renders an empty table", () => {
+        const component = render(_jsx(Table, {}));
+        expect(component).toBeTruthy();
+    });
+    describe("uses correct class names", () => {
+        describe("uses the Mobius class name", () => {
+            beforeEach(() => {
+                render(_jsxs(Table, Object.assign({ "data-testid": "table" }, { children: [_jsx(Table.Head, Object.assign({ "data-testid": "head" }, { children: _jsx(Table.Row, Object.assign({ "data-testid": "row" }, { children: _jsx(Table.HeaderCell, Object.assign({ "data-testid": "headerCell" }, { children: "Browser" })) })) })), _jsx(Table.Body, Object.assign({ "data-testid": "body" }, { children: _jsx(Table.Row, { children: _jsx(Table.Cell, Object.assign({ "data-testid": "cell" }, { children: "Cell" })) }) })), _jsx(Table.Foot, { "data-testid": "foot" })] })));
+            });
+            it.each([
+                ["Table", "table"],
+                ["Table.Head", "head"],
+                ["Table.Body", "body"],
+                ["Table.Foot", "foot"],
+                ["Table.Row", "row"],
+                ["Table.HeaderCell", "headerCell"],
+                ["Table.Cell", "cell"],
+            ])("for the %s component", (_component, testId) => {
+                expect(screen.getByTestId(testId)).toHaveClass("mobius");
+            });
+        });
+        it("uses table component class names", () => {
+            var _a, _b;
+            render(_jsxs(Table, Object.assign({ "data-testid": "test" }, { children: [_jsx(Table.Head, { children: _jsxs(Table.Row, { children: [_jsx(Table.HeaderCell, { children: "Browser" }), _jsx(Table.HeaderCell, { children: "Number of unique visitors" }), _jsx(Table.HeaderCell, { children: "Header" }), _jsx(Table.HeaderCell, { children: "Header" }), _jsx(Table.HeaderCell, { children: "Header" })] }) }), _jsx(Table.Body, { children: _jsxs(Table.Row, { children: [_jsx(Table.HeaderCell, { children: "Cell" }), _jsx(Table.Cell, { children: "Cell" }), _jsx(Table.Cell, { children: "Cell" }), _jsx(Table.Cell, { children: "Cell" }), _jsx(Table.Cell, { children: "Cell" })] }) }), _jsx(Table.Foot, {})] })));
+            // Table and head
+            expect(screen.getByTestId("test")).toHaveClass(TABLE_CLASS_NAME);
+            const head = screen.getByTestId("test").firstChild;
+            expect(head).toHaveClass("mobius/TableHead");
+            expect(head === null || head === void 0 ? void 0 : head.firstChild).toHaveClass("mobius/TableRow");
+            expect((_a = head === null || head === void 0 ? void 0 : head.firstChild) === null || _a === void 0 ? void 0 : _a.firstChild).toHaveClass("mobius/TableHeadCell");
+            // Body
+            const body = screen.getByTestId("test").childNodes[1];
+            expect(body).toHaveClass("mobius/TableBody");
+            expect(body === null || body === void 0 ? void 0 : body.firstChild).toHaveClass("mobius/TableRow");
+            expect((_b = body === null || body === void 0 ? void 0 : body.firstChild) === null || _b === void 0 ? void 0 : _b.firstChild).toHaveClass("mobius/TableHeadCell");
+            // Foot
+            const foot = screen.getByTestId("test").childNodes[2];
+            expect(foot).toHaveClass("mobius/TableFoot");
+        });
+        it("includes custom class name", () => {
+            var _a, _b, _c, _d;
+            render(_jsxs(Table, Object.assign({ "data-testid": "test", className: "my-table" }, { children: [_jsx(Table.Head, Object.assign({ className: "my-header" }, { children: _jsxs(Table.Row, Object.assign({ className: "my-header-row" }, { children: [_jsx(Table.HeaderCell, Object.assign({ className: "my-header-cell" }, { children: "Browser" })), _jsx(Table.HeaderCell, { children: "Number of unique visitors" }), _jsx(Table.HeaderCell, { children: "Header" }), _jsx(Table.HeaderCell, { children: "Header" }), _jsx(Table.HeaderCell, { children: "Header" })] })) })), _jsx(Table.Body, Object.assign({ className: "my-body" }, { children: _jsxs(Table.Row, Object.assign({ className: "my-body-row" }, { children: [_jsx(Table.HeaderCell, Object.assign({ className: "my-body-cell" }, { children: "Cell" })), _jsx(Table.Cell, { children: "Cell" }), _jsx(Table.Cell, { children: "Cell" }), _jsx(Table.Cell, { children: "Cell" }), _jsx(Table.Cell, { children: "Cell" })] })) })), _jsx(Table.Foot, { className: "my-footer" })] })));
+            // Table and head
+            expect(screen.getByTestId("test")).toHaveClass(TABLE_CLASS_NAME);
+            expect(screen.getByTestId("test")).toHaveClass("my-table");
+            const head = screen.getByTestId("test").firstChild;
+            expect(head).toHaveClass("mobius/TableHead");
+            expect(head).toHaveClass("my-header");
+            expect(head === null || head === void 0 ? void 0 : head.firstChild).toHaveClass("mobius/TableRow");
+            expect(head === null || head === void 0 ? void 0 : head.firstChild).toHaveClass("my-header-row");
+            expect((_a = head === null || head === void 0 ? void 0 : head.firstChild) === null || _a === void 0 ? void 0 : _a.firstChild).toHaveClass("mobius/TableHeadCell");
+            expect((_b = head === null || head === void 0 ? void 0 : head.firstChild) === null || _b === void 0 ? void 0 : _b.firstChild).toHaveClass("my-header-cell");
+            // Body
+            const body = screen.getByTestId("test").childNodes[1];
+            expect(body).toHaveClass("mobius/TableBody");
+            expect(body).toHaveClass("my-body");
+            expect(body === null || body === void 0 ? void 0 : body.firstChild).toHaveClass("mobius/TableRow");
+            expect(body === null || body === void 0 ? void 0 : body.firstChild).toHaveClass("my-body-row");
+            expect((_c = body === null || body === void 0 ? void 0 : body.firstChild) === null || _c === void 0 ? void 0 : _c.firstChild).toHaveClass("mobius/TableHeadCell");
+            expect((_d = body === null || body === void 0 ? void 0 : body.firstChild) === null || _d === void 0 ? void 0 : _d.firstChild).toHaveClass("my-body-cell");
+            // Foot
+            const foot = screen.getByTestId("test").childNodes[2];
+            expect(foot).toHaveClass("mobius/TableFoot");
+            expect(foot).toHaveClass("my-footer");
+        });
+    });
+});
+//# sourceMappingURL=Table.test.js.map

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

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

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

@@ -0,0 +1,18 @@
+import { Table as TableComponent } from "./Table";
+import { Head } from "./Head";
+import { Body } from "./Body";
+import { Foot } from "./Foot";
+import { Row } from "./Row";
+import { HeaderCell } from "./HeaderCell";
+import { Cell } from "./Cell";
+const Table = Object.assign(TableComponent, {
+    Head,
+    Body,
+    Foot,
+    Row,
+    HeaderCell,
+    Cell,
+});
+Table.displayName = "Table";
+export { Table };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Table/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,IAAI,cAAc,EAAwB,MAAM,SAAS,CAAC;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAmC9B,MAAM,KAAK,GAAkB,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;IACzD,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,GAAG;IACH,UAAU;IACV,IAAI;CACL,CAAC,CAAC;AAoBH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/esm/components/Text/Text.js

@@ -0,0 +1,34 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+const getElementType = (variant, elementType) => {
+    if (variant) {
+        return ["h1", "h2", "h3", "h4", "h5"].includes(variant) ? variant : "p";
+    }
+    return elementType || "p";
+};
+const Text = forwardRef((_a, ref) => {
+    var { elementType: Component = "p" } = _a, props = __rest(_a, ["elementType"]);
+    // Remove non-DOM props from element
+    const { variant, className, spacing } = props, otherProps = __rest(props, ["variant", "className", "spacing"]);
+    // If a variant is supplied, set the class name and element type
+    const elementType = getElementType(variant, Component);
+    const variantType = variant || elementType;
+    const lineHeight = spacing ? `line-height-${spacing}` : "";
+    const classes = clsx("mobius", "mobius/Text", variantType, lineHeight, className);
+    return _jsx(Component, Object.assign({ ref: ref }, otherProps, { className: classes }));
+});
+Text.displayName = "Text";
+export { Text };
+//# sourceMappingURL=Text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAiC,MAAM,OAAO,CAAC;AAElE,OAAO,IAAI,MAAM,MAAM,CAAC;AAsCxB,MAAM,cAAc,GAAG,CACrB,OAAoC,EACpC,WAAoC,EACpC,EAAE;IACF,IAAI,OAAO,EAAE;QACX,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;KACzE;IACD,OAAO,WAAW,IAAI,GAAG,CAAC;AAC5B,CAAC,CAAC;AAEF,MAAM,IAAI,GAAsD,UAAU,CACxE,CAAC,EAAqD,EAAE,GAAY,EAAE,EAAE;QAAvE,EAAE,WAAW,EAAE,SAAS,GAAG,GAAG,OAAuB,EAAlB,KAAK,cAAxC,eAA0C,CAAF;IACvC,oCAAoC;IACpC,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,KAAoB,KAAK,EAApB,UAAU,UAAK,KAAK,EAAtD,mCAA8C,CAAQ,CAAC;IAE7D,gEAAgE;IAChE,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IACvD,MAAM,WAAW,GAAG,OAAO,IAAI,WAAW,CAAC;IAC3C,MAAM,UAAU,GAAG,OAAO,CAAC,CAAC,CAAC,eAAe,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3D,MAAM,OAAO,GAAG,IAAI,CAClB,QAAQ,EACR,aAAa,EACb,WAAW,EACX,UAAU,EACV,SAAS,CACV,CAAC;IAEF,OAAO,KAAC,SAAS,kBAAC,GAAG,EAAE,GAAG,IAAM,UAAU,IAAE,SAAS,EAAE,OAAO,IAAI,CAAC;AACrE,CAAC,CACF,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,CAAC"}

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

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import { Text } from ".";
+const CLASS_NAME = "mobius/Text";
+describe("Text", () => {
+    it("should render without errors", () => {
+        render(_jsx(Text, Object.assign({ elementType: "h1" }, { children: "Sample text" })));
+    });
+    describe("given elementType", () => {
+        it("is not applied as element attribute", () => {
+            const { container } = render(_jsx(Text, Object.assign({ elementType: "h6" }, { children: "Sample text" })));
+            expect(container.firstChild).not.toHaveAttribute("elementtype", "h6");
+        });
+    });
+    describe("uses correct class names", () => {
+        it("uses Mobius class", () => {
+            render(_jsx(Text, Object.assign({ elementType: "h1", "data-testid": "test" }, { children: "Sample text" })));
+            expect(screen.getByTestId("test")).toHaveClass("mobius");
+        });
+        it("uses base Mobius class", () => {
+            render(_jsx(Text, Object.assign({ elementType: "h1", "data-testid": "test" }, { children: "Sample text" })));
+            expect(screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+        });
+        it("includes custom class name", () => {
+            render(_jsx(Text, Object.assign({ elementType: "h1", className: "my-class", "data-testid": "test" }, { children: "Sample text" })));
+            expect(screen.getByTestId("test")).toHaveClass("my-class");
+            expect(screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+        });
+    });
+});
+//# sourceMappingURL=Text.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.test.js","sourceRoot":"","sources":["../../../../src/components/Text/Text.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAEzB,MAAM,UAAU,GAAG,aAAa,CAAC;AAEjC,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE;IACpB,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,CAAC,KAAC,IAAI,kBAAC,WAAW,EAAC,IAAI,iCAAmB,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;QACjC,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;YAC7C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,IAAI,kBAAC,WAAW,EAAC,IAAI,iCAAmB,CAAC,CAAC;YACxE,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;QACxE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACxC,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;YAC3B,MAAM,CACJ,KAAC,IAAI,kBAAC,WAAW,EAAC,IAAI,iBAAa,MAAM,iCAElC,CACR,CAAC;YACF,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC3D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;YAChC,MAAM,CACJ,KAAC,IAAI,kBAAC,WAAW,EAAC,IAAI,iBAAa,MAAM,iCAElC,CACR,CAAC;YACF,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;YACpC,MAAM,CACJ,KAAC,IAAI,kBAAC,WAAW,EAAC,IAAI,EAAC,SAAS,EAAC,UAAU,iBAAa,MAAM,iCAEvD,CACR,CAAC;YACF,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YAC3D,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

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

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

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

package/dist/esm/components/TextArea/TextArea.js

@@ -0,0 +1,49 @@
+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 { useTextField } from "@react-aria/textfield";
+import { useFocusRing } from "@react-aria/focus";
+import { useHover } from "@react-aria/interactions";
+import { TextAreaInput } from "../TextAreaInput";
+import { Label } from "../Label";
+import { Flex } from "../Flex";
+import { ErrorMessage } from "../ErrorMessage";
+const TextArea = forwardRef((props, ref) => {
+    const { isDisabled, onHoverChange, onHoverStart, onHoverEnd, className, errorMessage, label, validationState } = props, otherProps = __rest(props, ["isDisabled", "onHoverChange", "onHoverStart", "onHoverEnd", "className", "errorMessage", "label", "validationState"]);
+    const { inputProps, labelProps, errorMessageProps } = useTextField(Object.assign(Object.assign({ label }, otherProps), { isDisabled, "aria-errormessage": errorMessage }), ref);
+    const { isFocusVisible, focusProps } = useFocusRing({
+        within: true,
+    });
+    const { isHovered, hoverProps } = useHover({
+        isDisabled,
+        onHoverChange,
+        onHoverStart,
+        onHoverEnd,
+    });
+    // Set class name for atom, including interaction state
+    const classes = clsx("mobius", "mobius/TextArea", className);
+    const inputClasses = clsx("mobius/TextAreaInput", {
+        "--is-valid": validationState === "valid",
+        "--is-invalid": validationState === "invalid",
+    });
+    const labelClasses = clsx({
+        "--is-valid": validationState === "valid",
+        "--is-invalid": validationState === "invalid",
+        "--is-disabled": isDisabled,
+    });
+    return (_jsxs(Flex, Object.assign({ css: { flexDirection: "column" }, className: classes }, focusProps, { children: [label && (_jsx(Label, Object.assign({}, labelProps, { className: labelClasses }, { children: props.label }))), _jsx(TextAreaInput, Object.assign({}, inputProps, hoverProps, { ref: ref, className: inputClasses, isFocusVisible: isFocusVisible, isHovered: isHovered, isDisabled: isDisabled, "aria-invalid": errorMessage != null })), _jsx(ErrorMessage, Object.assign({}, errorMessageProps, { errorMessage: errorMessage }))] })));
+});
+TextArea.displayName = "TextArea";
+export { TextArea };
+//# sourceMappingURL=TextArea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAO,UAAU,EAA4B,MAAM,OAAO,CAAC;AAElE,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAwB,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAc,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAgB/C,MAAM,QAAQ,GACZ,UAAU,CAAC,CAAC,KAAoB,EAAE,GAAgB,EAAE,EAAE;IACpD,MAAM,EACJ,UAAU,EACV,aAAa,EACb,YAAY,EACZ,UAAU,EACV,SAAS,EACT,YAAY,EACZ,KAAK,EACL,eAAe,KAEb,KAAK,EADJ,UAAU,UACX,KAAK,EAVH,sHAUL,CAAQ,CAAC;IAEV,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,iBAAiB,EAAE,GAAG,YAAY,+BAE9D,KAAK,IACF,UAAU,KACb,UAAU,EACV,mBAAmB,EAAE,YAAY,KAEnC,GAAwD,CACzD,CAAC;IACF,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,GAAG,YAAY,CAAC;QAClD,MAAM,EAAE,IAAI;KACb,CAAC,CAAC;IACH,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,QAAQ,CAAC;QACzC,UAAU;QACV,aAAa;QACb,YAAY;QACZ,UAAU;KACX,CAAC,CAAC;IAEH,uDAAuD;IACvD,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,iBAAiB,EAAE,SAAS,CAAC,CAAC;IAC7D,MAAM,YAAY,GAAG,IAAI,CAAC,sBAAsB,EAAE;QAChD,YAAY,EAAE,eAAe,KAAK,OAAO;QACzC,cAAc,EAAE,eAAe,KAAK,SAAS;KAC9C,CAAC,CAAC;IACH,MAAM,YAAY,GAAG,IAAI,CAAC;QACxB,YAAY,EAAE,eAAe,KAAK,OAAO;QACzC,cAAc,EAAE,eAAe,KAAK,SAAS;QAC7C,eAAe,EAAE,UAAU;KAC5B,CAAC,CAAC;IAEH,OAAO,CACL,MAAC,IAAI,kBACH,GAAG,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,EAChC,SAAS,EAAE,OAAO,IACd,UAAU,eAEb,KAAK,IAAI,CACR,KAAC,KAAK,oBAAK,UAAU,IAAE,SAAS,EAAE,YAAY,gBAC3C,KAAK,CAAC,KAAK,IACN,CACT,EACD,KAAC,aAAa,oBACR,UAAU,EACV,UAAU,IACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,YAAY,EACvB,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,kBACR,YAAY,IAAI,IAAI,IAClC,EACF,KAAC,YAAY,oBAAK,iBAAiB,IAAE,YAAY,EAAE,YAAY,IAAI,KAC9D,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEL,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,CAAC"}

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

@@ -0,0 +1,84 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { TextArea } from ".";
+const CLASS_NAME = "mobius/TextArea";
+describe("TextArea", () => {
+    it("should render without error", () => {
+        const component = render(_jsx(TextArea, { label: "First name" }));
+        expect(component).toBeTruthy();
+    });
+    it("should call onChange with the updated value when the user types", async () => {
+        const callback = jest.fn();
+        const { getByLabelText } = render(_jsx(TextArea, { label: "First name", onChange: callback }));
+        await userEvent.type(getByLabelText("First name"), "John");
+        expect(callback).toHaveBeenCalledWith("John");
+    });
+    it("focuses correctly via keyboard", async () => {
+        const callbackFirstName = jest.fn();
+        const callbackLastName = jest.fn();
+        render(_jsxs(_Fragment, { children: [_jsx(TextArea, { label: "First name", onChange: callbackFirstName }), _jsx(TextArea, { label: "Last name", onChange: callbackLastName })] }));
+        await userEvent.tab();
+        await userEvent.type(document.activeElement, "John");
+        expect(callbackFirstName).toHaveBeenCalledWith("John");
+        await userEvent.tab();
+        await userEvent.type(document.activeElement, "Doe");
+        expect(callbackLastName).toHaveBeenCalledWith("Doe");
+    });
+    it("handles hover events correctly", async () => {
+        const callback = jest.fn();
+        const { getByLabelText } = render(_jsx(TextArea, { label: "First name", onHoverChange: callback }));
+        await userEvent.hover(getByLabelText("First name"));
+        expect(callback).toHaveBeenCalledWith(true);
+        await userEvent.unhover(getByLabelText("First name"));
+        expect(callback).toHaveBeenCalledWith(false);
+    });
+    describe("with errors", () => {
+        it("should render the error", () => {
+            const { getByText } = render(_jsx(TextArea, { label: "Message", name: "message", errorMessage: "Required" }));
+            expect(getByText("Required")).toBeTruthy();
+        });
+        it("should set aria-invalid to true", () => {
+            const { getByLabelText } = render(_jsx(TextArea, { label: "Message", name: "message", errorMessage: "Required" }));
+            expect(getByLabelText("Message")).toHaveAccessibleDescription("Required");
+        });
+        it("should set the correct aria-describedby attribute", () => {
+            const { getByLabelText } = render(_jsx(TextArea, { label: "Message", name: "message", errorMessage: "Required" }));
+            expect(getByLabelText("Message")).toHaveAccessibleDescription("Required");
+        });
+    });
+    describe("uses correct class names", () => {
+        it("uses Mobius class", () => {
+            render(_jsx(TextArea, { label: "Test", "data-testid": "test" }));
+            expect(screen.getByTestId("test").closest("div")).toHaveClass("mobius");
+        });
+        it("uses base Mobius class", () => {
+            render(_jsx(TextArea, { label: "Test", "data-testid": "test" }));
+            expect(screen.getByTestId("test").closest("div")).toHaveClass(CLASS_NAME);
+        });
+        it("includes custom class name", () => {
+            render(_jsx(TextArea, { label: "Message", name: "message", "data-testid": "test", className: "my-class" }));
+            expect(screen.getByTestId("test").closest("div")).toHaveClass("my-class");
+            expect(screen.getByTestId("test").closest("div")).toHaveClass(CLASS_NAME);
+        });
+        it("includes disabled class name", () => {
+            render(_jsx(TextArea, { label: "Test", "data-testid": "test", isDisabled: true }));
+            expect(screen.getByTestId("test")).toHaveClass("--is-disabled");
+        });
+        it("includes valid class name", () => {
+            render(_jsx(TextArea, { label: "Test", "data-testid": "test", validationState: "valid" }));
+            expect(screen.getByTestId("test")).toHaveClass("--is-valid");
+        });
+        it("includes invalid class name", () => {
+            render(_jsx(TextArea, { label: "Test", "data-testid": "test", validationState: "invalid" }));
+            expect(screen.getByTestId("test")).toHaveClass("--is-invalid");
+        });
+    });
+    describe("when disabled", () => {
+        it("has disabled attribute set on textarea field", () => {
+            render(_jsx(TextArea, { label: "Test", "data-testid": "test", isDisabled: true }));
+            expect(screen.getByTestId("test")).toBeDisabled();
+        });
+    });
+});
+//# sourceMappingURL=TextArea.test.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,28 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+const TextAreaInput = forwardRef((props, ref) => {
+    // Extract interaction props:
+    const { isFocusVisible, isSelected, isDisabled, isHovered } = props, otherProps = __rest(props, ["isFocusVisible", "isSelected", "isDisabled", "isHovered"]);
+    const classes = clsx("mobius", "mobius/TextAreaInput", {
+        "--is-focused": isFocusVisible,
+        "--is-disabled": isDisabled,
+        "--is-hovered": isHovered,
+        "--is-selected": isSelected,
+    }, otherProps.className);
+    return _jsx("textarea", Object.assign({ ref: ref }, otherProps, { className: classes }));
+});
+TextAreaInput.displayName = "TextAreaInput";
+export { TextAreaInput };
+//# sourceMappingURL=TextAreaInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextAreaInput.js","sourceRoot":"","sources":["../../../../src/components/TextAreaInput/TextAreaInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAO,UAAU,EAAiB,MAAM,OAAO,CAAC;AAEvD,OAAO,IAAI,MAAM,MAAM,CAAC;AAqBxB,MAAM,aAAa,GAGf,UAAU,CAAC,CAAC,KAAyB,EAAE,GAAqB,EAAE,EAAE;IAClE,6BAA6B;IAC7B,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,KACvD,KAAK,EADuD,UAAU,UACtE,KAAK,EADD,2DAAoE,CACnE,CAAC;IAER,MAAM,OAAO,GAAG,IAAI,CAClB,QAAQ,EACR,sBAAsB,EACtB;QACE,cAAc,EAAE,cAAc;QAC9B,eAAe,EAAE,UAAU;QAC3B,cAAc,EAAE,SAAS;QACzB,eAAe,EAAE,UAAU;KAC5B,EACD,UAAU,CAAC,SAAS,CACrB,CAAC;IAEF,OAAO,iCAAU,GAAG,EAAE,GAAG,IAAM,UAAU,IAAE,SAAS,EAAE,OAAO,IAAI,CAAC;AACpE,CAAC,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,CAAC"}