@simplybusiness/mobius 4.4.4 → 4.4.6

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

@@ -0,0 +1,85 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const Slider_1 = require("./Slider");
+describe("Slider", () => {
+    it("should render without errors", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Slider_1.Slider, { className: "test", label: "Test", defaultValue: 0 }));
+        expect(container).toBeInTheDocument();
+    });
+    describe("labels", () => {
+        it("should render a min label", () => {
+            const { getByTestId } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Slider_1.Slider, { label: "Test", minLabel: "Min" }));
+            expect(getByTestId("min-label")).toHaveTextContent("Min");
+        });
+        it("should render a max label", () => {
+            const { getByTestId } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Slider_1.Slider, { label: "Test", maxLabel: "Max" }));
+            expect(getByTestId("max-label")).toHaveTextContent("Max");
+        });
+        it("should render an aria-label", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Slider_1.Slider, { "aria-label": "Test", maxLabel: "Max" }));
+            const slider = container.getElementsByTagName("input")[0];
+            expect(slider.getAttribute("aria-label")).toEqual("Test");
+        });
+    });
+    describe("classnames", () => {
+        let result;
+        beforeEach(() => {
+            result = (0, react_1.render)((0, jsx_runtime_1.jsx)(Slider_1.Slider, { className: "test", label: "test", defaultValue: 0 }));
+        });
+        const classNames = ["mobius", "mobius/Slider", "test"];
+        it.each(classNames)("should have classname %s", className => {
+            expect(result.container.firstChild).toHaveClass(className);
+        });
+    });
+    /**
+     * Note: React Testing Library does not yet support
+     * <input type="range" />
+     * https://github.com/testing-library/user-event/issues/871
+     * We cannot use keyboard user events.  For now, the
+     * following tests work with fireEvent.change().
+     */
+    describe("events", () => {
+        it("should call events on input change", async () => {
+            const onChange = jest.fn();
+            const onChangeEnd = jest.fn();
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Slider_1.Slider, { label: "test", defaultValue: 1, minValue: 1, maxValue: 10, onChange: onChange, onChangeEnd: onChangeEnd }));
+            await user_event_1.default.tab();
+            const slider = container.getElementsByTagName("input")[0];
+            expect(slider).toHaveFocus();
+            react_1.fireEvent.change(slider, { target: { value: "5" } });
+            expect(slider.value).toEqual("5");
+            expect(onChange).toHaveBeenCalledWith(5);
+            react_1.fireEvent.keyUp(slider);
+            expect(onChangeEnd).toHaveBeenCalledWith(5);
+        });
+        it("should not call onChange when value is already min", async () => {
+            const onChange = jest.fn();
+            const onChangeEnd = jest.fn();
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Slider_1.Slider, { label: "test", defaultValue: 1, minValue: 1, maxValue: 10, onChange: onChange, onChangeEnd: onChangeEnd }));
+            const slider = container.getElementsByTagName("input")[0];
+            react_1.fireEvent.change(slider, { target: { value: "1" } });
+            expect(onChange).not.toHaveBeenCalled();
+            // Cannot set value below min
+            react_1.fireEvent.change(slider, { target: { value: "0" } });
+            expect(onChange).not.toHaveBeenCalled();
+        });
+        it("should not call onChange when value is already max", async () => {
+            const onChange = jest.fn();
+            const onChangeEnd = jest.fn();
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Slider_1.Slider, { label: "test", defaultValue: 10, minValue: 1, maxValue: 10, onChange: onChange, onChangeEnd: onChangeEnd }));
+            const slider = container.getElementsByTagName("input")[0];
+            react_1.fireEvent.change(slider, { target: { value: "10" } });
+            expect(onChange).not.toHaveBeenCalled();
+            // Cannot set value above max
+            react_1.fireEvent.change(slider, { target: { value: "11" } });
+            expect(onChange).not.toHaveBeenCalled();
+        });
+    });
+});
+//# sourceMappingURL=Slider.test.js.map

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

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

package/dist/cjs/components/Slider/helpers.d.ts

