@simplybusiness/mobius 3.4.5 → 3.5.1

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

@@ -9,49 +9,16 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "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,
-    ];
-};
+import { buildFlexStyles, splitProps } from "./propUtils";
 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 })));
+    return (_jsx(Element, Object.assign({ ref: ref, style: flexStyles }, restProps, { className: classes })));
 });
 Flex.displayName = "Flex";
 export { Flex };

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

@@ -1 +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"}
+{"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../../../src/components/Flex/Flex.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE1D,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,kBACN,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,UAAU,IACb,SAAS,IACb,SAAS,EAAE,OAAO,IAClB,CACH,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

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { render, screen } from "@testing-library/react";
 import { Flex } from ".";
 const CLASS_NAME = "mobius/Flex";

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

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

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

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

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

@@ -0,0 +1,48 @@
+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;
+};
+export const withoutUndefinedValues = (obj) => Object.fromEntries(Object.entries(obj).filter(([_, value]) => value));
+export const buildFlexStyles = (props) => {
+    const { flexDirection, flexWrap, flexGrow, flex, justifyContent, alignItems, alignContent, gap, rowGap, columnGap, } = props;
+    const styleProps = {
+        display: "flex",
+        flexDirection,
+        flexWrap,
+        flexGrow,
+        flex,
+        justifyContent,
+        alignItems,
+        alignContent,
+        gap,
+        rowGap,
+        columnGap,
+    };
+    return withoutUndefinedValues(styleProps);
+};
+export 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,
+    ];
+};
+//# sourceMappingURL=propUtils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"propUtils.js","sourceRoot":"","sources":["../../../../src/components/Flex/propUtils.ts"],"names":[],"mappings":";;;;;;;;;;;AAEA,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,GAA4B,EAAE,EAAE,CACrE,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AAExE,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAqB,EAAE,EAAE;IACvD,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,MAAM,UAAU,GAAG;QACjB,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;IAEF,OAAO,sBAAsB,CAAC,UAAU,CAAC,CAAC;AAC5C,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,KAAgB,EACqB,EAAE;IACvC,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"}

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

