@simplybusiness/mobius 3.0.0

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

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Body = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const clsx_1 = __importDefault(require("clsx"));
+const Body = (0, react_1.forwardRef)((props, ref) => {
+    const classes = (0, clsx_1.default)("mobius", "mobius/TableBody", props.className);
+    return (0, jsx_runtime_1.jsx)("tbody", Object.assign({ ref: ref }, props, { className: classes }));
+});
+exports.Body = Body;
+Body.displayName = "Table.Body";
+//# sourceMappingURL=Body.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Body.js","sourceRoot":"","sources":["../../../../src/components/Table/Body.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAkE;AAClE,gDAAwB;AAUxB,MAAM,IAAI,GACR,IAAA,kBAAU,EAAC,CAAC,KAAgB,EAAE,GAAY,EAAE,EAAE;IAC5C,MAAM,OAAO,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,kBAAkB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAEpE,OAAO,gDAAO,GAAG,EAAE,GAAG,IAAM,KAAK,IAAE,SAAS,EAAE,OAAO,IAAI,CAAC;AAC5D,CAAC,CAAC,CAAC;AAGI,oBAAI;AADb,IAAI,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/dist/cjs/components/Table/Cell.d.ts

@@ -0,0 +1,11 @@
+import { Ref, RefAttributes, ReactNode } from "react";
+import { ForwardedRefComponent } from "../../types/components";
+export interface CellProps extends RefAttributes<HTMLTableCellElement> {
+    children?: ReactNode;
+    className?: string;
+    colSpan?: number;
+    rowSpan?: number;
+}
+export declare type CellRef = Ref<HTMLTableCellElement>;
+declare const Cell: ForwardedRefComponent<CellProps, HTMLTableCellElement>;
+export { Cell };

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

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Cell = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const clsx_1 = __importDefault(require("clsx"));
+const Cell = (0, react_1.forwardRef)((props, ref) => {
+    const classes = (0, clsx_1.default)("mobius", "mobius/TableBodyCell", props.className);
+    return (0, jsx_runtime_1.jsx)("td", Object.assign({ ref: ref }, props, { className: classes }));
+});
+exports.Cell = Cell;
+Cell.displayName = "Table.Cell";
+//# sourceMappingURL=Cell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.js","sourceRoot":"","sources":["../../../../src/components/Table/Cell.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAkE;AAClE,gDAAwB;AAYxB,MAAM,IAAI,GAA2D,IAAA,kBAAU,EAC7E,CAAC,KAAgB,EAAE,GAAY,EAAE,EAAE;IACjC,MAAM,OAAO,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,sBAAsB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAExE,OAAO,6CAAI,GAAG,EAAE,GAAG,IAAM,KAAK,IAAE,SAAS,EAAE,OAAO,IAAI,CAAC;AACzD,CAAC,CACF,CAAC;AAGO,oBAAI;AADb,IAAI,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/dist/cjs/components/Table/Foot.d.ts

@@ -0,0 +1,9 @@
+import { Ref, RefAttributes, ReactNode } from "react";
+import { ForwardedRefComponent } from "../../types/components";
+export interface FootProps extends RefAttributes<HTMLTableSectionElement> {
+    children?: ReactNode;
+    className?: string;
+}
+export declare type FootRef = Ref<HTMLTableSectionElement>;
+declare const Foot: ForwardedRefComponent<FootProps, HTMLTableSectionElement>;
+export { Foot };

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

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Foot = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const clsx_1 = __importDefault(require("clsx"));
+const Foot = (0, react_1.forwardRef)((props, ref) => {
+    const classes = (0, clsx_1.default)("mobius", "mobius/TableFoot", props.className);
+    return (0, jsx_runtime_1.jsx)("tfoot", Object.assign({ ref: ref }, props, { className: classes }));
+});
+exports.Foot = Foot;
+Foot.displayName = "Table.Foot";
+//# sourceMappingURL=Foot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Foot.js","sourceRoot":"","sources":["../../../../src/components/Table/Foot.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAkE;AAClE,gDAAwB;AAUxB,MAAM,IAAI,GACR,IAAA,kBAAU,EAAC,CAAC,KAAgB,EAAE,GAAY,EAAE,EAAE;IAC5C,MAAM,OAAO,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,kBAAkB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAEpE,OAAO,gDAAO,GAAG,EAAE,GAAG,IAAM,KAAK,IAAE,SAAS,EAAE,OAAO,IAAI,CAAC;AAC5D,CAAC,CAAC,CAAC;AAGI,oBAAI;AADb,IAAI,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/dist/cjs/components/Table/Head.d.ts