@@ -0,0 +1,5 @@
+export declare function unwrapFirstValue<T>(value: T | T[] | undefined): T | undefined;
+export declare function wrapValue<T>(value: T | undefined): T[] | undefined;
+export declare function useUnwrappedHandler<T>(handler: ((value: T | undefined) => void) | undefined): (value: T | T[]) => void;
+export declare function useWrappedValue<T>(value: T | undefined): T[] | undefined;
+export declare function numberFormatter(value: number | string | undefined, formatOptions?: Intl.NumberFormatOptions, locale?: string): string;

package/dist/cjs/components/Slider/helpers.test.d.ts

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

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

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("@testing-library/react");
+const helpers_1 = require("./helpers");
+describe("Slider helpers", () => {
+    describe("unwrapFirstValue", () => {
+        it("should return undefined if the value is undefined", () => {
+            expect((0, helpers_1.unwrapFirstValue)(undefined)).toBeUndefined();
+        });
+        it("should return undefined if the value is an empty array", () => {
+            expect((0, helpers_1.unwrapFirstValue)([])).toBeUndefined();
+        });
+        it("should return the first value if the value is an array with one element", () => {
+            expect((0, helpers_1.unwrapFirstValue)([1])).toBe(1);
+        });
+        it("should return the first value if the value is an array with more than one element", () => {
+            expect((0, helpers_1.unwrapFirstValue)([1, 2])).toBe(1);
+        });
+    });
+    describe("wrapValue", () => {
+        it("should return undefined if the value is undefined", () => {
+            expect((0, helpers_1.wrapValue)(undefined)).toBeUndefined();
+        });
+        it("should return the value if it is not an array", () => {
+            expect((0, helpers_1.wrapValue)(1)).toEqual([1]);
+        });
+        it("should return an array of array if value is an array", () => {
+            expect((0, helpers_1.wrapValue)([1])).toEqual([[1]]);
+        });
+    });
+    describe("useWrappedValue", () => {
+        it("should return undefined if the value is undefined", () => {
+            const { result } = (0, react_1.renderHook)(() => (0, helpers_1.useWrappedValue)(undefined));
+            expect(result.current).toBeUndefined();
+        });
+        it("should return the value if it is not an array", () => {
+            const { result } = (0, react_1.renderHook)(() => (0, helpers_1.useWrappedValue)(1));
+            expect(result.current).toEqual([1]);
+        });
+        it("should return an array of array if value is an array", () => {
+            const { result } = (0, react_1.renderHook)(() => (0, helpers_1.useWrappedValue)([1]));
+            expect(result.current).toEqual([[1]]);
+        });
+    });
+    describe("useUnwrappedHandler", () => {
+        it("should call the handler with the unwrapped value", () => {
+            const handler = jest.fn();
+            const { result } = (0, react_1.renderHook)(() => (0, helpers_1.useUnwrappedHandler)(handler));
+            result.current([1]);
+            expect(handler).toHaveBeenCalledWith(1);
+        });
+    });
+    describe("numberFormatter", () => {
+        it("returns an empty string when no params are passed", () => {
+            expect((0, helpers_1.numberFormatter)(undefined)).toEqual("");
+        });
+        it("returns the unformatted value when no formatter is present", () => {
+            expect((0, helpers_1.numberFormatter)(43)).toEqual("43");
+            expect((0, helpers_1.numberFormatter)("QQ")).toEqual("QQ");
+        });
+        it("returns the unformatted value when format options are empty", () => {
+            const formatOptions = {};
+            expect((0, helpers_1.numberFormatter)(35, formatOptions)).toEqual("35");
+        });
+        it("returns a formatted value, defaulting to en-GB locale", () => {
+            const formatOptions = { style: "currency", currency: "EUR" };
+            expect((0, helpers_1.numberFormatter)(35.4, formatOptions)).toEqual("€35.40");
+        });
+        it("respects a locale if supplied", () => {
+            const formatOptions = { style: "currency", currency: "EUR" };
+            expect((0, helpers_1.numberFormatter)(35.4, formatOptions, "de-DE")).toEqual("35,40 €");
+        });
+    });
+});
+//# sourceMappingURL=helpers.test.js.map

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

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

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

