@simplybusiness/mobius 4.4.5 → 4.4.6

package/dist/cjs/src/components/ErrorMessage/index.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./ErrorMessage"), 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/src/components/ErrorMessage/index.js.map

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

package/dist/cjs/src/components/Fieldset/Fieldset.js

@@ -0,0 +1,65 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Fieldset", {
+    enumerable: true,
+    get: function() {
+        return Fieldset;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
+const _react = require("react");
+const _Flex = require("../Flex");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const useFieldset = (props)=>{
+    const { legend } = props;
+    let legendProps = {};
+    let containerProps = {
+        role: "group"
+    };
+    const legendId = (0, _react.useId)();
+    if (legend) {
+        legendProps = {
+            ...legendProps,
+            id: legendId
+        };
+        containerProps = {
+            ...containerProps,
+            "aria-labelledby": legendId
+        };
+    }
+    return {
+        legendProps,
+        containerProps
+    };
+};
+const Fieldset = /*#__PURE__*/ (0, _react.forwardRef)((props, _ref)=>{
+    const { children, legend, legendComponent = /*#__PURE__*/ (0, _jsxruntime.jsx)("legend", {}), ...otherProps } = props;
+    const { legendProps, containerProps } = useFieldset(props);
+    const classes = (0, _dedupe.default)("mobius", "mobius/Fieldset", props.className);
+    // Set class on legend
+    legendProps.className = "mobius/Legend";
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Flex.Flex, {
+        ...containerProps,
+        ...otherProps,
+        className: classes,
+        children: [
+            legend && /*#__PURE__*/ (0, _react.cloneElement)(legendComponent, {
+                ...legendProps
+            }, [
+                legend
+            ]),
+            children
+        ]
+    });
+});
+Fieldset.displayName = "Fieldset";
+
+//# sourceMappingURL=Fieldset.js.map