@@ -0,0 +1,9 @@
+import { Ref, RefAttributes, ReactNode } from "react";
+import { ForwardedRefComponent } from "../../types/components";
+export interface HeadProps extends RefAttributes<HTMLTableSectionElement> {
+    children?: ReactNode;
+    className?: string;
+}
+export declare type HeadRef = Ref<HTMLTableSectionElement>;
+declare const Head: ForwardedRefComponent<HeadProps, HTMLTableSectionElement>;
+export { Head };

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

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Head = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const clsx_1 = __importDefault(require("clsx"));
+const Head = (0, react_1.forwardRef)((props, ref) => {
+    const classes = (0, clsx_1.default)("mobius", "mobius/TableHead", props.className);
+    return (0, jsx_runtime_1.jsx)("thead", Object.assign({ ref: ref }, props, { className: classes }));
+});
+exports.Head = Head;
+Head.displayName = "Table.Head";
+//# sourceMappingURL=Head.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Head.js","sourceRoot":"","sources":["../../../../src/components/Table/Head.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAkE;AAClE,gDAAwB;AAUxB,MAAM,IAAI,GACR,IAAA,kBAAU,EAAC,CAAC,KAAgB,EAAE,GAAY,EAAE,EAAE;IAC5C,MAAM,OAAO,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,kBAAkB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAEpE,OAAO,gDAAO,GAAG,EAAE,GAAG,IAAM,KAAK,IAAE,SAAS,EAAE,OAAO,IAAI,CAAC;AAC5D,CAAC,CAAC,CAAC;AAGI,oBAAI;AADb,IAAI,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/dist/cjs/components/Table/HeaderCell.d.ts

@@ -0,0 +1,9 @@
+import { Ref, RefAttributes, ReactNode } from "react";
+import { ForwardedRefComponent } from "../../types/components";
+export interface HeaderCellProps extends RefAttributes<HTMLTableCellElement> {
+    children?: ReactNode;
+    className?: string;
+}
+export declare type HeaderCellRef = Ref<HTMLTableCellElement>;
+declare const HeaderCell: ForwardedRefComponent<HeaderCellProps, HTMLTableCellElement>;
+export { HeaderCell };

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

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderCell = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const clsx_1 = __importDefault(require("clsx"));
+const HeaderCell = (0, react_1.forwardRef)((props, ref) => {
+    const classes = (0, clsx_1.default)("mobius", "mobius/TableHeadCell", props.className);
+    return (0, jsx_runtime_1.jsx)("th", Object.assign({}, props, { ref: ref, className: classes }));
+});
+exports.HeaderCell = HeaderCell;
+HeaderCell.displayName = "Table.HeaderCell";
+//# sourceMappingURL=HeaderCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCell.js","sourceRoot":"","sources":["../../../../src/components/Table/HeaderCell.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAkE;AAClE,gDAAwB;AAUxB,MAAM,UAAU,GACd,IAAA,kBAAU,EAAC,CAAC,KAAsB,EAAE,GAAkB,EAAE,EAAE;IACxD,MAAM,OAAO,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,sBAAsB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAExE,OAAO,+CAAQ,KAAK,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,IAAI,CAAC;AACzD,CAAC,CAAC,CAAC;AAGI,gCAAU;AADnB,UAAU,CAAC,WAAW,GAAG,kBAAkB,CAAC"}

package/dist/cjs/components/Table/Row.d.ts

