@simplybusiness/mobius 4.2.6 → 4.2.8

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

@@ -1,31 +1,34 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Flex = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const dedupe_1 = __importDefault(require("classnames/dedupe"));
-const propUtils_1 = require("./propUtils");
-const Flex = (0, react_1.forwardRef)((props, ref) => {
-    const { elementType: Element = "div" } = props, otherProps = __rest(props, ["elementType"]);
-    const classes = (0, dedupe_1.default)("mobius", "mobius/Flex", props.className);
-    const [styleProps, restProps] = (0, propUtils_1.splitProps)(otherProps);
-    const flexStyles = (0, propUtils_1.buildFlexStyles)(styleProps);
-    return ((0, jsx_runtime_1.jsx)(Element, Object.assign({ ref: ref, style: flexStyles }, restProps, { className: classes })));
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Flex", {
+    enumerable: true,
+    get: function() {
+        return Flex;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("react");
+const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
+const _propUtils = require("./propUtils");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const Flex = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
+    const { elementType: Element = "div", ...otherProps } = props;
+    const classes = (0, _dedupe.default)("mobius", "mobius/Flex", props.className);
+    const [styleProps, restProps] = (0, _propUtils.splitProps)(otherProps);
+    const flexStyles = (0, _propUtils.buildFlexStyles)(styleProps);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(Element, {
+        ref: ref,
+        style: flexStyles,
+        ...restProps,
+        className: classes
+    });
 });
-exports.Flex = Flex;
 Flex.displayName = "Flex";
+
 //# sourceMappingURL=Flex.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../../../src/components/Flex/Flex.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAmC;AACnC,+DAA2C;AAG3C,2CAA0D;AAE1D,MAAM,IAAI,GAAsD,IAAA,kBAAU,EACxE,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,IAAA,gBAAU,EAAC,QAAQ,EAAE,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAErE,MAAM,CAAC,UAAU,EAAE,SAAS,CAAC,GAAG,IAAA,sBAAU,EAAC,UAAU,CAAC,CAAC;IACvD,MAAM,UAAU,GAAG,IAAA,2BAAe,EAAC,UAAU,CAAC,CAAC;IAE/C,OAAO,CACL,uBAAC,OAAO,kBACN,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,UAAU,IACb,SAAS,IACb,SAAS,EAAE,OAAO,IAClB,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAGO,oBAAI;AADb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}
+{"version":3,"sources":["../../../../src/components/Flex/Flex.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { FlexElementType, FlexProps, FlexRef } from \"./types\";\nimport { buildFlexStyles, splitProps } from \"./propUtils\";\n\nconst Flex: ForwardedRefComponent<FlexProps, FlexElementType> = forwardRef(\n  (props: FlexProps, ref: FlexRef) => {\n    const { elementType: Element = \"div\", ...otherProps } = props;\n    const classes = classNames(\"mobius\", \"mobius/Flex\", props.className);\n\n    const [styleProps, restProps] = splitProps(otherProps);\n    const flexStyles = buildFlexStyles(styleProps);\n\n    return (\n      <Element\n        ref={ref}\n        style={flexStyles}\n        {...restProps}\n        className={classes}\n      />\n    );\n  },\n);\n\nFlex.displayName = \"Flex\";\nexport { Flex };\n"],"names":["Flex","forwardRef","props","ref","elementType","Element","otherProps","classes","classNames","className","styleProps","restProps","splitProps","flexStyles","buildFlexStyles","style","displayName"],"mappings":";;;;+BA0BSA;;;eAAAA;;;;uBA1BkB;+DACJ;2BAGqB;;;;;;AAE5C,MAAMA,qBAA0DC,IAAAA,iBAAU,EACxE,CAACC,OAAkBC;IACjB,MAAM,EAAEC,aAAaC,UAAU,KAAK,EAAE,GAAGC,YAAY,GAAGJ;IACxD,MAAMK,UAAUC,IAAAA,eAAU,EAAC,UAAU,eAAeN,MAAMO,SAAS;IAEnE,MAAM,CAACC,YAAYC,UAAU,GAAGC,IAAAA,qBAAU,EAACN;IAC3C,MAAMO,aAAaC,IAAAA,0BAAe,EAACJ;IAEnC,qBACE,qBAACL;QACCF,KAAKA;QACLY,OAAOF;QACN,GAAGF,SAAS;QACbF,WAAWF;;AAGjB;AAGFP,KAAKgB,WAAW,GAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Flex/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB;AACvB,0CAAwB"}
+{"version":3,"sources":["../../../../src/components/Flex/index.tsx"],"sourcesContent":["export * from \"./Flex\";\nexport * from \"./types\";\n"],"names":[],"mappings":";;;;qBAAc;qBACA"}

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

@@ -1,21 +1,27 @@
 "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;
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    buildFlexStyles: function() {
+        return buildFlexStyles;
+    },
+    splitProps: function() {
+        return splitProps;
+    },
+    withoutUndefinedValues: function() {
+        return withoutUndefinedValues;
+    }
+});
+const withoutUndefinedValues = (obj)=>Object.fromEntries(Object.entries(obj).filter(([_, value])=>value));
+const buildFlexStyles = (props)=>{
+    const { flexDirection, flexWrap, flexGrow, flex, justifyContent, alignItems, alignContent, gap, rowGap, columnGap } = props;
     const styleProps = {
         display: "flex",
         flexDirection,
@@ -27,13 +33,12 @@ const buildFlexStyles = (props) => {
         alignContent,
         gap,
         rowGap,
-        columnGap,
+        columnGap
     };
-    return (0, exports.withoutUndefinedValues)(styleProps);
+    return 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"]);
+const splitProps = (props)=>{
+    const { flexDirection, flexWrap, flexGrow, flex, justifyContent, alignItems, alignContent, gap, rowGap, columnGap, ...otherProps } = props;
     return [
         {
             flexDirection,
@@ -45,10 +50,10 @@ const splitProps = (props) => {
             alignContent,
             gap,
             rowGap,
-            columnGap,
+            columnGap
         },
-        otherProps,
+        otherProps
     ];
 };
-exports.splitProps = splitProps;
+
 //# sourceMappingURL=propUtils.js.map

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

@@ -1 +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"}
+{"version":3,"sources":["../../../../src/components/Flex/propUtils.ts"],"sourcesContent":["import { FlexNonStyleProps, FlexProps, FlexStyleProps } from \"./types\";\n\nexport const withoutUndefinedValues = (obj: Record<string, unknown>) =>\n  Object.fromEntries(Object.entries(obj).filter(([_, value]) => value));\n\nexport const buildFlexStyles = (props: FlexStyleProps) => {\n  const {\n    flexDirection,\n    flexWrap,\n    flexGrow,\n    flex,\n    justifyContent,\n    alignItems,\n    alignContent,\n    gap,\n    rowGap,\n    columnGap,\n  } = props;\n\n  const styleProps = {\n    display: \"flex\",\n    flexDirection,\n    flexWrap,\n    flexGrow,\n    flex,\n    justifyContent,\n    alignItems,\n    alignContent,\n    gap,\n    rowGap,\n    columnGap,\n  };\n\n  return withoutUndefinedValues(styleProps);\n};\n\nexport const splitProps = (\n  props: FlexProps,\n): [FlexStyleProps, FlexNonStyleProps] => {\n  const {\n    flexDirection,\n    flexWrap,\n    flexGrow,\n    flex,\n    justifyContent,\n    alignItems,\n    alignContent,\n    gap,\n    rowGap,\n    columnGap,\n    ...otherProps\n  } = props;\n\n  return [\n    {\n      flexDirection,\n      flexWrap,\n      flexGrow,\n      flex,\n      justifyContent,\n      alignItems,\n      alignContent,\n      gap,\n      rowGap,\n      columnGap,\n    },\n    otherProps,\n  ];\n};\n"],"names":["buildFlexStyles","splitProps","withoutUndefinedValues","obj","Object","fromEntries","entries","filter","_","value","props","flexDirection","flexWrap","flexGrow","flex","justifyContent","alignItems","alignContent","gap","rowGap","columnGap","styleProps","display","otherProps"],"mappings":";;;;;;;;;;;IAKaA,eAAe;eAAfA;;IA+BAC,UAAU;eAAVA;;IAlCAC,sBAAsB;eAAtBA;;;AAAN,MAAMA,yBAAyB,CAACC,MACrCC,OAAOC,WAAW,CAACD,OAAOE,OAAO,CAACH,KAAKI,MAAM,CAAC,CAAC,CAACC,GAAGC,MAAM,GAAKA;AAEzD,MAAMT,kBAAkB,CAACU;IAC9B,MAAM,EACJC,aAAa,EACbC,QAAQ,EACRC,QAAQ,EACRC,IAAI,EACJC,cAAc,EACdC,UAAU,EACVC,YAAY,EACZC,GAAG,EACHC,MAAM,EACNC,SAAS,EACV,GAAGV;IAEJ,MAAMW,aAAa;QACjBC,SAAS;QACTX;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;IACF;IAEA,OAAOlB,uBAAuBmB;AAChC;AAEO,MAAMpB,aAAa,CACxBS;IAEA,MAAM,EACJC,aAAa,EACbC,QAAQ,EACRC,QAAQ,EACRC,IAAI,EACJC,cAAc,EACdC,UAAU,EACVC,YAAY,EACZC,GAAG,EACHC,MAAM,EACNC,SAAS,EACT,GAAGG,YACJ,GAAGb;IAEJ,OAAO;QACL;YACEC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;QACF;QACAG;KACD;AACH"}

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

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

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

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

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

@@ -1,28 +1,26 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Grid = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const dedupe_1 = __importDefault(require("classnames/dedupe"));
-const propUtils_1 = require("../Flex/propUtils");
-const Grid = (0, react_1.forwardRef)((props, _ref) => {
-    const { columns = 12, gap, columnGap, rowGap, alignContent, alignItems, justifyContent, justifyItems, className } = props, rest = __rest(props, ["columns", "gap", "columnGap", "rowGap", "alignContent", "alignItems", "justifyContent", "justifyItems", "className"]);
-    const classes = (0, dedupe_1.default)("mobius", "mobius/Grid", className);
-    const styles = (0, propUtils_1.withoutUndefinedValues)({
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Grid", {
+    enumerable: true,
+    get: function() {
+        return Grid;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("react");
+const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
+const _propUtils = require("../Flex/propUtils");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const Grid = /*#__PURE__*/ (0, _react.forwardRef)((props, _ref)=>{
+    const { columns = 12, gap, columnGap, rowGap, alignContent, alignItems, justifyContent, justifyItems, className, ...rest } = props;
+    const classes = (0, _dedupe.default)("mobius", "mobius/Grid", className);
+    const styles = (0, _propUtils.withoutUndefinedValues)({
         boxSizing: "border-box",
         display: "grid",
         gridTemplateColumns: `repeat(${columns}, 1fr)`,
@@ -32,10 +30,14 @@ const Grid = (0, react_1.forwardRef)((props, _ref) => {
         alignContent,
         alignItems,
         justifyContent,
-        justifyItems,
+        justifyItems
+    });
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        style: styles,
+        className: classes,
+        ...rest
     });
-    return (0, jsx_runtime_1.jsx)("div", Object.assign({ style: styles, className: classes }, rest));
 });
-exports.Grid = Grid;
 Grid.displayName = "Grid";
+
 //# sourceMappingURL=Grid.js.map

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,iCAMe;AACf,+DAA2C;AAG3C,iDAA2D;AAuC3D,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,EACZ,SAAS,KAEP,KAAK,EADJ,IAAI,UACL,KAAK,EAXH,sHAWL,CAAQ,CAAC;IACV,MAAM,OAAO,GAAG,IAAA,gBAAU,EAAC,QAAQ,EAAE,aAAa,EAAE,SAAS,CAAC,CAAC;IAE/D,MAAM,MAAM,GAAkB,IAAA,kCAAsB,EAAC;QACnD,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,CAAC;IAEH,OAAO,8CAAK,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,IAAM,IAAI,EAAI,CAAC;AAC9D,CAAC,CACF,CAAC;AAGO,oBAAI;AADb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}
+{"version":3,"sources":["../../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import {\n  Ref,\n  forwardRef,\n  ReactNode,\n  RefAttributes,\n  CSSProperties,\n} from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { withoutUndefinedValues } from \"../Flex/propUtils\";\n\nexport type GridElementType = HTMLDivElement;\n\nexport interface GridProps extends RefAttributes<GridElementType>, DOMProps {\n  children?: ReactNode;\n  /** The number of columns */\n  columns?: number;\n  /** How big a gap between the columns and rows */\n  gap?: string;\n  /** How big a gap between the columns */\n  columnGap?: string;\n  /** How big a gap between the rows */\n  rowGap?: string;\n  /** Aligns the grid along the block (column) axis */\n  alignContent?:\n    | \"center\"\n    | \"space-around\"\n    | \"space-between\"\n    | \"space-evenly\"\n    | \"stretch\";\n  /** Aligns the grid along the inline (row) axis */\n  justifyContent?:\n    | \"center\"\n    | \"start\"\n    | \"end\"\n    | \"space-around\"\n    | \"space-between\"\n    | \"space-evenly\";\n  /** Aligns grid items along the block (column) axis  */\n  alignItems?: \"center\" | \"start\" | \"end\" | \"stretch\" | \"baseline\";\n  /** Aligns grid items along the inline (row) axis  */\n  justifyItems?: \"start\" | \"end\" | \"center\" | \"stretch\";\n  /** Custom class name for setting specific CSS */\n  className?: string;\n}\n\nexport type GridRef = Ref<GridElementType>;\n\nconst Grid: ForwardedRefComponent<GridProps, GridElementType> = forwardRef(\n  (props: GridProps, _ref: GridRef) => {\n    const {\n      columns = 12,\n      gap,\n      columnGap,\n      rowGap,\n      alignContent,\n      alignItems,\n      justifyContent,\n      justifyItems,\n      className,\n      ...rest\n    } = props;\n    const classes = classNames(\"mobius\", \"mobius/Grid\", className);\n\n    const styles: CSSProperties = withoutUndefinedValues({\n      boxSizing: \"border-box\",\n      display: \"grid\",\n      gridTemplateColumns: `repeat(${columns}, 1fr)`,\n      gap: gap ? `var(--${gap})` : undefined,\n      columnGap: columnGap ? `var(--${columnGap})` : undefined,\n      rowGap: rowGap ? `var(--${rowGap})` : undefined,\n      alignContent,\n      alignItems,\n      justifyContent,\n      justifyItems,\n    });\n\n    return <div style={styles} className={classes} {...rest} />;\n  },\n);\n\nGrid.displayName = \"Grid\";\nexport { Grid };\n"],"names":["Grid","forwardRef","props","_ref","columns","gap","columnGap","rowGap","alignContent","alignItems","justifyContent","justifyItems","className","rest","classes","classNames","styles","withoutUndefinedValues","boxSizing","display","gridTemplateColumns","undefined","div","style","displayName"],"mappings":";;;;+BAmFSA;;;eAAAA;;;;uBA7EF;+DACgB;2BAGgB;;;;;;AAuCvC,MAAMA,qBAA0DC,IAAAA,iBAAU,EACxE,CAACC,OAAkBC;IACjB,MAAM,EACJC,UAAU,EAAE,EACZC,GAAG,EACHC,SAAS,EACTC,MAAM,EACNC,YAAY,EACZC,UAAU,EACVC,cAAc,EACdC,YAAY,EACZC,SAAS,EACT,GAAGC,MACJ,GAAGX;IACJ,MAAMY,UAAUC,IAAAA,eAAU,EAAC,UAAU,eAAeH;IAEpD,MAAMI,SAAwBC,IAAAA,iCAAsB,EAAC;QACnDC,WAAW;QACXC,SAAS;QACTC,qBAAqB,CAAC,OAAO,EAAEhB,QAAQ,MAAM,CAAC;QAC9CC,KAAKA,MAAM,CAAC,MAAM,EAAEA,IAAI,CAAC,CAAC,GAAGgB;QAC7Bf,WAAWA,YAAY,CAAC,MAAM,EAAEA,UAAU,CAAC,CAAC,GAAGe;QAC/Cd,QAAQA,SAAS,CAAC,MAAM,EAAEA,OAAO,CAAC,CAAC,GAAGc;QACtCb;QACAC;QACAC;QACAC;IACF;IAEA,qBAAO,qBAACW;QAAIC,OAAOP;QAAQJ,WAAWE;QAAU,GAAGD,IAAI;;AACzD;AAGFb,KAAKwB,WAAW,GAAG"}

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

@@ -1,56 +1,76 @@
-"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.GridItem = exports.DEFAULT_SPAN = exports.getBreakpointMap = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const dedupe_1 = __importDefault(require("classnames/dedupe"));
-const hooks_1 = require("../../hooks");
-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 });
-}, {});
-exports.getBreakpointMap = getBreakpointMap;
-exports.DEFAULT_SPAN = 12;
-const GridItem = (0, react_1.forwardRef)((props, _ref) => {
-    const { breakpoint: { size: breakpointSize }, } = (0, hooks_1.useBreakpoint)();
-    const { span, xs = Array.isArray(span) ? exports.DEFAULT_SPAN : span, sm, md, lg, xl, xxl, alignSelf, justifySelf, className } = props, rest = __rest(props, ["span", "xs", "sm", "md", "lg", "xl", "xxl", "alignSelf", "justifySelf", "className"]);
-    const breakpointMap = (0, exports.getBreakpointMap)({
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    DEFAULT_SPAN: function() {
+        return DEFAULT_SPAN;
+    },
+    GridItem: function() {
+        return GridItem;
+    },
+    getBreakpointMap: function() {
+        return getBreakpointMap;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("react");
+const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
+const _hooks = require("../../hooks");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const getBreakpointMap = (config)=>Object.entries(config).reduce((prev, [key, value])=>{
+        const previous = Object.values(prev);
+        const lastDefined = previous[previous.length - 1];
+        return {
+            ...prev,
+            [key]: value || lastDefined
+        };
+    }, {});
+const DEFAULT_SPAN = 12;
+const GridItem = /*#__PURE__*/ (0, _react.forwardRef)((props, _ref)=>{
+    const { breakpoint: { size: breakpointSize } } = (0, _hooks.useBreakpoint)();
+    const { span, xs = Array.isArray(span) ? DEFAULT_SPAN : span, sm, md, lg, xl, xxl, alignSelf, justifySelf, className, ...rest } = props;
+    const breakpointMap = getBreakpointMap({
         xs,
         sm,
         md,
         lg,
         xl,
-        xxl,
+        xxl
     });
-    const [responsiveSpan, setResponsiveSpan] = (0, react_1.useState)();
-    const classes = (0, dedupe_1.default)("mobius/GridItem", className);
-    (0, react_1.useEffect)(() => {
+    const [responsiveSpan, setResponsiveSpan] = (0, _react.useState)();
+    const classes = (0, _dedupe.default)("mobius/GridItem", className);
+    (0, _react.useEffect)(()=>{
         // @ts-expect-error
         setResponsiveSpan(breakpointMap[breakpointSize]);
-    }, [breakpointSize, breakpointMap]);
+    }, [
+        breakpointSize,
+        breakpointMap
+    ]);
     const styles = {
         gridColumn: responsiveSpan ? `span ${responsiveSpan}` : undefined,
         alignSelf,
-        justifySelf,
+        justifySelf
     };
-    return (0, jsx_runtime_1.jsx)("div", Object.assign({ style: Object.assign({}, styles), className: classes }, rest));
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        style: {
+            ...styles
+        },
+        className: classes,
+        ...rest
+    });
 });
-exports.GridItem = GridItem;
 GridItem.displayName = "GridItem";
+
 //# sourceMappingURL=Item.js.map

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,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,iCAOe;AACf,+DAA2C;AAE3C,uCAA4C;AA6BrC,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,EACX,SAAS,KAEP,KAAK,EADJ,IAAI,UACL,KAAK,EAZH,sFAYL,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;IACvD,MAAM,OAAO,GAAG,IAAA,gBAAU,EAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC;IAEzD,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,GAAI,SAAS,EAAE,OAAO,IAAM,IAAI,EAAI,CAAC;AACrE,CAAC,CAAC,CAAC;AAGI,4BAAQ;AADjB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
+{"version":3,"sources":["../../../../src/components/Grid/Item.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Ref,\n  forwardRef,\n  RefAttributes,\n  useEffect,\n  useState,\n  CSSProperties,\n} from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { useBreakpoint } from \"../../hooks\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { SizeType } from \"../../types\";\n\nexport type GridItemElementType = HTMLDivElement;\n\nexport interface GridItemProps\n  extends RefAttributes<GridItemElementType>,\n    DOMProps {\n  /** How many columns the item spans */\n  span?: number | number[];\n  /** React children */\n  children?: React.ReactNode;\n  /** How many columns the item spans on the smallest breakpoint */\n  xs?: number;\n  sm?: number;\n  md?: number;\n  lg?: number;\n  xl?: number;\n  /** How many columns the item spans on the largest breakpoint */\n  xxl?: number;\n  /** Aligns the grid item along the block (column) axis */\n  alignSelf?: \"center\" | \"start\" | \"end\" | \"stretch\";\n  /** Aligns the grid item along the inline (row) axis */\n  justifySelf?: \"center\" | \"start\" | \"end\" | \"stretch\";\n  /** Custom class name for setting specific CSS */\n  className?: string;\n}\n\nexport const getBreakpointMap = (config: Partial<Record<SizeType, number>>) =>\n  Object.entries(config).reduce((prev, [key, value]) => {\n    const previous = Object.values(prev);\n    const lastDefined = previous[previous.length - 1];\n    return { ...prev, [key]: value || lastDefined };\n  }, {});\n\nexport type GridItemRef = Ref<GridItemElementType>;\n\nexport const DEFAULT_SPAN = 12;\n\nconst GridItem: ForwardedRefComponent<GridItemProps, GridItemElementType> =\n  forwardRef((props: GridItemProps, _ref: GridItemRef) => {\n    const {\n      breakpoint: { size: breakpointSize },\n    } = useBreakpoint();\n    const {\n      span,\n      xs = Array.isArray(span) ? DEFAULT_SPAN : span,\n      sm,\n      md,\n      lg,\n      xl,\n      xxl,\n      alignSelf,\n      justifySelf,\n      className,\n      ...rest\n    } = props;\n    const breakpointMap = getBreakpointMap({\n      xs,\n      sm,\n      md,\n      lg,\n      xl,\n      xxl,\n    });\n    const [responsiveSpan, setResponsiveSpan] = useState();\n    const classes = classNames(\"mobius/GridItem\", className);\n\n    useEffect(() => {\n      // @ts-expect-error\n      setResponsiveSpan(breakpointMap[breakpointSize]);\n    }, [breakpointSize, breakpointMap]);\n\n    const styles: CSSProperties = {\n      gridColumn: responsiveSpan ? `span ${responsiveSpan}` : undefined,\n      alignSelf,\n      justifySelf,\n    };\n\n    return <div style={{ ...styles }} className={classes} {...rest} />;\n  });\n\nGridItem.displayName = \"GridItem\";\nexport { GridItem };\n"],"names":["DEFAULT_SPAN","GridItem","getBreakpointMap","config","Object","entries","reduce","prev","key","value","previous","values","lastDefined","length","forwardRef","props","_ref","breakpoint","size","breakpointSize","useBreakpoint","span","xs","Array","isArray","sm","md","lg","xl","xxl","alignSelf","justifySelf","className","rest","breakpointMap","responsiveSpan","setResponsiveSpan","useState","classes","classNames","useEffect","styles","gridColumn","undefined","div","style","displayName"],"mappings":"AAAA;;;;;;;;;;;;IAkDaA,YAAY;eAAZA;;IA8CJC,QAAQ;eAARA;;IAvDIC,gBAAgB;eAAhBA;;;;uBAhCN;+DACgB;uBAEO;;;;;;AA6BvB,MAAMA,mBAAmB,CAACC,SAC/BC,OAAOC,OAAO,CAACF,QAAQG,MAAM,CAAC,CAACC,MAAM,CAACC,KAAKC,MAAM;QAC/C,MAAMC,WAAWN,OAAOO,MAAM,CAACJ;QAC/B,MAAMK,cAAcF,QAAQ,CAACA,SAASG,MAAM,GAAG,EAAE;QACjD,OAAO;YAAE,GAAGN,IAAI;YAAE,CAACC,IAAI,EAAEC,SAASG;QAAY;IAChD,GAAG,CAAC;AAIC,MAAMZ,eAAe;AAE5B,MAAMC,yBACJa,IAAAA,iBAAU,EAAC,CAACC,OAAsBC;IAChC,MAAM,EACJC,YAAY,EAAEC,MAAMC,cAAc,EAAE,EACrC,GAAGC,IAAAA,oBAAa;IACjB,MAAM,EACJC,IAAI,EACJC,KAAKC,MAAMC,OAAO,CAACH,QAAQrB,eAAeqB,IAAI,EAC9CI,EAAE,EACFC,EAAE,EACFC,EAAE,EACFC,EAAE,EACFC,GAAG,EACHC,SAAS,EACTC,WAAW,EACXC,SAAS,EACT,GAAGC,MACJ,GAAGlB;IACJ,MAAMmB,gBAAgBhC,iBAAiB;QACrCoB;QACAG;QACAC;QACAC;QACAC;QACAC;IACF;IACA,MAAM,CAACM,gBAAgBC,kBAAkB,GAAGC,IAAAA,eAAQ;IACpD,MAAMC,UAAUC,IAAAA,eAAU,EAAC,mBAAmBP;IAE9CQ,IAAAA,gBAAS,EAAC;QACR,mBAAmB;QACnBJ,kBAAkBF,aAAa,CAACf,eAAe;IACjD,GAAG;QAACA;QAAgBe;KAAc;IAElC,MAAMO,SAAwB;QAC5BC,YAAYP,iBAAiB,CAAC,KAAK,EAAEA,eAAe,CAAC,GAAGQ;QACxDb;QACAC;IACF;IAEA,qBAAO,qBAACa;QAAIC,OAAO;YAAE,GAAGJ,MAAM;QAAC;QAAGT,WAAWM;QAAU,GAAGL,IAAI;;AAChE;AAEFhC,SAAS6C,WAAW,GAAG"}

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

@@ -1,11 +1,18 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Grid = void 0;
-const Grid_1 = require("./Grid");
-const Item_1 = require("./Item");
-const Grid = Object.assign(Grid_1.Grid, {
-    Item: Item_1.GridItem,
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Grid", {
+    enumerable: true,
+    get: function() {
+        return Grid;
+    }
+});
+const _Grid = require("./Grid");
+const _Item = require("./Item");
+const Grid = Object.assign(_Grid.Grid, {
+    Item: _Item.GridItem
 });
-exports.Grid = Grid;
 Grid.displayName = "Grid";
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Grid/index.tsx"],"names":[],"mappings":";;;AACA,iCAA2E;AAC3E,iCAAsE;AAOtE,MAAM,IAAI,GAAiB,MAAM,CAAC,MAAM,CAAC,WAAa,EAAE;IACtD,IAAI,EAAE,eAAQ;CACf,CAAC,CAAC;AAGM,oBAAI;AADb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}
+{"version":3,"sources":["../../../../src/components/Grid/index.tsx"],"sourcesContent":["import { ForwardedRefComponent } from \"../../types/components\";\nimport { Grid as GridComponent, GridElementType, GridProps } from \"./Grid\";\nimport { GridItem, GridItemProps, GridItemElementType } from \"./Item\";\n\nexport interface GridCompound\n  extends ForwardedRefComponent<GridProps, GridItemElementType> {\n  Item: ForwardedRefComponent<GridItemProps, GridElementType>;\n}\n\nconst Grid: GridCompound = Object.assign(GridComponent, {\n  Item: GridItem,\n});\n\nGrid.displayName = \"Grid\";\nexport { Grid };\nexport type { GridProps, GridItemProps, GridElementType, GridItemElementType };\n"],"names":["Grid","Object","assign","GridComponent","Item","GridItem","displayName"],"mappings":";;;;+BAcSA;;;eAAAA;;;sBAbyD;sBACL;AAO7D,MAAMA,OAAqBC,OAAOC,MAAM,CAACC,UAAa,EAAE;IACtDC,MAAMC,cAAQ;AAChB;AAEAL,KAAKM,WAAW,GAAG"}

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

@@ -1,37 +1,50 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Icon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const dedupe_1 = __importDefault(require("classnames/dedupe"));
-const IconStyle_1 = require("./IconStyle");
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Icon", {
+    enumerable: true,
+    get: function() {
+        return Icon;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
+const _IconStyle = require("./IconStyle");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 const ICON_PREFIX = "mobius-icon";
-function Icon(_a) {
-    var { icon, className, size = "xs", color, fixedWidth, spin, spinReverse } = _a, otherProps = __rest(_a, ["icon", "className", "size", "color", "fixedWidth", "spin", "spinReverse"]);
+function Icon({ icon, className, size = "xs", color, fixedWidth, spin, spinReverse, ...otherProps }) {
     if (!icon) {
         throw new Error("Must specify icon object");
     }
-    const classes = (0, dedupe_1.default)("mobius", "mobius/Icon", `svg-inline--${ICON_PREFIX}`, `--size-${size}`, className, {
+    const classes = (0, _dedupe.default)("mobius", "mobius/Icon", `svg-inline--${ICON_PREFIX}`, `--size-${size}`, className, {
         [`${ICON_PREFIX}-fw`]: fixedWidth,
         [`${ICON_PREFIX}-spin`]: spin || spinReverse,
-        [`${ICON_PREFIX}-spin-reverse`]: spinReverse,
+        [`${ICON_PREFIX}-spin-reverse`]: spinReverse
     });
-    (0, IconStyle_1.applyStyles)();
+    (0, _IconStyle.applyStyles)();
     const { iconName, width, height, svgPathData } = icon;
-    return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ "aria-hidden": "true", focusable: "false", "data-icon": iconName, className: classes, role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: `0 0 ${width} ${height}`, style: { color } }, otherProps, { children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: svgPathData }) })));
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("svg", {
+        "aria-hidden": "true",
+        focusable: "false",
+        "data-icon": iconName,
+        className: classes,
+        role: "img",
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: `0 0 ${width} ${height}`,
+        style: {
+            color
+        },
+        ...otherProps,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("path", {
+            fill: "currentColor",
+            d: svgPathData
+        })
+    });
 }
-exports.Icon = Icon;
+
 //# sourceMappingURL=Icon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,+DAA2C;AAC3C,2CAA0C;AAG1C,MAAM,WAAW,GAAG,aAAa,CAAC;AAElC,SAAgB,IAAI,CAAC,EAST;QATS,EACnB,IAAI,EACJ,SAAS,EACT,IAAI,GAAG,IAAI,EACX,KAAK,EACL,UAAU,EACV,IAAI,EACJ,WAAW,OAED,EADP,UAAU,cARM,2EASpB,CADc;IAEb,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,MAAM,IAAI,KAAK,CAAC,0BAA0B,CAAC,CAAC;IAC9C,CAAC;IAED,MAAM,OAAO,GAAG,IAAA,gBAAU,EACxB,QAAQ,EACR,aAAa,EACb,eAAe,WAAW,EAAE,EAC5B,UAAU,IAAI,EAAE,EAChB,SAAS,EACT;QACE,CAAC,GAAG,WAAW,KAAK,CAAC,EAAE,UAAU;QACjC,CAAC,GAAG,WAAW,OAAO,CAAC,EAAE,IAAI,IAAI,WAAW;QAC5C,CAAC,GAAG,WAAW,eAAe,CAAC,EAAE,WAAW;KAC7C,CACF,CAAC;IAEF,IAAA,uBAAW,GAAE,CAAC;IAEd,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;IAEtD,OAAO,CACL,6DACc,MAAM,EAClB,SAAS,EAAC,OAAO,eACN,QAAQ,EACnB,SAAS,EAAE,OAAO,EAClB,IAAI,EAAC,KAAK,EACV,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE,EACjC,KAAK,EAAE,EAAE,KAAK,EAAE,IACZ,UAAU,cAEd,iCAAM,IAAI,EAAC,cAAc,EAAC,CAAC,EAAE,WAAW,GAAI,IACxC,CACP,CAAC;AACJ,CAAC;AA9CD,oBA8CC"}
+{"version":3,"sources":["../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import classNames from \"classnames/dedupe\";\nimport { applyStyles } from \"./IconStyle\";\nimport { IconProps } from \"./types\";\n\nconst ICON_PREFIX = \"mobius-icon\";\n\nexport function Icon({\n  icon,\n  className,\n  size = \"xs\",\n  color,\n  fixedWidth,\n  spin,\n  spinReverse,\n  ...otherProps\n}: IconProps) {\n  if (!icon) {\n    throw new Error(\"Must specify icon object\");\n  }\n\n  const classes = classNames(\n    \"mobius\",\n    \"mobius/Icon\",\n    `svg-inline--${ICON_PREFIX}`,\n    `--size-${size}`,\n    className,\n    {\n      [`${ICON_PREFIX}-fw`]: fixedWidth,\n      [`${ICON_PREFIX}-spin`]: spin || spinReverse,\n      [`${ICON_PREFIX}-spin-reverse`]: spinReverse,\n    },\n  );\n\n  applyStyles();\n\n  const { iconName, width, height, svgPathData } = icon;\n\n  return (\n    <svg\n      aria-hidden=\"true\"\n      focusable=\"false\"\n      data-icon={iconName}\n      className={classes}\n      role=\"img\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox={`0 0 ${width} ${height}`}\n      style={{ color }}\n      {...otherProps}\n    >\n      <path fill=\"currentColor\" d={svgPathData} />\n    </svg>\n  );\n}\n"],"names":["Icon","ICON_PREFIX","icon","className","size","color","fixedWidth","spin","spinReverse","otherProps","Error","classes","classNames","applyStyles","iconName","width","height","svgPathData","svg","aria-hidden","focusable","data-icon","role","xmlns","viewBox","style","path","fill","d"],"mappings":";;;;+BAMgBA;;;eAAAA;;;;+DANO;2BACK;;;;;;AAG5B,MAAMC,cAAc;AAEb,SAASD,KAAK,EACnBE,IAAI,EACJC,SAAS,EACTC,OAAO,IAAI,EACXC,KAAK,EACLC,UAAU,EACVC,IAAI,EACJC,WAAW,EACX,GAAGC,YACO;IACV,IAAI,CAACP,MAAM;QACT,MAAM,IAAIQ,MAAM;IAClB;IAEA,MAAMC,UAAUC,IAAAA,eAAU,EACxB,UACA,eACA,CAAC,YAAY,EAAEX,YAAY,CAAC,EAC5B,CAAC,OAAO,EAAEG,KAAK,CAAC,EAChBD,WACA;QACE,CAAC,CAAC,EAAEF,YAAY,GAAG,CAAC,CAAC,EAAEK;QACvB,CAAC,CAAC,EAAEL,YAAY,KAAK,CAAC,CAAC,EAAEM,QAAQC;QACjC,CAAC,CAAC,EAAEP,YAAY,aAAa,CAAC,CAAC,EAAEO;IACnC;IAGFK,IAAAA,sBAAW;IAEX,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,MAAM,EAAEC,WAAW,EAAE,GAAGf;IAEjD,qBACE,qBAACgB;QACCC,eAAY;QACZC,WAAU;QACVC,aAAWP;QACXX,WAAWQ;QACXW,MAAK;QACLC,OAAM;QACNC,SAAS,CAAC,IAAI,EAAET,MAAM,CAAC,EAAEC,OAAO,CAAC;QACjCS,OAAO;YAAEpB;QAAM;QACd,GAAGI,UAAU;kBAEd,cAAA,qBAACiB;YAAKC,MAAK;YAAeC,GAAGX;;;AAGnC"}