@@ -0,0 +1,97 @@
+import { withoutUndefinedValues, buildFlexStyles, splitProps, } from "./propUtils";
+describe("withoutUndefinedValues", () => {
+    it("returns object without undefined values", () => {
+        const props = {
+            a: 1,
+            b: "Two",
+            c: [],
+            d: {},
+            e: undefined,
+            f: undefined,
+        };
+        const actual = withoutUndefinedValues(props);
+        const expected = {
+            a: 1,
+            b: "Two",
+            c: [],
+            d: {},
+        };
+        expect(actual).toStrictEqual(expected);
+    });
+});
+describe("buildFlexStyles", () => {
+    describe("given a list of props", () => {
+        it("returns a specified list of flex props", () => {
+            const props = {
+                flexDirection: "row",
+                flexWrap: "wrap",
+                flexGrow: "1",
+                flex: "1 1 0px",
+                justifyContent: "start",
+                alignItems: "stretch",
+                alignContent: "center",
+                gap: "10px",
+                rowGap: "20px",
+                columnGap: "30px",
+            };
+            const expectedProps = Object.assign(Object.assign({}, props), { display: "flex" });
+            const actual = buildFlexStyles(props);
+            expect(actual).toStrictEqual(expectedProps);
+        });
+    });
+    describe("given a list of partially defined props", () => {
+        it("returns flex props that are defined", () => {
+            const props = {
+                flexDirection: "row",
+                flexWrap: undefined,
+                flexGrow: "1",
+                flex: undefined,
+                justifyContent: "start",
+                alignItems: undefined,
+                alignContent: "center",
+                gap: undefined,
+                rowGap: "20px",
+                columnGap: undefined,
+            };
+            const expectedProps = {
+                flexDirection: "row",
+                flexGrow: "1",
+                justifyContent: "start",
+                alignContent: "center",
+                rowGap: "20px",
+                display: "flex",
+            };
+            const actual = buildFlexStyles(props);
+            expect(actual).toStrictEqual(expectedProps);
+        });
+    });
+});
+describe("splitProps", () => {
+    describe("given a list of props", () => {
+        it("returns an array with two items: 1) specified flex props; 2) all other props", () => {
+            const flexProps = {
+                flexDirection: "row",
+                flexWrap: "wrap",
+                flexGrow: "1",
+                flex: "1 1 0px",
+                justifyContent: "start",
+                alignItems: "stretch",
+                alignContent: "center",
+                gap: "10px",
+                rowGap: "20px",
+                columnGap: "30px",
+            };
+            const otherProps = {
+                a: 1,
+                b: "Two",
+                c: [],
+                d: {},
+            };
+            const props = Object.assign(Object.assign({}, flexProps), otherProps);
+            const actual = splitProps(props);
+            const expected = [flexProps, otherProps];
+            expect(actual).toStrictEqual(expected);
+        });
+    });
+});
+//# sourceMappingURL=propUtils.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"propUtils.test.js","sourceRoot":"","sources":["../../../../src/components/Flex/propUtils.test.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,eAAe,EACf,UAAU,GACX,MAAM,aAAa,CAAC;AAErB,QAAQ,CAAC,wBAAwB,EAAE,GAAG,EAAE;IACtC,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;QACjD,MAAM,KAAK,GAAG;YACZ,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,KAAK;YACR,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,SAAS;YACZ,CAAC,EAAE,SAAS;SACb,CAAC;QAEF,MAAM,MAAM,GAAG,sBAAsB,CAAC,KAAK,CAAC,CAAC;QAE7C,MAAM,QAAQ,GAAG;YACf,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,KAAK;YACR,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;SACN,CAAC;QAEF,MAAM,CAAC,MAAM,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACzC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;QACrC,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;YAChD,MAAM,KAAK,GAAG;gBACZ,aAAa,EAAE,KAAK;gBACpB,QAAQ,EAAE,MAAM;gBAChB,QAAQ,EAAE,GAAG;gBACb,IAAI,EAAE,SAAS;gBACf,cAAc,EAAE,OAAO;gBACvB,UAAU,EAAE,SAAS;gBACrB,YAAY,EAAE,QAAQ;gBACtB,GAAG,EAAE,MAAM;gBACX,MAAM,EAAE,MAAM;gBACd,SAAS,EAAE,MAAM;aACT,CAAC;YAEX,MAAM,aAAa,mCACd,KAAK,KACR,OAAO,EAAE,MAAM,GAChB,CAAC;YAEF,MAAM,MAAM,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;YAEtC,MAAM,CAAC,MAAM,CAAC,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,yCAAyC,EAAE,GAAG,EAAE;QACvD,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;YAC7C,MAAM,KAAK,GAAG;gBACZ,aAAa,EAAE,KAAK;gBACpB,QAAQ,EAAE,SAAS;gBACnB,QAAQ,EAAE,GAAG;gBACb,IAAI,EAAE,SAAS;gBACf,cAAc,EAAE,OAAO;gBACvB,UAAU,EAAE,SAAS;gBACrB,YAAY,EAAE,QAAQ;gBACtB,GAAG,EAAE,SAAS;gBACd,MAAM,EAAE,MAAM;gBACd,SAAS,EAAE,SAAS;aACZ,CAAC;YAEX,MAAM,aAAa,GAAG;gBACpB,aAAa,EAAE,KAAK;gBACpB,QAAQ,EAAE,GAAG;gBACb,cAAc,EAAE,OAAO;gBACvB,YAAY,EAAE,QAAQ;gBACtB,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE,MAAM;aAChB,CAAC;YAEF,MAAM,MAAM,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;YAEtC,MAAM,CAAC,MAAM,CAAC,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;QACrC,EAAE,CAAC,8EAA8E,EAAE,GAAG,EAAE;YACtF,MAAM,SAAS,GAAG;gBAChB,aAAa,EAAE,KAAK;gBACpB,QAAQ,EAAE,MAAM;gBAChB,QAAQ,EAAE,GAAG;gBACb,IAAI,EAAE,SAAS;gBACf,cAAc,EAAE,OAAO;gBACvB,UAAU,EAAE,SAAS;gBACrB,YAAY,EAAE,QAAQ;gBACtB,GAAG,EAAE,MAAM;gBACX,MAAM,EAAE,MAAM;gBACd,SAAS,EAAE,MAAM;aACT,CAAC;YAEX,MAAM,UAAU,GAAG;gBACjB,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,KAAK;gBACR,CAAC,EAAE,EAAE;gBACL,CAAC,EAAE,EAAE;aACN,CAAC;YAEF,MAAM,KAAK,mCACN,SAAS,GACT,UAAU,CACd,CAAC;YAEF,MAAM,MAAM,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;YAEjC,MAAM,QAAQ,GAAG,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;YAEzC,MAAM,CAAC,MAAM,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACzC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

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

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

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

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

@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "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"]);
@@ -25,7 +25,7 @@ const Grid = forwardRef((props, _ref) => {
         justifyContent,
         justifyItems,
     };
-    return _jsx("div", Object.assign({ css: styles }, rest));
+    return _jsx("div", Object.assign({ style: styles }, rest));
 });
 Grid.displayName = "Grid";
 export { Grid };

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