@@ -0,0 +1,9 @@
+import { Ref, RefAttributes, ReactNode } from "react";
+import { ForwardedRefComponent } from "../../types/components";
+export interface RowProps extends RefAttributes<HTMLTableRowElement> {
+    children?: ReactNode;
+    className?: string;
+}
+export declare type RowRef = Ref<HTMLTableRowElement>;
+declare const Row: ForwardedRefComponent<RowProps, HTMLTableRowElement>;
+export { Row };

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

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Row = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const clsx_1 = __importDefault(require("clsx"));
+const Row = (0, react_1.forwardRef)((props, ref) => {
+    const classes = (0, clsx_1.default)("mobius", "mobius/TableRow", props.className);
+    return (0, jsx_runtime_1.jsx)("tr", Object.assign({ ref: ref }, props, { className: classes }));
+});
+exports.Row = Row;
+Row.displayName = "Table.Row";
+//# sourceMappingURL=Row.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../../../src/components/Table/Row.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAkE;AAClE,gDAAwB;AAUxB,MAAM,GAAG,GAAyD,IAAA,kBAAU,EAC1E,CAAC,KAAe,EAAE,GAAW,EAAE,EAAE;IAC/B,MAAM,OAAO,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAEnE,OAAO,6CAAI,GAAG,EAAE,GAAG,IAAM,KAAK,IAAE,SAAS,EAAE,OAAO,IAAI,CAAC;AACzD,CAAC,CACF,CAAC;AAGO,kBAAG;AADZ,GAAG,CAAC,WAAW,GAAG,WAAW,CAAC"}

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

@@ -0,0 +1,11 @@
+import { Ref, RefAttributes, ReactNode } from "react";
+import { DOMProps } from "@react-types/shared";
+import { ForwardedRefComponent } from "../../types/components";
+export declare type TableElementType = HTMLTableElement;
+export interface TableProps extends DOMProps, RefAttributes<TableElementType> {
+    children?: ReactNode;
+    className?: string;
+}
+export declare type TableRef = Ref<TableElementType>;
+declare const Table: ForwardedRefComponent<TableProps, TableElementType>;
+export { Table };