package/dist/cjs/src/components/Fieldset/Fieldset.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Fieldset/Fieldset.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport {\n  ReactElement,\n  ReactNode,\n  Ref,\n  RefAttributes,\n  cloneElement,\n  forwardRef,\n  useId,\n} from \"react\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { Flex } from \"../Flex\";\n\nexport type LegendProps = {\n  id?: string;\n  className?: string;\n};\n\ntype ContainerProps = {\n  \"aria-labelledby\"?: string;\n  role: string;\n};\n\nconst useFieldset = (\n  props: FieldsetProps,\n): { legendProps: LegendProps; containerProps: ContainerProps } => {\n  const { legend } = props;\n\n  let legendProps: LegendProps = {};\n  let containerProps: ContainerProps = {\n    role: \"group\",\n  };\n\n  const legendId = useId();\n  if (legend) {\n    legendProps = {\n      ...legendProps,\n      id: legendId,\n    };\n    containerProps = {\n      ...containerProps,\n      \"aria-labelledby\": legendId,\n    };\n  }\n\n  return {\n    legendProps,\n    containerProps,\n  };\n};\n\nexport type FieldsetElementType = HTMLDivElement;\nexport interface FieldsetProps\n  extends DOMProps,\n    RefAttributes<FieldsetElementType> {\n  legend?: string;\n  children: ReactNode;\n  className?: string;\n  legendComponent?: ReactElement<any>;\n}\n\nexport type FieldsetRef = Ref<FieldsetElementType>;\n\nconst Fieldset: ForwardedRefComponent<FieldsetProps, FieldsetElementType> =\n  forwardRef((props: FieldsetProps, _ref: FieldsetRef) => {\n    const {\n      children,\n      legend,\n      legendComponent = <legend />,\n      ...otherProps\n    } = props;\n\n    const { legendProps, containerProps } = useFieldset(props);\n\n    const classes = classNames(\"mobius\", \"mobius/Fieldset\", props.className);\n\n    // Set class on legend\n    legendProps.className = \"mobius/Legend\";\n\n    return (\n      <Flex {...containerProps} {...otherProps} className={classes}>\n        {legend && cloneElement(legendComponent, { ...legendProps }, [legend])}\n        {children}\n      </Flex>\n    );\n  });\n\nFieldset.displayName = \"Fieldset\";\nexport { Fieldset };\n"],"names":["Fieldset","useFieldset","props","legend","legendProps","containerProps","role","legendId","useId","id","forwardRef","_ref","children","legendComponent","otherProps","classes","classNames","className","Flex","cloneElement","displayName"],"mappings":"AAAA;;;;;+BA2FSA;;;eAAAA;;;;+DAzFc;uBAShB;sBAGc;;;;;;AAYrB,MAAMC,cAAc,CAClBC;IAEA,MAAM,EAAEC,MAAM,EAAE,GAAGD;IAEnB,IAAIE,cAA2B,CAAC;IAChC,IAAIC,iBAAiC;QACnCC,MAAM;IACR;IAEA,MAAMC,WAAWC,IAAAA,YAAK;IACtB,IAAIL,QAAQ;QACVC,cAAc;YACZ,GAAGA,WAAW;YACdK,IAAIF;QACN;QACAF,iBAAiB;YACf,GAAGA,cAAc;YACjB,mBAAmBE;QACrB;IACF;IAEA,OAAO;QACLH;QACAC;IACF;AACF;AAcA,MAAML,yBACJU,IAAAA,iBAAU,EAAC,CAACR,OAAsBS;IAChC,MAAM,EACJC,QAAQ,EACRT,MAAM,EACNU,gCAAkB,qBAACV,aAAS,EAC5B,GAAGW,YACJ,GAAGZ;IAEJ,MAAM,EAAEE,WAAW,EAAEC,cAAc,EAAE,GAAGJ,YAAYC;IAEpD,MAAMa,UAAUC,IAAAA,eAAU,EAAC,UAAU,mBAAmBd,MAAMe,SAAS;IAEvE,sBAAsB;IACtBb,YAAYa,SAAS,GAAG;IAExB,qBACE,sBAACC,UAAI;QAAE,GAAGb,cAAc;QAAG,GAAGS,UAAU;QAAEG,WAAWF;;YAClDZ,wBAAUgB,IAAAA,mBAAY,EAACN,iBAAiB;gBAAE,GAAGT,WAAW;YAAC,GAAG;gBAACD;aAAO;YACpES;;;AAGP;AAEFZ,SAASoB,WAAW,GAAG"}

package/dist/cjs/src/components/Fieldset/index.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./Fieldset"), 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/src/components/Fieldset/index.js.map

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

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

@@ -0,0 +1,34 @@
+"use strict";
+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
+    });
+});
+Flex.displayName = "Flex";
+
+//# sourceMappingURL=Flex.js.map

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