package/dist/cjs/components/Stack/Stack.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Stack", {
+    enumerable: true,
+    get: function() {
+        return Stack;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("react");
+const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
+const _utils = require("../../utils");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const Stack = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
+    const { elementType: Element = "div", direction = "row", spacing = "xs", ...otherProps } = props;
+    const spaceClasses = (0, _utils.sizeClasses)(spacing);
+    const classes = (0, _dedupe.default)("mobius", "mobius/Stack", spaceClasses, {
+        "--is-horizontal": direction === "row",
+        "--is-vertical": direction === "column"
+    }, otherProps.className);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(Element, {
+        ref: ref,
+        ...otherProps,
+        className: classes
+    });
+});
+
+//# sourceMappingURL=Stack.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { SizeType } from \"../../types\";\nimport { sizeClasses } from \"../../utils\";\n\nexport type StackElementType = HTMLDivElement;\n\nexport interface StackProps extends DOMProps, RefAttributes<StackElementType> {\n  children?: ReactNode;\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  elementType?: string | React.ElementType;\n  direction?: \"row\" | \"column\";\n  spacing?: SizeType;\n}\n\nexport type StackRef = Ref<StackElementType>;\n\nexport const Stack: ForwardedRefComponent<StackProps, StackElementType> =\n  forwardRef((props: StackProps, ref: StackRef) => {\n    const {\n      elementType: Element = \"div\",\n      direction = \"row\",\n      spacing = \"xs\",\n      ...otherProps\n    } = props;\n\n    const spaceClasses = sizeClasses(spacing);\n\n    const classes = classNames(\n      \"mobius\",\n      \"mobius/Stack\",\n      spaceClasses,\n      {\n        \"--is-horizontal\": direction === \"row\",\n        \"--is-vertical\": direction === \"column\",\n      },\n      otherProps.className,\n    );\n\n    return <Element ref={ref} {...otherProps} className={classes} />;\n  });\n"],"names":["Stack","forwardRef","props","ref","elementType","Element","direction","spacing","otherProps","spaceClasses","sizeClasses","classes","classNames","className"],"mappings":";;;;+BAoBaA;;;eAAAA;;;;uBApB6C;+DACnC;uBAIK;;;;;;AAerB,MAAMA,sBACXC,IAAAA,iBAAU,EAAC,CAACC,OAAmBC;IAC7B,MAAM,EACJC,aAAaC,UAAU,KAAK,EAC5BC,YAAY,KAAK,EACjBC,UAAU,IAAI,EACd,GAAGC,YACJ,GAAGN;IAEJ,MAAMO,eAAeC,IAAAA,kBAAW,EAACH;IAEjC,MAAMI,UAAUC,IAAAA,eAAU,EACxB,UACA,gBACAH,cACA;QACE,mBAAmBH,cAAc;QACjC,iBAAiBA,cAAc;IACjC,GACAE,WAAWK,SAAS;IAGtB,qBAAO,qBAACR;QAAQF,KAAKA;QAAM,GAAGK,UAAU;QAAEK,WAAWF;;AACvD"}

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./Stack"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Stack/index.tsx"],"sourcesContent":["export * from \"./Stack\";\n"],"names":[],"mappings":";;;;qBAAc"}

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

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

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 type CellRef = Ref<HTMLTableCellElement>;
+declare const Cell: ForwardedRefComponent<CellProps, HTMLTableCellElement>;
+export { Cell };

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 type FootRef = Ref<HTMLTableSectionElement>;
+declare const Foot: ForwardedRefComponent<FootProps, HTMLTableSectionElement>;
+export { Foot };

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 type HeadRef = Ref<HTMLTableSectionElement>;
+declare const Head: ForwardedRefComponent<HeadProps, HTMLTableSectionElement>;
+export { Head };

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 type HeaderCellRef = Ref<HTMLTableCellElement>;
+declare const HeaderCell: ForwardedRefComponent<HeaderCellProps, HTMLTableCellElement>;
+export { HeaderCell };

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 type RowRef = Ref<HTMLTableRowElement>;
+declare const Row: ForwardedRefComponent<RowProps, HTMLTableRowElement>;
+export { Row };

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

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

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

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

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Extended = exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const _1 = require(".");
+const meta = {
+    title: "Components/Table",
+    component: _1.Table,
+};
+exports.Normal = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(_1.Table, Object.assign({}, args, { 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: "Insurance cover" }), (0, jsx_runtime_1.jsx)(_1.Table.HeaderCell, { children: "Lowest excess" }), (0, jsx_runtime_1.jsx)(_1.Table.HeaderCell, { children: "Highest excess" })] }) }), (0, jsx_runtime_1.jsxs)(_1.Table.Body, { children: [(0, jsx_runtime_1.jsxs)(_1.Table.Row, { children: [(0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Public liability" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "\u00A3250" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "\u00A32,500" })] }), (0, jsx_runtime_1.jsxs)(_1.Table.Row, { children: [(0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Employers\u2018 liability" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "\u00A3250" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "\u00A3500" })] }), (0, jsx_runtime_1.jsxs)(_1.Table.Row, { children: [(0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Tools" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "\u00A3100" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "\u00A3500" })] }), (0, jsx_runtime_1.jsxs)(_1.Table.Row, { children: [(0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Stock" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "\u00A3250" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "\u00A3500" })] }), (0, jsx_runtime_1.jsxs)(_1.Table.Row, { children: [(0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Business and office equipment" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "\u00A350" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "\u00A3500" })] })] })] }))),
+};
+exports.Extended = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(_1.Table, Object.assign({}, args, { 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: "Column one" }), (0, jsx_runtime_1.jsx)(_1.Table.HeaderCell, { children: "Column two" }), (0, jsx_runtime_1.jsx)(_1.Table.HeaderCell, { children: "Column three" }), (0, jsx_runtime_1.jsx)(_1.Table.HeaderCell, { children: "Column four" }), (0, jsx_runtime_1.jsx)(_1.Table.HeaderCell, { children: "Column five" }), (0, jsx_runtime_1.jsx)(_1.Table.HeaderCell, { children: "Column six" }), (0, jsx_runtime_1.jsx)(_1.Table.HeaderCell, { children: "Column seven" })] }) }), (0, jsx_runtime_1.jsxs)(_1.Table.Body, { children: [(0, jsx_runtime_1.jsxs)(_1.Table.Row, { children: [(0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Lorem" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Ipsum" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar tincidunt lorem vel vulputate. Quisque vulputate sed tortor a aliquet. Curabitur egestas sodales nunc, bibendum cursus mi ultrices vitae." }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Vestibulum nec dolor urna. In ullamcorper auctor dignissim. Quisque faucibus, nisi in faucibus cursus, turpis mi ullamcorper arcu, id tempor enim ipsum eu elit. Mauris gravida libero nisl, in consequat justo accumsan quis. Phasellus finibus ultrices blandit. Donec vehicula leo odio, in dapibus massa scelerisque ac. Aliquam nec dui erat. Duis auctor mauris in dolor accumsan elementum. Donec vehicula commodo urna quis pretium. Nullam a dui sit amet nisi porta sollicitudin." }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Vestibulum nec dolor urna. In ullamcorper auctor dignissim. Quisque faucibus, nisi in faucibus cursus, turpis mi ullamcorper arcu, id tempor enim ipsum eu elit. Mauris gravida libero nisl, in consequat justo accumsan quis." }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Phasellus finibus ultrices blandit. Donec vehicula leo odio, in dapibus massa scelerisque ac. Aliquam nec dui erat. Duis auctor mauris in dolor accumsan elementum. Donec vehicula commodo urna quis pretium. Nullam a dui sit amet nisi porta sollicitudin." }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Nullam a dui sit amet nisi porta sollicitudin." })] }), (0, jsx_runtime_1.jsxs)(_1.Table.Row, { children: [(0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Lorem" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Ipsum" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar tincidunt lorem vel vulputate. Quisque vulputate sed tortor a aliquet. Curabitur egestas sodales nunc, bibendum cursus mi ultrices vitae." }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Vestibulum nec dolor urna. In ullamcorper auctor dignissim. Quisque faucibus, nisi in faucibus cursus, turpis mi ullamcorper arcu, id tempor enim ipsum eu elit. Mauris gravida libero nisl, in consequat justo accumsan quis. Phasellus finibus ultrices blandit. Donec vehicula leo odio, in dapibus massa scelerisque ac. Aliquam nec dui erat. Duis auctor mauris in dolor accumsan elementum. Donec vehicula commodo urna quis pretium. Nullam a dui sit amet nisi porta sollicitudin." }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Vestibulum nec dolor urna. In ullamcorper auctor dignissim. Quisque faucibus, nisi in faucibus cursus, turpis mi ullamcorper arcu, id tempor enim ipsum eu elit. Mauris gravida libero nisl, in consequat justo accumsan quis." }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Phasellus finibus ultrices blandit. Donec vehicula leo odio, in dapibus massa scelerisque ac. Aliquam nec dui erat. Duis auctor mauris in dolor accumsan elementum. Donec vehicula commodo urna quis pretium. Nullam a dui sit amet nisi porta sollicitudin." }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Nullam a dui sit amet nisi porta sollicitudin." })] }), (0, jsx_runtime_1.jsxs)(_1.Table.Row, { children: [(0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "Public liability" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "\u00A3250" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "\u00A32,500" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "\u00A32,500" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "\u00A32,500" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "\u00A32,500" }), (0, jsx_runtime_1.jsx)(_1.Table.Cell, { children: "\u00A32,500" })] })] })] }))),
+};
+exports.default = meta;
+//# sourceMappingURL=Table.stories.js.map

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

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

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("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, { "data-testid": "table", children: [(0, jsx_runtime_1.jsx)(_1.Table.Head, { "data-testid": "head", children: (0, jsx_runtime_1.jsx)(_1.Table.Row, { "data-testid": "row", children: (0, jsx_runtime_1.jsx)(_1.Table.HeaderCell, { "data-testid": "headerCell", children: "Browser" }) }) }), (0, jsx_runtime_1.jsx)(_1.Table.Body, { "data-testid": "body", children: (0, jsx_runtime_1.jsx)(_1.Table.Row, { children: (0, jsx_runtime_1.jsx)(_1.Table.Cell, { "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, { "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, { "data-testid": "test", className: "my-table", children: [(0, jsx_runtime_1.jsx)(_1.Table.Head, { className: "my-header", children: (0, jsx_runtime_1.jsxs)(_1.Table.Row, { className: "my-header-row", children: [(0, jsx_runtime_1.jsx)(_1.Table.HeaderCell, { 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, { className: "my-body", children: (0, jsx_runtime_1.jsxs)(_1.Table.Row, { className: "my-body-row", children: [(0, jsx_runtime_1.jsx)(_1.Table.HeaderCell, { 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/Text/Text.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode, Ref, RefAttributes } from "react";
+import { DOMProps } from "../../types/dom";
+import { ForwardedRefComponent } from "../../types/components";
+export type TextElementType = HTMLHeadingElement | HTMLParagraphElement;
+export type TextVariantType = "h1" | "h2" | "h3" | "h4" | "body" | "small" | "legal";
+export type ElementType = "h1" | "h2" | "h3" | "h4" | "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 type TextRef = Ref<TextElementType>;
+declare const Text: ForwardedRefComponent<TextProps, TextElementType>;
+export { Text };

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

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Text } from "./Text";
+type StoryType = StoryObj<typeof Text>;
+declare const meta: Meta<typeof Text>;
+export declare const Normal: StoryType;
+export declare const Themed: StoryType;
+export declare const Example: () => import("react/jsx-runtime").JSX.Element;
+export declare const ExampleVariant: () => import("react/jsx-runtime").JSX.Element;
+export declare const ExampleSpacing: () => import("react/jsx-runtime").JSX.Element;
+export default meta;

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

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExampleSpacing = exports.ExampleVariant = exports.Example = exports.Themed = exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Text_1 = require("./Text");
+const utils_1 = require("../../utils");
+const Box_1 = require("../Box");
+const meta = {
+    title: "Components/Text",
+    component: Text_1.Text,
+    excludeStories: ["Example", "ExampleSpacing", "ExampleVariant"],
+    argTypes: (0, utils_1.excludeControls)("style"),
+};
+exports.Normal = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Text_1.Text, Object.assign({}, args, { children: "Sample Text" })),
+    args: {
+        elementType: "h4",
+        variant: "h4",
+    },
+};
+exports.Themed = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Text_1.Text, Object.assign({}, args, { children: "Sample Text" })),
+    args: {
+        elementType: "h4",
+        variant: "h4",
+        style: {
+            color: "green",
+        },
+    },
+};
+const Example = () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(Box_1.Box, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { elementType: "h1", children: "Heading 1" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { elementType: "h2", children: "Heading 2" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { elementType: "h3", children: "Heading 3" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { elementType: "h4", children: "Heading 4" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Paragraph" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "small", children: "Small paragraph" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "legal", children: "Small print" })] }), (0, jsx_runtime_1.jsxs)(Box_1.Box, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { elementType: "h1", children: "First Heading" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vel lorem enim. Nam vitae enim mollis turpis scelerisque vulputate id sit amet nisl. Etiam et tortor a nunc hendrerit luctus sed at nunc. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id turpis nisl. In hac habitasse platea dictumst. Morbi blandit sodales nibh, auctor dapibus orci pellentesque sit amet. Etiam posuere massa vel imperdiet dapibus. Morbi sed tempor neque, sit amet viverra magna. Etiam efficitur augue accumsan, feugiat libero id, tincidunt turpis. Nam ullamcorper enim in leo dapibus aliquam eu sit amet erat. Morbi iaculis magna ut tincidunt rhoncus." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Mauris pharetra enim et turpis lacinia, quis porta velit commodo. Proin at vehicula ligula, ut semper sapien. Donec felis elit, pretium vitae viverra eget, venenatis id elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque blandit et erat nec placerat. Vestibulum vitae risus pellentesque, semper odio eget, elementum orci. Nam pulvinar metus sed sapien gravida bibendum. Praesent a malesuada ipsum. Vivamus ac congue odio." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { elementType: "h2", children: "Second Heading" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Ut vel lectus arcu. Etiam ut efficitur turpis, pretium pretium nunc. Ut dolor nibh, facilisis at tempus at, iaculis sed mi. Etiam sollicitudin, elit eu dapibus pharetra, purus turpis egestas enim, vel pulvinar leo libero ac ante. Sed posuere, mi a commodo bibendum, dui lacus ullamcorper dolor, ut dapibus nunc libero vel felis. Morbi quis porttitor nisi. Aenean ac elit ipsum. Curabitur nunc nibh, tristique non purus vel, efficitur vulputate massa. Donec eget risus venenatis turpis tempor venenatis. Nam aliquet ipsum non faucibus tempus. Vestibulum efficitur ex erat, eget varius urna venenatis vel. Aenean mollis arcu purus, id pretium ligula facilisis et." })] })] }));
+exports.Example = Example;
+const ExampleVariant = () => ((0, jsx_runtime_1.jsxs)("div", { style: { display: "flex", flexDirection: "column" }, children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "h1", children: "variant h1" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "h2", children: "variant h2" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "h3", children: "variant h3" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "h4", children: "variant h4" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "body", children: "variant body" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "small", children: "variant small" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "legal", children: "variant legal" })] }));
+exports.ExampleVariant = ExampleVariant;
+const ExampleSpacing = () => ((0, jsx_runtime_1.jsxs)(Box_1.Box, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "h3", children: "Tight Spacing" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { spacing: "tight", children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vel lorem enim. Nam vitae enim mollis turpis scelerisque vulputate id sit amet nisl. Etiam et tortor a nunc hendrerit luctus sed at nunc." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { spacing: "tight", children: "Mauris pharetra enim et turpis lacinia, quis porta velit commodo. Scelerisque vulputate id sit amet nisl. Etiam et tortor a nunc hendrerit luctus sed at nunc." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { spacing: "tight", children: "Ut vel lectus arcu. Etiam ut efficitur turpis, pretium pretium nunc. Ut dolor nibh, facilisis at tempus at, iaculis sed mi." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "h3", children: "Loose Spacing" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vel lorem enim. Nam vitae enim mollis turpis scelerisque vulputate id sit amet nisl. Etiam et tortor a nunc hendrerit luctus sed at nunc." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Mauris pharetra enim et turpis lacinia, quis porta velit commodo. Scelerisque vulputate id sit amet nisl. Etiam et tortor a nunc hendrerit luctus sed at nunc." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Ut vel lectus arcu. Etiam ut efficitur turpis, pretium pretium nunc. Ut dolor nibh, facilisis at tempus at, iaculis sed mi." })] }));
+exports.ExampleSpacing = ExampleSpacing;
+exports.default = meta;
+//# sourceMappingURL=Text.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.stories.js","sourceRoot":"","sources":["../../../../src/components/Text/Text.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAAyC;AACzC,uCAA8C;AAC9C,gCAA6B;AAI7B,MAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,WAAI;IACf,cAAc,EAAE,CAAC,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,CAAC;IAC/D,QAAQ,EAAE,IAAA,uBAAe,EAAC,OAAO,CAAC;CACnC,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,uBAAC,WAAI,oBAAK,IAAI,+BAAoB;IAC/D,IAAI,EAAE;QACJ,WAAW,EAAE,IAAI;QACjB,OAAO,EAAE,IAAI;KACd;CACF,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,uBAAC,WAAI,oBAAK,IAAI,+BAAoB;IAC/D,IAAI,EAAE;QACJ,WAAW,EAAE,IAAI;QACjB,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,KAAK,EAAE,OAAO;SACf;KACF;CACF,CAAC;AAEK,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,CAC3B,6DACE,wBAAC,SAAG,eACF,uBAAC,WAAI,IAAC,WAAW,EAAC,IAAI,0BAAiB,EACvC,uBAAC,WAAI,IAAC,WAAW,EAAC,IAAI,0BAAiB,EACvC,uBAAC,WAAI,IAAC,WAAW,EAAC,IAAI,0BAAiB,EACvC,uBAAC,WAAI,IAAC,WAAW,EAAC,IAAI,0BAAiB,EACvC,uBAAC,WAAI,4BAAiB,EACtB,uBAAC,WAAI,IAAC,OAAO,EAAC,OAAO,gCAAuB,EAC5C,uBAAC,WAAI,IAAC,OAAO,EAAC,OAAO,4BAAmB,IACpC,EACN,wBAAC,SAAG,eACF,uBAAC,WAAI,IAAC,WAAW,EAAC,IAAI,8BAAqB,EAC3C,uBAAC,WAAI,4pBAWE,EACP,uBAAC,WAAI,2cAQE,EACP,uBAAC,WAAI,IAAC,WAAW,EAAC,IAAI,+BAAsB,EAC5C,uBAAC,WAAI,wqBAWE,IACH,IACL,CACJ,CAAC;AAjDW,QAAA,OAAO,WAiDlB;AAEK,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,CAClC,iCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,aACtD,uBAAC,WAAI,IAAC,OAAO,EAAC,IAAI,2BAAkB,EACpC,uBAAC,WAAI,IAAC,OAAO,EAAC,IAAI,2BAAkB,EACpC,uBAAC,WAAI,IAAC,OAAO,EAAC,IAAI,2BAAkB,EACpC,uBAAC,WAAI,IAAC,OAAO,EAAC,IAAI,2BAAkB,EACpC,uBAAC,WAAI,IAAC,OAAO,EAAC,MAAM,6BAAoB,EACxC,uBAAC,WAAI,IAAC,OAAO,EAAC,OAAO,8BAAqB,EAC1C,uBAAC,WAAI,IAAC,OAAO,EAAC,OAAO,8BAAqB,IACtC,CACP,CAAC;AAVW,QAAA,cAAc,kBAUzB;AAEK,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,CAClC,wBAAC,SAAG,eACF,uBAAC,WAAI,IAAC,OAAO,EAAC,IAAI,8BAAqB,EACvC,uBAAC,WAAI,IAAC,OAAO,EAAC,OAAO,yNAId,EACP,uBAAC,WAAI,IAAC,OAAO,EAAC,OAAO,+KAId,EACP,uBAAC,WAAI,IAAC,OAAO,EAAC,OAAO,4IAGd,EACP,uBAAC,WAAI,IAAC,OAAO,EAAC,IAAI,8BAAqB,EACvC,uBAAC,WAAI,2NAIE,EACP,uBAAC,WAAI,iLAIE,EACP,uBAAC,WAAI,8IAGE,IACH,CACP,CAAC;AAjCW,QAAA,cAAc,kBAiCzB;AAEF,kBAAe,IAAI,CAAC"}

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

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