package/dist/cjs/components/Table/Table.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Table = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const clsx_1 = __importDefault(require("clsx"));
+const Table = (0, react_1.forwardRef)((props, ref) => {
+    const classes = (0, clsx_1.default)("mobius", "mobius/Table", props.className);
+    return (0, jsx_runtime_1.jsx)("table", Object.assign({ ref: ref }, props, { className: classes }));
+});
+exports.Table = Table;
+Table.displayName = "Table";
+//# sourceMappingURL=Table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAkE;AAElE,gDAAwB;AAYxB,MAAM,KAAK,GAAwD,IAAA,kBAAU,EAC3E,CAAC,KAAiB,EAAE,GAAa,EAAE,EAAE;IACnC,MAAM,OAAO,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAEhE,OAAO,gDAAO,GAAG,EAAE,GAAG,IAAM,KAAK,IAAE,SAAS,EAAE,OAAO,IAAI,CAAC;AAC5D,CAAC,CACF,CAAC;AAGO,sBAAK;AADd,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

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

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

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

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const _1 = require(".");
+const TABLE_CLASS_NAME = "mobius/Table";
+describe("Test for Table", () => {
+    it("renders an empty table", () => {
+        const component = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Table, {}));
+        expect(component).toBeTruthy();
+    });
+    describe("uses correct class names", () => {
+        describe("uses the Mobius class name", () => {
+            beforeEach(() => {
+                (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Table, Object.assign({ "data-testid": "table" }, { children: [(0, jsx_runtime_1.jsx)(_1.Table.Head, Object.assign({ "data-testid": "head" }, { children: (0, jsx_runtime_1.jsx)(_1.Table.Row, Object.assign({ "data-testid": "row" }, { children: (0, jsx_runtime_1.jsx)(_1.Table.HeaderCell, Object.assign({ "data-testid": "headerCell" }, { children: "Browser" })) })) })), (0, jsx_runtime_1.jsx)(_1.Table.Body, Object.assign({ "data-testid": "body" }, { children: (0, jsx_runtime_1.jsx)(_1.Table.Row, { children: (0, jsx_runtime_1.jsx)(_1.Table.Cell, Object.assign({ "data-testid": "cell" }, { children: "Cell" })) }) })), (0, jsx_runtime_1.jsx)(_1.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(react_1.screen.getByTestId(testId)).toHaveClass("mobius");
+            });
+        });
+        it("uses table component class names", () => {
+            var _a, _b;
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Table, Object.assign({ "data-testid": "test" }, { children: [(0, jsx_runtime_1.jsx)(_1.Table.Head, { children: (0, jsx_runtime_1.jsxs)(_1.Table.Row, { children: [(0, jsx_runtime_1.jsx)(_1.Table.HeaderCell, { children: "Browser" }), (0, jsx_runtime_1.jsx)(_1.Table.HeaderCell, { children: "Number of unique visitors" }), (0, jsx_runtime_1.jsx)(_1.Table.HeaderCell, { children: "Header" }), (0, jsx_runtime_1.jsx)(_1.Table.HeaderCell, { children: "Header" }), (0, jsx_runtime_1.jsx)(_1.Table.HeaderCell, { children: "Header" })] }) }), (0, jsx_runtime_1.jsx)(_1.Table.Body, { children: (0, jsx_runtime_1.jsxs)(_1.Table.Row, { children: [(0, jsx_runtime_1.jsx)(_1.Table.HeaderCell, { children: "Cell" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Cell" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Cell" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Cell" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Cell" })] }) }), (0, jsx_runtime_1.jsx)(_1.Table.Foot, {})] })));
+            // Table and head
+            expect(react_1.screen.getByTestId("test")).toHaveClass(TABLE_CLASS_NAME);
+            const head = react_1.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 = react_1.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 = react_1.screen.getByTestId("test").childNodes[2];
+            expect(foot).toHaveClass("mobius/TableFoot");
+        });
+        it("includes custom class name", () => {
+            var _a, _b, _c, _d;
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Table, Object.assign({ "data-testid": "test", className: "my-table" }, { children: [(0, jsx_runtime_1.jsx)(_1.Table.Head, Object.assign({ className: "my-header" }, { children: (0, jsx_runtime_1.jsxs)(_1.Table.Row, Object.assign({ className: "my-header-row" }, { children: [(0, jsx_runtime_1.jsx)(_1.Table.HeaderCell, Object.assign({ className: "my-header-cell" }, { children: "Browser" })), (0, jsx_runtime_1.jsx)(_1.Table.HeaderCell, { children: "Number of unique visitors" }), (0, jsx_runtime_1.jsx)(_1.Table.HeaderCell, { children: "Header" }), (0, jsx_runtime_1.jsx)(_1.Table.HeaderCell, { children: "Header" }), (0, jsx_runtime_1.jsx)(_1.Table.HeaderCell, { children: "Header" })] })) })), (0, jsx_runtime_1.jsx)(_1.Table.Body, Object.assign({ className: "my-body" }, { children: (0, jsx_runtime_1.jsxs)(_1.Table.Row, Object.assign({ className: "my-body-row" }, { children: [(0, jsx_runtime_1.jsx)(_1.Table.HeaderCell, Object.assign({ className: "my-body-cell" }, { children: "Cell" })), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Cell" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Cell" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Cell" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Cell" })] })) })), (0, jsx_runtime_1.jsx)(_1.Table.Foot, { className: "my-footer" })] })));
+            // Table and head
+            expect(react_1.screen.getByTestId("test")).toHaveClass(TABLE_CLASS_NAME);
+            expect(react_1.screen.getByTestId("test")).toHaveClass("my-table");
+            const head = react_1.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 = react_1.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 = react_1.screen.getByTestId("test").childNodes[2];
+            expect(foot).toHaveClass("mobius/TableFoot");
+            expect(foot).toHaveClass("my-footer");
+        });
+    });
+});
+//# sourceMappingURL=Table.test.js.map

package/dist/cjs/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/cjs/components/Table/index.d.ts

