@simplybusiness/mobius 3.4.5 → 3.5.1

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

@@ -0,0 +1,54 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.splitProps = exports.buildFlexStyles = exports.withoutUndefinedValues = void 0;
+const withoutUndefinedValues = (obj) => Object.fromEntries(Object.entries(obj).filter(([_, value]) => value));
+exports.withoutUndefinedValues = withoutUndefinedValues;
+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 (0, exports.withoutUndefinedValues)(styleProps);
+};
+exports.buildFlexStyles = buildFlexStyles;
+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,
+    ];
+};
+exports.splitProps = splitProps;
+//# sourceMappingURL=propUtils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"propUtils.js","sourceRoot":"","sources":["../../../../src/components/Flex/propUtils.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAEO,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;AAD3D,QAAA,sBAAsB,0BACqC;AAEjE,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,IAAA,8BAAsB,EAAC,UAAU,CAAC,CAAC;AAC5C,CAAC,CAAC;AA7BW,QAAA,eAAe,mBA6B1B;AAEK,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;AAhCW,QAAA,UAAU,cAgCrB"}

package/dist/cjs/components/Flex/propUtils.test.d.ts

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

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

@@ -0,0 +1,99 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const propUtils_1 = require("./propUtils");
+describe("withoutUndefinedValues", () => {
+    it("returns object without undefined values", () => {
+        const props = {
+            a: 1,
+            b: "Two",
+            c: [],
+            d: {},
+            e: undefined,
+            f: undefined,
+        };
+        const actual = (0, propUtils_1.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 = (0, propUtils_1.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 = (0, propUtils_1.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 = (0, propUtils_1.splitProps)(props);
+            const expected = [flexProps, otherProps];
+            expect(actual).toStrictEqual(expected);
+        });
+    });
+});
+//# sourceMappingURL=propUtils.test.js.map

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

package/dist/cjs/components/Flex/types.d.ts

@@ -0,0 +1,32 @@
+import { Ref, ReactNode, RefAttributes } from "react";
+import type { Property } from "csstype";
+import { DOMProps } from "@react-types/shared";
+export type FlexElementType = HTMLDivElement;
+export interface FlexStyleProps {
+    elementType?: string | React.ElementType;
+    flexDirection?: Property.FlexDirection;
+    flexWrap?: Property.FlexWrap;
+    flexGrow?: Property.FlexGrow;
+    flex?: Property.Flex;
+    /** Aligns grid items along the block (column) axis  */
+    alignItems?: Property.AlignItems;
+    /** Aligns the grid along the inline (row) axis */
+    alignContent?: Property.AlignContent;
+    /** Aligns the grid along the inline (row) axis */
+    justifyContent?: Property.JustifyContent;
+    /** How big a gap between the columns and rows */
+    gap?: Property.Gap;
+    /** How big a gap between the rows */
+    rowGap?: Property.RowGap;
+    /** How big a gap between the columns */
+    columnGap?: Property.ColumnGap;
+    style?: React.CSSProperties;
+}
+export interface FlexNonStyleProps extends DOMProps, RefAttributes<FlexElementType> {
+    children?: ReactNode;
+    /** Custom class name for setting specific CSS */
+    className?: string;
+}
+export interface FlexProps extends FlexStyleProps, FlexNonStyleProps {
+}
+export type FlexRef = Ref<FlexElementType>;

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

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

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

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

package/dist/cjs/components/Grid/Grid.js

@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Grid = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const Grid = (0, react_1.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"]);
@@ -28,7 +28,7 @@ const Grid = (0, react_1.forwardRef)((props, _ref) => {
         justifyContent,
         justifyItems,
     };
-    return (0, jsx_runtime_1.jsx)("div", Object.assign({ css: styles }, rest));
+    return (0, jsx_runtime_1.jsx)("div", Object.assign({ style: styles }, rest));
 });
 exports.Grid = Grid;
 Grid.displayName = "Grid";

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

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,iCAAkE;AAwClE,MAAM,IAAI,GAAsD,IAAA,kBAAU,EACxE,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,8CAAK,GAAG,EAAE,MAAM,IAAM,IAAI,EAAI,CAAC;AACxC,CAAC,CACF,CAAC;AAGO,oBAAI;AADb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}
+{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,iCAAiF;AAuCjF,MAAM,IAAI,GAAsD,IAAA,kBAAU,EACxE,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,8CAAK,KAAK,EAAE,MAAM,IAAM,IAAI,EAAI,CAAC;AAC1C,CAAC,CACF,CAAC;AAGO,oBAAI;AADb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("@testing-library/react");
 const _1 = require(".");
 const Item_1 = require("./Item");

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

@@ -1,4 +1,5 @@
 "use strict";
+"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)
@@ -12,7 +13,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GridItem = exports.DEFAULT_SPAN = exports.getBreakpointMap = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const hooks_1 = require("../../hooks");
 const getBreakpointMap = (config) => Object.entries(config).reduce((prev, [key, value]) => {
@@ -35,6 +36,7 @@ const GridItem = (0, react_1.forwardRef)((props, _ref) => {
     });
     const [responsiveSpan, setResponsiveSpan] = (0, react_1.useState)();
     (0, react_1.useEffect)(() => {
+        // @ts-expect-error
         setResponsiveSpan(breakpointMap[breakpointSize]);
     }, [breakpointSize, breakpointMap]);
     const styles = {
@@ -42,7 +44,7 @@ const GridItem = (0, react_1.forwardRef)((props, _ref) => {
         alignSelf,
         justifySelf,
     };
-    return (0, jsx_runtime_1.jsx)("div", Object.assign({ css: Object.assign({}, styles) }, rest));
+    return (0, jsx_runtime_1.jsx)("div", Object.assign({ style: Object.assign({}, styles) }, rest));
 });
 exports.GridItem = GridItem;
 GridItem.displayName = "GridItem";

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

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/components/Grid/Item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,iCAA4E;AAG5E,uCAA4C;AA2BrC,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;AALI,QAAA,gBAAgB,oBAKpB;AAII,QAAA,YAAY,GAAG,EAAE,CAAC;AAE/B,MAAM,QAAQ,GACZ,IAAA,kBAAU,EAAC,CAAC,KAAoB,EAAE,IAAiB,EAAE,EAAE;IACrD,MAAM,EACJ,UAAU,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,GACrC,GAAG,IAAA,qBAAa,GAAE,CAAC;IACpB,MAAM,EACJ,IAAI,EACJ,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,oBAAY,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,IAAA,wBAAgB,EAAC;QACrC,EAAE;QACF,EAAE;QACF,EAAE;QACF,EAAE;QACF,EAAE;QACF,GAAG;KACJ,CAAC,CAAC;IACH,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEvD,IAAA,iBAAS,EAAC,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,8CAAK,GAAG,oBAAO,MAAM,KAAQ,IAAI,EAAI,CAAC;AAC/C,CAAC,CAAC,CAAC;AAGI,4BAAQ;AADjB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
+{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/components/Grid/Item.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;AAEb,iCAA2F;AAE3F,uCAA4C;AA2BrC,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;AALI,QAAA,gBAAgB,oBAKpB;AAII,QAAA,YAAY,GAAG,EAAE,CAAC;AAE/B,MAAM,QAAQ,GACZ,IAAA,kBAAU,EAAC,CAAC,KAAoB,EAAE,IAAiB,EAAE,EAAE;IACrD,MAAM,EACJ,UAAU,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,GACrC,GAAG,IAAA,qBAAa,GAAE,CAAC;IACpB,MAAM,EACJ,IAAI,EACJ,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,oBAAY,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,IAAA,wBAAgB,EAAC;QACrC,EAAE;QACF,EAAE;QACF,EAAE;QACF,EAAE;QACF,EAAE;QACF,GAAG;KACJ,CAAC,CAAC;IACH,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEvD,IAAA,iBAAS,EAAC,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,8CAAK,KAAK,oBAAO,MAAM,KAAQ,IAAI,EAAI,CAAC;AACjD,CAAC,CAAC,CAAC;AAGI,4BAAQ;AADjB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}

package/dist/cjs/components/Icon/Icon.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Icon = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const IconFromName_1 = require("./IconFromName");
 const IconFromObject_1 = require("./IconFromObject");

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("@testing-library/react");
 const icons_1 = require("@simplybusiness/icons");
 const _1 = require(".");

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

@@ -35,7 +35,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconFromName = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const baseIcons = __importStar(require("@simplybusiness/icons"));
 const IconFromObject_1 = require("./IconFromObject");

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

@@ -15,7 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconFromObject = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_2 = require("@emotion/react");
 const clsx_1 = __importDefault(require("clsx"));
@@ -42,7 +42,7 @@ const IconFromObject = (0, react_1.forwardRef)((props, ref) => {
         },
         spin && { animation: `${spinKeyframes} 2s linear infinite` },
     ]);
-    return ((0, jsx_runtime_1.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 ((0, jsx_runtime_1.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 })));
 });
 exports.IconFromObject = IconFromObject;
 IconFromObject.displayName = "IconFromObject";

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

