@simplybusiness/mobius 3.0.0

package/dist/esm/components/Fieldset/Fieldset.js

@@ -0,0 +1,43 @@
+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, cloneElement, } from "react";
+import { useId } from "@react-aria/utils";
+import clsx from "clsx";
+import { Flex } from "../Flex";
+const useFieldset = (props) => {
+    const { legend } = props;
+    let legendProps = {};
+    let containerProps = {
+        role: "group",
+    };
+    const legendId = useId();
+    if (legend) {
+        legendProps = Object.assign(Object.assign({}, legendProps), { id: legendId });
+        containerProps = Object.assign(Object.assign({}, containerProps), { "aria-labelledby": legendId });
+    }
+    return {
+        legendProps,
+        containerProps,
+    };
+};
+const Fieldset = forwardRef((props, _ref) => {
+    const { children, legend, legendComponent = _jsx("legend", {}) } = props, otherProps = __rest(props, ["children", "legend", "legendComponent"]);
+    const { legendProps, containerProps } = useFieldset(props);
+    const classes = clsx("mobius", "mobius/Fieldset", props.className);
+    // Set class on legend
+    legendProps.className = "mobius/Legend";
+    return (_jsxs(Flex, Object.assign({}, containerProps, otherProps, { className: classes }, { children: [legend && cloneElement(legendComponent, Object.assign({}, legendProps), [legend]), children] })));
+});
+Fieldset.displayName = "Fieldset";
+export { Fieldset };
+//# sourceMappingURL=Fieldset.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Fieldset.js","sourceRoot":"","sources":["../../../../src/components/Fieldset/Fieldset.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAEL,UAAU,EAGV,YAAY,GAEb,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAY/B,MAAM,WAAW,GAAG,CAClB,KAAoB,EAC0C,EAAE;IAChE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEzB,IAAI,WAAW,GAAgB,EAAE,CAAC;IAClC,IAAI,cAAc,GAAmB;QACnC,IAAI,EAAE,OAAO;KACd,CAAC;IAEF,MAAM,QAAQ,GAAG,KAAK,EAAE,CAAC;IACzB,IAAI,MAAM,EAAE;QACV,WAAW,mCACN,WAAW,KACd,EAAE,EAAE,QAAQ,GACb,CAAC;QACF,cAAc,mCACT,cAAc,KACjB,iBAAiB,EAAE,QAAQ,GAC5B,CAAC;KACH;IAED,OAAO;QACL,WAAW;QACX,cAAc;KACf,CAAC;AACJ,CAAC,CAAC;AAcF,MAAM,QAAQ,GACZ,UAAU,CAAC,CAAC,KAAoB,EAAE,IAAiB,EAAE,EAAE;IACrD,MAAM,EACJ,QAAQ,EACR,MAAM,EACN,eAAe,GAAG,kBAAU,KAE1B,KAAK,EADJ,UAAU,UACX,KAAK,EALH,yCAKL,CAAQ,CAAC;IAEV,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IAE3D,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAEnE,sBAAsB;IACtB,WAAW,CAAC,SAAS,GAAG,eAAe,CAAC;IAExC,OAAO,CACL,MAAC,IAAI,oBAAK,cAAc,EAAM,UAAU,IAAE,SAAS,EAAE,OAAO,iBACzD,MAAM,IAAI,YAAY,CAAC,eAAe,oBAAO,WAAW,GAAI,CAAC,MAAM,CAAC,CAAC,EACrE,QAAQ,KACJ,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEL,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,CAAC"}

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { render } from "@testing-library/react";
+import { Fieldset } from ".";
+import { TextField } from "../TextField";
+describe("Fieldset", () => {
+    it("should render without errors", () => {
+        render(_jsx(Fieldset, Object.assign({ legend: "Shipping address" }, { children: _jsx(TextField, { "aria-label": "name" }) })));
+    });
+});
+//# sourceMappingURL=Fieldset.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Fieldset.test.js","sourceRoot":"","sources":["../../../../src/components/Fieldset/Fieldset.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC;AAC7B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACxB,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,CACJ,KAAC,QAAQ,kBAAC,MAAM,EAAC,kBAAkB,gBACjC,KAAC,SAAS,kBAAY,MAAM,GAAG,IACtB,CACZ,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

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

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

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