@@ -0,0 +1,20 @@
+import { ForwardedRefComponent } from "../../types/components";
+import { TableProps, TableRef } from "./Table";
+import type { TableElementType } from "./Table";
+import type { HeadProps as TableHeadProps, HeadRef as TableHeadRef } from "./Head";
+import type { BodyProps as TableBodyProps, BodyRef as TableBodyRef } from "./Body";
+import type { FootProps as TableFootProps, FootRef as TableFootRef } from "./Foot";
+import type { RowProps as TableRowProps, RowRef as TableRowRef } from "./Row";
+import type { HeaderCellProps as TableHeaderCellProps, HeaderCellRef as TableHeaderCellRef } from "./HeaderCell";
+import type { CellProps as TableCellProps, CellRef as TableCellRef } from "./Cell";
+export interface TableCompound extends ForwardedRefComponent<TableProps, HTMLTableElement> {
+    Head: ForwardedRefComponent<TableHeadProps, HTMLTableSectionElement>;
+    Body: ForwardedRefComponent<TableBodyProps, HTMLTableSectionElement>;
+    Foot: ForwardedRefComponent<TableFootProps, HTMLTableSectionElement>;
+    Row: ForwardedRefComponent<TableRowProps, HTMLTableRowElement>;
+    HeaderCell: ForwardedRefComponent<TableHeaderCellProps, HTMLTableCellElement>;
+    Cell: ForwardedRefComponent<TableCellProps, HTMLTableCellElement>;
+}
+declare const Table: TableCompound;
+export type { TableElementType, TableProps, TableRef, TableHeadProps, TableHeadRef, TableBodyProps, TableBodyRef, TableFootProps, TableFootRef, TableRowProps, TableRowRef, TableHeaderCellProps, TableHeaderCellRef, TableCellProps, TableCellRef, };
+export { Table };

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Table = void 0;
+const Table_1 = require("./Table");
+const Head_1 = require("./Head");
+const Body_1 = require("./Body");
+const Foot_1 = require("./Foot");
+const Row_1 = require("./Row");
+const HeaderCell_1 = require("./HeaderCell");
+const Cell_1 = require("./Cell");
+const Table = Object.assign(Table_1.Table, {
+    Head: Head_1.Head,
+    Body: Body_1.Body,
+    Foot: Foot_1.Foot,
+    Row: Row_1.Row,
+    HeaderCell: HeaderCell_1.HeaderCell,
+    Cell: Cell_1.Cell,
+});
+exports.Table = Table;
+Table.displayName = "Table";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Table/index.tsx"],"names":[],"mappings":";;;AACA,mCAAwE;AACxE,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,+BAA4B;AAC5B,6CAA0C;AAC1C,iCAA8B;AAmC9B,MAAM,KAAK,GAAkB,MAAM,CAAC,MAAM,CAAC,aAAc,EAAE;IACzD,IAAI,EAAJ,WAAI;IACJ,IAAI,EAAJ,WAAI;IACJ,IAAI,EAAJ,WAAI;IACJ,GAAG,EAAH,SAAG;IACH,UAAU,EAAV,uBAAU;IACV,IAAI,EAAJ,WAAI;CACL,CAAC,CAAC;AAqBM,sBAAK;AADd,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

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

@@ -0,0 +1,21 @@
+import { ReactNode, Ref, RefAttributes } from "react";
+import { DOMProps } from "@react-types/shared";
+import { ForwardedRefComponent } from "../../types/components";
+export declare type TextElementType = HTMLHeadingElement | HTMLParagraphElement;
+export declare type TextVariantType = "h1" | "h2" | "h3" | "h4" | "h5" | "lead" | "body" | "caption" | "legal";
+export declare type ElementType = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
+export interface TextProps extends DOMProps, RefAttributes<TextElementType> {
+    /** HTML element for the text */
+    elementType?: ElementType;
+    /** Specify font size override */
+    variant?: TextVariantType;
+    /** Specify compact line height override */
+    spacing?: "loose" | "tight";
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    children: ReactNode;
+    style?: React.CSSProperties;
+}
+export declare type TextRef = Ref<TextElementType>;
+declare const Text: ForwardedRefComponent<TextProps, TextElementType>;
+export { Text };