@@ -1 +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"}
+{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAO,UAAU,EAA2C,MAAM,OAAO,CAAC;AAuCjF,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,GAAkB;QAC5B,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,KAAK,EAAE,MAAM,IAAM,IAAI,EAAI,CAAC;AAC1C,CAAC,CACF,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,CAAC"}

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { render, screen } from "@testing-library/react";
 import { Grid } from ".";
 import { getBreakpointMap, DEFAULT_SPAN } from "./Item";

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

@@ -1,3 +1,4 @@
+"use client";
 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)
@@ -9,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useEffect, useState } from "react";
 import { useBreakpoint } from "../../hooks";
 export const getBreakpointMap = (config) => Object.entries(config).reduce((prev, [key, value]) => {
@@ -31,6 +32,7 @@ const GridItem = forwardRef((props, _ref) => {
     });
     const [responsiveSpan, setResponsiveSpan] = useState();
     useEffect(() => {
+        // @ts-expect-error
         setResponsiveSpan(breakpointMap[breakpointSize]);
     }, [breakpointSize, breakpointMap]);
     const styles = {
@@ -38,7 +40,7 @@ const GridItem = forwardRef((props, _ref) => {
         alignSelf,
         justifySelf,
     };
-    return _jsx("div", Object.assign({ css: Object.assign({}, styles) }, rest));
+    return _jsx("div", Object.assign({ style: Object.assign({}, styles) }, rest));
 });
 GridItem.displayName = "GridItem";
 export { GridItem };

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

@@ -1 +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"}
+{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/components/Grid/Item.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,EAAO,UAAU,EAAiB,SAAS,EAAE,QAAQ,EAAiB,MAAM,OAAO,CAAC;AAE3F,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,mBAAmB;QACnB,iBAAiB,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC;IACnD,CAAC,EAAE,CAAC,cAAc,EAAE,aAAa,CAAC,CAAC,CAAC;IAEpC,MAAM,MAAM,GAAkB;QAC5B,UAAU,EAAE,cAAc,CAAC,CAAC,CAAC,QAAQ,cAAc,EAAE,CAAC,CAAC,CAAC,SAAS;QACjE,SAAS;QACT,WAAW;KACZ,CAAC;IAEF,OAAO,4BAAK,KAAK,oBAAO,MAAM,KAAQ,IAAI,EAAI,CAAC;AACjD,CAAC,CAAC,CAAC;AAEL,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,CAAC"}

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { IconFromName } from "./IconFromName";
 import { IconFromObject } from "./IconFromObject";

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { render, screen, waitFor } from "@testing-library/react";
 import { chevronLeft } from "@simplybusiness/icons";
 import { Icon } from ".";

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

@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useContext } from "react";
 import * as baseIcons from "@simplybusiness/icons";
 import { IconFromObject } from "./IconFromObject";

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

@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { keyframes } from "@emotion/react";
 import clsx from "clsx";
@@ -36,7 +36,7 @@ const IconFromObject = forwardRef((props, ref) => {
         },
         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 })));
+    return (_jsx("svg", Object.assign({ "aria-hidden": "true", focusable: "false", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: `0 0 ${width} ${height}`, style: styles, ref: ref }, otherProps, { children: iconType === "fill" ? fillPath : strokePath })));
 });
 IconFromObject.displayName = "IconFromObject";
 export { IconFromObject };

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