@@ -1 +1 @@
-{"version":3,"file":"IconFromObject.js","sourceRoot":"","sources":["../../../../src/components/Icon/IconFromObject.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAmC;AACnC,0CAA2C;AAC3C,gDAAwB;AAExB,2EAAwE;AAGxE,MAAM,aAAa,GAAG,IAAA,iBAAS,EAAA;;;;;;;CAO9B,CAAC;AAEF,MAAM,cAAc,GAGhB,IAAA,kBAAU,EAAC,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,4CAAG,QAAQ,EAAC,SAAS,EAAC,IAAI,EAAE,IAAI,gBAC9B,iCACE,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAC,QAAQ,EACtB,CAAC,EAAE,WAAW,GACd,IACA,CACL,CAAC;IAEF,MAAM,QAAQ,GAAG,iCAAM,IAAI,EAAC,cAAc,EAAC,CAAC,EAAE,WAAW,GAAI,CAAC;IAE9D,MAAM,OAAO,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,aAAa,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IACpE,UAAU,CAAC,SAAS,GAAG,OAAO,CAAC;IAE/B,MAAM,MAAM,GAAG,IAAA,2CAAoB,EAAC;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,6DACc,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;AAGM,wCAAc;AADvB,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
+{"version":3,"file":"IconFromObject.js","sourceRoot":"","sources":["../../../../src/components/Icon/IconFromObject.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAmC;AACnC,0CAA2C;AAC3C,gDAAwB;AAExB,2EAAwE;AAGxE,MAAM,aAAa,GAAG,IAAA,iBAAS,EAAA;;;;;;;CAO9B,CAAC;AAEF,MAAM,cAAc,GAGhB,IAAA,kBAAU,EAAC,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,4CAAG,QAAQ,EAAC,SAAS,EAAC,IAAI,EAAE,IAAI,gBAC9B,iCACE,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAC,QAAQ,EACtB,CAAC,EAAE,WAAW,GACd,IACA,CACL,CAAC;IAEF,MAAM,QAAQ,GAAG,iCAAM,IAAI,EAAC,cAAc,EAAC,CAAC,EAAE,WAAW,GAAI,CAAC;IAE9D,MAAM,OAAO,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,aAAa,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IACpE,UAAU,CAAC,SAAS,GAAG,OAAO,CAAC;IAE/B,MAAM,MAAM,GAAG,IAAA,2CAAoB,EAAC;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,6DACc,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;AAGM,wCAAc;AADvB,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

package/dist/cjs/components/Image/Image.js

@@ -15,7 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Image = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const clsx_1 = __importDefault(require("clsx"));
 const Image = (0, react_1.forwardRef)((_a, ref) => {

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("@testing-library/react");
 const _1 = require(".");
 const CLASS_NAME = "mobius/Image";

package/dist/cjs/components/Label/Label.js

@@ -15,7 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Label = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const clsx_1 = __importDefault(require("clsx"));
 const Label = (0, react_1.forwardRef)((props, ref) => {

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("@testing-library/react");
 const _1 = require(".");
 const CLASS_NAME = "mobius/Label";

package/dist/cjs/components/Link/Link.js

@@ -1,4 +1,5 @@
 "use strict";
+"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)
@@ -15,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Link = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const link_1 = require("@react-aria/link");
 const clsx_1 = __importDefault(require("clsx"));

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

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../../src/components/Link/Link.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAMe;AAEf,2CAA2C;AAE3C,gDAAwB;AACxB,6CAAiD;AA6BjD,MAAM,IAAI,GAAsD,IAAA,kBAAU,EACxE,CAAC,KAAgB,EAAE,GAAY,EAAE,EAAE;IACjC,MAAM,MAAM,GAAG,IAAA,cAAM,EAAC,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,IAAA,cAAO;IAC3B,kFAAkF;IAClF,KAAK,EACL,MAAM,CACP,CAAC;IAEF,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,IAAA,oBAAY,EAAC,KAAK,CAAC,CAAC;IAE3D,MAAM,OAAO,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,aAAa,EAAE,KAAK,CAAC,SAAS,EAAE;QAC7D,eAAe,EAAE,UAAU;QAC3B,oBAAoB,EAAE,cAAc;KACrC,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,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;AAGO,oBAAI;AADb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}
+{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../../src/components/Link/Link.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,iCAMe;AAEf,2CAA2C;AAE3C,gDAAwB;AACxB,6CAAiD;AA6BjD,MAAM,IAAI,GAAsD,IAAA,kBAAU,EACxE,CAAC,KAAgB,EAAE,GAAY,EAAE,EAAE;IACjC,MAAM,MAAM,GAAG,IAAA,cAAM,EAAC,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,IAAA,cAAO;IAC3B,kFAAkF;IAClF,KAAK,EACL,MAAM,CACP,CAAC;IAEF,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,IAAA,oBAAY,EAAC,KAAK,CAAC,CAAC;IAE3D,MAAM,OAAO,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,aAAa,EAAE,KAAK,CAAC,SAAS,EAAE;QAC7D,eAAe,EAAE,UAAU;QAC3B,oBAAoB,EAAE,cAAc;KACrC,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,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;AAGO,oBAAI;AADb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

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

@@ -3,7 +3,7 @@ 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("@emotion/react/jsx-runtime");
+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 _1 = require(".");

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

@@ -13,4 +13,4 @@ export interface LinkButtonProps extends Omit<ButtonProps, "elementType"> {
     to?: React.ComponentProps<typeof Link>["to"];
     elementType?: React.ElementType;
 }
-export declare function LinkButton({ href, children, className, elementType, ...rest }: LinkButtonProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function LinkButton({ href, children, className, elementType, ...rest }: LinkButtonProps): JSX.Element;

package/dist/cjs/components/LinkButton/LinkButton.js

@@ -15,7 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LinkButton = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const clsx_1 = __importDefault(require("clsx"));
 const Button_1 = require("../Button");
 function LinkButton(_a) {

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

@@ -3,7 +3,7 @@ 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("@emotion/react/jsx-runtime");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_2 = require("@testing-library/react");
 const user_event_1 = __importDefault(require("@testing-library/user-event"));

package/dist/cjs/components/List/List.js

@@ -15,7 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.List = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const clsx_1 = __importDefault(require("clsx"));
 const List = (0, react_1.forwardRef)((props, ref) => {

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("@testing-library/react");
 const _1 = require(".");
 const LIST_CLASS_NAME = "mobius/List";

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

@@ -15,7 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ListItem = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const clsx_1 = __importDefault(require("clsx"));
 const ListItem = (0, react_1.forwardRef)((props, ref) => {

package/dist/cjs/components/LoadingIndicator/LoadingIndicator.js

@@ -15,7 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LoadingIndicator = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const clsx_1 = __importDefault(require("clsx"));
 const Icon_1 = require("../Icon");

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable no-restricted-syntax */
 const react_1 = require("@testing-library/react");
 const _1 = require(".");

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

@@ -0,0 +1,11 @@
+import { Ref } from "react";
+import { DOMProps } from "@react-types/shared";
+import { ForwardedRefComponent } from "../../types/components";
+import { TextFieldElementType, TextFieldProps } from "../TextField";
+export type MaskedFieldElementType = HTMLInputElement;
+export interface MaskedFieldProps extends TextFieldProps, DOMProps {
+    pattern: "ssn" | "fein";
+}
+export type MaskedFieldRef = Ref<MaskedFieldElementType>;
+declare const MaskedField: ForwardedRefComponent<MaskedFieldProps, TextFieldElementType>;
+export { MaskedField };

package/dist/cjs/components/MaskedField/MaskedField.js

@@ -0,0 +1,46 @@
+"use strict";
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MaskedField = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const clsx_1 = __importDefault(require("clsx"));
+const TextField_1 = require("../TextField");
+const inputFormatters_1 = require("./inputFormatters");
+const MaskedField = (0, react_1.forwardRef)((props, ref) => {
+    const { pattern } = props, otherProps = __rest(props, ["pattern"]);
+    const [isEditable, setIsEditable] = (0, react_1.useState)(false);
+    const [unformatted, setUnformatted] = (0, react_1.useState)("");
+    const [formatted, setFormatted] = (0, react_1.useState)("");
+    const inputValue = isEditable ? unformatted : formatted;
+    const handleChange = (value) => {
+        const trimmedValue = inputFormatters_1.INPUT_FORMATTERS[pattern].clean(value);
+        setUnformatted(trimmedValue);
+    };
+    const toggleEditable = () => {
+        setIsEditable(!isEditable);
+    };
+    (0, react_1.useEffect)(() => {
+        const formattedValue = inputFormatters_1.INPUT_FORMATTERS[pattern].transform(unformatted);
+        setFormatted(formattedValue);
+    }, [pattern, unformatted]);
+    const classes = (0, clsx_1.default)("mobius", "mobius/MaskedField", otherProps.className);
+    return ((0, jsx_runtime_1.jsx)(TextField_1.TextField, Object.assign({ onChange: handleChange, value: inputValue, className: classes, ref: ref, onFocus: toggleEditable, onBlur: toggleEditable }, otherProps)));
+});
+exports.MaskedField = MaskedField;
+MaskedField.displayName = "MaskedField";
+//# sourceMappingURL=MaskedField.js.map

package/dist/cjs/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,iCAA6D;AAE7D,gDAAwB;AAExB,4CAA+E;AAC/E,uDAAqD;AAUrD,MAAM,WAAW,GAGb,IAAA,kBAAU,EAAC,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,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAC7D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IAC3D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAS,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,kCAAgB,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,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,cAAc,GAAG,kCAAgB,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,IAAA,cAAI,EAAC,QAAQ,EAAE,oBAAoB,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAE3E,OAAO,CACL,uBAAC,qBAAS,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;AAGM,kCAAW;AADpB,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

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

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