package/dist/esm/components/Fieldset/stories/StyledLegend.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+export const StyledLegend = (props) => (_jsx("legend", Object.assign({ css: {
+        marginBottom: "size-20",
+        paddingLeft: 0,
+        color: "primary",
+    } }, props)));
+//# sourceMappingURL=StyledLegend.js.map

package/dist/esm/components/Fieldset/stories/StyledLegend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledLegend.js","sourceRoot":"","sources":["../../../../../src/components/Fieldset/stories/StyledLegend.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,CAClD,+BACE,GAAG,EAAE;QACH,YAAY,EAAE,SAAS;QACvB,WAAW,EAAE,CAAC;QACd,KAAK,EAAE,SAAS;KACjB,IACG,KAAK,EACT,CACH,CAAC"}

package/dist/esm/components/Flex/Flex.js

@@ -0,0 +1,58 @@
+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 buildFlexStyles = (props) => {
+    const { flexDirection, flexWrap, flexGrow, flex, justifyContent, alignItems, alignContent, gap, rowGap, columnGap, } = props;
+    return {
+        display: "flex",
+        flexDirection,
+        flexWrap,
+        flexGrow,
+        flex,
+        justifyContent,
+        alignItems,
+        alignContent,
+        gap,
+        rowGap,
+        columnGap,
+    };
+};
+const splitProps = (props) => {
+    const { flexDirection, flexWrap, flexGrow, flex, justifyContent, alignItems, alignContent, gap, rowGap, columnGap } = props, otherProps = __rest(props, ["flexDirection", "flexWrap", "flexGrow", "flex", "justifyContent", "alignItems", "alignContent", "gap", "rowGap", "columnGap"]);
+    return [
+        {
+            flexDirection,
+            flexWrap,
+            flexGrow,
+            flex,
+            justifyContent,
+            alignItems,
+            alignContent,
+            gap,
+            rowGap,
+            columnGap,
+        },
+        otherProps,
+    ];
+};
+const Flex = forwardRef((props, ref) => {
+    const { elementType: Element = "div" } = props, otherProps = __rest(props, ["elementType"]);
+    const classes = clsx("mobius", "mobius/Flex", props.className);
+    const [styleProps, restProps] = splitProps(otherProps);
+    const flexStyles = buildFlexStyles(styleProps);
+    return (_jsx(Element, Object.assign({ ref: ref, css: flexStyles }, restProps, { className: classes })));
+});
+Flex.displayName = "Flex";
+export { Flex };
+//# sourceMappingURL=Flex.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../../../src/components/Flex/Flex.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAO,UAAU,EAA4B,MAAM,OAAO,CAAC;AAGlE,OAAO,IAAI,MAAM,MAAM,CAAC;AAsCxB,MAAM,eAAe,GAAG,CAAC,KAAqB,EAAE,EAAE;IAChD,MAAM,EACJ,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,cAAc,EACd,UAAU,EACV,YAAY,EACZ,GAAG,EACH,MAAM,EACN,SAAS,GACV,GAAG,KAAK,CAAC;IAEV,OAAO;QACL,OAAO,EAAE,MAAM;QACf,aAAa;QACb,QAAQ;QACR,QAAQ;QACR,IAAI;QACJ,cAAc;QACd,UAAU;QACV,YAAY;QACZ,GAAG;QACH,MAAM;QACN,SAAS;KACV,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,KAAgB,EAAuC,EAAE;IAC3E,MAAM,EACJ,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,cAAc,EACd,UAAU,EACV,YAAY,EACZ,GAAG,EACH,MAAM,EACN,SAAS,KAEP,KAAK,EADJ,UAAU,UACX,KAAK,EAZH,+HAYL,CAAQ,CAAC;IAEV,OAAO;QACL;YACE,aAAa;YACb,QAAQ;YACR,QAAQ;YACR,IAAI;YACJ,cAAc;YACd,UAAU;YACV,YAAY;YACZ,GAAG;YACH,MAAM;YACN,SAAS;SACV;QACD,UAAU;KACX,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,IAAI,GAAsD,UAAU,CACxE,CAAC,KAAgB,EAAE,GAAY,EAAE,EAAE;IACjC,MAAM,EAAE,WAAW,EAAE,OAAO,GAAG,KAAK,KAAoB,KAAK,EAApB,UAAU,UAAK,KAAK,EAAvD,eAA+C,CAAQ,CAAC;IAC9D,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAE/D,MAAM,CAAC,UAAU,EAAE,SAAS,CAAC,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;IACvD,MAAM,UAAU,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;IAE/C,OAAO,CACL,KAAC,OAAO,kBAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,UAAU,IAAM,SAAS,IAAE,SAAS,EAAE,OAAO,IAAI,CAC1E,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,CAAC"}

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

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import { Flex } from ".";
+const CLASS_NAME = "mobius/Flex";
+describe("Test for Flex", () => {
+    it("should render without errors", () => {
+        render(_jsxs(Flex, Object.assign({ flexDirection: "column", alignItems: "start" }, { children: [_jsx("div", { children: "block 1" }), _jsx("div", { children: "block 2" })] })));
+    });
+    describe("given elementType", () => {
+        it("is not applied as element attribute", () => {
+            const { container } = render(_jsx(Flex, { elementType: "ul" }));
+            expect(container.firstChild).not.toHaveAttribute("elementtype", "ul");
+        });
+    });
+    describe("uses correct class names", () => {
+        it("uses Mobius class", () => {
+            render(_jsxs(Flex, Object.assign({ flexDirection: "column", alignItems: "start", "data-testid": "test" }, { children: [_jsx("div", { children: "block 1" }), _jsx("div", { children: "block 2" })] })));
+            expect(screen.getByTestId("test")).toHaveClass("mobius");
+        });
+        it("uses base Mobius class", () => {
+            render(_jsxs(Flex, Object.assign({ flexDirection: "column", alignItems: "start", "data-testid": "test" }, { children: [_jsx("div", { children: "block 1" }), _jsx("div", { children: "block 2" })] })));
+            expect(screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+        });
+        it("includes custom class name", () => {
+            render(_jsxs(Flex, Object.assign({ flexDirection: "column", alignItems: "start", "data-testid": "test", className: "my-class" }, { children: [_jsx("div", { children: "block 1" }), _jsx("div", { children: "block 2" })] })));
+            expect(screen.getByTestId("test")).toHaveClass("my-class");
+            expect(screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+        });
+    });
+});
+//# sourceMappingURL=Flex.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.test.js","sourceRoot":"","sources":["../../../../src/components/Flex/Flex.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,eAAe,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,CACJ,MAAC,IAAI,kBAAC,aAAa,EAAC,QAAQ,EAAC,UAAU,EAAC,OAAO,iBAC7C,oCAAkB,EAClB,oCAAkB,KACb,CACR,CAAC;IACJ,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,IAAC,WAAW,EAAC,IAAI,GAAG,CAAC,CAAC;YACxD,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,MAAC,IAAI,kBAAC,aAAa,EAAC,QAAQ,EAAC,UAAU,EAAC,OAAO,iBAAa,MAAM,iBAChE,oCAAkB,EAClB,oCAAkB,KACb,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,MAAC,IAAI,kBAAC,aAAa,EAAC,QAAQ,EAAC,UAAU,EAAC,OAAO,iBAAa,MAAM,iBAChE,oCAAkB,EAClB,oCAAkB,KACb,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,MAAC,IAAI,kBACH,aAAa,EAAC,QAAQ,EACtB,UAAU,EAAC,OAAO,iBACN,MAAM,EAClB,SAAS,EAAC,UAAU,iBAEpB,oCAAkB,EAClB,oCAAkB,KACb,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/Flex/index.js

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

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

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

package/dist/esm/components/Grid/Grid.js

@@ -0,0 +1,32 @@
+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";
+const Grid = forwardRef((props, _ref) => {
+    const { columns = 12, gap, columnGap, rowGap, alignContent, alignItems, justifyContent, justifyItems } = props, rest = __rest(props, ["columns", "gap", "columnGap", "rowGap", "alignContent", "alignItems", "justifyContent", "justifyItems"]);
+    const styles = {
+        boxSizing: "border-box",
+        display: "grid",
+        gridTemplateColumns: `repeat(${columns}, 1fr)`,
+        gap: gap ? `var(--${gap})` : undefined,
+        columnGap: columnGap ? `var(--${columnGap})` : undefined,
+        rowGap: rowGap ? `var(--${rowGap})` : undefined,
+        alignContent,
+        alignItems,
+        justifyContent,
+        justifyItems,
+    };
+    return _jsx("div", Object.assign({ css: styles }, rest));
+});
+Grid.displayName = "Grid";
+export { Grid };
+//# sourceMappingURL=Grid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAO,UAAU,EAA4B,MAAM,OAAO,CAAC;AAwClE,MAAM,IAAI,GAAsD,UAAU,CACxE,CAAC,KAAgB,EAAE,IAAa,EAAE,EAAE;IAClC,MAAM,EACJ,OAAO,GAAG,EAAE,EACZ,GAAG,EACH,SAAS,EACT,MAAM,EACN,YAAY,EACZ,UAAU,EACV,cAAc,EACd,YAAY,KAEV,KAAK,EADJ,IAAI,UACL,KAAK,EAVH,yGAUL,CAAQ,CAAC;IAEV,MAAM,MAAM,GAAc;QACxB,SAAS,EAAE,YAAY;QACvB,OAAO,EAAE,MAAM;QACf,mBAAmB,EAAE,UAAU,OAAO,QAAQ;QAC9C,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,SAAS,GAAG,GAAG,CAAC,CAAC,CAAC,SAAS;QACtC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,SAAS,GAAG,CAAC,CAAC,CAAC,SAAS;QACxD,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,MAAM,GAAG,CAAC,CAAC,CAAC,SAAS;QAC/C,YAAY;QACZ,UAAU;QACV,cAAc;QACd,YAAY;KACb,CAAC;IAEF,OAAO,4BAAK,GAAG,EAAE,MAAM,IAAM,IAAI,EAAI,CAAC;AACxC,CAAC,CACF,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,CAAC"}

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

@@ -0,0 +1,95 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import { Grid } from ".";
+import { getBreakpointMap, DEFAULT_SPAN } from "./Item";
+describe("Test for Grid", () => {
+    it("should render without errors", () => {
+        const component = render(_jsxs(Grid, { children: [_jsx(Grid.Item, Object.assign({ span: 11 }, { children: "span=11" })), _jsx(Grid.Item, Object.assign({ span: 1 }, { children: "span=1" }))] }));
+        expect(component).toBeTruthy();
+    });
+    describe("given the span prop is an array", () => {
+        it("should render default as fallback", () => {
+            const span = [1, 2, 3];
+            const { container } = render(_jsx(Grid, { children: _jsxs(Grid.Item, Object.assign({ span: span }, { children: ["span=", DEFAULT_SPAN] })) }));
+            expect(container).toBeTruthy();
+            expect(screen.getByText(`span=${DEFAULT_SPAN}`)).toHaveStyle(`grid-column: span ${DEFAULT_SPAN};`);
+        });
+    });
+    describe("given the span prop is a custom number", () => {
+        it("should render using the custom value", () => {
+            const span = 5;
+            const { container } = render(_jsx(Grid, { children: _jsxs(Grid.Item, Object.assign({ span: span }, { children: ["span=", span] })) }));
+            expect(container).toBeTruthy();
+            expect(screen.getByText(`span=${span}`)).toHaveStyle(`grid-column: span ${span};`);
+        });
+    });
+});
+describe("getBreakpointMap", () => {
+    describe("given only the smallest breakpoint is provided", () => {
+        it("returns the smallest breakpoint repeated across the map", () => {
+            const config = {
+                xs: 6,
+                sm: undefined,
+                md: undefined,
+                lg: undefined,
+                xl: undefined,
+                xxl: undefined,
+            };
+            const breakpointMap = getBreakpointMap(config);
+            const expected = {
+                xs: 6,
+                sm: 6,
+                md: 6,
+                lg: 6,
+                xl: 6,
+                xxl: 6,
+            };
+            expect(breakpointMap).toEqual(expected);
+        });
+    });
+    describe("given only a single breakpoint is provided", () => {
+        it("returns the breakpoint, which is then repeated across the higher breakpoints", () => {
+            const config = {
+                xs: undefined,
+                sm: undefined,
+                md: undefined,
+                lg: 9,
+                xl: undefined,
+                xxl: undefined,
+            };
+            const breakpointMap = getBreakpointMap(config);
+            const expected = {
+                xs: undefined,
+                sm: undefined,
+                md: undefined,
+                lg: 9,
+                xl: 9,
+                xxl: 9,
+            };
+            expect(breakpointMap).toEqual(expected);
+        });
+    });
+    describe("given only the largest breakpoint is provided", () => {
+        it("returns the largest breakpoint", () => {
+            const config = {
+                xs: undefined,
+                sm: undefined,
+                md: undefined,
+                lg: undefined,
+                xl: undefined,
+                xxl: 2,
+            };
+            const breakpointMap = getBreakpointMap(config);
+            const expected = {
+                xs: undefined,
+                sm: undefined,
+                md: undefined,
+                lg: undefined,
+                xl: undefined,
+                xxl: 2,
+            };
+            expect(breakpointMap).toEqual(expected);
+        });
+    });
+});
+//# sourceMappingURL=Grid.test.js.map

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

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

package/dist/esm/components/Grid/Item.js

@@ -0,0 +1,45 @@
+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, useEffect, useState } from "react";
+import { useBreakpoint } from "../../hooks";
+export const getBreakpointMap = (config) => Object.entries(config).reduce((prev, [key, value]) => {
+    const previous = Object.values(prev);
+    const lastDefined = previous[previous.length - 1];
+    return Object.assign(Object.assign({}, prev), { [key]: value || lastDefined });
+}, {});
+export const DEFAULT_SPAN = 12;
+const GridItem = forwardRef((props, _ref) => {
+    const { breakpoint: { size: breakpointSize }, } = useBreakpoint();
+    const { span, xs = Array.isArray(span) ? DEFAULT_SPAN : span, sm, md, lg, xl, xxl, alignSelf, justifySelf } = props, rest = __rest(props, ["span", "xs", "sm", "md", "lg", "xl", "xxl", "alignSelf", "justifySelf"]);
+    const breakpointMap = getBreakpointMap({
+        xs,
+        sm,
+        md,
+        lg,
+        xl,
+        xxl,
+    });
+    const [responsiveSpan, setResponsiveSpan] = useState();
+    useEffect(() => {
+        setResponsiveSpan(breakpointMap[breakpointSize]);
+    }, [breakpointSize, breakpointMap]);
+    const styles = {
+        gridColumn: responsiveSpan ? `span ${responsiveSpan}` : undefined,
+        alignSelf,
+        justifySelf,
+    };
+    return _jsx("div", Object.assign({ css: Object.assign({}, styles) }, rest));
+});
+GridItem.displayName = "GridItem";
+export { GridItem };
+//# sourceMappingURL=Item.js.map

package/dist/esm/components/Grid/Item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/components/Grid/Item.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAO,UAAU,EAAiB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG5E,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AA2B5C,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,MAAyC,EAAE,EAAE,CAC5E,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;IACnD,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,WAAW,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAClD,uCAAY,IAAI,KAAE,CAAC,GAAG,CAAC,EAAE,KAAK,IAAI,WAAW,IAAG;AAClD,CAAC,EAAE,EAAE,CAAC,CAAC;AAIT,MAAM,CAAC,MAAM,YAAY,GAAG,EAAE,CAAC;AAE/B,MAAM,QAAQ,GACZ,UAAU,CAAC,CAAC,KAAoB,EAAE,IAAiB,EAAE,EAAE;IACrD,MAAM,EACJ,UAAU,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,GACrC,GAAG,aAAa,EAAE,CAAC;IACpB,MAAM,EACJ,IAAI,EACJ,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,EAC9C,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,GAAG,EACH,SAAS,EACT,WAAW,KAET,KAAK,EADJ,IAAI,UACL,KAAK,EAXH,yEAWL,CAAQ,CAAC;IACV,MAAM,aAAa,GAAG,gBAAgB,CAAC;QACrC,EAAE;QACF,EAAE;QACF,EAAE;QACF,EAAE;QACF,EAAE;QACF,GAAG;KACJ,CAAC,CAAC;IACH,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,EAAE,CAAC;IAEvD,SAAS,CAAC,GAAG,EAAE;QACb,iBAAiB,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC;IACnD,CAAC,EAAE,CAAC,cAAc,EAAE,aAAa,CAAC,CAAC,CAAC;IAEpC,MAAM,MAAM,GAAc;QACxB,UAAU,EAAE,cAAc,CAAC,CAAC,CAAC,QAAQ,cAAc,EAAE,CAAC,CAAC,CAAC,SAAS;QACjE,SAAS;QACT,WAAW;KACZ,CAAC;IAEF,OAAO,4BAAK,GAAG,oBAAO,MAAM,KAAQ,IAAI,EAAI,CAAC;AAC/C,CAAC,CAAC,CAAC;AAEL,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,CAAC"}

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

@@ -0,0 +1,8 @@
+import { Grid as GridComponent } from "./Grid";
+import { GridItem } from "./Item";
+const Grid = Object.assign(GridComponent, {
+    Item: GridItem,
+});
+Grid.displayName = "Grid";
+export { Grid };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Grid/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,IAAI,aAAa,EAA8B,MAAM,QAAQ,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAsC,MAAM,QAAQ,CAAC;AAOtE,MAAM,IAAI,GAAiB,MAAM,CAAC,MAAM,CAAC,aAAa,EAAE;IACtD,IAAI,EAAE,QAAQ;CACf,CAAC,CAAC;AAEH,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/esm/components/Icon/Icon.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { forwardRef } from "react";
+import { IconFromName } from "./IconFromName";
+import { IconFromObject } from "./IconFromObject";
+const Icon = forwardRef((props, ref) => {
+    const { name } = props;
+    if (name) {
+        return _jsx(IconFromName, Object.assign({}, props, { ref: ref }));
+    }
+    return _jsx(IconFromObject, Object.assign({}, props, { ref: ref }));
+});
+Icon.displayName = "Icon";
+export { Icon };
+//# sourceMappingURL=Icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGnC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAQlD,MAAM,IAAI,GAAoD,UAAU,CACtE,CAAC,KAAgB,EAAE,GAAY,EAAE,EAAE;IACjC,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAEvB,IAAI,IAAI,EAAE;QACR,OAAO,KAAC,YAAY,oBAAM,KAA2B,IAAE,GAAG,EAAE,GAAG,IAAI,CAAC;KACrE;IAED,OAAO,KAAC,cAAc,oBAAM,KAA6B,IAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AAC1E,CAAC,CACF,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,CAAC"}

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

@@ -0,0 +1,52 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { render, screen, waitFor } from "@testing-library/react";
+import { chevronLeft } from "@simplybusiness/icons";
+import { Icon } from ".";
+const CLASS_NAME = "mobius/Icon";
+describe("Test for Icon", () => {
+    describe("given an icon is an object", () => {
+        it("renders an icon", () => {
+            const component = render(_jsx(Icon, { icon: chevronLeft }));
+            expect(component).toBeTruthy();
+        });
+        describe("uses correct class names", () => {
+            it("uses Mobius class", () => {
+                render(_jsx(Icon, { icon: chevronLeft, "data-testid": "test" }));
+                expect(screen.getByTestId("test")).toHaveClass("mobius");
+            });
+            it("uses base Mobius class", () => {
+                render(_jsx(Icon, { icon: chevronLeft, "data-testid": "test" }));
+                expect(screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+            });
+            it("includes custom class name", () => {
+                render(_jsx(Icon, { icon: chevronLeft, "data-testid": "test", className: "my-class" }));
+                expect(screen.getByTestId("test")).toHaveClass("my-class");
+                expect(screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+            });
+        });
+    });
+    describe("given an icon is a string", () => {
+        it("renders an icon", async () => {
+            const component = render(_jsx(Icon, { name: "chevronLeft" }));
+            await waitFor(() => expect(component).toBeTruthy());
+        });
+        describe("uses correct class names", () => {
+            it("uses Mobius class", async () => {
+                render(_jsx(Icon, { name: "chevronLeft", "data-testid": "test" }));
+                await waitFor(() => expect(screen.getByTestId("test")).toHaveClass("mobius"));
+            });
+            it("uses base Mobius class", async () => {
+                render(_jsx(Icon, { name: "chevronLeft", "data-testid": "test" }));
+                await waitFor(() => expect(screen.getByTestId("test")).toHaveClass(CLASS_NAME));
+            });
+            it("includes custom class name", async () => {
+                render(_jsx(Icon, { name: "chevronLeft", "data-testid": "test", className: "my-class" }));
+                await waitFor(() => {
+                    expect(screen.getByTestId("test")).toHaveClass("my-class");
+                    expect(screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+                });
+            });
+        });
+    });
+});
+//# sourceMappingURL=Icon.test.js.map

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

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

package/dist/esm/components/Icon/IconFromName.js

@@ -0,0 +1,33 @@
+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, useContext } from "react";
+import * as baseIcons from "@simplybusiness/icons";
+import { IconFromObject } from "./IconFromObject";
+import { ThemeContext } from "../../contexts";
+const IconFromName = forwardRef((props, ref) => {
+    const { name } = props, otherProps = __rest(props, ["name"]);
+    const { icons } = useContext(ThemeContext);
+    if (!icons)
+        throw new Error("No icons have been been found in ThemeContext");
+    // Lookup icon from partner icon set (if available); load default Mobius icons otherwise
+    const mappedIcon = Object.keys(icons).length === 0 ? baseIcons[name] : icons[name];
+    if (!mappedIcon) {
+        // eslint-disable-next-line no-console
+        console.warn(`Icon with the following name could not be found: ${name}`);
+        return null;
+    }
+    return _jsx(IconFromObject, Object.assign({ icon: mappedIcon }, otherProps, { ref: ref }));
+});
+IconFromName.displayName = "IconFromName";
+export { IconFromName };
+//# sourceMappingURL=IconFromName.js.map

package/dist/esm/components/Icon/IconFromName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconFromName.js","sourceRoot":"","sources":["../../../../src/components/Icon/IconFromName.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,SAAS,MAAM,uBAAuB,CAAC;AAEnD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,YAAY,GAChB,UAAU,CAAC,CAAC,KAAwB,EAAE,GAAY,EAAE,EAAE;IACpD,MAAM,EAAE,IAAI,KAAoB,KAAK,EAApB,UAAU,UAAK,KAAK,EAA/B,QAAuB,CAAQ,CAAC;IACtC,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAE3C,IAAI,CAAC,KAAK;QACR,MAAM,IAAI,KAAK,CAAC,+CAA+C,CAAC,CAAC;IAEnE,wFAAwF;IACxF,MAAM,UAAU,GACd,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAElE,IAAI,CAAC,UAAU,EAAE;QACf,sCAAsC;QACtC,OAAO,CAAC,IAAI,CAAC,oDAAoD,IAAI,EAAE,CAAC,CAAC;QAEzE,OAAO,IAAI,CAAC;KACb;IAED,OAAO,KAAC,cAAc,kBAAC,IAAI,EAAE,UAAU,IAAM,UAAU,IAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AACxE,CAAC,CAAC,CAAC;AAEL,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/esm/components/Icon/IconFromObject.js

@@ -0,0 +1,43 @@
+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 { keyframes } from "@emotion/react";
+import clsx from "clsx";
+import { combineTruthyObjects } from "../../utils/combineTruthyObjects";
+const spinKeyframes = keyframes `
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(1turn);
+  }
+`;
+const IconFromObject = forwardRef((props, ref) => {
+    const { icon: { width, height, svgPathData, iconType, strokeWidth = 1.5, fill = "none", }, spin = false } = props, otherProps = __rest(props, ["icon", "spin"]);
+    const strokePath = (_jsx("g", Object.assign({ fillRule: "evenodd", fill: fill }, { children: _jsx("path", { stroke: "currentColor", strokeWidth: strokeWidth, strokeLinecap: "square", d: svgPathData }) })));
+    const fillPath = _jsx("path", { fill: "currentColor", d: svgPathData });
+    const classes = clsx("mobius", "mobius/Icon", otherProps.className);
+    otherProps.className = classes;
+    const styles = combineTruthyObjects([
+        {
+            height: "1em",
+            verticalAlign: "-0.2em",
+            transformOrigin: "center",
+        },
+        spin && { animation: `${spinKeyframes} 2s linear infinite` },
+    ]);
+    return (_jsx("svg", Object.assign({ "aria-hidden": "true", focusable: "false", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: `0 0 ${width} ${height}`, css: styles, ref: ref }, otherProps, { children: iconType === "fill" ? fillPath : strokePath })));
+});
+IconFromObject.displayName = "IconFromObject";
+export { IconFromObject };
+//# sourceMappingURL=IconFromObject.js.map

package/dist/esm/components/Icon/IconFromObject.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconFromObject.js","sourceRoot":"","sources":["../../../../src/components/Icon/IconFromObject.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAGxE,MAAM,aAAa,GAAG,SAAS,CAAA;;;;;;;CAO9B,CAAC;AAEF,MAAM,cAAc,GAGhB,UAAU,CAAC,CAAC,KAA0B,EAAE,GAAY,EAAE,EAAE;IAC1D,MAAM,EACJ,IAAI,EAAE,EACJ,KAAK,EACL,MAAM,EACN,WAAW,EACX,QAAQ,EACR,WAAW,GAAG,GAAG,EACjB,IAAI,GAAG,MAAM,GACd,EACD,IAAI,GAAG,KAAK,KAEV,KAAK,EADJ,UAAU,UACX,KAAK,EAXH,gBAWL,CAAQ,CAAC;IAEV,MAAM,UAAU,GAAG,CACjB,0BAAG,QAAQ,EAAC,SAAS,EAAC,IAAI,EAAE,IAAI,gBAC9B,eACE,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAC,QAAQ,EACtB,CAAC,EAAE,WAAW,GACd,IACA,CACL,CAAC;IAEF,MAAM,QAAQ,GAAG,eAAM,IAAI,EAAC,cAAc,EAAC,CAAC,EAAE,WAAW,GAAI,CAAC;IAE9D,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IACpE,UAAU,CAAC,SAAS,GAAG,OAAO,CAAC;IAE/B,MAAM,MAAM,GAAG,oBAAoB,CAAC;QAClC;YACE,MAAM,EAAE,KAAK;YACb,aAAa,EAAE,QAAQ;YACvB,eAAe,EAAE,QAAQ;SAC1B;QACD,IAAI,IAAI,EAAE,SAAS,EAAE,GAAG,aAAa,qBAAqB,EAAE;KAC7D,CAAC,CAAC;IAEH,OAAO,CACL,2CACc,MAAM,EAClB,SAAS,EAAC,OAAO,EACjB,IAAI,EAAC,KAAK,EACV,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE,EACjC,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,GAAG,IACJ,UAAU,cAEb,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,IACxC,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,CAAC"}

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

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

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

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

package/dist/esm/components/Icon/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/components/Icon/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/Icon/types.ts"],"names":[],"mappings":""}

package/dist/esm/components/Image/Image.js

@@ -0,0 +1,22 @@
+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 Image = forwardRef((_a, ref) => {
+    var { alt, elementType: Component = "img" } = _a, otherProps = __rest(_a, ["alt", "elementType"]);
+    const classes = clsx("mobius", "mobius/Image", otherProps.className);
+    return (_jsx(Component, Object.assign({ alt: alt, ref: ref }, otherProps, { className: classes })));
+});
+Image.displayName = "Image";
+export { Image };
+//# sourceMappingURL=Image.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../src/components/Image/Image.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,OAAO,CAAC;AAEvD,OAAO,IAAI,MAAM,MAAM,CAAC;AAsBxB,MAAM,KAAK,GAAwD,UAAU,CAC3E,CACE,EAAkE,EAClE,GAAa,EACb,EAAE;QAFF,EAAE,GAAG,EAAE,WAAW,EAAE,SAAS,GAAG,KAAK,OAA6B,EAAxB,UAAU,cAApD,sBAAsD,CAAF;IAGpD,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,cAAc,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAErE,OAAO,CACL,KAAC,SAAS,kBAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAM,UAAU,IAAE,SAAS,EAAE,OAAO,IAAI,CACtE,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,CAAC"}