@@ -0,0 +1 @@
+{"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/src/components/Flex/index.js

@@ -0,0 +1,21 @@
+"use strict";
+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/src/components/Flex/index.js.map

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

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

@@ -0,0 +1,57 @@
+"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, {
+    buildFlexStyles: function() {
+        return buildFlexStyles;
+    },
+    splitProps: function() {
+        return splitProps;
+    }
+});
+const _utils = require("../../utils");
+const _filterUndefinedProps = require("../../utils/filterUndefinedProps");
+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: (0, _utils.getSpacingValue)(gap),
+        columnGap: (0, _utils.getSpacingValue)(columnGap),
+        rowGap: (0, _utils.getSpacingValue)(rowGap)
+    };
+    return (0, _filterUndefinedProps.filterUndefinedProps)(styleProps);
+};
+const splitProps = (props)=>{
+    const { flexDirection, flexWrap, flexGrow, flex, justifyContent, alignItems, alignContent, gap, rowGap, columnGap, ...otherProps } = props;
+    return [
+        {
+            flexDirection,
+            flexWrap,
+            flexGrow,
+            flex,
+            justifyContent,
+            alignItems,
+            alignContent,
+            gap,
+            rowGap,
+            columnGap
+        },
+        otherProps
+    ];
+};
+
+//# sourceMappingURL=propUtils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Flex/propUtils.ts"],"sourcesContent":["import { getSpacingValue } from \"../../utils\";\nimport { filterUndefinedProps } from \"../../utils/filterUndefinedProps\";\nimport { FlexNonStyleProps, FlexProps, FlexStyleProps } from \"./types\";\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: getSpacingValue(gap),\n    columnGap: getSpacingValue(columnGap),\n    rowGap: getSpacingValue(rowGap),\n  };\n\n  return filterUndefinedProps(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","props","flexDirection","flexWrap","flexGrow","flex","justifyContent","alignItems","alignContent","gap","rowGap","columnGap","styleProps","display","getSpacingValue","filterUndefinedProps","otherProps"],"mappings":";;;;;;;;;;;IAIaA,eAAe;eAAfA;;IA+BAC,UAAU;eAAVA;;;uBAnCmB;sCACK;AAG9B,MAAMD,kBAAkB,CAACE;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,KAAKK,IAAAA,sBAAe,EAACL;QACrBE,WAAWG,IAAAA,sBAAe,EAACH;QAC3BD,QAAQI,IAAAA,sBAAe,EAACJ;IAC1B;IAEA,OAAOK,IAAAA,0CAAoB,EAACH;AAC9B;AAEO,MAAMZ,aAAa,CACxBC;IAEA,MAAM,EACJC,aAAa,EACbC,QAAQ,EACRC,QAAQ,EACRC,IAAI,EACJC,cAAc,EACdC,UAAU,EACVC,YAAY,EACZC,GAAG,EACHC,MAAM,EACNC,SAAS,EACT,GAAGK,YACJ,GAAGf;IAEJ,OAAO;QACL;YACEC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;QACF;QACAK;KACD;AACH"}

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

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

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

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

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

@@ -0,0 +1,43 @@
+"use strict";
+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 _utils = require("../../utils");
+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, _utils.filterUndefinedProps)({
+        boxSizing: "border-box",
+        display: "grid",
+        gridTemplateColumns: `repeat(${columns}, 1fr)`,
+        gap: (0, _utils.getSpacingValue)(gap),
+        columnGap: (0, _utils.getSpacingValue)(columnGap),
+        rowGap: (0, _utils.getSpacingValue)(rowGap),
+        alignContent,
+        alignItems,
+        justifyContent,
+        justifyItems
+    });
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        style: styles,
+        className: classes,
+        ...rest
+    });
+});
+Grid.displayName = "Grid";
+
+//# sourceMappingURL=Grid.js.map

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

@@ -0,0 +1 @@
+{"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 { filterUndefinedProps, getSpacingValue } from \"../../utils\";\nimport { SpacingType } from \"../../types\";\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?: SpacingType;\n  /** How big a gap between the columns */\n  columnGap?: SpacingType;\n  /** How big a gap between the rows */\n  rowGap?: SpacingType;\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 = filterUndefinedProps({\n      boxSizing: \"border-box\",\n      display: \"grid\",\n      gridTemplateColumns: `repeat(${columns}, 1fr)`,\n      gap: getSpacingValue(gap),\n      columnGap: getSpacingValue(columnGap),\n      rowGap: getSpacingValue(rowGap),\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","filterUndefinedProps","boxSizing","display","gridTemplateColumns","getSpacingValue","div","style","displayName"],"mappings":";;;;+BAoFSA;;;eAAAA;;;;uBA9EF;+DACgB;uBAG+B;;;;;;AAwCtD,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,2BAAoB,EAAC;QACjDC,WAAW;QACXC,SAAS;QACTC,qBAAqB,CAAC,OAAO,EAAEhB,QAAQ,MAAM,CAAC;QAC9CC,KAAKgB,IAAAA,sBAAe,EAAChB;QACrBC,WAAWe,IAAAA,sBAAe,EAACf;QAC3BC,QAAQc,IAAAA,sBAAe,EAACd;QACxBC;QACAC;QACAC;QACAC;IACF;IAEA,qBAAO,qBAACW;QAAIC,OAAOP;QAAQJ,WAAWE;QAAU,GAAGD,IAAI;;AACzD;AAGFb,KAAKwB,WAAW,GAAG"}

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