@@ -1 +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"}
+{"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,KAAK,EAAE,MAAM,EACb,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/Image/Image.js

@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import clsx from "clsx";
 const Image = forwardRef((_a, ref) => {

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { render, screen } from "@testing-library/react";
 import { Image } from ".";
 const CLASS_NAME = "mobius/Image";

package/dist/esm/components/Label/Label.js

@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import clsx from "clsx";
 const Label = forwardRef((props, ref) => {

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { render, screen } from "@testing-library/react";
 import { Label } from ".";
 const CLASS_NAME = "mobius/Label";

package/dist/esm/components/Link/Link.js

@@ -1,3 +1,4 @@
+"use client";
 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)
@@ -9,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useRef, } from "react";
 import { useLink } from "@react-aria/link";
 import clsx from "clsx";

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

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../../src/components/Link/Link.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EACZ,UAAU,EAGV,MAAM,GAEP,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AA6BjD,MAAM,IAAI,GAAsD,UAAU,CACxE,CAAC,KAAgB,EAAE,GAAY,EAAE,EAAE;IACjC,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAE5B,MAAM;IACJ,sDAAsD;IACtD,OAAO,EACP,YAAY,EACZ,UAAU;IACV,qDAAqD;IACrD,WAAW,EAAE,SAAS,GAAG,GAAG,KAE1B,KAAK,EADJ,UAAU,UACX,KAAK,EARH,wDAQL,CAAQ,CAAC;IAEV,wDAAwD;IACxD,6DAA6D;IAC7D,MAAM,EAAE,UAAU,KAAmB,UAAU,EAAxB,SAAS,UAAK,UAAU,EAAzC,cAA4B,CAAa,CAAC;IAEhD,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO;IAC3B,kFAAkF;IAClF,KAAK,EACL,MAAM,CACP,CAAC;IAEF,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAE3D,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE,KAAK,CAAC,SAAS,EAAE;QAC7D,eAAe,EAAE,UAAU;QAC3B,oBAAoB,EAAE,cAAc;KACrC,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,SAAS,kBACR,GAAG,EAAE,GAAG,IACJ,SAAS,EACT,UAAU,EACV,SAAS,IACb,SAAS,EAAE,OAAO,gBAEjB,KAAK,CAAC,QAAQ,IACL,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAc,EACZ,UAAU,EAGV,MAAM,GAEP,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AA6BjD,MAAM,IAAI,GAAsD,UAAU,CACxE,CAAC,KAAgB,EAAE,GAAY,EAAE,EAAE;IACjC,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAE5B,MAAM;IACJ,sDAAsD;IACtD,OAAO,EACP,YAAY,EACZ,UAAU;IACV,qDAAqD;IACrD,WAAW,EAAE,SAAS,GAAG,GAAG,KAE1B,KAAK,EADJ,UAAU,UACX,KAAK,EARH,wDAQL,CAAQ,CAAC;IAEV,wDAAwD;IACxD,6DAA6D;IAC7D,MAAM,EAAE,UAAU,KAAmB,UAAU,EAAxB,SAAS,UAAK,UAAU,EAAzC,cAA4B,CAAa,CAAC;IAEhD,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO;IAC3B,kFAAkF;IAClF,KAAK,EACL,MAAM,CACP,CAAC;IAEF,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAE3D,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE,KAAK,CAAC,SAAS,EAAE;QAC7D,eAAe,EAAE,UAAU;QAC3B,oBAAoB,EAAE,cAAc;KACrC,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,SAAS,kBACR,GAAG,EAAE,GAAG,IACJ,SAAS,EACT,UAAU,EACV,SAAS,IACb,SAAS,EAAE,OAAO,gBAEjB,KAAK,CAAC,QAAQ,IACL,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,CAAC"}

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { Link } from ".";

package/dist/esm/components/LinkButton/LinkButton.js

@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { Button } from "../Button";
 export function LinkButton(_a) {

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Component } from "react";
 import { render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";

package/dist/esm/components/List/List.js

@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Children, cloneElement, forwardRef, isValidElement, } from "react";
 import clsx from "clsx";
 const List = forwardRef((props, ref) => {

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { render, screen } from "@testing-library/react";
 import { List, ListItem } from ".";
 const LIST_CLASS_NAME = "mobius/List";

package/dist/esm/components/List/ListItem.js

@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import clsx from "clsx";
 const ListItem = forwardRef((props, ref) => {

package/dist/esm/components/LoadingIndicator/LoadingIndicator.js

@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import clsx from "clsx";
 import { Icon } from "../Icon";

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 /* eslint-disable no-restricted-syntax */
 import { render, screen } from "@testing-library/react";
 import { LoadingIndicator } from ".";

package/dist/esm/components/MaskedField/MaskedField.js

@@ -0,0 +1,40 @@
+"use client";
+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 "react/jsx-runtime";
+import { forwardRef, useState, useEffect } from "react";
+import clsx from "clsx";
+import { TextField } from "../TextField";
+import { INPUT_FORMATTERS } from "./inputFormatters";
+const MaskedField = forwardRef((props, ref) => {
+    const { pattern } = props, otherProps = __rest(props, ["pattern"]);
+    const [isEditable, setIsEditable] = useState(false);
+    const [unformatted, setUnformatted] = useState("");
+    const [formatted, setFormatted] = useState("");
+    const inputValue = isEditable ? unformatted : formatted;
+    const handleChange = (value) => {
+        const trimmedValue = INPUT_FORMATTERS[pattern].clean(value);
+        setUnformatted(trimmedValue);
+    };
+    const toggleEditable = () => {
+        setIsEditable(!isEditable);
+    };
+    useEffect(() => {
+        const formattedValue = INPUT_FORMATTERS[pattern].transform(unformatted);
+        setFormatted(formattedValue);
+    }, [pattern, unformatted]);
+    const classes = clsx("mobius", "mobius/MaskedField", otherProps.className);
+    return (_jsx(TextField, Object.assign({ onChange: handleChange, value: inputValue, className: classes, ref: ref, onFocus: toggleEditable, onBlur: toggleEditable }, otherProps)));
+});
+MaskedField.displayName = "MaskedField";
+export { MaskedField };
+//# sourceMappingURL=MaskedField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MaskedField.js","sourceRoot":"","sources":["../../../../src/components/MaskedField/MaskedField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,EAAO,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,SAAS,EAAwC,MAAM,cAAc,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAUrD,MAAM,WAAW,GAGb,UAAU,CAAC,CAAC,KAAuB,EAAE,GAAmB,EAAE,EAAE;IAC9D,MAAM,EAAE,OAAO,KAAoB,KAAK,EAApB,UAAU,UAAK,KAAK,EAAlC,WAA0B,CAAQ,CAAC;IACzC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAC7D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAC3D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IACvD,MAAM,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC;IAExD,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE;QACrC,MAAM,YAAY,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC5D,cAAc,CAAC,YAAY,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,cAAc,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;QACxE,YAAY,CAAC,cAAc,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC;IAE3B,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,oBAAoB,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAE3E,OAAO,CACL,KAAC,SAAS,kBACR,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,UAAU,EACjB,SAAS,EAAE,OAAO,EAClB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,cAAc,EACvB,MAAM,EAAE,cAAc,IAClB,UAAU,EACd,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,CAAC"}

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

@@ -0,0 +1,64 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { MaskedField } from ".";
+describe("MaskedField", () => {
+    const LABEL = "MaskedField";
+    describe("given Social Security Number (SSN) pattern", () => {
+        it("should render user input to match the pattern", async () => {
+            const { getByLabelText } = render(_jsx(MaskedField, { label: LABEL, pattern: "ssn" }));
+            const inputField = getByLabelText(LABEL);
+            const inputValue = "1234567890";
+            const expectedUnformatted = "123456789";
+            const expectedFormatted = "123-45-6789";
+            await userEvent.tab();
+            await userEvent.type(inputField, inputValue);
+            expect(inputField).toHaveValue(expectedUnformatted);
+            await userEvent.tab();
+            expect(inputField).toHaveValue(expectedFormatted);
+        });
+        describe("given a numerical and non-numerical input", () => {
+            it("should only render numerical input", async () => {
+                const { getByLabelText } = render(_jsx(MaskedField, { label: LABEL, pattern: "ssn" }));
+                const inputField = getByLabelText(LABEL);
+                const inputValue = "abc1234567890efg";
+                const expectedUnformatted = "123456789";
+                const expectedFormatted = "123-45-6789";
+                await userEvent.tab();
+                await userEvent.type(inputField, inputValue);
+                expect(inputField).toHaveValue(expectedUnformatted);
+                await userEvent.tab();
+                expect(inputField).toHaveValue(expectedFormatted);
+            });
+        });
+    });
+    describe("given Federal Employer Identification Number (FEIN) pattern", () => {
+        it("should render user input to match the pattern", async () => {
+            const { getByLabelText } = render(_jsx(MaskedField, { label: LABEL, pattern: "fein" }));
+            const inputField = getByLabelText(LABEL);
+            const inputValue = "1234567890";
+            const expectedUnformatted = "123456789";
+            const expectedFormatted = "12-3456789";
+            await userEvent.tab();
+            await userEvent.type(inputField, inputValue);
+            expect(inputField).toHaveValue(expectedUnformatted);
+            await userEvent.tab();
+            expect(inputField).toHaveValue(expectedFormatted);
+        });
+        describe("given a numerical and non-numerical input", () => {
+            it("should only render numerical input", async () => {
+                const { getByLabelText } = render(_jsx(MaskedField, { label: LABEL, pattern: "fein" }));
+                const inputField = getByLabelText(LABEL);
+                const inputValue = "abc1234567890efg";
+                const expectedUnformatted = "123456789";
+                const expectedFormatted = "12-3456789";
+                await userEvent.tab();
+                await userEvent.type(inputField, inputValue);
+                expect(inputField).toHaveValue(expectedUnformatted);
+                await userEvent.tab();
+                expect(inputField).toHaveValue(expectedFormatted);
+            });
+        });
+    });
+});
+//# sourceMappingURL=MaskedField.test.js.map

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

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