package/dist/cjs/components/Text/Text.js

@@ -0,0 +1,40 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const clsx_1 = __importDefault(require("clsx"));
+const getElementType = (variant, elementType) => {
+    if (variant) {
+        return ["h1", "h2", "h3", "h4", "h5"].includes(variant) ? variant : "p";
+    }
+    return elementType || "p";
+};
+const Text = (0, react_1.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 = (0, clsx_1.default)("mobius", "mobius/Text", variantType, lineHeight, className);
+    return (0, jsx_runtime_1.jsx)(Component, Object.assign({ ref: ref }, otherProps, { className: classes }));
+});
+exports.Text = Text;
+Text.displayName = "Text";
+//# sourceMappingURL=Text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAkE;AAElE,gDAAwB;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,IAAA,kBAAU,EACxE,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,IAAA,cAAI,EAClB,QAAQ,EACR,aAAa,EACb,WAAW,EACX,UAAU,EACV,SAAS,CACV,CAAC;IAEF,OAAO,uBAAC,SAAS,kBAAC,GAAG,EAAE,GAAG,IAAM,UAAU,IAAE,SAAS,EAAE,OAAO,IAAI,CAAC;AACrE,CAAC,CACF,CAAC;AAGO,oBAAI;AADb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

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

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

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

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

package/dist/cjs/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,kDAAwD;AACxD,wBAAyB;AAEzB,MAAM,UAAU,GAAG,aAAa,CAAC;AAEjC,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE;IACpB,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,IAAA,cAAM,EAAC,uBAAC,OAAI,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,IAAA,cAAM,EAAC,uBAAC,OAAI,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,IAAA,cAAM,EACJ,uBAAC,OAAI,kBAAC,WAAW,EAAC,IAAI,iBAAa,MAAM,iCAElC,CACR,CAAC;YACF,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC3D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;YAChC,IAAA,cAAM,EACJ,uBAAC,OAAI,kBAAC,WAAW,EAAC,IAAI,iBAAa,MAAM,iCAElC,CACR,CAAC;YACF,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;YACpC,IAAA,cAAM,EACJ,uBAAC,OAAI,kBAAC,WAAW,EAAC,IAAI,EAAC,SAAS,EAAC,UAAU,iBAAa,MAAM,iCAEvD,CACR,CAAC;YACF,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YAC3D,MAAM,CAAC,cAAM,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/cjs/components/Text/index.d.ts

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

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

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

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

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

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

@@ -0,0 +1,14 @@
+import { Ref, RefAttributes } from "react";
+import { DOMProps } from "@react-types/shared";
+import { AriaTextFieldOptions } from "@react-aria/textfield";
+import { HoverProps } from "@react-aria/interactions";
+import { ForwardedRefComponent } from "../../types/components";
+export declare type TextAreaElementType = HTMLTextAreaElement;
+export interface TextAreaProps extends AriaTextFieldOptions<"textarea">, DOMProps, HoverProps, RefAttributes<TextAreaElementType> {
+    className?: string;
+    errorMessage?: string;
+    validationState?: "valid" | "invalid";
+}
+export declare type TextAreaRef = Ref<TextAreaElementType>;
+declare const TextArea: ForwardedRefComponent<TextAreaProps, TextAreaElementType>;
+export { TextArea };

package/dist/cjs/components/TextArea/TextArea.js