@@ -0,0 +1,76 @@
+"use client";
+"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
+    });
+    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
+    ]);
+    const styles = {
+        gridColumn: responsiveSpan ? `span ${responsiveSpan}` : undefined,
+        alignSelf,
+        justifySelf
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        style: {
+            ...styles
+        },
+        className: classes,
+        ...rest
+    });
+});
+GridItem.displayName = "GridItem";
+
+//# sourceMappingURL=Item.js.map

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

@@ -0,0 +1 @@
+{"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/src/components/Grid/index.js

@@ -0,0 +1,18 @@
+"use strict";
+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
+});
+Grid.displayName = "Grid";
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"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/src/components/Icon/Icon.js

@@ -0,0 +1,48 @@
+"use strict";
+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"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const ICON_PREFIX = "mobius-icon";
+function Icon({ icon, className, size = "xs", color, fixedWidth, spin, spinReverse, ...otherProps }) {
+    if (!icon) {
+        throw new Error("Must specify icon object");
+    }
+    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
+    });
+    const { iconName, width, height, svgPathData } = icon;
+    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
+        })
+    });
+}
+
+//# sourceMappingURL=Icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import classNames from \"classnames/dedupe\";\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  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","iconName","width","height","svgPathData","svg","aria-hidden","focusable","data-icon","role","xmlns","viewBox","style","path","fill","d"],"mappings":";;;;+BAKgBA;;;eAAAA;;;;+DALO;;;;;;AAGvB,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;IAGF,MAAM,EAAEK,QAAQ,EAAEC,KAAK,EAAEC,MAAM,EAAEC,WAAW,EAAE,GAAGd;IAEjD,qBACE,qBAACe;QACCC,eAAY;QACZC,WAAU;QACVC,aAAWP;QACXV,WAAWQ;QACXU,MAAK;QACLC,OAAM;QACNC,SAAS,CAAC,IAAI,EAAET,MAAM,CAAC,EAAEC,OAAO,CAAC;QACjCS,OAAO;YAAEnB;QAAM;QACd,GAAGI,UAAU;kBAEd,cAAA,qBAACgB;YAAKC,MAAK;YAAeC,GAAGX;;;AAGnC"}

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./Icon"), 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/src/components/Icon/index.js.map

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

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

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

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

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

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

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Image", {
+    enumerable: true,
+    get: function() {
+        return Image;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("react");
+const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const Image = /*#__PURE__*/ (0, _react.forwardRef)(({ alt, elementType: Component = "img", ...otherProps }, ref)=>{
+    const classes = (0, _dedupe.default)("mobius", "mobius/Image", otherProps.className);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(Component, {
+        alt: alt,
+        ref: ref,
+        ...otherProps,
+        className: classes
+    });
+});
+Image.displayName = "Image";
+
+//# sourceMappingURL=Image.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Image/Image.tsx"],"sourcesContent":["import { forwardRef, RefAttributes, Ref } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport type IntrinsicImage = Omit<\n  JSX.IntrinsicElements[\"img\"],\n  \"css\" | \"width\" | \"height\" | \"color\"\n> &\n  RefAttributes<HTMLImageElement>;\n\nexport interface ImageProps extends DOMProps, IntrinsicImage {\n  /** HTML element for the Box */\n  elementType?: React.ElementType;\n  /** Alternative text for accessibility */\n  alt: string;\n  /** Path to image asset */\n  src: string;\n  /** Custom class name for setting specific CSS */\n  className?: string;\n}\n\nexport type ImageRef = Ref<HTMLImageElement>;\n\nconst Image: ForwardedRefComponent<ImageProps, HTMLImageElement> = forwardRef(\n  (\n    { alt, elementType: Component = \"img\", ...otherProps }: ImageProps,\n    ref: ImageRef,\n  ) => {\n    const classes = classNames(\"mobius\", \"mobius/Image\", otherProps.className);\n\n    return (\n      <Component alt={alt} ref={ref} {...otherProps} className={classes} />\n    );\n  },\n);\n\nImage.displayName = \"Image\";\nexport { Image };\n"],"names":["Image","forwardRef","alt","elementType","Component","otherProps","ref","classes","classNames","className","displayName"],"mappings":";;;;+BAsCSA;;;eAAAA;;;;uBAtCsC;+DACxB;;;;;;AAuBvB,MAAMA,sBAA6DC,IAAAA,iBAAU,EAC3E,CACE,EAAEC,GAAG,EAAEC,aAAaC,YAAY,KAAK,EAAE,GAAGC,YAAwB,EAClEC;IAEA,MAAMC,UAAUC,IAAAA,eAAU,EAAC,UAAU,gBAAgBH,WAAWI,SAAS;IAEzE,qBACE,qBAACL;QAAUF,KAAKA;QAAKI,KAAKA;QAAM,GAAGD,UAAU;QAAEI,WAAWF;;AAE9D;AAGFP,MAAMU,WAAW,GAAG"}

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./Image"), 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/src/components/Image/index.js.map

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

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

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Label", {
+    enumerable: true,
+    get: function() {
+        return Label;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("react");
+const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const Label = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
+    const { elementType: Element = "label", children, ...otherProps } = props;
+    const classes = (0, _dedupe.default)("mobius", "mobius/Label", props.className);
+    otherProps.className = classes;
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(Element, {
+        ref: ref,
+        ...otherProps,
+        className: classes,
+        children: children
+    });
+});
+Label.displayName = "Label";
+
+//# sourceMappingURL=Label.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Label/Label.tsx"],"sourcesContent":["import { forwardRef, ReactNode, Ref, RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport type LabelElementType = HTMLLabelElement;\nexport type IntrinsicLabel = Omit<\n  JSX.IntrinsicElements[\"label\"],\n  \"css\" | \"color\" | \"ref\"\n>;\n\nexport interface LabelProps\n  extends IntrinsicLabel,\n    DOMProps,\n    RefAttributes<LabelElementType> {\n  children?: ReactNode;\n  className?: string;\n  elementType?: \"label\" | \"span\";\n}\n\nexport type LabelRef = Ref<LabelElementType>;\n\nconst Label: ForwardedRefComponent<LabelProps, LabelElementType> = forwardRef(\n  (props: LabelProps, ref: LabelRef) => {\n    const { elementType: Element = \"label\", children, ...otherProps } = props;\n\n    const classes = classNames(\"mobius\", \"mobius/Label\", props.className);\n    otherProps.className = classes;\n\n    return (\n      <Element ref={ref} {...otherProps} className={classes}>\n        {children}\n      </Element>\n    );\n  },\n);\n\nLabel.displayName = \"Label\";\nexport { Label };\n"],"names":["Label","forwardRef","props","ref","elementType","Element","children","otherProps","classes","classNames","className","displayName"],"mappings":";;;;+BAsCSA;;;eAAAA;;;;uBAtCiD;+DACnC;;;;;;AAqBvB,MAAMA,sBAA6DC,IAAAA,iBAAU,EAC3E,CAACC,OAAmBC;IAClB,MAAM,EAAEC,aAAaC,UAAU,OAAO,EAAEC,QAAQ,EAAE,GAAGC,YAAY,GAAGL;IAEpE,MAAMM,UAAUC,IAAAA,eAAU,EAAC,UAAU,gBAAgBP,MAAMQ,SAAS;IACpEH,WAAWG,SAAS,GAAGF;IAEvB,qBACE,qBAACH;QAAQF,KAAKA;QAAM,GAAGI,UAAU;QAAEG,WAAWF;kBAC3CF;;AAGP;AAGFN,MAAMW,WAAW,GAAG"}