@@ -0,0 +1,55 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextArea = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const clsx_1 = __importDefault(require("clsx"));
+const textfield_1 = require("@react-aria/textfield");
+const focus_1 = require("@react-aria/focus");
+const interactions_1 = require("@react-aria/interactions");
+const TextAreaInput_1 = require("../TextAreaInput");
+const Label_1 = require("../Label");
+const Flex_1 = require("../Flex");
+const ErrorMessage_1 = require("../ErrorMessage");
+const TextArea = (0, react_1.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 } = (0, textfield_1.useTextField)(Object.assign(Object.assign({ label }, otherProps), { isDisabled, "aria-errormessage": errorMessage }), ref);
+    const { isFocusVisible, focusProps } = (0, focus_1.useFocusRing)({
+        within: true,
+    });
+    const { isHovered, hoverProps } = (0, interactions_1.useHover)({
+        isDisabled,
+        onHoverChange,
+        onHoverStart,
+        onHoverEnd,
+    });
+    // Set class name for atom, including interaction state
+    const classes = (0, clsx_1.default)("mobius", "mobius/TextArea", className);
+    const inputClasses = (0, clsx_1.default)("mobius/TextAreaInput", {
+        "--is-valid": validationState === "valid",
+        "--is-invalid": validationState === "invalid",
+    });
+    const labelClasses = (0, clsx_1.default)({
+        "--is-valid": validationState === "valid",
+        "--is-invalid": validationState === "invalid",
+        "--is-disabled": isDisabled,
+    });
+    return ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, Object.assign({ css: { flexDirection: "column" }, className: classes }, focusProps, { children: [label && ((0, jsx_runtime_1.jsx)(Label_1.Label, Object.assign({}, labelProps, { className: labelClasses }, { children: props.label }))), (0, jsx_runtime_1.jsx)(TextAreaInput_1.TextAreaInput, Object.assign({}, inputProps, hoverProps, { ref: ref, className: inputClasses, isFocusVisible: isFocusVisible, isHovered: isHovered, isDisabled: isDisabled, "aria-invalid": errorMessage != null })), (0, jsx_runtime_1.jsx)(ErrorMessage_1.ErrorMessage, Object.assign({}, errorMessageProps, { errorMessage: errorMessage }))] })));
+});
+exports.TextArea = TextArea;
+TextArea.displayName = "TextArea";
+//# sourceMappingURL=TextArea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAkE;AAElE,gDAAwB;AACxB,qDAA2E;AAC3E,6CAAiD;AACjD,2DAAgE;AAChE,oDAAiD;AACjD,oCAAiC;AAEjC,kCAA+B;AAC/B,kDAA+C;AAgB/C,MAAM,QAAQ,GACZ,IAAA,kBAAU,EAAC,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,IAAA,wBAAY,gCAE9D,KAAK,IACF,UAAU,KACb,UAAU,EACV,mBAAmB,EAAE,YAAY,KAEnC,GAAwD,CACzD,CAAC;IACF,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,GAAG,IAAA,oBAAY,EAAC;QAClD,MAAM,EAAE,IAAI;KACb,CAAC,CAAC;IACH,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,IAAA,uBAAQ,EAAC;QACzC,UAAU;QACV,aAAa;QACb,YAAY;QACZ,UAAU;KACX,CAAC,CAAC;IAEH,uDAAuD;IACvD,MAAM,OAAO,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,iBAAiB,EAAE,SAAS,CAAC,CAAC;IAC7D,MAAM,YAAY,GAAG,IAAA,cAAI,EAAC,sBAAsB,EAAE;QAChD,YAAY,EAAE,eAAe,KAAK,OAAO;QACzC,cAAc,EAAE,eAAe,KAAK,SAAS;KAC9C,CAAC,CAAC;IACH,MAAM,YAAY,GAAG,IAAA,cAAI,EAAC;QACxB,YAAY,EAAE,eAAe,KAAK,OAAO;QACzC,cAAc,EAAE,eAAe,KAAK,SAAS;QAC7C,eAAe,EAAE,UAAU;KAC5B,CAAC,CAAC;IAEH,OAAO,CACL,wBAAC,WAAI,kBACH,GAAG,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,EAChC,SAAS,EAAE,OAAO,IACd,UAAU,eAEb,KAAK,IAAI,CACR,uBAAC,aAAK,oBAAK,UAAU,IAAE,SAAS,EAAE,YAAY,gBAC3C,KAAK,CAAC,KAAK,IACN,CACT,EACD,uBAAC,6BAAa,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,uBAAC,2BAAY,oBAAK,iBAAiB,IAAE,YAAY,EAAE,YAAY,IAAI,KAC9D,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAGI,4BAAQ;AADjB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}

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

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